@db-ux/react-core-components 4.9.1 → 4.10.0-esm-94516f3

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 (131) hide show
  1. package/CHANGELOG.md +9 -1
  2. package/README.md +97 -35
  3. package/dist/components/accordion/accordion.js +102 -86
  4. package/dist/components/accordion/model.js +4 -2
  5. package/dist/components/accordion-item/accordion-item.d.ts +2 -1
  6. package/dist/components/accordion-item/accordion-item.js +89 -56
  7. package/dist/components/accordion-item/model.d.ts +4 -0
  8. package/dist/components/badge/badge.js +72 -32
  9. package/dist/components/badge/model.js +12 -1
  10. package/dist/components/brand/brand.js +60 -13
  11. package/dist/components/button/button.js +75 -21
  12. package/dist/components/button/model.js +13 -2
  13. package/dist/components/card/card.js +65 -15
  14. package/dist/components/card/model.js +8 -2
  15. package/dist/components/checkbox/checkbox.js +163 -157
  16. package/dist/components/custom-button/custom-button.js +65 -10
  17. package/dist/components/custom-select/custom-select.js +509 -727
  18. package/dist/components/custom-select/model.js +8 -1
  19. package/dist/components/custom-select-dropdown/custom-select-dropdown.js +62 -11
  20. package/dist/components/custom-select-dropdown/model.js +8 -1
  21. package/dist/components/custom-select-form-field/custom-select-form-field.js +57 -10
  22. package/dist/components/custom-select-list/custom-select-list.js +60 -11
  23. package/dist/components/custom-select-list-item/custom-select-list-item.js +89 -32
  24. package/dist/components/custom-select-list-item/model.js +4 -1
  25. package/dist/components/divider/divider.js +60 -10
  26. package/dist/components/divider/model.js +4 -2
  27. package/dist/components/drawer/drawer.js +118 -97
  28. package/dist/components/drawer/model.js +14 -4
  29. package/dist/components/header/header.js +143 -65
  30. package/dist/components/icon/icon.js +61 -12
  31. package/dist/components/icon/model.js +11 -1
  32. package/dist/components/infotext/infotext.js +62 -12
  33. package/dist/components/input/input.js +198 -167
  34. package/dist/components/input/model.js +21 -5
  35. package/dist/components/link/link.js +70 -12
  36. package/dist/components/link/model.js +8 -3
  37. package/dist/components/navigation/navigation.js +57 -11
  38. package/dist/components/navigation-item/model.d.ts +4 -0
  39. package/dist/components/navigation-item/navigation-item.js +117 -81
  40. package/dist/components/notification/model.js +12 -3
  41. package/dist/components/notification/notification.js +100 -32
  42. package/dist/components/page/model.js +4 -2
  43. package/dist/components/page/page.js +74 -46
  44. package/dist/components/popover/popover.js +126 -125
  45. package/dist/components/radio/radio.js +124 -85
  46. package/dist/components/section/section.js +59 -10
  47. package/dist/components/select/select.js +188 -191
  48. package/dist/components/stack/model.js +14 -4
  49. package/dist/components/stack/stack.js +63 -10
  50. package/dist/components/switch/switch.js +182 -150
  51. package/dist/components/tab-item/tab-item.js +105 -76
  52. package/dist/components/tab-list/tab-list.js +60 -11
  53. package/dist/components/tab-panel/tab-panel.js +59 -13
  54. package/dist/components/tabs/model.js +4 -2
  55. package/dist/components/tabs/tabs.js +191 -178
  56. package/dist/components/tag/model.js +4 -1
  57. package/dist/components/tag/tag.js +91 -32
  58. package/dist/components/textarea/model.js +13 -2
  59. package/dist/components/textarea/textarea.js +165 -150
  60. package/dist/components/tooltip/model.js +4 -1
  61. package/dist/components/tooltip/tooltip.js +119 -115
  62. package/dist/index.js +64 -81
  63. package/dist/shared/constants.js +32 -94
  64. package/dist/shared/figma.d.ts +12 -6
  65. package/dist/shared/model.js +73 -22
  66. package/dist/utils/document-click-listener.js +26 -29
  67. package/dist/utils/document-scroll-listener.js +30 -38
  68. package/dist/utils/floating-components.js +107 -358
  69. package/dist/utils/form-components.js +34 -60
  70. package/dist/utils/index.js +49 -167
  71. package/dist/utils/navigation.js +68 -135
  72. package/dist/utils/react.js +10 -15
  73. package/package.json +11 -8
  74. package/dist/components/accordion/index.js +0 -1
  75. package/dist/components/accordion-item/index.js +0 -1
  76. package/dist/components/accordion-item/model.js +0 -1
  77. package/dist/components/badge/index.js +0 -1
  78. package/dist/components/brand/index.js +0 -1
  79. package/dist/components/brand/model.js +0 -1
  80. package/dist/components/button/index.js +0 -1
  81. package/dist/components/card/index.js +0 -1
  82. package/dist/components/checkbox/index.js +0 -1
  83. package/dist/components/checkbox/model.js +0 -1
  84. package/dist/components/custom-button/index.js +0 -1
  85. package/dist/components/custom-button/model.js +0 -1
  86. package/dist/components/custom-select/index.js +0 -1
  87. package/dist/components/custom-select-dropdown/index.js +0 -1
  88. package/dist/components/custom-select-form-field/index.js +0 -1
  89. package/dist/components/custom-select-form-field/model.js +0 -1
  90. package/dist/components/custom-select-list/index.js +0 -1
  91. package/dist/components/custom-select-list/model.js +0 -1
  92. package/dist/components/custom-select-list-item/index.js +0 -1
  93. package/dist/components/divider/index.js +0 -1
  94. package/dist/components/drawer/index.js +0 -1
  95. package/dist/components/header/index.js +0 -1
  96. package/dist/components/header/model.js +0 -1
  97. package/dist/components/icon/index.js +0 -1
  98. package/dist/components/infotext/index.js +0 -1
  99. package/dist/components/infotext/model.js +0 -1
  100. package/dist/components/input/index.js +0 -1
  101. package/dist/components/link/index.js +0 -1
  102. package/dist/components/navigation/index.js +0 -1
  103. package/dist/components/navigation/model.js +0 -1
  104. package/dist/components/navigation-item/index.js +0 -1
  105. package/dist/components/navigation-item/model.js +0 -1
  106. package/dist/components/notification/index.js +0 -1
  107. package/dist/components/page/index.js +0 -1
  108. package/dist/components/popover/index.js +0 -1
  109. package/dist/components/popover/model.js +0 -1
  110. package/dist/components/radio/index.js +0 -1
  111. package/dist/components/radio/model.js +0 -1
  112. package/dist/components/section/index.js +0 -1
  113. package/dist/components/section/model.js +0 -1
  114. package/dist/components/select/index.js +0 -1
  115. package/dist/components/select/model.js +0 -1
  116. package/dist/components/stack/index.js +0 -1
  117. package/dist/components/switch/index.js +0 -1
  118. package/dist/components/switch/model.js +0 -1
  119. package/dist/components/tab-item/index.js +0 -1
  120. package/dist/components/tab-item/model.js +0 -1
  121. package/dist/components/tab-list/index.js +0 -1
  122. package/dist/components/tab-list/model.js +0 -1
  123. package/dist/components/tab-panel/index.js +0 -1
  124. package/dist/components/tab-panel/model.js +0 -1
  125. package/dist/components/tabs/index.js +0 -1
  126. package/dist/components/tag/index.js +0 -1
  127. package/dist/components/textarea/index.js +0 -1
  128. package/dist/components/tooltip/index.js +0 -1
  129. package/dist/shared/examples/index.js +0 -4
  130. package/dist/shared/figma.js +0 -1
  131. 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
- }