@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
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SelectDropdown } from './SelectDropdown';
|
|
2
2
|
const meta = {
|
|
3
|
-
title: 'Components/
|
|
4
|
-
component:
|
|
3
|
+
title: 'Components/FormField/Inputs/SelectDropdown',
|
|
4
|
+
component: SelectDropdown,
|
|
5
5
|
};
|
|
6
6
|
export const Default = {
|
|
7
7
|
args: {
|
|
@@ -169,4 +169,4 @@ export const MultilineItemsGroupedMultiSelect = {
|
|
|
169
169
|
},
|
|
170
170
|
};
|
|
171
171
|
export default meta;
|
|
172
|
-
//# sourceMappingURL=
|
|
172
|
+
//# sourceMappingURL=SelectDropdown.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectDropdown.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectDropdown.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}
|
|
@@ -3,36 +3,36 @@ import { describe, expect, test, vi } from 'vitest';
|
|
|
3
3
|
import { render, screen } from '@testing-library/react';
|
|
4
4
|
import userEvent from '@testing-library/user-event';
|
|
5
5
|
import '@testing-library/jest-dom/vitest';
|
|
6
|
-
import {
|
|
7
|
-
describe('
|
|
6
|
+
import { SelectDropdown } from './SelectDropdown';
|
|
7
|
+
describe('SelectDropdown component', () => {
|
|
8
8
|
test('renders with default placeholder', () => {
|
|
9
|
-
render(_jsx(
|
|
9
|
+
render(_jsx(SelectDropdown, { onSelectionChange: vi.fn(), disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
10
10
|
expect(screen.getByText('Select')).toBeInTheDocument();
|
|
11
11
|
});
|
|
12
12
|
test('renders custom placeholder', () => {
|
|
13
|
-
render(_jsx(
|
|
13
|
+
render(_jsx(SelectDropdown, { onSelectionChange: vi.fn(), placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
14
14
|
expect(screen.getByText("Hello I'm a Dropdown!")).toBeInTheDocument();
|
|
15
15
|
});
|
|
16
16
|
test('click opens options', async () => {
|
|
17
|
-
render(_jsx(
|
|
17
|
+
render(_jsx(SelectDropdown, { onSelectionChange: vi.fn(), placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
18
18
|
await userEvent.click(screen.getByText("Hello I'm a Dropdown!"));
|
|
19
19
|
expect(await screen.findByText('Label 1')).toBeInTheDocument();
|
|
20
20
|
});
|
|
21
21
|
test('does not open options when disabled', async () => {
|
|
22
|
-
render(_jsx(
|
|
22
|
+
render(_jsx(SelectDropdown, { onSelectionChange: vi.fn(), placeholder: "Disabled Dropdown", disabled: true, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
23
23
|
await userEvent.click(screen.getByText('Disabled Dropdown'));
|
|
24
24
|
expect(screen.queryByText('Label 1')).toBeNull();
|
|
25
25
|
});
|
|
26
26
|
test('clicking option triggers onSelectionChange', async () => {
|
|
27
27
|
const onSelectionChange = vi.fn();
|
|
28
|
-
render(_jsx(
|
|
28
|
+
render(_jsx(SelectDropdown, { onSelectionChange: onSelectionChange, placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
29
29
|
await userEvent.click(screen.getByText("Hello I'm a Dropdown!"));
|
|
30
30
|
const option = await screen.findByText('Label 1');
|
|
31
31
|
await userEvent.click(option);
|
|
32
32
|
expect(onSelectionChange).toHaveBeenCalledWith(['label1']);
|
|
33
33
|
});
|
|
34
34
|
test('renders multiple options (Default story)', async () => {
|
|
35
|
-
render(_jsx(
|
|
35
|
+
render(_jsx(SelectDropdown, { options: [
|
|
36
36
|
{ label: 'Option 1', value: 'option1' },
|
|
37
37
|
{ label: 'Option 2', value: 'option2' },
|
|
38
38
|
{ label: 'Option 3', value: 'option3' },
|
|
@@ -43,7 +43,7 @@ describe('Dropdown component', () => {
|
|
|
43
43
|
expect(screen.getByText('Option 3')).toBeInTheDocument();
|
|
44
44
|
});
|
|
45
45
|
test('renders icons (WithIcon story)', async () => {
|
|
46
|
-
render(_jsx(
|
|
46
|
+
render(_jsx(SelectDropdown, { options: [
|
|
47
47
|
{ label: 'Option 1', value: 'option1', icon: '3-dot' },
|
|
48
48
|
{ label: 'Option 2', value: 'option2', icon: 'user' },
|
|
49
49
|
], multiple: true, onSelectionChange: vi.fn() }));
|
|
@@ -53,7 +53,7 @@ describe('Dropdown component', () => {
|
|
|
53
53
|
});
|
|
54
54
|
test('supports multi-select (DefaultMultiSelect story)', async () => {
|
|
55
55
|
const onSelectionChange = vi.fn();
|
|
56
|
-
render(_jsx(
|
|
56
|
+
render(_jsx(SelectDropdown, { multiple: true, options: [
|
|
57
57
|
{ label: 'Option 1', value: 'option1' },
|
|
58
58
|
{ label: 'Option 2', value: 'option2' },
|
|
59
59
|
], onSelectionChange: onSelectionChange }));
|
|
@@ -65,12 +65,12 @@ describe('Dropdown component', () => {
|
|
|
65
65
|
expect(onSelectionChange).toHaveBeenCalledWith(['option1', 'option2']);
|
|
66
66
|
});
|
|
67
67
|
test('applies error class when errorText is provided', () => {
|
|
68
|
-
render(_jsx(
|
|
68
|
+
render(_jsx(SelectDropdown, { onSelectionChange: vi.fn(), placeholder: "Select", disabled: false, errorText: "Something went wrong", options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
69
69
|
const selectElement = screen.getByRole('button');
|
|
70
70
|
expect(selectElement).toHaveClass('ds-button--error');
|
|
71
71
|
});
|
|
72
72
|
test('renders grouped options (WithGroups story)', async () => {
|
|
73
|
-
render(_jsx(
|
|
73
|
+
render(_jsx(SelectDropdown, { options: [
|
|
74
74
|
{ label: 'Option 1', value: 'option1', group: 'Group 1' },
|
|
75
75
|
{ label: 'Option 2', value: 'option2', group: 'Group 1' },
|
|
76
76
|
{ label: 'Option 3', value: 'option3' },
|
|
@@ -81,7 +81,7 @@ describe('Dropdown component', () => {
|
|
|
81
81
|
expect(screen.getByText('Option 3')).toBeInTheDocument();
|
|
82
82
|
});
|
|
83
83
|
test('renders multiline items (MultilineItems story)', async () => {
|
|
84
|
-
render(_jsx(
|
|
84
|
+
render(_jsx(SelectDropdown, { options: [
|
|
85
85
|
{ label: 'Option 1', value: 'option1', header: 'header1' },
|
|
86
86
|
{ label: 'Option 2', value: 'option2', header: 'header2' },
|
|
87
87
|
], onSelectionChange: vi.fn() }));
|
|
@@ -90,4 +90,4 @@ describe('Dropdown component', () => {
|
|
|
90
90
|
expect(screen.getByText('header1')).toBeInTheDocument();
|
|
91
91
|
});
|
|
92
92
|
});
|
|
93
|
-
//# sourceMappingURL=
|
|
93
|
+
//# sourceMappingURL=SelectDropdown.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectDropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,mBAAmB,EAC/B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC7D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC;QACjE,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAE9B,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,CACJ,KAAC,cAAc,IACb,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;gBACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;gBACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;aACxC,EACD,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,CACJ,KAAC,cAAc,IACb,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;gBACtD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;aACtD,EACD,QAAQ,QACR,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,CACJ,KAAC,cAAc,IACb,QAAQ,QACR,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;gBACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;aACxC,EACD,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAE7C,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC/B,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE/B,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gDAAgD,EAAE,GAAG,EAAE;QAC1D,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAK,EACf,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,CACJ,KAAC,cAAc,IACb,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACzD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACzD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;aACxC,EACD,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,CACJ,KAAC,cAAc,IACb,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;gBAC1D,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;aAC3D,EACD,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { allowedIcons } from '../../../../../icon/allowedIcons';
|
|
2
|
+
export type SelectDropdownItemBaseProps = {
|
|
3
|
+
value: string;
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
onSelection?: (value: string) => void;
|
|
6
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
7
|
+
export type SelectDropdownItemProps = {
|
|
8
|
+
value: string;
|
|
9
|
+
label?: string;
|
|
10
|
+
icon?: keyof typeof allowedIcons;
|
|
11
|
+
header?: string;
|
|
12
|
+
group?: string;
|
|
13
|
+
closeAfterSelection?: boolean;
|
|
14
|
+
} & SelectDropdownItemBaseProps;
|
|
15
|
+
export declare const SelectDropdownItem: (props: SelectDropdownItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=SelectDropdownItem.d.ts.map
|
package/dist/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectDropdownItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAK5D,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,GAAG,2BAA2B,CAAC;AAEhC,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAyBhE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { allowedIcons } from '../../../../../icon/allowedIcons';
|
|
3
|
+
import { Icon } from '../../../../../icon/Icon';
|
|
4
|
+
import { Dropdown } from '../../../../../dropdown/Dropdown';
|
|
5
|
+
import classNames from 'classnames';
|
|
6
|
+
export const SelectDropdownItem = (props) => {
|
|
7
|
+
const { label, value, icon, selected = false, onSelection, header, closeAfterSelection } = props;
|
|
8
|
+
const classes = classNames('ds-select-dropdown__item', {
|
|
9
|
+
'ds-select-dropdown__item--multiline': header,
|
|
10
|
+
});
|
|
11
|
+
return (_jsxs(Dropdown.SelectItem, { className: classes, selected: selected, onSelectChange: () => onSelection?.(value), closeAfterSelection: closeAfterSelection, children: [icon && (_jsx("span", { className: "ds-select-dropdown-item--icon", children: _jsx(Icon, { name: icon, size: 16 }) })), _jsxs("div", { className: "ds-select-dropdown-item--inner", children: [header && _jsx("h4", { className: "ds-select-dropdown-item--header", children: header }), _jsx("span", { className: "ds-select-dropdown-item--content", children: label ? label : value })] })] }));
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=SelectDropdownItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectDropdownItem.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAEjG,MAAM,OAAO,GAAG,UAAU,CAAC,0BAA0B,EAAE;QACrD,qCAAqC,EAAE,MAAM;KAC9C,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,QAAQ,CAAC,UAAU,IAClB,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EAC1C,mBAAmB,EAAE,mBAAmB,aAEvC,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,+BAA+B,YAC7C,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACzB,CACR,EACD,eAAK,SAAS,EAAC,gCAAgC,aAC5C,MAAM,IAAI,aAAI,SAAS,EAAC,iCAAiC,YAAE,MAAM,GAAM,EACxE,eAAM,SAAS,EAAC,kCAAkC,YAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAQ,IAC7E,IACc,CACvB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -32,7 +32,7 @@ export const HeadingWithMultipleButtons = {
|
|
|
32
32
|
level: 1,
|
|
33
33
|
children: [
|
|
34
34
|
_jsx(Heading.InnerContainer, { children: "Heading" }, 1),
|
|
35
|
-
_jsxs(Heading.InnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, {
|
|
35
|
+
_jsxs(Heading.InnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, { variant: "secondary", children: [_jsx(Icon, { name: "info" }), "Button Text"] }), _jsxs(Button, { children: [_jsx(Icon, { name: "info" }), "Button Text"] })] }, 2),
|
|
36
36
|
],
|
|
37
37
|
},
|
|
38
38
|
};
|
|
@@ -40,8 +40,8 @@ export const HeadingWithButtonsBothSides = {
|
|
|
40
40
|
args: {
|
|
41
41
|
level: 1,
|
|
42
42
|
children: [
|
|
43
|
-
_jsxs(Heading.InnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, {
|
|
44
|
-
_jsxs(Heading.InnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, {
|
|
43
|
+
_jsxs(Heading.InnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, { variant: "tertiary", children: [_jsx(Icon, { name: "chevron-left" }), "Button Text"] }), "Heading"] }, 1),
|
|
44
|
+
_jsxs(Heading.InnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, { variant: "secondary", children: [_jsx(Icon, { name: "info" }), "Button Text"] }), _jsxs(Button, { children: [_jsx(Icon, { name: "info" }), "Button Text"] })] }, 2),
|
|
45
45
|
],
|
|
46
46
|
},
|
|
47
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.stories.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,cAAc,CAAC;QAC1B,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,KAAC,OAAO,CAAC,cAAc,sCAAM,CAAC,CAA6C,EAAE,kDAAW,CAAC,CAA4B,CAAC;QACjI,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,KAAC,OAAO,CAAC,cAAc,2BAAM,CAAC,CAAkC;YAChE,KAAC,OAAO,CAAC,cAAc,cACrB,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,IAJkB,CAAC,CAKL;SAC1B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,KAAC,OAAO,CAAC,cAAc,2BAAM,CAAC,CAAkC;YAChE,MAAC,OAAO,CAAC,cAAc,IAAS,SAAS,EAAC,oBAAoB,aAC5D,MAAC,MAAM,IAAC,
|
|
1
|
+
{"version":3,"file":"Heading.stories.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,cAAc,CAAC;QAC1B,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,KAAC,OAAO,CAAC,cAAc,sCAAM,CAAC,CAA6C,EAAE,kDAAW,CAAC,CAA4B,CAAC;QACjI,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,KAAC,OAAO,CAAC,cAAc,2BAAM,CAAC,CAAkC;YAChE,KAAC,OAAO,CAAC,cAAc,cACrB,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,IAJkB,CAAC,CAKL;SAC1B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,KAAC,OAAO,CAAC,cAAc,2BAAM,CAAC,CAAkC;YAChE,MAAC,OAAO,CAAC,cAAc,IAAS,SAAS,EAAC,oBAAoB,aAC5D,MAAC,MAAM,IAAC,OAAO,EAAC,WAAW,aACzB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,EACT,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,KARkB,CAAC,CASL;SAC1B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,MAAC,OAAO,CAAC,cAAc,IAAS,SAAS,EAAC,oBAAoB,aAC5D,MAAC,MAAM,IAAC,OAAO,EAAC,UAAU,aACxB,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,mBAErB,gBAJkB,CAAC,CAML;YACzB,MAAC,OAAO,CAAC,cAAc,IAAS,SAAS,EAAC,oBAAoB,aAC5D,MAAC,MAAM,IAAC,OAAO,EAAC,WAAW,aACzB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,EACT,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,KARkB,CAAC,CASL;SAC1B;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ButtonSize, type
|
|
1
|
+
import { type ButtonSize, type ButtonVariant } from '../button/Button';
|
|
2
2
|
import type { IconName } from '../icon/allowedIcons';
|
|
3
3
|
import { type HTMLAttributes, type MouseEventHandler } from 'react';
|
|
4
4
|
type SectionProps = {
|
|
@@ -10,7 +10,7 @@ type SectionProps = {
|
|
|
10
10
|
collapsed?: boolean;
|
|
11
11
|
buttonText?: string;
|
|
12
12
|
buttonOnClick?: MouseEventHandler<HTMLButtonElement>;
|
|
13
|
-
|
|
13
|
+
buttonVariant?: ButtonVariant;
|
|
14
14
|
buttonSize?: ButtonSize;
|
|
15
15
|
} & HTMLAttributes<HTMLElement>;
|
|
16
16
|
export declare const Section: (props: SectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEvF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG9E,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CA6G1C,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { Icon } from '../icon/Icon';
|
|
|
6
6
|
import { useState } from 'react';
|
|
7
7
|
import { ENTER_KEY, SPACE_KEY } from '../../utils/keyboardConstants';
|
|
8
8
|
export const Section = (props) => {
|
|
9
|
-
const { className, children, title, titleIconName, titleIconColor, titleIconScreenReaderText, collapsible = false, collapsed: initialCollapsed = false, buttonText, buttonOnClick,
|
|
9
|
+
const { className, children, title, titleIconName, titleIconColor, titleIconScreenReaderText, collapsible = false, collapsed: initialCollapsed = false, buttonText, buttonOnClick, buttonVariant, buttonSize, } = props;
|
|
10
10
|
const [collapsed, setCollapsed] = useState(initialCollapsed);
|
|
11
11
|
const toggleCollapsedState = () => {
|
|
12
12
|
if (collapsible) {
|
|
@@ -25,7 +25,7 @@ export const Section = (props) => {
|
|
|
25
25
|
e.stopPropagation();
|
|
26
26
|
toggleCollapsedState();
|
|
27
27
|
}
|
|
28
|
-
}, tabIndex: collapsible ? 0 : -1, children: [_jsxs(Heading.InnerContainer, { children: [title, titleIconName && (_jsx(Icon, { name: titleIconName, color: titleIconColor, screenReaderText: titleIconScreenReaderText, size: 24 }))] }), _jsxs(Heading.InnerContainer, { children: [buttonText && (_jsx(Button, { onClick: buttonOnClick,
|
|
28
|
+
}, tabIndex: collapsible ? 0 : -1, children: [_jsxs(Heading.InnerContainer, { children: [title, titleIconName && (_jsx(Icon, { name: titleIconName, color: titleIconColor, screenReaderText: titleIconScreenReaderText, size: 24 }))] }), _jsxs(Heading.InnerContainer, { children: [buttonText && (_jsx(Button, { onClick: buttonOnClick, variant: buttonVariant, size: buttonSize, children: buttonText })), collapsible && (_jsx("button", { className: "remove-default-button-styles", onClick: (e) => {
|
|
29
29
|
e.preventDefault();
|
|
30
30
|
e.stopPropagation();
|
|
31
31
|
toggleCollapsedState();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ describe('Section component', () => {
|
|
|
21
21
|
});
|
|
22
22
|
test('renders section with button', () => {
|
|
23
23
|
const mockButtonClick = vi.fn();
|
|
24
|
-
render(_jsx(Section, { title: "Test Section", buttonText: "Click Me", buttonOnClick: mockButtonClick,
|
|
24
|
+
render(_jsx(Section, { title: "Test Section", buttonText: "Click Me", buttonOnClick: mockButtonClick, buttonVariant: "primary", buttonSize: "M", children: _jsx("p", { children: "Section content" }) }));
|
|
25
25
|
const button = screen.getByText('Click Me');
|
|
26
26
|
expect(button).toBeInTheDocument();
|
|
27
27
|
fireEvent.click(button);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.test.js","sourceRoot":"","sources":["../../../src/components/section/Section.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC/C,MAAM,CACJ,KAAC,OAAO,cACN,0CAAsB,GACd,CACX,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,KAAC,OAAO,IAAC,KAAK,EAAC,cAAc,YAC3B,0CAAsB,GACd,CACX,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC3C,MAAM,CACJ,KAAC,OAAO,IAAC,KAAK,EAAC,cAAc,EAAC,aAAa,EAAC,MAAM,EAAC,yBAAyB,EAAC,WAAW,YACtF,0CAAsB,GACd,CACX,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,6CAA6C;QAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACvC,MAAM,eAAe,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAEhC,MAAM,CACJ,KAAC,OAAO,IACN,KAAK,EAAC,cAAc,EACpB,UAAU,EAAC,UAAU,EACrB,aAAa,EAAE,eAAe,EAC9B,
|
|
1
|
+
{"version":3,"file":"Section.test.js","sourceRoot":"","sources":["../../../src/components/section/Section.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,6 @@ import { Icon } from '../icon/Icon';
|
|
|
6
6
|
import { SlideoverUtils } from '../../utils/SlideoverUtils';
|
|
7
7
|
export const Slideover = (props) => {
|
|
8
8
|
const { title, children, footerContents, headerIcon, centerHeaderText = true } = props;
|
|
9
|
-
return (_jsxs("aside", { className: "ds-slideover", children: [_jsxs("div", { className: classNames('ds-slideover__header', { 'ds-slideover__header--center': centerHeaderText }), children: [_jsxs(Button, {
|
|
9
|
+
return (_jsxs("aside", { className: "ds-slideover", children: [_jsxs("div", { className: classNames('ds-slideover__header', { 'ds-slideover__header--center': centerHeaderText }), children: [_jsxs(Button, { variant: "tertiary", onClick: SlideoverUtils.removeSlideover, children: [_jsx(Icon, { name: "chevrons-left" }), "Back"] }), _jsxs(Heading, { level: 2, children: [title, headerIcon && _jsx(Icon, { name: headerIcon })] })] }), _jsx("div", { className: "ds-slideover__contents", children: children }), footerContents && _jsx("div", { className: "ds-slideover__footer", children: footerContents })] }));
|
|
10
10
|
};
|
|
11
11
|
//# sourceMappingURL=Slideover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slideover.js","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvF,OAAO,CACL,iBAAO,SAAS,EAAC,cAAc,aAC7B,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAE,8BAA8B,EAAE,gBAAgB,EAAE,CAAC,aACtG,MAAC,MAAM,IAAC,
|
|
1
|
+
{"version":3,"file":"Slideover.js","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvF,OAAO,CACL,iBAAO,SAAS,EAAC,cAAc,aAC7B,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAE,8BAA8B,EAAE,gBAAgB,EAAE,CAAC,aACtG,MAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,cAAc,CAAC,eAAe,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,GAAG,YAEtB,EACT,MAAC,OAAO,IAAC,KAAK,EAAE,CAAC,aACd,KAAK,EACL,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,GAAI,IACjC,IACN,EAEN,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EAEvD,cAAc,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,cAAc,GAAO,IACzE,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -51,15 +51,15 @@ const removeAllSlideovers = () => {
|
|
|
51
51
|
SlideoverUtils.removeAllSlideovers();
|
|
52
52
|
};
|
|
53
53
|
export const Default = {
|
|
54
|
-
render: args => (_jsxs(_Fragment, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsxs("div", { style: { padding: '1rem', display: 'flex', gap: '1rem' }, children: [_jsx(Button, { onClick: () => addSlideoverWithContent(_jsx("p", { children: "This is a simple slideover." }), args.headerIcon, args.centerHeaderText), children: "Add Simple Slideover" }), _jsx(Button, { onClick: removeSlideover,
|
|
54
|
+
render: args => (_jsxs(_Fragment, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsxs("div", { style: { padding: '1rem', display: 'flex', gap: '1rem' }, children: [_jsx(Button, { onClick: () => addSlideoverWithContent(_jsx("p", { children: "This is a simple slideover." }), args.headerIcon, args.centerHeaderText), children: "Add Simple Slideover" }), _jsx(Button, { onClick: removeSlideover, variant: "secondary", children: "Remove Last Slideover" }), _jsx(Button, { onClick: removeAllSlideovers, variant: "primary-destructive", children: "Remove All" })] })] })),
|
|
55
55
|
};
|
|
56
56
|
export const WithSections = {
|
|
57
|
-
render: args => (_jsxs(_Fragment, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsxs("div", { style: { padding: '1rem', display: 'flex', gap: '1rem' }, children: [_jsx(Button, { onClick: () => addSlideoverWithContent(_jsxs(_Fragment, { children: [_jsx(Section, { title: "Section 1", collapsible: true, children: _jsx("p", { children: "Aliquip ea tempor officia irure do qui culpa. Laborum proident laboris aliqua ad Lorem eiusmod fugiat dolore qui occaecat adipisicing. Dolore quis nisi occaecat commodo labore ad nulla aliquip in. Enim labore nisi laborum nostrud officia ad nulla ut quis. Aute excepteur quis amet aliquip. Excepteur Lorem cupidatat adipisicing consectetur ipsum Lorem. Deserunt dolor veniam sit mollit elit aliquip duis." }) }), _jsx(Section, { title: "Section 2", collapsible: true, collapsed: true, children: _jsx("p", { children: "Veniam adipisicing culpa id esse duis in officia consequat veniam ad ullamco sint sunt anim. Incididunt exercitation dolor Lorem anim aute ad deserunt. Nulla culpa sint aliqua ea Lorem sint. Elit sit consectetur minim cillum consectetur pariatur Lorem labore consectetur nisi consectetur officia exercitation. Est consectetur commodo deserunt ipsum aliqua occaecat qui sunt consectetur." }) })] }), args.headerIcon, args.centerHeaderText), children: "Add Slideover with Sections" }), _jsx(Button, { onClick: removeSlideover,
|
|
57
|
+
render: args => (_jsxs(_Fragment, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsxs("div", { style: { padding: '1rem', display: 'flex', gap: '1rem' }, children: [_jsx(Button, { onClick: () => addSlideoverWithContent(_jsxs(_Fragment, { children: [_jsx(Section, { title: "Section 1", collapsible: true, children: _jsx("p", { children: "Aliquip ea tempor officia irure do qui culpa. Laborum proident laboris aliqua ad Lorem eiusmod fugiat dolore qui occaecat adipisicing. Dolore quis nisi occaecat commodo labore ad nulla aliquip in. Enim labore nisi laborum nostrud officia ad nulla ut quis. Aute excepteur quis amet aliquip. Excepteur Lorem cupidatat adipisicing consectetur ipsum Lorem. Deserunt dolor veniam sit mollit elit aliquip duis." }) }), _jsx(Section, { title: "Section 2", collapsible: true, collapsed: true, children: _jsx("p", { children: "Veniam adipisicing culpa id esse duis in officia consequat veniam ad ullamco sint sunt anim. Incididunt exercitation dolor Lorem anim aute ad deserunt. Nulla culpa sint aliqua ea Lorem sint. Elit sit consectetur minim cillum consectetur pariatur Lorem labore consectetur nisi consectetur officia exercitation. Est consectetur commodo deserunt ipsum aliqua occaecat qui sunt consectetur." }) })] }), args.headerIcon, args.centerHeaderText), children: "Add Slideover with Sections" }), _jsx(Button, { onClick: removeSlideover, variant: "secondary", children: "Remove Last Slideover" }), _jsx(Button, { onClick: removeAllSlideovers, variant: "primary-destructive", children: "Remove All" })] })] })),
|
|
58
58
|
};
|
|
59
59
|
export const WithFormFields = {
|
|
60
60
|
render: (args) => {
|
|
61
61
|
const formFieldId = generateUuid();
|
|
62
|
-
return (_jsxs(_Fragment, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsxs("div", { style: { padding: '1rem', display: 'flex', gap: '1rem' }, children: [_jsx(Button, { onClick: () => addSlideoverWithContent(_jsx(_Fragment, { children: _jsx(FormField, { id: formFieldId, label: "Your Name", inputType: "text", inputProps: { placeholder: 'e.g. Jane Doe' }, fieldDescription: "Please enter your full name." }) }), args.headerIcon, args.centerHeaderText), children: "Add Slideover with Form" }), _jsx(Button, { onClick: removeSlideover,
|
|
62
|
+
return (_jsxs(_Fragment, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsxs("div", { style: { padding: '1rem', display: 'flex', gap: '1rem' }, children: [_jsx(Button, { onClick: () => addSlideoverWithContent(_jsx(_Fragment, { children: _jsx(FormField, { id: formFieldId, label: "Your Name", inputType: "text", inputProps: { placeholder: 'e.g. Jane Doe' }, fieldDescription: "Please enter your full name." }) }), args.headerIcon, args.centerHeaderText), children: "Add Slideover with Form" }), _jsx(Button, { onClick: removeSlideover, variant: "secondary", children: "Remove Last Slideover" }), _jsx(Button, { onClick: removeAllSlideovers, variant: "primary-destructive", children: "Remove All" })] })] }));
|
|
63
63
|
},
|
|
64
64
|
};
|
|
65
65
|
export const WithFooterContent = {
|
|
@@ -71,7 +71,7 @@ export const WithFooterContent = {
|
|
|
71
71
|
const handleCancel = () => {
|
|
72
72
|
SlideoverUtils.removeSlideover();
|
|
73
73
|
};
|
|
74
|
-
const footerContent = (_jsxs("div", { style: { display: 'flex', gap: '1rem', justifyContent: 'flex-end' }, children: [_jsx(Button, {
|
|
74
|
+
const footerContent = (_jsxs("div", { style: { display: 'flex', gap: '1rem', justifyContent: 'flex-end' }, children: [_jsx(Button, { variant: "secondary", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { variant: "primary", onClick: handleSave, children: "Save Changes" })] }));
|
|
75
75
|
return (_jsxs(_Fragment, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsxs("div", { style: { padding: '1rem', display: 'flex', gap: '1rem' }, children: [_jsx(Button, { onClick: () => {
|
|
76
76
|
slideoverCount++;
|
|
77
77
|
SlideoverUtils.addSlideover({
|
|
@@ -81,12 +81,12 @@ export const WithFooterContent = {
|
|
|
81
81
|
headerIcon: args.headerIcon,
|
|
82
82
|
centerHeaderText: args.centerHeaderText,
|
|
83
83
|
});
|
|
84
|
-
}, children: "Add Slideover with Footer" }), _jsx(Button, { onClick: removeSlideover,
|
|
84
|
+
}, children: "Add Slideover with Footer" }), _jsx(Button, { onClick: removeSlideover, variant: "secondary", children: "Remove Last Slideover" }), _jsx(Button, { onClick: removeAllSlideovers, variant: "primary-destructive", children: "Remove All" })] })] }));
|
|
85
85
|
},
|
|
86
86
|
};
|
|
87
87
|
export const WithScrollableContent = {
|
|
88
88
|
render: (args) => {
|
|
89
|
-
const footerContent = (_jsxs("div", { style: { display: 'flex', gap: '1rem', justifyContent: 'flex-end' }, children: [_jsx(Button, {
|
|
89
|
+
const footerContent = (_jsxs("div", { style: { display: 'flex', gap: '1rem', justifyContent: 'flex-end' }, children: [_jsx(Button, { variant: "secondary", onClick: SlideoverUtils.removeSlideover, children: "Cancel" }), _jsx(Button, { variant: "primary", onClick: SlideoverUtils.removeSlideover, children: "Save" })] }));
|
|
90
90
|
return (_jsxs(_Fragment, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsxs("div", { style: { padding: '1rem', display: 'flex', gap: '1rem' }, children: [_jsx(Button, { onClick: () => {
|
|
91
91
|
slideoverCount++;
|
|
92
92
|
SlideoverUtils.addSlideover({
|
|
@@ -96,7 +96,7 @@ export const WithScrollableContent = {
|
|
|
96
96
|
headerIcon: args.headerIcon,
|
|
97
97
|
centerHeaderText: args.centerHeaderText,
|
|
98
98
|
});
|
|
99
|
-
}, children: "Add Slideover with Scrollable Content" }), _jsx(Button, { onClick: removeSlideover,
|
|
99
|
+
}, children: "Add Slideover with Scrollable Content" }), _jsx(Button, { onClick: removeSlideover, variant: "secondary", children: "Remove Last Slideover" }), _jsx(Button, { onClick: removeAllSlideovers, variant: "primary-destructive", children: "Remove All" })] })] }));
|
|
100
100
|
},
|
|
101
101
|
};
|
|
102
102
|
//# sourceMappingURL=SlideoverManager.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideoverManager.stories.js","sourceRoot":"","sources":["../../../src/components/slideoverManager/SlideoverManager.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAiB,MAAM,sBAAsB,CAAC;AAOnE,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,6BAA6B;IACpC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;YAClC,WAAW,EAAE,yCAAyC;SACvD;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,WAAW,EAAE,mCAAmC;SACjD;KACF;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,IAAI;KACvB;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,0BACE,KAAC,KAAK,KAAG,EACT,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAC7B,yJAEI,EACJ,0FAEI,IACA,IACF,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,IAAI,cAAc,GAAG,CAAC,CAAC;AAEvB,MAAM,uBAAuB,GAAG,CAAC,OAAwB,EAAE,UAAqB,EAAE,gBAA0B,EAAE,EAAE;IAC9G,cAAc,EAAE,CAAC;IACjB,cAAc,CAAC,YAAY,CAAC;QAC1B,KAAK,EAAE,aAAa,cAAc,EAAE;QACpC,QAAQ,EAAE,OAAO;QACjB,UAAU;QACV,gBAAgB;KACjB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;QACvB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,cAAc,CAAC,eAAe,EAAE,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,cAAc,GAAG,CAAC,CAAC;IACnB,cAAc,CAAC,mBAAmB,EAAE,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,8BACE,KAAC,gBAAgB,IAAC,UAAU,EAAE,EAAE,GAAI,EACpC,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAC3D,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CACZ,uBAAuB,CAAC,sDAAkC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,qCAG9F,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"SlideoverManager.stories.js","sourceRoot":"","sources":["../../../src/components/slideoverManager/SlideoverManager.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulkActionsDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/table/BulkActionsDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"BulkActionsDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/table/BulkActionsDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAIjD,KAAK,UAAU,GAAG;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAwBlE,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useContext } from 'react';
|
|
3
3
|
import { GridApiContext } from './GridApiContext';
|
|
4
|
-
import {
|
|
4
|
+
import { Button } from '../button/Button';
|
|
5
|
+
import { Dropdown } from '../dropdown/Dropdown';
|
|
5
6
|
export const BulkActionsDropdown = (props) => {
|
|
6
7
|
const { actions } = props;
|
|
7
8
|
const gridApiRef = useContext(GridApiContext);
|
|
8
|
-
return (_jsxs(
|
|
9
|
-
callback(gridApiRef.current);
|
|
10
|
-
}, disabled: disabled, children: displayName }, displayName))) }) })] }));
|
|
9
|
+
return (_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsxs(Button, { variant: "dropdown", iconRightName: "chevron-down", children: ["Actions (", actions.length, ")"] }) }), _jsx(Dropdown.Content, { children: actions.map(({ displayName, callback, disabled }) => (_jsx(Dropdown.Item, { onSelect: () => callback(gridApiRef.current), disabled: disabled, children: displayName }, displayName))) })] }));
|
|
11
10
|
};
|
|
12
11
|
//# sourceMappingURL=BulkActionsDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulkActionsDropdown.js","sourceRoot":"","sources":["../../../src/components/table/BulkActionsDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"BulkActionsDropdown.js","sourceRoot":"","sources":["../../../src/components/table/BulkActionsDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAYxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,OAAO,cACf,MAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,aAAa,EAAC,cAAc,0BAEpD,OAAO,CAAC,MAAM,SAER,GACQ,EACnB,KAAC,QAAQ,CAAC,OAAO,cAEb,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnD,KAAC,QAAQ,CAAC,IAAI,IAAmB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,YAC9F,WAAW,IADM,WAAW,CAEf,CACjB,CAAC,GAEa,IACV,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -29,12 +29,12 @@ const sampleColumnDefs = [
|
|
|
29
29
|
{ field: 'status' },
|
|
30
30
|
];
|
|
31
31
|
const FooterContent = [
|
|
32
|
-
_jsx(Button, {
|
|
32
|
+
_jsx(Button, { variant: "primary", children: "Button 1" }, 0),
|
|
33
33
|
_jsx("span", { children: "Pagination placeholder" }, 1),
|
|
34
|
-
_jsx(Button, {
|
|
34
|
+
_jsx(Button, { variant: "secondary", children: "Button 2" }, 2),
|
|
35
35
|
];
|
|
36
36
|
const HeaderContent = [
|
|
37
|
-
_jsxs("div", { style: { display: 'flex', gap: '0.5rem' }, children: [_jsx(Button, {
|
|
37
|
+
_jsxs("div", { style: { display: 'flex', gap: '0.5rem' }, children: [_jsx(Button, { variant: "secondary", size: "S", children: "Button 1" }, 0), _jsx(Button, { variant: "secondary", size: "S", children: "Button 2" }, 1)] }, 0),
|
|
38
38
|
_jsxs("div", { style: { display: 'flex', gap: '1rem' }, children: [_jsx(Icon, { name: "search" }), _jsx(Icon, { name: "download" }), _jsx(Icon, { name: "settings" }), _jsx(Icon, { name: "circle-help" }), _jsx(Icon, { name: "expand" })] }, 1),
|
|
39
39
|
];
|
|
40
40
|
export const Default = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;CACjB,CAAC;AAYF,MAAM,UAAU,GAAc;IAC5B,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,2BAA2B,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE;IACzG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,2BAA2B,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE;IACzG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,0BAA0B,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE;IACvG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE;CAClG,CAAC;AAEF,MAAM,aAAa,GAAW;IAC5B,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,CAAC;CACR,CAAC;AAEF,MAAM,gBAAgB,GAA6B;IACjD;QACE,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,sBAAsB,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC;KAC3L;IACD,EAAE,KAAK,EAAE,QAAQ,EAAE;CACpB,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,KAAC,MAAM,IAAS,
|
|
1
|
+
{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { describe, expect, expectTypeOf, test, vi } from 'vitest';
|
|
3
|
-
import { render, screen } from '@testing-library/react';
|
|
3
|
+
import { render, screen, waitFor } from '@testing-library/react';
|
|
4
4
|
import { Table } from './Table';
|
|
5
5
|
import '@testing-library/jest-dom/vitest';
|
|
6
6
|
import { BulkActionsDropdown } from '../table/BulkActionsDropdown';
|
|
@@ -78,8 +78,8 @@ describe('Table', () => {
|
|
|
78
78
|
] })) }));
|
|
79
79
|
expect(screen.getByText('Actions (2)')).toBeInTheDocument();
|
|
80
80
|
await userEvent.click(screen.getByText('Actions (2)'));
|
|
81
|
-
expect(screen.getByText('foo')).toBeInTheDocument();
|
|
82
|
-
expect(screen.getByText('bar')).toBeInTheDocument();
|
|
81
|
+
await waitFor(() => expect(screen.getByText('foo')).toBeInTheDocument());
|
|
82
|
+
await waitFor(() => expect(screen.getByText('bar')).toBeInTheDocument());
|
|
83
83
|
});
|
|
84
84
|
test('bulk actions fire on click', async () => {
|
|
85
85
|
const callbackMock = vi.fn();
|
|
@@ -89,7 +89,7 @@ describe('Table', () => {
|
|
|
89
89
|
},
|
|
90
90
|
] })) }));
|
|
91
91
|
await userEvent.click(screen.getByText('Actions (1)'));
|
|
92
|
-
expect(screen.getByText('foo')).toBeInTheDocument();
|
|
92
|
+
await waitFor(() => expect(screen.getByText('foo')).toBeInTheDocument());
|
|
93
93
|
await userEvent.click(screen.getByText('foo'));
|
|
94
94
|
expect(callbackMock).toHaveBeenCalled();
|
|
95
95
|
expectTypeOf(callbackMock.mock?.lastCall?.[0]).toExtend();
|
|
@@ -103,7 +103,7 @@ describe('Table', () => {
|
|
|
103
103
|
},
|
|
104
104
|
] })) }));
|
|
105
105
|
await userEvent.click(screen.getByText('Actions (1)'));
|
|
106
|
-
expect(screen.getByText('foo')).toBeInTheDocument();
|
|
106
|
+
await waitFor(() => expect(screen.getByText('foo')).toBeInTheDocument());
|
|
107
107
|
expect(screen.getByText('foo')).toHaveAttribute('aria-disabled', 'true');
|
|
108
108
|
await userEvent.click(screen.getByText('foo'));
|
|
109
109
|
expect(callbackMock).not.toHaveBeenCalled();
|