@arbor-education/design-system.components 0.1.2 → 0.1.4
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/.github/workflows/chromatic.yml +2 -1
- package/.github/workflows/release.yml +135 -0
- package/CHANGELOG.md +9 -1
- package/bin/createComponent.sh +39 -9
- package/dist/components/dropdown/Dropdown.d.ts +1 -0
- package/dist/components/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/dropdown/DropdownContent.d.ts +1 -0
- package/dist/components/dropdown/DropdownContent.d.ts.map +1 -1
- package/dist/components/dropdown/DropdownContent.js +3 -2
- package/dist/components/dropdown/DropdownContent.js.map +1 -1
- package/dist/components/formField/FormField.d.ts +8 -0
- package/dist/components/formField/FormField.d.ts.map +1 -1
- package/dist/components/formField/FormField.js +3 -1
- package/dist/components/formField/FormField.js.map +1 -1
- package/dist/components/formField/FormField.stories.d.ts.map +1 -1
- package/dist/components/formField/FormField.stories.js +5 -0
- package/dist/components/formField/FormField.stories.js.map +1 -1
- package/dist/components/formField/FormField.test.js +11 -1
- package/dist/components/formField/FormField.test.js.map +1 -1
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.d.ts +12 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.d.ts.map +1 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.js +17 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.js.map +1 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.d.ts +10 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.d.ts.map +1 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.js +24 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.js.map +1 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.test.d.ts +2 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.test.d.ts.map +1 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.test.js +88 -0
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.test.js.map +1 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts +10 -6
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js +10 -6
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js.map +1 -1
- package/dist/components/icon/Icon.d.ts +0 -1
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +1 -1
- package/dist/components/icon/Icon.js.map +1 -1
- package/dist/components/searchBar/SearchBar.d.ts +8 -0
- package/dist/components/searchBar/SearchBar.d.ts.map +1 -0
- package/dist/components/searchBar/SearchBar.js +38 -0
- package/dist/components/searchBar/SearchBar.js.map +1 -0
- package/dist/components/searchBar/SearchBar.test.d.ts +2 -0
- package/dist/components/searchBar/SearchBar.test.d.ts.map +1 -0
- package/dist/components/searchBar/SearchBar.test.js +36 -0
- package/dist/components/searchBar/SearchBar.test.js.map +1 -0
- package/dist/components/slideover/Slideover.d.ts +1 -0
- package/dist/components/slideover/Slideover.d.ts.map +1 -1
- package/dist/components/slideover/Slideover.js +2 -2
- package/dist/components/slideover/Slideover.js.map +1 -1
- package/dist/components/table/HideColumnsDropdown.d.ts +9 -0
- package/dist/components/table/HideColumnsDropdown.d.ts.map +1 -0
- package/dist/components/table/HideColumnsDropdown.js +33 -0
- package/dist/components/table/HideColumnsDropdown.js.map +1 -0
- package/dist/components/table/Table.d.ts +14 -0
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +8 -3
- package/dist/components/table/Table.js.map +1 -1
- package/dist/components/table/Table.stories.d.ts +3 -0
- package/dist/components/table/Table.stories.d.ts.map +1 -1
- package/dist/components/table/Table.stories.js +53 -1
- package/dist/components/table/Table.stories.js.map +1 -1
- package/dist/components/table/Table.test.js +132 -0
- package/dist/components/table/Table.test.js.map +1 -1
- package/dist/components/table/TableHeader.d.ts +3 -0
- package/dist/components/table/TableHeader.d.ts.map +1 -1
- package/dist/components/table/TableHeader.js +4 -3
- package/dist/components/table/TableHeader.js.map +1 -1
- package/dist/index.css +93 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/src/components/dropdown/DropdownContent.tsx +4 -2
- package/src/components/formField/FormField.stories.tsx +17 -0
- package/src/components/formField/FormField.test.tsx +13 -1
- package/src/components/formField/FormField.tsx +10 -0
- package/src/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.tsx +29 -0
- package/src/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.test.tsx +121 -0
- package/src/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.tsx +53 -0
- package/src/components/formField/inputs/colourPickerDropdown/colourPickerDropdown.scss +12 -0
- package/src/components/formField/inputs/selectDropdown/SelectDropdown.test.tsx +1 -1
- package/src/components/formField/inputs/selectDropdown/SelectDropdown.tsx +55 -41
- package/src/components/heading/heading.scss +1 -0
- package/src/components/icon/Icon.tsx +1 -2
- package/src/components/searchBar/SearchBar.test.tsx +40 -0
- package/src/components/searchBar/SearchBar.tsx +97 -0
- package/src/components/searchBar/searchBar.scss +69 -0
- package/src/components/slideover/Slideover.tsx +10 -5
- package/src/components/table/HideColumnsDropdown.tsx +57 -0
- package/src/components/table/Table.stories.tsx +96 -2
- package/src/components/table/Table.test.tsx +240 -0
- package/src/components/table/Table.tsx +10 -1
- package/src/components/table/TableHeader.tsx +8 -0
- package/src/components/table/table.scss +22 -0
- package/src/index.scss +24 -22
- package/src/index.ts +1 -0
- package/.github/workflows/changeset-version.yml +0 -39
- package/.github/workflows/merge-version-packages-pr.yml +0 -31
- package/.github/workflows/production-build.yml +0 -130
- package/release/design-system.components.tgz +0 -0
package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.test.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColourPickerDropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { type SelectDropdownItemProps } from './items/item/SelectDropdownItem';
|
|
2
2
|
export type SelectDropdownInputProps = {
|
|
3
|
-
placeholder?: string;
|
|
4
|
-
options: SelectDropdownItemProps[];
|
|
5
|
-
multiple?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
'placeholder'?: string;
|
|
4
|
+
'options': SelectDropdownItemProps[];
|
|
5
|
+
'multiple'?: boolean;
|
|
6
|
+
'disabled'?: boolean;
|
|
7
|
+
'hasError'?: boolean;
|
|
8
|
+
'aria-describedBy'?: string;
|
|
9
|
+
'aria-invalid'?: boolean;
|
|
10
|
+
'onSelectionChange'?: (value: string[]) => void;
|
|
11
|
+
'id'?: string;
|
|
12
|
+
'alwaysShowPlaceholder'?: boolean;
|
|
9
13
|
};
|
|
10
14
|
export declare const SelectDropdown: (props: SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
15
|
//# sourceMappingURL=SelectDropdown.d.ts.map
|
|
@@ -1 +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,
|
|
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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,uBAAuB,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,wBAAwB,4CAgG7D,CAAC"}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
3
|
import { SelectDropdownItem } from './items/item/SelectDropdownItem';
|
|
4
4
|
import { Dropdown } from '../../../dropdown/Dropdown';
|
|
5
5
|
import { Button } from '../../../button/Button';
|
|
6
6
|
export const SelectDropdown = (props) => {
|
|
7
|
-
const { options, disabled, multiple, placeholder,
|
|
7
|
+
const { options, disabled, multiple, placeholder, hasError, onSelectionChange, id, 'aria-describedBy': ariaDescribedBy, 'aria-invalid': ariaInvalid, alwaysShowPlaceholder = false } = props;
|
|
8
8
|
const [selectedValues, setSelectedValues] = useState([]);
|
|
9
9
|
const [renderedSelectContent, setRenderedSelectContent] = useState('');
|
|
10
10
|
useEffect(() => {
|
|
11
|
-
onSelectionChange(selectedValues);
|
|
11
|
+
onSelectionChange?.(selectedValues);
|
|
12
12
|
}, [selectedValues]);
|
|
13
13
|
useEffect(() => {
|
|
14
|
+
if (alwaysShowPlaceholder) {
|
|
15
|
+
setRenderedSelectContent(placeholder ?? 'Select');
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
14
18
|
if (selectedValues.length === 0) {
|
|
15
19
|
setRenderedSelectContent(placeholder ?? 'Select');
|
|
16
20
|
}
|
|
@@ -47,8 +51,8 @@ export const SelectDropdown = (props) => {
|
|
|
47
51
|
setSelectedValues(prev => prev.includes(value) ? prev.filter(sel => sel !== value) : [...prev, value]);
|
|
48
52
|
}
|
|
49
53
|
};
|
|
50
|
-
return (_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { disabled: disabled, children: _jsx(Button, { variant: "dropdown", error:
|
|
51
|
-
|
|
52
|
-
|
|
54
|
+
return (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: id, value: selectedValues.join(',') }), _jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { disabled: disabled, children: _jsx(Button, { variant: "dropdown", error: hasError, iconRightName: "chevron-down", id: id, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, children: renderedSelectContent }) }), _jsx(Dropdown.Content, { children: flatOptions.map(item => 'headerLabel' in item
|
|
55
|
+
? (_jsx("h3", { className: "ds-select-dropdown__items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
|
|
56
|
+
: (_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))) })] })] }));
|
|
53
57
|
};
|
|
54
58
|
//# sourceMappingURL=SelectDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAgC,MAAM,iCAAiC,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectDropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -65,7 +65,7 @@ describe('SelectDropdown component', () => {
|
|
|
65
65
|
expect(onSelectionChange).toHaveBeenCalledWith(['option1', 'option2']);
|
|
66
66
|
});
|
|
67
67
|
test('applies error class when errorText is provided', () => {
|
|
68
|
-
render(_jsx(SelectDropdown, { onSelectionChange: vi.fn(), placeholder: "Select", disabled: false,
|
|
68
|
+
render(_jsx(SelectDropdown, { onSelectionChange: vi.fn(), placeholder: "Select", disabled: false, hasError: true, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
69
69
|
const selectElement = screen.getByRole('button');
|
|
70
70
|
expect(selectElement).toHaveClass('ds-button--error');
|
|
71
71
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.test.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SelectDropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG7D,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG7D,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAapC,CAAC"}
|
|
@@ -5,6 +5,6 @@ export const Icon = (props) => {
|
|
|
5
5
|
const { size = 16, color = 'currentColor', name, screenReaderText, className } = props;
|
|
6
6
|
const Component = allowedIcons[name];
|
|
7
7
|
const classes = classNames(className, `ds-icon ds-icon-${name}`);
|
|
8
|
-
return (_jsxs(_Fragment, { children: [_jsx(Component, { size: size, color: color, className: classes, role: "img", "aria-hidden":
|
|
8
|
+
return (_jsxs(_Fragment, { children: [_jsx(Component, { size: size, color: color, className: classes, role: "img", "aria-hidden": true }), !!screenReaderText && (_jsx("span", { className: "sr-only", children: screenReaderText }))] }));
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAiB,MAAM,gBAAgB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAiB,MAAM,gBAAgB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,mBAAmB,IAAI,EAAE,CAAC,CAAC;IACjE,OAAO,CACL,8BAEE,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,KAAK,wBAAe,EACjF,CAAC,CAAC,gBAAgB,IAAI,CACrB,eAAM,SAAS,EAAC,SAAS,YAAE,gBAAgB,GAAQ,CACpD,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type SearchBarProps = {
|
|
2
|
+
searchValue?: string;
|
|
3
|
+
setSearchValue?: (searchValue: string) => void;
|
|
4
|
+
placeholderText?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const SearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=SearchBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAqF9C,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { Button } from '../button/Button';
|
|
4
|
+
import { Icon } from '../icon/Icon';
|
|
5
|
+
import { useRef, useState } from 'react';
|
|
6
|
+
export const SearchBar = (props) => {
|
|
7
|
+
const { searchValue, setSearchValue, placeholderText } = props;
|
|
8
|
+
const [isSearchVisible, setIsSearchVisible] = useState(!!searchValue);
|
|
9
|
+
const searchInputRef = useRef(null);
|
|
10
|
+
const handleSearch = (event) => {
|
|
11
|
+
setSearchValue?.(event.target.value);
|
|
12
|
+
};
|
|
13
|
+
const handleClear = () => {
|
|
14
|
+
setSearchValue?.('');
|
|
15
|
+
setIsSearchVisible(false);
|
|
16
|
+
};
|
|
17
|
+
const handleSearchIconClick = () => {
|
|
18
|
+
setIsSearchVisible(true);
|
|
19
|
+
setTimeout(() => {
|
|
20
|
+
searchInputRef.current?.focus();
|
|
21
|
+
}, 0);
|
|
22
|
+
};
|
|
23
|
+
const handleClearKeyDown = (event) => {
|
|
24
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
25
|
+
event.preventDefault();
|
|
26
|
+
handleClear();
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
if (!isSearchVisible) {
|
|
30
|
+
return (_jsxs(Button, { "data-testid": "search-bar-inactive", className: classNames('ds-search-bar--inactive', {
|
|
31
|
+
'ds-search-bar--inactive-icon-only': !placeholderText,
|
|
32
|
+
'ds-search-bar--inactive-with-placeholder': placeholderText,
|
|
33
|
+
}), onClick: handleSearchIconClick, children: [_jsx(Icon, { name: "search", size: 16, color: "var(--search-global-default-color-icon)", className: "ds-search-bar__icon" }), placeholderText
|
|
34
|
+
&& (_jsx("span", { className: "ds-search-bar--inactive__placeholder", children: placeholderText }))] }));
|
|
35
|
+
}
|
|
36
|
+
return (_jsxs("span", { className: "ds-search-bar", children: [_jsx(Icon, { name: "search", size: 16, className: "ds-search-bar__icon", screenReaderText: "Search icon" }), _jsx("input", { value: searchValue ?? '', onChange: handleSearch, className: "ds-search-bar__input", type: "text", ref: searchInputRef, "aria-label": "Search input" }), _jsx("span", { className: "ds-search-bar__clear-container", role: "button", tabIndex: 0, onClick: handleClear, onKeyDown: handleClearKeyDown, "aria-label": "Clear search", children: _jsx(Icon, { name: "x", size: 12, className: "ds-search-bar__clear" }) })] }));
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=SearchBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,cAAc,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC;QACrB,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,UAAU,CAAC,GAAG,EAAE;YACd,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAClC,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAA2C,EAAE,EAAE;QACzE,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,CACL,MAAC,MAAM,mBACO,qBAAqB,EACjC,SAAS,EACP,UAAU,CAAC,yBAAyB,EAAE;gBACpC,mCAAmC,EAAE,CAAC,eAAe;gBACrD,0CAA0C,EAAE,eAAe;aAC5D,CAAC,EAEJ,OAAO,EAAE,qBAAqB,aAE9B,KAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,yCAAyC,EAC/C,SAAS,EAAC,qBAAqB,GAC/B,EACD,eAAe;uBACX,CACD,eAAM,SAAS,EAAC,sCAAsC,YACnD,eAAe,GACX,CACR,IACI,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gBAAM,SAAS,EAAC,eAAe,aAC7B,KAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,qBAAqB,EAC/B,gBAAgB,EAAC,aAAa,GAC9B,EACF,gBACE,KAAK,EAAE,WAAW,IAAI,EAAE,EACxB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,cAAc,gBACR,cAAc,GACzB,EACF,eACE,SAAS,EAAC,gCAAgC,EAC1C,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,kBAAkB,gBAClB,cAAc,YAEzB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,sBAAsB,GAAG,GACvD,IACF,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.test.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.test.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, expect, test, vi, beforeEach } from 'vitest';
|
|
3
|
+
import { render, screen, fireEvent } from '@testing-library/react';
|
|
4
|
+
import '@testing-library/jest-dom/vitest';
|
|
5
|
+
import { SearchBar } from './SearchBar';
|
|
6
|
+
import userEvent from '@testing-library/user-event';
|
|
7
|
+
const setSearchMock = vi.fn();
|
|
8
|
+
describe('SearchBar component', () => {
|
|
9
|
+
beforeEach(() => {
|
|
10
|
+
setSearchMock.mockClear();
|
|
11
|
+
});
|
|
12
|
+
test('renders search bar with placeholder text', () => {
|
|
13
|
+
render(_jsx(SearchBar, { setSearchValue: setSearchMock, placeholderText: "Search for something" }));
|
|
14
|
+
expect(screen.getByText('Search for something')).toBeInTheDocument();
|
|
15
|
+
});
|
|
16
|
+
test('renders search bar with icon only', () => {
|
|
17
|
+
render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
|
|
18
|
+
expect(screen.getByTestId('search-bar-inactive')).toHaveClass('ds-search-bar--inactive-icon-only');
|
|
19
|
+
});
|
|
20
|
+
test('runs setSearch when input changes', async () => {
|
|
21
|
+
render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
|
|
22
|
+
await userEvent.click(screen.getByTestId('search-bar-inactive'));
|
|
23
|
+
const input = screen.getByLabelText('Search input');
|
|
24
|
+
fireEvent.change(input, { target: { value: 'Hello' } });
|
|
25
|
+
expect(setSearchMock).toHaveBeenCalledTimes(1);
|
|
26
|
+
expect(setSearchMock).toHaveBeenCalledWith('Hello');
|
|
27
|
+
});
|
|
28
|
+
test('runs handleClear when clear button is clicked', async () => {
|
|
29
|
+
render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
|
|
30
|
+
await userEvent.click(screen.getByTestId('search-bar-inactive'));
|
|
31
|
+
await userEvent.click(screen.getByRole('button', { name: 'Clear search' }));
|
|
32
|
+
expect(setSearchMock).toHaveBeenCalledTimes(1);
|
|
33
|
+
expect(setSearchMock).toHaveBeenCalledWith('');
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=SearchBar.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.test.js","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;AAE9B,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,UAAU,CAAC,GAAG,EAAE;QACd,aAAa,CAAC,SAAS,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACpD,MAAM,CAAC,KAAC,SAAS,IAAC,cAAc,EAAE,aAAa,EAAE,eAAe,EAAC,sBAAsB,GAAG,CAAC,CAAC;QAC5F,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,KAAC,SAAS,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,mCAAmC,CAAC,CAAC;IACrG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,CAAC,KAAC,SAAS,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC,CAAC;QACrD,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACjE,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QACpD,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;QACxD,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,CAAC,KAAC,SAAS,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC,CAAC;QACrD,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACjE,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -6,6 +6,7 @@ export type SlideoverProps = {
|
|
|
6
6
|
footerContents?: ReactNode;
|
|
7
7
|
headerIcon?: IconName;
|
|
8
8
|
centerHeaderText?: boolean;
|
|
9
|
+
hideBackButton?: boolean;
|
|
9
10
|
};
|
|
10
11
|
export declare const Slideover: (props: SlideoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
//# sourceMappingURL=Slideover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slideover.d.ts","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Slideover.d.ts","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAyB9C,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { Heading } from '../heading/Heading';
|
|
|
5
5
|
import { Icon } from '../icon/Icon';
|
|
6
6
|
import { SlideoverUtils } from '../../utils/SlideoverUtils';
|
|
7
7
|
export const Slideover = (props) => {
|
|
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, { 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 })] }));
|
|
8
|
+
const { title, children, footerContents, headerIcon, centerHeaderText = true, hideBackButton } = props;
|
|
9
|
+
return (_jsxs("aside", { className: "ds-slideover", children: [_jsxs("div", { className: classNames('ds-slideover__header', { 'ds-slideover__header--center': centerHeaderText }), children: [!hideBackButton && (_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;
|
|
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;AAWtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,GAAG,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEvG,OAAO,CACL,iBAAO,SAAS,EAAC,cAAc,aAC7B,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAE,8BAA8B,EAAE,gBAAgB,EAAE,CAAC,aAEpG,CAAC,cAAc,IAAI,CACjB,MAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,cAAc,CAAC,eAAe,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,GAAG,YAEtB,CACV,EAEH,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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Column } from 'ag-grid-community';
|
|
2
|
+
type HideColumnsDropdownProps = {
|
|
3
|
+
columns?: Column[];
|
|
4
|
+
onSelectionChanged?: (cols: string[]) => void;
|
|
5
|
+
overrideColumnHiding?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const HideColumnsDropdown: (props: HideColumnsDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=HideColumnsDropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HideColumnsDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/table/HideColumnsDropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,KAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,mDA6ClE,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { SelectDropdown } from '../formField/inputs/selectDropdown/SelectDropdown';
|
|
3
|
+
import { useContext, useState } from 'react';
|
|
4
|
+
import { GridApiContext } from './GridApiContext';
|
|
5
|
+
export const HideColumnsDropdown = (props) => {
|
|
6
|
+
const { columns: rawColumns, onSelectionChanged, overrideColumnHiding = false, } = props;
|
|
7
|
+
const gridApi = useContext(GridApiContext);
|
|
8
|
+
const currentColumns = rawColumns || gridApi?.getColumns();
|
|
9
|
+
const [hiddenColumns, setHiddenColumns] = useState([]);
|
|
10
|
+
if (!currentColumns || currentColumns.length === 0)
|
|
11
|
+
return null;
|
|
12
|
+
const options = currentColumns.map(column => ({
|
|
13
|
+
label: column.getColDef().headerName,
|
|
14
|
+
selected: column.isVisible(),
|
|
15
|
+
value: column.getColId(),
|
|
16
|
+
}));
|
|
17
|
+
const handleVisibilityChange = (columnsToHide) => {
|
|
18
|
+
if (onSelectionChanged) {
|
|
19
|
+
onSelectionChanged(columnsToHide);
|
|
20
|
+
}
|
|
21
|
+
setHiddenColumns(columnsToHide);
|
|
22
|
+
if (!overrideColumnHiding) {
|
|
23
|
+
const columnsToShow = currentColumns.filter((col) => {
|
|
24
|
+
return !columnsToHide.includes(col.getColId());
|
|
25
|
+
});
|
|
26
|
+
gridApi?.setColumnsVisible(columnsToHide, false);
|
|
27
|
+
gridApi?.setColumnsVisible(columnsToShow, true);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
const placeholderText = hiddenColumns.length > 0 ? `Hide (${hiddenColumns.length})` : 'Hide Columns';
|
|
31
|
+
return (_jsx(SelectDropdown, { multiple: true, placeholder: placeholderText, options: options, onSelectionChange: handleVisibilityChange, alwaysShowPlaceholder: true }));
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=HideColumnsDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HideColumnsDropdown.js","sourceRoot":"","sources":["../../../src/components/table/HideColumnsDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAC3F,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EACJ,OAAO,EAAE,UAAU,EACnB,kBAAkB,EAClB,oBAAoB,GAAG,KAAK,GAC7B,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,MAAM,cAAc,GAAG,UAAU,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEjE,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhE,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC5C,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,UAAU;QACpC,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE;QAC5B,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;KACzB,CAAC,CAAC,CAAC;IAEJ,MAAM,sBAAsB,GAAG,CAAC,aAAuB,EAAE,EAAE;QACzD,IAAI,kBAAkB,EAAE,CAAC;YACvB,kBAAkB,CAAC,aAAa,CAAC,CAAC;QACpC,CAAC;QACD,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAChC,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC1B,MAAM,aAAa,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;gBAClD,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;YACjD,CAAC,CAAC,CAAC;YAEH,OAAO,EAAE,iBAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YACjD,OAAO,EAAE,iBAAiB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QAClD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC;IAErG,OAAO,CACL,KAAC,cAAc,IACb,QAAQ,QACR,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,sBAAsB,EACzC,qBAAqB,SACrB,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { type GridApi } from 'ag-grid-enterprise';
|
|
1
2
|
import { type AgGridReactProps } from 'ag-grid-react';
|
|
2
3
|
import { type ReactNode } from 'react';
|
|
3
4
|
type TableProps<TData = any> = {
|
|
4
5
|
'wrapperClassName'?: string;
|
|
5
6
|
'data-testid'?: string;
|
|
7
|
+
'hasSearch'?: boolean;
|
|
6
8
|
'footerContent'?: ReactNode;
|
|
7
9
|
'footerTestId'?: string;
|
|
8
10
|
'headerContent'?: ReactNode;
|
|
@@ -16,6 +18,18 @@ export declare const Table: {
|
|
|
16
18
|
PageSizeSelector: (props: import("./pagination/PageSizeSelector").PageSizeSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
19
|
PaginationControls: (props: import("./pagination/PaginationControls").PaginationControlsProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
20
|
RowCountInfo: (props: import("./pagination/RowCountInfo").RowCountInfoProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
21
|
+
BulkActionsDropdown: (props: {
|
|
22
|
+
actions: {
|
|
23
|
+
displayName: string;
|
|
24
|
+
callback: (api: GridApi | null) => void;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
}[];
|
|
27
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
HideColumnsDropdown: (props: {
|
|
29
|
+
columns?: import("ag-grid-enterprise").Column[];
|
|
30
|
+
onSelectionChanged?: (cols: string[]) => void;
|
|
31
|
+
overrideColumnHiding?: boolean;
|
|
32
|
+
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
19
33
|
};
|
|
20
34
|
export {};
|
|
21
35
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYjD,KAAK,UAAU,CAAC,KAAK,GAAG,GAAG,IAAI;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAI5B,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;CA4CtC,CAAC"}
|
|
@@ -11,18 +11,23 @@ import { PaginationPanel } from './pagination/PaginationPanel';
|
|
|
11
11
|
import { PageSizeSelector } from './pagination/PageSizeSelector';
|
|
12
12
|
import { PaginationControls } from './pagination/PaginationControls';
|
|
13
13
|
import { RowCountInfo } from './pagination/RowCountInfo';
|
|
14
|
+
import { BulkActionsDropdown } from './BulkActionsDropdown';
|
|
15
|
+
import { HideColumnsDropdown } from './HideColumnsDropdown';
|
|
14
16
|
ModuleRegistry.registerModules([AllEnterpriseModule]);
|
|
15
17
|
export const Table = (props) => {
|
|
16
|
-
const { 'data-testid': testId, wrapperClassName, headerContent, headerTestId, footerContent, footerTestId, onGridReady, ...rest } = props;
|
|
18
|
+
const { 'data-testid': testId, wrapperClassName, headerContent, headerTestId, hasSearch = true, footerContent, footerTestId, onGridReady, ...rest } = props;
|
|
17
19
|
const [gridApi, setGridApi] = useState(null);
|
|
18
|
-
|
|
20
|
+
const [searchValue, setSearchValue] = useState('');
|
|
21
|
+
return (_jsx(GridApiContext.Provider, { value: gridApi, children: _jsxs("section", { "data-testid": testId, className: classNames('ds-table__container', wrapperClassName), children: [headerContent && (_jsx(TableHeader, { "data-testid": headerTestId, hasSearch: hasSearch, searchValue: searchValue, setSearchValue: setSearchValue, children: headerContent })), _jsx(AgGridReact, { theme: tableTheme, onGridReady: (event) => {
|
|
19
22
|
const { api } = event;
|
|
20
23
|
setGridApi(api);
|
|
21
24
|
onGridReady?.(event);
|
|
22
|
-
}, suppressPaginationPanel: true, ...rest }), footerContent && (_jsx(TableFooter, { "data-testid": footerTestId, children: footerContent }))] }) }));
|
|
25
|
+
}, suppressPaginationPanel: true, ...rest, ...(hasSearch && { quickFilterText: searchValue }) }), footerContent && (_jsx(TableFooter, { "data-testid": footerTestId, children: footerContent }))] }) }));
|
|
23
26
|
};
|
|
24
27
|
Table.PaginationPanel = PaginationPanel;
|
|
25
28
|
Table.PageSizeSelector = PageSizeSelector;
|
|
26
29
|
Table.PaginationControls = PaginationControls;
|
|
27
30
|
Table.RowCountInfo = RowCountInfo;
|
|
31
|
+
Table.BulkActionsDropdown = BulkActionsDropdown;
|
|
32
|
+
Table.HideColumnsDropdown = HideColumnsDropdown;
|
|
28
33
|
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAgB,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAgB,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAa5D,cAAc,CAAC,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EACJ,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,SAAS,GAAG,IAAI,EAChB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACrC,kCAAsB,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,gBAAgB,CAAC,aACzF,aAAa,IAAI,CAChB,KAAC,WAAW,mBAAc,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,YACnH,aAAa,GACF,CACf,EACD,KAAC,WAAW,IACV,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;wBACrB,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;wBACtB,UAAU,CAAC,GAAG,CAAC,CAAC;wBAChB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;oBACvB,CAAC,EACD,uBAAuB,WACnB,IAAI,KACJ,CAAC,SAAS,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC,GACnD,EACD,aAAa,IAAI,CAChB,KAAC,WAAW,mBAAc,YAAY,YACnC,aAAa,GACF,CACf,IACO,GACc,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;AACxC,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;AAC1C,KAAK,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;AAC9C,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;AAClC,KAAK,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;AAChD,KAAK,CAAC,mBAAmB,GAAG,mBAAmB,CAAC"}
|
|
@@ -7,8 +7,11 @@ type Story = StoryObj<typeof Table>;
|
|
|
7
7
|
export declare const Default: Story;
|
|
8
8
|
export declare const WithFooter: Story;
|
|
9
9
|
export declare const WithHeader: Story;
|
|
10
|
+
export declare const WithHeaderAndNoSearch: Story;
|
|
10
11
|
export declare const WithHeaderAndFooter: Story;
|
|
11
12
|
export declare const WithBulkActions: Story;
|
|
13
|
+
export declare const WithHideColumnsDropdown: Story;
|
|
14
|
+
export declare const WithRestrictedHideColumnsDropdown: Story;
|
|
12
15
|
export declare const WithClientSidePagination: StoryObj<TableProps>;
|
|
13
16
|
export declare const WithServerSidePagination: StoryObj<TableProps>;
|
|
14
17
|
export default meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAKtD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAG1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAqDpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAwB7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAoCrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KA2C/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CASzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CA0CzD,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import {} from 'ag-grid-enterprise';
|
|
2
3
|
import { Table } from './Table';
|
|
3
4
|
import { Button } from '../button/Button';
|
|
4
5
|
import { Icon } from '../icon/Icon';
|
|
@@ -6,6 +7,7 @@ import { BulkActionsDropdown } from './BulkActionsDropdown';
|
|
|
6
7
|
import { useState } from 'react';
|
|
7
8
|
import { RowCountInfo } from './pagination/RowCountInfo';
|
|
8
9
|
import { PaginationPanel } from './pagination/PaginationPanel';
|
|
10
|
+
import { HideColumnsDropdown } from './HideColumnsDropdown';
|
|
9
11
|
const meta = {
|
|
10
12
|
title: 'Components/Table',
|
|
11
13
|
component: Table,
|
|
@@ -38,7 +40,7 @@ const FooterContent = [
|
|
|
38
40
|
];
|
|
39
41
|
const HeaderContent = [
|
|
40
42
|
_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),
|
|
41
|
-
_jsxs("div", { style: { display: 'flex', gap: '1rem' }, children: [_jsx(Icon, { name: "
|
|
43
|
+
_jsxs("div", { style: { display: 'flex', gap: '1rem' }, children: [_jsx(Icon, { name: "download" }), _jsx(Icon, { name: "settings" }), _jsx(Icon, { name: "circle-help" }), _jsx(Icon, { name: "expand" })] }, 1),
|
|
42
44
|
];
|
|
43
45
|
export const Default = {
|
|
44
46
|
args: {
|
|
@@ -72,6 +74,16 @@ export const WithHeader = {
|
|
|
72
74
|
headerContent: HeaderContent,
|
|
73
75
|
},
|
|
74
76
|
};
|
|
77
|
+
export const WithHeaderAndNoSearch = {
|
|
78
|
+
args: {
|
|
79
|
+
rowData: sampleData,
|
|
80
|
+
columnDefs: sampleColumnDefs,
|
|
81
|
+
defaultColDef: defaultColDef,
|
|
82
|
+
domLayout: 'autoHeight',
|
|
83
|
+
headerContent: HeaderContent,
|
|
84
|
+
hasSearch: false,
|
|
85
|
+
},
|
|
86
|
+
};
|
|
75
87
|
export const WithHeaderAndFooter = {
|
|
76
88
|
args: {
|
|
77
89
|
rowData: sampleData,
|
|
@@ -104,6 +116,46 @@ export const WithBulkActions = {
|
|
|
104
116
|
],
|
|
105
117
|
},
|
|
106
118
|
};
|
|
119
|
+
export const WithHideColumnsDropdown = {
|
|
120
|
+
args: {
|
|
121
|
+
rowData: sampleData,
|
|
122
|
+
columnDefs: sampleColumnDefs,
|
|
123
|
+
defaultColDef: defaultColDef,
|
|
124
|
+
domLayout: 'autoHeight',
|
|
125
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
126
|
+
// @ts-ignore
|
|
127
|
+
overrideColumnHiding: false,
|
|
128
|
+
},
|
|
129
|
+
render: (args) => {
|
|
130
|
+
const { rowData, columnDefs, defaultColDef, domLayout,
|
|
131
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
132
|
+
// @ts-ignore
|
|
133
|
+
overrideColumnHiding, } = args;
|
|
134
|
+
return (_jsx(Table, { rowData: rowData, columnDefs: columnDefs, defaultColDef: defaultColDef, domLayout: domLayout, headerContent: (_jsx(HideColumnsDropdown, { overrideColumnHiding: overrideColumnHiding, onSelectionChanged: console.log })) }));
|
|
135
|
+
},
|
|
136
|
+
};
|
|
137
|
+
export const WithRestrictedHideColumnsDropdown = {
|
|
138
|
+
args: {
|
|
139
|
+
rowData: sampleData,
|
|
140
|
+
columnDefs: sampleColumnDefs,
|
|
141
|
+
defaultColDef: defaultColDef,
|
|
142
|
+
domLayout: 'autoHeight',
|
|
143
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
144
|
+
// @ts-ignore
|
|
145
|
+
overrideColumnHiding: false,
|
|
146
|
+
},
|
|
147
|
+
render: (args) => {
|
|
148
|
+
const { rowData, columnDefs, defaultColDef, domLayout,
|
|
149
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
150
|
+
// @ts-ignore
|
|
151
|
+
overrideColumnHiding, } = args;
|
|
152
|
+
const [columns, setColumns] = useState([]);
|
|
153
|
+
return (_jsx(Table, { rowData: rowData, columnDefs: columnDefs, defaultColDef: defaultColDef, domLayout: domLayout, onGridReady: (params) => {
|
|
154
|
+
const { api } = params;
|
|
155
|
+
setColumns(api.getColumns()?.slice(1) || []);
|
|
156
|
+
}, headerContent: (_jsx(HideColumnsDropdown, { overrideColumnHiding: overrideColumnHiding, onSelectionChanged: console.log, columns: columns })) }));
|
|
157
|
+
},
|
|
158
|
+
};
|
|
107
159
|
export const WithClientSidePagination = {
|
|
108
160
|
args: {
|
|
109
161
|
rowData: sampleData,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"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"}
|