@db-ux/react-core-components 4.9.0 → 4.10.0

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.
Files changed (166) hide show
  1. package/CHANGELOG.md +17 -1
  2. package/README.md +97 -35
  3. package/dist/components/accordion/accordion.js +102 -86
  4. package/dist/components/accordion/model.d.ts +2 -2
  5. package/dist/components/accordion/model.js +4 -2
  6. package/dist/components/accordion-item/accordion-item.d.ts +2 -1
  7. package/dist/components/accordion-item/accordion-item.js +89 -56
  8. package/dist/components/accordion-item/model.d.ts +5 -1
  9. package/dist/components/badge/badge.js +72 -32
  10. package/dist/components/badge/model.d.ts +1 -1
  11. package/dist/components/badge/model.js +12 -1
  12. package/dist/components/brand/brand.js +60 -13
  13. package/dist/components/brand/model.d.ts +1 -1
  14. package/dist/components/button/button.js +75 -21
  15. package/dist/components/button/model.d.ts +1 -1
  16. package/dist/components/button/model.js +13 -2
  17. package/dist/components/card/card.js +65 -15
  18. package/dist/components/card/model.d.ts +1 -1
  19. package/dist/components/card/model.js +8 -2
  20. package/dist/components/checkbox/checkbox.js +163 -157
  21. package/dist/components/checkbox/model.d.ts +1 -1
  22. package/dist/components/custom-button/custom-button.js +65 -10
  23. package/dist/components/custom-button/model.d.ts +2 -2
  24. package/dist/components/custom-select/custom-select.js +509 -727
  25. package/dist/components/custom-select/model.d.ts +4 -4
  26. package/dist/components/custom-select/model.js +8 -1
  27. package/dist/components/custom-select-dropdown/custom-select-dropdown.js +62 -11
  28. package/dist/components/custom-select-dropdown/model.d.ts +1 -1
  29. package/dist/components/custom-select-dropdown/model.js +8 -1
  30. package/dist/components/custom-select-form-field/custom-select-form-field.js +57 -10
  31. package/dist/components/custom-select-form-field/model.d.ts +1 -1
  32. package/dist/components/custom-select-list/custom-select-list.js +60 -11
  33. package/dist/components/custom-select-list/model.d.ts +1 -1
  34. package/dist/components/custom-select-list-item/custom-select-list-item.js +89 -32
  35. package/dist/components/custom-select-list-item/model.d.ts +1 -1
  36. package/dist/components/custom-select-list-item/model.js +4 -1
  37. package/dist/components/divider/divider.js +60 -10
  38. package/dist/components/divider/model.d.ts +1 -1
  39. package/dist/components/divider/model.js +4 -2
  40. package/dist/components/drawer/drawer.js +118 -97
  41. package/dist/components/drawer/model.d.ts +1 -1
  42. package/dist/components/drawer/model.js +14 -4
  43. package/dist/components/header/header.js +143 -65
  44. package/dist/components/header/model.d.ts +1 -1
  45. package/dist/components/icon/icon.js +61 -12
  46. package/dist/components/icon/model.d.ts +1 -1
  47. package/dist/components/icon/model.js +11 -1
  48. package/dist/components/infotext/infotext.js +62 -12
  49. package/dist/components/infotext/model.d.ts +1 -1
  50. package/dist/components/input/input.js +198 -167
  51. package/dist/components/input/model.d.ts +1 -1
  52. package/dist/components/input/model.js +21 -5
  53. package/dist/components/link/link.js +70 -12
  54. package/dist/components/link/model.d.ts +1 -1
  55. package/dist/components/link/model.js +8 -3
  56. package/dist/components/navigation/model.d.ts +1 -1
  57. package/dist/components/navigation/navigation.js +57 -11
  58. package/dist/components/navigation-item/model.d.ts +6 -2
  59. package/dist/components/navigation-item/navigation-item.js +117 -81
  60. package/dist/components/notification/model.d.ts +1 -1
  61. package/dist/components/notification/model.js +12 -3
  62. package/dist/components/notification/notification.js +100 -32
  63. package/dist/components/page/model.d.ts +1 -1
  64. package/dist/components/page/model.js +4 -2
  65. package/dist/components/page/page.js +74 -46
  66. package/dist/components/popover/model.d.ts +1 -1
  67. package/dist/components/popover/popover.js +126 -125
  68. package/dist/components/radio/model.d.ts +1 -1
  69. package/dist/components/radio/radio.js +124 -85
  70. package/dist/components/section/model.d.ts +1 -1
  71. package/dist/components/section/section.js +59 -10
  72. package/dist/components/select/model.d.ts +1 -1
  73. package/dist/components/select/select.js +188 -191
  74. package/dist/components/stack/model.d.ts +1 -1
  75. package/dist/components/stack/model.js +14 -4
  76. package/dist/components/stack/stack.js +63 -10
  77. package/dist/components/switch/model.d.ts +1 -1
  78. package/dist/components/switch/switch.js +182 -150
  79. package/dist/components/tab-item/model.d.ts +1 -1
  80. package/dist/components/tab-item/tab-item.js +105 -76
  81. package/dist/components/tab-list/model.d.ts +1 -1
  82. package/dist/components/tab-list/tab-list.js +60 -11
  83. package/dist/components/tab-panel/model.d.ts +1 -1
  84. package/dist/components/tab-panel/tab-panel.js +59 -13
  85. package/dist/components/tabs/model.d.ts +3 -3
  86. package/dist/components/tabs/model.js +4 -2
  87. package/dist/components/tabs/tabs.js +191 -178
  88. package/dist/components/tag/model.d.ts +1 -1
  89. package/dist/components/tag/model.js +4 -1
  90. package/dist/components/tag/tag.js +91 -32
  91. package/dist/components/textarea/model.d.ts +1 -1
  92. package/dist/components/textarea/model.js +13 -2
  93. package/dist/components/textarea/textarea.js +165 -150
  94. package/dist/components/tooltip/model.d.ts +1 -1
  95. package/dist/components/tooltip/model.js +4 -1
  96. package/dist/components/tooltip/tooltip.js +119 -115
  97. package/dist/index.js +64 -81
  98. package/dist/shared/constants.js +32 -94
  99. package/dist/shared/figma.d.ts +12 -6
  100. package/dist/shared/model.js +73 -22
  101. package/dist/utils/document-click-listener.js +26 -29
  102. package/dist/utils/document-scroll-listener.js +30 -38
  103. package/dist/utils/floating-components.js +107 -358
  104. package/dist/utils/form-components.js +34 -60
  105. package/dist/utils/index.js +49 -167
  106. package/dist/utils/navigation.js +68 -135
  107. package/dist/utils/react.js +10 -15
  108. package/package.json +11 -8
  109. package/dist/components/accordion/index.js +0 -1
  110. package/dist/components/accordion-item/index.js +0 -1
  111. package/dist/components/accordion-item/model.js +0 -1
  112. package/dist/components/badge/index.js +0 -1
  113. package/dist/components/brand/index.js +0 -1
  114. package/dist/components/brand/model.js +0 -1
  115. package/dist/components/button/index.js +0 -1
  116. package/dist/components/card/index.js +0 -1
  117. package/dist/components/checkbox/index.js +0 -1
  118. package/dist/components/checkbox/model.js +0 -1
  119. package/dist/components/custom-button/index.js +0 -1
  120. package/dist/components/custom-button/model.js +0 -1
  121. package/dist/components/custom-select/index.js +0 -1
  122. package/dist/components/custom-select-dropdown/index.js +0 -1
  123. package/dist/components/custom-select-form-field/index.js +0 -1
  124. package/dist/components/custom-select-form-field/model.js +0 -1
  125. package/dist/components/custom-select-list/index.js +0 -1
  126. package/dist/components/custom-select-list/model.js +0 -1
  127. package/dist/components/custom-select-list-item/index.js +0 -1
  128. package/dist/components/divider/index.js +0 -1
  129. package/dist/components/drawer/index.js +0 -1
  130. package/dist/components/header/index.js +0 -1
  131. package/dist/components/header/model.js +0 -1
  132. package/dist/components/icon/index.js +0 -1
  133. package/dist/components/infotext/index.js +0 -1
  134. package/dist/components/infotext/model.js +0 -1
  135. package/dist/components/input/index.js +0 -1
  136. package/dist/components/link/index.js +0 -1
  137. package/dist/components/navigation/index.js +0 -1
  138. package/dist/components/navigation/model.js +0 -1
  139. package/dist/components/navigation-item/index.js +0 -1
  140. package/dist/components/navigation-item/model.js +0 -1
  141. package/dist/components/notification/index.js +0 -1
  142. package/dist/components/page/index.js +0 -1
  143. package/dist/components/popover/index.js +0 -1
  144. package/dist/components/popover/model.js +0 -1
  145. package/dist/components/radio/index.js +0 -1
  146. package/dist/components/radio/model.js +0 -1
  147. package/dist/components/section/index.js +0 -1
  148. package/dist/components/section/model.js +0 -1
  149. package/dist/components/select/index.js +0 -1
  150. package/dist/components/select/model.js +0 -1
  151. package/dist/components/stack/index.js +0 -1
  152. package/dist/components/switch/index.js +0 -1
  153. package/dist/components/switch/model.js +0 -1
  154. package/dist/components/tab-item/index.js +0 -1
  155. package/dist/components/tab-item/model.js +0 -1
  156. package/dist/components/tab-list/index.js +0 -1
  157. package/dist/components/tab-list/model.js +0 -1
  158. package/dist/components/tab-panel/index.js +0 -1
  159. package/dist/components/tab-panel/model.js +0 -1
  160. package/dist/components/tabs/index.js +0 -1
  161. package/dist/components/tag/index.js +0 -1
  162. package/dist/components/textarea/index.js +0 -1
  163. package/dist/components/tooltip/index.js +0 -1
  164. package/dist/shared/examples/index.js +0 -4
  165. package/dist/shared/figma.js +0 -1
  166. package/dist/shared/showcase/show-code-link.js +0 -51
