@rws-aoa/react-library 5.0.0 → 5.1.1

package/dist/components/atoms/icon-button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAEnF,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;GAQG;AAEH,eAAO,MAAM,aAAa,8CAAgB,kBAAkB,KAAG,SAAS,CAqDtE,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;GAQG;AAEH,eAAO,MAAM,aAAa,8CAAgB,kBAAkB,KAAG,SAAS,CAqDtE,CAAC"}

package/dist/components/atoms/icon-button/IconButton.js

@@ -1,8 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { IconButton as a, Tooltip as l } from "@mui/material";
-import { l as t } from "../../../chunks/lodash.DOeeRDpT.js";
-import { memo as i } from "react";
-const s = i((o) => {
+import { IconButton as a } from "@mui/material";
+import { l } from "../../../chunks/lodash.DOeeRDpT.js";
+import { memo as t } from "react";
+import { AoaTooltip as i } from "../tooltip/Tooltip.js";
+const m = t((o) => {
   const e = /* @__PURE__ */ r(
     a,
     {
@@ -14,7 +15,7 @@ const s = i((o) => {
       disabled: o.disabled,
       onClick: o.onClick,
       role: "button",
-      sx: t.merge(
+      sx: l.merge(
         {
           color: "var(--color-primary)",
           border: "1px solid var(--color-primary)",
@@ -43,9 +44,9 @@ const s = i((o) => {
       children: o.icon
     }
   );
-  return /* @__PURE__ */ r(l, { title: o.label, children: o.disabled ? /* @__PURE__ */ r("span", { "aria-label": o.label, "data-testid": "disabled-span-wrapper", role: "tooltip", children: e }) : e });
+  return /* @__PURE__ */ r(i, { title: o.label, children: o.disabled ? /* @__PURE__ */ r("span", { "aria-label": o.label, "data-testid": "disabled-span-wrapper", role: "tooltip", children: e }) : e });
 });
 export {
-  s as AoaIconButton
+  m as AoaIconButton
 };
 //# sourceMappingURL=IconButton.js.map

package/dist/components/atoms/icon-button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/atoms/icon-button/IconButton.tsx"],"sourcesContent":["import { IconButton as MUIIconButton, Tooltip, type SxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport { memo, type ReactNode } from 'react';\n\nexport interface AoaIconButtonProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Whether this button should be disabled\n   */\n  readonly disabled?: boolean;\n  /**\n   * The icon to be displayed as a button\n   */\n  readonly icon: JSX.Element;\n  /**\n   * Whether this button is being used inline\n   */\n  readonly inline?: boolean;\n  /**\n   * The label that is shown on hover\n   */\n  readonly label: string;\n  /**\n   * The action that should be triggered when clicking the button\n   */\n  onClick(this: void, ..._args: any[]): void;\n  /**\n   * Material UI's property to apply styling\n   */\n  readonly sx?: SxProps;\n}\n\n/**\n * Constructs an icon button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the icon button\n * @example\n * ```jsx\n * <AoaIconButton onClick={() => console.log()} label='Order a burger' icon={<Fastfood />} />\n * ```\n */\n\nexport const AoaIconButton = memo((props: AoaIconButtonProps): ReactNode => {\n  const Button = (\n    <MUIIconButton\n      aria-label={props.label}\n      data-qa={props['data-qa']}\n      disableFocusRipple\n      disableRipple\n      disableTouchRipple\n      disabled={props.disabled}\n      onClick={props.onClick}\n      role='button'\n      sx={merge(\n        {\n          color: 'var(--color-primary)',\n          border: '1px solid var(--color-primary)',\n          borderRadius: 0,\n          ':hover, :active, :focus': {\n            color: 'var(--color-primary-hover)',\n            borderColor: 'var(--color-primary-hover)'\n          },\n          ':disabled': {\n            backgroundColor: 'transparent',\n            borderColor: 'var(--color-text-disabled)',\n            color: 'var(--color-text-disabled)'\n          },\n          ':focus': {\n            outline: '2px dashed var(--color-text)',\n            outlineOffset: 3,\n            boxShadow: 'none'\n          },\n          ...(props.inline && {\n            border: 'none',\n            padding: 0\n          })\n        },\n        props.sx\n      )}\n    >\n      {props.icon}\n    </MUIIconButton>\n  );\n\n  return (\n    <Tooltip title={props.label}>\n      {props.disabled ? (\n        <span aria-label={props.label} data-testid='disabled-span-wrapper' role='tooltip'>\n          {Button}\n        </span>\n      ) : (\n        Button\n      )}\n    </Tooltip>\n  );\n});\n"],"names":["AoaIconButton","memo","props","Button","jsx","MUIIconButton","merge","Tooltip"],"mappings":";;;;AA6Ca,MAAAA,IAAgBC,EAAK,CAACC,MAAyC;AAC1E,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAYH,EAAM;AAAA,MAClB,WAASA,EAAM,SAAS;AAAA,MACxB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,oBAAkB;AAAA,MAClB,UAAUA,EAAM;AAAA,MAChB,SAASA,EAAM;AAAA,MACf,MAAK;AAAA,MACL,IAAII,EAAA;AAAA,QACF;AAAA,UACE,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,2BAA2B;AAAA,YACzB,OAAO;AAAA,YACP,aAAa;AAAA,UACf;AAAA,UACA,aAAa;AAAA,YACX,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO;AAAA,UACT;AAAA,UACA,UAAU;AAAA,YACR,SAAS;AAAA,YACT,eAAe;AAAA,YACf,WAAW;AAAA,UACb;AAAA,UACA,GAAIJ,EAAM,UAAU;AAAA,YAClB,QAAQ;AAAA,YACR,SAAS;AAAA,UAAA;AAAA,QAEb;AAAA,QACAA,EAAM;AAAA,MACR;AAAA,MAEC,UAAMA,EAAA;AAAA,IAAA;AAAA,EACT;AAGF,2BACGK,GAAQ,EAAA,OAAOL,EAAM,OACnB,UAAAA,EAAM,WACJ,gBAAAE,EAAA,QAAA,EAAK,cAAYF,EAAM,OAAO,eAAY,yBAAwB,MAAK,WACrE,UAAAC,GACH,IAEAA,EAEJ,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/atoms/icon-button/IconButton.tsx"],"sourcesContent":["import { IconButton as MUIIconButton, type SxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport { memo, type ReactNode } from 'react';\nimport { AoaTooltip } from '../tooltip/Tooltip';\n\nexport interface AoaIconButtonProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Whether this button should be disabled\n   */\n  readonly disabled?: boolean;\n  /**\n   * The icon to be displayed as a button\n   */\n  readonly icon: JSX.Element;\n  /**\n   * Whether this button is being used inline\n   */\n  readonly inline?: boolean;\n  /**\n   * The label that is shown on hover\n   */\n  readonly label: string;\n  /**\n   * The action that should be triggered when clicking the button\n   */\n  onClick(this: void, ..._args: any[]): void;\n  /**\n   * Material UI's property to apply styling\n   */\n  readonly sx?: SxProps;\n}\n\n/**\n * Constructs an icon button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the icon button\n * @example\n * ```jsx\n * <AoaIconButton onClick={() => console.log()} label='Order a burger' icon={<Fastfood />} />\n * ```\n */\n\nexport const AoaIconButton = memo((props: AoaIconButtonProps): ReactNode => {\n  const Button = (\n    <MUIIconButton\n      aria-label={props.label}\n      data-qa={props['data-qa']}\n      disableFocusRipple\n      disableRipple\n      disableTouchRipple\n      disabled={props.disabled}\n      onClick={props.onClick}\n      role='button'\n      sx={merge(\n        {\n          color: 'var(--color-primary)',\n          border: '1px solid var(--color-primary)',\n          borderRadius: 0,\n          ':hover, :active, :focus': {\n            color: 'var(--color-primary-hover)',\n            borderColor: 'var(--color-primary-hover)'\n          },\n          ':disabled': {\n            backgroundColor: 'transparent',\n            borderColor: 'var(--color-text-disabled)',\n            color: 'var(--color-text-disabled)'\n          },\n          ':focus': {\n            outline: '2px dashed var(--color-text)',\n            outlineOffset: 3,\n            boxShadow: 'none'\n          },\n          ...(props.inline && {\n            border: 'none',\n            padding: 0\n          })\n        },\n        props.sx\n      )}\n    >\n      {props.icon}\n    </MUIIconButton>\n  );\n\n  return (\n    <AoaTooltip title={props.label}>\n      {props.disabled ? (\n        <span aria-label={props.label} data-testid='disabled-span-wrapper' role='tooltip'>\n          {Button}\n        </span>\n      ) : (\n        Button\n      )}\n    </AoaTooltip>\n  );\n});\n"],"names":["AoaIconButton","memo","props","Button","jsx","MUIIconButton","merge","AoaTooltip"],"mappings":";;;;;AA8Ca,MAAAA,IAAgBC,EAAK,CAACC,MAAyC;AAC1E,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAYH,EAAM;AAAA,MAClB,WAASA,EAAM,SAAS;AAAA,MACxB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,oBAAkB;AAAA,MAClB,UAAUA,EAAM;AAAA,MAChB,SAASA,EAAM;AAAA,MACf,MAAK;AAAA,MACL,IAAII,EAAA;AAAA,QACF;AAAA,UACE,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,2BAA2B;AAAA,YACzB,OAAO;AAAA,YACP,aAAa;AAAA,UACf;AAAA,UACA,aAAa;AAAA,YACX,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO;AAAA,UACT;AAAA,UACA,UAAU;AAAA,YACR,SAAS;AAAA,YACT,eAAe;AAAA,YACf,WAAW;AAAA,UACb;AAAA,UACA,GAAIJ,EAAM,UAAU;AAAA,YAClB,QAAQ;AAAA,YACR,SAAS;AAAA,UAAA;AAAA,QAEb;AAAA,QACAA,EAAM;AAAA,MACR;AAAA,MAEC,UAAMA,EAAA;AAAA,IAAA;AAAA,EACT;AAGF,2BACGK,GAAW,EAAA,OAAOL,EAAM,OACtB,UAAAA,EAAM,WACJ,gBAAAE,EAAA,QAAA,EAAK,cAAYF,EAAM,OAAO,eAAY,yBAAwB,MAAK,WACrE,UAAAC,GACH,IAEAA,EAEJ,CAAA;AAEJ,CAAC;"}

package/dist/components/atoms/table/Table.d.ts

@@ -64,7 +64,7 @@ export type AoaTableProps<T extends object = any> = ModeProps & {
     /**
      * Overwrite a safe selection of the {@link DataGrid} properties
      */
-    readonly dataGridOverridableProps?: Pick<DataGridProps<T>, 'checkboxSelection' | 'getRowId' | 'ignoreDiacritics' | 'isRowSelectable' | 'loading' | 'onRowSelectionModelChange' | 'rowSelectionModel'>;
+    readonly dataGridOverridableProps?: Pick<DataGridProps<T>, 'checkboxSelection' | 'disableRowSelectionOnClick' | 'getRowId' | 'ignoreDiacritics' | 'isRowSelectable' | 'loading' | 'onRowSelectionModelChange' | 'rowSelectionModel'>;
     /**
      * Sets the initial sortModel in case the required sorting differs from the back-end's default sorting
      */

package/dist/components/atoms/table/Table.d.ts.map

@@ -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,EAGL,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAC;AAM1B,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;IAClD;;OAEG;IACH,KAAK,EAAE,CAAC,EAAE,CAAC;IACX;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAEtE,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,WAAW,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,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,KAAK,CAAA;CAAE,CAAC;AAExF,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,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;AAOF;;;;;;;;;;;;GAYG;AAEH,iBAAS,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CAiM1E;AAED,eAAO,MAAM,QAAQ,EAA+B,OAAO,kBAAkB,CAAC"}
+{"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,EAGL,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAC;AAM1B,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;IAClD;;OAEG;IACH,KAAK,EAAE,CAAC,EAAE,CAAC;IACX;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAEtE,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,WAAW,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,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,KAAK,CAAA;CAAE,CAAC;AAExF,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,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;AAOF;;;;;;;;;;;;GAYG;AAEH,iBAAS,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CAiM1E;AAED,eAAO,MAAM,QAAQ,EAA+B,OAAO,kBAAkB,CAAC"}

package/dist/components/atoms/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/atoms/table/Table.tsx"],"sourcesContent":["import { checkboxClasses, paginationItemClasses, type SxProps } from '@mui/material';\nimport {\n  DataGrid,\n  gridClasses,\n  type DataGridProps,\n  type GridColDef,\n  type GridFilterModel,\n  type GridLocaleText,\n  type GridSortModel\n} from '@mui/x-data-grid';\nimport { merge } from 'lodash';\nimport { memo, useCallback, useEffect, useState } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\nimport { QuickSearchToolbar } from './_QuickSearchToolbar';\n\nexport interface AoaTableData<T extends object = any> {\n  /**\n   * The paged, filtered and sorted items from the database\n   */\n  items: T[];\n  /**\n   * The total number of items present in the database table\n   */\n  totalItems: number;\n}\n\nexport type AoaTableColumns<T extends object = any> = GridColDef<T>[];\n\nexport interface AoaTableQueryOptions {\n  /**\n   * Material UI's GridFilterModel\n   */\n  filterModel: GridFilterModel;\n  /**\n   * The current page of the table\n   */\n  page: number;\n  /**\n   * The maximum number of items that are shown on a page\n   */\n  pageSize: number;\n  /**\n   * Material UI's GridSortModel\n   */\n  sortModel: GridSortModel;\n}\n\ntype ModeProps =\n  /**\n   * Overwrites the default mode (server) when you need pagination, filtering and sorting on the client side\n   */\n  | { getData?: never; mode: 'client' }\n  /**\n   * The Redux action that takes PaginationModel as parameter to retrieve data from the server\n   */\n  | { getData(queryOptions: AoaTableQueryOptions): Promise<void> | void; mode?: never };\n\nexport type AoaTableProps<T extends object = any> = ModeProps & {\n  /**\n   * Action buttons shown in the toolbar of the table\n   */\n  readonly actionButtons?: JSX.Element[];\n  /**\n   * The column structure to display the data\n   */\n  readonly columns: GridColDef<T>[];\n  /**\n   * The TableData object to be displayed in the table\n   */\n  readonly data: AoaTableData<T>;\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Overwrite a safe selection of the {@link DataGrid} properties\n   */\n  readonly dataGridOverridableProps?: Pick<\n    DataGridProps<T>,\n    | 'checkboxSelection'\n    | 'getRowId'\n    | 'ignoreDiacritics'\n    | 'isRowSelectable'\n    | 'loading'\n    | 'onRowSelectionModelChange'\n    | 'rowSelectionModel'\n  >;\n  /**\n   * Sets the initial sortModel in case the required sorting differs from the back-end's default sorting\n   */\n  readonly initialSort?: { field: string; sort: 'asc' | 'desc' };\n  /**\n   * Overwrites the default labels when you need a different language than Dutch\n   */\n  readonly localeText?: GridLocaleText & { refreshTable: string };\n  /**\n   * Material UI's property to apply styling\n   */\n  readonly sx?: SxProps;\n};\n\ninterface PaginationModel {\n  page: number;\n  pageSize: number;\n}\n\n/**\n * Constructs a table using pre-defined Rijks styling\n *\n * @param props - Props to pass to the button\n * @example\n * ```jsx\n * <AoaTable\n *  getData={(queryOptions) => getMockData(queryOptions)}\n *  data={mockData}\n *  columns={[{ field: \"id\" }, { field: \"title\" }, { field: \"completed\" }]}\n * />\n * ```\n */\n\nfunction NonMemoizeAoaTable<T extends object = any>(props: AoaTableProps<T>) {\n  const [isLoading, setIsLoading] = useState(false);\n  const [paginationModel, setPaginationModel] = useState<PaginationModel>({\n    page: 0,\n    pageSize: 10\n  });\n  const [sortModel, setSortModel] = useState<GridSortModel>([]);\n  const [filterModel, setFilterModel] = useState<GridFilterModel>({\n    items: []\n  });\n\n  const mode = props.mode ?? 'server';\n  const isServerMode = mode === 'server';\n\n  const handleSortModelChange = useCallback((sortModel: GridSortModel) => {\n    setSortModel(sortModel);\n  }, []);\n\n  const onFilterChange = useCallback((filterModel: GridFilterModel) => {\n    setFilterModel(filterModel);\n  }, []);\n\n  const [rowCountState, setRowCountState] = useState(props.data?.totalItems || 0);\n\n  async function getData(paginationModel: PaginationModel, sortModel: GridSortModel, filterModel: GridFilterModel) {\n    if (isServerMode && props.getData) {\n      const fetchData = async () => {\n        await props.getData({ ...paginationModel, sortModel, filterModel });\n      };\n\n      setIsLoading(true);\n      await fetchData();\n      setIsLoading(false);\n    }\n  }\n\n  useEffect(() => {\n    setRowCountState((prevRowCountState) => props.data?.totalItems ?? prevRowCountState);\n  }, [props.data?.totalItems, setRowCountState]);\n\n  useEffect(() => {\n    void getData(paginationModel, sortModel, filterModel);\n    // ESLint tells us here that we should add the `getData` function, however,\n    // doing so will cause the fetching to loop infinity until the JavaScript heap overflows.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [paginationModel, sortModel, filterModel]);\n\n  return (\n    <DataGrid\n      columns={props.columns}\n      data-qa={props['data-qa']}\n      disableColumnFilter\n      disableColumnMenu\n      disableColumnSelector\n      disableDensitySelector\n      disableRowSelectionOnClick\n      disableVirtualization\n      filterMode={mode}\n      getRowHeight={() => 'auto'}\n      initialState={{\n        sorting: {\n          sortModel: props.initialSort ? [props.initialSort] : []\n        }\n      }}\n      loading={isLoading}\n      localeText={\n        props.localeText ?? {\n          columnHeaderSortIconLabel: 'Sorteren',\n          toolbarQuickFilterPlaceholder: 'Zoeken...',\n          toolbarQuickFilterLabel: 'Zoeken',\n          toolbarQuickFilterDeleteIconLabel: 'Wissen',\n          noRowsLabel: 'Geen regels beschikbaar',\n          noResultsOverlayLabel: 'Geen regels gevonden.',\n          MuiTablePagination: {\n            labelDisplayedRows: ({ from, to, count }) => `${from} - ${to} van ${count}`,\n            labelRowsPerPage: 'Regels per pagina'\n          },\n          footerRowSelected: (count) => `${count} regels geselecteerd`\n        }\n      }\n      onFilterModelChange={onFilterChange}\n      onPaginationModelChange={setPaginationModel}\n      onSortModelChange={handleSortModelChange}\n      pageSizeOptions={[5, 10, 20, 40, 80]}\n      paginationMode={mode}\n      paginationModel={paginationModel}\n      rowCount={isServerMode ? rowCountState : undefined}\n      rows={props.data?.items}\n      slotProps={{\n        toolbar: {\n          showQuickFilter: true,\n          quickFilterProps: { debounceMs: 500 },\n          mode,\n          isServerMode,\n          getData: async () => getData(paginationModel, sortModel, filterModel),\n          actionButtons: props.actionButtons,\n          localeText: props.localeText\n        }\n      }}\n      slots={{\n        toolbar: QuickSearchToolbar\n      }}\n      sortingMode={mode}\n      sx={merge(\n        {\n          border: 0,\n          color: 'var(--color-text)',\n          letterSpacing: 'normal',\n          minHeight: '300px',\n\n          [`&.${gridClasses['root--densityCompact']}`]: {\n            [`.${gridClasses.cell}`]: {\n              py: '8px'\n            }\n          },\n          [`&.${gridClasses['root--densityStandard']}`]: {\n            [`.${gridClasses.cell}`]: {\n              py: '15px'\n            }\n          },\n          [`&.${gridClasses['root--densityComfortable']}`]: {\n            [`.${gridClasses.cell}`]: {\n              py: '22px'\n            }\n          },\n\n          /**\n           * The 'no results' message does not show if the DataGrid does not have a fixed height.\n           * Because a fixed height is not desirable, we set a min-height on the DataGrid and set\n           * the min-height of the virtualScroller to half of that height.\n           */\n          [`.${gridClasses.virtualScroller}`]: {\n            minHeight: '150px',\n            overflow: 'hidden',\n            position: 'relative'\n          },\n\n          [`.${gridClasses.columnHeaders}`]: {\n            '--DataGrid-containerBackground': 'var(--color-rijks-skyblue)',\n            backgroundCcolor: 'var(--color-rijks-skyblue)',\n            color: 'var(--color-text-light)'\n          },\n\n          [`.${gridClasses.row}`]: {\n            ':hover': {\n              backgroundColor: 'var(--color-rijks-skyblue-light)'\n            },\n\n            ':nth-of-type(even)': {\n              backgroundColor: 'var(--color-rijks-grey-1)',\n\n              ':hover': {\n                backgroundColor: 'var(--color-rijks-skyblue-light)'\n              }\n            }\n          },\n\n          [`.${gridClasses.columnHeader}, .${gridClasses.cell}, .MuiDataGrid-columnsContainer`]: {\n            borderRight: '1px solid var(--color-rijks-grey-2)'\n          },\n\n          [`.${gridClasses.cell}`]: {\n            color: 'var(--color-text)'\n          },\n\n          [`.${paginationItemClasses.root}`]: {\n            borderRadius: 0\n          },\n\n          [`.${checkboxClasses.root}`]: {\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\n          [`.${gridClasses.columnHeader} .${checkboxClasses.root}`]: {\n            color: 'white'\n          }\n        },\n        props.sx,\n        FontNormalSxProps\n      )}\n      {...props.dataGridOverridableProps}\n    />\n  );\n}\n\nexport const AoaTable = memo(NonMemoizeAoaTable) as typeof NonMemoizeAoaTable;\n"],"names":["NonMemoizeAoaTable","props","isLoading","setIsLoading","useState","paginationModel","setPaginationModel","sortModel","setSortModel","filterModel","setFilterModel","mode","isServerMode","handleSortModelChange","useCallback","onFilterChange","rowCountState","setRowCountState","_a","getData","fetchData","useEffect","prevRowCountState","_b","jsx","DataGrid","from","to","count","_c","QuickSearchToolbar","merge","gridClasses","paginationItemClasses","checkboxClasses","FontNormalSxProps","AoaTable","memo"],"mappings":";;;;;;;AAwHA,SAASA,EAA2CC,GAAyB;;AAC3E,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAiBC,CAAkB,IAAIF,EAA0B;AAAA,IACtE,MAAM;AAAA,IACN,UAAU;AAAA,EAAA,CACX,GACK,CAACG,GAAWC,CAAY,IAAIJ,EAAwB,CAAA,CAAE,GACtD,CAACK,GAAaC,CAAc,IAAIN,EAA0B;AAAA,IAC9D,OAAO,CAAA;AAAA,EAAC,CACT,GAEKO,IAAOV,EAAM,QAAQ,UACrBW,IAAeD,MAAS,UAExBE,IAAwBC,EAAY,CAACP,MAA6B;AACtE,IAAAC,EAAaD,CAAS;AAAA,EACxB,GAAG,EAAE,GAECQ,IAAiBD,EAAY,CAACL,MAAiC;AACnE,IAAAC,EAAeD,CAAW;AAAA,EAC5B,GAAG,EAAE,GAEC,CAACO,GAAeC,CAAgB,IAAIb,IAASc,IAAAjB,EAAM,SAAN,gBAAAiB,EAAY,eAAc,CAAC;AAE/D,iBAAAC,EAAQd,GAAkCE,GAA0BE,GAA8B;AAC3G,QAAAG,KAAgBX,EAAM,SAAS;AACjC,YAAMmB,IAAY,YAAY;AACtB,cAAAnB,EAAM,QAAQ,EAAE,GAAGI,GAAiB,WAAAE,GAAW,aAAAE,GAAa;AAAA,MACpE;AAEA,MAAAN,EAAa,EAAI,GACjB,MAAMiB,EAAU,GAChBjB,EAAa,EAAK;AAAA,IAAA;AAAA,EACpB;AAGF,SAAAkB,EAAU,MAAM;AACd,IAAAJ,EAAiB,CAACK,MAAsB;;AAAA,eAAAJ,IAAAjB,EAAM,SAAN,gBAAAiB,EAAY,eAAcI;AAAA,KAAiB;AAAA,KAClF,EAACC,IAAAtB,EAAM,SAAN,gBAAAsB,EAAY,YAAYN,CAAgB,CAAC,GAE7CI,EAAU,MAAM;AACT,IAAAF,EAAQd,GAAiBE,GAAWE,CAAW;AAAA,EAInD,GAAA,CAACJ,GAAiBE,GAAWE,CAAW,CAAC,GAG1C,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASxB,EAAM;AAAA,MACf,WAASA,EAAM,SAAS;AAAA,MACxB,qBAAmB;AAAA,MACnB,mBAAiB;AAAA,MACjB,uBAAqB;AAAA,MACrB,wBAAsB;AAAA,MACtB,4BAA0B;AAAA,MAC1B,uBAAqB;AAAA,MACrB,YAAYU;AAAA,MACZ,cAAc,MAAM;AAAA,MACpB,cAAc;AAAA,QACZ,SAAS;AAAA,UACP,WAAWV,EAAM,cAAc,CAACA,EAAM,WAAW,IAAI,CAAA;AAAA,QAAC;AAAA,MAE1D;AAAA,MACA,SAASC;AAAA,MACT,YACED,EAAM,cAAc;AAAA,QAClB,2BAA2B;AAAA,QAC3B,+BAA+B;AAAA,QAC/B,yBAAyB;AAAA,QACzB,mCAAmC;AAAA,QACnC,aAAa;AAAA,QACb,uBAAuB;AAAA,QACvB,oBAAoB;AAAA,UAClB,oBAAoB,CAAC,EAAE,MAAAyB,GAAM,IAAAC,GAAI,OAAAC,EAAY,MAAA,GAAGF,CAAI,MAAMC,CAAE,QAAQC,CAAK;AAAA,UACzE,kBAAkB;AAAA,QACpB;AAAA,QACA,mBAAmB,CAACA,MAAU,GAAGA,CAAK;AAAA,MACxC;AAAA,MAEF,qBAAqBb;AAAA,MACrB,yBAAyBT;AAAA,MACzB,mBAAmBO;AAAA,MACnB,iBAAiB,CAAC,GAAG,IAAI,IAAI,IAAI,EAAE;AAAA,MACnC,gBAAgBF;AAAA,MAChB,iBAAAN;AAAA,MACA,UAAUO,IAAeI,IAAgB;AAAA,MACzC,OAAMa,IAAA5B,EAAM,SAAN,gBAAA4B,EAAY;AAAA,MAClB,WAAW;AAAA,QACT,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB,EAAE,YAAY,IAAI;AAAA,UACpC,MAAAlB;AAAA,UACA,cAAAC;AAAA,UACA,SAAS,YAAYO,EAAQd,GAAiBE,GAAWE,CAAW;AAAA,UACpE,eAAeR,EAAM;AAAA,UACrB,YAAYA,EAAM;AAAA,QAAA;AAAA,MAEtB;AAAA,MACA,OAAO;AAAA,QACL,SAAS6B;AAAA,MACX;AAAA,MACA,aAAanB;AAAA,MACb,IAAIoB,EAAA;AAAA,QACF;AAAA,UACE,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,eAAe;AAAA,UACf,WAAW;AAAA,UAEX,CAAC,KAAKC,EAAY,sBAAsB,CAAC,EAAE,GAAG;AAAA,YAC5C,CAAC,IAAIA,EAAY,IAAI,EAAE,GAAG;AAAA,cACxB,IAAI;AAAA,YAAA;AAAA,UAER;AAAA,UACA,CAAC,KAAKA,EAAY,uBAAuB,CAAC,EAAE,GAAG;AAAA,YAC7C,CAAC,IAAIA,EAAY,IAAI,EAAE,GAAG;AAAA,cACxB,IAAI;AAAA,YAAA;AAAA,UAER;AAAA,UACA,CAAC,KAAKA,EAAY,0BAA0B,CAAC,EAAE,GAAG;AAAA,YAChD,CAAC,IAAIA,EAAY,IAAI,EAAE,GAAG;AAAA,cACxB,IAAI;AAAA,YAAA;AAAA,UAER;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOA,CAAC,IAAIA,EAAY,eAAe,EAAE,GAAG;AAAA,YACnC,WAAW;AAAA,YACX,UAAU;AAAA,YACV,UAAU;AAAA,UACZ;AAAA,UAEA,CAAC,IAAIA,EAAY,aAAa,EAAE,GAAG;AAAA,YACjC,kCAAkC;AAAA,YAClC,kBAAkB;AAAA,YAClB,OAAO;AAAA,UACT;AAAA,UAEA,CAAC,IAAIA,EAAY,GAAG,EAAE,GAAG;AAAA,YACvB,UAAU;AAAA,cACR,iBAAiB;AAAA,YACnB;AAAA,YAEA,sBAAsB;AAAA,cACpB,iBAAiB;AAAA,cAEjB,UAAU;AAAA,gBACR,iBAAiB;AAAA,cAAA;AAAA,YACnB;AAAA,UAEJ;AAAA,UAEA,CAAC,IAAIA,EAAY,YAAY,MAAMA,EAAY,IAAI,iCAAiC,GAAG;AAAA,YACrF,aAAa;AAAA,UACf;AAAA,UAEA,CAAC,IAAIA,EAAY,IAAI,EAAE,GAAG;AAAA,YACxB,OAAO;AAAA,UACT;AAAA,UAEA,CAAC,IAAIC,EAAsB,IAAI,EAAE,GAAG;AAAA,YAClC,cAAc;AAAA,UAChB;AAAA,UAEA,CAAC,IAAIC,EAAgB,IAAI,EAAE,GAAG;AAAA,YAC5B,OAAO;AAAA,YAEP,UAAU;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,cAAc;AAAA,YAChB;AAAA,YAEA,aAAa;AAAA,cACX,OAAO;AAAA,YAAA;AAAA,UAEX;AAAA,UAEA,CAAC,IAAIF,EAAY,YAAY,KAAKE,EAAgB,IAAI,EAAE,GAAG;AAAA,YACzD,OAAO;AAAA,UAAA;AAAA,QAEX;AAAA,QACAjC,EAAM;AAAA,QACNkC;AAAA,MACF;AAAA,MACC,GAAGlC,EAAM;AAAA,IAAA;AAAA,EACZ;AAEJ;AAEa,MAAAmC,IAAWC,EAAKrC,CAAkB;"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/atoms/table/Table.tsx"],"sourcesContent":["import { checkboxClasses, paginationItemClasses, type SxProps } from '@mui/material';\nimport {\n  DataGrid,\n  gridClasses,\n  type DataGridProps,\n  type GridColDef,\n  type GridFilterModel,\n  type GridLocaleText,\n  type GridSortModel\n} from '@mui/x-data-grid';\nimport { merge } from 'lodash';\nimport { memo, useCallback, useEffect, useState } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\nimport { QuickSearchToolbar } from './_QuickSearchToolbar';\n\nexport interface AoaTableData<T extends object = any> {\n  /**\n   * The paged, filtered and sorted items from the database\n   */\n  items: T[];\n  /**\n   * The total number of items present in the database table\n   */\n  totalItems: number;\n}\n\nexport type AoaTableColumns<T extends object = any> = GridColDef<T>[];\n\nexport interface AoaTableQueryOptions {\n  /**\n   * Material UI's GridFilterModel\n   */\n  filterModel: GridFilterModel;\n  /**\n   * The current page of the table\n   */\n  page: number;\n  /**\n   * The maximum number of items that are shown on a page\n   */\n  pageSize: number;\n  /**\n   * Material UI's GridSortModel\n   */\n  sortModel: GridSortModel;\n}\n\ntype ModeProps =\n  /**\n   * Overwrites the default mode (server) when you need pagination, filtering and sorting on the client side\n   */\n  | { getData?: never; mode: 'client' }\n  /**\n   * The Redux action that takes PaginationModel as parameter to retrieve data from the server\n   */\n  | { getData(queryOptions: AoaTableQueryOptions): Promise<void> | void; mode?: never };\n\nexport type AoaTableProps<T extends object = any> = ModeProps & {\n  /**\n   * Action buttons shown in the toolbar of the table\n   */\n  readonly actionButtons?: JSX.Element[];\n  /**\n   * The column structure to display the data\n   */\n  readonly columns: GridColDef<T>[];\n  /**\n   * The TableData object to be displayed in the table\n   */\n  readonly data: AoaTableData<T>;\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Overwrite a safe selection of the {@link DataGrid} properties\n   */\n  readonly dataGridOverridableProps?: Pick<\n    DataGridProps<T>,\n    | 'checkboxSelection'\n    | 'disableRowSelectionOnClick'\n    | 'getRowId'\n    | 'ignoreDiacritics'\n    | 'isRowSelectable'\n    | 'loading'\n    | 'onRowSelectionModelChange'\n    | 'rowSelectionModel'\n  >;\n  /**\n   * Sets the initial sortModel in case the required sorting differs from the back-end's default sorting\n   */\n  readonly initialSort?: { field: string; sort: 'asc' | 'desc' };\n  /**\n   * Overwrites the default labels when you need a different language than Dutch\n   */\n  readonly localeText?: GridLocaleText & { refreshTable: string };\n  /**\n   * Material UI's property to apply styling\n   */\n  readonly sx?: SxProps;\n};\n\ninterface PaginationModel {\n  page: number;\n  pageSize: number;\n}\n\n/**\n * Constructs a table using pre-defined Rijks styling\n *\n * @param props - Props to pass to the button\n * @example\n * ```jsx\n * <AoaTable\n *  getData={(queryOptions) => getMockData(queryOptions)}\n *  data={mockData}\n *  columns={[{ field: \"id\" }, { field: \"title\" }, { field: \"completed\" }]}\n * />\n * ```\n */\n\nfunction NonMemoizeAoaTable<T extends object = any>(props: AoaTableProps<T>) {\n  const [isLoading, setIsLoading] = useState(false);\n  const [paginationModel, setPaginationModel] = useState<PaginationModel>({\n    page: 0,\n    pageSize: 10\n  });\n  const [sortModel, setSortModel] = useState<GridSortModel>([]);\n  const [filterModel, setFilterModel] = useState<GridFilterModel>({\n    items: []\n  });\n\n  const mode = props.mode ?? 'server';\n  const isServerMode = mode === 'server';\n\n  const handleSortModelChange = useCallback((sortModel: GridSortModel) => {\n    setSortModel(sortModel);\n  }, []);\n\n  const onFilterChange = useCallback((filterModel: GridFilterModel) => {\n    setFilterModel(filterModel);\n  }, []);\n\n  const [rowCountState, setRowCountState] = useState(props.data?.totalItems || 0);\n\n  async function getData(paginationModel: PaginationModel, sortModel: GridSortModel, filterModel: GridFilterModel) {\n    if (isServerMode && props.getData) {\n      const fetchData = async () => {\n        await props.getData({ ...paginationModel, sortModel, filterModel });\n      };\n\n      setIsLoading(true);\n      await fetchData();\n      setIsLoading(false);\n    }\n  }\n\n  useEffect(() => {\n    setRowCountState((prevRowCountState) => props.data?.totalItems ?? prevRowCountState);\n  }, [props.data?.totalItems, setRowCountState]);\n\n  useEffect(() => {\n    void getData(paginationModel, sortModel, filterModel);\n    // ESLint tells us here that we should add the `getData` function, however,\n    // doing so will cause the fetching to loop infinity until the JavaScript heap overflows.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [paginationModel, sortModel, filterModel]);\n\n  return (\n    <DataGrid\n      columns={props.columns}\n      data-qa={props['data-qa']}\n      disableColumnFilter\n      disableColumnMenu\n      disableColumnSelector\n      disableDensitySelector\n      disableRowSelectionOnClick\n      disableVirtualization\n      filterMode={mode}\n      getRowHeight={() => 'auto'}\n      initialState={{\n        sorting: {\n          sortModel: props.initialSort ? [props.initialSort] : []\n        }\n      }}\n      loading={isLoading}\n      localeText={\n        props.localeText ?? {\n          columnHeaderSortIconLabel: 'Sorteren',\n          toolbarQuickFilterPlaceholder: 'Zoeken...',\n          toolbarQuickFilterLabel: 'Zoeken',\n          toolbarQuickFilterDeleteIconLabel: 'Wissen',\n          noRowsLabel: 'Geen regels beschikbaar',\n          noResultsOverlayLabel: 'Geen regels gevonden.',\n          MuiTablePagination: {\n            labelDisplayedRows: ({ from, to, count }) => `${from} - ${to} van ${count}`,\n            labelRowsPerPage: 'Regels per pagina'\n          },\n          footerRowSelected: (count) => `${count} regels geselecteerd`\n        }\n      }\n      onFilterModelChange={onFilterChange}\n      onPaginationModelChange={setPaginationModel}\n      onSortModelChange={handleSortModelChange}\n      pageSizeOptions={[5, 10, 20, 40, 80]}\n      paginationMode={mode}\n      paginationModel={paginationModel}\n      rowCount={isServerMode ? rowCountState : undefined}\n      rows={props.data?.items}\n      slotProps={{\n        toolbar: {\n          showQuickFilter: true,\n          quickFilterProps: { debounceMs: 500 },\n          mode,\n          isServerMode,\n          getData: async () => getData(paginationModel, sortModel, filterModel),\n          actionButtons: props.actionButtons,\n          localeText: props.localeText\n        }\n      }}\n      slots={{\n        toolbar: QuickSearchToolbar\n      }}\n      sortingMode={mode}\n      sx={merge(\n        {\n          border: 0,\n          color: 'var(--color-text)',\n          letterSpacing: 'normal',\n          minHeight: '300px',\n\n          [`&.${gridClasses['root--densityCompact']}`]: {\n            [`.${gridClasses.cell}`]: {\n              py: '8px'\n            }\n          },\n          [`&.${gridClasses['root--densityStandard']}`]: {\n            [`.${gridClasses.cell}`]: {\n              py: '15px'\n            }\n          },\n          [`&.${gridClasses['root--densityComfortable']}`]: {\n            [`.${gridClasses.cell}`]: {\n              py: '22px'\n            }\n          },\n\n          /**\n           * The 'no results' message does not show if the DataGrid does not have a fixed height.\n           * Because a fixed height is not desirable, we set a min-height on the DataGrid and set\n           * the min-height of the virtualScroller to half of that height.\n           */\n          [`.${gridClasses.virtualScroller}`]: {\n            minHeight: '150px',\n            overflow: 'hidden',\n            position: 'relative'\n          },\n\n          [`.${gridClasses.columnHeaders}`]: {\n            '--DataGrid-containerBackground': 'var(--color-rijks-skyblue)',\n            backgroundCcolor: 'var(--color-rijks-skyblue)',\n            color: 'var(--color-text-light)'\n          },\n\n          [`.${gridClasses.row}`]: {\n            ':hover': {\n              backgroundColor: 'var(--color-rijks-skyblue-light)'\n            },\n\n            ':nth-of-type(even)': {\n              backgroundColor: 'var(--color-rijks-grey-1)',\n\n              ':hover': {\n                backgroundColor: 'var(--color-rijks-skyblue-light)'\n              }\n            }\n          },\n\n          [`.${gridClasses.columnHeader}, .${gridClasses.cell}, .MuiDataGrid-columnsContainer`]: {\n            borderRight: '1px solid var(--color-rijks-grey-2)'\n          },\n\n          [`.${gridClasses.cell}`]: {\n            color: 'var(--color-text)'\n          },\n\n          [`.${paginationItemClasses.root}`]: {\n            borderRadius: 0\n          },\n\n          [`.${checkboxClasses.root}`]: {\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\n          [`.${gridClasses.columnHeader} .${checkboxClasses.root}`]: {\n            color: 'white'\n          }\n        },\n        props.sx,\n        FontNormalSxProps\n      )}\n      {...props.dataGridOverridableProps}\n    />\n  );\n}\n\nexport const AoaTable = memo(NonMemoizeAoaTable) as typeof NonMemoizeAoaTable;\n"],"names":["NonMemoizeAoaTable","props","isLoading","setIsLoading","useState","paginationModel","setPaginationModel","sortModel","setSortModel","filterModel","setFilterModel","mode","isServerMode","handleSortModelChange","useCallback","onFilterChange","rowCountState","setRowCountState","_a","getData","fetchData","useEffect","prevRowCountState","_b","jsx","DataGrid","from","to","count","_c","QuickSearchToolbar","merge","gridClasses","paginationItemClasses","checkboxClasses","FontNormalSxProps","AoaTable","memo"],"mappings":"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"}

package/dist/components/atoms/tooltip/Tooltip.d.ts

@@ -0,0 +1,14 @@
+import { TooltipProps } from '@mui/material';
+export interface AoaTooltipProps extends TooltipProps {
+    /**
+     * Data-qa tag to apply to the tooltip
+     */
+    readonly 'data-qa'?: string;
+}
+/**
+ * Constructs a tooltip using pre-defined Rijks styling
+ *
+ * @param props - Props to pass to the {@link Tooltip}
+ */
+export declare function AoaTooltip({ 'data-qa': qaTag, title, placement, enterDelay, className, children, ...props }: AoaTooltipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/atoms/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGhF,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EAAE,KAAK,EAChB,KAAK,EACL,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAkCjB"}

package/dist/components/atoms/tooltip/Tooltip.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Tooltip as i, Box as x, tooltipClasses as d } from "@mui/material";
+import { l as m } from "../../../chunks/lodash.DOeeRDpT.js";
+function g({
+  "data-qa": t,
+  title: p,
+  placement: e,
+  enterDelay: l,
+  className: a,
+  children: s,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    i,
+    {
+      ...o,
+      classes: { popper: a },
+      describeChild: !0,
+      enterDelay: l ?? 300,
+      placement: e ?? "top",
+      slotProps: m.merge(
+        {
+          popper: {
+            sx: {
+              [`& .${d.tooltip}`]: {
+                lineHeight: 1.5,
+                backgroundColor: "#FFFFFF",
+                borderRadius: 0,
+                boxShadow: "0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important",
+                color: "var(--color-text)"
+              }
+            }
+          }
+        },
+        o.slotProps
+      ),
+      title: /* @__PURE__ */ r(x, { "data-qa": t, sx: { p: 1 }, children: p }),
+      children: s
+    }
+  );
+}
+export {
+  g as AoaTooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/atoms/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/atoms/tooltip/Tooltip.tsx"],"sourcesContent":["import { Box, Tooltip, tooltipClasses, type TooltipProps } from '@mui/material';\nimport { merge } from 'lodash';\n\nexport interface AoaTooltipProps extends TooltipProps {\n  /**\n   * Data-qa tag to apply to the tooltip\n   */\n  readonly 'data-qa'?: string;\n}\n\n/**\n * Constructs a tooltip using pre-defined Rijks styling\n *\n * @param props - Props to pass to the {@link Tooltip}\n */\nexport function AoaTooltip({\n  'data-qa': qaTag,\n  title,\n  placement,\n  enterDelay,\n  className,\n  children,\n  ...props\n}: AoaTooltipProps) {\n  return (\n    <Tooltip\n      {...props}\n      classes={{ popper: className }}\n      describeChild\n      enterDelay={enterDelay ?? 300}\n      placement={placement ?? 'top'}\n      slotProps={merge(\n        {\n          popper: {\n            sx: {\n              [`& .${tooltipClasses.tooltip}`]: {\n                lineHeight: 1.5,\n                backgroundColor: '#FFFFFF',\n                borderRadius: 0,\n                boxShadow:\n                  '0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important',\n                color: 'var(--color-text)'\n              }\n            }\n          }\n        },\n        props.slotProps\n      )}\n      title={\n        <Box data-qa={qaTag} sx={{ p: 1 }}>\n          {title}\n        </Box>\n      }\n    >\n      {children}\n    </Tooltip>\n  );\n}\n"],"names":["AoaTooltip","qaTag","title","placement","enterDelay","className","children","props","jsx","Tooltip","merge","tooltipClasses","Box"],"mappings":";;;AAeO,SAASA,EAAW;AAAA,EACzB,WAAWC;AAAA,EACX,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAoB;AAEhB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,SAAS,EAAE,QAAQF,EAAU;AAAA,MAC7B,eAAa;AAAA,MACb,YAAYD,KAAc;AAAA,MAC1B,WAAWD,KAAa;AAAA,MACxB,WAAWO,EAAA;AAAA,QACT;AAAA,UACE,QAAQ;AAAA,YACN,IAAI;AAAA,cACF,CAAC,MAAMC,EAAe,OAAO,EAAE,GAAG;AAAA,gBAChC,YAAY;AAAA,gBACZ,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,WACE;AAAA,gBACF,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,UACF;AAAA,QAEJ;AAAA,QACAJ,EAAM;AAAA,MACR;AAAA,MACA,OACG,gBAAAC,EAAAI,GAAA,EAAI,WAASX,GAAO,IAAI,EAAE,GAAG,EAAE,GAC7B,UACHC,EAAA,CAAA;AAAA,MAGD,UAAAI;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export { AoaCheckbox, type AoaCheckboxProps } from './components/atoms/selection
 export { AoaRadioButton, type AoaRadioButtonProps } from './components/atoms/selection-buttons/radio-button/RadioButton';
 export { AoaSwitchButton, type AoaSwitchButtonProps } from './components/atoms/selection-buttons/switch-button/SwitchButton';
 export { AoaTable, type AoaTableColumns, type AoaTableData, type AoaTableProps, type AoaTableQueryOptions } from './components/atoms/table/Table';
+export { AoaTooltip, type AoaTooltipProps } from './components/atoms/tooltip/Tooltip';
 export { AoaZeroWidthSpace } from './components/atoms/zero-width-space/ZeroWidthSpace';
 export { AoaFieldError, type AoaFieldErrorProps } from './components/molecules/field-error/FieldError';
 export { AoaFileDropzone, type AoaDropableFile, type AoaFileDropzoneDataQas, type AoaFileDropzoneProps } from './components/molecules/file-dropzone/FileDropzone';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC3G,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAC/G,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAC5G,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACzB,MAAM,+DAA+D,CAAC;AACvE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AACzE,OAAO,EACL,QAAQ,EACR,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EAC1B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACvG,OAAO,EACL,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAC1B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EACL,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC9B,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AACnH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAG/G,OAAO,EACL,cAAc,IAAI,kBAAkB,EACpC,KAAK,mBAAmB,IAAI,uBAAuB,EACpD,MAAM,iDAAiD,CAAC;AAGzD,OAAO,EACL,eAAe,EACf,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACZ,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC3G,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAC/G,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAC5G,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACzB,MAAM,+DAA+D,CAAC;AACvE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AACzE,OAAO,EACL,QAAQ,EACR,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EAC1B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACvG,OAAO,EACL,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAC1B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EACL,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC9B,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AACnH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAG/G,OAAO,EACL,cAAc,IAAI,kBAAkB,EACpC,KAAK,mBAAmB,IAAI,uBAAuB,EACpD,MAAM,iDAAiD,CAAC;AAGzD,OAAO,EACL,eAAe,EACf,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACZ,MAAM,gCAAgC,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { AoaButton as r } from "./components/atoms/button/Button.js";
+import { AoaButton as a } from "./components/atoms/button/Button.js";
 import { AoaIconButton as e } from "./components/atoms/icon-button/IconButton.js";
 import { AoaInput as m } from "./components/atoms/input/Input.js";
 import { AoaLogo as x } from "./components/atoms/logo/Logo.js";
@@ -8,44 +8,46 @@ import { AoaSectionHeader as d } from "./components/atoms/section-header/Section
 import { AoaCheckbox as F } from "./components/atoms/selection-buttons/checkbox/Checkbox.js";
 import { AoaRadioButton as c } from "./components/atoms/selection-buttons/radio-button/RadioButton.js";
 import { AoaSwitchButton as b } from "./components/atoms/selection-buttons/switch-button/SwitchButton.js";
-import { AoaTable as g } from "./components/atoms/table/Table.js";
-import { AoaZeroWidthSpace as M } from "./components/atoms/zero-width-space/ZeroWidthSpace.js";
-import { A as S, a as T, b as E, c as I, d as P, u as k, e as v, f as z, w as D } from "./chunks/FieldError.DAUtZvvC.js";
-import { AoaFileDropzone as L } from "./components/molecules/file-dropzone/FileDropzone.js";
-import { AoaFileTable as U } from "./components/molecules/file-table/FileTable.js";
-import { AoaModalCloseButton as Z } from "./components/molecules/modal-close-button/ModalCloseButton.js";
-import { AoaModal as q } from "./components/molecules/modal/Modal.js";
-import { AoaNavigationBar as G } from "./components/molecules/navigation-bar/NavigationBar.js";
-import { AoaUploadButton as K } from "./components/molecules/upload-button/UploadButton.js";
-import { AoaContentPage as Q } from "./components/organisms/content-page/ContentPage.js";
+import { AoaTable as T } from "./components/atoms/table/Table.js";
+import { AoaTooltip as w } from "./components/atoms/tooltip/Tooltip.js";
+import { AoaZeroWidthSpace as N } from "./components/atoms/zero-width-space/ZeroWidthSpace.js";
+import { A as E, a as I, b as P, c as k, d as v, u as z, e as D, f as H, w as L } from "./chunks/FieldError.DAUtZvvC.js";
+import { AoaFileDropzone as U } from "./components/molecules/file-dropzone/FileDropzone.js";
+import { AoaFileTable as Z } from "./components/molecules/file-table/FileTable.js";
+import { AoaModalCloseButton as q } from "./components/molecules/modal-close-button/ModalCloseButton.js";
+import { AoaModal as G } from "./components/molecules/modal/Modal.js";
+import { AoaNavigationBar as K } from "./components/molecules/navigation-bar/NavigationBar.js";
+import { AoaUploadButton as Q } from "./components/molecules/upload-button/UploadButton.js";
+import { AoaContentPage as X } from "./components/organisms/content-page/ContentPage.js";
 export {
-  r as AoaButton,
+  a as AoaButton,
   F as AoaCheckbox,
-  Q as AoaContentTemplate,
-  S as AoaFieldError,
-  L as AoaFileDropzone,
-  U as AoaFileTable,
-  T as AoaFormError,
-  E as AoaFormModal,
+  X as AoaContentTemplate,
+  E as AoaFieldError,
+  U as AoaFileDropzone,
+  Z as AoaFileTable,
+  I as AoaFormError,
+  P as AoaFormModal,
   e as AoaIconButton,
   m as AoaInput,
   x as AoaLogo,
-  q as AoaModal,
-  Z as AoaModalCloseButton,
-  G as AoaNavigationBar,
+  G as AoaModal,
+  q as AoaModalCloseButton,
+  K as AoaNavigationBar,
   n as AoaNoPermission,
   s as AoaNotification,
   c as AoaRadioButton,
   d as AoaSectionHeader,
   b as AoaSwitchButton,
-  g as AoaTable,
-  K as AoaUploadButton,
-  M as AoaZeroWidthSpace,
-  I as aoaFieldContext,
-  P as aoaFormContext,
-  k as useAoaAppForm,
-  v as useAoaFieldContext,
-  z as useAoaFormContext,
-  D as withAoaForm
+  T as AoaTable,
+  w as AoaTooltip,
+  Q as AoaUploadButton,
+  N as AoaZeroWidthSpace,
+  k as aoaFieldContext,
+  v as aoaFormContext,
+  z as useAoaAppForm,
+  D as useAoaFieldContext,
+  H as useAoaFormContext,
+  L as withAoaForm
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "5.0.0",
+  "version": "5.1.1",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",
@@ -28,7 +28,7 @@
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^6.4.8",
     "@mui/material": "^6.4.8",
-    "@tanstack/react-router": "^1.114.27",
+    "@tanstack/react-router": "^1.117.1",
     "clsx": "^2.1.1",
     "lodash": "^4.17.21",
     "react": "^18.3.1",
@@ -42,43 +42,43 @@
     "@mui/system": "^6.4.8",
     "@mui/x-data-grid": "^7.28.1",
     "@mui/x-data-grid-generator": "^7.28.1",
-    "@storybook/addon-a11y": "^8.6.9",
+    "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-console": "^3.0.0",
-    "@storybook/addon-essentials": "^8.6.9",
-    "@storybook/addon-onboarding": "^8.6.9",
-    "@storybook/addon-themes": "^8.6.9",
-    "@storybook/blocks": "^8.6.9",
-    "@storybook/experimental-addon-test": "^8.6.9",
-    "@storybook/manager-api": "^8.6.9",
-    "@storybook/react": "^8.6.9",
-    "@storybook/react-vite": "^8.6.9",
-    "@storybook/test": "^8.6.9",
-    "@storybook/theming": "^8.6.9",
-    "@tanstack/react-form": "1.1.2",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/addon-themes": "^8.6.12",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/experimental-addon-test": "^8.6.12",
+    "@storybook/manager-api": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-vite": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/theming": "^8.6.12",
+    "@tanstack/react-form": "1.6.3",
     "@types/lodash": "^4.17.16",
     "@types/lodash.merge": "^4.6.9",
     "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/browser": "^3.0.9",
-    "@vitest/coverage-v8": "^3.0.9",
-    "eslint": "^9.23.0",
-    "glob": "^11.0.1",
+    "@types/react-dom": "^18.3.6",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/browser": "^3.1.2",
+    "@vitest/coverage-v8": "^3.1.2",
+    "eslint": "^9.25.1",
+    "glob": "^11.0.2",
     "npm-run-all2": "^7.0.2",
-    "playwright": "^1.51.1",
+    "playwright": "^1.52.0",
     "prettier": "^3.5.3",
     "react-dropzone": "^14.3.8",
     "react-toastify": "^11.0.5",
     "remark-gfm": "^4.0.1",
-    "storybook": "^8.6.9",
-    "stylelint": "^16.16.0",
+    "storybook": "^8.6.12",
+    "stylelint": "^16.19.0",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.2",
-    "vite": "^6.2.3",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.3",
     "vite-plugin-checker": "^0.9.1",
     "vite-plugin-dts": "^4.5.3",
-    "vite-plugin-lib-inject-css": "^2.2.1",
-    "vitest": "^3.0.9"
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^3.1.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.x",
@@ -210,6 +210,10 @@
       "types": "./dist/contexts/TanstackFormContext.ts",
       "default": "./dist/contexts/TanstackFormContext.ts"
     },
+    "./tooltip": {
+      "types": "./dist/components/atoms/tooltip/Tooltip.d.ts",
+      "default": "./dist/components/atoms/tooltip/Tooltip.js"
+    },
     "./uploadbutton": {
       "types": "./dist/components/molecules/upload-button/UploadButton.d.ts",
       "default": "./dist/components/molecules/upload-button/UploadButton.js"