@rws-aoa/react-library 6.0.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/dist/_constants.js.map +1 -1
  2. package/dist/chunks/FieldError.CCQnjdMd.js +161 -0
  3. package/dist/chunks/{FieldError.B8t3zEhf.js.map → FieldError.CCQnjdMd.js.map} +1 -1
  4. package/dist/chunks/compiler-runtime.hDcrsMwn.js +55 -0
  5. package/dist/chunks/compiler-runtime.hDcrsMwn.js.map +1 -0
  6. package/dist/components/atoms/_menu/menu-item/MenuItem.d.ts +2 -2
  7. package/dist/components/atoms/_menu/menu-item/MenuItem.d.ts.map +1 -1
  8. package/dist/components/atoms/_menu/menu-item/MenuItem.js +73 -128
  9. package/dist/components/atoms/_menu/menu-item/MenuItem.js.map +1 -1
  10. package/dist/components/atoms/_menu/user-menu/UserMenu.d.ts +1 -2
  11. package/dist/components/atoms/_menu/user-menu/UserMenu.d.ts.map +1 -1
  12. package/dist/components/atoms/_menu/user-menu/UserMenu.js +72 -72
  13. package/dist/components/atoms/_menu/user-menu/UserMenu.js.map +1 -1
  14. package/dist/components/atoms/button/Button.d.ts +2 -2
  15. package/dist/components/atoms/button/Button.d.ts.map +1 -1
  16. package/dist/components/atoms/button/Button.js +120 -133
  17. package/dist/components/atoms/button/Button.js.map +1 -1
  18. package/dist/components/atoms/icon-button/IconButton.d.ts +6 -1
  19. package/dist/components/atoms/icon-button/IconButton.d.ts.map +1 -1
  20. package/dist/components/atoms/icon-button/IconButton.js +50 -50
  21. package/dist/components/atoms/icon-button/IconButton.js.map +1 -1
  22. package/dist/components/atoms/input/Input.d.ts +1 -2
  23. package/dist/components/atoms/input/Input.d.ts.map +1 -1
  24. package/dist/components/atoms/input/Input.js +51 -56
  25. package/dist/components/atoms/input/Input.js.map +1 -1
  26. package/dist/components/atoms/logo/Logo.d.ts +2 -2
  27. package/dist/components/atoms/logo/Logo.d.ts.map +1 -1
  28. package/dist/components/atoms/logo/Logo.js +298 -457
  29. package/dist/components/atoms/logo/Logo.js.map +1 -1
  30. package/dist/components/atoms/no-permission/NoPermission.d.ts +1 -1
  31. package/dist/components/atoms/no-permission/NoPermission.d.ts.map +1 -1
  32. package/dist/components/atoms/no-permission/NoPermission.js +20 -23
  33. package/dist/components/atoms/no-permission/NoPermission.js.map +1 -1
  34. package/dist/components/atoms/notification/Notification.d.ts +1 -2
  35. package/dist/components/atoms/notification/Notification.d.ts.map +1 -1
  36. package/dist/components/atoms/notification/Notification.js +29 -41
  37. package/dist/components/atoms/notification/Notification.js.map +1 -1
  38. package/dist/components/atoms/notification/_icons/Error.d.ts +1 -1
  39. package/dist/components/atoms/notification/_icons/Error.d.ts.map +1 -1
  40. package/dist/components/atoms/notification/_icons/Error.js +25 -32
  41. package/dist/components/atoms/notification/_icons/Error.js.map +1 -1
  42. package/dist/components/atoms/notification/_icons/Info.d.ts +1 -1
  43. package/dist/components/atoms/notification/_icons/Info.d.ts.map +1 -1
  44. package/dist/components/atoms/notification/_icons/Info.js +26 -39
  45. package/dist/components/atoms/notification/_icons/Info.js.map +1 -1
  46. package/dist/components/atoms/notification/_icons/Success.d.ts +1 -1
  47. package/dist/components/atoms/notification/_icons/Success.d.ts.map +1 -1
  48. package/dist/components/atoms/notification/_icons/Success.js +26 -39
  49. package/dist/components/atoms/notification/_icons/Success.js.map +1 -1
  50. package/dist/components/atoms/notification/_icons/Warning.js +23 -38
  51. package/dist/components/atoms/notification/_icons/Warning.js.map +1 -1
  52. package/dist/components/atoms/section-header/SectionHeader.d.ts +1 -1
  53. package/dist/components/atoms/section-header/SectionHeader.d.ts.map +1 -1
  54. package/dist/components/atoms/section-header/SectionHeader.js +37 -64
  55. package/dist/components/atoms/section-header/SectionHeader.js.map +1 -1
  56. package/dist/components/atoms/selection-buttons/checkbox/Checkbox.d.ts +1 -2
  57. package/dist/components/atoms/selection-buttons/checkbox/Checkbox.d.ts.map +1 -1
  58. package/dist/components/atoms/selection-buttons/checkbox/Checkbox.js +23 -35
  59. package/dist/components/atoms/selection-buttons/checkbox/Checkbox.js.map +1 -1
  60. package/dist/components/atoms/selection-buttons/radio-button/RadioButton.d.ts +1 -2
  61. package/dist/components/atoms/selection-buttons/radio-button/RadioButton.d.ts.map +1 -1
  62. package/dist/components/atoms/selection-buttons/radio-button/RadioButton.js +19 -29
  63. package/dist/components/atoms/selection-buttons/radio-button/RadioButton.js.map +1 -1
  64. package/dist/components/atoms/selection-buttons/switch-button/SwitchButton.d.ts +1 -2
  65. package/dist/components/atoms/selection-buttons/switch-button/SwitchButton.d.ts.map +1 -1
  66. package/dist/components/atoms/selection-buttons/switch-button/SwitchButton.js +26 -29
  67. package/dist/components/atoms/selection-buttons/switch-button/SwitchButton.js.map +1 -1
  68. package/dist/components/atoms/table/Table.d.ts +1 -0
  69. package/dist/components/atoms/table/Table.d.ts.map +1 -1
  70. package/dist/components/atoms/table/Table.js +172 -201
  71. package/dist/components/atoms/table/Table.js.map +1 -1
  72. package/dist/components/atoms/table/_QuickSearchToolbar.d.ts +3 -2
  73. package/dist/components/atoms/table/_QuickSearchToolbar.d.ts.map +1 -1
  74. package/dist/components/atoms/table/_QuickSearchToolbar.js +1456 -1544
  75. package/dist/components/atoms/table/_QuickSearchToolbar.js.map +1 -1
  76. package/dist/components/atoms/tooltip/Tooltip.js +16 -27
  77. package/dist/components/atoms/tooltip/Tooltip.js.map +1 -1
  78. package/dist/components/atoms/zero-width-space/ZeroWidthSpace.d.ts +1 -2
  79. package/dist/components/atoms/zero-width-space/ZeroWidthSpace.d.ts.map +1 -1
  80. package/dist/components/atoms/zero-width-space/ZeroWidthSpace.js +16 -7
  81. package/dist/components/atoms/zero-width-space/ZeroWidthSpace.js.map +1 -1
  82. package/dist/components/molecules/field-error/FieldError.js +3 -2
  83. package/dist/components/molecules/field-error/FieldError.js.map +1 -1
  84. package/dist/components/molecules/file-dropzone/FileDropzone.d.ts.map +1 -1
  85. package/dist/components/molecules/file-dropzone/FileDropzone.js +90 -79
  86. package/dist/components/molecules/file-dropzone/FileDropzone.js.map +1 -1
  87. package/dist/components/molecules/file-table/FileTable.js +4 -14
  88. package/dist/components/molecules/file-table/FileTable.js.map +1 -1
  89. package/dist/components/molecules/form-error/FormError.js +3 -2
  90. package/dist/components/molecules/form-error/FormError.js.map +1 -1
  91. package/dist/components/molecules/form-modal/FormModal.js +3 -2
  92. package/dist/components/molecules/form-modal/FormModal.js.map +1 -1
  93. package/dist/components/molecules/modal/Modal.d.ts +1 -1
  94. package/dist/components/molecules/modal/Modal.d.ts.map +1 -1
  95. package/dist/components/molecules/modal/Modal.js +50 -68
  96. package/dist/components/molecules/modal/Modal.js.map +1 -1
  97. package/dist/components/molecules/modal-close-button/ModalCloseButton.d.ts +1 -1
  98. package/dist/components/molecules/modal-close-button/ModalCloseButton.d.ts.map +1 -1
  99. package/dist/components/molecules/modal-close-button/ModalCloseButton.js +20 -19
  100. package/dist/components/molecules/modal-close-button/ModalCloseButton.js.map +1 -1
  101. package/dist/components/molecules/navigation-bar/NavigationBar.d.ts +1 -2
  102. package/dist/components/molecules/navigation-bar/NavigationBar.d.ts.map +1 -1
  103. package/dist/components/molecules/navigation-bar/NavigationBar.js +96 -97
  104. package/dist/components/molecules/navigation-bar/NavigationBar.js.map +1 -1
  105. package/dist/components/molecules/upload-button/UploadButton.js +36 -33
  106. package/dist/components/molecules/upload-button/UploadButton.js.map +1 -1
  107. package/dist/components/organisms/content-page/ContentPage.d.ts +1 -1
  108. package/dist/components/organisms/content-page/ContentPage.d.ts.map +1 -1
  109. package/dist/components/organisms/content-page/ContentPage.js +22 -11
  110. package/dist/components/organisms/content-page/ContentPage.js.map +1 -1
  111. package/dist/contexts/TanstackFormContext.js +1 -1
  112. package/dist/index.js +1 -1
  113. package/package.json +21 -21
  114. package/dist/chunks/FieldError.B8t3zEhf.js +0 -143
