@arbor-education/design-system.components 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts +1 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js +19 -12
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js.map +1 -1
- package/dist/components/table/DSDefaultColDef.d.ts +5 -0
- package/dist/components/table/DSDefaultColDef.d.ts.map +1 -0
- package/dist/components/table/DSDefaultColDef.js +32 -0
- package/dist/components/table/DSDefaultColDef.js.map +1 -0
- package/dist/components/table/Table.d.ts +6 -6
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +43 -22
- 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 +265 -24
- package/dist/components/table/Table.stories.js.map +1 -1
- package/dist/components/table/Table.test.js +362 -7
- package/dist/components/table/Table.test.js.map +1 -1
- package/dist/components/table/cellColorStyles.d.ts +34 -0
- package/dist/components/table/cellColorStyles.d.ts.map +1 -0
- package/dist/components/table/cellColorStyles.js +52 -0
- package/dist/components/table/cellColorStyles.js.map +1 -0
- package/dist/components/table/cellRenderers/ButtonCellRenderer.d.ts.map +1 -1
- package/dist/components/table/cellRenderers/ButtonCellRenderer.js +15 -2
- package/dist/components/table/cellRenderers/ButtonCellRenderer.js.map +1 -1
- package/dist/components/table/cellRenderers/DefaultCellRenderer.d.ts +3 -0
- package/dist/components/table/cellRenderers/DefaultCellRenderer.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/DefaultCellRenderer.js +11 -0
- package/dist/components/table/cellRenderers/DefaultCellRenderer.js.map +1 -0
- package/dist/components/table/cellRenderers/InlineTextCellRenderer.d.ts +7 -0
- package/dist/components/table/cellRenderers/InlineTextCellRenderer.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/InlineTextCellRenderer.js +7 -0
- package/dist/components/table/cellRenderers/InlineTextCellRenderer.js.map +1 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellEditor.d.ts +8 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellEditor.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellEditor.js +19 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellEditor.js.map +1 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.d.ts +8 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js +18 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js.map +1 -0
- package/dist/components/table/pagination/TableSettingsDropdown.js +4 -5
- package/dist/components/table/pagination/TableSettingsDropdown.js.map +1 -1
- package/dist/components/table/theme/baseThemeParams.d.ts +14 -0
- package/dist/components/table/theme/baseThemeParams.d.ts.map +1 -0
- package/dist/components/table/{tableTheme.js → theme/baseThemeParams.js} +3 -7
- package/dist/components/table/theme/baseThemeParams.js.map +1 -0
- package/dist/components/table/theme/defaultTheme.d.ts +2 -0
- package/dist/components/table/theme/defaultTheme.d.ts.map +1 -0
- package/dist/components/table/theme/defaultTheme.js +9 -0
- package/dist/components/table/theme/defaultTheme.js.map +1 -0
- package/dist/components/table/theme/tidyTheme.d.ts +2 -0
- package/dist/components/table/theme/tidyTheme.d.ts.map +1 -0
- package/dist/components/table/theme/tidyTheme.js +10 -0
- package/dist/components/table/theme/tidyTheme.js.map +1 -0
- package/dist/components/table/useTableSettings.d.ts +5 -2
- package/dist/components/table/useTableSettings.d.ts.map +1 -1
- package/dist/components/table/useTableSettings.js +11 -3
- package/dist/components/table/useTableSettings.js.map +1 -1
- package/dist/index.css +14 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/utils/focusFirstFocusableElement.d.ts +2 -0
- package/dist/utils/focusFirstFocusableElement.d.ts.map +1 -0
- package/dist/utils/focusFirstFocusableElement.js +12 -0
- package/dist/utils/focusFirstFocusableElement.js.map +1 -0
- package/dist/utils/focusFirstFocusableElement.test.d.ts +2 -0
- package/dist/utils/focusFirstFocusableElement.test.d.ts.map +1 -0
- package/dist/utils/focusFirstFocusableElement.test.js +109 -0
- package/dist/utils/focusFirstFocusableElement.test.js.map +1 -0
- package/package.json +1 -1
- package/src/components/formField/inputs/selectDropdown/SelectDropdown.tsx +20 -14
- package/src/components/table/DSDefaultColDef.ts +37 -0
- package/src/components/table/Table.stories.tsx +284 -28
- package/src/components/table/Table.test.tsx +543 -7
- package/src/components/table/Table.tsx +55 -23
- package/src/components/table/cellColorStyles.ts +70 -0
- package/src/components/table/cellRenderers/ButtonCellRenderer.tsx +16 -2
- package/src/components/table/cellRenderers/DefaultCellRenderer.tsx +23 -0
- package/src/components/table/cellRenderers/InlineTextCellRenderer.tsx +10 -0
- package/src/components/table/cellRenderers/SelectDropdownCellEditor.tsx +43 -0
- package/src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx +37 -0
- package/src/components/table/pagination/TableSettingsDropdown.tsx +5 -5
- package/src/components/table/table.scss +16 -0
- package/src/components/table/{tableTheme.ts → theme/baseThemeParams.ts} +2 -7
- package/src/components/table/theme/defaultTheme.ts +9 -0
- package/src/components/table/theme/tidyTheme.ts +10 -0
- package/src/components/table/useTableSettings.ts +15 -3
- package/src/index.ts +2 -0
- package/src/utils/focusFirstFocusableElement.test.ts +150 -0
- package/src/utils/focusFirstFocusableElement.ts +21 -0
- package/dist/components/table/tableTheme.d.ts +0 -2
- package/dist/components/table/tableTheme.d.ts.map +0 -1
- package/dist/components/table/tableTheme.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.3.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#107](https://github.com/arbor-education/design-system.components/pull/107) [`e75e644`](https://github.com/arbor-education/design-system.components/commit/e75e644a71b80df1408b6342a0ab8480685002e1) Thanks [@Alex-DN-SP](https://github.com/Alex-DN-SP)! - MIS-67365 Added tidy table theme and cell renderers
|
|
8
|
+
|
|
9
|
+
- [#110](https://github.com/arbor-education/design-system.components/pull/110) [`734ad8c`](https://github.com/arbor-education/design-system.components/commit/734ad8c9d1b5cbdb146d1167cbe9f9998be5f96b) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-67366 add the ability to bypass cell focussing
|
|
10
|
+
|
|
11
|
+
## 0.3.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#108](https://github.com/arbor-education/design-system.components/pull/108) [`f6e188a`](https://github.com/arbor-education/design-system.components/commit/f6e188a5b99ebd4093848519e1f3a52a78159f12) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-67814 cell colours for table
|
|
16
|
+
|
|
3
17
|
## 0.3.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -10,6 +10,7 @@ export type SelectDropdownInputProps = {
|
|
|
10
10
|
'onSelectionChange'?: (value: string[]) => void;
|
|
11
11
|
'id'?: string;
|
|
12
12
|
'alwaysShowPlaceholder'?: boolean;
|
|
13
|
+
'initialSelectedValues'?: string[];
|
|
13
14
|
};
|
|
14
15
|
export declare const SelectDropdown: (props: SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
//# 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,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;
|
|
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;IAClC,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,wBAAwB,4CAqG7D,CAAC"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useState } from 'react';
|
|
2
|
+
import { useEffect, useRef, 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, hasError, onSelectionChange, id, 'aria-describedBy': ariaDescribedBy, 'aria-invalid': ariaInvalid, alwaysShowPlaceholder = false } = props;
|
|
8
|
-
const [selectedValues, setSelectedValues] = useState([]);
|
|
7
|
+
const { options, disabled, multiple, placeholder, hasError, onSelectionChange, id, 'aria-describedBy': ariaDescribedBy, 'aria-invalid': ariaInvalid, alwaysShowPlaceholder = false, initialSelectedValues } = props;
|
|
8
|
+
const [selectedValues, setSelectedValues] = useState(initialSelectedValues ?? []);
|
|
9
9
|
const [renderedSelectContent, setRenderedSelectContent] = useState('');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}, [selectedValues]);
|
|
10
|
+
const selectedValuesRef = useRef(selectedValues);
|
|
11
|
+
selectedValuesRef.current = selectedValues;
|
|
13
12
|
useEffect(() => {
|
|
14
13
|
if (alwaysShowPlaceholder) {
|
|
15
14
|
setRenderedSelectContent(placeholder ?? 'Select');
|
|
@@ -19,14 +18,15 @@ export const SelectDropdown = (props) => {
|
|
|
19
18
|
setRenderedSelectContent(placeholder ?? 'Select');
|
|
20
19
|
}
|
|
21
20
|
else if (selectedValues.length === 1) {
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
const selectedValue = selectedValues[0];
|
|
22
|
+
const option = options.find(opt => opt.value === selectedValue);
|
|
23
|
+
const displayText = option?.label ?? option?.value ?? String(selectedValue);
|
|
24
|
+
setRenderedSelectContent(displayText || (placeholder ?? 'Select'));
|
|
25
25
|
}
|
|
26
26
|
else {
|
|
27
27
|
setRenderedSelectContent(placeholder ?? `Select (${selectedValues.length})`);
|
|
28
28
|
}
|
|
29
|
-
}, [selectedValues, placeholder]);
|
|
29
|
+
}, [selectedValues, placeholder, options]);
|
|
30
30
|
// Flatten grouped options into a single array with headers
|
|
31
31
|
const UNGROUPED_KEY = 'Ungrouped';
|
|
32
32
|
const groupedOptions = options.reduce((acc, option) => {
|
|
@@ -44,12 +44,19 @@ export const SelectDropdown = (props) => {
|
|
|
44
44
|
flatOptions.push(...groupItems);
|
|
45
45
|
});
|
|
46
46
|
const handleItemClick = (value) => {
|
|
47
|
+
const prev = selectedValuesRef.current;
|
|
48
|
+
let nextValues;
|
|
47
49
|
if (!multiple) {
|
|
48
|
-
|
|
50
|
+
nextValues = [value];
|
|
51
|
+
}
|
|
52
|
+
else if (prev.includes(value)) {
|
|
53
|
+
nextValues = prev.filter(sel => sel !== value);
|
|
49
54
|
}
|
|
50
55
|
else {
|
|
51
|
-
|
|
56
|
+
nextValues = [...prev, value];
|
|
52
57
|
}
|
|
58
|
+
setSelectedValues(nextValues);
|
|
59
|
+
onSelectionChange?.(nextValues);
|
|
53
60
|
};
|
|
54
61
|
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
62
|
? (_jsx("h3", { className: "ds-select-dropdown__items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"SelectDropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { CellClassParams, CellFocusedParams, ColDef, SuppressMouseEventHandlingParams, ValueFormatterFunc } from 'ag-grid-community';
|
|
2
|
+
export declare const defaultValueFormatter: ValueFormatterFunc;
|
|
3
|
+
export declare const shouldSuppressFocus: (params: SuppressMouseEventHandlingParams | CellClassParams | CellFocusedParams) => any;
|
|
4
|
+
export declare const DSDefaultColDef: ColDef;
|
|
5
|
+
//# sourceMappingURL=DSDefaultColDef.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSDefaultColDef.d.ts","sourceRoot":"","sources":["../../../src/components/table/DSDefaultColDef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,EAAE,gCAAgC,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG1I,eAAO,MAAM,qBAAqB,EAAE,kBAOnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,gCAAgC,GAAG,eAAe,GAAG,iBAAiB,QAA4H,CAAC;AAE/O,eAAO,MAAM,eAAe,EAAE,MAsB7B,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { cellColorStyles } from './cellColorStyles';
|
|
2
|
+
export const defaultValueFormatter = (params) => {
|
|
3
|
+
const { value } = params;
|
|
4
|
+
if (value != null && typeof value === 'object' && 'value' in value) {
|
|
5
|
+
return value.value;
|
|
6
|
+
}
|
|
7
|
+
return value;
|
|
8
|
+
};
|
|
9
|
+
export const shouldSuppressFocus = (params) => typeof params.column === 'object' && params.column?.getColDef().cellRendererParams.supressCellFocusAndFocusFirstElement;
|
|
10
|
+
export const DSDefaultColDef = {
|
|
11
|
+
cellStyle: cellColorStyles,
|
|
12
|
+
valueGetter: (params) => {
|
|
13
|
+
const { data, colDef: { field } } = params;
|
|
14
|
+
return data[field];
|
|
15
|
+
},
|
|
16
|
+
valueFormatter: defaultValueFormatter,
|
|
17
|
+
cellEditorParams: {
|
|
18
|
+
useFormatter: true,
|
|
19
|
+
},
|
|
20
|
+
cellClassRules: {
|
|
21
|
+
'ds-table__cell--supress-focus': shouldSuppressFocus,
|
|
22
|
+
},
|
|
23
|
+
cellRendererParams: {
|
|
24
|
+
suppressMouseEventHandling: (params) => {
|
|
25
|
+
if (shouldSuppressFocus(params)) {
|
|
26
|
+
return true;
|
|
27
|
+
}
|
|
28
|
+
return false;
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=DSDefaultColDef.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSDefaultColDef.js","sourceRoot":"","sources":["../../../src/components/table/DSDefaultColDef.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,qBAAqB,GAAuB,CAAC,MAAM,EAAE,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IACzB,IAAI,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;QACnE,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAA8E,EAAE,EAAE,CAAC,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,kBAAkB,CAAC,oCAAoC,CAAC;AAE/O,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,SAAS,EAAE,eAAe;IAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;QACtB,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC;QAE3C,OAAO,IAAI,CAAC,KAAM,CAAC,CAAC;IACtB,CAAC;IACD,cAAc,EAAE,qBAAqB;IACrC,gBAAgB,EAAE;QAChB,YAAY,EAAE,IAAI;KACnB;IACD,cAAc,EAAE;QACd,+BAA+B,EAAE,mBAAmB;KACrD;IACD,kBAAkB,EAAE;QAClB,0BAA0B,EAAE,CAAC,MAAwC,EAAE,EAAE;YACvE,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC;gBAChC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;KACF;CACF,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type GridApi } from 'ag-grid-enterprise';
|
|
2
2
|
import { type AgGridReactProps } from 'ag-grid-react';
|
|
3
3
|
import { type ReactNode } from 'react';
|
|
4
|
-
import { type
|
|
4
|
+
import { type UseTableSettingsParams } from './useTableSettings';
|
|
5
5
|
type TableProps<TData = any> = {
|
|
6
6
|
'wrapperClassName'?: string;
|
|
7
7
|
'data-testid'?: string;
|
|
@@ -10,13 +10,10 @@ type TableProps<TData = any> = {
|
|
|
10
10
|
'footerTestId'?: string;
|
|
11
11
|
'headerContent'?: ReactNode;
|
|
12
12
|
'headerTestId'?: string;
|
|
13
|
-
'onTableSettingsChanged'?: (val: TableSettings) => void;
|
|
14
|
-
'onTableSettingsReset'?: () => void;
|
|
15
|
-
'onColumnBordersChanged'?: (val: boolean) => void;
|
|
16
|
-
'onTableSpacingChanged'?: (val: TABLE_SPACING) => void;
|
|
17
13
|
'enableSimultaneousRangeAndRowSelection'?: boolean;
|
|
18
14
|
'disableDragSelect'?: boolean;
|
|
19
|
-
|
|
15
|
+
'tableTheme'?: string;
|
|
16
|
+
} & UseTableSettingsParams & AgGridReactProps<TData>;
|
|
20
17
|
export declare enum TABLE_SPACING {
|
|
21
18
|
XS = "XS",
|
|
22
19
|
S = "S",
|
|
@@ -27,10 +24,12 @@ export declare const TableSettingsContext: import("react").Context<{
|
|
|
27
24
|
settings: {
|
|
28
25
|
hasColumnBorders: boolean;
|
|
29
26
|
tableSpacing: TABLE_SPACING;
|
|
27
|
+
areCellColorsEnabled: boolean;
|
|
30
28
|
};
|
|
31
29
|
resetSettings: () => void;
|
|
32
30
|
setHasColumnBorders: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
33
31
|
setTableSpacing: import("react").Dispatch<import("react").SetStateAction<TABLE_SPACING>>;
|
|
32
|
+
setAreCellColorsEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
34
33
|
}>;
|
|
35
34
|
export declare const Table: {
|
|
36
35
|
(props: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -55,6 +54,7 @@ export declare const Table: {
|
|
|
55
54
|
ButtonCellRenderer: (props: import("ag-grid-react").CustomCellRendererProps<any, any, any> & {
|
|
56
55
|
value: import("../button/Button").ButtonProps;
|
|
57
56
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
DefaultValueFormatter: import("ag-grid-enterprise").ValueFormatterFunc<any, any, any>;
|
|
58
58
|
};
|
|
59
59
|
export {};
|
|
60
60
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAoB,KAAK,
|
|
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,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAYnF,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;IACxB,wCAAwC,CAAC,EAAE,OAAO,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,sBAAsB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAMrD,oBAAY,aAAa;IACvB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;CACR;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;EAU/B,CAAC;AAEH,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;CAgJtC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { AllEnterpriseModule, ModuleRegistry } from 'ag-grid-enterprise';
|
|
3
3
|
import { AgGridReact } from 'ag-grid-react';
|
|
4
|
-
import {
|
|
4
|
+
import { defaultTheme } from './theme/defaultTheme';
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import { createContext, useRef, useState } from 'react';
|
|
7
7
|
import { TableFooter } from './TableFooter';
|
|
@@ -16,7 +16,13 @@ import { HideColumnsDropdown } from './HideColumnsDropdown';
|
|
|
16
16
|
import { useTableSettings } from './useTableSettings';
|
|
17
17
|
import { setAgGridLicenseKey } from '../../utils/setAgGridLicenseKey';
|
|
18
18
|
import { toggleRowSelectionInCurrentRange } from './toggleRowSelectionInCurrentRange';
|
|
19
|
+
import { defaultValueFormatter, DSDefaultColDef, shouldSuppressFocus } from './DSDefaultColDef';
|
|
19
20
|
import { ButtonCellRenderer } from './cellRenderers/ButtonCellRenderer';
|
|
21
|
+
import { InlineTextCellRenderer } from './cellRenderers/InlineTextCellRenderer';
|
|
22
|
+
import { SelectDropdownCellRenderer } from './cellRenderers/SelectDropdownCellRenderer';
|
|
23
|
+
import { SelectDropdownCellEditor } from './cellRenderers/SelectDropdownCellEditor';
|
|
24
|
+
import { tidyTheme } from './theme/tidyTheme';
|
|
25
|
+
import { focusFirstFocusableElement } from '../../utils/focusFirstFocusableElement';
|
|
20
26
|
setAgGridLicenseKey();
|
|
21
27
|
ModuleRegistry.registerModules([AllEnterpriseModule]);
|
|
22
28
|
export var TABLE_SPACING;
|
|
@@ -30,47 +36,50 @@ export const TableSettingsContext = createContext({
|
|
|
30
36
|
settings: {
|
|
31
37
|
hasColumnBorders: false,
|
|
32
38
|
tableSpacing: TABLE_SPACING.S,
|
|
39
|
+
areCellColorsEnabled: true,
|
|
33
40
|
},
|
|
34
41
|
setTableSpacing: () => { },
|
|
35
42
|
setHasColumnBorders: () => { },
|
|
36
43
|
resetSettings: () => { },
|
|
44
|
+
setAreCellColorsEnabled: () => { },
|
|
37
45
|
});
|
|
38
46
|
export const Table = (props) => {
|
|
39
|
-
const { 'data-testid': testId, wrapperClassName, headerContent, headerTestId, hasSearch = true, footerContent, footerTestId, onGridReady, onTableSettingsChanged, onTableSettingsReset, onColumnBordersChanged, onTableSpacingChanged, enableSimultaneousRangeAndRowSelection = false, disableDragSelect = false, onCellSelectionChanged, components = {}, ...rest } = props;
|
|
47
|
+
const { 'data-testid': testId, wrapperClassName, headerContent, headerTestId, hasSearch = true, footerContent, footerTestId, onGridReady, onTableSettingsChanged, onTableSettingsReset, onColumnBordersChanged, onTableSpacingChanged, onCellColorsChanged, enableSimultaneousRangeAndRowSelection = false, disableDragSelect = false, onCellSelectionChanged, defaultColDef = {}, context = {}, components = {}, tableTheme, onCellFocused, ...rest } = props;
|
|
40
48
|
const [gridApi, setGridApi] = useState(null);
|
|
41
49
|
const [searchValue, setSearchValue] = useState('');
|
|
42
|
-
const { settings, resetSettings, setHasColumnBorders, setTableSpacing, } = useTableSettings({
|
|
50
|
+
const { settings, resetSettings, setHasColumnBorders, setTableSpacing, setAreCellColorsEnabled, } = useTableSettings({
|
|
43
51
|
onTableSettingsChanged,
|
|
44
52
|
onTableSettingsReset,
|
|
45
53
|
onColumnBordersChanged,
|
|
46
54
|
onTableSpacingChanged,
|
|
55
|
+
onCellColorsChanged,
|
|
47
56
|
});
|
|
48
57
|
const isUsingKeyboardRef = useRef(false);
|
|
49
58
|
const { hasColumnBorders, tableSpacing } = settings;
|
|
59
|
+
const getTheme = () => {
|
|
60
|
+
if (tableTheme === 'tidy') {
|
|
61
|
+
return tidyTheme;
|
|
62
|
+
}
|
|
63
|
+
return defaultTheme.withParams({
|
|
64
|
+
headerRowBorder: hasColumnBorders,
|
|
65
|
+
rowBorder: hasColumnBorders,
|
|
66
|
+
wrapperBorder: hasColumnBorders,
|
|
67
|
+
columnBorder: hasColumnBorders,
|
|
68
|
+
spacing: {
|
|
69
|
+
[TABLE_SPACING.XS]: 0,
|
|
70
|
+
[TABLE_SPACING.S]: 'var(--spacing-xsmall)',
|
|
71
|
+
[TABLE_SPACING.M]: 'var(--spacing-small)',
|
|
72
|
+
[TABLE_SPACING.L]: 'var(--spacing-medium)',
|
|
73
|
+
}[tableSpacing],
|
|
74
|
+
});
|
|
75
|
+
};
|
|
50
76
|
return (_jsx(GridApiContext.Provider, { value: gridApi, children: _jsx(TableSettingsContext.Provider, { value: {
|
|
51
77
|
settings,
|
|
52
78
|
resetSettings,
|
|
53
79
|
setHasColumnBorders,
|
|
54
80
|
setTableSpacing,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
, {
|
|
58
|
-
// TODO: make this overridable when we come to do Tidy Table theming
|
|
59
|
-
theme: tableTheme.withParams({
|
|
60
|
-
headerRowBorder: hasColumnBorders,
|
|
61
|
-
rowBorder: hasColumnBorders,
|
|
62
|
-
wrapperBorder: hasColumnBorders,
|
|
63
|
-
columnBorder: hasColumnBorders,
|
|
64
|
-
spacing: {
|
|
65
|
-
// These are offset by one from the usual spacing tokens. We still use the token values to make spacing
|
|
66
|
-
// consistent with other parts of the DS, but --spacing-xsmall was too large for xsmall spacing, and so on
|
|
67
|
-
// for the other tokens
|
|
68
|
-
[TABLE_SPACING.XS]: 0,
|
|
69
|
-
[TABLE_SPACING.S]: 'var(--spacing-xsmall)',
|
|
70
|
-
[TABLE_SPACING.M]: 'var(--spacing-small)',
|
|
71
|
-
[TABLE_SPACING.L]: 'var(--spacing-medium)',
|
|
72
|
-
}[tableSpacing],
|
|
73
|
-
}), onGridReady: (event) => {
|
|
81
|
+
setAreCellColorsEnabled,
|
|
82
|
+
}, children: _jsxs("section", { "data-testid": testId, className: classNames('ds-table__container', wrapperClassName), onMouseDown: () => { isUsingKeyboardRef.current = false; }, onMouseUp: () => { isUsingKeyboardRef.current = false; }, onMouseMove: () => { isUsingKeyboardRef.current = false; }, onKeyDown: () => { isUsingKeyboardRef.current = true; }, onKeyUp: () => { isUsingKeyboardRef.current = true; }, children: [headerContent && (_jsx(TableHeader, { "data-testid": headerTestId, hasSearch: hasSearch, searchValue: searchValue, setSearchValue: setSearchValue, children: headerContent })), _jsx(AgGridReact, { theme: getTheme(), onGridReady: (event) => {
|
|
74
83
|
const { api } = event;
|
|
75
84
|
setGridApi(api);
|
|
76
85
|
onGridReady?.(event);
|
|
@@ -81,8 +90,19 @@ export const Table = (props) => {
|
|
|
81
90
|
if (onCellSelectionChanged) {
|
|
82
91
|
onCellSelectionChanged(event);
|
|
83
92
|
}
|
|
93
|
+
}, onCellFocused: (params) => {
|
|
94
|
+
if (shouldSuppressFocus(params) && document.activeElement) {
|
|
95
|
+
focusFirstFocusableElement(document.activeElement);
|
|
96
|
+
}
|
|
97
|
+
onCellFocused?.(params);
|
|
98
|
+
}, defaultColDef: { ...DSDefaultColDef, ...defaultColDef }, context: {
|
|
99
|
+
settings,
|
|
100
|
+
...context,
|
|
84
101
|
}, components: {
|
|
85
102
|
dsButtonCellRenderer: ButtonCellRenderer,
|
|
103
|
+
dsInlineTextCellRenderer: InlineTextCellRenderer,
|
|
104
|
+
dsSelectDropdownCellRenderer: SelectDropdownCellRenderer,
|
|
105
|
+
dsSelectDropdownCellEditor: SelectDropdownCellEditor,
|
|
86
106
|
...components,
|
|
87
107
|
}, ...rest, ...(hasSearch && { quickFilterText: searchValue }) }), footerContent && (_jsx(TableFooter, { "data-testid": footerTestId, children: footerContent }))] }) }) }));
|
|
88
108
|
};
|
|
@@ -93,4 +113,5 @@ Table.RowCountInfo = RowCountInfo;
|
|
|
93
113
|
Table.BulkActionsDropdown = BulkActionsDropdown;
|
|
94
114
|
Table.HideColumnsDropdown = HideColumnsDropdown;
|
|
95
115
|
Table.ButtonCellRenderer = ButtonCellRenderer;
|
|
116
|
+
Table.DefaultValueFormatter = defaultValueFormatter;
|
|
96
117
|
//# 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,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,5 +20,8 @@ export declare const WithButtonCellRendererThatOpensAModalWithComposableModal: S
|
|
|
20
20
|
export declare const WithTreeData: Story;
|
|
21
21
|
export declare const WithValidation: Story;
|
|
22
22
|
export declare const WithValidationClassesAdded: Story;
|
|
23
|
+
export declare const TidyTable: Story;
|
|
24
|
+
export declare const TableWithExplicitColours: Story;
|
|
25
|
+
export declare const TableWithSemanticColors: Story;
|
|
23
26
|
export default meta;
|
|
24
27
|
//# sourceMappingURL=Table.stories.d.ts.map
|
|
@@ -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;AAUtD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAW1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAuEpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA+B7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA2CrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAkD/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAgBzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAiDzD,CAAC;AAkCF,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAC;AAEF,eAAO,MAAM,qDAAqD,EAAE,QAAQ,CAAC,UAAU,CA2CtF,CAAC;AAEF,eAAO,MAAM,wDAAwD,EAAE,QAAQ,CAAC,UAAU,CAmHzF,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAyC1B,CAAC;AAsBF,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAC;AAyBF,eAAO,MAAM,0BAA0B,EAAE,KAgBxC,CAAC;AAyFF,eAAO,MAAM,SAAS,EAAE,KAoCvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAyDtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAyDrC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|