@arbor-education/design-system.components 0.0.7 → 0.1.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 (143) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/button/Button.d.ts +3 -3
  3. package/dist/components/button/Button.d.ts.map +1 -1
  4. package/dist/components/button/Button.js +7 -6
  5. package/dist/components/button/Button.js.map +1 -1
  6. package/dist/components/button/Button.test.js +1 -1
  7. package/dist/components/button/Button.test.js.map +1 -1
  8. package/dist/components/dropdown/Dropdown.d.ts +15 -0
  9. package/dist/components/dropdown/Dropdown.d.ts.map +1 -0
  10. package/dist/components/dropdown/Dropdown.js +15 -0
  11. package/dist/components/dropdown/Dropdown.js.map +1 -0
  12. package/dist/components/dropdown/Dropdown.stories.d.ts +20 -0
  13. package/dist/components/dropdown/Dropdown.stories.d.ts.map +1 -0
  14. package/dist/components/dropdown/Dropdown.stories.js +30 -0
  15. package/dist/components/dropdown/Dropdown.stories.js.map +1 -0
  16. package/dist/components/dropdown/Dropdown.test.d.ts.map +1 -0
  17. package/dist/components/dropdown/Dropdown.test.js +136 -0
  18. package/dist/components/dropdown/Dropdown.test.js.map +1 -0
  19. package/dist/components/dropdown/DropdownContent.d.ts +9 -0
  20. package/dist/components/dropdown/DropdownContent.d.ts.map +1 -0
  21. package/dist/components/dropdown/DropdownContent.js +10 -0
  22. package/dist/components/dropdown/DropdownContent.js.map +1 -0
  23. package/dist/components/dropdown/DropdownTrigger.d.ts +5 -0
  24. package/dist/components/dropdown/DropdownTrigger.d.ts.map +1 -0
  25. package/dist/components/dropdown/DropdownTrigger.js +7 -0
  26. package/dist/components/dropdown/DropdownTrigger.js.map +1 -0
  27. package/dist/components/dropdown/items/DropdownItem.d.ts +3 -0
  28. package/dist/components/dropdown/items/DropdownItem.d.ts.map +1 -0
  29. package/dist/components/dropdown/items/DropdownItem.js +8 -0
  30. package/dist/components/dropdown/items/DropdownItem.js.map +1 -0
  31. package/dist/components/dropdown/items/DropdownSelectItem.d.ts +8 -0
  32. package/dist/components/dropdown/items/DropdownSelectItem.d.ts.map +1 -0
  33. package/dist/components/dropdown/items/DropdownSelectItem.js +11 -0
  34. package/dist/components/dropdown/items/DropdownSelectItem.js.map +1 -0
  35. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts +11 -0
  36. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts.map +1 -0
  37. package/dist/components/formField/inputs/{dropdown/Dropdown.js → selectDropdown/SelectDropdown.js} +20 -9
  38. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js.map +1 -0
  39. package/dist/components/formField/inputs/{dropdown/Dropdown.stories.d.ts → selectDropdown/SelectDropdown.stories.d.ts} +3 -3
  40. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts.map +1 -0
  41. package/dist/components/formField/inputs/{dropdown/Dropdown.stories.js → selectDropdown/SelectDropdown.stories.js} +4 -4
  42. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js.map +1 -0
  43. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.d.ts +2 -0
  44. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.d.ts.map +1 -0
  45. package/dist/components/formField/inputs/{dropdown/Dropdown.test.js → selectDropdown/SelectDropdown.test.js} +14 -14
  46. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js.map +1 -0
  47. package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.d.ts +16 -0
  48. package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.d.ts.map +1 -0
  49. package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.js +13 -0
  50. package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.js.map +1 -0
  51. package/dist/components/heading/Heading.stories.js +3 -3
  52. package/dist/components/heading/Heading.stories.js.map +1 -1
  53. package/dist/components/section/Section.d.ts +2 -2
  54. package/dist/components/section/Section.d.ts.map +1 -1
  55. package/dist/components/section/Section.js +2 -2
  56. package/dist/components/section/Section.js.map +1 -1
  57. package/dist/components/section/Section.test.js +1 -1
  58. package/dist/components/section/Section.test.js.map +1 -1
  59. package/dist/components/slideover/Slideover.js +1 -1
  60. package/dist/components/slideover/Slideover.js.map +1 -1
  61. package/dist/components/slideoverManager/SlideoverManager.stories.js +7 -7
  62. package/dist/components/slideoverManager/SlideoverManager.stories.js.map +1 -1
  63. package/dist/components/table/BulkActionsDropdown.d.ts.map +1 -1
  64. package/dist/components/table/BulkActionsDropdown.js +3 -4
  65. package/dist/components/table/BulkActionsDropdown.js.map +1 -1
  66. package/dist/components/table/Table.stories.js +3 -3
  67. package/dist/components/table/Table.stories.js.map +1 -1
  68. package/dist/components/table/Table.test.js +5 -5
  69. package/dist/components/table/Table.test.js.map +1 -1
  70. package/dist/index.css +70 -159
  71. package/dist/index.css.map +1 -1
  72. package/dist/index.d.ts +2 -1
  73. package/dist/index.d.ts.map +1 -1
  74. package/dist/index.js +2 -1
  75. package/dist/index.js.map +1 -1
  76. package/package.json +1 -1
  77. package/release/design-system.components.tgz +0 -0
  78. package/src/components/button/Button.test.tsx +1 -1
  79. package/src/components/button/Button.tsx +10 -7
  80. package/src/components/dropdown/Dropdown.stories.tsx +62 -0
  81. package/src/components/dropdown/Dropdown.test.tsx +368 -0
  82. package/src/components/dropdown/Dropdown.tsx +19 -0
  83. package/src/components/dropdown/DropdownContent.tsx +22 -0
  84. package/src/components/dropdown/DropdownTrigger.tsx +10 -0
  85. package/src/components/dropdown/dropdown.scss +48 -0
  86. package/src/components/dropdown/items/DropdownItem.tsx +11 -0
  87. package/src/components/dropdown/items/DropdownSelectItem.tsx +28 -0
  88. package/src/components/formField/inputs/{dropdown/Dropdown.stories.tsx → selectDropdown/SelectDropdown.stories.tsx} +4 -4
  89. package/src/components/formField/inputs/{dropdown/Dropdown.test.tsx → selectDropdown/SelectDropdown.test.tsx} +13 -13
  90. package/src/components/formField/inputs/selectDropdown/SelectDropdown.tsx +102 -0
  91. package/src/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.tsx +46 -0
  92. package/src/components/formField/inputs/selectDropdown/selectDropdown.scss +22 -0
  93. package/src/components/heading/Heading.stories.tsx +3 -3
  94. package/src/components/icon/icon.scss +3 -0
  95. package/src/components/section/Section.test.tsx +1 -1
  96. package/src/components/section/Section.tsx +4 -4
  97. package/src/components/slideover/Slideover.tsx +1 -1
  98. package/src/components/slideoverManager/SlideoverManager.stories.tsx +14 -14
  99. package/src/components/table/BulkActionsDropdown.tsx +19 -23
  100. package/src/components/table/Table.stories.tsx +4 -4
  101. package/src/components/table/Table.test.tsx +5 -5
  102. package/src/index.scss +3 -5
  103. package/src/index.ts +2 -1
  104. package/src/tokens.scss +1 -0
  105. package/dist/components/formField/inputs/dropdown/Dropdown.d.ts +0 -11
  106. package/dist/components/formField/inputs/dropdown/Dropdown.d.ts.map +0 -1
  107. package/dist/components/formField/inputs/dropdown/Dropdown.js.map +0 -1
  108. package/dist/components/formField/inputs/dropdown/Dropdown.stories.d.ts.map +0 -1
  109. package/dist/components/formField/inputs/dropdown/Dropdown.stories.js.map +0 -1
  110. package/dist/components/formField/inputs/dropdown/Dropdown.test.d.ts.map +0 -1
  111. package/dist/components/formField/inputs/dropdown/Dropdown.test.js.map +0 -1
  112. package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts +0 -12
  113. package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts.map +0 -1
  114. package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js +0 -15
  115. package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js.map +0 -1
  116. package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts +0 -10
  117. package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts.map +0 -1
  118. package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js +0 -12
  119. package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js.map +0 -1
  120. package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts +0 -9
  121. package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts.map +0 -1
  122. package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js +0 -21
  123. package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js.map +0 -1
  124. package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts +0 -7
  125. package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts.map +0 -1
  126. package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js +0 -16
  127. package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js.map +0 -1
  128. package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts +0 -17
  129. package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts.map +0 -1
  130. package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js +0 -151
  131. package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js.map +0 -1
  132. package/src/components/formField/inputs/dropdown/Dropdown.tsx +0 -82
  133. package/src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx +0 -44
  134. package/src/components/formField/inputs/dropdown/buttons/dropdownButton/dropdownButton.scss +0 -12
  135. package/src/components/formField/inputs/dropdown/dropdown.scss +0 -24
  136. package/src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx +0 -38
  137. package/src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx +0 -53
  138. package/src/components/formField/inputs/dropdown/items/dropdownItem/dropdownItem.scss +0 -62
  139. package/src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx +0 -48
  140. package/src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/dropdownMultiLineItem.scss +0 -52
  141. package/src/components/formField/inputs/dropdown/wrapper/DropdownWrapper.tsx +0 -248
  142. package/src/components/formField/inputs/dropdown/wrapper/dropdownWrapper.scss +0 -37
  143. /package/dist/components/{formField/inputs/dropdown → dropdown}/Dropdown.test.d.ts +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  ## 0.0.5
