@arbor-education/design-system.components 0.25.5 → 0.25.7

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.
Files changed (65) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts +1 -0
  3. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts.map +1 -1
  4. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js +2 -2
  5. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js.map +1 -1
  6. package/dist/components/grid/Grid.d.ts +14 -0
  7. package/dist/components/grid/Grid.d.ts.map +1 -0
  8. package/dist/components/grid/Grid.js +11 -0
  9. package/dist/components/grid/Grid.js.map +1 -0
  10. package/dist/components/grid/Grid.stories.d.ts +52 -0
  11. package/dist/components/grid/Grid.stories.d.ts.map +1 -0
  12. package/dist/components/grid/Grid.stories.js +675 -0
  13. package/dist/components/grid/Grid.stories.js.map +1 -0
  14. package/dist/components/grid/Grid.test.d.ts +2 -0
  15. package/dist/components/grid/Grid.test.d.ts.map +1 -0
  16. package/dist/components/grid/Grid.test.js +59 -0
  17. package/dist/components/grid/Grid.test.js.map +1 -0
  18. package/dist/components/grid/GridColumn.d.ts +11 -0
  19. package/dist/components/grid/GridColumn.d.ts.map +1 -0
  20. package/dist/components/grid/GridColumn.js +7 -0
  21. package/dist/components/grid/GridColumn.js.map +1 -0
  22. package/dist/components/grid/GridRow.d.ts +10 -0
  23. package/dist/components/grid/GridRow.d.ts.map +1 -0
  24. package/dist/components/grid/GridRow.js +7 -0
  25. package/dist/components/grid/GridRow.js.map +1 -0
  26. package/dist/components/row/Row.d.ts +2 -0
  27. package/dist/components/row/Row.d.ts.map +1 -1
  28. package/dist/components/row/Row.js +14 -5
  29. package/dist/components/row/Row.js.map +1 -1
  30. package/dist/components/row/Row.stories.d.ts +27 -0
  31. package/dist/components/row/Row.stories.d.ts.map +1 -1
  32. package/dist/components/row/Row.stories.js +101 -0
  33. package/dist/components/row/Row.stories.js.map +1 -1
  34. package/dist/components/row/Row.test.d.ts.map +1 -1
  35. package/dist/components/row/Row.test.js +39 -1
  36. package/dist/components/row/Row.test.js.map +1 -1
  37. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.d.ts.map +1 -1
  38. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js +2 -2
  39. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js.map +1 -1
  40. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts +13 -0
  41. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts.map +1 -1
  42. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js +56 -0
  43. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js.map +1 -1
  44. package/dist/index.css +194 -0
  45. package/dist/index.css.map +1 -1
  46. package/dist/index.d.ts +1 -0
  47. package/dist/index.d.ts.map +1 -1
  48. package/dist/index.js +1 -0
  49. package/dist/index.js.map +1 -1
  50. package/package.json +2 -1
  51. package/src/components/formField/inputs/selectDropdown/SelectDropdown.tsx +3 -1
  52. package/src/components/grid/Grid.stories.tsx +1130 -0
  53. package/src/components/grid/Grid.test.tsx +67 -0
  54. package/src/components/grid/Grid.tsx +34 -0
  55. package/src/components/grid/GridColumn.tsx +31 -0
  56. package/src/components/grid/GridRow.tsx +29 -0
  57. package/src/components/row/Row.stories.tsx +141 -0
  58. package/src/components/row/Row.test.tsx +54 -1
  59. package/src/components/row/Row.tsx +29 -10
  60. package/src/components/row/row.scss +10 -0
  61. package/src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx +67 -0
  62. package/src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx +2 -0
  63. package/src/docs/Contributing.mdx +16 -0
  64. package/src/index.scss +1 -0
  65. package/src/index.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.25.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#220](https://github.com/arbor-education/design-system.components/pull/220) [`b8a7881`](https://github.com/arbor-education/design-system.components/commit/b8a7881bac975955a105fabebccdd0f369ddc44e) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-70563 ✨ add a placeholder prop to the Row component