@@ -1,69 +1,42 @@
1
- import { jsxs as n, jsx as o } from "react/jsx-runtime";
1
+ import { jsxs as e, jsx as o } from "react/jsx-runtime";
2
2
  import { Box as s, Typography as a, Divider as m, typographyClasses as l } from "@mui/material";
3
- import { l as p } from "../../../chunks/lodash.CA_K01A9.js";
4
- import { memo as x } from "react";
5
- const h = x(
6
- ({ title: i, subtitle: t = "", children: e, ...r }) => /* @__PURE__ */ n(
7
- s,
8
- {
9
- ...r,
10
- sx: p.merge(
11
- {
12
- marginRight: 0,
13
- marginBottom: 2,
14
- 'breakpoints.down("sm")': {
15
- flexBasis: "100%",
16
- width: "100%",
17
- marginRight: 0,
18
- "&:not(:first-of-type)": {
19
- marginTop: 3
20
- }
21
- },
22
- [`.${l.root}`]: {
23
- fontFamily: "var(--font-text)"
24
- }
25
- },
26
- r.sx
27
- ),
28
- children: [
29
- /* @__PURE__ */ o(
30
- a,
31
- {
32
- color: "textPrimary",
33
- component: "h1",
34
- "data-qa": "section-title",
35
- sx: { fontSize: "var(--font-size-h1)" },
36
- variant: "h5",
37
- children: i
38
- }
39
- ),
40
- !!t && /* @__PURE__ */ o(
41
- a,
42
- {
43
- color: "textSecondary",
44
- component: "span",
45
- "data-qa": "section-subtitle",
46
- sx: { fontSize: "var(--font-size-text)" },
47
- variant: "subtitle1",
48
- children: t
49
- }
50
- ),
51
- /* @__PURE__ */ o(
52
- m,
53
- {
54
- sx: {
55
- backgroundColor: "var(--color-rijks-skyblue)",
56
- marginBottom: 3,
57
- paddingBottom: 0.25
58
- }
59
- }
60
- ),
61
- e
62
- ]
3
+ import { l as x } from "../../../chunks/lodash.CA_K01A9.js";
4
+ function f({
5
+ title: i,
6
+ subtitle: t = "",
7
+ children: n,
8
+ ...r
9
+ }) {
10
+ return /* @__PURE__ */ e(s, { ...r, sx: x.merge({
11
+ marginRight: 0,
12
+ marginBottom: 2,
13
+ 'breakpoints.down("sm")': {
14
+ flexBasis: "100%",
15
+ width: "100%",
16
+ marginRight: 0,
17
+ "&:not(:first-of-type)": {
18
+ marginTop: 3
19
+ }
20
+ },
21
+ [`.${l.root}`]: {
22
+ fontFamily: "var(--font-text)"
63
23
  }
64
- )
65
- );
24
+ }, r.sx), children: [
25
+ /* @__PURE__ */ o(a, { color: "textPrimary", component: "h1", "data-qa": "section-title", sx: {
26
+ fontSize: "var(--font-size-h1)"
27
+ }, variant: "h5", children: i }),
28
+ !!t && /* @__PURE__ */ o(a, { color: "textSecondary", component: "span", "data-qa": "section-subtitle", sx: {
29
+ fontSize: "var(--font-size-text)"
30
+ }, variant: "subtitle1", children: t }),
31
+ /* @__PURE__ */ o(m, { sx: {
32
+ backgroundColor: "var(--color-rijks-skyblue)",
33
+ marginBottom: 3,
34
+ paddingBottom: 0.25
35
+ } }),
36
+ n
37
+ ] });
38
+ }
66
39
  export {
67
- h as AoaSectionHeader
40
+ f as AoaSectionHeader
68
41
  };
69
42
  //# sourceMappingURL=SectionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SectionHeader.js","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"sourcesContent":["import { Box, Divider, Typography, typographyClasses, type BoxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport { memo, type PropsWithChildren, type ReactNode } from 'react';\n\nexport interface AoaSectionHeaderProps extends Omit<BoxProps, 'title'> {\n /**\n * Data-qa tag for E2E test purposes\n */\n readonly 'data-qa'?: string;\n /**\n * The content to show as subtitle, lighter grey and below the title\n */\n readonly subtitle?: ReactNode;\n /**\n * The title to show in the first Typography component\n */\n readonly title: ReactNode;\n}\n\n/**\n * Constructs a section header using pre-defined Rijks styling\n *\n * @param props - Props to pass to the section header\n * @example\n * ```jsx\n * <AoaSectionHeader title='This is a title' subtitle='And this is a subtitle' />\n * ```\n */\nexport const AoaSectionHeader = memo(\n ({ title, subtitle = '', children, ...props }: PropsWithChildren<AoaSectionHeaderProps>) => {\n return (\n <Box\n {...props}\n sx={merge(\n {\n marginRight: 0,\n marginBottom: 2,\n 'breakpoints.down(\"sm\")': {\n flexBasis: '100%',\n width: '100%',\n marginRight: 0,\n\n '&:not(:first-of-type)': {\n marginTop: 3\n }\n },\n [`.${typographyClasses.root}`]: {\n fontFamily: 'var(--font-text)'\n }\n },\n props.sx\n )}\n >\n <Typography\n color='textPrimary'\n component='h1'\n data-qa='section-title'\n sx={{ fontSize: 'var(--font-size-h1)' }}\n variant='h5'\n >\n {title}\n </Typography>\n {Boolean(subtitle) && (\n <Typography\n color='textSecondary'\n component='span'\n data-qa='section-subtitle'\n sx={{ fontSize: 'var(--font-size-text)' }}\n variant='subtitle1'\n >\n {subtitle}\n </Typography>\n )}\n <Divider\n sx={{\n backgroundColor: 'var(--color-rijks-skyblue)',\n marginBottom: 3,\n paddingBottom: 0.25\n }}\n />\n {children}\n </Box>\n );\n }\n);\n"],"names":["AoaSectionHeader","memo","title","subtitle","children","props","jsxs","Box","merge","typographyClasses","jsx","Typography","Divider"],"mappings":";;;;AA4BO,MAAMA,IAAmBC;AAAA,EAC9B,CAAC,EAAE,OAAAC,GAAO,UAAAC,IAAW,IAAI,UAAAC,GAAU,GAAGC,QAElC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,IAAIG,EAAAA;AAAAA,QACF;AAAA,UACE,aAAa;AAAA,UACb,cAAc;AAAA,UACd,0BAA0B;AAAA,YACxB,WAAW;AAAA,YACX,OAAO;AAAA,YACP,aAAa;AAAA,YAEb,yBAAyB;AAAA,cACvB,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,CAAC,IAAIC,EAAkB,IAAI,EAAE,GAAG;AAAA,YAC9B,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAEFJ,EAAM;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,WAAQ;AAAA,YACR,IAAI,EAAE,UAAU,sBAAA;AAAA,YAChB,SAAQ;AAAA,YAEP,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,EAAQC,KACP,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,WAAQ;AAAA,YACR,IAAI,EAAE,UAAU,wBAAA;AAAA,YAChB,SAAQ;AAAA,YAEP,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAO;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,QAEDR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIT;"}
1
+ {"version":3,"file":"SectionHeader.js","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"sourcesContent":["import { Box, Divider, Typography, typographyClasses, type BoxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nexport interface AoaSectionHeaderProps extends Omit<BoxProps, 'title'> {\n /**\n * Data-qa tag for E2E test purposes\n */\n readonly 'data-qa'?: string;\n /**\n * The content to show as subtitle, lighter grey and below the title\n */\n readonly subtitle?: ReactNode;\n /**\n * The title to show in the first Typography component\n */\n readonly title: ReactNode;\n}\n\n/**\n * Constructs a section header using pre-defined Rijks styling\n *\n * @param props - Props to pass to the section header\n * @example\n * ```jsx\n * <AoaSectionHeader title='This is a title' subtitle='And this is a subtitle' />\n * ```\n */\nexport function AoaSectionHeader({\n title,\n subtitle = '',\n children,\n ...props\n}: PropsWithChildren<AoaSectionHeaderProps>) {\n return (\n <Box\n {...props}\n sx={merge(\n {\n marginRight: 0,\n marginBottom: 2,\n 'breakpoints.down(\"sm\")': {\n flexBasis: '100%',\n width: '100%',\n marginRight: 0,\n\n '&:not(:first-of-type)': {\n marginTop: 3\n }\n },\n [`.${typographyClasses.root}`]: {\n fontFamily: 'var(--font-text)'\n }\n },\n props.sx\n )}\n >\n <Typography\n color='textPrimary'\n component='h1'\n data-qa='section-title'\n sx={{ fontSize: 'var(--font-size-h1)' }}\n variant='h5'\n >\n {title}\n </Typography>\n {Boolean(subtitle) && (\n <Typography\n color='textSecondary'\n component='span'\n data-qa='section-subtitle'\n sx={{ fontSize: 'var(--font-size-text)' }}\n variant='subtitle1'\n >\n {subtitle}\n </Typography>\n )}\n <Divider\n sx={{\n backgroundColor: 'var(--color-rijks-skyblue)',\n marginBottom: 3,\n paddingBottom: 0.25\n }}\n />\n {children}\n </Box>\n );\n}\n"],"names":["AoaSectionHeader","title","subtitle","children","props","jsxs","Box","merge","marginRight","marginBottom","flexBasis","width","marginTop","typographyClasses","root","fontFamily","sx","jsx","Typography","fontSize","Boolean","Divider","backgroundColor","paddingBottom"],"mappings":";;;AA4BO,SAASA,EAAiB;AAAA,EAC/BC,OAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,UAAAA;AAAAA,EACA,GAAGC;AACqC,GAAG;AAC3C,SACE,gBAAAC,EAACC,GAAA,EACC,GAAIF,GACJ,IAAIG,EAAAA,MACF;AAAA,IACEC,aAAa;AAAA,IACbC,cAAc;AAAA,IACd,0BAA0B;AAAA,MACxBC,WAAW;AAAA,MACXC,OAAO;AAAA,MACPH,aAAa;AAAA,MAEb,yBAAyB;AAAA,QACvBI,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,CAAC,IAAIC,EAAkBC,IAAI,EAAE,GAAG;AAAA,MAC9BC,YAAY;AAAA,IAAA;AAAA,EACd,GAEFX,EAAMY,EACR,GAEA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KACC,OAAM,eACN,WAAU,MACV,WAAQ,iBACR,IAAI;AAAA,MAAEC,UAAU;AAAA,IAAA,GAChB,SAAQ,MAEPlB,UAAAA,EAAAA,CACH;AAAA,IACCmB,EAAQlB,KACP,gBAAAe,EAACC,GAAA,EACC,OAAM,iBACN,WAAU,QACV,WAAQ,oBACR,IAAI;AAAA,MAAEC,UAAU;AAAA,IAAA,GAChB,SAAQ,aAEPjB,UAAAA,EAAAA,CACH;AAAA,IAEF,gBAAAe,EAACI,KACC,IAAI;AAAA,MACFC,iBAAiB;AAAA,MACjBb,cAAc;AAAA,MACdc,eAAe;AAAA,IAAA,GACf;AAAA,IAEHpB;AAAAA,EAAAA,GACH;AAEJ;"}
@@ -1,5 +1,4 @@
1
1
  import { CheckboxProps as MUICheckboxProps } from '@mui/material';
2
- import { ReactNode } from 'react';
3
2
  export interface AoaCheckboxProps extends Omit<MUICheckboxProps, 'checkedIcon' | 'icon'> {
4
3
  /**
5
4
  * Whether this checkbox is checked
@@ -23,5 +22,5 @@ export interface AoaCheckboxProps extends Omit<MUICheckboxProps, 'checkedIcon' |
23
22
  * <AoaCheckbox label="Demo checkbox" checked={true} onChange={handleChange} />} />
24
23
  * ```
25
24
  */
26
- export declare const AoaCheckbox: import('react').MemoExoticComponent<({ label, ...props }: AoaCheckboxProps) => ReactNode>;
25
+ export declare function AoaCheckbox({ label, ...props }: AoaCheckboxProps): import("react/jsx-runtime").JSX.Element;
27
26
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,MAAM,CAAC;IACtF;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AAEH,eAAO,MAAM,WAAW,4DAA8B,gBAAgB,KAAG,SAAS,CA8BhF,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,eAAe,CAAC;AAIvB,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,MAAM,CAAC;IACtF;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AAEH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CA8BhE"}
@@ -1,39 +1,27 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { CheckBoxOutlineBlank as t, CheckBox as l } from "@mui/icons-material";
3
- import { FormControlLabel as i, typographyClasses as m, Checkbox as s } from "@mui/material";
4
- import { l as a } from "../../../../chunks/lodash.CA_K01A9.js";
5
- import { memo as c } from "react";
6
- import { FontNormalSxProps as n } from "../../../../_constants.js";
7
- const k = c(({ label: e, ...r }) => /* @__PURE__ */ o(
8
- i,
9
- {
10
- control: /* @__PURE__ */ o(
11
- s,
12
- {
13
- ...r,
14
- checkedIcon: /* @__PURE__ */ o(l, { color: "inherit", fontSize: "small" }),
15
- icon: /* @__PURE__ */ o(t, { color: "inherit", fontSize: "small" }),
16
- sx: a.merge(
17
- {
18
- color: "var(--color-primary)",
19
- ":focus": {
20
- outline: "2px dashed var(--color-text)",
21
- outlineOffset: "-9px",
22
- borderRadius: 0
23
- },
24
- ":disabled": {
25
- color: "var(--color-disabled)"
26
- }
27
- },
28
- r.sx
29
- )
30
- }
31
- ),
32
- label: e,
33
- sx: { [`.${m.root}`]: n }
34
- }
35
- ));
2
+ import { CheckBoxOutlineBlank as l, CheckBox as t } from "@mui/icons-material";
3
+ import { FormControlLabel as i, typographyClasses as a, Checkbox as c } from "@mui/material";
4
+ import { l as s } from "../../../../chunks/lodash.CA_K01A9.js";
5
+ import { FontNormalSxProps as m } from "../../../../_constants.js";
6
+ function h({
7
+ label: e,
8
+ ...r
9
+ }) {
10
+ return /* @__PURE__ */ o(i, { control: /* @__PURE__ */ o(c, { ...r, checkedIcon: /* @__PURE__ */ o(t, { color: "inherit", fontSize: "small" }), icon: /* @__PURE__ */ o(l, { color: "inherit", fontSize: "small" }), sx: s.merge({
11
+ color: "var(--color-primary)",
12
+ ":focus": {
13
+ outline: "2px dashed var(--color-text)",
14
+ outlineOffset: "-9px",
15
+ borderRadius: 0
16
+ },
17
+ ":disabled": {
18
+ color: "var(--color-disabled)"
19
+ }
20
+ }, r.sx) }), label: e, sx: {
21
+ [`.${a.root}`]: m
22
+ } });
23
+ }
36
24
  export {
37
- k as AoaCheckbox
25
+ h as AoaCheckbox
38
26
  };
39
27
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"sourcesContent":["import { CheckBox as CheckBoxIcon, CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon } from '@mui/icons-material';\nimport {\n Checkbox as MUICheckbox,\n FormControlLabel as MUIFormControlLabel,\n typographyClasses,\n type CheckboxProps as MUICheckboxProps\n} from '@mui/material';\nimport { merge } from 'lodash';\nimport { memo, type ReactNode } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\nexport interface AoaCheckboxProps extends Omit<MUICheckboxProps, 'checkedIcon' | 'icon'> {\n /**\n * Whether this checkbox is checked\n */\n readonly checked: boolean;\n /**\n * Data-qa tag for E2E test purposes\n */\n readonly 'data-qa'?: string;\n /**\n * The label that is shown after the checkbox\n */\n readonly label: string;\n}\n\n/**\n * Constructs a checkbox using pre-defined Rijks styling\n *\n * @param props - Props to pass to the checkbox\n * @example\n * ```jsx\n * <AoaCheckbox label=\"Demo checkbox\" checked={true} onChange={handleChange} />} />\n * ```\n */\n\nexport const AoaCheckbox = memo(({ label, ...props }: AoaCheckboxProps): ReactNode => {\n return (\n <MUIFormControlLabel\n control={\n <MUICheckbox\n {...props}\n checkedIcon={<CheckBoxIcon color='inherit' fontSize='small' />}\n icon={<CheckBoxOutlineBlankIcon color='inherit' fontSize='small' />}\n sx={merge(\n {\n color: 'var(--color-primary)',\n\n ':focus': {\n outline: '2px dashed var(--color-text)',\n outlineOffset: '-9px',\n borderRadius: 0\n },\n\n ':disabled': {\n color: 'var(--color-disabled)'\n }\n },\n props.sx\n )}\n />\n }\n label={label}\n sx={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n});\n"],"names":["AoaCheckbox","memo","label","props","jsx","MUIFormControlLabel","MUICheckbox","CheckBoxIcon","CheckBoxOutlineBlankIcon","merge","typographyClasses","FontNormalSxProps"],"mappings":";;;;;;AAoCO,MAAMA,IAAcC,EAAK,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEzC,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACE,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACE,GAAGH;AAAA,QACJ,aAAa,gBAAAC,EAACG,GAAA,EAAa,OAAM,WAAU,UAAS,SAAQ;AAAA,QAC5D,MAAM,gBAAAH,EAACI,GAAA,EAAyB,OAAM,WAAU,UAAS,SAAQ;AAAA,QACjE,IAAIC,EAAAA;AAAAA,UACF;AAAA,YACE,OAAO;AAAA,YAEP,UAAU;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,cAAc;AAAA,YAAA;AAAA,YAGhB,aAAa;AAAA,cACX,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,UAEFN,EAAM;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,IAGJ,OAAAD;AAAA,IACA,IAAI,EAAE,CAAC,IAAIQ,EAAkB,IAAI,EAAE,GAAGC,EAAA;AAAA,EAAkB;AAAA,CAG7D;"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"sourcesContent":["import { CheckBox as CheckBoxIcon, CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon } from '@mui/icons-material';\nimport {\n Checkbox as MUICheckbox,\n FormControlLabel as MUIFormControlLabel,\n typographyClasses,\n type CheckboxProps as MUICheckboxProps\n} from '@mui/material';\nimport { merge } from 'lodash';\nimport { FontNormalSxProps } from '../../../../_constants';\n\nexport interface AoaCheckboxProps extends Omit<MUICheckboxProps, 'checkedIcon' | 'icon'> {\n /**\n * Whether this checkbox is checked\n */\n readonly checked: boolean;\n /**\n * Data-qa tag for E2E test purposes\n */\n readonly 'data-qa'?: string;\n /**\n * The label that is shown after the checkbox\n */\n readonly label: string;\n}\n\n/**\n * Constructs a checkbox using pre-defined Rijks styling\n *\n * @param props - Props to pass to the checkbox\n * @example\n * ```jsx\n * <AoaCheckbox label=\"Demo checkbox\" checked={true} onChange={handleChange} />} />\n * ```\n */\n\nexport function AoaCheckbox({ label, ...props }: AoaCheckboxProps) {\n return (\n <MUIFormControlLabel\n control={\n <MUICheckbox\n {...props}\n checkedIcon={<CheckBoxIcon color='inherit' fontSize='small' />}\n icon={<CheckBoxOutlineBlankIcon color='inherit' fontSize='small' />}\n sx={merge(\n {\n color: 'var(--color-primary)',\n\n ':focus': {\n outline: '2px dashed var(--color-text)',\n outlineOffset: '-9px',\n borderRadius: 0\n },\n\n ':disabled': {\n color: 'var(--color-disabled)'\n }\n },\n props.sx\n )}\n />\n }\n label={label}\n sx={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n}\n"],"names":["AoaCheckbox","label","props","jsx","MUIFormControlLabel","MUICheckbox","CheckBoxIcon","CheckBoxOutlineBlankIcon","merge","color","outline","outlineOffset","borderRadius","sx","typographyClasses","root","FontNormalSxProps"],"mappings":";;;;;AAmCO,SAASA,EAAY;AAAA,EAAEC,OAAAA;AAAAA,EAAO,GAAGC;AAAwB,GAAG;AACjE,SACE,gBAAAC,EAACC,GAAA,EACC,SACE,gBAAAD,EAACE,GAAA,EACC,GAAIH,GACJ,aAAa,gBAAAC,EAACG,GAAA,EAAa,OAAM,WAAU,UAAS,QAAA,CAAO,GAC3D,MAAM,gBAAAH,EAACI,GAAA,EAAyB,OAAM,WAAU,UAAS,QAAA,CAAO,GAChE,IAAIC,EAAAA,MACF;AAAA,IACEC,OAAO;AAAA,IAEP,UAAU;AAAA,MACRC,SAAS;AAAA,MACTC,eAAe;AAAA,MACfC,cAAc;AAAA,IAAA;AAAA,IAGhB,aAAa;AAAA,MACXH,OAAO;AAAA,IAAA;AAAA,EACT,GAEFP,EAAMW,EACR,EAAA,CAAE,GAGN,OAAAZ,GACA,IAAI;AAAA,IAAE,CAAC,IAAIa,EAAkBC,IAAI,EAAE,GAAGC;AAAAA,EAAAA,GAAoB;AAGhE;"}
@@ -1,5 +1,4 @@
1
1
  import { RadioProps as MUIRadioButtonProps } from '@mui/material';
2
- import { ReactNode } from 'react';
3
2
  export interface AoaRadioButtonProps extends MUIRadioButtonProps {
4
3
  /**
5
4
  * Whether this radio button is checked
@@ -23,5 +22,5 @@ export interface AoaRadioButtonProps extends MUIRadioButtonProps {
23
22
  * <AoaRadioButton label="Demo radio button" />} />
24
23
  * ```
25
24
  */
26
- export declare const AoaRadioButton: import('react').MemoExoticComponent<({ label, ...props }: AoaRadioButtonProps) => ReactNode>;
25
+ export declare function AoaRadioButton({ label, ...props }: AoaRadioButtonProps): import("react/jsx-runtime").JSX.Element;
27
26
  //# sourceMappingURL=RadioButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,UAAU,IAAI,mBAAmB,EACvC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AAEH,eAAO,MAAM,cAAc,4DAA8B,mBAAmB,KAAG,SAAS,CA2BtF,CAAC"}
1
+ {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,UAAU,IAAI,mBAAmB,EACvC,MAAM,eAAe,CAAC;AAIvB,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AAEH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA2BtE"}
@@ -1,34 +1,24 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { FormControlLabel as a, typographyClasses as l, Radio as m } from "@mui/material";
3
- import { l as s } from "../../../../chunks/lodash.CA_K01A9.js";
4
- import { memo as e } from "react";
2
+ import { FormControlLabel as a, typographyClasses as l, Radio as s } from "@mui/material";
3
+ import { l as e } from "../../../../chunks/lodash.CA_K01A9.js";
5
4
  import { FontNormalSxProps as i } from "../../../../_constants.js";
6
- const n = e(({ label: t, ...o }) => /* @__PURE__ */ r(
7
- a,
8
- {
9
- control: /* @__PURE__ */ r(
10
- m,
11
- {
12
- ...o,
13
- sx: s.merge(
14
- {
15
- color: "var(--color-primary)",
16
- ":focus": {
17
- outline: "2px dashed var(--color-text)",
18
- outlineOffset: "-8px"
19
- },
20
- ":disabled": {
21
- color: "var(--color-disabled)"
22
- }
23
- },
24
- o.sx
25
- )
26
- }
27
- ),
28
- label: t,
29
- sx: { [`.${l.root}`]: i }
30
- }
31
- ));
5
+ function n({
6
+ label: t,
7
+ ...o
8
+ }) {
9
+ return /* @__PURE__ */ r(a, { control: /* @__PURE__ */ r(s, { ...o, sx: e.merge({
10
+ color: "var(--color-primary)",
11
+ ":focus": {
12
+ outline: "2px dashed var(--color-text)",
13
+ outlineOffset: "-8px"
14
+ },
15
+ ":disabled": {
16
+ color: "var(--color-disabled)"
17
+ }
18
+ }, o.sx) }), label: t, sx: {
19
+ [`.${l.root}`]: i
20
+ } });
21
+ }
32
22
  export {
33
23
  n as AoaRadioButton
34
24
  };
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"sourcesContent":["import {\n FormControlLabel as MUIFormControlLabel,\n Radio as MUIRadioButton,\n typographyClasses,\n type RadioProps as MUIRadioButtonProps\n} from '@mui/material';\nimport { merge } from 'lodash';\nimport { memo, type ReactNode } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\nexport interface AoaRadioButtonProps extends MUIRadioButtonProps {\n /**\n * Whether this radio button is checked\n */\n readonly checked: boolean;\n /**\n * Data-qa tag for E2E test purposes\n */\n readonly 'data-qa'?: string;\n /**\n * The label that is shown after the radio button\n */\n readonly label: string;\n}\n\n/**\n * Constructs a radio button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the radio button\n * @example\n * ```jsx\n * <AoaRadioButton label=\"Demo radio button\" />} />\n * ```\n */\n\nexport const AoaRadioButton = memo(({ label, ...props }: AoaRadioButtonProps): ReactNode => {\n return (\n <MUIFormControlLabel\n control={\n <MUIRadioButton\n {...props}\n sx={merge(\n {\n color: 'var(--color-primary)',\n\n ':focus': {\n outline: '2px dashed var(--color-text)',\n outlineOffset: '-8px'\n },\n\n ':disabled': {\n color: 'var(--color-disabled)'\n }\n },\n props.sx\n )}\n />\n }\n label={label}\n sx={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n});\n"],"names":["AoaRadioButton","memo","label","props","jsx","MUIFormControlLabel","MUIRadioButton","merge","typographyClasses","FontNormalSxProps"],"mappings":";;;;;AAmCO,MAAMA,IAAiBC,EAAK,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAE5C,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACE,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACE,GAAGH;AAAA,QACJ,IAAII,EAAAA;AAAAA,UACF;AAAA,YACE,OAAO;AAAA,YAEP,UAAU;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,YAAA;AAAA,YAGjB,aAAa;AAAA,cACX,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,UAEFJ,EAAM;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,IAGJ,OAAAD;AAAA,IACA,IAAI,EAAE,CAAC,IAAIM,EAAkB,IAAI,EAAE,GAAGC,EAAA;AAAA,EAAkB;AAAA,CAG7D;"}
1
+ {"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"sourcesContent":["import {\n FormControlLabel as MUIFormControlLabel,\n Radio as MUIRadioButton,\n typographyClasses,\n type RadioProps as MUIRadioButtonProps\n} from '@mui/material';\nimport { merge } from 'lodash';\nimport { FontNormalSxProps } from '../../../../_constants';\n\nexport interface AoaRadioButtonProps extends MUIRadioButtonProps {\n /**\n * Whether this radio button is checked\n */\n readonly checked: boolean;\n /**\n * Data-qa tag for E2E test purposes\n */\n readonly 'data-qa'?: string;\n /**\n * The label that is shown after the radio button\n */\n readonly label: string;\n}\n\n/**\n * Constructs a radio button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the radio button\n * @example\n * ```jsx\n * <AoaRadioButton label=\"Demo radio button\" />} />\n * ```\n */\n\nexport function AoaRadioButton({ label, ...props }: AoaRadioButtonProps) {\n return (\n <MUIFormControlLabel\n control={\n <MUIRadioButton\n {...props}\n sx={merge(\n {\n color: 'var(--color-primary)',\n\n ':focus': {\n outline: '2px dashed var(--color-text)',\n outlineOffset: '-8px'\n },\n\n ':disabled': {\n color: 'var(--color-disabled)'\n }\n },\n props.sx\n )}\n />\n }\n label={label}\n sx={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n}\n"],"names":["AoaRadioButton","label","props","jsx","MUIFormControlLabel","MUIRadioButton","merge","color","outline","outlineOffset","sx","typographyClasses","root","FontNormalSxProps"],"mappings":";;;;AAkCO,SAASA,EAAe;AAAA,EAAEC,OAAAA;AAAAA,EAAO,GAAGC;AAA2B,GAAG;AACvE,SACE,gBAAAC,EAACC,KACC,SACE,gBAAAD,EAACE,KACC,GAAIH,GACJ,IAAII,QACF;AAAA,IACEC,OAAO;AAAA,IAEP,UAAU;AAAA,MACRC,SAAS;AAAA,MACTC,eAAe;AAAA,IAAA;AAAA,IAGjB,aAAa;AAAA,MACXF,OAAO;AAAA,IAAA;AAAA,EACT,GAEFL,EAAMQ,EACR,EAAA,CAAE,GAGN,OAAAT,GACA,IAAI;AAAA,IAAE,CAAC,IAAIU,EAAkBC,IAAI,EAAE,GAAGC;AAAAA,EAAAA,GAAoB;AAGhE;"}
@@ -1,5 +1,4 @@
1
1
  import { SwitchProps as MUISwitchButtonProps } from '@mui/material';
2
- import { ReactNode } from 'react';
3
2
  export interface AoaSwitchButtonProps extends MUISwitchButtonProps {
4
3
  /**
5
4
  * Whether this switch button is checked
@@ -23,5 +22,5 @@ export interface AoaSwitchButtonProps extends MUISwitchButtonProps {
23
22
  * <AoaSwitchButton label="Demo switch button" checked={true} onChange={handleChange} />} />
24
23
  * ```
25
24
  */
26
- export declare const AoaSwitchButton: import('react').MemoExoticComponent<({ label, ...props }: AoaSwitchButtonProps) => ReactNode>;
25
+ export declare function AoaSwitchButton({ label, ...props }: AoaSwitchButtonProps): import("react/jsx-runtime").JSX.Element;
27
26
  //# sourceMappingURL=SwitchButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SwitchButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,IAAI,oBAAoB,EAEzC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AAEH,eAAO,MAAM,eAAe,4DAA8B,oBAAoB,KAAG,SAAS,CA+BxF,CAAC"}
1
+ {"version":3,"file":"SwitchButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,IAAI,oBAAoB,EAEzC,MAAM,eAAe,CAAC;AAGvB,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AAEH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CA+BxE"}
@@ -1,36 +1,33 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { FormControlLabel as i, switchClasses as r, typographyClasses as s, Switch as e } from "@mui/material";
3
- import { memo as p } from "react";
4
- import { FontNormalSxProps as l } from "../../../../_constants.js";
5
- const n = p(({ label: t, ...a }) => /* @__PURE__ */ o(
6
- i,
7
- {
8
- control: /* @__PURE__ */ o(e, { ...a }),
9
- label: t,
10
- sx: {
11
- [`.${s.root}`]: l,
12
- [`.${r.root}`]: {
13
- color: "var(--color-primary)",
14
- width: "64px",
15
- ":focus": {
16
- outline: "2px dashed var(--color-text)",
17
- outlineOffset: "-9px",
18
- borderRadius: 0
19
- },
20
- ":disabled": {
21
- color: "var(--color-disabled)"
22
- },
23
- [`.${r.track}`]: {
24
- height: "22px",
25
- marginTop: "-4px",
26
- marginLeft: "-3px",
27
- borderRadius: "11px"
28
- }
3
+ import { FontNormalSxProps as p } from "../../../../_constants.js";
4
+ function d({
5
+ label: t,
6
+ ...a
7
+ }) {
8
+ return /* @__PURE__ */ o(i, { control: /* @__PURE__ */ o(e, { ...a }), label: t, sx: {
9
+ [`.${s.root}`]: p,
10
+ [`.${r.root}`]: {
11
+ color: "var(--color-primary)",
12
+ width: "64px",
13
+ ":focus": {
14
+ outline: "2px dashed var(--color-text)",
15
+ outlineOffset: "-9px",
16
+ borderRadius: 0
17
+ },
18
+ ":disabled": {
19
+ color: "var(--color-disabled)"
20
+ },
21
+ [`.${r.track}`]: {
22
+ height: "22px",
23
+ marginTop: "-4px",
24
+ marginLeft: "-3px",
25
+ borderRadius: "11px"
29
26
  }
30
27
  }
31
- }
32
- ));
28
+ } });
29
+ }
33
30
  export {
34
- n as AoaSwitchButton
31
+ d as AoaSwitchButton
35
32
  };
36
33
  //# sourceMappingURL=SwitchButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SwitchButton.js","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"sourcesContent":["import {\n FormControlLabel as MUIFormControlLabel,\n Switch as MUISwitchButton,\n typographyClasses,\n type SwitchProps as MUISwitchButtonProps,\n switchClasses\n} from '@mui/material';\nimport { memo, type ReactNode } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\nexport interface AoaSwitchButtonProps extends MUISwitchButtonProps {\n /**\n * Whether this switch button is checked\n */\n readonly checked: boolean;\n /**\n * Data-qa tag for E2E test purposes\n */\n readonly 'data-qa'?: string;\n /**\n * The label that is shown after the switch button\n */\n readonly label: string;\n}\n\n/**\n * Constructs a switch button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the switch button\n * @example\n * ```jsx\n * <AoaSwitchButton label=\"Demo switch button\" checked={true} onChange={handleChange} />} />\n * ```\n */\n\nexport const AoaSwitchButton = memo(({ label, ...props }: AoaSwitchButtonProps): ReactNode => {\n return (\n <MUIFormControlLabel\n control={<MUISwitchButton {...props} />}\n label={label}\n sx={{\n [`.${typographyClasses.root}`]: FontNormalSxProps,\n [`.${switchClasses.root}`]: {\n color: 'var(--color-primary)',\n width: '64px',\n\n ':focus': {\n outline: '2px dashed var(--color-text)',\n outlineOffset: '-9px',\n borderRadius: 0\n },\n\n ':disabled': {\n color: 'var(--color-disabled)'\n },\n\n [`.${switchClasses.track}`]: {\n height: '22px',\n marginTop: '-4px',\n marginLeft: '-3px',\n borderRadius: '11px'\n }\n }\n }}\n />\n );\n});\n"],"names":["AoaSwitchButton","memo","label","props","jsx","MUIFormControlLabel","MUISwitchButton","typographyClasses","FontNormalSxProps","switchClasses"],"mappings":";;;;AAmCO,MAAMA,IAAkBC,EAAK,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAE7C,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS,gBAAAD,EAACE,GAAA,EAAiB,GAAGH,EAAA,CAAO;AAAA,IACrC,OAAAD;AAAA,IACA,IAAI;AAAA,MACF,CAAC,IAAIK,EAAkB,IAAI,EAAE,GAAGC;AAAA,MAChC,CAAC,IAAIC,EAAc,IAAI,EAAE,GAAG;AAAA,QAC1B,OAAO;AAAA,QACP,OAAO;AAAA,QAEP,UAAU;AAAA,UACR,SAAS;AAAA,UACT,eAAe;AAAA,UACf,cAAc;AAAA,QAAA;AAAA,QAGhB,aAAa;AAAA,UACX,OAAO;AAAA,QAAA;AAAA,QAGT,CAAC,IAAIA,EAAc,KAAK,EAAE,GAAG;AAAA,UAC3B,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,CAGL;"}
1
+ {"version":3,"file":"SwitchButton.js","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"sourcesContent":["import {\n FormControlLabel as MUIFormControlLabel,\n Switch as MUISwitchButton,\n typographyClasses,\n type SwitchProps as MUISwitchButtonProps,\n switchClasses\n} from '@mui/material';\nimport { FontNormalSxProps } from '../../../../_constants';\n\nexport interface AoaSwitchButtonProps extends MUISwitchButtonProps {\n /**\n * Whether this switch button is checked\n */\n readonly checked: boolean;\n /**\n * Data-qa tag for E2E test purposes\n */\n readonly 'data-qa'?: string;\n /**\n * The label that is shown after the switch button\n */\n readonly label: string;\n}\n\n/**\n * Constructs a switch button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the switch button\n * @example\n * ```jsx\n * <AoaSwitchButton label=\"Demo switch button\" checked={true} onChange={handleChange} />} />\n * ```\n */\n\nexport function AoaSwitchButton({ label, ...props }: AoaSwitchButtonProps) {\n return (\n <MUIFormControlLabel\n control={<MUISwitchButton {...props} />}\n label={label}\n sx={{\n [`.${typographyClasses.root}`]: FontNormalSxProps,\n [`.${switchClasses.root}`]: {\n color: 'var(--color-primary)',\n width: '64px',\n\n ':focus': {\n outline: '2px dashed var(--color-text)',\n outlineOffset: '-9px',\n borderRadius: 0\n },\n\n ':disabled': {\n color: 'var(--color-disabled)'\n },\n\n [`.${switchClasses.track}`]: {\n height: '22px',\n marginTop: '-4px',\n marginLeft: '-3px',\n borderRadius: '11px'\n }\n }\n }}\n />\n );\n}\n"],"names":["AoaSwitchButton","label","props","jsx","MUIFormControlLabel","MUISwitchButton","typographyClasses","root","FontNormalSxProps","switchClasses","color","width","outline","outlineOffset","borderRadius","track","height","marginTop","marginLeft"],"mappings":";;;AAkCO,SAASA,EAAgB;AAAA,EAAEC,OAAAA;AAAAA,EAAO,GAAGC;AAA4B,GAAG;AACzE,SACE,gBAAAC,EAACC,KACC,SAAS,gBAAAD,EAACE,KAAgB,GAAIH,EAAAA,CAAM,GACpC,OAAAD,GACA,IAAI;AAAA,IACF,CAAC,IAAIK,EAAkBC,IAAI,EAAE,GAAGC;AAAAA,IAChC,CAAC,IAAIC,EAAcF,IAAI,EAAE,GAAG;AAAA,MAC1BG,OAAO;AAAA,MACPC,OAAO;AAAA,MAEP,UAAU;AAAA,QACRC,SAAS;AAAA,QACTC,eAAe;AAAA,QACfC,cAAc;AAAA,MAAA;AAAA,MAGhB,aAAa;AAAA,QACXJ,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,IAAID,EAAcM,KAAK,EAAE,GAAG;AAAA,QAC3BC,QAAQ;AAAA,QACRC,WAAW;AAAA,QACXC,YAAY;AAAA,QACZJ,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF,GACA;AAGR;"}
@@ -1,5 +1,6 @@
1
1
  import { SxProps } from '@mui/material';
2
2
  import { DataGridProps, GridColDef, GridGetRowsParams, GridLocaleText, GridPaginationModel, GridRowModel, GridValidRowModel } from '@mui/x-data-grid';
3
+ import { JSX } from 'react';
3
4
  export interface AoaTableData<T extends GridValidRowModel = GridValidRowModel> {
4
5
  /**
5
6
  * Additional `pageInfo` for advanced use-cases.
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,iBAAiB,EAEtB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAGvB,MAAM,kBAAkB,CAAC;AAM1B,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB;IAC3E;;;OAGG;IACH,QAAQ,CAAC,EAAE;QACT,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEtH,KAAK,SAAS;AACZ;;GAEG;AACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,OAAO,CAAC,YAAY,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE3F,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,SAAS,GAAG;IAC9D;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,wBAAwB,CAAC,EAAE,IAAI,CACtC,aAAa,CAAC,CAAC,CAAC,EACd,mBAAmB,GACnB,qBAAqB,GACrB,4BAA4B,GAC5B,UAAU,GACV,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,2BAA2B,GAC3B,mBAAmB,CACtB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,2CA+P9E"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,iBAAiB,EAEtB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAGvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAgC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAI/D,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB;IAC3E;;;OAGG;IACH,QAAQ,CAAC,EAAE;QACT,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEtH,KAAK,SAAS;AACZ;;GAEG;AACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,OAAO,CAAC,YAAY,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE3F,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,SAAS,GAAG;IAC9D;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,wBAAwB,CAAC,EAAE,IAAI,CACtC,aAAa,CAAC,CAAC,CAAC,EACd,mBAAmB,GACnB,qBAAqB,GACrB,4BAA4B,GAC5B,UAAU,GACV,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,2BAA2B,GAC3B,mBAAmB,CACtB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,2CAwP9E"}