@inf-monkeys-tech/monkeys-design 0.4.32 → 0.4.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +226 -226
- package/dist/components/base/index.d.mts +2 -2
- package/dist/components/base/index.d.ts +2 -2
- package/dist/components/base/index.js +990 -28
- package/dist/components/base/index.js.map +1 -1
- package/dist/components/base/index.mjs +987 -30
- package/dist/components/base/index.mjs.map +1 -1
- package/dist/components/data-explorer/index.js.map +1 -1
- package/dist/components/data-explorer/index.mjs.map +1 -1
- package/dist/components/layout/index.js.map +1 -1
- package/dist/components/layout/index.mjs.map +1 -1
- package/dist/components/login/index.js.map +1 -1
- package/dist/components/login/index.mjs.map +1 -1
- package/dist/components/toolbar/index.js.map +1 -1
- package/dist/components/toolbar/index.mjs.map +1 -1
- package/dist/components/workbench/index.d.mts +193 -2
- package/dist/components/workbench/index.d.ts +193 -2
- package/dist/components/workbench/index.js +2164 -585
- package/dist/components/workbench/index.js.map +1 -1
- package/dist/components/workbench/index.mjs +2367 -813
- package/dist/components/workbench/index.mjs.map +1 -1
- package/dist/icons/oauth/index.js.map +1 -1
- package/dist/icons/oauth/index.mjs.map +1 -1
- package/dist/index.d.mts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +1958 -170
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1950 -172
- package/dist/index.mjs.map +1 -1
- package/dist/palette/index.js.map +1 -1
- package/dist/palette/index.mjs.map +1 -1
- package/dist/registry/index.js.map +1 -1
- package/dist/registry/index.mjs.map +1 -1
- package/dist/styles/artist-login.scss +374 -374
- package/dist/styles/global.scss +21 -21
- package/dist/styles/workflow-board.scss +440 -440
- package/dist/styles/workflow-nodes.css +340 -340
- package/dist/{theme-CvbotXXr.d.ts → theme-Clm5dVb0.d.mts} +10 -3
- package/dist/{theme-6RDum855.d.mts → theme-sIoU5-YC.d.ts} +10 -3
- package/dist/theme-system/index.d.mts +1 -1
- package/dist/theme-system/index.d.ts +1 -1
- package/dist/theme-system/index.js +842 -18
- package/dist/theme-system/index.js.map +1 -1
- package/dist/theme-system/index.mjs +843 -19
- package/dist/theme-system/index.mjs.map +1 -1
- package/dist/themes/artist/index.js.map +1 -1
- package/dist/themes/artist/index.mjs.map +1 -1
- package/dist/themes/bsd/index.js.map +1 -1
- package/dist/themes/bsd/index.mjs.map +1 -1
- package/dist/themes/concept/index.js.map +1 -1
- package/dist/themes/concept/index.mjs.map +1 -1
- package/dist/themes/default/index.js.map +1 -1
- package/dist/themes/default/index.mjs.map +1 -1
- package/dist/{types-BgEEUqSm.d.mts → types-Bn6PEDsX.d.mts} +163 -1
- package/dist/{types-BgEEUqSm.d.ts → types-Bn6PEDsX.d.ts} +163 -1
- package/package.json +139 -138
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/registry/index.ts","../../../src/themes/default/components/LandingPage.tsx","../../../src/themes/default/components/ToolboxPanel.tsx","../../../src/themes/default/index.ts"],"names":["jsx"],"mappings":";;;AAIA,IAAM,aAAgD,EAAC;AAWhD,SAAS,aAAA,CACd,OAAA,EACA,UAAA,EACA,MAAA,EACM;AACN,EAAA,UAAA,CAAW,OAAO,IAAI,EAAE,GAAG,WAAW,OAAO,CAAA,EAAG,GAAG,UAAA,EAAW;AAE9D,EAAA,IAAI,MAAA,EAAQ;AACV,KAAwB,EAAE,EAAA,EAAI,OAAA,EAAS,GAAG,MAAA,GAAO;AAAA,EACnD;AACF;ACbO,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,KAAA,EAAO,UAAS,EAAqB;AACnF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,SAAA,EAAW,OAAA;AAAA,QACX,GAAG;AAAA,OACL;AAAA,MAEC,QAAA,EAAA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA,oBAAA,EAAkB;AAAA;AAAA,GACvC;AAEJ;ACTO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAQ,EAAC;AAAA,EACT;AACF,CAAA,EAAsB;AACpB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAsB,KAAA,EACzB,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,QAAG,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,oBACXA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,GAAA,EAAK,KAAA,EAAM,EACvC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,OAAA,EAAS,MAAM,YAAA,GAAe,IAAA,CAAK,EAAE,CAAA;AAAA,QACrC,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,MAAA;AAAA,UACT,SAAA,EAAW,MAAA;AAAA,UACX,MAAA,EAAQ,mBAAA;AAAA,UACR,YAAA,EAAc,KAAA;AAAA,UACd,MAAA,EAAQ;AAAA,SACV;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAA,GAAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,UACnB,IAAA,CAAK,WAAA,oBAAeA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,GAAA,EAAI,EAAI,eAAK,WAAA,EAAY;AAAA;AAAA,OAAA;AAAA,MAXjF,IAAA,CAAK;AAAA,KAab,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;AC1CA,aAAA;AAAA,EACE,SAAA;AAAA,EACA;AAAA,IACE,cAAA,EAAgB,kBAAA;AAAA,IAChB,eAAA,EAAiB;AAAA,GACnB;AAAA,EACA;AAAA,IACE,IAAA,EAAM,eAAA;AAAA,IACN,WAAA,EAAa;AAAA;AAEjB,CAAA","file":"index.mjs","sourcesContent":["import type { ComponentType } from 'react';\nimport type { ComponentRegistry, ThemeConfig } from '../types';\n\n// 存储所有主题的组件注册表\nconst registries: Record<string, ComponentRegistry> = {};\n\n// 存储主题配置\nconst themeConfigs: Record<string, ThemeConfig> = {};\n\n/**\n * 注册主题组件\n * @param themeId 主题 ID (如 'bsd', 'artist', 'concept')\n * @param components 组件注册表\n * @param config 主题配置(可选)\n */\nexport function registerTheme(\n themeId: string,\n components: ComponentRegistry,\n config?: Omit<ThemeConfig, 'id'>\n): void {\n registries[themeId] = { ...registries[themeId], ...components };\n\n if (config) {\n themeConfigs[themeId] = { id: themeId, ...config };\n }\n}\n\n/**\n * 注册单个组件到指定主题\n * @param themeId 主题 ID\n * @param componentName 组件名称\n * @param component 组件\n */\nexport function registerComponent(\n themeId: string,\n componentName: string,\n component: ComponentType<any>\n): void {\n if (!registries[themeId]) {\n registries[themeId] = {};\n }\n registries[themeId][componentName] = component;\n}\n\n/**\n * 解析组件 - 优先使用主题特定组件,fallback 到 default\n * @param themeId 主题 ID\n * @param componentName 组件名称\n * @returns 组件或 null\n */\nexport function resolveComponent<P = any>(\n themeId: string,\n componentName: string\n): ComponentType<P> | null {\n // 1. 先尝试获取主题特定组件\n const themeComponent = registries[themeId]?.[componentName];\n if (themeComponent) {\n return themeComponent as ComponentType<P>;\n }\n\n // 2. Fallback 到 default 主题\n const defaultComponent = registries['default']?.[componentName];\n if (defaultComponent) {\n return defaultComponent as ComponentType<P>;\n }\n\n // 3. 未找到\n return null;\n}\n\n/**\n * 检查主题是否有特定组件的定制版本\n * @param themeId 主题 ID\n * @param componentName 组件名称\n */\nexport function hasCustomComponent(themeId: string, componentName: string): boolean {\n return !!registries[themeId]?.[componentName];\n}\n\n/**\n * 获取主题的所有已注册组件名称\n * @param themeId 主题 ID\n */\nexport function getRegisteredComponents(themeId: string): string[] {\n return Object.keys(registries[themeId] || {});\n}\n\n/**\n * 获取所有已注册的主题 ID\n */\nexport function getRegisteredThemes(): string[] {\n return Object.keys(registries);\n}\n\n/**\n * 获取主题配置\n * @param themeId 主题 ID\n */\nexport function getThemeConfig(themeId: string): ThemeConfig | null {\n return themeConfigs[themeId] || null;\n}\n\n/**\n * 清除所有注册(主要用于测试)\n */\nexport function clearRegistry(): void {\n Object.keys(registries).forEach((key) => delete registries[key]);\n Object.keys(themeConfigs).forEach((key) => delete themeConfigs[key]);\n}\n","import React from 'react';\n\nexport interface LandingPageProps {\n className?: string;\n style?: React.CSSProperties;\n children?: React.ReactNode;\n onNavigate?: (path: string) => void;\n}\n\n/**\n * Default Landing Page - 默认主题的 Landing Page\n */\nexport function DefaultLandingPage({ className, style, children }: LandingPageProps) {\n return (\n <div\n className={className}\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n minHeight: '100vh',\n ...style,\n }}\n >\n {children || <span>Welcome to Monkeys</span>}\n </div>\n );\n}\n\nexport default DefaultLandingPage;\n","import React from 'react';\n\nexport interface ToolDefinition {\n id: string;\n title: string;\n description?: string;\n}\n\nexport interface ToolboxPanelProps {\n className?: string;\n style?: React.CSSProperties;\n tools?: ToolDefinition[];\n onToolSelect?: (toolId: string) => void;\n}\n\n/**\n * Default Toolbox Panel - 默认主题的工具箱面板\n */\nexport function DefaultToolboxPanel({\n className,\n style,\n tools = [],\n onToolSelect,\n}: ToolboxPanelProps) {\n return (\n <div className={className} style={style}>\n <h3>Toolbox</h3>\n <div style={{ display: 'grid', gap: '8px' }}>\n {tools.map((tool) => (\n <button\n key={tool.id}\n onClick={() => onToolSelect?.(tool.id)}\n style={{\n padding: '12px',\n textAlign: 'left',\n border: '1px solid #e0e0e0',\n borderRadius: '8px',\n cursor: 'pointer',\n }}\n >\n <strong>{tool.title}</strong>\n {tool.description && <p style={{ margin: '4px 0 0', opacity: 0.7 }}>{tool.description}</p>}\n </button>\n ))}\n </div>\n </div>\n );\n}\n\nexport default DefaultToolboxPanel;\n","import { registerTheme } from '../../registry';\nimport { DefaultLandingPage } from './components/LandingPage';\nimport { DefaultToolboxPanel } from './components/ToolboxPanel';\n\n// 注册 default 主题\nregisterTheme(\n 'default',\n {\n 'landing-page': DefaultLandingPage,\n 'toolbox-panel': DefaultToolboxPanel,\n },\n {\n name: 'Default Theme',\n description: 'Monkeys default theme with basic components',\n }\n);\n\n// 导出组件供直接使用\nexport { DefaultLandingPage, DefaultToolboxPanel };\n\n// 导出类型\nexport type { LandingPageProps as DefaultLandingPageProps } from './components/LandingPage';\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/registry/index.ts","../../../src/themes/default/components/LandingPage.tsx","../../../src/themes/default/components/ToolboxPanel.tsx","../../../src/themes/default/index.ts"],"names":["jsx"],"mappings":";;;AAIA,IAAM,aAAgD,EAAC;AAWhD,SAAS,aAAA,CACd,OAAA,EACA,UAAA,EACA,MAAA,EACM;AACN,EAAA,UAAA,CAAW,OAAO,IAAI,EAAE,GAAG,WAAW,OAAO,CAAA,EAAG,GAAG,UAAA,EAAW;AAE9D,EAAA,IAAI,MAAA,EAAQ;AACV,KAAwB,EAAE,EAAA,EAAI,OAAA,EAAS,GAAG,MAAA,GAAO;AAAA,EACnD;AACF;ACbO,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,KAAA,EAAO,UAAS,EAAqB;AACnF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,SAAA,EAAW,OAAA;AAAA,QACX,GAAG;AAAA,OACL;AAAA,MAEC,QAAA,EAAA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA,oBAAA,EAAkB;AAAA;AAAA,GACvC;AAEJ;ACTO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAQ,EAAC;AAAA,EACT;AACF,CAAA,EAAsB;AACpB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAsB,KAAA,EACzB,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,QAAG,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,oBACXA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,GAAA,EAAK,KAAA,EAAM,EACvC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,OAAA,EAAS,MAAM,YAAA,GAAe,IAAA,CAAK,EAAE,CAAA;AAAA,QACrC,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,MAAA;AAAA,UACT,SAAA,EAAW,MAAA;AAAA,UACX,MAAA,EAAQ,mBAAA;AAAA,UACR,YAAA,EAAc,KAAA;AAAA,UACd,MAAA,EAAQ;AAAA,SACV;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAA,GAAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,UACnB,IAAA,CAAK,WAAA,oBAAeA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,GAAA,EAAI,EAAI,eAAK,WAAA,EAAY;AAAA;AAAA,OAAA;AAAA,MAXjF,IAAA,CAAK;AAAA,KAab,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;AC1CA,aAAA;AAAA,EACE,SAAA;AAAA,EACA;AAAA,IACE,cAAA,EAAgB,kBAAA;AAAA,IAChB,eAAA,EAAiB;AAAA,GACnB;AAAA,EACA;AAAA,IACE,IAAA,EAAM,eAAA;AAAA,IACN,WAAA,EAAa;AAAA;AAEjB,CAAA","file":"index.mjs","sourcesContent":["import type { ComponentType } from 'react';\r\nimport type { ComponentRegistry, ThemeConfig } from '../types';\r\n\r\n// 存储所有主题的组件注册表\r\nconst registries: Record<string, ComponentRegistry> = {};\r\n\r\n// 存储主题配置\r\nconst themeConfigs: Record<string, ThemeConfig> = {};\r\n\r\n/**\r\n * 注册主题组件\r\n * @param themeId 主题 ID (如 'bsd', 'artist', 'concept')\r\n * @param components 组件注册表\r\n * @param config 主题配置(可选)\r\n */\r\nexport function registerTheme(\r\n themeId: string,\r\n components: ComponentRegistry,\r\n config?: Omit<ThemeConfig, 'id'>\r\n): void {\r\n registries[themeId] = { ...registries[themeId], ...components };\r\n\r\n if (config) {\r\n themeConfigs[themeId] = { id: themeId, ...config };\r\n }\r\n}\r\n\r\n/**\r\n * 注册单个组件到指定主题\r\n * @param themeId 主题 ID\r\n * @param componentName 组件名称\r\n * @param component 组件\r\n */\r\nexport function registerComponent(\r\n themeId: string,\r\n componentName: string,\r\n component: ComponentType<any>\r\n): void {\r\n if (!registries[themeId]) {\r\n registries[themeId] = {};\r\n }\r\n registries[themeId][componentName] = component;\r\n}\r\n\r\n/**\r\n * 解析组件 - 优先使用主题特定组件,fallback 到 default\r\n * @param themeId 主题 ID\r\n * @param componentName 组件名称\r\n * @returns 组件或 null\r\n */\r\nexport function resolveComponent<P = any>(\r\n themeId: string,\r\n componentName: string\r\n): ComponentType<P> | null {\r\n // 1. 先尝试获取主题特定组件\r\n const themeComponent = registries[themeId]?.[componentName];\r\n if (themeComponent) {\r\n return themeComponent as ComponentType<P>;\r\n }\r\n\r\n // 2. Fallback 到 default 主题\r\n const defaultComponent = registries['default']?.[componentName];\r\n if (defaultComponent) {\r\n return defaultComponent as ComponentType<P>;\r\n }\r\n\r\n // 3. 未找到\r\n return null;\r\n}\r\n\r\n/**\r\n * 检查主题是否有特定组件的定制版本\r\n * @param themeId 主题 ID\r\n * @param componentName 组件名称\r\n */\r\nexport function hasCustomComponent(themeId: string, componentName: string): boolean {\r\n return !!registries[themeId]?.[componentName];\r\n}\r\n\r\n/**\r\n * 获取主题的所有已注册组件名称\r\n * @param themeId 主题 ID\r\n */\r\nexport function getRegisteredComponents(themeId: string): string[] {\r\n return Object.keys(registries[themeId] || {});\r\n}\r\n\r\n/**\r\n * 获取所有已注册的主题 ID\r\n */\r\nexport function getRegisteredThemes(): string[] {\r\n return Object.keys(registries);\r\n}\r\n\r\n/**\r\n * 获取主题配置\r\n * @param themeId 主题 ID\r\n */\r\nexport function getThemeConfig(themeId: string): ThemeConfig | null {\r\n return themeConfigs[themeId] || null;\r\n}\r\n\r\n/**\r\n * 清除所有注册(主要用于测试)\r\n */\r\nexport function clearRegistry(): void {\r\n Object.keys(registries).forEach((key) => delete registries[key]);\r\n Object.keys(themeConfigs).forEach((key) => delete themeConfigs[key]);\r\n}\r\n","import React from 'react';\r\n\r\nexport interface LandingPageProps {\r\n className?: string;\r\n style?: React.CSSProperties;\r\n children?: React.ReactNode;\r\n onNavigate?: (path: string) => void;\r\n}\r\n\r\n/**\r\n * Default Landing Page - 默认主题的 Landing Page\r\n */\r\nexport function DefaultLandingPage({ className, style, children }: LandingPageProps) {\r\n return (\r\n <div\r\n className={className}\r\n style={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n minHeight: '100vh',\r\n ...style,\r\n }}\r\n >\r\n {children || <span>Welcome to Monkeys</span>}\r\n </div>\r\n );\r\n}\r\n\r\nexport default DefaultLandingPage;\r\n","import React from 'react';\r\n\r\nexport interface ToolDefinition {\r\n id: string;\r\n title: string;\r\n description?: string;\r\n}\r\n\r\nexport interface ToolboxPanelProps {\r\n className?: string;\r\n style?: React.CSSProperties;\r\n tools?: ToolDefinition[];\r\n onToolSelect?: (toolId: string) => void;\r\n}\r\n\r\n/**\r\n * Default Toolbox Panel - 默认主题的工具箱面板\r\n */\r\nexport function DefaultToolboxPanel({\r\n className,\r\n style,\r\n tools = [],\r\n onToolSelect,\r\n}: ToolboxPanelProps) {\r\n return (\r\n <div className={className} style={style}>\r\n <h3>Toolbox</h3>\r\n <div style={{ display: 'grid', gap: '8px' }}>\r\n {tools.map((tool) => (\r\n <button\r\n key={tool.id}\r\n onClick={() => onToolSelect?.(tool.id)}\r\n style={{\r\n padding: '12px',\r\n textAlign: 'left',\r\n border: '1px solid #e0e0e0',\r\n borderRadius: '8px',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n <strong>{tool.title}</strong>\r\n {tool.description && <p style={{ margin: '4px 0 0', opacity: 0.7 }}>{tool.description}</p>}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DefaultToolboxPanel;\r\n","import { registerTheme } from '../../registry';\r\nimport { DefaultLandingPage } from './components/LandingPage';\r\nimport { DefaultToolboxPanel } from './components/ToolboxPanel';\r\n\r\n// 注册 default 主题\r\nregisterTheme(\r\n 'default',\r\n {\r\n 'landing-page': DefaultLandingPage,\r\n 'toolbox-panel': DefaultToolboxPanel,\r\n },\r\n {\r\n name: 'Default Theme',\r\n description: 'Monkeys default theme with basic components',\r\n }\r\n);\r\n\r\n// 导出组件供直接使用\r\nexport { DefaultLandingPage, DefaultToolboxPanel };\r\n\r\n// 导出类型\r\nexport type { LandingPageProps as DefaultLandingPageProps } from './components/LandingPage';\r\n"]}
|
|
@@ -71,6 +71,17 @@ interface BaseThemeStyles {
|
|
|
71
71
|
tableCaption?: CSSProperties;
|
|
72
72
|
tableEmpty?: CSSProperties;
|
|
73
73
|
tableLoading?: CSSProperties;
|
|
74
|
+
layout?: CSSProperties;
|
|
75
|
+
layoutHeader?: CSSProperties;
|
|
76
|
+
layoutBody?: CSSProperties;
|
|
77
|
+
layoutSidebar?: CSSProperties;
|
|
78
|
+
layoutMain?: CSSProperties;
|
|
79
|
+
layoutAside?: CSSProperties;
|
|
80
|
+
layoutFooter?: CSSProperties;
|
|
81
|
+
layoutPane?: CSSProperties;
|
|
82
|
+
layoutSplit?: CSSProperties;
|
|
83
|
+
layoutSplitPane?: CSSProperties;
|
|
84
|
+
layoutResizeHandle?: CSSProperties;
|
|
74
85
|
}
|
|
75
86
|
interface BaseThemeSlots {
|
|
76
87
|
buttonBase?: string;
|
|
@@ -326,6 +337,31 @@ interface BaseThemeSlots {
|
|
|
326
337
|
tableLoadingRow?: string;
|
|
327
338
|
tableLoadingCell?: string;
|
|
328
339
|
tableLoadingSkeleton?: string;
|
|
340
|
+
layoutRoot?: string;
|
|
341
|
+
layoutRootFull?: string;
|
|
342
|
+
layoutHeader?: string;
|
|
343
|
+
layoutBody?: string;
|
|
344
|
+
layoutSidebar?: string;
|
|
345
|
+
layoutMain?: string;
|
|
346
|
+
layoutAside?: string;
|
|
347
|
+
layoutFooter?: string;
|
|
348
|
+
layoutPane?: string;
|
|
349
|
+
layoutPaneScrollable?: string;
|
|
350
|
+
layoutPaneBordered?: string;
|
|
351
|
+
layoutPaneMuted?: string;
|
|
352
|
+
layoutPaneSoft?: string;
|
|
353
|
+
layoutPaneTransparent?: string;
|
|
354
|
+
layoutSplitRoot?: string;
|
|
355
|
+
layoutSplitHorizontal?: string;
|
|
356
|
+
layoutSplitVertical?: string;
|
|
357
|
+
layoutSplitPane?: string;
|
|
358
|
+
layoutSplitPrimary?: string;
|
|
359
|
+
layoutSplitSecondary?: string;
|
|
360
|
+
layoutResizeHandle?: string;
|
|
361
|
+
layoutResizeHandleHorizontal?: string;
|
|
362
|
+
layoutResizeHandleVertical?: string;
|
|
363
|
+
layoutResizeHandleDisabled?: string;
|
|
364
|
+
layoutResizeHandleIndicator?: string;
|
|
329
365
|
}
|
|
330
366
|
interface BaseAppearance {
|
|
331
367
|
preset?: BaseThemePresetId;
|
|
@@ -410,6 +446,90 @@ interface BasePanelProps extends Omit<HTMLAttributes<HTMLElement>, 'children' |
|
|
|
410
446
|
classNames?: BasePanelClassNames;
|
|
411
447
|
style?: CSSProperties;
|
|
412
448
|
}
|
|
449
|
+
type BaseLayoutOrientation = 'horizontal' | 'vertical';
|
|
450
|
+
type BaseLayoutSize = number;
|
|
451
|
+
type BaseLayoutGap = number | string;
|
|
452
|
+
type BaseLayoutPaneSurface = 'default' | 'muted' | 'soft' | 'transparent';
|
|
453
|
+
interface BaseLayoutClassNames {
|
|
454
|
+
root?: string;
|
|
455
|
+
header?: string;
|
|
456
|
+
body?: string;
|
|
457
|
+
sidebar?: string;
|
|
458
|
+
main?: string;
|
|
459
|
+
aside?: string;
|
|
460
|
+
footer?: string;
|
|
461
|
+
}
|
|
462
|
+
interface BaseLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> {
|
|
463
|
+
header?: ReactNode;
|
|
464
|
+
sidebar?: ReactNode;
|
|
465
|
+
aside?: ReactNode;
|
|
466
|
+
footer?: ReactNode;
|
|
467
|
+
children?: ReactNode;
|
|
468
|
+
sidebarSize?: number | string;
|
|
469
|
+
asideSize?: number | string;
|
|
470
|
+
gap?: BaseLayoutGap;
|
|
471
|
+
fullHeight?: boolean;
|
|
472
|
+
appearance?: BaseAppearance;
|
|
473
|
+
className?: string;
|
|
474
|
+
classNames?: BaseLayoutClassNames;
|
|
475
|
+
style?: CSSProperties;
|
|
476
|
+
}
|
|
477
|
+
interface BaseLayoutPaneClassNames {
|
|
478
|
+
root?: string;
|
|
479
|
+
}
|
|
480
|
+
interface BaseLayoutPaneProps extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'> {
|
|
481
|
+
as?: 'div' | 'main' | 'aside' | 'section' | 'header' | 'footer' | 'nav';
|
|
482
|
+
scrollable?: boolean;
|
|
483
|
+
bordered?: boolean;
|
|
484
|
+
surface?: BaseLayoutPaneSurface;
|
|
485
|
+
children?: ReactNode;
|
|
486
|
+
appearance?: BaseAppearance;
|
|
487
|
+
className?: string;
|
|
488
|
+
classNames?: BaseLayoutPaneClassNames;
|
|
489
|
+
style?: CSSProperties;
|
|
490
|
+
}
|
|
491
|
+
interface BaseLayoutSplitClassNames {
|
|
492
|
+
root?: string;
|
|
493
|
+
primary?: string;
|
|
494
|
+
secondary?: string;
|
|
495
|
+
handle?: string;
|
|
496
|
+
}
|
|
497
|
+
interface BaseLayoutSplitProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'style'> {
|
|
498
|
+
orientation?: BaseLayoutOrientation;
|
|
499
|
+
primary?: ReactNode;
|
|
500
|
+
secondary?: ReactNode;
|
|
501
|
+
children?: ReactNode;
|
|
502
|
+
resizable?: boolean;
|
|
503
|
+
size?: BaseLayoutSize;
|
|
504
|
+
defaultSize?: BaseLayoutSize;
|
|
505
|
+
minSize?: BaseLayoutSize;
|
|
506
|
+
maxSize?: BaseLayoutSize;
|
|
507
|
+
gap?: BaseLayoutGap;
|
|
508
|
+
keyboardStep?: number;
|
|
509
|
+
resizeLabel?: string;
|
|
510
|
+
appearance?: BaseAppearance;
|
|
511
|
+
className?: string;
|
|
512
|
+
classNames?: BaseLayoutSplitClassNames;
|
|
513
|
+
style?: CSSProperties;
|
|
514
|
+
onSizeChange?: (size: BaseLayoutSize) => void;
|
|
515
|
+
}
|
|
516
|
+
interface BaseLayoutResizeHandleClassNames {
|
|
517
|
+
root?: string;
|
|
518
|
+
indicator?: string;
|
|
519
|
+
}
|
|
520
|
+
interface BaseLayoutResizeHandleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> {
|
|
521
|
+
orientation?: BaseLayoutOrientation;
|
|
522
|
+
resizable?: boolean;
|
|
523
|
+
disabled?: boolean;
|
|
524
|
+
size?: BaseLayoutSize;
|
|
525
|
+
minSize?: BaseLayoutSize;
|
|
526
|
+
maxSize?: BaseLayoutSize;
|
|
527
|
+
label?: string;
|
|
528
|
+
appearance?: BaseAppearance;
|
|
529
|
+
className?: string;
|
|
530
|
+
classNames?: BaseLayoutResizeHandleClassNames;
|
|
531
|
+
style?: CSSProperties;
|
|
532
|
+
}
|
|
413
533
|
interface BaseStateClassNames {
|
|
414
534
|
root?: string;
|
|
415
535
|
icon?: string;
|
|
@@ -507,6 +627,48 @@ interface BaseSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>,
|
|
|
507
627
|
style?: CSSProperties;
|
|
508
628
|
children?: ReactNode;
|
|
509
629
|
}
|
|
630
|
+
interface BaseMultiSelectOption {
|
|
631
|
+
value: string;
|
|
632
|
+
label: ReactNode;
|
|
633
|
+
disabled?: boolean;
|
|
634
|
+
}
|
|
635
|
+
interface BaseMultiSelectClassNames {
|
|
636
|
+
root?: string;
|
|
637
|
+
icon?: string;
|
|
638
|
+
control?: string;
|
|
639
|
+
tagList?: string;
|
|
640
|
+
tag?: string;
|
|
641
|
+
tagLabel?: string;
|
|
642
|
+
tagRemove?: string;
|
|
643
|
+
placeholder?: string;
|
|
644
|
+
chevron?: string;
|
|
645
|
+
menu?: string;
|
|
646
|
+
option?: string;
|
|
647
|
+
optionIndicator?: string;
|
|
648
|
+
optionLabel?: string;
|
|
649
|
+
empty?: string;
|
|
650
|
+
hiddenInput?: string;
|
|
651
|
+
}
|
|
652
|
+
interface BaseMultiSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'style'> {
|
|
653
|
+
options?: BaseMultiSelectOption[];
|
|
654
|
+
value?: string[];
|
|
655
|
+
defaultValue?: string[];
|
|
656
|
+
name?: string;
|
|
657
|
+
placeholder?: ReactNode;
|
|
658
|
+
icon?: ReactNode;
|
|
659
|
+
invalid?: boolean;
|
|
660
|
+
disabled?: boolean;
|
|
661
|
+
required?: boolean;
|
|
662
|
+
openForPreview?: boolean;
|
|
663
|
+
maxTagCount?: number;
|
|
664
|
+
removeLabel?: (option: BaseMultiSelectOption) => string;
|
|
665
|
+
emptyLabel?: ReactNode;
|
|
666
|
+
appearance?: BaseAppearance;
|
|
667
|
+
className?: string;
|
|
668
|
+
classNames?: BaseMultiSelectClassNames;
|
|
669
|
+
style?: CSSProperties;
|
|
670
|
+
onValueChange?: (value: string[]) => void;
|
|
671
|
+
}
|
|
510
672
|
interface BaseSwitchClassNames {
|
|
511
673
|
root?: string;
|
|
512
674
|
input?: string;
|
|
@@ -1207,4 +1369,4 @@ interface BaseAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
|
|
|
1207
1369
|
onValueChange?: (value: string | undefined) => void;
|
|
1208
1370
|
}
|
|
1209
1371
|
|
|
1210
|
-
export type {
|
|
1372
|
+
export type { BaseLayoutPaneClassNames as $, BaseContextMenuRadioGroupProps as A, BaseAccordionClassNames as B, BaseContextMenuRadioItemProps as C, BaseContextMenuSeparatorProps as D, BaseContextMenuSubContentProps as E, BaseContextMenuSubProps as F, BaseContextMenuSubTriggerProps as G, BaseContextMenuTriggerProps as H, BaseDensity as I, BaseDescriptionListClassNames as J, BaseDescriptionListItem as K, BaseDescriptionListProps as L, BaseDialogClassNames as M, BaseDialogProps as N, BaseDividerClassNames as O, BaseDividerProps as P, BaseDropdownMenuClassNames as Q, BaseDropdownMenuItem as R, BaseDropdownMenuPlacement as S, BaseDropdownMenuProps as T, BaseEmptyStateProps as U, BaseFieldClassNames as V, BaseFieldProps as W, BaseInputProps as X, BaseLayoutClassNames as Y, BaseLayoutGap as Z, BaseLayoutOrientation as _, BaseAccordionItem as a, BaseTableSectionClassNames as a$, BaseLayoutPaneProps as a0, BaseLayoutPaneSurface as a1, BaseLayoutProps as a2, BaseLayoutResizeHandleClassNames as a3, BaseLayoutResizeHandleProps as a4, BaseLayoutSize as a5, BaseLayoutSplitClassNames as a6, BaseLayoutSplitProps as a7, BaseLoadingStateProps as a8, BaseMultiSelectClassNames as a9, BaseSwitchProps as aA, BaseTableAlign as aB, BaseTableBodyProps as aC, BaseTableCaptionClassNames as aD, BaseTableCaptionProps as aE, BaseTableCellClassNames as aF, BaseTableCellProps as aG, BaseTableClassNames as aH, BaseTableColumnInteractionOptions as aI, BaseTableColumnOrderChangeDetail as aJ, BaseTableColumnSizeChangeDetail as aK, BaseTableColumnSizes as aL, BaseTableContainerClassNames as aM, BaseTableContainerProps as aN, BaseTableEmptyClassNames as aO, BaseTableEmptyProps as aP, BaseTableFooterBarClassNames as aQ, BaseTableFooterBarProps as aR, BaseTableFooterProps as aS, BaseTableHeaderProps as aT, BaseTableHeadClassNames as aU, BaseTableHeadProps as aV, BaseTableLoadingClassNames as aW, BaseTableLoadingProps as aX, BaseTableProps as aY, BaseTableRowClassNames as aZ, BaseTableRowProps as a_, BaseMultiSelectOption as aa, BaseMultiSelectProps as ab, BaseNoticeClassNames as ac, BaseNoticeProps as ad, BasePanelClassNames as ae, BasePanelProps as af, BasePaginationClassNames as ag, BasePaginationProps as ah, BaseProgressClassNames as ai, BaseProgressProps as aj, BaseRadius as ak, BaseRadioGroupClassNames as al, BaseRadioGroupProps as am, BaseRadioOption as an, BaseResolvedTheme as ao, BaseSectionHeaderClassNames as ap, BaseSectionHeaderProps as aq, BaseSelectOption as ar, BaseSelectProps as as, BaseSegmentedControlClassNames as at, BaseSegmentedControlOption as au, BaseSegmentedControlProps as av, BaseSkeletonClassNames as aw, BaseSkeletonProps as ax, BaseStateClassNames as ay, BaseSwitchClassNames as az, BaseAccordionProps as b, BaseTableSortDirection as b0, BaseTabsClassNames as b1, BaseTabsItem as b2, BaseTabsProps as b3, BaseTextareaProps as b4, BaseTooltipClassNames as b5, BaseTooltipPlacement as b6, BaseTooltipProps as b7, BaseToolbarClassNames as b8, BaseToolbarProps as b9, BaseThemePresetId as ba, BaseThemeSlots as bb, BaseThemeStyles as bc, BaseAppearance as c, BaseAvatarClassNames as d, BaseAvatarProps as e, BaseBackground as f, BaseBadgeClassNames as g, BaseBadgeProps as h, BaseBorder as i, BaseBreadcrumbClassNames as j, BaseBreadcrumbItem as k, BaseBreadcrumbProps as l, BaseButtonClassNames as m, BaseButtonProps as n, BaseCheckboxClassNames as o, BaseCheckboxProps as p, BaseControlClassNames as q, BaseControlTone as r, BaseContextMenuCheckboxItemProps as s, BaseContextMenuClassNames as t, BaseContextMenuContentClassNames as u, BaseContextMenuContentProps as v, BaseContextMenuItemClassNames as w, BaseContextMenuItemProps as x, BaseContextMenuLabelProps as y, BaseContextMenuProps as z };
|
|
@@ -71,6 +71,17 @@ interface BaseThemeStyles {
|
|
|
71
71
|
tableCaption?: CSSProperties;
|
|
72
72
|
tableEmpty?: CSSProperties;
|
|
73
73
|
tableLoading?: CSSProperties;
|
|
74
|
+
layout?: CSSProperties;
|
|
75
|
+
layoutHeader?: CSSProperties;
|
|
76
|
+
layoutBody?: CSSProperties;
|
|
77
|
+
layoutSidebar?: CSSProperties;
|
|
78
|
+
layoutMain?: CSSProperties;
|
|
79
|
+
layoutAside?: CSSProperties;
|
|
80
|
+
layoutFooter?: CSSProperties;
|
|
81
|
+
layoutPane?: CSSProperties;
|
|
82
|
+
layoutSplit?: CSSProperties;
|
|
83
|
+
layoutSplitPane?: CSSProperties;
|
|
84
|
+
layoutResizeHandle?: CSSProperties;
|
|
74
85
|
}
|
|
75
86
|
interface BaseThemeSlots {
|
|
76
87
|
buttonBase?: string;
|
|
@@ -326,6 +337,31 @@ interface BaseThemeSlots {
|
|
|
326
337
|
tableLoadingRow?: string;
|
|
327
338
|
tableLoadingCell?: string;
|
|
328
339
|
tableLoadingSkeleton?: string;
|
|
340
|
+
layoutRoot?: string;
|
|
341
|
+
layoutRootFull?: string;
|
|
342
|
+
layoutHeader?: string;
|
|
343
|
+
layoutBody?: string;
|
|
344
|
+
layoutSidebar?: string;
|
|
345
|
+
layoutMain?: string;
|
|
346
|
+
layoutAside?: string;
|
|
347
|
+
layoutFooter?: string;
|
|
348
|
+
layoutPane?: string;
|
|
349
|
+
layoutPaneScrollable?: string;
|
|
350
|
+
layoutPaneBordered?: string;
|
|
351
|
+
layoutPaneMuted?: string;
|
|
352
|
+
layoutPaneSoft?: string;
|
|
353
|
+
layoutPaneTransparent?: string;
|
|
354
|
+
layoutSplitRoot?: string;
|
|
355
|
+
layoutSplitHorizontal?: string;
|
|
356
|
+
layoutSplitVertical?: string;
|
|
357
|
+
layoutSplitPane?: string;
|
|
358
|
+
layoutSplitPrimary?: string;
|
|
359
|
+
layoutSplitSecondary?: string;
|
|
360
|
+
layoutResizeHandle?: string;
|
|
361
|
+
layoutResizeHandleHorizontal?: string;
|
|
362
|
+
layoutResizeHandleVertical?: string;
|
|
363
|
+
layoutResizeHandleDisabled?: string;
|
|
364
|
+
layoutResizeHandleIndicator?: string;
|
|
329
365
|
}
|
|
330
366
|
interface BaseAppearance {
|
|
331
367
|
preset?: BaseThemePresetId;
|
|
@@ -410,6 +446,90 @@ interface BasePanelProps extends Omit<HTMLAttributes<HTMLElement>, 'children' |
|
|
|
410
446
|
classNames?: BasePanelClassNames;
|
|
411
447
|
style?: CSSProperties;
|
|
412
448
|
}
|
|
449
|
+
type BaseLayoutOrientation = 'horizontal' | 'vertical';
|
|
450
|
+
type BaseLayoutSize = number;
|
|
451
|
+
type BaseLayoutGap = number | string;
|
|
452
|
+
type BaseLayoutPaneSurface = 'default' | 'muted' | 'soft' | 'transparent';
|
|
453
|
+
interface BaseLayoutClassNames {
|
|
454
|
+
root?: string;
|
|
455
|
+
header?: string;
|
|
456
|
+
body?: string;
|
|
457
|
+
sidebar?: string;
|
|
458
|
+
main?: string;
|
|
459
|
+
aside?: string;
|
|
460
|
+
footer?: string;
|
|
461
|
+
}
|
|
462
|
+
interface BaseLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> {
|
|
463
|
+
header?: ReactNode;
|
|
464
|
+
sidebar?: ReactNode;
|
|
465
|
+
aside?: ReactNode;
|
|
466
|
+
footer?: ReactNode;
|
|
467
|
+
children?: ReactNode;
|
|
468
|
+
sidebarSize?: number | string;
|
|
469
|
+
asideSize?: number | string;
|
|
470
|
+
gap?: BaseLayoutGap;
|
|
471
|
+
fullHeight?: boolean;
|
|
472
|
+
appearance?: BaseAppearance;
|
|
473
|
+
className?: string;
|
|
474
|
+
classNames?: BaseLayoutClassNames;
|
|
475
|
+
style?: CSSProperties;
|
|
476
|
+
}
|
|
477
|
+
interface BaseLayoutPaneClassNames {
|
|
478
|
+
root?: string;
|
|
479
|
+
}
|
|
480
|
+
interface BaseLayoutPaneProps extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'> {
|
|
481
|
+
as?: 'div' | 'main' | 'aside' | 'section' | 'header' | 'footer' | 'nav';
|
|
482
|
+
scrollable?: boolean;
|
|
483
|
+
bordered?: boolean;
|
|
484
|
+
surface?: BaseLayoutPaneSurface;
|
|
485
|
+
children?: ReactNode;
|
|
486
|
+
appearance?: BaseAppearance;
|
|
487
|
+
className?: string;
|
|
488
|
+
classNames?: BaseLayoutPaneClassNames;
|
|
489
|
+
style?: CSSProperties;
|
|
490
|
+
}
|
|
491
|
+
interface BaseLayoutSplitClassNames {
|
|
492
|
+
root?: string;
|
|
493
|
+
primary?: string;
|
|
494
|
+
secondary?: string;
|
|
495
|
+
handle?: string;
|
|
496
|
+
}
|
|
497
|
+
interface BaseLayoutSplitProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'style'> {
|
|
498
|
+
orientation?: BaseLayoutOrientation;
|
|
499
|
+
primary?: ReactNode;
|
|
500
|
+
secondary?: ReactNode;
|
|
501
|
+
children?: ReactNode;
|
|
502
|
+
resizable?: boolean;
|
|
503
|
+
size?: BaseLayoutSize;
|
|
504
|
+
defaultSize?: BaseLayoutSize;
|
|
505
|
+
minSize?: BaseLayoutSize;
|
|
506
|
+
maxSize?: BaseLayoutSize;
|
|
507
|
+
gap?: BaseLayoutGap;
|
|
508
|
+
keyboardStep?: number;
|
|
509
|
+
resizeLabel?: string;
|
|
510
|
+
appearance?: BaseAppearance;
|
|
511
|
+
className?: string;
|
|
512
|
+
classNames?: BaseLayoutSplitClassNames;
|
|
513
|
+
style?: CSSProperties;
|
|
514
|
+
onSizeChange?: (size: BaseLayoutSize) => void;
|
|
515
|
+
}
|
|
516
|
+
interface BaseLayoutResizeHandleClassNames {
|
|
517
|
+
root?: string;
|
|
518
|
+
indicator?: string;
|
|
519
|
+
}
|
|
520
|
+
interface BaseLayoutResizeHandleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> {
|
|
521
|
+
orientation?: BaseLayoutOrientation;
|
|
522
|
+
resizable?: boolean;
|
|
523
|
+
disabled?: boolean;
|
|
524
|
+
size?: BaseLayoutSize;
|
|
525
|
+
minSize?: BaseLayoutSize;
|
|
526
|
+
maxSize?: BaseLayoutSize;
|
|
527
|
+
label?: string;
|
|
528
|
+
appearance?: BaseAppearance;
|
|
529
|
+
className?: string;
|
|
530
|
+
classNames?: BaseLayoutResizeHandleClassNames;
|
|
531
|
+
style?: CSSProperties;
|
|
532
|
+
}
|
|
413
533
|
interface BaseStateClassNames {
|
|
414
534
|
root?: string;
|
|
415
535
|
icon?: string;
|
|
@@ -507,6 +627,48 @@ interface BaseSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>,
|
|
|
507
627
|
style?: CSSProperties;
|
|
508
628
|
children?: ReactNode;
|
|
509
629
|
}
|
|
630
|
+
interface BaseMultiSelectOption {
|
|
631
|
+
value: string;
|
|
632
|
+
label: ReactNode;
|
|
633
|
+
disabled?: boolean;
|
|
634
|
+
}
|
|
635
|
+
interface BaseMultiSelectClassNames {
|
|
636
|
+
root?: string;
|
|
637
|
+
icon?: string;
|
|
638
|
+
control?: string;
|
|
639
|
+
tagList?: string;
|
|
640
|
+
tag?: string;
|
|
641
|
+
tagLabel?: string;
|
|
642
|
+
tagRemove?: string;
|
|
643
|
+
placeholder?: string;
|
|
644
|
+
chevron?: string;
|
|
645
|
+
menu?: string;
|
|
646
|
+
option?: string;
|
|
647
|
+
optionIndicator?: string;
|
|
648
|
+
optionLabel?: string;
|
|
649
|
+
empty?: string;
|
|
650
|
+
hiddenInput?: string;
|
|
651
|
+
}
|
|
652
|
+
interface BaseMultiSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'style'> {
|
|
653
|
+
options?: BaseMultiSelectOption[];
|
|
654
|
+
value?: string[];
|
|
655
|
+
defaultValue?: string[];
|
|
656
|
+
name?: string;
|
|
657
|
+
placeholder?: ReactNode;
|
|
658
|
+
icon?: ReactNode;
|
|
659
|
+
invalid?: boolean;
|
|
660
|
+
disabled?: boolean;
|
|
661
|
+
required?: boolean;
|
|
662
|
+
openForPreview?: boolean;
|
|
663
|
+
maxTagCount?: number;
|
|
664
|
+
removeLabel?: (option: BaseMultiSelectOption) => string;
|
|
665
|
+
emptyLabel?: ReactNode;
|
|
666
|
+
appearance?: BaseAppearance;
|
|
667
|
+
className?: string;
|
|
668
|
+
classNames?: BaseMultiSelectClassNames;
|
|
669
|
+
style?: CSSProperties;
|
|
670
|
+
onValueChange?: (value: string[]) => void;
|
|
671
|
+
}
|
|
510
672
|
interface BaseSwitchClassNames {
|
|
511
673
|
root?: string;
|
|
512
674
|
input?: string;
|
|
@@ -1207,4 +1369,4 @@ interface BaseAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
|
|
|
1207
1369
|
onValueChange?: (value: string | undefined) => void;
|
|
1208
1370
|
}
|
|
1209
1371
|
|
|
1210
|
-
export type {
|
|
1372
|
+
export type { BaseLayoutPaneClassNames as $, BaseContextMenuRadioGroupProps as A, BaseAccordionClassNames as B, BaseContextMenuRadioItemProps as C, BaseContextMenuSeparatorProps as D, BaseContextMenuSubContentProps as E, BaseContextMenuSubProps as F, BaseContextMenuSubTriggerProps as G, BaseContextMenuTriggerProps as H, BaseDensity as I, BaseDescriptionListClassNames as J, BaseDescriptionListItem as K, BaseDescriptionListProps as L, BaseDialogClassNames as M, BaseDialogProps as N, BaseDividerClassNames as O, BaseDividerProps as P, BaseDropdownMenuClassNames as Q, BaseDropdownMenuItem as R, BaseDropdownMenuPlacement as S, BaseDropdownMenuProps as T, BaseEmptyStateProps as U, BaseFieldClassNames as V, BaseFieldProps as W, BaseInputProps as X, BaseLayoutClassNames as Y, BaseLayoutGap as Z, BaseLayoutOrientation as _, BaseAccordionItem as a, BaseTableSectionClassNames as a$, BaseLayoutPaneProps as a0, BaseLayoutPaneSurface as a1, BaseLayoutProps as a2, BaseLayoutResizeHandleClassNames as a3, BaseLayoutResizeHandleProps as a4, BaseLayoutSize as a5, BaseLayoutSplitClassNames as a6, BaseLayoutSplitProps as a7, BaseLoadingStateProps as a8, BaseMultiSelectClassNames as a9, BaseSwitchProps as aA, BaseTableAlign as aB, BaseTableBodyProps as aC, BaseTableCaptionClassNames as aD, BaseTableCaptionProps as aE, BaseTableCellClassNames as aF, BaseTableCellProps as aG, BaseTableClassNames as aH, BaseTableColumnInteractionOptions as aI, BaseTableColumnOrderChangeDetail as aJ, BaseTableColumnSizeChangeDetail as aK, BaseTableColumnSizes as aL, BaseTableContainerClassNames as aM, BaseTableContainerProps as aN, BaseTableEmptyClassNames as aO, BaseTableEmptyProps as aP, BaseTableFooterBarClassNames as aQ, BaseTableFooterBarProps as aR, BaseTableFooterProps as aS, BaseTableHeaderProps as aT, BaseTableHeadClassNames as aU, BaseTableHeadProps as aV, BaseTableLoadingClassNames as aW, BaseTableLoadingProps as aX, BaseTableProps as aY, BaseTableRowClassNames as aZ, BaseTableRowProps as a_, BaseMultiSelectOption as aa, BaseMultiSelectProps as ab, BaseNoticeClassNames as ac, BaseNoticeProps as ad, BasePanelClassNames as ae, BasePanelProps as af, BasePaginationClassNames as ag, BasePaginationProps as ah, BaseProgressClassNames as ai, BaseProgressProps as aj, BaseRadius as ak, BaseRadioGroupClassNames as al, BaseRadioGroupProps as am, BaseRadioOption as an, BaseResolvedTheme as ao, BaseSectionHeaderClassNames as ap, BaseSectionHeaderProps as aq, BaseSelectOption as ar, BaseSelectProps as as, BaseSegmentedControlClassNames as at, BaseSegmentedControlOption as au, BaseSegmentedControlProps as av, BaseSkeletonClassNames as aw, BaseSkeletonProps as ax, BaseStateClassNames as ay, BaseSwitchClassNames as az, BaseAccordionProps as b, BaseTableSortDirection as b0, BaseTabsClassNames as b1, BaseTabsItem as b2, BaseTabsProps as b3, BaseTextareaProps as b4, BaseTooltipClassNames as b5, BaseTooltipPlacement as b6, BaseTooltipProps as b7, BaseToolbarClassNames as b8, BaseToolbarProps as b9, BaseThemePresetId as ba, BaseThemeSlots as bb, BaseThemeStyles as bc, BaseAppearance as c, BaseAvatarClassNames as d, BaseAvatarProps as e, BaseBackground as f, BaseBadgeClassNames as g, BaseBadgeProps as h, BaseBorder as i, BaseBreadcrumbClassNames as j, BaseBreadcrumbItem as k, BaseBreadcrumbProps as l, BaseButtonClassNames as m, BaseButtonProps as n, BaseCheckboxClassNames as o, BaseCheckboxProps as p, BaseControlClassNames as q, BaseControlTone as r, BaseContextMenuCheckboxItemProps as s, BaseContextMenuClassNames as t, BaseContextMenuContentClassNames as u, BaseContextMenuContentProps as v, BaseContextMenuItemClassNames as w, BaseContextMenuItemProps as x, BaseContextMenuLabelProps as y, BaseContextMenuProps as z };
|