@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.
- package/CHANGELOG.md +12 -0
- package/dist/components/button/Button.d.ts +3 -3
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +7 -6
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/button/Button.test.js +1 -1
- package/dist/components/button/Button.test.js.map +1 -1
- package/dist/components/dropdown/Dropdown.d.ts +15 -0
- package/dist/components/dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/dropdown/Dropdown.js +15 -0
- package/dist/components/dropdown/Dropdown.js.map +1 -0
- package/dist/components/dropdown/Dropdown.stories.d.ts +20 -0
- package/dist/components/dropdown/Dropdown.stories.d.ts.map +1 -0
- package/dist/components/dropdown/Dropdown.stories.js +30 -0
- package/dist/components/dropdown/Dropdown.stories.js.map +1 -0
- package/dist/components/dropdown/Dropdown.test.d.ts.map +1 -0
- package/dist/components/dropdown/Dropdown.test.js +136 -0
- package/dist/components/dropdown/Dropdown.test.js.map +1 -0
- package/dist/components/dropdown/DropdownContent.d.ts +9 -0
- package/dist/components/dropdown/DropdownContent.d.ts.map +1 -0
- package/dist/components/dropdown/DropdownContent.js +10 -0
- package/dist/components/dropdown/DropdownContent.js.map +1 -0
- package/dist/components/dropdown/DropdownTrigger.d.ts +5 -0
- package/dist/components/dropdown/DropdownTrigger.d.ts.map +1 -0
- package/dist/components/dropdown/DropdownTrigger.js +7 -0
- package/dist/components/dropdown/DropdownTrigger.js.map +1 -0
- package/dist/components/dropdown/items/DropdownItem.d.ts +3 -0
- package/dist/components/dropdown/items/DropdownItem.d.ts.map +1 -0
- package/dist/components/dropdown/items/DropdownItem.js +8 -0
- package/dist/components/dropdown/items/DropdownItem.js.map +1 -0
- package/dist/components/dropdown/items/DropdownSelectItem.d.ts +8 -0
- package/dist/components/dropdown/items/DropdownSelectItem.d.ts.map +1 -0
- package/dist/components/dropdown/items/DropdownSelectItem.js +11 -0
- package/dist/components/dropdown/items/DropdownSelectItem.js.map +1 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts +11 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts.map +1 -0
- package/dist/components/formField/inputs/{dropdown/Dropdown.js → selectDropdown/SelectDropdown.js} +20 -9
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js.map +1 -0
- package/dist/components/formField/inputs/{dropdown/Dropdown.stories.d.ts → selectDropdown/SelectDropdown.stories.d.ts} +3 -3
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts.map +1 -0
- package/dist/components/formField/inputs/{dropdown/Dropdown.stories.js → selectDropdown/SelectDropdown.stories.js} +4 -4
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js.map +1 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.d.ts +2 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.d.ts.map +1 -0
- package/dist/components/formField/inputs/{dropdown/Dropdown.test.js → selectDropdown/SelectDropdown.test.js} +14 -14
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js.map +1 -0
- package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.d.ts +16 -0
- package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.d.ts.map +1 -0
- package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.js +13 -0
- package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.js.map +1 -0
- package/dist/components/heading/Heading.stories.js +3 -3
- package/dist/components/heading/Heading.stories.js.map +1 -1
- package/dist/components/section/Section.d.ts +2 -2
- package/dist/components/section/Section.d.ts.map +1 -1
- package/dist/components/section/Section.js +2 -2
- package/dist/components/section/Section.js.map +1 -1
- package/dist/components/section/Section.test.js +1 -1
- package/dist/components/section/Section.test.js.map +1 -1
- package/dist/components/slideover/Slideover.js +1 -1
- package/dist/components/slideover/Slideover.js.map +1 -1
- package/dist/components/slideoverManager/SlideoverManager.stories.js +7 -7
- package/dist/components/slideoverManager/SlideoverManager.stories.js.map +1 -1
- package/dist/components/table/BulkActionsDropdown.d.ts.map +1 -1
- package/dist/components/table/BulkActionsDropdown.js +3 -4
- package/dist/components/table/BulkActionsDropdown.js.map +1 -1
- package/dist/components/table/Table.stories.js +3 -3
- package/dist/components/table/Table.stories.js.map +1 -1
- package/dist/components/table/Table.test.js +5 -5
- package/dist/components/table/Table.test.js.map +1 -1
- package/dist/index.css +70 -159
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/release/design-system.components.tgz +0 -0
- package/src/components/button/Button.test.tsx +1 -1
- package/src/components/button/Button.tsx +10 -7
- package/src/components/dropdown/Dropdown.stories.tsx +62 -0
- package/src/components/dropdown/Dropdown.test.tsx +368 -0
- package/src/components/dropdown/Dropdown.tsx +19 -0
- package/src/components/dropdown/DropdownContent.tsx +22 -0
- package/src/components/dropdown/DropdownTrigger.tsx +10 -0
- package/src/components/dropdown/dropdown.scss +48 -0
- package/src/components/dropdown/items/DropdownItem.tsx +11 -0
- package/src/components/dropdown/items/DropdownSelectItem.tsx +28 -0
- package/src/components/formField/inputs/{dropdown/Dropdown.stories.tsx → selectDropdown/SelectDropdown.stories.tsx} +4 -4
- package/src/components/formField/inputs/{dropdown/Dropdown.test.tsx → selectDropdown/SelectDropdown.test.tsx} +13 -13
- package/src/components/formField/inputs/selectDropdown/SelectDropdown.tsx +102 -0
- package/src/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.tsx +46 -0
- package/src/components/formField/inputs/selectDropdown/selectDropdown.scss +22 -0
- package/src/components/heading/Heading.stories.tsx +3 -3
- package/src/components/icon/icon.scss +3 -0
- package/src/components/section/Section.test.tsx +1 -1
- package/src/components/section/Section.tsx +4 -4
- package/src/components/slideover/Slideover.tsx +1 -1
- package/src/components/slideoverManager/SlideoverManager.stories.tsx +14 -14
- package/src/components/table/BulkActionsDropdown.tsx +19 -23
- package/src/components/table/Table.stories.tsx +4 -4
- package/src/components/table/Table.test.tsx +5 -5
- package/src/index.scss +3 -5
- package/src/index.ts +2 -1
- package/src/tokens.scss +1 -0
- package/dist/components/formField/inputs/dropdown/Dropdown.d.ts +0 -11
- package/dist/components/formField/inputs/dropdown/Dropdown.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.stories.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.stories.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.test.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.test.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts +0 -12
- package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js +0 -15
- package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts +0 -10
- package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js +0 -12
- package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts +0 -9
- package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js +0 -21
- package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts +0 -7
- package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js +0 -16
- package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts +0 -17
- package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js +0 -151
- package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js.map +0 -1
- package/src/components/formField/inputs/dropdown/Dropdown.tsx +0 -82
- package/src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx +0 -44
- package/src/components/formField/inputs/dropdown/buttons/dropdownButton/dropdownButton.scss +0 -12
- package/src/components/formField/inputs/dropdown/dropdown.scss +0 -24
- package/src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx +0 -38
- package/src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx +0 -53
- package/src/components/formField/inputs/dropdown/items/dropdownItem/dropdownItem.scss +0 -62
- package/src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx +0 -48
- package/src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/dropdownMultiLineItem.scss +0 -52
- package/src/components/formField/inputs/dropdown/wrapper/DropdownWrapper.tsx +0 -248
- package/src/components/formField/inputs/dropdown/wrapper/dropdownWrapper.scss +0 -37
- /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
|
|
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
|
-
|
|
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:
|
|
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,
|
|
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 {
|
|
7
|
-
return (_jsxs("button", { className: classNames('ds-button', `ds-button--${
|
|
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,
|
|
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, {
|
|
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":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,KAAC,MAAM,8BAAqB,CAAC,CAAC;QACrC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,KAAC,MAAM,IAAC,aAAa,EAAC,MAAM,EAAC,yBAAyB,EAAC,kBAAkB,4BAAqB,CAAC,CAAC;QACvG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,KAAC,MAAM,IAAC,YAAY,EAAC,MAAM,EAAC,wBAAwB,EAAC,kBAAkB,4BAAqB,CAAC,CAAC;QACrG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC5D,MAAM,CAAC,KAAC,MAAM,IAAC,aAAa,EAAC,MAAM,EAAC,yBAAyB,EAAC,wBAAwB,EAAC,YAAY,EAAC,MAAM,EAAC,wBAAwB,EAAC,uBAAuB,4BAAqB,CAAC,CAAC;QAClL,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACtE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC/D,MAAM,CAAC,KAAC,MAAM,IAAC,aAAa,EAAC,MAAM,EAAC,yBAAyB,EAAC,kBAAkB,GAAG,CAAC,CAAC;QACrF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACtE,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,KAAC,MAAM,8BAAqB,CAAC,CAAC;QACrC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,KAAC,MAAM,IAAC,
|
|
1
|
+
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/button/Button.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,KAAC,MAAM,8BAAqB,CAAC,CAAC;QACrC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,KAAC,MAAM,IAAC,aAAa,EAAC,MAAM,EAAC,yBAAyB,EAAC,kBAAkB,4BAAqB,CAAC,CAAC;QACvG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,KAAC,MAAM,IAAC,YAAY,EAAC,MAAM,EAAC,wBAAwB,EAAC,kBAAkB,4BAAqB,CAAC,CAAC;QACrG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC5D,MAAM,CAAC,KAAC,MAAM,IAAC,aAAa,EAAC,MAAM,EAAC,yBAAyB,EAAC,wBAAwB,EAAC,YAAY,EAAC,MAAM,EAAC,wBAAwB,EAAC,uBAAuB,4BAAqB,CAAC,CAAC;QAClL,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACtE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC/D,MAAM,CAAC,KAAC,MAAM,IAAC,aAAa,EAAC,MAAM,EAAC,yBAAyB,EAAC,kBAAkB,GAAG,CAAC,CAAC;QACrF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACtE,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,KAAC,MAAM,8BAAqB,CAAC,CAAC;QACrC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,4BAAqB,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,GAAG,6BAAsB,CAAC,CAAC;QAC/C,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAChC,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,yBAAmB,CAAC,CAAC;QACxD,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC/C,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,sCAAyB,CAAC,CAAC;QACxE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,KAAC,MAAM,IAAC,SAAS,EAAC,cAAc,4BAAqB,CAAC,CAAC;QAC9D,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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"}
|
package/dist/components/formField/inputs/{dropdown/Dropdown.js → selectDropdown/SelectDropdown.js}
RENAMED
|
@@ -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 {
|
|
4
|
-
import {
|
|
5
|
-
|
|
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,
|
|
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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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=
|
|
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 {
|
|
3
|
-
declare const meta: Meta<typeof
|
|
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=
|
|
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"}
|