2
2
 
3
+ ## 0.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#69](https://github.com/arbor-education/design-system.components/pull/69) [`596f742`](https://github.com/arbor-education/design-system.components/commit/596f7428b3b911d5baf362d6b81f22dbc623aca7) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-67073 new generic dropdown and rename Dropdown to SelectDropdown
8
+
9
+ - [#62](https://github.com/arbor-education/design-system.components/pull/62) [`300bee6`](https://github.com/arbor-education/design-system.components/commit/300bee65a097ccc571cc5d734a202ce868931da9) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-67073 Change type prop to variant in Button
10
+
11
+ ### Patch Changes
12
+
13
+ - [#69](https://github.com/arbor-education/design-system.components/pull/69) [`596f742`](https://github.com/arbor-education/design-system.components/commit/596f7428b3b911d5baf362d6b81f22dbc623aca7) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - Bugfix: remove extra spacing on checkbox when theres no label
14
+
3
15
  ## 0.0.7
4
16
 
5
17
  ### Patch Changes
@@ -1,9 +1,9 @@
1
1
  import React, { type ButtonHTMLAttributes } from 'react';
2
2
  import type { IconName } from '../icon/allowedIcons';
3
- export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'primary-destructive' | 'secondary-destructive' | 'text-link' | 'dropdown';
3
+ export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'primary-destructive' | 'secondary-destructive' | 'text-link' | 'dropdown';
4
4
  export type ButtonSize = 'M' | 'S';
5
5
  export type ButtonProps = {
6
- type?: ButtonType;
6
+ variant?: ButtonVariant;
7
7
  size?: ButtonSize;
8
8
  children?: React.ReactNode;
9
9
  className?: string;
@@ -15,5 +15,5 @@ export type ButtonProps = {
15
15
  iconLeftName?: IconName;
16
16
  iconLeftScreenReaderText?: string;
17
17
  } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
18
- export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const Button: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<ButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
19
19
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE3I,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAqCxC,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,KAAK,oBAAoB,EAA0B,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE9I,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D,eAAO,MAAM,MAAM,6HAsCjB,CAAC"}
@@ -1,13 +1,14 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import classNames from 'classnames';
3
- import React, {} from 'react';
3
+ import React, { forwardRef } from 'react';
4
4
  import { Icon } from '../icon/Icon';
5
- export const Button = (props) => {
6
- const { type = 'primary', size = 'M', children, onClick, disabled = false, className = '', hasHorizontalPadding = true, iconRightName, iconRightScreenReaderText, iconLeftName, iconLeftScreenReaderText, ...rest } = props;
7
- return (_jsxs("button", { className: classNames('ds-button', `ds-button--${type}`, `ds-button--${size}`, {
5
+ export const Button = forwardRef((props, ref) => {
6
+ const { variant = 'primary', size = 'M', children, onClick, disabled = false, className = '', hasHorizontalPadding = true, iconRightName, iconRightScreenReaderText, iconLeftName, iconLeftScreenReaderText, ...rest } = props;
7
+ return (_jsxs("button", { className: classNames('ds-button', `ds-button--${variant}`, `ds-button--${size}`, {
8
8
  'ds-button--error': props.error,
9
9
  'ds-button--no-horizontal-padding': !hasHorizontalPadding,
10
10
  'ds-button--icon-only': !children && (iconRightName || iconLeftName),
11
- }, className), onClick: onClick, disabled: disabled, ...rest, children: [iconLeftName && _jsx(Icon, { name: iconLeftName, size: 16, screenReaderText: iconLeftScreenReaderText || iconLeftName }), children, iconRightName && _jsx(Icon, { name: iconRightName, size: 16, screenReaderText: iconRightScreenReaderText || iconRightName })] }));
12
- };
11
+ }, className), onClick: onClick, disabled: disabled, ref: ref, ...rest, children: [iconLeftName && _jsx(Icon, { name: iconLeftName, size: 16, screenReaderText: iconLeftScreenReaderText || iconLeftName }), children, iconRightName && _jsx(Icon, { name: iconRightName, size: 16, screenReaderText: iconRightScreenReaderText || iconRightName })] }));
12
+ });
13
+ Button.displayName = 'Button';
13
14
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAoB5C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,oBAAoB,GAAG,IAAI,EAC3B,aAAa,EACb,yBAAyB,EACzB,YAAY,EACZ,wBAAwB,EACxB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAC/B,cAAc,IAAI,EAAE,EACpB,cAAc,IAAI,EAAE,EACpB;YACE,kBAAkB,EAAE,KAAK,CAAC,KAAK;YAC/B,kCAAkC,EAAE,CAAC,oBAAoB;YACzD,sBAAsB,EAAE,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,YAAY,CAAC;SACrE,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,IAAI,aAEP,YAAY,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,wBAAwB,IAAI,YAAY,GAAI,EAClH,QAAQ,EACR,aAAa,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,yBAAyB,IAAI,aAAa,GAAI,IAChH,CACV,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAqD,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAoB5C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAoD,CAAC,KAAkB,EAAE,GAAG,EAAE,EAAE;IAC9G,MAAM,EACJ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,oBAAoB,GAAG,IAAI,EAC3B,aAAa,EACb,yBAAyB,EACzB,YAAY,EACZ,wBAAwB,EACxB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAC/B,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,EACpB;YACE,kBAAkB,EAAE,KAAK,CAAC,KAAK;YAC/B,kCAAkC,EAAE,CAAC,oBAAoB;YACzD,sBAAsB,EAAE,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,YAAY,CAAC;SACrE,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,IAAI,aAEP,YAAY,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,wBAAwB,IAAI,YAAY,GAAI,EAClH,QAAQ,EACR,aAAa,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,yBAAyB,IAAI,aAAa,GAAI,IAChH,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
@@ -35,7 +35,7 @@ describe('Button component', () => {
35
35
  expect(button).toHaveClass('ds-button--primary');
36
36
  });
37
37
  test('applies correct type class when specified', () => {
38
- render(_jsx(Button, { type: "secondary", children: "Button Text" }));
38
+ render(_jsx(Button, { variant: "secondary", children: "Button Text" }));
39
39
  const button = screen.getByText('Button Text').closest('button');
40
40
  expect(button).toHaveClass('ds-button--secondary');
41
41
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/button/Button.test.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/button/Button.test.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import { DropdownMenu } from 'radix-ui';
2
+ export declare const Dropdown: {
3
+ (props: DropdownMenu.DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
4
+ Trigger: (props: DropdownMenu.DropdownMenuTriggerProps & {
5
+ children: React.ReactElement;
6
+ }) => import("react/jsx-runtime").JSX.Element;
7
+ Content: (props: {
8
+ children: React.ReactNode;
9
+ portalProps?: DropdownMenu.DropdownMenuPortalProps;
10
+ contentProps?: DropdownMenu.DropdownMenuContentProps;
11
+ }) => import("react/jsx-runtime").JSX.Element;
12
+ Item: (props: DropdownMenu.DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
13
+ SelectItem: (props: import("./items/DropdownSelectItem").DropdowSelectItemProps) => import("react/jsx-runtime").JSX.Element;
14
+ };
15
+ //# sourceMappingURL=Dropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAMxC,eAAO,MAAM,QAAQ;YAAW,YAAY,CAAC,iBAAiB;;;;;;;;;;;CAO7D,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { DropdownMenu } from 'radix-ui';
3
+ import { DropdownTrigger } from './DropdownTrigger';
4
+ import { DropdownContent } from './DropdownContent';
5
+ import { DropdownItem } from './items/DropdownItem';
6
+ import { DropdownSelectItem } from './items/DropdownSelectItem';
7
+ export const Dropdown = (props) => {
8
+ const { children, ...rest } = props;
9
+ return (_jsx(DropdownMenu.Root, { ...rest, children: children }));
10
+ };
11
+ Dropdown.Trigger = DropdownTrigger;
12
+ Dropdown.Content = DropdownContent;
13
+ Dropdown.Item = DropdownItem;
14
+ Dropdown.SelectItem = DropdownSelectItem;
15
+ //# sourceMappingURL=Dropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAqC,EAAE,EAAE;IAChE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,YAAY,CAAC,IAAI,OAAK,IAAI,YACxB,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC;AACnC,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC;AACnC,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC;AAC7B,QAAQ,CAAC,UAAU,GAAG,kBAAkB,CAAC"}
@@ -0,0 +1,20 @@
1
+ import type { Meta } from '@storybook/react-vite';
2
+ import { Dropdown } from './Dropdown';
3
+ declare const meta: Meta<typeof Dropdown>;
4
+ export declare const Default: {
5
+ args: {
6
+ children: import("react/jsx-runtime").JSX.Element[];
7
+ };
8
+ };
9
+ export declare const DropdownWithItems: {
10
+ args: {
11
+ children: import("react/jsx-runtime").JSX.Element[];
12
+ };
13
+ };
14
+ export declare const DropdownWithSelectItems: {
15
+ args: {
16
+ children: import("react/jsx-runtime").JSX.Element[];
17
+ };
18
+ };
19
+ export default meta;
20
+ //# sourceMappingURL=Dropdown.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAcnB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;CAgB7B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;CAgBnC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Dropdown } from './Dropdown';
3
+ import { Button } from '../button/Button';
4
+ const meta = {
5
+ title: 'Components/Dropdown',
6
+ component: Dropdown,
7
+ };
8
+ export const Default = {
9
+ args: {
10
+ children: [
11
+ _jsxs(_Fragment, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { type: "primary", children: "Click me!" }) }), _jsx(Dropdown.Content, { children: _jsx("div", { children: "Content" }) })] }),
12
+ ],
13
+ },
14
+ };
15
+ export const DropdownWithItems = {
16
+ args: {
17
+ children: [
18
+ _jsxs(_Fragment, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { type: "primary", children: "Click me!" }) }), _jsxs(Dropdown.Content, { children: [_jsx(Dropdown.Item, { onClick: () => { console.log('Item 1'); }, children: "Item 1" }), _jsx(Dropdown.Item, { onClick: () => { console.log('Item 2'); }, children: "Item 2" }), _jsx(Dropdown.Item, { onClick: () => { console.log('Item 3'); }, children: "Item 3" })] })] }),
19
+ ],
20
+ },
21
+ };
22
+ export const DropdownWithSelectItems = {
23
+ args: {
24
+ children: [
25
+ _jsxs(_Fragment, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { type: "primary", children: "Click me!" }) }), _jsxs(Dropdown.Content, { children: [_jsx(Dropdown.SelectItem, { selected: true, onSelectChange: () => { console.log('Item 1'); }, children: "Item 1" }), _jsx(Dropdown.SelectItem, { selected: false, onSelectChange: () => { console.log('Item 2'); }, children: "Item 2" }), _jsx(Dropdown.SelectItem, { selected: false, onSelectChange: () => { console.log('Item 3'); }, children: "Item 3" })] })] }),
26
+ ],
27
+ },
28
+ };
29
+ export default meta;
30
+ //# sourceMappingURL=Dropdown.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,8BACE,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,0BAAmB,GACxB,EAEnB,KAAC,QAAQ,CAAC,OAAO,cACf,oCAAkB,GACD,IAClB;SACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,8BACE,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,0BAAmB,GACxB,EAEnB,MAAC,QAAQ,CAAC,OAAO,eACf,KAAC,QAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,uBAAwB,EAChF,KAAC,QAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,uBAAwB,EAChF,KAAC,QAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,uBAAwB,IAC/D,IAClB;SACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,8BACE,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,0BAAmB,GACxB,EAEnB,MAAC,QAAQ,CAAC,OAAO,eACf,KAAC,QAAQ,CAAC,UAAU,IAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,uBAA8B,EACnH,KAAC,QAAQ,CAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,uBAA8B,EACpH,KAAC,QAAQ,CAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,uBAA8B,IACnG,IAClB;SACJ;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.test.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}
@@ -0,0 +1,136 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { describe, expect, test, vi } from 'vitest';
3
+ import { render, screen, waitFor } from '@testing-library/react';
4
+ import userEvent from '@testing-library/user-event';
5
+ import '@testing-library/jest-dom/vitest';
6
+ import { Dropdown } from './Dropdown';
7
+ import { Button } from '../button/Button';
8
+ describe('Dropdown component', () => {
9
+ test('renders dropdown with trigger and content', () => {
10
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.Item, { children: "Item 1" }) })] }));
11
+ expect(screen.getByText('Open Menu')).toBeInTheDocument();
12
+ });
13
+ test('opens dropdown when trigger is clicked', async () => {
14
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.Item, { children: "Item 1" }) })] }));
15
+ const trigger = screen.getByText('Open Menu');
16
+ await userEvent.click(trigger);
17
+ expect(await screen.findByText('Item 1')).toBeInTheDocument();
18
+ });
19
+ test('renders multiple dropdown items', async () => {
20
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsxs(Dropdown.Content, { children: [_jsx(Dropdown.Item, { children: "Item 1" }), _jsx(Dropdown.Item, { children: "Item 2" }), _jsx(Dropdown.Item, { children: "Item 3" })] })] }));
21
+ const trigger = screen.getByText('Open Menu');
22
+ await userEvent.click(trigger);
23
+ expect(await screen.findByText('Item 1')).toBeInTheDocument();
24
+ expect(screen.getByText('Item 2')).toBeInTheDocument();
25
+ expect(screen.getByText('Item 3')).toBeInTheDocument();
26
+ });
27
+ test('calls onSelect when item is clicked', async () => {
28
+ const onClick = vi.fn();
29
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.Item, { onClick: onClick, children: "Item 1" }) })] }));
30
+ const trigger = screen.getByText('Open Menu');
31
+ await userEvent.click(trigger);
32
+ const item = await screen.findByText('Item 1');
33
+ await userEvent.click(item);
34
+ expect(onClick).toHaveBeenCalled();
35
+ });
36
+ test('closes dropdown after item selection', async () => {
37
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.Item, { children: "Item 1" }) })] }));
38
+ const trigger = screen.getByText('Open Menu');
39
+ await userEvent.click(trigger);
40
+ const item = await screen.findByText('Item 1');
41
+ await userEvent.click(item);
42
+ // Wait for dropdown to close
43
+ await waitFor(() => expect(screen.queryByText('Item 1')).not.toBeInTheDocument());
44
+ });
45
+ test('passes through props to Menu.Root', () => {
46
+ const onOpenChange = vi.fn();
47
+ render(_jsxs(Dropdown, { onOpenChange: onOpenChange, children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.Item, { children: "Item 1" }) })] }));
48
+ const trigger = screen.getByText('Open Menu');
49
+ expect(trigger).toBeInTheDocument();
50
+ });
51
+ test('renders dropdown with disabled item', async () => {
52
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsxs(Dropdown.Content, { children: [_jsx(Dropdown.Item, { disabled: true, children: "Disabled Item" }), _jsx(Dropdown.Item, { children: "Enabled Item" })] })] }));
53
+ const trigger = screen.getByText('Open Menu');
54
+ await userEvent.click(trigger);
55
+ const disabledItem = await screen.findByText('Disabled Item');
56
+ const enabledItem = screen.getByText('Enabled Item');
57
+ expect(disabledItem).toBeInTheDocument();
58
+ expect(enabledItem).toBeInTheDocument();
59
+ });
60
+ test('renders dropdown content with custom className', async () => {
61
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { contentProps: { className: 'custom-dropdown-content' }, children: _jsx(Dropdown.Item, { children: "Item 1" }) })] }));
62
+ const trigger = screen.getByText('Open Menu');
63
+ await userEvent.click(trigger);
64
+ const content = await screen.findByText('Item 1');
65
+ expect(content.closest('.ds-dropdown__content')).toBeInTheDocument();
66
+ });
67
+ test('renders dropdown item with custom className', async () => {
68
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.Item, { className: "custom-item", children: "Item 1" }) })] }));
69
+ const trigger = screen.getByText('Open Menu');
70
+ await userEvent.click(trigger);
71
+ const item = await screen.findByText('Item 1');
72
+ expect(item).toHaveClass('ds-dropdown__item', 'custom-item');
73
+ });
74
+ test('renders complex content inside dropdown', async () => {
75
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsxs("div", { children: [_jsx(Dropdown.Item, { children: "Item 1" }), _jsx("div", { children: "Separator" }), _jsx(Dropdown.Item, { children: "Item 2" })] }) })] }));
76
+ const trigger = screen.getByText('Open Menu');
77
+ await userEvent.click(trigger);
78
+ expect(await screen.findByText('Item 1')).toBeInTheDocument();
79
+ expect(screen.getByText('Separator')).toBeInTheDocument();
80
+ expect(screen.getByText('Item 2')).toBeInTheDocument();
81
+ });
82
+ test('handles controlled open state', async () => {
83
+ const { rerender } = render(_jsxs(Dropdown, { open: false, children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.Item, { children: "Item 1" }) })] }));
84
+ expect(screen.queryByText('Item 1')).not.toBeInTheDocument();
85
+ rerender(_jsxs(Dropdown, { open: true, children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.Item, { children: "Item 1" }) })] }));
86
+ expect(await screen.findByText('Item 1')).toBeInTheDocument();
87
+ });
88
+ describe('Dropdown.SelectItem', () => {
89
+ test('renders select item with selected state', async () => {
90
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.SelectItem, { selected: true, onSelectChange: vi.fn(), children: "Item 1" }) })] }));
91
+ const trigger = screen.getByText('Open Menu');
92
+ await userEvent.click(trigger);
93
+ const item = await screen.findByText('Item 1');
94
+ expect(item).toBeInTheDocument();
95
+ expect(item).toHaveClass('ds-dropdown__item', 'ds-dropdown__item--select');
96
+ const checkIcon = item.querySelector('.ds-dropdown__item--check-icon');
97
+ expect(checkIcon).toBeInTheDocument();
98
+ });
99
+ test('renders select item with unselected state', async () => {
100
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.SelectItem, { selected: false, onSelectChange: vi.fn(), children: "Item 1" }) })] }));
101
+ const trigger = screen.getByText('Open Menu');
102
+ await userEvent.click(trigger);
103
+ const item = await screen.findByText('Item 1');
104
+ expect(item).toBeInTheDocument();
105
+ expect(item).toHaveClass('ds-dropdown__item', 'ds-dropdown__item--select');
106
+ const checkIcon = item.querySelector('.ds-dropdown__item--check-icon');
107
+ expect(checkIcon).not.toBeInTheDocument();
108
+ });
109
+ test('calls onSelectChange when clicked', async () => {
110
+ const onSelectChange = vi.fn();
111
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.SelectItem, { selected: false, onSelectChange: onSelectChange, children: "Item 1" }) })] }));
112
+ const trigger = screen.getByText('Open Menu');
113
+ await userEvent.click(trigger);
114
+ const item = await screen.findByText('Item 1');
115
+ await userEvent.click(item);
116
+ expect(onSelectChange).toHaveBeenCalled();
117
+ });
118
+ test('renders multiple select items', async () => {
119
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsxs(Dropdown.Content, { children: [_jsx(Dropdown.SelectItem, { selected: true, onSelectChange: vi.fn(), children: "Item 1" }), _jsx(Dropdown.SelectItem, { selected: false, onSelectChange: vi.fn(), children: "Item 2" }), _jsx(Dropdown.SelectItem, { selected: true, onSelectChange: vi.fn(), children: "Item 3" })] })] }));
120
+ const trigger = screen.getByText('Open Menu');
121
+ await userEvent.click(trigger);
122
+ expect(await screen.findByText('Item 1')).toBeInTheDocument();
123
+ expect(screen.getByText('Item 2')).toBeInTheDocument();
124
+ expect(screen.getByText('Item 3')).toBeInTheDocument();
125
+ });
126
+ test('handles disabled select item', async () => {
127
+ const onSelectChange = vi.fn();
128
+ render(_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { children: "Open Menu" }) }), _jsx(Dropdown.Content, { children: _jsx(Dropdown.SelectItem, { selected: false, onSelectChange: onSelectChange, disabled: true, children: "Disabled Item" }) })] }));
129
+ const trigger = screen.getByText('Open Menu');
130
+ await userEvent.click(trigger);
131
+ const item = await screen.findByText('Disabled Item');
132
+ expect(item).toBeInTheDocument();
133
+ });
134
+ });
135
+ });
136
+ //# sourceMappingURL=Dropdown.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.test.js","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.test.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import { DropdownMenu } from 'radix-ui';
2
+ type DropdownContentProps = {
3
+ children: React.ReactNode;
4
+ portalProps?: DropdownMenu.DropdownMenuPortalProps;
5
+ contentProps?: DropdownMenu.DropdownMenuContentProps;
6
+ };
7
+ export declare const DropdownContent: (props: DropdownContentProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=DropdownContent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownContent.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIxC,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC;IACnD,YAAY,CAAC,EAAE,YAAY,CAAC,wBAAwB,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAW1D,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { DropdownMenu } from 'radix-ui';
3
+ import { useContext } from 'react';
4
+ import { PopupParentContext } from '../../utils/PopupParentContext';
5
+ export const DropdownContent = (props) => {
6
+ const { children, portalProps, contentProps } = props;
7
+ const popupParentRef = useContext(PopupParentContext);
8
+ return (_jsx(DropdownMenu.Portal, { ...portalProps, container: popupParentRef.current, children: _jsx(DropdownMenu.Content, { align: "start", ...contentProps, className: "ds-dropdown__content", children: children }) }));
9
+ };
10
+ //# sourceMappingURL=DropdownContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownContent.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAQ9D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,OAAO,CACL,KAAC,YAAY,CAAC,MAAM,OAAK,WAAW,EAAE,SAAS,EAAE,cAAc,CAAC,OAAO,YACrE,KAAC,YAAY,CAAC,OAAO,IAAC,KAAK,EAAC,OAAO,KAAK,YAAY,EAAE,SAAS,EAAC,sBAAsB,YACnF,QAAQ,GACY,GACH,CACvB,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { DropdownMenu } from 'radix-ui';
2
+ export declare const DropdownTrigger: (props: DropdownMenu.DropdownMenuTriggerProps & {
3
+ children: React.ReactElement;
4
+ }) => import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=DropdownTrigger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,eAAO,MAAM,eAAe,GAAI,OAAO,YAAY,CAAC,wBAAwB,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,4CAO9G,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { DropdownMenu } from 'radix-ui';
3
+ export const DropdownTrigger = (props) => {
4
+ const { children, ...rest } = props;
5
+ return (_jsx(DropdownMenu.Trigger, { asChild: true, ...rest, children: children }));
6
+ };
7
+ //# sourceMappingURL=DropdownTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownTrigger.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA+E,EAAE,EAAE;IACjH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,WAAK,IAAI,YACnC,QAAQ,GACY,CACxB,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { DropdownMenu } from 'radix-ui';
2
+ export declare const DropdownItem: (props: DropdownMenu.DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=DropdownItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/items/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,YAAY,GAAI,OAAO,YAAY,CAAC,qBAAqB,4CAOrE,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { DropdownMenu } from 'radix-ui';
3
+ import classNames from 'classnames';
4
+ export const DropdownItem = (props) => {
5
+ const { children, className = '', ...rest } = props;
6
+ return (_jsx(DropdownMenu.Item, { className: classNames('ds-dropdown__item', className), ...rest, children: children }));
7
+ };
8
+ //# sourceMappingURL=DropdownItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../src/components/dropdown/items/DropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAyC,EAAE,EAAE;IACxE,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpD,OAAO,CACL,KAAC,YAAY,CAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,IAAI,YAC/E,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { DropdownMenu } from 'radix-ui';
2
+ export type DropdowSelectItemProps = {
3
+ selected: boolean;
4
+ onSelectChange: (selected: boolean) => void;
5
+ closeAfterSelection?: boolean;
6
+ } & DropdownMenu.DropdownMenuCheckboxItemProps;
7
+ export declare const DropdownSelectItem: (props: DropdowSelectItemProps) => import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=DropdownSelectItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownSelectItem.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/items/DropdownSelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIxC,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,GAAG,YAAY,CAAC,6BAA6B,CAAC;AAE/C,eAAO,MAAM,kBAAkB,GAAI,OAAO,sBAAsB,4CAiB/D,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { DropdownMenu } from 'radix-ui';
3
+ import classNames from 'classnames';
4
+ import { Icon } from '../../icon/Icon';
5
+ export const DropdownSelectItem = (props) => {
6
+ const { children, selected, onSelectChange, closeAfterSelection = true, className = '', ...rest } = props;
7
+ return (_jsxs(DropdownMenu.CheckboxItem, { checked: selected, onCheckedChange: onSelectChange, className: classNames('ds-dropdown__item ds-dropdown__item--select', className),
8
+ // prevent default stops the dropdown from closing
9
+ onSelect: !closeAfterSelection ? e => e.preventDefault() : undefined, ...rest, children: [children, _jsx(DropdownMenu.ItemIndicator, { className: "ds-dropdown__item--check-icon", children: _jsx(Icon, { name: "check", size: 16 }) })] }));
10
+ };
11
+ //# sourceMappingURL=DropdownSelectItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownSelectItem.js","sourceRoot":"","sources":["../../../../src/components/dropdown/items/DropdownSelectItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAQ5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,GAAG,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1G,OAAO,CACL,MAAC,YAAY,CAAC,YAAY,IACxB,OAAO,EAAE,QAAQ,EACjB,eAAe,EAAE,cAAc,EAC/B,SAAS,EAAE,UAAU,CAAC,6CAA6C,EAAE,SAAS,CAAC;QAC/E,kDAAkD;QAClD,QAAQ,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,KAChE,IAAI,aAEP,QAAQ,EACT,KAAC,YAAY,CAAC,aAAa,IAAC,SAAS,EAAC,+BAA+B,YACnE,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GACJ,IACH,CAC7B,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { type SelectDropdownItemProps } from './items/item/SelectDropdownItem';
2
+ export type SelectDropdownInputProps = {
3
+ placeholder?: string;
4
+ options: SelectDropdownItemProps[];
5
+ multiple?: boolean;
6
+ disabled?: boolean;
7
+ errorText?: string;
8
+ onSelectionChange: (value: string[]) => void;
9
+ };
10
+ export declare const SelectDropdown: (props: SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=SelectDropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAInG,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,wBAAwB,4CAsF7D,CAAC"}
@@ -1,13 +1,16 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from 'react';
3
- import { DropdownWrapper } from '../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
4
- import { DropdownItemRenderer, } from '../../../formField/inputs/dropdown/items/DropdownItemRenderer';
5
- export const Dropdown = (props) => {
3
+ import { SelectDropdownItem } from './items/item/SelectDropdownItem';
4
+ import { Dropdown } from '../../../dropdown/Dropdown';
5
+ import { Button } from '../../../button/Button';
6
+ export const SelectDropdown = (props) => {
6
7
  const { options, disabled, multiple, placeholder, errorText, onSelectionChange } = props;
7
8
  const [selectedValues, setSelectedValues] = useState([]);
8
9
  const [renderedSelectContent, setRenderedSelectContent] = useState('');
9
10
  useEffect(() => {
10
11
  onSelectionChange(selectedValues);
12
+ }, [selectedValues]);
13
+ useEffect(() => {
11
14
  if (selectedValues.length === 0) {
12
15
  setRenderedSelectContent(placeholder ?? 'Select');
13
16
  }
@@ -19,7 +22,7 @@ export const Dropdown = (props) => {
19
22
  else {
20
23
  setRenderedSelectContent(placeholder ?? `Select (${selectedValues.length})`);
21
24
  }
22
- }, [selectedValues, options, placeholder, onSelectionChange]);
25
+ }, [selectedValues, placeholder]);
23
26
  // Flatten grouped options into a single array with headers
24
27
  const UNGROUPED_KEY = 'Ungrouped';
25
28
  const groupedOptions = options.reduce((acc, option) => {
@@ -36,8 +39,16 @@ export const Dropdown = (props) => {
36
39
  }
37
40
  flatOptions.push(...groupItems);
38
41
  });
39
- return (_jsx(DropdownWrapper, { placeholder: renderedSelectContent, multiple: multiple, errorText: errorText, onSelectionChange: (value) => setSelectedValues(value), disabled: disabled, children: flatOptions.map(item => 'headerLabel' in item
40
- ? (_jsx("h3", { className: "ds-dropdown-wrapper--items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
41
- : (_jsx(DropdownItemRenderer, { value: item.value, header: item.header, label: item.label, icon: item.icon }, item.value))) }));
42
+ const handleItemClick = (value) => {
43
+ if (!multiple) {
44
+ setSelectedValues([value]);
45
+ }
46
+ else {
47
+ setSelectedValues(prev => prev.includes(value) ? prev.filter(sel => sel !== value) : [...prev, value]);
48
+ }
49
+ };
50
+ return (_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { disabled: disabled, children: _jsx(Button, { variant: "dropdown", error: !!errorText, iconRightName: "chevron-down", children: renderedSelectContent }) }), _jsx(Dropdown.Content, { children: flatOptions.map(item => 'headerLabel' in item
51
+ ? (_jsx("h3", { className: "ds-select-dropdown__items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
52
+ : (_jsx(SelectDropdownItem, { value: item.value, header: item.header, label: item.label, icon: item.icon, onSelection: handleItemClick, selected: selectedValues.includes(item.value), closeAfterSelection: !multiple }, item.value))) })] }));
42
53
  };
43
- //# sourceMappingURL=Dropdown.js.map
54
+ //# sourceMappingURL=SelectDropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectDropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
- import { Dropdown } from './Dropdown';
3
- declare const meta: Meta<typeof Dropdown>;
2
+ import { SelectDropdown } from './SelectDropdown';
3
+ declare const meta: Meta<typeof SelectDropdown>;
4
4
  export declare const Default: {
5
5
  args: {
6
6
  title: string;
@@ -158,4 +158,4 @@ export declare const MultilineItemsGroupedMultiSelect: {
158
158
  };
159
159
  };
160
160
  export default meta;
161
- //# sourceMappingURL=Dropdown.stories.d.ts.map
161
+ //# sourceMappingURL=SelectDropdown.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectDropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAGrC,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;mCASW,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;mCAeC,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;mCASA,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;mCASO,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;mCASE,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;mCAUS,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;mCAYQ,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;mCASI,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;mCAcH,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;mCAed,MAAM,EAAE;;CAEtC,CAAC;AACF,eAAe,IAAI,CAAC"}