8
+
9
+ - [#227](https://github.com/arbor-education/design-system.components/pull/227) [`972a226`](https://github.com/arbor-education/design-system.components/commit/972a226b21c3a320e2747091b1fd43e96396a1fe) Thanks [@MarkFrancisArbor](https://github.com/MarkFrancisArbor)! - MIS-72620 onCloseAutoFocus override prop to selectDropdownCellRenderer
10
+
11
+ - [#222](https://github.com/arbor-education/design-system.components/pull/222) [`80d3775`](https://github.com/arbor-education/design-system.components/commit/80d377593b18c8e1a9b044c38d39b0b4f6554299) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-70562 ✨ Add tooltipText prop to Row component
12
+
13
+ ## 0.25.6
14
+
15
+ ### Patch Changes
16
+
17
+ - [#223](https://github.com/arbor-education/design-system.components/pull/223) [`7f19c6f`](https://github.com/arbor-education/design-system.components/commit/7f19c6fc32a3d13b6bd6b4aa9ac1cfc96632ba26) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-70561 ✨ add gov.uk-style layout components
18
+
3
19
  ## 0.25.5
4
20
 
5
21
  ### Patch Changes
@@ -15,6 +15,7 @@ export type SelectDropdownInputProps = {
15
15
  'open'?: boolean;
16
16
  'onOpenChange'?: (open: boolean) => void;
17
17
  'iconClickOnly'?: boolean;
18
+ 'onCloseAutoFocus'?: (event: Event) => void;
18
19
  };
19
20
  export declare const SelectDropdown: (props: SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
20
21
  export declare namespace SelectDropdown {
@@ -1 +1 @@
1
- {"version":3,"file":"SelectDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAItG,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;IACnC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,wBAAwB,4CA4H7D,CAAC;AAEF,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAC9C"}
1
+ {"version":3,"file":"SelectDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAItG,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;IACnC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,wBAAwB,4CA6H7D,CAAC;AAEF,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAC9C"}
@@ -5,7 +5,7 @@ import { SelectDropdownItem } from './items/item/SelectDropdownItem.js';
5
5
  import { Dropdown } from '../../../dropdown/Dropdown.js';
6
6
  import { Button } from '../../../button/Button.js';
7
7
  export const SelectDropdown = (props) => {
8
- const { options, disabled, multiple, placeholder, hasError, onSelectionChange, id, 'aria-describedBy': ariaDescribedBy, 'aria-invalid': ariaInvalid, alwaysShowPlaceholder = false, initialSelectedValues = [], selectedValues: controlledSelectedValues, open, onOpenChange, iconClickOnly = false, } = props;
8
+ const { options, disabled, multiple, placeholder, hasError, onSelectionChange, id, 'aria-describedBy': ariaDescribedBy, 'aria-invalid': ariaInvalid, alwaysShowPlaceholder = false, initialSelectedValues = [], selectedValues: controlledSelectedValues, open, onOpenChange, iconClickOnly = false, onCloseAutoFocus, } = props;
9
9
  const isControlled = controlledSelectedValues !== undefined;
10
10
  const [internalSelectedValues, setInternalSelectedValues] = useState(initialSelectedValues);
11
11
  const selectedValues = isControlled ? controlledSelectedValues : internalSelectedValues;
@@ -64,7 +64,7 @@ export const SelectDropdown = (props) => {
64
64
  }
65
65
  onSelectionChange?.(nextValues);
66
66
  };
67
- return (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: id, value: selectedValues.join(',') }), _jsxs(Dropdown, { open: open, onOpenChange: onOpenChange, children: [_jsx(Dropdown.Trigger, { disabled: disabled, children: _jsx(Button, { variant: "dropdown", error: hasError, iconRightName: "chevron-down", id: id, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, className: classNames({ 'ds-select-dropdown--icon-click-only': iconClickOnly }), children: renderedSelectContent }) }), _jsx(Dropdown.Content, { children: flatOptions.map(item => 'headerLabel' in item
67
+ return (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: id, value: selectedValues.join(',') }), _jsxs(Dropdown, { open: open, onOpenChange: onOpenChange, children: [_jsx(Dropdown.Trigger, { disabled: disabled, children: _jsx(Button, { variant: "dropdown", error: hasError, iconRightName: "chevron-down", id: id, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, className: classNames({ 'ds-select-dropdown--icon-click-only': iconClickOnly }), children: renderedSelectContent }) }), _jsx(Dropdown.Content, { contentProps: { onCloseAutoFocus }, children: flatOptions.map(item => 'headerLabel' in item
68
68
  ? (_jsx("h3", { className: "ds-select-dropdown__items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
69
69
  : (_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))) })] })] }));
70
70
  };
@@ -1 +1 @@
1
- {"version":3,"file":"SelectDropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectDropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ import type { ReactNode } from 'react';
2
+ export type GridProps = {
3
+ className?: string;
4
+ children?: ReactNode;
5
+ };
6
+ export declare const Grid: {
7
+ (props: GridProps): import("react/jsx-runtime").JSX.Element;
8
+ Row: (props: import("./GridRow.js").GridRowProps) => import("react/jsx-runtime").JSX.Element;
9
+ Column: (props: import("./GridColumn.js").GridColumnProps) => import("react/jsx-runtime").JSX.Element;
10
+ };
11
+ export declare namespace Grid {
12
+ type Props = GridProps;
13
+ }
14
+ //# sourceMappingURL=Grid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI;YAAW,SAAS;;;CAgBpC,CAAC;AAKF,yBAAiB,IAAI,CAAC;IACpB,KAAY,KAAK,GAAG,SAAS,CAAC;CAC/B"}
@@ -0,0 +1,11 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import classNames from 'classnames';
3
+ import { GridRow } from './GridRow.js';
4
+ import { GridColumn } from './GridColumn.js';
5
+ export const Grid = (props) => {
6
+ const { className, children, } = props;
7
+ return (_jsx("div", { className: classNames('govuk-main-wrapper', className), children: children }));
8
+ };
9
+ Grid.Row = GridRow;
10
+ Grid.Column = GridColumn;
11
+ //# sourceMappingURL=Grid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EACJ,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,oBAAoB,EACpB,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC;AACnB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC"}
@@ -0,0 +1,52 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ declare function GridDocsPage(): import("react/jsx-runtime").JSX.Element;
3
+ declare const meta: {
4
+ title: string;
5
+ component: {
6
+ (props: import("./Grid.js").GridProps): import("react/jsx-runtime").JSX.Element;
7
+ Row: (props: import("./GridRow.js").GridRowProps) => import("react/jsx-runtime").JSX.Element;
8
+ Column: (props: import("./GridColumn.js").GridColumnProps) => import("react/jsx-runtime").JSX.Element;
9
+ };
10
+ tags: string[];
11
+ parameters: {
12
+ layout: string;
13
+ docs: {
14
+ page: typeof GridDocsPage;
15
+ };
16
+ };
17
+ argTypes: {
18
+ className: {
19
+ control: false;
20
+ description: string;
21
+ table: {
22
+ type: {
23
+ summary: string;
24
+ };
25
+ };
26
+ };
27
+ children: {
28
+ control: false;
29
+ description: string;
30
+ table: {
31
+ type: {
32
+ summary: string;
33
+ };
34
+ };
35
+ };
36
+ };
37
+ };
38
+ export default meta;
39
+ type Story = StoryObj<typeof meta>;
40
+ export declare const Default: Story;
41
+ export declare const OneHalf: Story;
42
+ export declare const OneThirdTwoThirds: Story;
43
+ export declare const TwoThirdsOneThird: Story;
44
+ export declare const OneQuarterThreeQuarters: Story;
45
+ export declare const ThreeQuartersOneQuarter: Story;
46
+ export declare const FourQuarters: Story;
47
+ export declare const MultipleRows: Story;
48
+ export declare const AllWidths: Story;
49
+ export declare const StudentProfilePage: Story;
50
+ export declare const AttendanceDashboard: Story;
51
+ export declare const StaffDirectory: Story;
52
+ //# sourceMappingURL=Grid.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA2N5D,iBAAS,YAAY,4CAmBpB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiFnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA+CrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA+C/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8C/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA+CrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA+CrC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA8C1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA8CvB,CAAC;AAkCF,eAAO,MAAM,kBAAkB,EAAE,KA2GhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmHjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkH5B,CAAC"}