package/dist/components/radio/model.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/dist/components/section/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBSection } from './section';
package/dist/components/section/model.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/dist/components/select/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBSelect } from './select';
package/dist/components/select/model.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/dist/components/stack/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBStack } from './stack';
package/dist/components/switch/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBSwitch } from './switch';
package/dist/components/switch/model.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/dist/components/tab-item/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBTabItem } from './tab-item';
package/dist/components/tab-item/model.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/dist/components/tab-list/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBTabList } from './tab-list';
package/dist/components/tab-list/model.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/dist/components/tab-panel/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBTabPanel } from './tab-panel';
package/dist/components/tab-panel/model.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/dist/components/tabs/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBTabs } from './tabs';
package/dist/components/tag/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBTag } from './tag';
package/dist/components/textarea/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBTextarea } from './textarea';
package/dist/components/tooltip/index.js DELETED
@@ -1 +0,0 @@
1
- export { default as DBTooltip } from './tooltip';
package/dist/shared/examples/index.js DELETED
@@ -1,4 +0,0 @@
1
- /**
2
- * A mock function for examples
3
- */
4
- export const fn = () => { };
package/dist/shared/figma.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/dist/shared/showcase/show-code-link.js DELETED
@@ -1,51 +0,0 @@
1
- const LOCALHOST_STORYBOOK_PORT_MAP = {
2
- react: '6005',
3
- angular: '6006',
4
- vue: '6007',
5
- html: '6001'
6
- };
7
- const DEFAULT_FRAMEWORK = 'react';
8
- const NON_COMPONENT_ROUTE_SEGMENTS = new Set(['docs', 'overview']);
9
- /**
10
- * Builds the Storybook docs path for a component route.
11
- * @param pathname - URL pathname (e.g., "/docs/components/my-button")
12
- * @returns Storybook docs path or undefined when no component segment is available
13
- */
14
- function buildStorybookDocsPathname(pathname) {
15
- const segments = pathname.split('/').filter(Boolean);
16
- const componentsIndex = segments.indexOf('components');
17
- const routeSegments = segments.slice(componentsIndex + 1);
18
- if (componentsIndex === -1 || routeSegments.length === 0) {
19
- return undefined;
20
- }
21
- let componentName = routeSegments.at(-1);
22
- if (componentName && NON_COMPONENT_ROUTE_SEGMENTS.has(componentName) && routeSegments.length > 1) {
23
- componentName = routeSegments.at(-2);
24
- }
25
- if (!componentName) {
26
- return undefined;
27
- }
28
- const normalizedComponentName = componentName.replace(/-/g, '');
29
- return `/docs/components-db${normalizedComponentName}`;
30
- }
31
- /**
32
- * Resolves the framework-specific Storybook URL for the current component page.
33
- * @param currentUrl - Current page URL
34
- * @param frameworkRaw - Framework name ('react', 'angular', 'vue', 'html')
35
- * @returns Storybook URL or undefined when the component route cannot be determined
36
- */
37
- export function getShowCodeHref(currentUrl, frameworkRaw) {
38
- const framework = (frameworkRaw || DEFAULT_FRAMEWORK).toLowerCase();
39
- const url = new URL(currentUrl);
40
- const componentsIndex = url.pathname.indexOf('/components/');
41
- const docsPath = buildStorybookDocsPathname(url.pathname);
42
- if (componentsIndex === -1 || !docsPath) {
43
- return undefined;
44
- }
45
- if (url.hostname === 'localhost' || url.hostname === '127.0.0.1') {
46
- const port = LOCALHOST_STORYBOOK_PORT_MAP[framework] || LOCALHOST_STORYBOOK_PORT_MAP[DEFAULT_FRAMEWORK];
47
- return `${url.protocol}//${url.hostname}:${port}/?path=${docsPath}`;
48
- }
49
- const basePath = url.pathname.slice(0, componentsIndex);
50
- return `${url.origin}${basePath}/${framework}-storybook?path=${docsPath}`;
51
- }