@arbor-education/design-system.components 0.15.0 → 0.16.1
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/.gather/skills/write-stories/SKILL.md +207 -271
- package/.storybook/preview.ts +5 -0
- package/CHANGELOG.md +23 -0
- package/README.md +8 -0
- package/component-library.md +144 -13
- package/dist/components/articleCard/ArticleCard.stories.d.ts +137 -11
- package/dist/components/articleCard/ArticleCard.stories.d.ts.map +1 -1
- package/dist/components/articleCard/ArticleCard.stories.js +358 -91
- package/dist/components/articleCard/ArticleCard.stories.js.map +1 -1
- package/dist/components/avatar/Avatar.stories.d.ts +6 -6
- package/dist/components/avatar/Avatar.stories.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.stories.js +393 -49
- package/dist/components/avatar/Avatar.stories.js.map +1 -1
- package/dist/components/avatarGroup/AvatarGroup.stories.d.ts +9 -7
- package/dist/components/avatarGroup/AvatarGroup.stories.d.ts.map +1 -1
- package/dist/components/avatarGroup/AvatarGroup.stories.js +688 -65
- package/dist/components/avatarGroup/AvatarGroup.stories.js.map +1 -1
- package/dist/components/banner/Banner.stories.d.ts.map +1 -1
- package/dist/components/banner/Banner.stories.js +7 -3
- package/dist/components/banner/Banner.stories.js.map +1 -1
- package/dist/components/card/Card.stories.d.ts +105 -4
- package/dist/components/card/Card.stories.d.ts.map +1 -1
- package/dist/components/card/Card.stories.js +336 -18
- package/dist/components/card/Card.stories.js.map +1 -1
- package/dist/components/combobox/Combobox.stories.d.ts +134 -21
- package/dist/components/combobox/Combobox.stories.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.stories.js +676 -175
- package/dist/components/combobox/Combobox.stories.js.map +1 -1
- package/dist/components/datePicker/DatePicker.stories.d.ts +119 -27
- package/dist/components/datePicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/components/datePicker/DatePicker.stories.js +575 -47
- package/dist/components/datePicker/DatePicker.stories.js.map +1 -1
- package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts +155 -39
- package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts.map +1 -1
- package/dist/components/dateTimePicker/DateTimePicker.stories.js +674 -103
- package/dist/components/dateTimePicker/DateTimePicker.stories.js.map +1 -1
- package/dist/components/editableText/EditableText.stories.d.ts +53 -12
- package/dist/components/editableText/EditableText.stories.d.ts.map +1 -1
- package/dist/components/editableText/EditableText.stories.js +401 -64
- package/dist/components/editableText/EditableText.stories.js.map +1 -1
- package/dist/components/formField/FormField.d.ts +4 -0
- package/dist/components/formField/FormField.d.ts.map +1 -1
- package/dist/components/formField/FormField.js +2 -1
- package/dist/components/formField/FormField.js.map +1 -1
- package/dist/components/formField/FormField.test.js +5 -0
- package/dist/components/formField/FormField.test.js.map +1 -1
- package/dist/components/formField/fieldset/Fieldset.stories.d.ts +56 -4
- package/dist/components/formField/fieldset/Fieldset.stories.d.ts.map +1 -1
- package/dist/components/formField/fieldset/Fieldset.stories.js +534 -28
- package/dist/components/formField/fieldset/Fieldset.stories.js.map +1 -1
- package/dist/components/formField/inputs/checkbox/CheckboxGroup.d.ts +3 -1
- package/dist/components/formField/inputs/checkbox/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/formField/inputs/checkbox/CheckboxInput.js +1 -1
- package/dist/components/formField/inputs/checkbox/CheckboxInput.js.map +1 -1
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.d.ts +95 -1
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.d.ts.map +1 -1
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.js +386 -9
- package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.js.map +1 -1
- package/dist/components/formField/inputs/radio/RadioButtonGroup.d.ts +6 -2
- package/dist/components/formField/inputs/radio/RadioButtonGroup.d.ts.map +1 -1
- package/dist/components/formField/inputs/radio/RadioButtonGroup.js.map +1 -1
- package/dist/components/formField/inputs/radio/RadioButtonInput.stories.d.ts.map +1 -1
- package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js +61 -49
- package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts +188 -166
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js +821 -160
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js.map +1 -1
- package/dist/components/formField/inputs/time/TimeInput.stories.d.ts +176 -22
- package/dist/components/formField/inputs/time/TimeInput.stories.d.ts.map +1 -1
- package/dist/components/formField/inputs/time/TimeInput.stories.js +851 -92
- package/dist/components/formField/inputs/time/TimeInput.stories.js.map +1 -1
- package/dist/components/formField/label/Label.stories.d.ts +54 -5
- package/dist/components/formField/label/Label.stories.d.ts.map +1 -1
- package/dist/components/formField/label/Label.stories.js +238 -4
- package/dist/components/formField/label/Label.stories.js.map +1 -1
- package/dist/components/icoText/IcoText.stories.d.ts +32 -6
- package/dist/components/icoText/IcoText.stories.d.ts.map +1 -1
- package/dist/components/icoText/IcoText.stories.js +309 -14
- package/dist/components/icoText/IcoText.stories.js.map +1 -1
- package/dist/components/kpiCard/KPICard.stories.d.ts +100 -2
- package/dist/components/kpiCard/KPICard.stories.d.ts.map +1 -1
- package/dist/components/kpiCard/KPICard.stories.js +354 -10
- package/dist/components/kpiCard/KPICard.stories.js.map +1 -1
- package/dist/components/kvpList/KVPList.stories.d.ts +57 -4
- package/dist/components/kvpList/KVPList.stories.d.ts.map +1 -1
- package/dist/components/kvpList/KVPList.stories.js +403 -10
- package/dist/components/kvpList/KVPList.stories.js.map +1 -1
- package/dist/components/modal/Modal.stories.d.ts +113 -9
- package/dist/components/modal/Modal.stories.d.ts.map +1 -1
- package/dist/components/modal/Modal.stories.js +633 -13
- package/dist/components/modal/Modal.stories.js.map +1 -1
- package/dist/components/modal/modalManager/ModalManager.stories.d.ts +34 -10
- package/dist/components/modal/modalManager/ModalManager.stories.d.ts.map +1 -1
- package/dist/components/modal/modalManager/ModalManager.stories.js +463 -85
- package/dist/components/modal/modalManager/ModalManager.stories.js.map +1 -1
- package/dist/components/pill/Pill.d.ts.map +1 -1
- package/dist/components/pill/Pill.js +1 -1
- package/dist/components/pill/Pill.js.map +1 -1
- package/dist/components/pill/Pill.stories.d.ts.map +1 -1
- package/dist/components/pill/Pill.stories.js +11 -13
- package/dist/components/pill/Pill.stories.js.map +1 -1
- package/dist/components/row/Row.stories.d.ts +1 -2
- package/dist/components/row/Row.stories.d.ts.map +1 -1
- package/dist/components/row/Row.stories.js +360 -50
- package/dist/components/row/Row.stories.js.map +1 -1
- package/dist/components/searchBar/SearchBar.stories.d.ts +52 -4
- package/dist/components/searchBar/SearchBar.stories.d.ts.map +1 -1
- package/dist/components/searchBar/SearchBar.stories.js +428 -36
- package/dist/components/searchBar/SearchBar.stories.js.map +1 -1
- package/dist/components/section/Section.stories.d.ts +11 -41
- package/dist/components/section/Section.stories.d.ts.map +1 -1
- package/dist/components/section/Section.stories.js +494 -56
- package/dist/components/section/Section.stories.js.map +1 -1
- package/dist/components/singleUser/SingleUser.stories.d.ts +5 -4
- package/dist/components/singleUser/SingleUser.stories.d.ts.map +1 -1
- package/dist/components/singleUser/SingleUser.stories.js +303 -31
- package/dist/components/singleUser/SingleUser.stories.js.map +1 -1
- package/dist/components/slideoverManager/SlideoverManager.stories.d.ts +32 -11
- package/dist/components/slideoverManager/SlideoverManager.stories.d.ts.map +1 -1
- package/dist/components/slideoverManager/SlideoverManager.stories.js +380 -84
- package/dist/components/slideoverManager/SlideoverManager.stories.js.map +1 -1
- package/dist/components/table/DSDefaultColDef.d.ts.map +1 -1
- package/dist/components/table/DSDefaultColDef.js +4 -3
- package/dist/components/table/DSDefaultColDef.js.map +1 -1
- package/dist/components/table/Table.d.ts +6 -1
- 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 +384 -5
- package/dist/components/table/Table.stories.js.map +1 -1
- package/dist/components/table/Table.test.js +30 -0
- package/dist/components/table/Table.test.js.map +1 -1
- package/dist/components/table/TableFooter.stories.d.ts +49 -0
- package/dist/components/table/TableFooter.stories.d.ts.map +1 -0
- package/dist/components/table/TableFooter.stories.js +137 -0
- package/dist/components/table/TableFooter.stories.js.map +1 -0
- package/dist/components/table/TableHeader.stories.d.ts +93 -0
- package/dist/components/table/TableHeader.stories.d.ts.map +1 -0
- package/dist/components/table/TableHeader.stories.js +176 -0
- package/dist/components/table/TableHeader.stories.js.map +1 -0
- package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts +44 -0
- package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts.map +1 -0
- package/dist/components/table/cellEditors/DateCellEditor.stories.js +186 -0
- package/dist/components/table/cellEditors/DateCellEditor.stories.js.map +1 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts +40 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js +209 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js.map +1 -0
- package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts +48 -0
- package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js +244 -0
- package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js.map +1 -0
- package/dist/components/table/cellRenderers/CheckboxCellRenderer.d.ts.map +1 -1
- package/dist/components/table/cellRenderers/CheckboxCellRenderer.js +3 -1
- package/dist/components/table/cellRenderers/CheckboxCellRenderer.js.map +1 -1
- package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts +64 -0
- package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js +241 -0
- package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js.map +1 -0
- package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts +55 -0
- package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js +245 -0
- package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js.map +1 -0
- package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts +67 -0
- package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js +221 -0
- package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js.map +1 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts +75 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js +270 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js.map +1 -0
- package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts +57 -0
- package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts.map +1 -0
- package/dist/components/table/columnFilters/BooleanFilter.stories.js +198 -0
- package/dist/components/table/columnFilters/BooleanFilter.stories.js.map +1 -0
- package/dist/components/table/columnFilters/TimeFilter.stories.d.ts +58 -0
- package/dist/components/table/columnFilters/TimeFilter.stories.d.ts.map +1 -0
- package/dist/components/table/columnFilters/TimeFilter.stories.js +207 -0
- package/dist/components/table/columnFilters/TimeFilter.stories.js.map +1 -0
- package/dist/components/table/pagination/PaginationPanel.stories.d.ts +113 -0
- package/dist/components/table/pagination/PaginationPanel.stories.d.ts.map +1 -0
- package/dist/components/table/pagination/PaginationPanel.stories.js +272 -0
- package/dist/components/table/pagination/PaginationPanel.stories.js.map +1 -0
- package/dist/components/table/tableControls/HideColumnsDropdown.d.ts.map +1 -1
- package/dist/components/table/tableControls/HideColumnsDropdown.js +9 -3
- package/dist/components/table/tableControls/HideColumnsDropdown.js.map +1 -1
- package/dist/components/table/tableControls/TableControls.stories.d.ts +151 -0
- package/dist/components/table/tableControls/TableControls.stories.d.ts.map +1 -0
- package/dist/components/table/tableControls/TableControls.stories.js +356 -0
- package/dist/components/table/tableControls/TableControls.stories.js.map +1 -0
- package/dist/components/table/tableControls/TableSettingsDropdown.d.ts +27 -1
- package/dist/components/table/tableControls/TableSettingsDropdown.d.ts.map +1 -1
- package/dist/components/table/tableControls/TableSettingsDropdown.js +53 -26
- package/dist/components/table/tableControls/TableSettingsDropdown.js.map +1 -1
- package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts +2 -0
- package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts.map +1 -0
- package/dist/components/table/tableControls/TableSettingsDropdown.test.js +178 -0
- package/dist/components/table/tableControls/TableSettingsDropdown.test.js.map +1 -0
- package/dist/components/tabs/Tabs.stories.d.ts +22 -4
- package/dist/components/tabs/Tabs.stories.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.stories.js +398 -22
- package/dist/components/tabs/Tabs.stories.js.map +1 -1
- package/dist/components/tabs/TabsItem.stories.d.ts +54 -1
- package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
- package/dist/components/tabs/TabsItem.stories.js +61 -9
- package/dist/components/tabs/TabsItem.stories.js.map +1 -1
- package/dist/components/toast/Toast.stories.d.ts +103 -10
- package/dist/components/toast/Toast.stories.d.ts.map +1 -1
- package/dist/components/toast/Toast.stories.js +409 -47
- package/dist/components/toast/Toast.stories.js.map +1 -1
- package/dist/components/toggle/Toggle.stories.d.ts +61 -46
- package/dist/components/toggle/Toggle.stories.d.ts.map +1 -1
- package/dist/components/toggle/Toggle.stories.js +311 -122
- package/dist/components/toggle/Toggle.stories.js.map +1 -1
- package/dist/components/tooltip/Tooltip.stories.d.ts +78 -6
- package/dist/components/tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.stories.js +413 -7
- package/dist/components/tooltip/Tooltip.stories.js.map +1 -1
- package/dist/components/tooltip/TooltipWrapper.stories.d.ts +71 -7
- package/dist/components/tooltip/TooltipWrapper.stories.d.ts.map +1 -1
- package/dist/components/tooltip/TooltipWrapper.stories.js +238 -10
- package/dist/components/tooltip/TooltipWrapper.stories.js.map +1 -1
- package/dist/index.css +8 -0
- package/dist/index.css.map +1 -1
- package/dist/utils/PopupParentContext.stories.d.ts +17 -0
- package/dist/utils/PopupParentContext.stories.d.ts.map +1 -0
- package/dist/utils/PopupParentContext.stories.js +266 -0
- package/dist/utils/PopupParentContext.stories.js.map +1 -0
- package/dist/utils/getDefaultPopupParent.d.ts.map +1 -1
- package/dist/utils/getDefaultPopupParent.js +6 -0
- package/dist/utils/getDefaultPopupParent.js.map +1 -1
- package/package.json +1 -1
- package/src/components/articleCard/ArticleCard.stories.tsx +524 -111
- package/src/components/avatar/Avatar.stories.tsx +504 -59
- package/src/components/avatarGroup/AvatarGroup.stories.tsx +977 -175
- package/src/components/banner/Banner.stories.tsx +7 -3
- package/src/components/card/Card.stories.tsx +466 -36
- package/src/components/combobox/Combobox.stories.tsx +867 -260
- package/src/components/datePicker/DatePicker.stories.tsx +777 -60
- package/src/components/dateTimePicker/DateTimePicker.stories.tsx +910 -132
- package/src/components/editableText/EditableText.stories.tsx +567 -91
- package/src/components/formField/FormField.test.tsx +6 -0
- package/src/components/formField/FormField.tsx +5 -0
- package/src/components/formField/fieldset/Fieldset.stories.tsx +761 -51
- package/src/components/formField/inputs/checkbox/CheckboxGroup.tsx +1 -1
- package/src/components/formField/inputs/checkbox/CheckboxInput.tsx +1 -1
- package/src/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.tsx +504 -11
- package/src/components/formField/inputs/radio/RadioButtonGroup.tsx +17 -4
- package/src/components/formField/inputs/radio/RadioButtonInput.stories.tsx +71 -59
- package/src/components/formField/inputs/selectDropdown/SelectDropdown.stories.tsx +1079 -168
- package/src/components/formField/inputs/time/TimeInput.stories.tsx +1140 -104
- package/src/components/formField/label/Label.stories.tsx +317 -8
- package/src/components/icoText/IcoText.stories.tsx +442 -31
- package/src/components/kpiCard/KPICard.stories.tsx +475 -30
- package/src/components/kvpList/KVPList.stories.tsx +593 -26
- package/src/components/modal/Modal.stories.tsx +963 -26
- package/src/components/modal/modalManager/ModalManager.stories.tsx +612 -454
- package/src/components/pill/Pill.stories.tsx +11 -13
- package/src/components/pill/Pill.tsx +1 -0
- package/src/components/row/Row.stories.tsx +474 -58
- package/src/components/searchBar/SearchBar.stories.tsx +570 -38
- package/src/components/section/Section.stories.tsx +723 -70
- package/src/components/singleUser/SingleUser.stories.tsx +393 -34
- package/src/components/slideoverManager/SlideoverManager.stories.tsx +572 -342
- package/src/components/table/DSDefaultColDef.ts +25 -5
- package/src/components/table/Table.stories.tsx +460 -5
- package/src/components/table/Table.test.tsx +53 -0
- package/src/components/table/Table.tsx +9 -2
- package/src/components/table/TableFooter.stories.tsx +196 -0
- package/src/components/table/TableHeader.stories.tsx +251 -0
- package/src/components/table/cellEditors/DateCellEditor.stories.tsx +245 -0
- package/src/components/table/cellRenderers/BooleanCellRenderer.stories.tsx +278 -0
- package/src/components/table/cellRenderers/ButtonCellRenderer.stories.tsx +333 -0
- package/src/components/table/cellRenderers/CheckboxCellRenderer.stories.tsx +337 -0
- package/src/components/table/cellRenderers/CheckboxCellRenderer.tsx +5 -1
- package/src/components/table/cellRenderers/DefaultCellRenderer.stories.tsx +342 -0
- package/src/components/table/cellRenderers/InlineTextCellRenderer.stories.tsx +292 -0
- package/src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx +369 -0
- package/src/components/table/columnFilters/BooleanFilter.stories.tsx +268 -0
- package/src/components/table/columnFilters/TimeFilter.stories.tsx +281 -0
- package/src/components/table/pagination/PaginationPanel.stories.tsx +327 -0
- package/src/components/table/tableControls/HideColumnsDropdown.tsx +11 -2
- package/src/components/table/tableControls/TableControls.stories.tsx +415 -0
- package/src/components/table/tableControls/TableSettingsDropdown.test.tsx +207 -0
- package/src/components/table/tableControls/TableSettingsDropdown.tsx +103 -39
- package/src/components/tabs/Tabs.stories.tsx +540 -60
- package/src/components/tabs/TabsItem.stories.tsx +82 -8
- package/src/components/toast/Toast.stories.tsx +539 -77
- package/src/components/toggle/Toggle.stories.tsx +371 -135
- package/src/components/tooltip/Tooltip.stories.tsx +606 -15
- package/src/components/tooltip/TooltipWrapper.stories.tsx +348 -12
- package/src/docs/Contributing.mdx +241 -0
- package/src/docs/UsingComponents.mdx +93 -0
- package/src/docs/Welcome.mdx +68 -0
- package/src/global.scss +7 -0
- package/src/utils/PopupParentContext.stories.tsx +367 -0
- package/src/utils/getDefaultPopupParent.ts +6 -0
- package/.ralph/storybook-upgrade/knowledge.md +0 -308
- package/.ralph/storybook-upgrade/prd.json +0 -777
- package/.ralph/storybook-upgrade/progress.md +0 -342
- package/src/components/table/TableWIP.mdx +0 -3
|
@@ -0,0 +1,356 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
|
|
3
|
+
import { fn } from 'storybook/test';
|
|
4
|
+
import { TableControls } from './TableControls';
|
|
5
|
+
// ---------------------------------------------------------------------------
|
|
6
|
+
// Docs page content
|
|
7
|
+
// ---------------------------------------------------------------------------
|
|
8
|
+
const DESCRIPTION_INTRO = [
|
|
9
|
+
'`TableControls` is the pre-composed toolbar slot for the Arbor data table.',
|
|
10
|
+
'It renders a two-group flex row: a **start group** (bulk actions, undo, redo, hide columns)',
|
|
11
|
+
'and an **end group** (search, download, settings, help, expand).',
|
|
12
|
+
'',
|
|
13
|
+
'Every slot is opt-in — only pass the props for the controls you need.',
|
|
14
|
+
'If neither group has any props, the component returns `null` and renders nothing.',
|
|
15
|
+
'',
|
|
16
|
+
'Pass the entire `<TableControls />` element as the `headerContent` prop of `<Table />`.',
|
|
17
|
+
].join('\n');
|
|
18
|
+
const USAGE_GUIDANCE = [
|
|
19
|
+
'### When to use',
|
|
20
|
+
'',
|
|
21
|
+
'- As the `headerContent` of a `<Table />` to give it a standard toolbar',
|
|
22
|
+
'- When you need a consistent mix of bulk actions, column visibility, search, and settings',
|
|
23
|
+
'- When consumers need access to the full set of standard table controls in one composable component',
|
|
24
|
+
'',
|
|
25
|
+
'---',
|
|
26
|
+
'',
|
|
27
|
+
'### When NOT to use',
|
|
28
|
+
'',
|
|
29
|
+
'| Situation | Alternative |',
|
|
30
|
+
'|---|---|',
|
|
31
|
+
'| You only need a search bar | Pass `<SearchBar />` directly as `headerContent` |',
|
|
32
|
+
'| You need a custom toolbar layout | Compose your own header with individual components |',
|
|
33
|
+
'| The table has no toolbar at all | Omit `headerContent` entirely |',
|
|
34
|
+
'',
|
|
35
|
+
'---',
|
|
36
|
+
'',
|
|
37
|
+
'### Start group vs end group',
|
|
38
|
+
'',
|
|
39
|
+
'| Prop | Group | Description |',
|
|
40
|
+
'|---|---|---|',
|
|
41
|
+
'| `bulkActions` | Start | Array of `{ displayName, callback, disabled? }` — shown as a dropdown when rows are selected |',
|
|
42
|
+
'| `onUndo` | Start | Renders an undo icon button |',
|
|
43
|
+
'| `onRedo` | Start | Renders a redo icon button |',
|
|
44
|
+
'| `showHideColumns` | Start | Renders the `HideColumnsDropdown` |',
|
|
45
|
+
'| `hasSearch` | End | Renders the `SearchBar` |',
|
|
46
|
+
'| `onDownload` | End | Renders a download icon button |',
|
|
47
|
+
'| `onTooltipsToggle` | End | Renders a tooltip-toggle icon button (aria-pressed) |',
|
|
48
|
+
'| `showSettings` | End | Renders the `TableSettingsDropdown` |',
|
|
49
|
+
'| `onHelp` | End | Renders a help icon button |',
|
|
50
|
+
'| `onExpandToggle` | End | Renders an expand/shrink icon button |',
|
|
51
|
+
].join('\n');
|
|
52
|
+
const DEVELOPER_NOTES = [
|
|
53
|
+
'### Wiring into `<Table />`',
|
|
54
|
+
'',
|
|
55
|
+
'```tsx',
|
|
56
|
+
"import { Table, TableControls } from '@arbor-education/design-system.components';",
|
|
57
|
+
'',
|
|
58
|
+
'function MyTable() {',
|
|
59
|
+
' return (',
|
|
60
|
+
' <Table',
|
|
61
|
+
' rowData={rows}',
|
|
62
|
+
' columnDefs={colDefs}',
|
|
63
|
+
' headerContent={(',
|
|
64
|
+
' <TableControls',
|
|
65
|
+
' bulkActions={[',
|
|
66
|
+
' { displayName: "Export selected", callback: api => exportCsv(api) },',
|
|
67
|
+
' { displayName: "Delete selected", callback: api => deleteRows(api) },',
|
|
68
|
+
' ]}',
|
|
69
|
+
' onUndo={handleUndo}',
|
|
70
|
+
' showHideColumns',
|
|
71
|
+
' onDownload={handleDownload}',
|
|
72
|
+
' showSettings',
|
|
73
|
+
' onHelp={openHelpPanel}',
|
|
74
|
+
' onExpandToggle={setExpanded}',
|
|
75
|
+
' />',
|
|
76
|
+
' )}',
|
|
77
|
+
' />',
|
|
78
|
+
' );',
|
|
79
|
+
'}',
|
|
80
|
+
'```',
|
|
81
|
+
'',
|
|
82
|
+
'---',
|
|
83
|
+
'',
|
|
84
|
+
'### `BulkAction` type',
|
|
85
|
+
'',
|
|
86
|
+
'```ts',
|
|
87
|
+
"import type { BulkAction } from '@arbor-education/design-system.components';",
|
|
88
|
+
'',
|
|
89
|
+
'type BulkAction = {',
|
|
90
|
+
' displayName: string;',
|
|
91
|
+
' callback: (gridApi: GridApi) => void;',
|
|
92
|
+
' disabled?: boolean;',
|
|
93
|
+
'};',
|
|
94
|
+
'```',
|
|
95
|
+
'',
|
|
96
|
+
'---',
|
|
97
|
+
'',
|
|
98
|
+
'### `HideColumnsDropdown` and `GridApiContext`',
|
|
99
|
+
'',
|
|
100
|
+
'When `showHideColumns` is `true`, `TableControls` renders `HideColumnsDropdown`.',
|
|
101
|
+
'`HideColumnsDropdown` reads the column list from `GridApiContext` — this context is provided',
|
|
102
|
+
'automatically by `<Table />`. When used outside a `<Table />`, pass the `hideColumnsProps`',
|
|
103
|
+
'prop to supply columns manually:',
|
|
104
|
+
'',
|
|
105
|
+
'```tsx',
|
|
106
|
+
'<TableControls',
|
|
107
|
+
' showHideColumns',
|
|
108
|
+
' hideColumnsProps={{',
|
|
109
|
+
' columns: myColumns,',
|
|
110
|
+
' onSelectionChanged: handleVisibilityChange,',
|
|
111
|
+
' }}',
|
|
112
|
+
'/>',
|
|
113
|
+
'```',
|
|
114
|
+
'',
|
|
115
|
+
'---',
|
|
116
|
+
'',
|
|
117
|
+
'### TypeScript types',
|
|
118
|
+
'',
|
|
119
|
+
'```ts',
|
|
120
|
+
"import { TableControls } from '@arbor-education/design-system.components';",
|
|
121
|
+
"import type { TableControlsProps, BulkAction } from '@arbor-education/design-system.components';",
|
|
122
|
+
'```',
|
|
123
|
+
].join('\n');
|
|
124
|
+
const RELATED_COMPONENTS = [
|
|
125
|
+
'## Related components',
|
|
126
|
+
'',
|
|
127
|
+
'[Table](?path=/docs/components-table--docs) · [PaginationPanel](?path=/docs/components-table-paginationpanel--docs) · [SearchBar](?path=/docs/components-searchbar--docs) · [Button](?path=/docs/components-button--docs)',
|
|
128
|
+
].join('\n');
|
|
129
|
+
const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — toggle props to see the toolbar update in real time.';
|
|
130
|
+
// ---------------------------------------------------------------------------
|
|
131
|
+
// Custom DocsPage
|
|
132
|
+
// ---------------------------------------------------------------------------
|
|
133
|
+
function TableControlsDocsPage() {
|
|
134
|
+
return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
|
|
135
|
+
}
|
|
136
|
+
// ---------------------------------------------------------------------------
|
|
137
|
+
// Meta
|
|
138
|
+
// ---------------------------------------------------------------------------
|
|
139
|
+
const meta = {
|
|
140
|
+
title: 'Components/Table/TableControls',
|
|
141
|
+
component: TableControls,
|
|
142
|
+
tags: ['autodocs'],
|
|
143
|
+
parameters: {
|
|
144
|
+
layout: 'padded',
|
|
145
|
+
docs: { page: TableControlsDocsPage },
|
|
146
|
+
},
|
|
147
|
+
argTypes: {
|
|
148
|
+
bulkActions: {
|
|
149
|
+
description: 'Array of bulk action definitions. Each action has a `displayName`, a `callback(gridApi)`, and an optional `disabled` flag. Renders as a `BulkActionsDropdown` in the start group.',
|
|
150
|
+
control: false,
|
|
151
|
+
table: { type: { summary: 'BulkAction[]' }, defaultValue: { summary: 'undefined' } },
|
|
152
|
+
},
|
|
153
|
+
onUndo: {
|
|
154
|
+
description: 'Renders an undo icon button in the start group. Called with no arguments on click.',
|
|
155
|
+
control: false,
|
|
156
|
+
table: { type: { summary: '() => void' }, defaultValue: { summary: 'undefined' } },
|
|
157
|
+
},
|
|
158
|
+
onRedo: {
|
|
159
|
+
description: 'Renders a redo icon button in the start group. Called with no arguments on click.',
|
|
160
|
+
control: false,
|
|
161
|
+
table: { type: { summary: '() => void' }, defaultValue: { summary: 'undefined' } },
|
|
162
|
+
},
|
|
163
|
+
showHideColumns: {
|
|
164
|
+
description: 'When `true`, renders the `HideColumnsDropdown` in the start group. Reads column visibility from `GridApiContext` (provided by `<Table />`). Pass `hideColumnsProps` for manual column control.',
|
|
165
|
+
control: 'boolean',
|
|
166
|
+
table: { type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
|
|
167
|
+
},
|
|
168
|
+
hasSearch: {
|
|
169
|
+
description: 'When `true`, renders a `SearchBar` in the end group.',
|
|
170
|
+
control: 'boolean',
|
|
171
|
+
table: { type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
|
|
172
|
+
},
|
|
173
|
+
onDownload: {
|
|
174
|
+
description: 'Renders a download icon button in the end group. Called with no arguments on click.',
|
|
175
|
+
control: false,
|
|
176
|
+
table: { type: { summary: '() => void' }, defaultValue: { summary: 'undefined' } },
|
|
177
|
+
},
|
|
178
|
+
showSettings: {
|
|
179
|
+
description: 'When `true`, renders the `TableSettingsDropdown` in the end group.',
|
|
180
|
+
control: 'boolean',
|
|
181
|
+
table: { type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
|
|
182
|
+
},
|
|
183
|
+
onHelp: {
|
|
184
|
+
description: 'Renders a help icon button in the end group. Called with no arguments on click.',
|
|
185
|
+
control: false,
|
|
186
|
+
table: { type: { summary: '() => void' }, defaultValue: { summary: 'undefined' } },
|
|
187
|
+
},
|
|
188
|
+
isExpanded: {
|
|
189
|
+
description: 'Controls the expand/shrink icon state when `onExpandToggle` is provided. `true` = shrink icon; `false` = expand icon.',
|
|
190
|
+
control: 'boolean',
|
|
191
|
+
table: { type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
|
|
192
|
+
},
|
|
193
|
+
onExpandToggle: {
|
|
194
|
+
description: 'Renders an expand/shrink icon button in the end group. Called with the new expanded state (`boolean`) on click.',
|
|
195
|
+
control: false,
|
|
196
|
+
table: { type: { summary: '(expanded: boolean) => void' }, defaultValue: { summary: 'undefined' } },
|
|
197
|
+
},
|
|
198
|
+
},
|
|
199
|
+
args: {
|
|
200
|
+
onUndo: fn(),
|
|
201
|
+
onRedo: fn(),
|
|
202
|
+
onDownload: fn(),
|
|
203
|
+
onHelp: fn(),
|
|
204
|
+
onExpandToggle: fn(),
|
|
205
|
+
},
|
|
206
|
+
};
|
|
207
|
+
export default meta;
|
|
208
|
+
// ---------------------------------------------------------------------------
|
|
209
|
+
// Helper
|
|
210
|
+
// ---------------------------------------------------------------------------
|
|
211
|
+
const withDescription = (story, description) => ({
|
|
212
|
+
...story,
|
|
213
|
+
parameters: {
|
|
214
|
+
...story.parameters,
|
|
215
|
+
docs: { ...story.parameters?.docs, description: { story: description } },
|
|
216
|
+
},
|
|
217
|
+
});
|
|
218
|
+
// ---------------------------------------------------------------------------
|
|
219
|
+
// Stories
|
|
220
|
+
// ---------------------------------------------------------------------------
|
|
221
|
+
export const Default = withDescription({
|
|
222
|
+
args: {
|
|
223
|
+
onUndo: fn(),
|
|
224
|
+
onRedo: fn(),
|
|
225
|
+
onDownload: fn(),
|
|
226
|
+
showSettings: true,
|
|
227
|
+
onHelp: fn(),
|
|
228
|
+
onExpandToggle: fn(),
|
|
229
|
+
},
|
|
230
|
+
}, 'The interactive canvas — toggle Controls to add or remove toolbar slots. '
|
|
231
|
+
+ 'Every prop is opt-in: only slots with a prop provided will render. '
|
|
232
|
+
+ 'If no props are passed at all, `TableControls` returns `null`.');
|
|
233
|
+
export const StartGroupOnly = withDescription({
|
|
234
|
+
parameters: { controls: { disable: true } },
|
|
235
|
+
args: {
|
|
236
|
+
bulkActions: [
|
|
237
|
+
{ displayName: 'Export selected', callback: fn() },
|
|
238
|
+
{ displayName: 'Delete selected', callback: fn(), disabled: true },
|
|
239
|
+
],
|
|
240
|
+
onUndo: fn(),
|
|
241
|
+
onRedo: fn(),
|
|
242
|
+
showHideColumns: false,
|
|
243
|
+
},
|
|
244
|
+
}, 'Only the start group: bulk actions dropdown, undo, and redo. '
|
|
245
|
+
+ 'No end-group props are passed so that side is omitted entirely. '
|
|
246
|
+
+ '`showHideColumns` is `false` here because `HideColumnsDropdown` needs a `GridApiContext` (provided by `<Table />`) to read column data — '
|
|
247
|
+
+ 'see the **Within a Table** story for a fully wired example.');
|
|
248
|
+
export const EndGroupOnly = withDescription({
|
|
249
|
+
parameters: { controls: { disable: true } },
|
|
250
|
+
args: {
|
|
251
|
+
hasSearch: true,
|
|
252
|
+
onDownload: fn(),
|
|
253
|
+
showSettings: true,
|
|
254
|
+
onHelp: fn(),
|
|
255
|
+
onExpandToggle: fn(),
|
|
256
|
+
},
|
|
257
|
+
}, 'Only the end group: search bar, download, settings dropdown, help, and expand. '
|
|
258
|
+
+ 'No start-group props are passed so that side is omitted entirely.');
|
|
259
|
+
export const BulkActionsOnly = withDescription({
|
|
260
|
+
parameters: {
|
|
261
|
+
controls: { disable: true },
|
|
262
|
+
docs: {
|
|
263
|
+
source: {
|
|
264
|
+
language: 'tsx',
|
|
265
|
+
code: `
|
|
266
|
+
import { Table, TableControls } from '@arbor-education/design-system.components';
|
|
267
|
+
|
|
268
|
+
function MyTable() {
|
|
269
|
+
return (
|
|
270
|
+
<Table
|
|
271
|
+
rowData={rows}
|
|
272
|
+
columnDefs={colDefs}
|
|
273
|
+
rowSelection={{ mode: 'multiRow', checkboxes: true }}
|
|
274
|
+
headerContent={(
|
|
275
|
+
<TableControls
|
|
276
|
+
bulkActions={[
|
|
277
|
+
{ displayName: 'Export selected', callback: api => api.exportDataAsCsv() },
|
|
278
|
+
{ displayName: 'Delete selected', callback: handleDelete, disabled: !canDelete },
|
|
279
|
+
]}
|
|
280
|
+
/>
|
|
281
|
+
)}
|
|
282
|
+
/>
|
|
283
|
+
);
|
|
284
|
+
}
|
|
285
|
+
export default MyTable;
|
|
286
|
+
`.trim(),
|
|
287
|
+
},
|
|
288
|
+
},
|
|
289
|
+
},
|
|
290
|
+
args: {
|
|
291
|
+
bulkActions: [
|
|
292
|
+
{ displayName: 'Export selected', callback: fn() },
|
|
293
|
+
{ displayName: 'Archive selected', callback: fn() },
|
|
294
|
+
{ displayName: 'Delete selected', callback: fn(), disabled: true },
|
|
295
|
+
],
|
|
296
|
+
},
|
|
297
|
+
}, 'Only the `bulkActions` slot in the start group — no other controls. '
|
|
298
|
+
+ 'Bulk actions render as a `BulkActionsDropdown`. The `callback` receives the AG Grid `GridApi` instance '
|
|
299
|
+
+ 'so you can directly call `api.exportDataAsCsv()`, `api.getSelectedRows()`, etc. '
|
|
300
|
+
+ 'Pass `disabled: true` to a specific action to grey it out (e.g. "Delete selected" when nothing is selected).');
|
|
301
|
+
export const FullToolbar = withDescription({
|
|
302
|
+
parameters: {
|
|
303
|
+
controls: { disable: true },
|
|
304
|
+
docs: {
|
|
305
|
+
source: {
|
|
306
|
+
language: 'tsx',
|
|
307
|
+
code: `
|
|
308
|
+
import { Table, TableControls } from '@arbor-education/design-system.components';
|
|
309
|
+
|
|
310
|
+
function FullTableExample() {
|
|
311
|
+
return (
|
|
312
|
+
<Table
|
|
313
|
+
rowData={rows}
|
|
314
|
+
columnDefs={colDefs}
|
|
315
|
+
rowSelection={{ mode: 'multiRow', checkboxes: true }}
|
|
316
|
+
headerContent={(
|
|
317
|
+
<TableControls
|
|
318
|
+
bulkActions={[
|
|
319
|
+
{ displayName: 'Export selected', callback: api => api.exportDataAsCsv() },
|
|
320
|
+
{ displayName: 'Delete selected', callback: handleDelete },
|
|
321
|
+
]}
|
|
322
|
+
onUndo={handleUndo}
|
|
323
|
+
onRedo={handleRedo}
|
|
324
|
+
showHideColumns
|
|
325
|
+
onDownload={handleDownload}
|
|
326
|
+
showSettings
|
|
327
|
+
onHelp={openHelpPanel}
|
|
328
|
+
onExpandToggle={setExpanded}
|
|
329
|
+
/>
|
|
330
|
+
)}
|
|
331
|
+
/>
|
|
332
|
+
);
|
|
333
|
+
}
|
|
334
|
+
export default FullTableExample;
|
|
335
|
+
`.trim(),
|
|
336
|
+
},
|
|
337
|
+
},
|
|
338
|
+
},
|
|
339
|
+
args: {
|
|
340
|
+
bulkActions: [
|
|
341
|
+
{ displayName: 'Export selected', callback: fn() },
|
|
342
|
+
{ displayName: 'Delete selected', callback: fn() },
|
|
343
|
+
],
|
|
344
|
+
onUndo: fn(),
|
|
345
|
+
onRedo: fn(),
|
|
346
|
+
showHideColumns: false,
|
|
347
|
+
onDownload: fn(),
|
|
348
|
+
showSettings: true,
|
|
349
|
+
onHelp: fn(),
|
|
350
|
+
onExpandToggle: fn(),
|
|
351
|
+
},
|
|
352
|
+
}, 'The full toolbar with both groups populated: bulk actions, undo, redo, hide columns, download, settings, help, and expand. '
|
|
353
|
+
+ 'This is the maximum control density — only include the slots your users actually need. '
|
|
354
|
+
+ '`showHideColumns` renders a `HideColumnsDropdown` that reads columns from `GridApiContext`; '
|
|
355
|
+
+ 'in this standalone preview it is disabled since there is no enclosing `<Table />` providing that context.');
|
|
356
|
+
//# sourceMappingURL=TableControls.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableControls.stories.js","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableControls.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,OAAO,EACP,QAAQ,EACR,KAAK,GACN,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,8EAA8E;AAC9E,oBAAoB;AACpB,8EAA8E;AAE9E,MAAM,iBAAiB,GAAG;IACxB,4EAA4E;IAC5E,6FAA6F;IAC7F,kEAAkE;IAClE,EAAE;IACF,uEAAuE;IACvE,mFAAmF;IACnF,EAAE;IACF,yFAAyF;CAC1F,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,cAAc,GAAG;IACrB,iBAAiB;IACjB,EAAE;IACF,yEAAyE;IACzE,2FAA2F;IAC3F,qGAAqG;IACrG,EAAE;IACF,KAAK;IACL,EAAE;IACF,qBAAqB;IACrB,EAAE;IACF,6BAA6B;IAC7B,WAAW;IACX,mFAAmF;IACnF,2FAA2F;IAC3F,qEAAqE;IACrE,EAAE;IACF,KAAK;IACL,EAAE;IACF,8BAA8B;IAC9B,EAAE;IACF,gCAAgC;IAChC,eAAe;IACf,0HAA0H;IAC1H,oDAAoD;IACpD,mDAAmD;IACnD,mEAAmE;IACnE,iDAAiD;IACjD,yDAAyD;IACzD,oFAAoF;IACpF,gEAAgE;IAChE,iDAAiD;IACjD,mEAAmE;CACpE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,eAAe,GAAG;IACtB,6BAA6B;IAC7B,EAAE;IACF,QAAQ;IACR,mFAAmF;IACnF,EAAE;IACF,sBAAsB;IACtB,YAAY;IACZ,YAAY;IACZ,sBAAsB;IACtB,4BAA4B;IAC5B,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,kFAAkF;IAClF,mFAAmF;IACnF,cAAc;IACd,+BAA+B;IAC/B,2BAA2B;IAC3B,uCAAuC;IACvC,wBAAwB;IACxB,kCAAkC;IAClC,wCAAwC;IACxC,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,MAAM;IACN,GAAG;IACH,KAAK;IACL,EAAE;IACF,KAAK;IACL,EAAE;IACF,uBAAuB;IACvB,EAAE;IACF,OAAO;IACP,8EAA8E;IAC9E,EAAE;IACF,qBAAqB;IACrB,wBAAwB;IACxB,yCAAyC;IACzC,uBAAuB;IACvB,IAAI;IACJ,KAAK;IACL,EAAE;IACF,KAAK;IACL,EAAE;IACF,gDAAgD;IAChD,EAAE;IACF,kFAAkF;IAClF,8FAA8F;IAC9F,4FAA4F;IAC5F,kCAAkC;IAClC,EAAE;IACF,QAAQ;IACR,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;IACvB,yBAAyB;IACzB,iDAAiD;IACjD,MAAM;IACN,IAAI;IACJ,KAAK;IACL,EAAE;IACF,KAAK;IACL,EAAE;IACF,sBAAsB;IACtB,EAAE;IACF,OAAO;IACP,4EAA4E;IAC5E,kGAAkG;IAClG,KAAK;CACN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,kBAAkB,GAAG;IACzB,uBAAuB;IACvB,EAAE;IACF,2NAA2N;CAC5N,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,WAAW,GAAG,6GAA6G,CAAC;AAElI,8EAA8E;AAC9E,kBAAkB;AAClB,8EAA8E;AAE9E,SAAS,qBAAqB;IAC5B,OAAO,CACL,8BACE,KAAC,KAAK,KAAG,EACT,KAAC,QAAQ,KAAG,EACZ,KAAC,QAAQ,cAAE,iBAAiB,GAAY,EACxC,KAAC,UAAU,sCAAiC,EAC5C,KAAC,QAAQ,cAAE,WAAW,GAAY,EAClC,KAAC,UAAU,KAAG,EACd,KAAC,QAAQ,KAAG,EACZ,KAAC,UAAU,iCAA4B,EACvC,KAAC,QAAQ,cAAE,cAAc,GAAY,EACrC,KAAC,UAAU,kCAA6B,EACxC,KAAC,QAAQ,cAAE,eAAe,GAAY,EACtC,KAAC,UAAU,2BAAsB,EACjC,KAAC,OAAO,IAAC,KAAK,EAAC,EAAE,GAAG,EACpB,KAAC,QAAQ,cAAE,kBAAkB,GAAY,IACxC,CACJ,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,OAAO;AACP,8EAA8E;AAE9E,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,aAAa;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE;KACtC;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,WAAW,EAAE,mLAAmL;YAChM,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;SACrF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,oFAAoF;YACjG,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;SACnF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,mFAAmF;YAChG,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;SACnF;QACD,eAAe,EAAE;YACf,WAAW,EAAE,gMAAgM;YAC7M,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;SAC5E;QACD,SAAS,EAAE;YACT,WAAW,EAAE,sDAAsD;YACnE,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;SAC5E;QACD,UAAU,EAAE;YACV,WAAW,EAAE,qFAAqF;YAClG,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;SACnF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,oEAAoE;YACjF,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;SAC5E;QACD,MAAM,EAAE;YACN,WAAW,EAAE,iFAAiF;YAC9F,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;SACnF;QACD,UAAU,EAAE;YACV,WAAW,EAAE,uHAAuH;YACpI,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;SAC5E;QACD,cAAc,EAAE;YACd,WAAW,EAAE,iHAAiH;YAC9H,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,6BAA6B,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;SACpG;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,EAAE;QAChB,MAAM,EAAE,EAAE,EAAE;QACZ,cAAc,EAAE,EAAE,EAAE;KACrB;CACmC,CAAC;AAEvC,eAAe,IAAI,CAAC;AAGpB,8EAA8E;AAC9E,SAAS;AACT,8EAA8E;AAE9E,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,WAAmB,EAAS,EAAE,CAAC,CAAC;IACrE,GAAG,KAAK;IACR,UAAU,EAAE;QACV,GAAG,KAAK,CAAC,UAAU;QACnB,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;KACzE;CACF,CAAC,CAAC;AAEH,8EAA8E;AAC9E,UAAU;AACV,8EAA8E;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAU,eAAe,CAC3C;IACE,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,EAAE;QAChB,YAAY,EAAE,IAAI;QAClB,MAAM,EAAE,EAAE,EAAE;QACZ,cAAc,EAAE,EAAE,EAAE;KACrB;CACF,EACD,2EAA2E;MACzE,qEAAqE;MACrE,gEAAgE,CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU,eAAe,CAClD;IACE,UAAU,EAAE,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAC3C,IAAI,EAAE;QACJ,WAAW,EAAE;YACX,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;YAClD,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;SACnE;QACD,MAAM,EAAE,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE,EAAE;QACZ,eAAe,EAAE,KAAK;KACvB;CACF,EACD,+DAA+D;MAC7D,kEAAkE;MAClE,2IAA2I;MAC3I,6DAA6D,CAChE,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU,eAAe,CAChD;IACE,UAAU,EAAE,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAC3C,IAAI,EAAE;QACJ,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,EAAE,EAAE;QAChB,YAAY,EAAE,IAAI;QAClB,MAAM,EAAE,EAAE,EAAE;QACZ,cAAc,EAAE,EAAE,EAAE;KACrB;CACF,EACD,iFAAiF;MAC/E,mEAAmE,CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU,eAAe,CACnD;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;CAqBf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,IAAI,EAAE;QACJ,WAAW,EAAE;YACX,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;YAClD,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;YACnD,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;SACnE;KACF;CACF,EACD,sEAAsE;MACpE,yGAAyG;MACzG,kFAAkF;MAClF,8GAA8G,CACjH,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU,eAAe,CAC/C;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Bf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,IAAI,EAAE;QACJ,WAAW,EAAE;YACX,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;YAClD,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;SACnD;QACD,MAAM,EAAE,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE,EAAE;QACZ,eAAe,EAAE,KAAK;QACtB,UAAU,EAAE,EAAE,EAAE;QAChB,YAAY,EAAE,IAAI;QAClB,MAAM,EAAE,EAAE,EAAE;QACZ,cAAc,EAAE,EAAE,EAAE;KACrB;CACF,EACD,6HAA6H;MAC3H,yFAAyF;MACzF,8FAA8F;MAC9F,2GAA2G,CAC9G,CAAC"}
|
|
@@ -1,2 +1,28 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const TABLE_SETTINGS_ITEMS: readonly ["tableSpacing", "separator", "style"];
|
|
2
|
+
export type CheckboxGroupSettingsItem = {
|
|
3
|
+
type: 'checkboxGroup';
|
|
4
|
+
legend?: string;
|
|
5
|
+
options: {
|
|
6
|
+
label: string;
|
|
7
|
+
checked: boolean;
|
|
8
|
+
onChange: (checked: boolean) => void;
|
|
9
|
+
}[];
|
|
10
|
+
};
|
|
11
|
+
export type RadioGroupSettingsItem = {
|
|
12
|
+
type: 'radioGroup';
|
|
13
|
+
legend?: string;
|
|
14
|
+
name: string;
|
|
15
|
+
checkedValue: string;
|
|
16
|
+
onChange: (value: string) => void;
|
|
17
|
+
options: {
|
|
18
|
+
label: string;
|
|
19
|
+
value: string;
|
|
20
|
+
}[];
|
|
21
|
+
};
|
|
22
|
+
export type CustomTableSettingsItem = CheckboxGroupSettingsItem | RadioGroupSettingsItem;
|
|
23
|
+
export type TableSettingsItem = typeof TABLE_SETTINGS_ITEMS[number] | CustomTableSettingsItem;
|
|
24
|
+
export type TableSettingsDropdownProps = {
|
|
25
|
+
items?: readonly TableSettingsItem[];
|
|
26
|
+
};
|
|
27
|
+
export declare const TableSettingsDropdown: ({ items }: TableSettingsDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
28
|
//# sourceMappingURL=TableSettingsDropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSettingsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableSettingsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,oBAAoB,iDAIvB,CAAC;AAEX,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;KAAE,EAAE,CAAC;CACtF,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,GAAG,sBAAsB,CAAC;AAEzF,MAAM,MAAM,iBAAiB,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,uBAAuB,CAAC;AAE9F,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;CACtC,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,WAAkC,0BAA0B,4CA6GjG,CAAC"}
|
|
@@ -7,37 +7,64 @@ import { Separator } from '../../separator/Separator';
|
|
|
7
7
|
import { useContext } from 'react';
|
|
8
8
|
import { TABLE_SPACING } from '../tableConsts';
|
|
9
9
|
import { TableSettingsContext } from '../TableSettingsContext';
|
|
10
|
+
export const TABLE_SETTINGS_ITEMS = [
|
|
11
|
+
'tableSpacing',
|
|
12
|
+
'separator',
|
|
13
|
+
'style',
|
|
14
|
+
];
|
|
10
15
|
const TABLE_SPACING_NAMES = {
|
|
11
16
|
XS: 'X-Small',
|
|
12
17
|
S: 'Small',
|
|
13
18
|
M: 'Medium',
|
|
14
19
|
L: 'Large',
|
|
15
20
|
};
|
|
16
|
-
export const TableSettingsDropdown = () => {
|
|
17
|
-
const { settings: { hasColumnBorders, tableSpacing, areCellColorsEnabled
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
21
|
+
export const TableSettingsDropdown = ({ items = TABLE_SETTINGS_ITEMS }) => {
|
|
22
|
+
const { settings: { hasColumnBorders, tableSpacing, areCellColorsEnabled }, setTableSpacing, setHasColumnBorders, resetSettings, setAreCellColorsEnabled, } = useContext(TableSettingsContext);
|
|
23
|
+
const renderItem = (item, index) => {
|
|
24
|
+
if (item === 'tableSpacing') {
|
|
25
|
+
return (_jsx(RadioButtonGroup, { legend: "Table spacing", options: Object.values(TABLE_SPACING).map(option => ({
|
|
26
|
+
name: 'ds-table-spacing',
|
|
27
|
+
label: TABLE_SPACING_NAMES[option],
|
|
28
|
+
value: option,
|
|
29
|
+
id: `TableSettings-tableSpacing-${option}`,
|
|
30
|
+
})), name: "ds-table-spacing", checkedValue: tableSpacing, onChange: (event) => setTableSpacing(event.target.value) }, "tableSpacing"));
|
|
31
|
+
}
|
|
32
|
+
if (item === 'separator') {
|
|
33
|
+
return _jsx(Separator, {}, `separator-${index}`);
|
|
34
|
+
}
|
|
35
|
+
if (item === 'style') {
|
|
36
|
+
return (_jsx(CheckboxGroup, { legend: "Style", options: [
|
|
37
|
+
{
|
|
38
|
+
label: 'Column borders',
|
|
39
|
+
id: 'TableSettings_columnBorders',
|
|
40
|
+
checked: hasColumnBorders,
|
|
41
|
+
onChange: () => setHasColumnBorders(!hasColumnBorders),
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
label: 'Cell colours',
|
|
45
|
+
id: 'TableSettings_cellColours',
|
|
46
|
+
checked: areCellColorsEnabled,
|
|
47
|
+
onChange: () => setAreCellColorsEnabled(!areCellColorsEnabled),
|
|
48
|
+
},
|
|
49
|
+
] }, "style"));
|
|
50
|
+
}
|
|
51
|
+
if (item.type === 'checkboxGroup') {
|
|
52
|
+
return (_jsx(CheckboxGroup, { legend: item.legend, options: item.options.map(option => ({
|
|
53
|
+
label: option.label,
|
|
54
|
+
id: option.label,
|
|
55
|
+
checked: option.checked,
|
|
56
|
+
onChange: (event) => option.onChange(event.target.checked),
|
|
57
|
+
})) }, `checkboxGroup-${index}`));
|
|
58
|
+
}
|
|
59
|
+
if (item.type === 'radioGroup') {
|
|
60
|
+
return (_jsx(RadioButtonGroup, { legend: item.legend, name: item.name, checkedValue: item.checkedValue, onChange: (event) => item.onChange(event.target.value), options: item.options.map(option => ({
|
|
61
|
+
label: option.label,
|
|
62
|
+
value: option.value,
|
|
63
|
+
id: option.value,
|
|
64
|
+
})) }, `radioGroup-${index}`));
|
|
65
|
+
}
|
|
66
|
+
return null;
|
|
67
|
+
};
|
|
68
|
+
return (_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "secondary", iconRightName: "settings", iconRightScreenReaderText: "Table settings", borderless: true }) }), _jsxs(Dropdown.Content, { children: [items.map(renderItem), _jsx(Separator, {}), _jsx(Button, { variant: "tertiary", iconLeftName: "redo", onClick: resetSettings, children: "Reset Table Settings" })] })] }));
|
|
42
69
|
};
|
|
43
70
|
//# sourceMappingURL=TableSettingsDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSettingsDropdown.js","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAoB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,mBAAmB,GAAG;IAC1B,EAAE,EAAE,SAAS;IACb,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,OAAO;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;
|
|
1
|
+
{"version":3,"file":"TableSettingsDropdown.js","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableSettingsDropdown.test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}
|