diff --git a/.changeset/chilly-badgers-retire.md b/.changeset/chilly-badgers-retire.md new file mode 100644 index 000000000..ba32ca70e --- /dev/null +++ b/.changeset/chilly-badgers-retire.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/ui': patch +--- + +**refactor**: refactor internals with stricter TypeScript options diff --git a/.changeset/eight-horses-judge.md b/.changeset/eight-horses-judge.md new file mode 100644 index 000000000..9cf47c625 --- /dev/null +++ b/.changeset/eight-horses-judge.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/theme': minor +--- + +**build!**: drop JS part of the library, keep only Sass and fonts diff --git a/.changeset/fair-penguins-beg.md b/.changeset/fair-penguins-beg.md new file mode 100644 index 000000000..82db520f0 --- /dev/null +++ b/.changeset/fair-penguins-beg.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/ui': minor +--- + +**build**: set `type: module` in package json; update exports; rollup `.d.ts` with `rollup-plugin-dts` diff --git a/.changeset/fuzzy-pens-tickle.md b/.changeset/fuzzy-pens-tickle.md new file mode 100644 index 000000000..320565a35 --- /dev/null +++ b/.changeset/fuzzy-pens-tickle.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/ui': patch +--- + +**refactor**(`SDatePicker`): remove redundant constant binary expression diff --git a/.changeset/gentle-impalas-love.md b/.changeset/gentle-impalas-love.md new file mode 100644 index 000000000..1ac2356e3 --- /dev/null +++ b/.changeset/gentle-impalas-love.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/theme': patch +--- + +**docs**: fix "Sora" import in TL;DR example diff --git a/.changeset/great-mangos-rescue.md b/.changeset/great-mangos-rescue.md new file mode 100644 index 000000000..feb1cdad2 --- /dev/null +++ b/.changeset/great-mangos-rescue.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/icons': patch +--- + +**docs**: update README diff --git a/.changeset/khaki-cats-cheat.md b/.changeset/khaki-cats-cheat.md new file mode 100644 index 000000000..6ec515506 --- /dev/null +++ b/.changeset/khaki-cats-cheat.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/ui': patch +--- + +**fix**(`SModalCard`): set `title="Close"` for close button, pass a11y check diff --git a/.changeset/mighty-hats-retire.md b/.changeset/mighty-hats-retire.md new file mode 100644 index 000000000..f59c26de8 --- /dev/null +++ b/.changeset/mighty-hats-retire.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/ui': patch +--- + +**fix**(`SPagination`): compare `pageButton` correctly diff --git a/.changeset/nervous-cooks-sleep.md b/.changeset/nervous-cooks-sleep.md new file mode 100644 index 000000000..ccbd3694a --- /dev/null +++ b/.changeset/nervous-cooks-sleep.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/vite-plugin-svg': minor +--- + +**refactor!**: bump major version of `svgo`; specify `vite@4` as a peer dependency; specify `exports` field; bundle package in both CJS and ESM formats; update README diff --git a/.changeset/old-ants-argue.md b/.changeset/old-ants-argue.md new file mode 100644 index 000000000..28f5c1093 --- /dev/null +++ b/.changeset/old-ants-argue.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/ui': patch +--- + +**fix**: specify `type-fest` as a prod dependency diff --git a/.changeset/short-melons-think.md b/.changeset/short-melons-think.md new file mode 100644 index 000000000..84b4af846 --- /dev/null +++ b/.changeset/short-melons-think.md @@ -0,0 +1,7 @@ +--- +'@soramitsu-ui/vite-plugin-svg': minor +'@soramitsu-ui/theme': minor +'@soramitsu-ui/ui': minor +--- + +**chore**: update dependencies; specify them as `^x.y` diff --git a/.changeset/spotty-jeans-sell.md b/.changeset/spotty-jeans-sell.md new file mode 100644 index 000000000..1c2b458f1 --- /dev/null +++ b/.changeset/spotty-jeans-sell.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/ui': minor +--- + +**refactor**(`SSelect`): use `readonly options` in `UseSelectModelParams` diff --git a/.changeset/thick-rice-remain.md b/.changeset/thick-rice-remain.md new file mode 100644 index 000000000..6e6b95c8e --- /dev/null +++ b/.changeset/thick-rice-remain.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/ui': minor +--- + +**refactor**(`STableColumn`): use strict type for `sort-orders` prop -- it should be 1-3 length array without duplications diff --git a/.changeset/wise-trees-applaud.md b/.changeset/wise-trees-applaud.md new file mode 100644 index 000000000..97d680d79 --- /dev/null +++ b/.changeset/wise-trees-applaud.md @@ -0,0 +1,5 @@ +--- +'@soramitsu-ui/ui': patch +--- + +**fix**(`STable`): refactor internal table-heights watcher diff --git a/.eslintignore b/.eslintignore index 35f914e2a..3793d6dcd 100644 --- a/.eslintignore +++ b/.eslintignore @@ -1,5 +1,5 @@ node_modules dist -dist-ts +ts-build storybook-static /packages/ui/test/after-build/esm-tree-shaken-dist diff --git a/.eslintrc.js b/.eslintrc.js index ba212be5c..96f30949d 100755 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -21,6 +21,14 @@ module.exports = { // make possible `/// **`, where `` can be `fix`, `feat` or something like this, + that describes a type of change. If the change has a scope (e.g. a component name), it should be after the type of the change. Then the description goes after colon. After the type should go a scope in brackets if it can be defined. + + Examples: + + - `` **fix**(`STable`): remove unnecessary border `` + - `**feat**: add pagination component` + More info: https://www.conventionalcommits.org/en/v1.0.0/ -## Linting & Format +### Linting & Format Available scripts: @@ -119,13 +118,13 @@ Available scripts: - `lint:format:fix`- calls prettier and then eslint to fix formatting errors - `lint:check` - calls `lint:es` and then `lint:format:check` -To use "Format On Save" feature you should setup your (I)DE to run: +To use "Format On Save" feature you should set up your (I)DE to run: ```bash # From the project root ./node_modules/.bin/prettier-eslint --write ``` -Maybe you will also need to specify paths for prettier config, prettier binary, eslint config or eslint binary. See all list of options with `yarn prettier-eslint -h`. +Maybe you will also need to specify paths for prettier config, prettier binary, eslint config or eslint binary. See all list of options with `pnpm prettier-eslint -h`. > If you are using VSCode, take a lot at [Prettier ESLint](https://marketplace.visualstudio.com/items?itemName=rvest.vs-code-prettier-eslint) extension, it may help with auto formatting. diff --git a/lerna.json b/lerna.json deleted file mode 100644 index d5a9903b1..000000000 --- a/lerna.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "npmClient": "yarn", - "useWorkspaces": true, - "packages": [ - "packages/*" - ], - "version": "independent", - "command": { - "publish": { - "ignoreChanges": [ - "yarn.lock" - ], - "no-git-tag-version": true, - "no-push": true, - "yes": true - } - } -} diff --git a/next.Jenkinsfile b/next.Jenkinsfile index 1d187c7bc..e252d6616 100644 --- a/next.Jenkinsfile +++ b/next.Jenkinsfile @@ -1,15 +1,16 @@ -@Library('jenkins-library') +@Library('jenkins-library') _ + def pipeline = new org.js.LibPipeline( steps: this, - packageManager: 'yarn', - buildDockerImage: 'build-tools/node:14-ubuntu-cypress', + packageManager: 'pnpm', + buildDockerImage: 'build-tools/node:16-cypress-corepack', npmLoginEmail: 'admin@soramitsu.co.jp', - dockerFileName: 'next.Dockerfile', dockerImageName: 'soramitsu/soramitsu-js-ui-library', - testCmds: ['yarn test:all'], - pushCmds: ['yarn publish-workspaces --no-verify-access'], - libPushBranches: ['next'], - dockerImageTags: ['next':'next-serve'], - libExamplesBuildCmds: ['yarn sb:build'] + testCmds: ['pnpm test:all'], + pushCmds: ['pnpm publish-workspaces'], + libPushBranches: ['master', 'next'], + dockerImageTags: ['master':'latest', 'next':'next'], + libExamplesBuildCmds: ['pnpm sb:build'], + corepack: true ) pipeline.runPipeline() diff --git a/package.json b/package.json index dfc93ea66..37f87c7a4 100755 --- a/package.json +++ b/package.json @@ -1,46 +1,51 @@ { "private": true, + "packageManager": "pnpm@7.29.0", + "engines": { + "node": ">=16", + "pnpm": ">=7.29" + }, "license": "Apache-2.0", - "workspaces": [ - "packages/*" - ], "scripts": { - "sb:serve": "yarn --cwd packages/ui sb:serve", - "sb:build": "yarn --cwd packages/ui sb:build", - "test:all": "run-s lint:check test:theme:unit build:vite-plugin-svg test:ui:unit build:theme test:ui:cy build:ui:only-vite test:ui:after-build", - "test:theme:unit": "yarn --cwd packages/theme test", - "test:ui:unit": "yarn --cwd packages/ui test:unit", - "test:ui:cy": "yarn --cwd packages/ui cy:ci:component", - "test:ui:after-build": "yarn --cwd packages/ui test:after-build", - "build": "run-s build:theme build:vite-plugin-svg build:ui", - "build:theme": "yarn --cwd packages/theme build", - "build:vite-plugin-svg": "yarn --cwd packages/vite-plugin-svg build", - "build:ui": "yarn --cwd packages/ui build", - "build:ui:only-vite": "yarn --cwd packages/ui build:vite", + "sb:serve": "pnpm --filter ui sb:serve", + "sb:build": "pnpm --filter ui sb:build", + "test:all": "run-s lint:check test:theme:unit build:vite-plugin-svg test:ui:unit test:ui:cy build:ui:only-vite test:ui:after-build", + "test:theme:unit": "pnpm --filter theme test", + "test:ui:unit": "pnpm --filter ui test:unit", + "test:ui:cy": "pnpm --filter ui cy:ci:component", + "test:ui:after-build": "pnpm --filter ui test:after-build", + "typecheck": "run-s typecheck:root typecheck:ui", + "typecheck:root": "tsc --noEmit", + "typecheck:ui": "pnpm --filter ui typecheck", + "build": "run-s build:vite-plugin-svg build:ui", + "build:vite-plugin-svg": "pnpm --filter vite-plugin-svg build", + "build:ui": "pnpm --filter ui build", + "build:ui:only-vite": "pnpm --filter ui build:vite", "lint:check": "run-s lint:es lint:format:check", "lint:es": "eslint .", - "lint:es:fix": "yarn lint:es --fix", + "lint:es:fix": "pnpm lint:es --fix", "lint:format:base": "prettier-eslint \"**/*.{ts,js,vue,md,css,scss,sass}\"", - "lint:format:check": "yarn lint:format:base --list-different", - "lint:format:fix": "yarn lint:format:base --write", - "publish-workspaces": "lerna publish from-package" + "lint:format:check": "pnpm lint:format:base --list-different", + "lint:format:fix": "pnpm lint:format:base --write", + "publish-workspaces": "pnpm publish -r" }, "devDependencies": { "@changesets/cli": "^2.17.0", - "@types/node": "^17.0.14", - "@typescript-eslint/eslint-plugin": "^5.12.1", - "@typescript-eslint/parser": "^5.12.1", - "esbuild-jest": "^0.5.0", - "eslint": "^8.16.0", + "@types/node": "^18.14.6", + "@typescript-eslint/eslint-plugin": "^5.55.0", + "@typescript-eslint/parser": "^5.55.0", + "del-cli": "^5.0.0", + "eslint": "^8.36.0", "eslint-config-alloy": "^4.5.1", "eslint-plugin-cypress": "^2.12.1", "eslint-plugin-vue": "^9.0.1", - "eslint-plugin-vuejs-accessibility": "^1.1.1", - "lerna": "^4.0.0", + "eslint-plugin-vuejs-accessibility": "^2.1.0", "npm-run-all": "^4.1.5", "prettier": "^2.6.2", "prettier-eslint": "^15.0.0", - "prettier-eslint-cli": "^6.0.1", - "typescript": "4.6.4" + "prettier-eslint-cli": "^7.1.0", + "typescript": "5.0.2", + "vite": "^4.1.4", + "vitest": "^0.29.2" } } diff --git a/packages/icons/README.md b/packages/icons/README.md index 581d9e971..511719cb5 100644 --- a/packages/icons/README.md +++ b/packages/icons/README.md @@ -1,12 +1,12 @@ # icons -For now it contains only old icons exported as raw SVGs. You probably should use bundler to use this package. +For now, it contains only old icons exported as raw SVGs. You probably should use a bundler to use this package. ## Usage example **Vite:** -Setup [vite-svg-loader](https://www.npmjs.com/package/vite-svg-loader) plugin. +Setup [vite-svg-loader](https://www.npmjs.com/package/vite-svg-loader) or [`@soramitsu/vite-plugin-svg`](../vite-plugin-svg/README.md) plugin. **Webpack:** diff --git a/packages/icons/package.json b/packages/icons/package.json index d32997364..cb2c75aec 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,8 +1,4 @@ { "name": "@soramitsu-ui/icons", - "version": "0.1.0", - "license": "Apache-2.0", - "publishConfig": { - "access": "public" - } + "version": "0.1.0" } diff --git a/packages/theme/README.md b/packages/theme/README.md index 8ae6313b0..aede06506 100644 --- a/packages/theme/README.md +++ b/packages/theme/README.md @@ -7,7 +7,7 @@ This package contains the core part of Soramitsu's Design System - it's **tokens Quick setup with Sass: ```scss -@use '@soramitsu-ui/fonts/Sora'; +@use '@soramitsu-ui/theme/fonts/Sora'; @use '@soramitsu-ui/theme/sass' as theme; @include theme.typography-preset-default; diff --git a/packages/theme/jest-exports.config.js b/packages/theme/jest-exports.config.js deleted file mode 100644 index 5eb384021..000000000 --- a/packages/theme/jest-exports.config.js +++ /dev/null @@ -1,4 +0,0 @@ -module.exports = { - testMatch: ['/test/lib-exports.spec.js'], - resolver: 'jest-resolver-enhanced', -} diff --git a/packages/theme/jest.config.js b/packages/theme/jest.config.js deleted file mode 100644 index 08da2b528..000000000 --- a/packages/theme/jest.config.js +++ /dev/null @@ -1,7 +0,0 @@ -module.exports = { - testMatch: ['/src/**/*.spec.ts'], - transform: { - '^.+\\.tsx?$': ['esbuild-jest', { sourcemap: true }], - }, - testEnvironment: 'jest-environment-node-single-context', -} diff --git a/packages/theme/package.json b/packages/theme/package.json index 6db12a1cb..58824281a 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,53 +1,18 @@ { "name": "@soramitsu-ui/theme", "version": "0.3.0", - "main": "dist/lib.cjs.js", - "module": "dist/lib.esm.js", - "types": "dist/lib.d.ts", "exports": { - ".": { - "import": "./dist/lib.esm.js", - "require": "./dist/lib.cjs.js" - }, "./sass": "./src/sass/lib.scss", "./sass/*": "./src/sass/*", "./fonts/Sora": "./src/fonts/Sora/index.css" }, - "license": "Apache-2.0", - "publishConfig": { - "access": "public" - }, "files": [ - "dist", - "src/sass", - "src/fonts/Sora" + "src" ], "scripts": { - "clean": "del dist dist-ts", - "build": "run-s clean build:tsc build:rollup", - "build:tsc": "tsc --outDir dist-ts", - "build:rollup": "rollup -c", - "test": "run-p test:main test:exports", - "test:main": "jest", - "test:exports": "jest -c jest-exports.config.js" - }, - "dependencies": { - "windicss": "^3.1.7" + "test": "vitest run" }, "devDependencies": { - "@types/jest": "^27.0.2", - "@types/node": "^17.0.14", - "del-cli": "^4.0.1", - "esbuild-jest": "^0.5.0", - "jest": "^27.3.1", - "jest-environment-node-single-context": "^27.3.0", - "jest-resolver-enhanced": "^1.0.1", - "npm-run-all": "^4.1.5", - "rollup": "^2.58.3", - "rollup-plugin-dts": "^4.0.0", - "sass": "^1.49.0", - "sucrase": "^3.20.3", - "type-fest": "^2.18.1", - "typescript": "4.7.4" + "sass": "^1.49.0" } } diff --git a/packages/theme/rollup.config.js b/packages/theme/rollup.config.js deleted file mode 100644 index 9359cc0c0..000000000 --- a/packages/theme/rollup.config.js +++ /dev/null @@ -1,3 +0,0 @@ -/* eslint-disable @typescript-eslint/no-require-imports */ -require('sucrase/register') -module.exports = require('./scripts/rollup.config.ts') diff --git a/packages/theme/scripts/rollup.config.ts b/packages/theme/scripts/rollup.config.ts deleted file mode 100644 index e5960c49e..000000000 --- a/packages/theme/scripts/rollup.config.ts +++ /dev/null @@ -1,27 +0,0 @@ -import { defineConfig } from 'rollup' -import rollupPluginDts from 'rollup-plugin-dts' - -export default defineConfig([ - { - input: 'dist-ts/lib.js', - external: [/^windicss/], - output: [ - { - file: 'dist/lib.esm.js', - format: 'esm', - }, - { - file: 'dist/lib.cjs.js', - format: 'cjs', - }, - ], - }, - { - input: 'dist-ts/lib.d.ts', - plugins: [rollupPluginDts()], - output: { - file: 'dist/lib.d.ts', - format: 'esm', - }, - }, -]) diff --git a/packages/theme/src/lib.ts b/packages/theme/src/lib.ts deleted file mode 100644 index 4850c628b..000000000 --- a/packages/theme/src/lib.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './windi' diff --git a/packages/theme/src/sass/__tests__/sass-interface.spec.ts b/packages/theme/src/sass/__tests__/sass-interface.spec.ts index 1476997f9..a063889be 100644 --- a/packages/theme/src/sass/__tests__/sass-interface.spec.ts +++ b/packages/theme/src/sass/__tests__/sass-interface.spec.ts @@ -1,3 +1,4 @@ +import { describe, test, expect } from 'vitest' import sass from 'sass' import path from 'path' diff --git a/packages/theme/src/windi.ts b/packages/theme/src/windi.ts deleted file mode 100644 index 84865e332..000000000 --- a/packages/theme/src/windi.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Config } from 'windicss/types/interfaces' - -/** - * Preset with Soramitsu UI theming related stuff - * - * TODO - */ -export const windicssPreset: Config = { - theme: { - extend: { - // TODO extract tokens to JSON and put here some convenient bindings to **compiled** variables. - // It is primarily useful for library users rather than for library internals, thus TODO - }, - }, -} diff --git a/packages/theme/test/lib-exports.spec.js b/packages/theme/test/lib-exports.spec.js deleted file mode 100644 index ffe6ad574..000000000 --- a/packages/theme/test/lib-exports.spec.js +++ /dev/null @@ -1,20 +0,0 @@ -// The purpose of this file is to test how "exports" field in the package.json resolves -/* eslint-disable @typescript-eslint/no-require-imports */ - -const path = require('path') - -const PKG_BASE = '@soramitsu-ui/theme' - -function resolveEntry(relative = '') { - const absPath = require.resolve(`${PKG_BASE}${relative}`) - return path.relative(path.resolve(__dirname, '../'), absPath) -} - -test.each([ - // ['', 'dist/lib.cjs.js'], - ['/sass', 'src/sass/lib.scss'], - ['/sass/util.scss', 'src/sass/util.scss'], - ['/fonts/Sora', 'src/fonts/Sora/index.css'], -])('%o is mapped to %o', (alias, expected) => { - expect(resolveEntry(alias)).toEqual(expected) -}) diff --git a/packages/theme/tsconfig.json b/packages/theme/tsconfig.json deleted file mode 100644 index e96a4f0b0..000000000 --- a/packages/theme/tsconfig.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "extends": "../../tsconfig.json", - "compilerOptions": { - "baseUrl": ".", - "types": ["jest", "node"], - "declaration": true - }, - "include": ["src"] -} diff --git a/packages/ui/.eslintrc-auto-import.json b/packages/ui/.eslintrc-auto-import.json index 96e86b87c..a2ca7ecad 100644 --- a/packages/ui/.eslintrc-auto-import.json +++ b/packages/ui/.eslintrc-auto-import.json @@ -71,7 +71,6 @@ "refThrottled": true, "refWithControl": true, "resolveComponent": true, - "resolveDirective": true, "resolveRef": true, "resolveUnref": true, "shallowReactive": true, @@ -100,10 +99,12 @@ "useArrayFilter": true, "useArrayFind": true, "useArrayFindIndex": true, + "useArrayFindLast": true, "useArrayJoin": true, "useArrayMap": true, "useArrayReduce": true, "useArraySome": true, + "useArrayUnique": true, "useAsyncQueue": true, "useAsyncState": true, "useAttrs": true, @@ -186,12 +187,14 @@ "useParallax": true, "usePermission": true, "usePointer": true, + "usePointerLock": true, "usePointerSwipe": true, "usePreferredColorScheme": true, "usePreferredContrast": true, "usePreferredDark": true, "usePreferredLanguages": true, "usePreferredReducedMotion": true, + "usePrevious": true, "useRafFn": true, "useRefHistory": true, "useResizeObserver": true, @@ -203,6 +206,7 @@ "useSessionStorage": true, "useShare": true, "useSlots": true, + "useSorted": true, "useSpeechRecognition": true, "useSpeechSynthesis": true, "useStepper": true, diff --git a/packages/ui/.gitignore b/packages/ui/.gitignore index a271ec5f0..b61127d2e 100644 --- a/packages/ui/.gitignore +++ b/packages/ui/.gitignore @@ -1,3 +1,3 @@ storybook-static cypress/screenshots -etc/api-temp +ts-build \ No newline at end of file diff --git a/packages/ui/.storybook/main.js b/packages/ui/.storybook/main.js index ad6638cc8..b123c6ede 100644 --- a/packages/ui/.storybook/main.js +++ b/packages/ui/.storybook/main.js @@ -1,28 +1,14 @@ -const path = require('path') -const { loadConfigFromFile, mergeConfig } = require('vite') - -function resolve(...paths) { - return path.resolve(__dirname, '..', ...paths) -} - -module.exports = { - stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx)'], - addons: ['@storybook/addon-links', '@storybook/addon-essentials'], - core: { - builder: 'storybook-builder-vite', +/** @type { import('@storybook/vue3-vite').StorybookConfig } */ +const config = { + // TODO use other stories as well + stories: ['../stories/**/Alert.stories.@(js|jsx|ts|tsx)'], + addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-interactions'], + framework: { + name: '@storybook/vue3-vite', + options: {}, }, - /** - * @param {import('vite').UserConfig} config - */ - async viteFinal(config) { - const { config: mainConfig } = await loadConfigFromFile( - { mode: 'development', command: 'serve' }, - resolve('vite.config.ts'), - ) - - // vue plugin is already presented in storybook's config, so we need to deduplicate it - mainConfig.plugins = mainConfig.plugins.filter((x) => !/vite:vue/.test(x.name)) - - return mergeConfig(config, mainConfig) + docs: { + autodocs: 'tag', }, } +export default config diff --git a/packages/ui/.storybook/preview-head.html b/packages/ui/.storybook/preview-head.html new file mode 100644 index 000000000..05da1e9df --- /dev/null +++ b/packages/ui/.storybook/preview-head.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/packages/ui/.storybook/preview.js b/packages/ui/.storybook/preview.js index 35bac2499..13855337a 100644 --- a/packages/ui/.storybook/preview.js +++ b/packages/ui/.storybook/preview.js @@ -1,12 +1,20 @@ import 'virtual:windi.css' import './custom.scss' -export const parameters = { - actions: { argTypesRegex: '^on[A-Z].*' }, - controls: { - matchers: { - color: /(background|color)$/i, - date: /Date$/, +/** @type { import('@storybook/vue3').Preview } */ +const preview = { + parameters: { + backgrounds: { + default: 'light', + }, + actions: { argTypesRegex: '^on[A-Z].*' }, + controls: { + matchers: { + color: /(background|color)$/i, + date: /Date$/, + }, }, }, } + +export default preview diff --git a/packages/ui/api-extractor.json b/packages/ui/api-extractor.json deleted file mode 100644 index b8370cd06..000000000 --- a/packages/ui/api-extractor.json +++ /dev/null @@ -1,53 +0,0 @@ -{ - "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - - "mainEntryPointFilePath": "/dist-ts/lib.d.ts", - - "apiReport": { - "enabled": true, - "reportFolder": "/etc/api/", - "reportTempFolder": "/etc/api-temp/" - }, - - "docModel": { - "enabled": false - }, - - "dtsRollup": { - "enabled": true, - "untrimmedFilePath": "/dist/lib.d.ts" - }, - - "tsdocMetadata": { - "enabled": false - }, - - "messages": { - "compilerMessageReporting": { - "default": { - "logLevel": "warning" - } - }, - - "extractorMessageReporting": { - "default": { - "logLevel": "warning", - "addToApiReportFile": true - }, - - "ae-missing-release-tag": { - "logLevel": "none" - } - }, - - "tsdocMessageReporting": { - "default": { - "logLevel": "warning" - }, - - "tsdoc-undefined-tag": { - "logLevel": "none" - } - } - } -} diff --git a/packages/ui/auto-imports.d.ts b/packages/ui/auto-imports.d.ts index c8e0f6d42..af8a86527 100644 --- a/packages/ui/auto-imports.d.ts +++ b/packages/ui/auto-imports.d.ts @@ -1,4 +1,7 @@ -// Generated by 'unplugin-auto-import' +/* eslint-disable */ +/* prettier-ignore */ +// @ts-nocheck +// Generated by unplugin-auto-import export {} declare global { const EffectScope: typeof import('vue')['EffectScope'] @@ -72,7 +75,6 @@ declare global { const refThrottled: typeof import('@vueuse/core')['refThrottled'] const refWithControl: typeof import('@vueuse/core')['refWithControl'] const resolveComponent: typeof import('vue')['resolveComponent'] - const resolveDirective: typeof import('vue')['resolveDirective'] const resolveRef: typeof import('@vueuse/core')['resolveRef'] const resolveUnref: typeof import('@vueuse/core')['resolveUnref'] const shallowReactive: typeof import('vue')['shallowReactive'] @@ -101,10 +103,12 @@ declare global { const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter'] const useArrayFind: typeof import('@vueuse/core')['useArrayFind'] const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex'] + const useArrayFindLast: typeof import('@vueuse/core')['useArrayFindLast'] const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin'] const useArrayMap: typeof import('@vueuse/core')['useArrayMap'] const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce'] const useArraySome: typeof import('@vueuse/core')['useArraySome'] + const useArrayUnique: typeof import('@vueuse/core')['useArrayUnique'] const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue'] const useAsyncState: typeof import('@vueuse/core')['useAsyncState'] const useAttrs: typeof import('vue')['useAttrs'] @@ -187,12 +191,14 @@ declare global { const useParallax: typeof import('@vueuse/core')['useParallax'] const usePermission: typeof import('@vueuse/core')['usePermission'] const usePointer: typeof import('@vueuse/core')['usePointer'] + const usePointerLock: typeof import('@vueuse/core')['usePointerLock'] const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe'] const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme'] const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast'] const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark'] const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages'] const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion'] + const usePrevious: typeof import('@vueuse/core')['usePrevious'] const useRafFn: typeof import('@vueuse/core')['useRafFn'] const useRefHistory: typeof import('@vueuse/core')['useRefHistory'] const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver'] @@ -204,6 +210,7 @@ declare global { const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage'] const useShare: typeof import('@vueuse/core')['useShare'] const useSlots: typeof import('vue')['useSlots'] + const useSorted: typeof import('@vueuse/core')['useSorted'] const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition'] const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis'] const useStepper: typeof import('@vueuse/core')['useStepper'] diff --git a/packages/ui/cypress.config.ts b/packages/ui/cypress.config.ts index 96746bb6a..43477b5fe 100644 --- a/packages/ui/cypress.config.ts +++ b/packages/ui/cypress.config.ts @@ -1,5 +1,10 @@ import { defineConfig } from 'cypress' +import { mergeConfig } from 'vite' import fs from 'fs' +import viteBase from './vite.config' +import { createRequire } from 'module' + +const require = createRequire(import.meta.url) function useAxeCoreReader(on: Cypress.PluginEvents) { let content: string | undefined @@ -19,7 +24,7 @@ function useAxeCoreReader(on: Cypress.PluginEvents) { export default defineConfig({ component: { - setupNodeEvents(on, config) { + setupNodeEvents(on, _config) { useAxeCoreReader(on) }, video: false, @@ -29,7 +34,7 @@ export default defineConfig({ bundler: 'vite', // additional opts to the main `vite.config.ts` - viteConfig: { + viteConfig: mergeConfig(viteBase, { resolve: { alias: { vue: 'vue/dist/vue.esm-bundler.js', @@ -39,7 +44,7 @@ export default defineConfig({ include: ['cypress-plugin-tab'], exclude: ['platform'], }, - }, + }), }, }, }) diff --git a/packages/ui/cypress/component/SModal.spec.cy.ts b/packages/ui/cypress/component/SModal.spec.cy.ts index caafc5d75..3aaf708d7 100644 --- a/packages/ui/cypress/component/SModal.spec.cy.ts +++ b/packages/ui/cypress/component/SModal.spec.cy.ts @@ -1,9 +1,9 @@ import { VueTestUtils } from 'cypress/vue' -import { Ref } from 'vue' +import type { Ref } from 'vue' import { bareMetalVModel } from '@/util' -import { SModal, SModalCard, useModalApi, SBodyScrollLockProvider, BodyScrollLockApi } from '@/lib' +import { SModal, SModalCard, useModalApi, SBodyScrollLockProvider, type BodyScrollLockApi } from '@/lib' import { objectPick } from '@vueuse/core' -import { Options as FocusTrapOptions } from 'focus-trap' +import { type Options as FocusTrapOptions } from 'focus-trap' import { enableBodyScroll, disableBodyScroll } from 'body-scroll-lock' const showVModel = (val: Ref) => bareMetalVModel(val, 'show') diff --git a/packages/ui/cypress/component/SPopover.spec.cy.ts b/packages/ui/cypress/component/SPopover.spec.cy.ts index e9a232a67..9ae12bc7e 100644 --- a/packages/ui/cypress/component/SPopover.spec.cy.ts +++ b/packages/ui/cypress/component/SPopover.spec.cy.ts @@ -1,7 +1,7 @@ import { SPopover, SPopoverWrappedTransition } from '@/components/Popover' import { usePopoverApi } from '@/components/Popover/api' -import { Instance } from '@popperjs/core' +import { type Instance } from '@popperjs/core' import { VueTestUtils } from 'cypress/vue' before(() => { diff --git a/packages/ui/cypress/component/STabsPanel.spec.cy.ts b/packages/ui/cypress/component/STabsPanel.spec.cy.ts index d792a3d1d..f10058b8a 100644 --- a/packages/ui/cypress/component/STabsPanel.spec.cy.ts +++ b/packages/ui/cypress/component/STabsPanel.spec.cy.ts @@ -1,5 +1,5 @@ import { VueTestUtils } from 'cypress/vue' -import { STabsPanel, STab, useTabsPanelApi, TabsPanelApi } from '@/lib' +import { STabsPanel, STab, useTabsPanelApi, type TabsPanelApi } from '@/lib' before(() => { VueTestUtils.config.global.components = { STabsPanel, STab } diff --git a/packages/ui/cypress/component/SToasts.spec.cy.ts b/packages/ui/cypress/component/SToasts.spec.cy.ts index 481444191..f8f5a6701 100644 --- a/packages/ui/cypress/component/SToasts.spec.cy.ts +++ b/packages/ui/cypress/component/SToasts.spec.cy.ts @@ -1,4 +1,4 @@ -import { SToastsProvider, SToastsDisplay, ToastsApi, TOASTS_API_KEY } from '@/lib' +import { SToastsProvider, SToastsDisplay, type ToastsApi, TOASTS_API_KEY } from '@/lib' import { VueTestUtils } from 'cypress/vue' import { forceInject } from '@/util' diff --git a/packages/ui/cypress/plugins/index.js b/packages/ui/cypress/plugins/index.js deleted file mode 100644 index 3751c5d4c..000000000 --- a/packages/ui/cypress/plugins/index.js +++ /dev/null @@ -1,4 +0,0 @@ -/* eslint-disable @typescript-eslint/no-require-imports */ - -require('esbuild-register') -module.exports = require('./index.ts') diff --git a/packages/ui/cypress/plugins/index.ts b/packages/ui/cypress/plugins/index.ts deleted file mode 100644 index 20c000240..000000000 --- a/packages/ui/cypress/plugins/index.ts +++ /dev/null @@ -1,38 +0,0 @@ -import { startDevServer } from '@cypress/vite-dev-server' -import fs from 'fs' - -function useAxeCoreReader(on: Cypress.PluginEvents) { - let content: string | undefined - - on('task', { - readAxeCoreCached() { - if (!content) { - // use the most correct module resolution - const src = require.resolve('axe-core/axe.min.js') - content = fs.readFileSync(src, { encoding: 'utf-8' }) - } - - return content - }, - }) -} - -const plugin: Cypress.PluginConfig = (on, config) => { - on('dev-server:start', async (options) => { - return startDevServer({ - options, - // additional opts to the main `vite.config.ts` - viteConfig: { - resolve: { - alias: { - vue: 'vue/dist/vue.esm-bundler.js', - }, - }, - }, - }) - }) - - useAxeCoreReader(on) -} - -export default plugin diff --git a/packages/ui/cypress/tsconfig.json b/packages/ui/cypress/tsconfig.json index 58b3f9176..1c45ed729 100644 --- a/packages/ui/cypress/tsconfig.json +++ b/packages/ui/cypress/tsconfig.json @@ -4,7 +4,8 @@ "types": ["cypress", "cypress-axe"], "paths": { "@/*": ["../src/*"] - } + }, + "noEmit": true }, "include": ["./", "../auto-imports.d.ts", "../src"] } diff --git a/packages/ui/etc/api/ui.api.md b/packages/ui/etc/api/ui.api.md deleted file mode 100644 index 77d19f95f..000000000 --- a/packages/ui/etc/api/ui.api.md +++ /dev/null @@ -1,2161 +0,0 @@ -## API Report File for "@soramitsu-ui/ui" - -> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). - -```ts - -import { AllowedComponentProps } from 'vue'; -import { BasePlacement } from '@popperjs/core'; -import { ComponentCustomProps } from 'vue'; -import { ComponentOptionsMixin } from 'vue'; -import type { CSSProperties } from 'vue'; -import { DeepReadonly } from 'vue'; -import { DefineComponent } from 'vue'; -import { EmitsOptions } from 'vue'; -import { ExtractPropTypes } from 'vue'; -import { FocusTrap } from 'focus-trap'; -import { FunctionalComponent } from 'vue'; -import { InjectionKey } from 'vue'; -import { Instance } from '@popperjs/core'; -import { MaybeElementRef } from '@vueuse/core'; -import { MaybeRef } from '@vueuse/core'; -import { Placement } from '@popperjs/core'; -import { Plugin as Plugin_2 } from 'vue'; -import { PropType } from 'vue'; -import { Ref } from 'vue'; -import { RendererElement } from 'vue'; -import { RendererNode } from 'vue'; -import { Slot } from 'vue'; -import { Status as Status_2 } from '@/types'; -import { StyleValue } from 'vue'; -import { TableColumnCellValueFormatter as TableColumnCellValueFormatter_2 } from '@/components/Table/types'; -import { TableColumnRowSelectableFunc as TableColumnRowSelectableFunc_2 } from '@/components/Table/types'; -import { TableColumnSortBy as TableColumnSortBy_2 } from '@/components/Table/types'; -import { TableColumnSortOrder as TableColumnSortOrder_2 } from '@/components/Table/types'; -import { UnwrapRef } from 'vue'; -import { VNode } from 'vue'; -import { VNodeProps } from 'vue'; - -// @public (undocumented) -export const ACCORDION_API_KEY: InjectionKey; - -// @public (undocumented) -export interface AccordionApi { - // (undocumented) - register: (item: Ref) => void; - // (undocumented) - unregister: (item: Ref) => void; -} - -// @public (undocumented) -export interface AccordionItemApi { - // (undocumented) - isActive: boolean; - // (undocumented) - name: string; - // (undocumented) - toggle: (expand?: boolean) => void; -} - -// @public (undocumented) -export type BadgeType = typeof BadgeTypes extends ReadonlyArray ? T : never; - -// @public (undocumented) -export const BadgeTypes: readonly ["active", "error", "warning", "info", "debug", "pending"]; - -// @public (undocumented) -export const BODY_SCROLL_LOCK_API_KEY: InjectionKey; - -// @public (undocumented) -export interface BodyScrollLockApi { - // (undocumented) - lock: (elem: Element) => void; - // (undocumented) - unlock: (elem: Element) => void; -} - -// @public (undocumented) -export const BUTTON_ICON_POSITION_VALUES: readonly ["left", "right"]; - -// @public (undocumented) -export const BUTTON_SIZE_VALUES: readonly ["xs", "sm", "md", "lg"]; - -// @public (undocumented) -export const BUTTON_TYPE_VALUES: readonly ["primary", "secondary", "outline", "action"]; - -// @public (undocumented) -export type ButtonIconPosition = typeof BUTTON_ICON_POSITION_VALUES[number]; - -// @public (undocumented) -export type ButtonSize = typeof BUTTON_SIZE_VALUES[number]; - -// @public (undocumented) -export type ButtonType = typeof BUTTON_TYPE_VALUES[number]; - -// @public (undocumented) -export type CheckboxState = boolean | 'mixed'; - -// @public (undocumented) -export interface DatePickerOptions { - // (undocumented) - day?: PresetOption[]; - // (undocumented) - pick?: PresetOption[]; - // (undocumented) - range?: PresetOption<[Date, Date]>[]; -} - -// @public (undocumented) -export type DatePickerType = 'day' | 'range' | 'pick'; - -// @public (undocumented) -export type DateState = Date; - -// @public (undocumented) -export interface DateTableCell { - // (undocumented) - day: number; - // (undocumented) - end: boolean; - // (undocumented) - inRange: boolean; - // (undocumented) - month: number; - // (undocumented) - start: boolean; - // (undocumented) - text: number; - // (undocumented) - time: string | null; - // (undocumented) - type: DateTableCellType; -} - -// @public (undocumented) -export type DateTableCellType = 'normal' | 'today' | 'prev-month' | 'next-month'; - -// @public (undocumented) -export function defineToastsApi(): ToastsApi; - -// @public (undocumented) -export const FONT_SIZE: Record; - -// @public (undocumented) -export type HTMLButtonType = 'button' | 'reset' | 'submit'; - -// @public (undocumented) -export const LINK_ICON_POSITION_VALUES: readonly ["left", "right"]; - -// @public (undocumented) -export const LINK_UNDERLINE_TYPE_VALUES: readonly ["solid", "dotted"]; - -// @public (undocumented) -export type LinkIconPosition = typeof LINK_ICON_POSITION_VALUES[number]; - -// @public (undocumented) -export type LinkUnderlineType = typeof LINK_UNDERLINE_TYPE_VALUES[number]; - -// @public (undocumented) -export const MODAL_API_KEY: InjectionKey; - -// @public (undocumented) -export interface ModalApi { - // (undocumented) - close: () => void; - describedBy: string | null; - focusTrap: null | FocusTrap; - labelledBy: string; -} - -// @public (undocumented) -export type ModelValueType = Date[] | Date | null | undefined; - -// @public (undocumented) -export const NAVIGATION_MENU_API_KEY: InjectionKey>; - -// @public (undocumented) -export const NAVIGATION_SUBMENU_API_KEY: InjectionKey | undefined>; - -// @public (undocumented) -export interface NavigationMenuApi { - // (undocumented) - active: string; - // (undocumented) - collapsed: boolean; - select: (index: string) => void; -} - -// @public (undocumented) -export interface NavigationSubmenuApi { - register: (index: Ref) => void; -} - -// @public (undocumented) -export const NOTIFICATIONS_API_KEY: InjectionKey; - -// @public (undocumented) -export type PickState = Date[]; - -// @public (undocumented) -export function plugin(): Plugin_2; - -// @public (undocumented) -export const POPOVER_API_KEY: InjectionKey; - -// @public (undocumented) -export interface PopoverApi { - addPopperRefOverride: (elem: HTMLElement) => void; - deletePopperRefOverride: (elem: HTMLElement) => void; - popper: Instance | null; - show: boolean; -} - -// @public (undocumented) -export interface PresetOption { - // (undocumented) - label: string; - // (undocumented) - value: T; -} - -// @public (undocumented) -export const RADIO_GROUP_API_KEY: InjectionKey; - -// @public (undocumented) -const RADIO_SIZE_VALUES: readonly ["md", "lg", "xl"]; -export { RADIO_SIZE_VALUES as CHECKBOX_SIZE_VALUES } -export { RADIO_SIZE_VALUES } - -// @public (undocumented) -const RADIO_TYPE_VALUES: readonly ["default", "bordered", "bordered-with-description"]; -export { RADIO_TYPE_VALUES as CHECKBOX_TYPE_VALUES } -export { RADIO_TYPE_VALUES } - -// @public (undocumented) -export interface RadioGroupApi { - registerRadio: (params: RegisterRadioParams) => RadioGroupRegisteredItemApi; -} - -// @public (undocumented) -export interface RadioGroupRegisteredItemApi { - check: () => void; - isChecked: boolean; - // (undocumented) - tabindex: number; -} - -// @public (undocumented) -type RadioSize = typeof RADIO_SIZE_VALUES extends ReadonlyArray ? T : never; -export { RadioSize as CheckboxSize } -export { RadioSize } - -// @public (undocumented) -type RadioType = typeof RADIO_TYPE_VALUES extends ReadonlyArray ? T : never; -export { RadioType as CheckboxType } -export { RadioType } - -// @public (undocumented) -export interface RangeOptionValue extends RangeState { - // (undocumented) - selectedField: string; -} - -// @public (undocumented) -export interface RangeState { - // (undocumented) - endDate: Date | null; - // (undocumented) - selecting: boolean; - // (undocumented) - startDate: Date | null; -} - -// @public (undocumented) -export type RegisteredToast = ToastRegisterParams; - -// @public (undocumented) -export interface RegisterRadioParams { - // (undocumented) - disabledRef: Ref; - // (undocumented) - elRef: Ref; - // (undocumented) - valueRef: Ref; -} - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SAccordion: DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{ -modelValue?: string[] | undefined; -multiple?: boolean | undefined; -}>, { -modelValue: () => never[]; -multiple: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -"update:modelValue": (value: string[]) => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -modelValue: () => never[]; -multiple: boolean; -}>>> & { -"onUpdate:modelValue"?: ((value: string[]) => any) | undefined; -}, { -modelValue: string[]; -multiple: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SAccordionItem: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{ -modelValue?: boolean | undefined; -title?: string | undefined; -subtitle?: string | undefined; -name?: string | undefined; -}>, { -modelValue: boolean; -title: string; -subtitle: string; -name: string; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -"update:modelValue": (value: boolean) => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -modelValue: boolean; -title: string; -subtitle: string; -name: string; -}>>> & { -"onUpdate:modelValue"?: ((value: boolean) => any) | undefined; -}, { -modelValue: boolean; -name: string; -title: string; -subtitle: string; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SAlert: DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3, { -status: "info"; -showCloseBtn: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -"click:close": () => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -status: "info"; -showCloseBtn: boolean; -}>>> & { -"onClick:close"?: (() => any) | undefined; -}, { -status: Status_2; -showCloseBtn: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SBadge: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_22<{ -type?: "info" | "warning" | "error" | "active" | "debug" | "pending" | undefined; -colorBackground?: boolean | undefined; -withBorder?: boolean | undefined; -onlyMarker?: boolean | undefined; -}>, { -type: string; -colorBackground: boolean; -withBorder: boolean; -onlyMarker: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -type: string; -colorBackground: boolean; -withBorder: boolean; -onlyMarker: boolean; -}>>>, { -type: BadgeType; -colorBackground: boolean; -withBorder: boolean; -onlyMarker: boolean; -}>; - -// @public (undocumented) -export const SBodyScrollLockProvider: DefineComponent< { -api: { -type: PropType; -required: true; -}; -}, () => VNode[] | undefined, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly; -required: true; -}; -}>>, {}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SButton: DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{ -type?: "primary" | "secondary" | "outline" | "action" | undefined; -size?: "xs" | "sm" | "md" | "lg" | undefined; -nativeType?: HTMLButtonType | undefined; -icon?: string | undefined; -iconPosition?: "left" | "right" | undefined; -rounded?: boolean | undefined; -disabled?: boolean | undefined; -loading?: boolean | undefined; -uppercase?: boolean | undefined; -}>, { -type: string; -size: string; -nativeType: string; -icon: string; -iconPosition: string; -rounded: boolean; -disabled: boolean; -loading: boolean; -uppercase: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -type: string; -size: string; -nativeType: string; -icon: string; -iconPosition: string; -rounded: boolean; -disabled: boolean; -loading: boolean; -uppercase: boolean; -}>>>, { -type: ButtonType; -size: ButtonSize; -nativeType: HTMLButtonType; -icon: string; -iconPosition: ButtonIconPosition; -rounded: boolean; -disabled: boolean; -loading: boolean; -uppercase: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SCheckboxAtom: FunctionalComponent; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SCheckboxSolo: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_23, { -modelValue: boolean; -type: string; -size: string; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -modelValue: boolean; -type: string; -size: string; -}>>> & { -"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; -}, { -type: "default" | "bordered" | "bordered-with-description"; -modelValue: boolean; -size: "md" | "lg" | "xl"; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SCollapseTransition: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_24<{ -duration?: string | undefined; -}>, { -duration: string; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -duration: string; -}>>>, { -duration: string; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SDatePicker: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_18, { -type: string; -time: boolean; -disabled: boolean; -shortcuts: () => DatePickerOptions; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -type: string; -time: boolean; -disabled: boolean; -shortcuts: () => DatePickerOptions; -}>>> & { -"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; -}, { -type: DatePickerType; -disabled: boolean; -time: boolean; -shortcuts: DatePickerOptions; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SDropdown: DefineComponent<__VLS_TypePropsToRuntimeProps_10<{ -modelValue?: any; -options?: SelectOption[] | SelectOptionGroup[] | undefined; -optionType?: SelectOptionType | undefined; -disabled?: boolean | undefined; -multiple?: boolean | undefined; -label?: string | undefined; -size?: SelectSize | undefined; -inline?: boolean | undefined; -noAutoClose?: boolean | undefined; -loading?: boolean | undefined; -dropdownSearch?: boolean | undefined; -remoteSearch?: boolean | undefined; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly[] | SelectOptionGroup[] | undefined; -optionType?: SelectOptionType | undefined; -disabled?: boolean | undefined; -multiple?: boolean | undefined; -label?: string | undefined; -size?: SelectSize | undefined; -inline?: boolean | undefined; -noAutoClose?: boolean | undefined; -loading?: boolean | undefined; -dropdownSearch?: boolean | undefined; -remoteSearch?: boolean | undefined; -}>>>, {}>; - -// @public (undocumented) -export const SELECT_API_KEY: InjectionKey>; - -// Warning: (ae-forgotten-export) The symbol "UseSelectModelReturn" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export interface SelectApi extends UnwrapRef> { - // (undocumented) - readonly disabled: boolean; - // (undocumented) - readonly isMenuOpened: boolean; - // (undocumented) - readonly label: string | null; - // (undocumented) - readonly loading: boolean; - menuToggle: (value?: boolean) => void; - // (undocumented) - readonly multiple: boolean; - // (undocumented) - readonly noAutoClose: boolean; - // (undocumented) - readonly options: UnwrapRef[] | SelectOptionGroup[]>; - // (undocumented) - readonly remoteSearch: boolean; - // (undocumented) - readonly searchQuery: string; - // (undocumented) - readonly size: SelectSize; - // (undocumented) - updateSearchQuery: (value: string) => void; -} - -// @public (undocumented) -export const SelectButtonType: { - readonly Default: "default"; - readonly Inline: "inline"; -}; - -// @public (undocumented) -export type SelectButtonType = typeof SelectButtonType[keyof typeof SelectButtonType]; - -// @public (undocumented) -export interface SelectOption { - // (undocumented) - label: string; - // (undocumented) - value: T; -} - -// @public (undocumented) -export interface SelectOptionGroup { - // (undocumented) - header?: string; - // (undocumented) - items: SelectOption[]; - // (undocumented) - selectAllBtn?: boolean; -} - -// @public (undocumented) -export const SelectOptionType: { - readonly Radio: "radio"; - readonly Checkbox: "checkbox"; - readonly Default: "default"; -}; - -// @public (undocumented) -export type SelectOptionType = typeof SelectOptionType[keyof typeof SelectOptionType]; - -// @public (undocumented) -export const SelectSize: { - readonly Sm: "sm"; - readonly Md: "md"; - readonly Lg: "lg"; - readonly Xl: "xl"; -}; - -// @public (undocumented) -export type SelectSize = typeof SelectSize[keyof typeof SelectSize]; - -// @public (undocumented) -export interface ShowNotificationParams { - // (undocumented) - description?: MaybeRef; - // (undocumented) - descriptionSlot?: Slot | FunctionalComponent; - showCloseBtn?: MaybeRef; - status?: MaybeRef; - timeout?: MaybeRef; - // (undocumented) - title?: MaybeRef; - // (undocumented) - titleSlot?: Slot | FunctionalComponent; -} - -// @public (undocumented) -export interface ShowNotificationReturn { - // (undocumented) - close: () => void; -} - -// @public (undocumented) -export interface ShowState { - // (undocumented) - month: number; - // (undocumented) - year: number; -} - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SLink: DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{ -underline?: "solid" | "dotted" | undefined; -iconPosition?: "left" | "right" | undefined; -icon?: boolean | undefined; -tag?: string | object | undefined; -}>, { -underline: string; -iconPosition: string; -icon: boolean; -tag: string; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -underline: string; -iconPosition: string; -icon: boolean; -tag: string; -}>>>, { -icon: boolean; -iconPosition: LinkIconPosition; -underline: LinkUnderlineType; -tag: string | object; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SModal: DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6, { -teleportTo: string; -modalTransition: string; -overlayTransition: string; -closeOnOverlayClick: boolean; -closeOnEsc: boolean; -showOverlay: boolean; -lockScroll: boolean; -focusTrap: boolean; -eager: boolean; -labelledBy: string; -describedBy: null; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("before-open" | "after-open" | "before-close" | "after-close" | "update:show" | "click:overlay")[], "before-open" | "after-open" | "before-close" | "after-close" | "update:show" | "click:overlay", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -teleportTo: string; -modalTransition: string; -overlayTransition: string; -closeOnOverlayClick: boolean; -closeOnEsc: boolean; -showOverlay: boolean; -lockScroll: boolean; -focusTrap: boolean; -eager: boolean; -labelledBy: string; -describedBy: null; -}>>> & { -"onBefore-open"?: ((...args: any[]) => any) | undefined; -"onAfter-open"?: ((...args: any[]) => any) | undefined; -"onBefore-close"?: ((...args: any[]) => any) | undefined; -"onAfter-close"?: ((...args: any[]) => any) | undefined; -"onUpdate:show"?: ((...args: any[]) => any) | undefined; -"onClick:overlay"?: ((...args: any[]) => any) | undefined; -}, { -eager: boolean; -teleportTo: string; -modalTransition: string | object; -overlayTransition: string | object; -lockScroll: boolean; -showOverlay: boolean; -closeOnOverlayClick: boolean; -closeOnEsc: boolean; -focusTrap: boolean | object; -labelledBy: string; -describedBy: string | null; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SModalCard: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{ -title?: string | undefined; -close?: boolean | undefined; -}>, { -close: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -close: boolean; -}>>>, { -close: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SNavigationMenu: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_28<{ -modelValue?: string | undefined; -collapsed?: boolean | undefined; -}>, { -modelValue: string; -collapsed: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -"update:modelValue": (value: string) => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -modelValue: string; -collapsed: boolean; -}>>> & { -"onUpdate:modelValue"?: ((value: string) => any) | undefined; -}, { -modelValue: string; -collapsed: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SNavigationMenuItem: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{ -value: string; -}>, {}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, {}>>>, {}>; - -// @public (undocumented) -export const SNavigationSubmenu: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly>, {}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SNotificationBody: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{ -title?: string | undefined; -description?: string | undefined; -status?: Status_2 | undefined; -timeout?: number | undefined; -showCloseBtn?: boolean | undefined; -}>, { -status: "info"; -timeout: number; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("click:close" | "timeout")[], "click:close" | "timeout", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -status: "info"; -timeout: number; -}>>> & { -"onClick:close"?: ((...args: any[]) => any) | undefined; -onTimeout?: ((...args: any[]) => any) | undefined; -}, { -status: Status_2; -timeout: number; -}>; - -// @public (undocumented) -export const SNotificationsProvider: FunctionalComponent<{ - vertical?: ToastsDisplayPlacementVertical; - horizontal?: ToastsDisplayPlacementHorizontal; - absolute?: boolean; - to?: string; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SPagination: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_30<{ -total?: number | undefined; -pageSize?: number | null | undefined; -currentPage?: number | undefined; -pageSizes?: number[] | undefined; -sizesLabel?: string | undefined; -}>, { -total: number; -pageSize: null; -currentPage: number; -pageSizes: () => number[]; -sizesLabel: string; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -"click:prev": (value: number) => void; -} & { -"click:next": (value: number) => void; -} & { -"update:currentPage": (value: number) => void; -} & { -"update:pageSize": (value: number) => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -total: number; -pageSize: null; -currentPage: number; -pageSizes: () => number[]; -sizesLabel: string; -}>>> & { -"onClick:prev"?: ((value: number) => any) | undefined; -"onClick:next"?: ((value: number) => any) | undefined; -"onUpdate:currentPage"?: ((value: number) => any) | undefined; -"onUpdate:pageSize"?: ((value: number) => any) | undefined; -}, { -total: number; -pageSize: number | null; -currentPage: number; -pageSizes: number[]; -sizesLabel: string; -}>; - -// @public (undocumented) -export const SPINNER_SIZE: Record; - -// @public (undocumented) -export const SPINNER_WIDTH: Record; - -// @public -export const SPopover: DefineComponent< { -show: BooleanConstructor; -trigger: { -type: PropType<"manual" | "hover" | "click">; -default: string; -validator: (v: unknown) => boolean; -}; -placement: { -type: PropType; -default: string; -validator: (v: unknown) => boolean; -}; -skidding: { -type: (StringConstructor | NumberConstructor)[]; -default: number; -}; -distance: { -type: (StringConstructor | NumberConstructor)[]; -default: number; -}; -showDelay: { -type: (StringConstructor | NumberConstructor)[]; -default: number; -}; -hideDelay: { -type: (StringConstructor | NumberConstructor)[]; -default: number; -}; -sameWidth: BooleanConstructor; -}, () => (VNode | null)[], unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:show" | "click-outside")[], "update:show" | "click-outside", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly; -default: string; -validator: (v: unknown) => boolean; -}; -placement: { -type: PropType; -default: string; -validator: (v: unknown) => boolean; -}; -skidding: { -type: (StringConstructor | NumberConstructor)[]; -default: number; -}; -distance: { -type: (StringConstructor | NumberConstructor)[]; -default: number; -}; -showDelay: { -type: (StringConstructor | NumberConstructor)[]; -default: number; -}; -hideDelay: { -type: (StringConstructor | NumberConstructor)[]; -default: number; -}; -sameWidth: BooleanConstructor; -}>> & { -"onUpdate:show"?: ((...args: any[]) => any) | undefined; -"onClick-outside"?: ((...args: any[]) => any) | undefined; -}, { -show: boolean; -placement: Placement; -trigger: "manual" | "hover" | "click"; -skidding: string | number; -distance: string | number; -showDelay: string | number; -hideDelay: string | number; -sameWidth: boolean; -}>; - -// @public (undocumented) -export const SPopoverWrappedTransition: DefineComponent< { -eager: BooleanConstructor; -wrapperAttrs: { -type: ObjectConstructor; -default: null; -}; -innerWrapperAttrs: { -type: ObjectConstructor; -default: null; -}; -}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly>, { -eager: boolean; -wrapperAttrs: Record; -innerWrapperAttrs: Record; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SProgressBar: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_19<{ -percent?: number | undefined; -lineHeight?: number | undefined; -}>, { -percent: number; -lineHeight: number; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -percent: number; -lineHeight: number; -}>>>, { -lineHeight: number; -percent: number; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SRadio: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_25, { -disabled: boolean; -type: string; -size: string; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -disabled: boolean; -type: string; -size: string; -}>>>, { -type: "default" | "bordered" | "bordered-with-description"; -size: "md" | "lg" | "xl"; -disabled: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SRadioAtom: FunctionalComponent; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SRadioGroup: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26, { -modelValue: null; -radioSelector: string; -labelledBy: string; -describedBy: string; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -modelValue: null; -radioSelector: string; -labelledBy: string; -describedBy: string; -}>>> & { -"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; -}, { -modelValue: string | number | symbol | object | null; -labelledBy: string; -describedBy: string; -radioSelector: string; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SSelect: DefineComponent<__VLS_TypePropsToRuntimeProps_9<{ -modelValue?: any; -options?: SelectOption[] | SelectOptionGroup[] | undefined; -optionType?: SelectOptionType | undefined; -disabled?: boolean | undefined; -multiple?: boolean | undefined; -label?: string | undefined; -size?: SelectSize | undefined; -noAutoClose?: boolean | undefined; -loading?: boolean | undefined; -triggerSearch?: boolean | undefined; -dropdownSearch?: boolean | undefined; -remoteSearch?: boolean | undefined; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly[] | SelectOptionGroup[] | undefined; -optionType?: SelectOptionType | undefined; -disabled?: boolean | undefined; -multiple?: boolean | undefined; -label?: string | undefined; -size?: SelectSize | undefined; -noAutoClose?: boolean | undefined; -loading?: boolean | undefined; -triggerSearch?: boolean | undefined; -dropdownSearch?: boolean | undefined; -remoteSearch?: boolean | undefined; -}>>>, {}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SSelectBase: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_11<{ -disabled?: boolean | undefined; -multiple?: boolean | undefined; -modelValue?: any; -options?: SelectOption[] | SelectOptionGroup[] | undefined; -size?: SelectSize | undefined; -label?: string | null | undefined; -mandatory?: boolean | undefined; -syncMenuAndInputWidths?: boolean | undefined; -noAutoClose?: boolean | undefined; -loading?: boolean | undefined; -sameWidthPopper?: boolean | undefined; -triggerSearch?: boolean | undefined; -dropdownSearch?: boolean | undefined; -remoteSearch?: boolean | undefined; -}>, { -size: "md"; -options: () => never[]; -modelValue: null; -multiple: boolean; -disabled: boolean; -syncMenuAndInputWidths: boolean; -noAutoClose: boolean; -label: null; -loading: boolean; -sameWidthPopper: boolean; -triggerSearch: boolean; -dropdownSearch: boolean; -remoteSearch: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -"update:modelValue": (value: any) => void; -} & { -search: (value: string) => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly[] | SelectOptionGroup[] | undefined; -size?: SelectSize | undefined; -label?: string | null | undefined; -mandatory?: boolean | undefined; -syncMenuAndInputWidths?: boolean | undefined; -noAutoClose?: boolean | undefined; -loading?: boolean | undefined; -sameWidthPopper?: boolean | undefined; -triggerSearch?: boolean | undefined; -dropdownSearch?: boolean | undefined; -remoteSearch?: boolean | undefined; -}>, { -size: "md"; -options: () => never[]; -modelValue: null; -multiple: boolean; -disabled: boolean; -syncMenuAndInputWidths: boolean; -noAutoClose: boolean; -label: null; -loading: boolean; -sameWidthPopper: boolean; -triggerSearch: boolean; -dropdownSearch: boolean; -remoteSearch: boolean; -}>>> & { -"onUpdate:modelValue"?: ((value: any) => any) | undefined; -onSearch?: ((value: string) => any) | undefined; -}, { -modelValue: any; -multiple: boolean; -size: SelectSize; -disabled: boolean; -loading: boolean; -options: SelectOption[] | SelectOptionGroup[]; -label: string | null; -noAutoClose: boolean; -dropdownSearch: boolean; -remoteSearch: boolean; -syncMenuAndInputWidths: boolean; -sameWidthPopper: boolean; -triggerSearch: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SSelectButton: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_12<{ -type?: SelectButtonType | undefined; -}>, { -type: "default"; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -type: "default"; -}>>>, { -type: SelectButtonType; -}>; - -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SSelectChevron: FunctionalComponent; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SSelectInput: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_13<{ -search?: boolean | undefined; -}>, { -search: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -search: boolean; -}>>>, { -search: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SSelectOption: DefineComponent<__VLS_TypePropsToRuntimeProps_14<{ -type: SelectOptionType; -selected?: boolean | undefined; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -toggle: () => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly>> & { -onToggle?: (() => any) | undefined; -}, {}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SSpinner: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_15, { -size: string; -width: number; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -size: string; -width: number; -}>>>, { -size: string | number; -width: string | number; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const SSwitch: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_16, { -label: string; -disabled: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -"update:modelValue": (value: boolean) => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -label: string; -disabled: boolean; -}>>> & { -"onUpdate:modelValue"?: ((value: boolean) => any) | undefined; -}, { -disabled: boolean; -label: string; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const STab: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_21<{ -disabled?: boolean | undefined; -name: string; -}>, { -disabled: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -disabled: boolean; -}>>>, { -disabled: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const STable: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_29<{ -data?: TableRow[] | undefined; -defaultSort?: { -prop: string; -order: TableColumnSortOrder; -} | null | undefined; -height?: string | number | undefined; -maxHeight?: string | number | undefined; -fit?: boolean | undefined; -showHeader?: boolean | undefined; -highlightCurrentRow?: boolean | undefined; -currentRowKey?: string | number | undefined; -rowClassName?: string | ((param: TableRowConfigCallbackParams) => string) | undefined; -rowStyle?: Partial | ((param: TableRowConfigCallbackParams) => CSSObject) | undefined; -cellClassName?: string | ((param: TableCellConfigCallbackParams) => string) | undefined; -cellStyle?: Partial | ((param: TableCellConfigCallbackParams) => CSSObject) | undefined; -headerRowClassName?: string | (() => string) | undefined; -headerRowStyle?: Partial | (() => CSSObject) | undefined; -headerCellClassName?: string | ((param: TableHeaderCellConfigCallbackParams) => string) | undefined; -headerCellStyle?: Partial | ((param: TableHeaderCellConfigCallbackParams) => CSSObject) | undefined; -rowKey?: string | ((row: TableRow) => unknown) | null | undefined; -emptyText?: string | undefined; -defaultExpandAll?: boolean | undefined; -expandRowKeys?: unknown[] | undefined; -selectOnIndeterminate?: boolean | undefined; -adaptBreakpoint?: number | undefined; -cardGridBreakpoints?: TableCardGridBreakpoint[] | undefined; -}>, { -data: () => never[]; -defaultSort: null; -height: string; -maxHeight: string; -emptyText: string; -defaultExpandAll: boolean; -rowKey: null; -fit: boolean; -expandRowKeys: () => never[]; -showHeader: boolean; -rowClassName: string; -rowStyle: () => {}; -cellClassName: string; -cellStyle: () => {}; -headerRowClassName: string; -headerRowStyle: () => {}; -headerCellClassName: string; -headerCellStyle: () => {}; -selectOnIndeterminate: boolean; -highlightCurrentRow: boolean; -currentRowKey: string; -adaptBreakpoint: number; -cardGridBreakpoints: () => { -test: (width: number) => boolean; -value: number; -}[]; -}>, { -clearSelection: typeof manualClearSelection; -toggleRowSelection: typeof manualToggleRowSelection; -toggleAllSelection: typeof manualToggleAllSelection; -toggleRowExpansion: (row: TableRow, value?: boolean | undefined) => void; -sort: typeof sort; -clearSort: () => void; -setCurrentRow: typeof setCurrentRow; -}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -"mouse-enter:cell": (payload_0: TableRow, payload_1: TableColumnApi | TableActionColumnApi, payload_2: EventTarget, payload_3: MouseEvent) => void; -} & { -"mouse-leave:cell": (payload_0: TableRow, payload_1: TableColumnApi | TableActionColumnApi, payload_2: EventTarget, payload_3: MouseEvent) => void; -} & { -"click:cell": (payload_0: TableRow, payload_1: TableColumnApi | TableActionColumnApi, payload_2: EventTarget, payload_3: MouseEvent) => void; -} & { -"dblclick:cell": (payload_0: TableRow, payload_1: TableColumnApi | TableActionColumnApi, payload_2: EventTarget, payload_3: MouseEvent) => void; -} & { -"click:header": (payload_0: TableColumnApi | TableActionColumnApi, payload_1: MouseEvent) => void; -} & { -"contextmenu:header": (payload_0: TableColumnApi | TableActionColumnApi, payload_1: MouseEvent) => void; -} & { -"click:row": (payload_0: TableRow, payload_1: TableColumnApi | TableActionColumnApi, payload_2: MouseEvent) => void; -} & { -"dblclick:row": (payload_0: TableRow, payload_1: TableColumnApi | TableActionColumnApi, payload_2: MouseEvent) => void; -} & { -"contextmenu:row": (payload_0: TableRow, payload_1: TableColumnApi | TableActionColumnApi, payload_2: MouseEvent) => void; -} & { -"change:sort": (value: TableSortEventData) => void; -} & { -"change:selection": (value: TableRow[]) => void; -} & { -"select-all": (value: TableRow[]) => void; -} & { -select: (payload_0: TableRow[], payload_1: TableRow) => void; -} & { -"change:expand": (payload_0: TableRow, payload_1: TableRow[]) => void; -} & { -"change:current": (payload_0: TableRow | null, payload_1: TableRow | null) => void; -} & { -"click:row-details": (value: TableRow) => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly string) | undefined; -rowStyle?: Partial | ((param: TableRowConfigCallbackParams) => CSSObject) | undefined; -cellClassName?: string | ((param: TableCellConfigCallbackParams) => string) | undefined; -cellStyle?: Partial | ((param: TableCellConfigCallbackParams) => CSSObject) | undefined; -headerRowClassName?: string | (() => string) | undefined; -headerRowStyle?: Partial | (() => CSSObject) | undefined; -headerCellClassName?: string | ((param: TableHeaderCellConfigCallbackParams) => string) | undefined; -headerCellStyle?: Partial | ((param: TableHeaderCellConfigCallbackParams) => CSSObject) | undefined; -rowKey?: string | ((row: TableRow) => unknown) | null | undefined; -emptyText?: string | undefined; -defaultExpandAll?: boolean | undefined; -expandRowKeys?: unknown[] | undefined; -selectOnIndeterminate?: boolean | undefined; -adaptBreakpoint?: number | undefined; -cardGridBreakpoints?: TableCardGridBreakpoint[] | undefined; -}>, { -data: () => never[]; -defaultSort: null; -height: string; -maxHeight: string; -emptyText: string; -defaultExpandAll: boolean; -rowKey: null; -fit: boolean; -expandRowKeys: () => never[]; -showHeader: boolean; -rowClassName: string; -rowStyle: () => {}; -cellClassName: string; -cellStyle: () => {}; -headerRowClassName: string; -headerRowStyle: () => {}; -headerCellClassName: string; -headerCellStyle: () => {}; -selectOnIndeterminate: boolean; -highlightCurrentRow: boolean; -currentRowKey: string; -adaptBreakpoint: number; -cardGridBreakpoints: () => { -test: (width: number) => boolean; -value: number; -}[]; -}>>> & { -onSelect?: ((args_0: TableRow[], args_1: TableRow) => any) | undefined; -"onMouse-enter:cell"?: ((args_0: TableRow, args_1: TableColumnApi | TableActionColumnApi, args_2: EventTarget, args_3: MouseEvent) => any) | undefined; -"onMouse-leave:cell"?: ((args_0: TableRow, args_1: TableColumnApi | TableActionColumnApi, args_2: EventTarget, args_3: MouseEvent) => any) | undefined; -"onClick:cell"?: ((args_0: TableRow, args_1: TableColumnApi | TableActionColumnApi, args_2: EventTarget, args_3: MouseEvent) => any) | undefined; -"onDblclick:cell"?: ((args_0: TableRow, args_1: TableColumnApi | TableActionColumnApi, args_2: EventTarget, args_3: MouseEvent) => any) | undefined; -"onClick:header"?: ((args_0: TableColumnApi | TableActionColumnApi, args_1: MouseEvent) => any) | undefined; -"onContextmenu:header"?: ((args_0: TableColumnApi | TableActionColumnApi, args_1: MouseEvent) => any) | undefined; -"onClick:row"?: ((args_0: TableRow, args_1: TableColumnApi | TableActionColumnApi, args_2: MouseEvent) => any) | undefined; -"onDblclick:row"?: ((args_0: TableRow, args_1: TableColumnApi | TableActionColumnApi, args_2: MouseEvent) => any) | undefined; -"onContextmenu:row"?: ((args_0: TableRow, args_1: TableColumnApi | TableActionColumnApi, args_2: MouseEvent) => any) | undefined; -"onChange:sort"?: ((value: TableSortEventData) => any) | undefined; -"onChange:selection"?: ((value: TableRow[]) => any) | undefined; -"onSelect-all"?: ((value: TableRow[]) => any) | undefined; -"onChange:expand"?: ((args_0: TableRow, args_1: TableRow[]) => any) | undefined; -"onChange:current"?: ((args_0: TableRow | null, args_1: TableRow | null) => any) | undefined; -"onClick:row-details"?: ((value: TableRow) => any) | undefined; -}, { -data: TableRow[]; -height: string | number; -maxHeight: string | number; -defaultSort: { -prop: string; -order: TableColumnSortOrder; -} | null; -fit: boolean; -showHeader: boolean; -highlightCurrentRow: boolean; -currentRowKey: string | number; -rowClassName: string | ((param: TableRowConfigCallbackParams) => string); -rowStyle: Partial | ((param: TableRowConfigCallbackParams) => CSSObject); -cellClassName: string | ((param: TableCellConfigCallbackParams) => string); -cellStyle: Partial | ((param: TableCellConfigCallbackParams) => CSSObject); -headerRowClassName: string | (() => string); -headerRowStyle: Partial | (() => CSSObject); -headerCellClassName: string | ((param: TableHeaderCellConfigCallbackParams) => string); -headerCellStyle: Partial | ((param: TableHeaderCellConfigCallbackParams) => CSSObject); -rowKey: string | ((row: TableRow) => unknown) | null; -emptyText: string; -defaultExpandAll: boolean; -expandRowKeys: unknown[]; -selectOnIndeterminate: boolean; -adaptBreakpoint: number; -cardGridBreakpoints: TableCardGridBreakpoint[]; -}>; - -// @public (undocumented) -export const STableColumn: DefineComponent< { -type: { -type: PropType<"default" | "details" | "selection" | "expand">; -default: string; -}; -label: { -type: StringConstructor; -default: string; -}; -prop: { -type: StringConstructor; -default: string; -}; -width: { -type: StringConstructor; -default: string; -}; -minWidth: { -type: StringConstructor; -default: string; -}; -sortable: { -type: PropType; -default: boolean; -}; -sortMethod: { -type: PropType<((a: T, b: T) => number)>; -default: null; -}; -sortBy: { -type: PropType; -default: string; -}; -sortOrders: { -type: PropType; -default: () => (string | null)[]; -}; -formatter: { -type: PropType; -default: null; -}; -showOverflowTooltip: { -type: BooleanConstructor; -default: boolean; -}; -align: { -type: PropType<"left" | "right" | "center">; -default: string; -}; -headerAlign: { -type: PropType<"left" | "right" | "center" | null>; -default: null; -}; -className: { -type: StringConstructor; -default: string; -}; -labelClassName: { -type: StringConstructor; -default: string; -}; -selectable: { -type: PropType; -default: null; -}; -reserveSelection: { -type: BooleanConstructor; -default: boolean; -}; -}, () => null, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly; -default: string; -}; -label: { -type: StringConstructor; -default: string; -}; -prop: { -type: StringConstructor; -default: string; -}; -width: { -type: StringConstructor; -default: string; -}; -minWidth: { -type: StringConstructor; -default: string; -}; -sortable: { -type: PropType; -default: boolean; -}; -sortMethod: { -type: PropType<((a: T, b: T) => number)>; -default: null; -}; -sortBy: { -type: PropType; -default: string; -}; -sortOrders: { -type: PropType; -default: () => (string | null)[]; -}; -formatter: { -type: PropType; -default: null; -}; -showOverflowTooltip: { -type: BooleanConstructor; -default: boolean; -}; -align: { -type: PropType<"left" | "right" | "center">; -default: string; -}; -headerAlign: { -type: PropType<"left" | "right" | "center" | null>; -default: null; -}; -className: { -type: StringConstructor; -default: string; -}; -labelClassName: { -type: StringConstructor; -default: string; -}; -selectable: { -type: PropType; -default: null; -}; -reserveSelection: { -type: BooleanConstructor; -default: boolean; -}; -}>>, { -type: "default" | "details" | "selection" | "expand"; -width: string; -minWidth: string; -label: string; -className: string; -sortable: boolean | "custom"; -selectable: TableColumnRowSelectableFunc_2; -prop: string; -sortMethod: (a: T, b: T) => number; -sortBy: TableColumnSortBy_2; -sortOrders: TableColumnSortOrder_2[]; -formatter: TableColumnCellValueFormatter_2; -showOverflowTooltip: boolean; -align: "left" | "right" | "center"; -headerAlign: "left" | "right" | "center" | null; -labelClassName: string; -reserveSelection: boolean; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const STabsPanel: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_20<{ -modelValue: string; -background?: "primary" | "secondary" | "none" | undefined; -}>, { -modelValue: string; -background: string; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -modelValue: string; -background: string; -}>>> & { -"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; -}, { -modelValue: string; -background: TabsPanelBackgroundType; -}>; - -// @public (undocumented) -export interface StateStore { - // (undocumented) - dayState: DateState; - // (undocumented) - pickState: PickState; - // (undocumented) - rangeState: RangeState; -} - -// @public -export const Status: { - readonly Info: "info"; - readonly Success: "success"; - readonly Warning: "warning"; - readonly Error: "error"; -}; - -// @public (undocumented) -export type Status = typeof Status[keyof typeof Status]; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const STextField: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_17, { -multiline: boolean; -password: boolean; -disabled: boolean; -counter: boolean; -noEye: boolean; -noModelValueStrictSync: boolean; -filledState: boolean; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { -"update:modelValue": (value: string) => void; -} & { -"click:input-wrapper": (value: MouseEvent) => void; -}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -multiline: boolean; -password: boolean; -disabled: boolean; -counter: boolean; -noEye: boolean; -noModelValueStrictSync: boolean; -filledState: boolean; -}>>> & { -"onUpdate:modelValue"?: ((value: string) => any) | undefined; -"onClick:input-wrapper"?: ((value: MouseEvent) => any) | undefined; -}, { -disabled: boolean; -noModelValueStrictSync: boolean; -password: boolean; -noEye: boolean; -counter: string | number | boolean; -filledState: boolean; -}>; - -// @public (undocumented) -export const SToastsDisplay: DefineComponent< { -vertical: { -type: PropType; -default: string; -validate: typeof validateVerticalPlacement; -}; -horizontal: { -type: PropType; -default: string; -validate: typeof validateHorizontalPlacement; -}; -absolute: BooleanConstructor; -to: { -type: StringConstructor; -default: string; -}; -apiKey: { -type: (SymbolConstructor | StringConstructor)[]; -default: InjectionKey; -}; -}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly; -default: string; -validate: typeof validateVerticalPlacement; -}; -horizontal: { -type: PropType; -default: string; -validate: typeof validateHorizontalPlacement; -}; -absolute: BooleanConstructor; -to: { -type: StringConstructor; -default: string; -}; -apiKey: { -type: (SymbolConstructor | StringConstructor)[]; -default: InjectionKey; -}; -}>>, { -absolute: boolean; -vertical: ToastsDisplayPlacementVertical; -horizontal: ToastsDisplayPlacementHorizontal; -to: string; -apiKey: string | symbol; -}>; - -// @public -export const SToastsProvider: DefineComponent< { -apiKey: { -type: PropType; -default: null; -}; -}, () => VNode[] | undefined, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly; -default: null; -}; -}>>, { -apiKey: ProvideKey | ProvideKey[]; -}>; - -// Warning: (ae-forgotten-export) The symbol "__VLS_WithDefaults" needs to be exported by the entry point lib.d.ts -// Warning: (ae-forgotten-export) The symbol "__VLS_TypePropsToRuntimeProps" needs to be exported by the entry point lib.d.ts -// -// @public (undocumented) -export const STooltip: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<{ -wrapperTag?: string | object | undefined; -content?: string | undefined; -header?: string | undefined; -placement?: BasePlacement | undefined; -primaryButtonText?: string | undefined; -secondaryButtonText?: string | undefined; -}>, { -wrapperTag: string; -content: string; -header: string; -placement: string; -primaryButtonText: string; -secondaryButtonText: string; -}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("click:primary-button" | "click:secondary-button")[], "click:primary-button" | "click:secondary-button", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly, { -wrapperTag: string; -content: string; -header: string; -placement: string; -primaryButtonText: string; -secondaryButtonText: string; -}>>> & { -"onClick:primary-button"?: ((...args: any[]) => any) | undefined; -"onClick:secondary-button"?: ((...args: any[]) => any) | undefined; -}, { -placement: BasePlacement; -content: string; -header: string; -wrapperTag: string | object; -primaryButtonText: string; -secondaryButtonText: string; -}>; - -// @public (undocumented) -export const SUseNotification: DefineComponent< { -show: BooleanConstructor; -title: StringConstructor; -status: { -type: PropType; -default: "info"; -}; -timeout: { -type: NumberConstructor; -default: number; -}; -showCloseBtn: BooleanConstructor; -description: StringConstructor; -}, () => null, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("click:close" | "update:show" | "timeout")[], "click:close" | "update:show" | "timeout", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly; -default: "info"; -}; -timeout: { -type: NumberConstructor; -default: number; -}; -showCloseBtn: BooleanConstructor; -description: StringConstructor; -}>> & { -"onClick:close"?: ((...args: any[]) => any) | undefined; -"onUpdate:show"?: ((...args: any[]) => any) | undefined; -onTimeout?: ((...args: any[]) => any) | undefined; -}, { -status: Status_2; -showCloseBtn: boolean; -show: boolean; -timeout: number; -}>; - -// @public (undocumented) -export const TABLE_API_KEY: InjectionKey>; - -// @public (undocumented) -export const TABLE_CARDS_GRID_DEFAULT_BREAKPOINTS: { - test: (width: number) => boolean; - value: number; -}[]; - -// @public (undocumented) -export const TABLE_COLUMN_ALIGN_VALUES: readonly ["left", "center", "right"]; - -// @public (undocumented) -export const TABLE_COLUMN_TYPE_VALUES: readonly ["default", "selection", "expand", "details"]; - -// @public (undocumented) -export const TABLE_DEFAULT_ADAPT_BREAKPOINT = 920; - -// @public (undocumented) -export interface TableActionColumnApi extends TableCommonColumnApi { - // (undocumented) - prop?: string; - // (undocumented) - type: 'selection' | 'expand' | 'details'; -} - -// @public (undocumented) -export interface TableApi { - register: (options: TableColumnApi | TableActionColumnApi) => void; -} - -// @public (undocumented) -export interface TableCardGridBreakpoint { - // (undocumented) - test: (width: number) => boolean; - value: number; -} - -// @public (undocumented) -export interface TableCellConfigCallbackParams { - // (undocumented) - column: TableColumnApi | TableActionColumnApi; - // (undocumented) - columnIndex: number; - // (undocumented) - row: TableRow; - // (undocumented) - rowIndex: number; -} - -// @public (undocumented) -export type TableCellEventData = [TableRow, TableColumnApi | TableActionColumnApi, EventTarget, MouseEvent]; - -// @public (undocumented) -export type TableColumnAlign = typeof TABLE_COLUMN_ALIGN_VALUES[number]; - -// @public (undocumented) -export interface TableColumnAlignProps { - // (undocumented) - align: TableColumnAlign; - // (undocumented) - headerAlign: TableColumnAlign; -} - -// @public (undocumented) -export interface TableColumnApi extends TableCommonColumnApi { - // (undocumented) - prop: string; - // (undocumented) - type: 'default'; -} - -// @public (undocumented) -export type TableColumnCellValueFormatter = (row: TableRow, column: TableColumnApi, cellValue: TableRow[string], index: number) => string; - -// @public (undocumented) -export type TableColumnRowSelectableFunc = (row: TableRow, index: number) => boolean; - -// @public (undocumented) -export type TableColumnSortBy = string | TableColumnSortByPropKeyFunc | (TableColumnSortByPropKeyFunc | string)[]; - -// @public (undocumented) -export type TableColumnSortByPropKeyFunc = (row: TableRow, index: number) => string; - -// @public (undocumented) -export type TableColumnSortOrder = 'ascending' | 'descending' | null; - -// @public (undocumented) -export interface TableColumnSortProps { - // (undocumented) - sortable: boolean | 'custom'; - // (undocumented) - sortBy: TableColumnSortBy; - // (undocumented) - sortMethod: ((a: T, b: T) => number) | null; - // (undocumented) - sortOrders: TableColumnSortOrder[]; -} - -// @public (undocumented) -export type TableColumnType = typeof TABLE_COLUMN_TYPE_VALUES[number]; - -// @public (undocumented) -export interface TableColumnWidthProps { - // (undocumented) - minWidth: number; - // (undocumented) - width: null | number; -} - -// @public (undocumented) -export interface TableCommonColumnApi extends TableColumnWidthProps, TableColumnAlignProps, TableColumnSortProps { - // (undocumented) - cellSlot?: Slot; - // (undocumented) - className: string; - // (undocumented) - formatter: TableColumnCellValueFormatter | null; - // (undocumented) - headerSlot?: Slot; - // (undocumented) - id: string; - // (undocumented) - label?: string; - // (undocumented) - labelClassName: string; - // (undocumented) - reserveSelection?: boolean; - // (undocumented) - selectable: TableColumnRowSelectableFunc | null; - // (undocumented) - showOverflowTooltip?: boolean; -} - -// @public (undocumented) -export interface TableHeaderCellConfigCallbackParams { - // (undocumented) - column: TableColumnApi | TableActionColumnApi; - // (undocumented) - columnIndex: number; -} - -// @public (undocumented) -export type TableHeaderEventData = [TableColumnApi | TableActionColumnApi, MouseEvent]; - -// @public (undocumented) -export type TableRow = Record; - -// @public (undocumented) -export interface TableRowConfigCallbackParams { - // (undocumented) - row: TableRow; - // (undocumented) - rowIndex: number; -} - -// @public (undocumented) -export type TableRowEventData = [TableRow, TableColumnApi | TableActionColumnApi, MouseEvent]; - -// @public (undocumented) -export interface TableSortEventData { - // (undocumented) - column: TableColumnApi; - // (undocumented) - order: TableColumnSortOrder; - // (undocumented) - prop: string; -} - -// @public (undocumented) -export const TABS_PANEL_API_KEY: InjectionKey; - -// @public (undocumented) -export const TABS_PANEL_BACKGROUND_TYPES: readonly ["primary", "secondary", "none"]; - -// @public (undocumented) -export interface TabsPanelApi { - // (undocumented) - active: string; - // (undocumented) - background: TabsPanelBackgroundType; - // (undocumented) - selectTab: (tab: string) => void; -} - -// @public (undocumented) -export type TabsPanelBackgroundType = typeof TABS_PANEL_BACKGROUND_TYPES extends ReadonlyArray ? T : never; - -// @public (undocumented) -export type ToastRegisterFn = (params: ToastRegisterParams) => ToastUnregisterFn; - -// @public (undocumented) -export interface ToastRegisterParams { - // (undocumented) - slot: Slot | FunctionalComponent; -} - -// @public (undocumented) -export const TOASTS_API_KEY: InjectionKey; - -// @public (undocumented) -export interface ToastsApi { - // (undocumented) - register: ToastRegisterFn; - // (undocumented) - toasts: DeepReadonly>; -} - -// @public (undocumented) -export type ToastsDisplayPlacementHorizontal = 'left' | 'right' | 'center'; - -// @public (undocumented) -export type ToastsDisplayPlacementVertical = 'top' | 'bottom'; - -// @public (undocumented) -export type ToastUnregisterFn = () => void; - -// @public (undocumented) -export const useAccordionApi: () => AccordionApi | undefined; - -// @public -export function useBodyScrollLockIfPossible(target: MaybeElementRef): void; - -// @public (undocumented) -export function useModalApi(): ModalApi; - -// @public (undocumented) -export const useNavigationMenuApi: () => { - readonly select: (index: string) => void; - readonly active: string; - readonly collapsed: boolean; -}; - -// @public (undocumented) -export const useNavigationSubmenuApi: () => { - readonly register: (index: Ref) => void; -} | undefined; - -// @public (undocumented) -export function useNotifications(): UseNotificationsReturn; - -// @public (undocumented) -export interface UseNotificationsReturn { - // (undocumented) - show: (params: ShowNotificationParams) => ShowNotificationReturn; -} - -// @public (undocumented) -export const usePopoverApi: () => PopoverApi; - -// @public (undocumented) -export function useRadioGroupApi(): RadioGroupApi; - -// @public (undocumented) -export function useSelectApi(): SelectApi; - -// @public (undocumented) -export const useTableApi: () => { - readonly register: (options: TableColumnApi | TableActionColumnApi) => void; -}; - -// @public (undocumented) -export function useTabsPanelApi(): TabsPanelApi; - -// Warnings were encountered during analysis: -// -// dist-ts/components/Table/STable.vue.d.ts:61:5 - (ae-forgotten-export) The symbol "CSSObject" needs to be exported by the entry point lib.d.ts -// dist-ts/components/Table/STable.vue.d.ts:150:5 - (ae-forgotten-export) The symbol "manualClearSelection" needs to be exported by the entry point lib.d.ts -// dist-ts/components/Table/STable.vue.d.ts:155:5 - (ae-forgotten-export) The symbol "manualToggleRowSelection" needs to be exported by the entry point lib.d.ts -// dist-ts/components/Table/STable.vue.d.ts:159:5 - (ae-forgotten-export) The symbol "manualToggleAllSelection" needs to be exported by the entry point lib.d.ts -// dist-ts/components/Table/STable.vue.d.ts:168:5 - (ae-forgotten-export) The symbol "sort" needs to be exported by the entry point lib.d.ts -// dist-ts/components/Table/STable.vue.d.ts:177:5 - (ae-forgotten-export) The symbol "setCurrentRow" needs to be exported by the entry point lib.d.ts -// dist-ts/components/Toasts/SToastsDisplay.vue.d.ts:9:9 - (ae-forgotten-export) The symbol "validateVerticalPlacement" needs to be exported by the entry point lib.d.ts -// dist-ts/components/Toasts/SToastsDisplay.vue.d.ts:14:9 - (ae-forgotten-export) The symbol "validateHorizontalPlacement" needs to be exported by the entry point lib.d.ts -// dist-ts/components/Toasts/SToastsProvider.d.ts:11:9 - (ae-forgotten-export) The symbol "ProvideKey" needs to be exported by the entry point lib.d.ts - -// (No @packageDocumentation comment for this package) - -``` diff --git a/packages/ui/package.json b/packages/ui/package.json index 999e3bf15..f10ed3ca0 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -1,19 +1,16 @@ { "name": "@soramitsu-ui/ui", "version": "0.11.0", + "type": "module", "main": "dist/lib.cjs", - "module": "dist/lib.mjs", + "module": "dist/lib.js", "types": "dist/lib.d.ts", - "license": "Apache-2.0", - "publishConfig": { - "access": "public" - }, "files": [ "dist" ], "exports": { ".": { - "import": "./dist/lib.mjs", + "import": "./dist/lib.js", "require": "./dist/lib.cjs", "types": "./dist/lib.d.ts" }, @@ -21,71 +18,78 @@ "./*": "./*" }, "scripts": { - "sb:build": "build-storybook", - "sb:serve": "start-storybook -p 6006", + "sb:dev": "storybook dev -p 6006 --no-open", + "sb:build": "storybook build", "test:unit": "vitest run", "test:after-build": "vitest run -c vitest.after-build.config.ts", "cy": "cypress open", "cy:ci:component": "cypress run --component --quiet --reporter spec", "typecheck": "vue-tsc --noEmit", - "build": "run-s build:clean build:tsc build:vite api:extract", - "build:clean": "del dist dist-ts", - "build:tsc": "vue-tsc --outDir dist-ts --declaration --emitDeclarationOnly", + "typecheck:cypress": "vue-tsc -p ./cypress", + "build": "run-s build:clean build:vite build:dts", + "build:clean": "del dist ts-build", "build:vite": "vite build", - "api:extract": "api-extractor run", - "api:extract:local": "api-extractor run --local" + "build:dts": "run-s build:dts:tsc build:dts:rollup", + "build:dts:tsc": "vue-tsc -p tsconfig.build.json", + "build:dts:rollup": "rollup -c rollup.dts.config.cjs" }, "dependencies": { - "@popperjs/core": "^2.10.2", - "@vueuse/core": "9.2.0", - "@vueuse/math": "9.2.0", - "date-fns": "2.20.3", - "escape-string-regexp": "^5.0.0", - "focus-trap": "^6.7.1", - "jsoneditor": "^9.5.5", - "lodash-es": "^4.17.21", - "vue": "3.2.36" + "@popperjs/core": "^2.10", + "@vueuse/core": "^9.13", + "@vueuse/math": "^9.13", + "date-fns": "^2.29", + "escape-string-regexp": "^5", + "focus-trap": "^7.3", + "jsoneditor": "^9.5", + "lodash-es": "^4.17", + "type-fest": "^3.6", + "vue": "^3.2" }, "devDependencies": { + "@esbuild-kit/cjs-loader": "^2.4.2", "@iconify/json": "^2.0.33", - "@mdx-js/react": "^1.6.22", - "@microsoft/api-extractor": "7.18.*", + "@rollup/plugin-alias": "^4.0.3", "@soramitsu-ui/icons": "0.1.0", "@soramitsu-ui/theme": "0.3.0", "@soramitsu-ui/vite-plugin-svg": "0.1.0", - "@storybook/addon-actions": "^6.5.16", - "@storybook/addon-essentials": "^6.5.16", - "@storybook/addon-links": "^6.5.16", - "@storybook/vue3": "^6.5.16", + "@storybook/addon-actions": "7.0.0-beta.62", + "@storybook/addon-essentials": "7.0.0-beta.62", + "@storybook/addon-interactions": "^7.0.0-beta.62", + "@storybook/addon-links": "7.0.0-beta.62", + "@storybook/blocks": "^7.0.0-beta.62", + "@storybook/cli": "7.0.0-beta.62", + "@storybook/testing-library": "^0.0.14-next.1", + "@storybook/vue3": "7.0.0-beta.62", + "@storybook/vue3-vite": "^7.0.0-beta.62", "@types/body-scroll-lock": "^3.1.0", - "@types/jsoneditor": "^8.6.1", + "@types/jsoneditor": "^9.9.0", "@types/lodash-es": "^4.17.6", - "@typescript-eslint/eslint-plugin": "^5.26.0", - "@typescript-eslint/parser": "^5.26.0", - "@vitejs/plugin-vue": "^3.2.0", - "@vitejs/plugin-vue-jsx": "^2.1.1", + "@vitejs/plugin-vue": "^4.0.0", + "@vitejs/plugin-vue-jsx": "^3.0.0", + "@vue/compiler-core": "^3.2", "@vue/test-utils": "^2", "axe-core": "^4.4.1", "body-scroll-lock": "^4.0.0-beta.0", - "cypress": "^10.6.0", + "cypress": "^12.7.0", "cypress-axe": "^1.0.0", - "del-cli": "^4.0.1", - "esbuild-register": "^3.3.2", - "happy-dom": "^4.0.1", - "npm-run-all": "^4.1.5", + "happy-dom": "^8.9.0", + "immer": "^9.0.19", "postcss": "^8.4.16", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "rollup": "^3.18.0", + "rollup-plugin-dts": "^5.2.0", "sass": "^1.41.1", - "storybook-builder-vite": "^0.1.23", + "storybook": "^7.0.0-beta.62", "tabbable": "^6.0.0", - "type-fest": "^2.18.1", - "typescript": "4.7.4", - "unplugin-auto-import": "^0.13.0", - "unplugin-icons": "^0.13.0", - "vite": "^3.0.9", + "ts-pattern": "^4.2.1", + "typescript": "5.0.2", + "unimport": "^3.0.2", + "unplugin-auto-import": "^0.15.1", + "unplugin-icons": "^0.15.3", + "vite": "^4.1.4", "vite-plugin-windicss": "^1.8.10", - "vite-svg-loader": "^3.3.0", - "vitest": "^0.22.1", - "vue-tsc": "^0.30.0", + "vue-tsc": "^1.2.0", "windicss": "^3.5.4" } } diff --git a/packages/ui/rollup.dts.config.cjs b/packages/ui/rollup.dts.config.cjs new file mode 100644 index 000000000..1f95748bf --- /dev/null +++ b/packages/ui/rollup.dts.config.cjs @@ -0,0 +1,2 @@ +require('@esbuild-kit/cjs-loader') +module.exports = require('./rollup.dts.config.ts') \ No newline at end of file diff --git a/packages/ui/rollup.dts.config.ts b/packages/ui/rollup.dts.config.ts new file mode 100644 index 000000000..3c4101d98 --- /dev/null +++ b/packages/ui/rollup.dts.config.ts @@ -0,0 +1,43 @@ +import { defineConfig, type Plugin } from 'rollup' +import dtsPlugin from 'rollup-plugin-dts' +import aliasPlugin from '@rollup/plugin-alias' +import path from 'path' +import { match } from 'ts-pattern' + +const shimCssPlugin = (): Plugin => { + const CSS_SUFFIX = `.css.d.ts` + + return { + name: 'soramitsu-ui:shim-css', + resolveId(id) { + if (/\.(css|scss|sass)$/.test(id)) return id + CSS_SUFFIX + return + }, + load(id) { + if (id.endsWith(CSS_SUFFIX)) return `declare const css: string\n export default css` + return + }, + } +} + +export default defineConfig({ + input: 'ts-build/lib.d.ts', + plugins: [ + aliasPlugin({ + entries: { + '@': path.resolve(__dirname, 'ts-build'), + }, + }), + shimCssPlugin(), + dtsPlugin() as Plugin, + ], + onwarn(warning, defaultHandler) { + match(warning) + .with({ code: 'UNUSED_EXTERNAL_IMPORT', id: 'inject' }, () => {}) + .otherwise(defaultHandler) + }, + output: { + file: 'dist/lid.d.ts', + format: 'esm', + }, +}) diff --git a/packages/ui/src/components/Accordion/SAccordion.vue b/packages/ui/src/components/Accordion/SAccordion.vue index 7bd836a5e..0491a3c37 100644 --- a/packages/ui/src/components/Accordion/SAccordion.vue +++ b/packages/ui/src/components/Accordion/SAccordion.vue @@ -1,6 +1,6 @@