@rws-aoa/react-library 3.6.2 → 3.6.4

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

@@ -1,61 +1,92 @@
 import { SxProps } from '@mui/material';
 import { DataGridProps, GridColDef, GridFilterModel, GridLocaleText, GridSortModel } from '@mui/x-data-grid';
-import { NonNullObject } from '../../../_constants';
-
-export interface AoaTableData<T extends NonNullObject = any> {
-    /** The paged, filtered and sorted items from the database */
+export interface AoaTableData<T extends object = any> {
+    /**
+     * The paged, filtered and sorted items from the database
+     */
     items: T[];
-    /** The total number of items present in the database table */
+    /**
+     * The total number of items present in the database table
+     */
     totalItems: number;
 }
-export type AoaTableColumns<T extends NonNullObject = any> = GridColDef<T>[];
+export type AoaTableColumns<T extends object = any> = GridColDef<T>[];
 export interface AoaTableQueryOptions {
-    /** The current page of the table */
+    /**
+     * Material UI's GridFilterModel
+     */
+    filterModel: GridFilterModel;
+    /**
+     * The current page of the table
+     */
     page: number;
-    /** The maximum number of items that are shown on a page */
+    /**
+     * The maximum number of items that are shown on a page
+     */
     pageSize: number;
-    /** Material UI's GridSortModel */
+    /**
+     * Material UI's GridSortModel
+     */
     sortModel: GridSortModel;
-    /** Material UI's GridFilterModel */
-    filterModel: GridFilterModel;
 }
 type ModeProps = 
-/** The Redux action that takes PaginationModel as parameter to retrieve data from the server */
+/**
+ * Overwrites the default mode (server) when you need pagination, filtering and sorting on the client side
+ */
 {
-    getData: (queryOptions: AoaTableQueryOptions) => Promise<void> | void;
-    mode?: never;
-}
-/** Overwrites the default mode (server) when you need pagination, filtering and sorting on the client side */
- | {
     getData?: never;
     mode: "client";
+}
+/**
+ * The Redux action that takes PaginationModel as parameter to retrieve data from the server
+ */
+ | {
+    getData(queryOptions: AoaTableQueryOptions): Promise<void> | void;
+    mode?: never;
 };
-export type AoaTableProps<T extends NonNullObject = any> = ModeProps & {
-    /** The TableData object to be displayed in the table */
-    data: AoaTableData<T>;
-    /** The column structure to display the data */
-    columns: GridColDef<T>[];
-    /** Data-qa tag for E2E test purposes */
-    "data-qa"?: string;
-    /** Material UI's property to apply styling */
-    sx?: SxProps;
-    /** Action buttons shown in the toolbar of the table */
-    actionButtons?: JSX.Element[];
-    /** Sets the initial sortModel in case the required sorting differs from the back-end's default sorting */
-    initialSort?: {
+export type AoaTableProps<T extends object = any> = ModeProps & {
+    /**
+     * Action buttons shown in the toolbar of the table
+     */
+    readonly actionButtons?: JSX.Element[];
+    /**
+     * The column structure to display the data
+     */
+    readonly columns: GridColDef<T>[];
+    /**
+     * The TableData object to be displayed in the table
+     */
+    readonly data: AoaTableData<T>;
+    /**
+     * Data-qa tag for E2E test purposes
+     */
+    readonly "data-qa"?: string;
+    /**
+     * Overwrite a safe selection of the {@link DataGrid} properties
+     */
+    readonly dataGridOverridableProps?: Pick<DataGridProps<T>, "checkboxSelection" | "getRowId" | "ignoreDiacritics" | "isRowSelectable" | "loading" | "onRowSelectionModelChange" | "rowSelectionModel">;
+    /**
+     * Sets the initial sortModel in case the required sorting differs from the back-end's default sorting
+     */
+    readonly initialSort?: {
         field: string;
         sort: "asc" | "desc";
     };
-    /** Overwrites the default labels when you need a different language than Dutch */
-    localeText?: GridLocaleText & {
+    /**
+     * Overwrites the default labels when you need a different language than Dutch
+     */
+    readonly localeText?: GridLocaleText & {
         refreshTable: string;
     };
-    /** Overwrite a safe selection of the {@link DataGrid} properties */
-    dataGridOverridableProps?: Pick<DataGridProps<T>, "ignoreDiacritics" | "loading" | "getRowId">;
+    /**
+     * Material UI's property to apply styling
+     */
+    readonly sx?: SxProps;
 };
 /**
  * Constructs a table using pre-defined Rijks styling
- * @param props Props to pass to the button
+ *
+ * @param props - Props to pass to the button
  * @example
  * ```jsx
  * <AoaTable
@@ -65,7 +96,7 @@ export type AoaTableProps<T extends NonNullObject = any> = ModeProps & {
  * />
  * ```
  */
-declare function NonMemoizeAoaTable<T extends NonNullObject = any>(props: AoaTableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function NonMemoizeAoaTable<T extends object = any>(props: AoaTableProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare const AoaTable: typeof NonMemoizeAoaTable;
 export {};
 //# sourceMappingURL=Table.d.ts.map

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,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGhJ,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAG5E,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,aAAa,GAAG,GAAG;IACzD,6DAA6D;IAC7D,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,aAAa,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,SAAS,EAAE,aAAa,CAAC;IACzB,oCAAoC;IACpC,WAAW,EAAE,eAAe,CAAC;CAC9B;AAED,KAAK,SAAS;AACZ,gGAAgG;AAE9F;IAAE,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE;AACzF,8GAA8G;GAC5G;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAExC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,aAAa,GAAG,GAAG,IAAI,SAAS,GAAG;IACrE,wDAAwD;IACxD,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACtB,+CAA+C;IAC/C,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,uDAAuD;IACvD,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC9B,0GAA0G;IAC1G,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IACtD,kFAAkF;IAClF,UAAU,CAAC,EAAE,cAAc,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,oEAAoE;IACpE,wBAAwB,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;CAChG,CAAC;AAOF;;;;;;;;;;;GAWG;AAEH,iBAAS,kBAAkB,CAAC,CAAC,SAAS,aAAa,GAAG,GAAG,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CA0KjF;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,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMhJ,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,EAChB,mBAAmB,GAAG,UAAU,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,SAAS,GAAG,2BAA2B,GAAG,mBAAmB,CAC1I,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

@@ -1,79 +1,95 @@
 import { jsx as w } from "react/jsx-runtime";
 import "@mui/material";
-import { DataGrid as P } from "@mui/x-data-grid";
-import { m as F } from "../../../chunks/index.CtmQWjvP.js";
-import { memo as R, useState as i, useCallback as k, useEffect as v } from "react";
+import { DataGrid as R } from "@mui/x-data-grid";
+import { m as P } from "../../../chunks/index.DJYQ_-zP.js";
+import { memo as F, useState as i, useCallback as u, useEffect as h } from "react";
 import { FontNormalSxProps as I } from "../../../_constants.js";
 import { QuickSearchToolbar as T } from "./_QuickSearchToolbar.js";
 function j(e) {
-  var m, b, M;
-  const [D, c] = i(!1), [l, h] = i({
+  var m, M, k;
+  const [v, g] = i(!1), [l, f] = i({
     page: 0,
     pageSize: 10
-  }), [n, S] = i([]), [d, C] = i({
+  }), [d, D] = i([]), [s, x] = i({
     items: []
-  }), r = e.mode ?? "server", s = r === "server", f = k((o) => {
-    S(o);
-  }, []), G = k((o) => {
-    C(o);
-  }, []), [x, u] = i(((m = e.data) == null ? void 0 : m.totalItems) || 0), g = (o, t, a) => {
-    if (s && e.getData) {
-      const y = async () => {
-        await e.getData({ ...o, sortModel: t, filterModel: a });
-      };
-      c(!0), y(), c(!1);
-    }
-  };
-  return v(() => {
-    u((o) => {
+  }), r = e.mode ?? "server", n = r === "server", S = u((o) => {
+    D(o);
+  }, []), C = u((o) => {
+    x(o);
+  }, []), [y, b] = i(((m = e.data) == null ? void 0 : m.totalItems) || 0), c = u(
+    async (o, t, a) => {
+      if (n && e.getData) {
+        const G = async () => {
+          await e.getData({ ...o, sortModel: t, filterModel: a });
+        };
+        g(!0), await G(), g(!1);
+      }
+    },
+    [n, e]
+  );
+  return h(() => {
+    b((o) => {
       var t, a;
-      return ((t = e.data) == null ? void 0 : t.totalItems) !== void 0 ? (a = e.data) == null ? void 0 : a.totalItems : o;
+      return ((t = e.data) == null ? void 0 : t.totalItems) === void 0 ? o : (a = e.data) == null ? void 0 : a.totalItems;
     });
-  }, [(b = e.data) == null ? void 0 : b.totalItems, u]), v(() => {
-    g(l, n, d);
-  }, [l, n, d]), /* @__PURE__ */ w(
-    P,
+  }, [(M = e.data) == null ? void 0 : M.totalItems, b]), h(() => {
+    c(l, d, s);
+  }, [c, l, d, s]), /* @__PURE__ */ w(
+    R,
     {
-      initialState: {
-        sorting: {
-          sortModel: e.initialSort ? [e.initialSort] : []
-        }
-      },
-      disableColumnMenu: !0,
+      columns: e.columns,
+      "data-qa": e["data-qa"],
       disableColumnFilter: !0,
+      disableColumnMenu: !0,
       disableColumnSelector: !0,
       disableDensitySelector: !0,
       disableRowSelectionOnClick: !0,
       disableVirtualization: !0,
-      columns: e.columns,
-      rows: (M = e.data) == null ? void 0 : M.items,
-      rowCount: s ? x : void 0,
+      filterMode: r,
       getRowHeight: () => "auto",
+      initialState: {
+        sorting: {
+          sortModel: e.initialSort ? [e.initialSort] : []
+        }
+      },
+      loading: v,
+      localeText: e.localeText ?? {
+        columnHeaderSortIconLabel: "Sorteren",
+        toolbarQuickFilterPlaceholder: "Zoeken...",
+        toolbarQuickFilterLabel: "Zoeken",
+        toolbarQuickFilterDeleteIconLabel: "Wissen",
+        noRowsLabel: "Geen regels beschikbaar",
+        noResultsOverlayLabel: "Geen regels gevonden.",
+        MuiTablePagination: {
+          labelDisplayedRows: ({ from: o, to: t, count: a }) => `${o} - ${t} van ${a}`,
+          labelRowsPerPage: "Regels per pagina"
+        },
+        footerRowSelected: (o) => `${o} regels geselecteerd`
+      },
+      onFilterModelChange: C,
+      onPaginationModelChange: f,
+      onSortModelChange: S,
       pageSizeOptions: [5, 10, 20, 40, 80],
-      paginationModel: l,
       paginationMode: r,
-      onPaginationModelChange: h,
-      sortingMode: r,
-      onSortModelChange: f,
-      filterMode: r,
-      onFilterModelChange: G,
-      slots: {
-        toolbar: T
-      },
+      paginationModel: l,
+      rowCount: n ? y : void 0,
+      rows: (k = e.data) == null ? void 0 : k.items,
       slotProps: {
         toolbar: {
           showQuickFilter: !0,
           quickFilterProps: { debounceMs: 500 },
           mode: r,
-          isServerMode: s,
-          getData: () => g(l, n, d),
+          isServerMode: n,
+          getData: async () => c(l, d, s),
           actionButtons: e.actionButtons,
           localeText: e.localeText
         }
       },
-      loading: D,
-      "data-qa": e["data-qa"],
-      sx: F(
+      slots: {
+        toolbar: T
+      },
+      sortingMode: r,
+      sx: P(
         {
           border: 0,
           color: "var(--color-text)",
@@ -128,29 +144,31 @@ function j(e) {
           },
           ".MuiPaginationItem-root": {
             borderRadius: 0
+          },
+          ".MuiCheckbox-root": {
+            color: "var(--color-primary)",
+            ":focus": {
+              outline: "2px dashed var(--color-text)",
+              outlineOffset: "-9px",
+              borderRadius: 0
+            },
+            ":disabled": {
+              color: "var(--color-disabled)"
+            }
+          },
+          ".MuiDataGrid-columnHeader .MuiCheckbox-root": {
+            color: "white"
           }
         },
         e.sx,
         I
       ),
-      localeText: e.localeText ?? {
-        columnHeaderSortIconLabel: "Sorteren",
-        toolbarQuickFilterPlaceholder: "Zoeken...",
-        toolbarQuickFilterLabel: "Zoeken",
-        toolbarQuickFilterDeleteIconLabel: "Wissen",
-        noRowsLabel: "Geen regels beschikbaar",
-        noResultsOverlayLabel: "Geen regels gevonden.",
-        MuiTablePagination: {
-          labelDisplayedRows: ({ from: o, to: t, count: a }) => `${o} - ${t} van ${a}`,
-          labelRowsPerPage: "Regels per pagina"
-        }
-      },
       ...e.dataGridOverridableProps
     }
   );
 }
-const $ = R(j);
+const q = F(j);
 export {
-  $ as AoaTable
+  q as AoaTable
 };
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/atoms/table/Table.tsx"],"sourcesContent":["import { type SxProps } from \"@mui/material\";\nimport { DataGrid, type DataGridProps, type GridColDef, type GridFilterModel, type GridLocaleText, type GridSortModel } from \"@mui/x-data-grid\";\nimport merge from \"lodash.merge\";\nimport { memo, useCallback, useEffect, useState } from \"react\";\nimport { FontNormalSxProps, type NonNullObject } from \"../../../_constants\";\nimport { QuickSearchToolbar } from \"./_QuickSearchToolbar\";\n\nexport interface AoaTableData<T extends NonNullObject = any> {\n  /** The paged, filtered and sorted items from the database */\n  items: T[];\n  /** The total number of items present in the database table */\n  totalItems: number;\n}\n\nexport type AoaTableColumns<T extends NonNullObject = any> = GridColDef<T>[];\n\nexport interface AoaTableQueryOptions {\n  /** The current page of the table */\n  page: number;\n  /** The maximum number of items that are shown on a page */\n  pageSize: number;\n  /** Material UI's GridSortModel */\n  sortModel: GridSortModel;\n  /** Material UI's GridFilterModel */\n  filterModel: GridFilterModel;\n}\n\ntype ModeProps =\n  /** The Redux action that takes PaginationModel as parameter to retrieve data from the server */\n  // eslint-disable-next-line no-unused-vars\n  | { getData: (queryOptions: AoaTableQueryOptions) => Promise<void> | void; mode?: never }\n  /** Overwrites the default mode (server) when you need pagination, filtering and sorting on the client side */\n  | { getData?: never; mode: \"client\" };\n\nexport type AoaTableProps<T extends NonNullObject = any> = ModeProps & {\n  /** The TableData object to be displayed in the table */\n  data: AoaTableData<T>;\n  /** The column structure to display the data */\n  columns: GridColDef<T>[];\n  /** Data-qa tag for E2E test purposes */\n  \"data-qa\"?: string;\n  /** Material UI's property to apply styling */\n  sx?: SxProps;\n  /** Action buttons shown in the toolbar of the table */\n  actionButtons?: JSX.Element[];\n  /** Sets the initial sortModel in case the required sorting differs from the back-end's default sorting */\n  initialSort?: { field: string; sort: \"asc\" | \"desc\" };\n  /** Overwrites the default labels when you need a different language than Dutch */\n  localeText?: GridLocaleText & { refreshTable: string };\n  /** Overwrite a safe selection of the {@link DataGrid} properties */\n  dataGridOverridableProps?: Pick<DataGridProps<T>, \"ignoreDiacritics\" | \"loading\" | \"getRowId\">;\n};\n\ninterface PaginationModel {\n  page: number;\n  pageSize: number;\n}\n\n/**\n * Constructs a table using pre-defined Rijks styling\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 NonNullObject = 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  const 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      setIsLoading(true);\n      fetchData();\n      setIsLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    setRowCountState((prevRowCountState) => (props.data?.totalItems !== undefined ? props.data?.totalItems : prevRowCountState));\n  }, [props.data?.totalItems, setRowCountState]);\n\n  useEffect(() => {\n    getData(paginationModel, sortModel, filterModel);\n  }, [paginationModel, sortModel, filterModel]);\n\n  return (\n    <DataGrid\n      initialState={{\n        sorting: {\n          sortModel: props.initialSort ? [props.initialSort] : []\n        }\n      }}\n      disableColumnMenu\n      disableColumnFilter\n      disableColumnSelector\n      disableDensitySelector\n      disableRowSelectionOnClick\n      disableVirtualization\n      columns={props.columns}\n      rows={props.data?.items}\n      rowCount={isServerMode ? rowCountState : undefined}\n      getRowHeight={() => \"auto\"}\n      pageSizeOptions={[5, 10, 20, 40, 80]}\n      paginationModel={paginationModel}\n      paginationMode={mode}\n      onPaginationModelChange={setPaginationModel}\n      sortingMode={mode}\n      onSortModelChange={handleSortModelChange}\n      filterMode={mode}\n      onFilterModelChange={onFilterChange}\n      slots={{\n        toolbar: QuickSearchToolbar\n      }}\n      slotProps={{\n        toolbar: {\n          showQuickFilter: true,\n          quickFilterProps: { debounceMs: 500 },\n          mode,\n          isServerMode,\n          getData: () => getData(paginationModel, sortModel, filterModel),\n          actionButtons: props.actionButtons,\n          localeText: props.localeText\n        }\n      }}\n      loading={isLoading}\n      data-qa={props[\"data-qa\"]}\n      sx={merge(\n        {\n          border: 0,\n          color: \"var(--color-text)\",\n          letterSpacing: \"normal\",\n          minHeight: \"300px\",\n\n          \"&.MuiDataGrid-root--densityCompact\": {\n            \".MuiDataGrid-cell\": {\n              py: \"8px\"\n            }\n          },\n          \"&.MuiDataGrid-root--densityStandard\": {\n            \".MuiDataGrid-cell\": {\n              py: \"15px\"\n            }\n          },\n          \"&.MuiDataGrid-root--densityComfortable\": {\n            \".MuiDataGrid-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          \".MuiDataGrid-virtualScroller\": {\n            minHeight: \"150px\",\n            overflow: \"hidden\",\n            position: \"relative\"\n          },\n\n          \".MuiDataGrid-columnHeaders\": {\n            \"--DataGrid-containerBackground\": \"var(--color-rijks-skyblue)\",\n            backgroundCcolor: \"var(--color-rijks-skyblue)\",\n            color: \"var(--color-text-light)\"\n          },\n\n          \".MuiDataGrid-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          \".MuiDataGrid-columnHeader, .MuiDataGrid-cell, .MuiDataGrid-columnsContainer, .MuiDataGrid-cell\": {\n            borderRight: \"1px solid var(--color-rijks-grey-2)\"\n          },\n\n          \".MuiDataGrid-cell\": {\n            color: \"var(--color-text)\"\n          },\n\n          \".MuiPaginationItem-root\": {\n            borderRadius: 0\n          }\n        },\n        props.sx,\n        FontNormalSxProps\n      )}\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        }\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","_c","QuickSearchToolbar","merge","FontNormalSxProps","from","to","count","AoaTable","memo"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/atoms/table/Table.tsx"],"sourcesContent":["import { type SxProps } from \"@mui/material\";\nimport { DataGrid, type DataGridProps, type GridColDef, type GridFilterModel, type GridLocaleText, type GridSortModel } from \"@mui/x-data-grid\";\nimport merge from \"lodash.merge\";\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\" | \"getRowId\" | \"ignoreDiacritics\" | \"isRowSelectable\" | \"loading\" | \"onRowSelectionModelChange\" | \"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  const getData = useCallback(\n    async (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    [isServerMode, props]\n  );\n\n  useEffect(() => {\n    setRowCountState((prevRowCountState) => (props.data?.totalItems === undefined ? prevRowCountState : props.data?.totalItems));\n  }, [props.data?.totalItems, setRowCountState]);\n\n  useEffect(() => {\n    void getData(paginationModel, sortModel, filterModel);\n  }, [getData, 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          \"&.MuiDataGrid-root--densityCompact\": {\n            \".MuiDataGrid-cell\": {\n              py: \"8px\"\n            }\n          },\n          \"&.MuiDataGrid-root--densityStandard\": {\n            \".MuiDataGrid-cell\": {\n              py: \"15px\"\n            }\n          },\n          \"&.MuiDataGrid-root--densityComfortable\": {\n            \".MuiDataGrid-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          \".MuiDataGrid-virtualScroller\": {\n            minHeight: \"150px\",\n            overflow: \"hidden\",\n            position: \"relative\"\n          },\n\n          \".MuiDataGrid-columnHeaders\": {\n            \"--DataGrid-containerBackground\": \"var(--color-rijks-skyblue)\",\n            backgroundCcolor: \"var(--color-rijks-skyblue)\",\n            color: \"var(--color-text-light)\"\n          },\n\n          \".MuiDataGrid-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          \".MuiDataGrid-columnHeader, .MuiDataGrid-cell, .MuiDataGrid-columnsContainer, .MuiDataGrid-cell\": {\n            borderRight: \"1px solid var(--color-rijks-grey-2)\"\n          },\n\n          \".MuiDataGrid-cell\": {\n            color: \"var(--color-text)\"\n          },\n\n          \".MuiPaginationItem-root\": {\n            borderRadius: 0\n          },\n\n          \".MuiCheckbox-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          \".MuiDataGrid-columnHeader .MuiCheckbox-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","FontNormalSxProps","AoaTable","memo"],"mappings":"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"}

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

@@ -1,15 +1,14 @@
 import { GridLocaleText, GridToolbarProps, ToolbarPropsOverrides } from '@mui/x-data-grid';
-
-export declare const QuickSearchToolbar: import('react').MemoExoticComponent<({ mode, isServerMode, actionButtons, getData, localeText, quickFilterProps }: GridToolbarProps & ToolbarPropsOverrides) => import("react/jsx-runtime").JSX.Element>;
 declare module "@mui/x-data-grid" {
     interface ToolbarPropsOverrides {
-        mode: "client" | "server";
-        isServerMode: boolean;
         actionButtons?: JSX.Element[];
-        getData(): void;
+        getData(this: void): void;
+        isServerMode: boolean;
         localeText?: GridLocaleText & {
             refreshTable: string;
         };
+        mode: "client" | "server";
     }
 }
+export declare const QuickSearchToolbar: import('react').MemoExoticComponent<({ mode, isServerMode, actionButtons, getData, localeText, quickFilterProps }: GridToolbarProps & ToolbarPropsOverrides) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=_QuickSearchToolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"_QuickSearchToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/table/_QuickSearchToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAIlI,eAAO,MAAM,kBAAkB,qHACkD,gBAAgB,GAAG,qBAAqB,6CAiGxH,CAAC;AAEF,OAAO,QAAQ,kBAAkB,CAAC;IAChC,UAAiB,qBAAqB;QACpC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;QAC1B,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;QAC9B,OAAO,IAAI,IAAI,CAAC;QAChB,UAAU,CAAC,EAAE,cAAc,GAAG;YAC5B,YAAY,EAAE,MAAM,CAAC;SACtB,CAAC;KACH;CACF"}
+{"version":3,"file":"_QuickSearchToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/table/_QuickSearchToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAIlI,OAAO,QAAQ,kBAAkB,CAAC;IAChC,UAAiB,qBAAqB;QACpC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;QAC1B,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,CAAC,EAAE,cAAc,GAAG;YAC5B,YAAY,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC3B;CACF;AAED,eAAO,MAAM,kBAAkB,qHACkD,gBAAgB,GAAG,qBAAqB,6CAiGxH,CAAC"}

package/dist/components/atoms/table/_QuickSearchToolbar.js

@@ -86,7 +86,7 @@ const k = h(
         }
       },
       children: [
-        t && /* @__PURE__ */ i(m, { onClick: n, icon: /* @__PURE__ */ i(d, {}), label: (r == null ? void 0 : r.refreshTable) ?? "Ververs tabel" }),
+        t && /* @__PURE__ */ i(m, { icon: /* @__PURE__ */ i(d, {}), label: (r == null ? void 0 : r.refreshTable) ?? "Ververs tabel", onClick: n }),
         o == null ? void 0 : o.map((a) => a),
         /* @__PURE__ */ i(l, { ...p })
       ]

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

@@ -1 +1 @@
-{"version":3,"file":"_QuickSearchToolbar.js","sources":["../../../../src/components/atoms/table/_QuickSearchToolbar.tsx"],"sourcesContent":["import { Refresh as RefreshIcon } from \"@mui/icons-material\";\nimport { Box } from \"@mui/material\";\nimport { GridToolbarQuickFilter, type GridLocaleText, type GridToolbarProps, type ToolbarPropsOverrides } from \"@mui/x-data-grid\";\nimport { memo } from \"react\";\nimport { AoaIconButton } from \"../icon-button/IconButton\";\n\nexport const QuickSearchToolbar = memo(\n  ({ mode, isServerMode, actionButtons, getData, localeText, quickFilterProps }: GridToolbarProps & ToolbarPropsOverrides) => (\n    <Box\n      className={`${mode}-mode`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"flex-end\",\n        paddingBottom: \"10px\",\n\n        \"&.server-mode :nth-child(2)\": {\n          marginLeft: \"auto\"\n        },\n\n        \".MuiButtonBase-root\": {\n          width: \"48px\",\n          marginRight: \"10px\"\n        },\n\n        \".MuiFormControl-root.MuiTextField-root\": {\n          paddingBottom: 0,\n\n          \".MuiInput-root\": {\n            position: \"relative\",\n\n            \":before, :after\": {\n              borderBottom: \"transparent\"\n            },\n\n            \".MuiSvgIcon-root\": {\n              position: \"absolute\",\n              right: \"-1px\",\n              width: \"24px\",\n              height: \"24px\",\n              padding: \"12px\",\n              background: \"#007bc7\",\n              color: \"#ffffff\",\n              fontWeight: \"700\",\n              overflow: \"hidden\",\n              whiteSpace: \"nowrap\",\n              boxSizing: \"content-box\"\n            },\n\n            \".MuiInputBase-input\": {\n              color: \"var(--color-text)\",\n              fontFamily: \"RijksoverheidSansText, Verdana, Arial, sans-serif\",\n              fontSize: \"1.125rem\",\n              boxSizing: \"border-box\",\n              flex: \"1 1\",\n              height: \"48px\",\n              margin: \"0\",\n              padding: \"0 85px 0 14px\",\n              background: \"var(--color-text-light)\",\n              border: \"1px solid var(--color-rijks-grey-3)\",\n              boxShadow: \"inset 1px 1px 3px hsl(0deg 0% 41% / 10%)\",\n              lineHeight: \"1.5\",\n              maxWidth: \"100%\",\n\n              \":focus\": {\n                borderColor: \"var(--color-rijks-skyblue)\",\n                outline: \"0 !important\",\n                boxShadow: `\n                    inset 1px 1px 3px hsl(0deg 0% 41% / 10%),\n                    inset 0 0 0 1px var(--color-rijks-skyblue),\n                    0 0 5px rgb(0 115 191 / 50%);\n                  `\n              }\n            },\n\n            \".MuiButtonBase-root\": {\n              position: \"absolute\",\n              right: \"48px\",\n              height: \"24px\",\n              width: \"24px\",\n              marginRight: \"4px\",\n\n              \".MuiSvgIcon-root\": {\n                color: \"var(--color-primary)\",\n                background: \"none\"\n              },\n\n              \":hover, :active, :focus\": {\n                backgroundColor: \"transparent\"\n              },\n\n              \".MuiTouchRipple-root\": {\n                display: \"none\"\n              }\n            }\n          }\n        }\n      }}\n    >\n      {isServerMode && <AoaIconButton onClick={getData} icon={<RefreshIcon />} label={localeText?.refreshTable ?? \"Ververs tabel\"} />}\n      {actionButtons?.map((button: JSX.Element) => button)}\n      <GridToolbarQuickFilter {...quickFilterProps} />\n    </Box>\n  )\n);\n\ndeclare module \"@mui/x-data-grid\" {\n  export interface ToolbarPropsOverrides {\n    mode: \"client\" | \"server\";\n    isServerMode: boolean;\n    actionButtons?: JSX.Element[];\n    getData(): void;\n    localeText?: GridLocaleText & {\n      refreshTable: string;\n    };\n  }\n}\n"],"names":["QuickSearchToolbar","memo","mode","isServerMode","actionButtons","getData","localeText","quickFilterProps","jsxs","Box","jsx","AoaIconButton","RefreshIcon","button","GridToolbarQuickFilter"],"mappings":";;;;;;AAMO,MAAMA,IAAqBC;AAAA,EAChC,CAAC,EAAE,MAAAC,GAAM,cAAAC,GAAc,eAAAC,GAAe,SAAAC,GAAS,YAAAC,GAAY,kBAAAC,QACzD,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGP,CAAI;AAAA,MAClB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,eAAe;AAAA,QAEf,+BAA+B;AAAA,UAC7B,YAAY;AAAA,QACd;AAAA,QAEA,uBAAuB;AAAA,UACrB,OAAO;AAAA,UACP,aAAa;AAAA,QACf;AAAA,QAEA,0CAA0C;AAAA,UACxC,eAAe;AAAA,UAEf,kBAAkB;AAAA,YAChB,UAAU;AAAA,YAEV,mBAAmB;AAAA,cACjB,cAAc;AAAA,YAChB;AAAA,YAEA,oBAAoB;AAAA,cAClB,UAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,WAAW;AAAA,YACb;AAAA,YAEA,uBAAuB;AAAA,cACrB,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,WAAW;AAAA,cACX,MAAM;AAAA,cACN,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,UAAU;AAAA,cAEV,UAAU;AAAA,gBACR,aAAa;AAAA,gBACb,SAAS;AAAA,gBACT,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAKb;AAAA,YACF;AAAA,YAEA,uBAAuB;AAAA,cACrB,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,aAAa;AAAA,cAEb,oBAAoB;AAAA,gBAClB,OAAO;AAAA,gBACP,YAAY;AAAA,cACd;AAAA,cAEA,2BAA2B;AAAA,gBACzB,iBAAiB;AAAA,cACnB;AAAA,cAEA,wBAAwB;AAAA,gBACtB,SAAS;AAAA,cACX;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAgBC,KAAA,gBAAAO,EAACC,GAAc,EAAA,SAASN,GAAS,MAAO,gBAAAK,EAAAE,GAAA,CAAA,CAAY,GAAI,QAAON,KAAA,gBAAAA,EAAY,iBAAgB,gBAAiB,CAAA;AAAA,QAC5HF,KAAA,gBAAAA,EAAe,IAAI,CAACS,MAAwBA;AAAA,QAC7C,gBAAAH,EAACI,GAAwB,EAAA,GAAGP,GAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD;AAEJ;"}
+{"version":3,"file":"_QuickSearchToolbar.js","sources":["../../../../src/components/atoms/table/_QuickSearchToolbar.tsx"],"sourcesContent":["import { Refresh as RefreshIcon } from \"@mui/icons-material\";\nimport { Box } from \"@mui/material\";\nimport { GridToolbarQuickFilter, type GridLocaleText, type GridToolbarProps, type ToolbarPropsOverrides } from \"@mui/x-data-grid\";\nimport { memo } from \"react\";\nimport { AoaIconButton } from \"../icon-button/IconButton\";\n\ndeclare module \"@mui/x-data-grid\" {\n  export interface ToolbarPropsOverrides {\n    actionButtons?: JSX.Element[];\n    getData(this: void): void;\n    isServerMode: boolean;\n    localeText?: GridLocaleText & {\n      refreshTable: string;\n    };\n    mode: \"client\" | \"server\";\n  }\n}\n\nexport const QuickSearchToolbar = memo(\n  ({ mode, isServerMode, actionButtons, getData, localeText, quickFilterProps }: GridToolbarProps & ToolbarPropsOverrides) => (\n    <Box\n      className={`${mode}-mode`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"flex-end\",\n        paddingBottom: \"10px\",\n\n        \"&.server-mode :nth-child(2)\": {\n          marginLeft: \"auto\"\n        },\n\n        \".MuiButtonBase-root\": {\n          width: \"48px\",\n          marginRight: \"10px\"\n        },\n\n        \".MuiFormControl-root.MuiTextField-root\": {\n          paddingBottom: 0,\n\n          \".MuiInput-root\": {\n            position: \"relative\",\n\n            \":before, :after\": {\n              borderBottom: \"transparent\"\n            },\n\n            \".MuiSvgIcon-root\": {\n              position: \"absolute\",\n              right: \"-1px\",\n              width: \"24px\",\n              height: \"24px\",\n              padding: \"12px\",\n              background: \"#007bc7\",\n              color: \"#ffffff\",\n              fontWeight: \"700\",\n              overflow: \"hidden\",\n              whiteSpace: \"nowrap\",\n              boxSizing: \"content-box\"\n            },\n\n            \".MuiInputBase-input\": {\n              color: \"var(--color-text)\",\n              fontFamily: \"RijksoverheidSansText, Verdana, Arial, sans-serif\",\n              fontSize: \"1.125rem\",\n              boxSizing: \"border-box\",\n              flex: \"1 1\",\n              height: \"48px\",\n              margin: \"0\",\n              padding: \"0 85px 0 14px\",\n              background: \"var(--color-text-light)\",\n              border: \"1px solid var(--color-rijks-grey-3)\",\n              boxShadow: \"inset 1px 1px 3px hsl(0deg 0% 41% / 10%)\",\n              lineHeight: \"1.5\",\n              maxWidth: \"100%\",\n\n              \":focus\": {\n                borderColor: \"var(--color-rijks-skyblue)\",\n                outline: \"0 !important\",\n                boxShadow: `\n                    inset 1px 1px 3px hsl(0deg 0% 41% / 10%),\n                    inset 0 0 0 1px var(--color-rijks-skyblue),\n                    0 0 5px rgb(0 115 191 / 50%);\n                  `\n              }\n            },\n\n            \".MuiButtonBase-root\": {\n              position: \"absolute\",\n              right: \"48px\",\n              height: \"24px\",\n              width: \"24px\",\n              marginRight: \"4px\",\n\n              \".MuiSvgIcon-root\": {\n                color: \"var(--color-primary)\",\n                background: \"none\"\n              },\n\n              \":hover, :active, :focus\": {\n                backgroundColor: \"transparent\"\n              },\n\n              \".MuiTouchRipple-root\": {\n                display: \"none\"\n              }\n            }\n          }\n        }\n      }}\n    >\n      {isServerMode && <AoaIconButton icon={<RefreshIcon />} label={localeText?.refreshTable ?? \"Ververs tabel\"} onClick={getData} />}\n      {actionButtons?.map((button: JSX.Element) => button)}\n      <GridToolbarQuickFilter {...quickFilterProps} />\n    </Box>\n  )\n);\n"],"names":["QuickSearchToolbar","memo","mode","isServerMode","actionButtons","getData","localeText","quickFilterProps","jsxs","Box","jsx","AoaIconButton","RefreshIcon","button","GridToolbarQuickFilter"],"mappings":";;;;;;AAkBO,MAAMA,IAAqBC;AAAA,EAChC,CAAC,EAAE,MAAAC,GAAM,cAAAC,GAAc,eAAAC,GAAe,SAAAC,GAAS,YAAAC,GAAY,kBAAAC,QACzD,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGP,CAAI;AAAA,MAClB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,eAAe;AAAA,QAEf,+BAA+B;AAAA,UAC7B,YAAY;AAAA,QACd;AAAA,QAEA,uBAAuB;AAAA,UACrB,OAAO;AAAA,UACP,aAAa;AAAA,QACf;AAAA,QAEA,0CAA0C;AAAA,UACxC,eAAe;AAAA,UAEf,kBAAkB;AAAA,YAChB,UAAU;AAAA,YAEV,mBAAmB;AAAA,cACjB,cAAc;AAAA,YAChB;AAAA,YAEA,oBAAoB;AAAA,cAClB,UAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,WAAW;AAAA,YACb;AAAA,YAEA,uBAAuB;AAAA,cACrB,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,WAAW;AAAA,cACX,MAAM;AAAA,cACN,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,UAAU;AAAA,cAEV,UAAU;AAAA,gBACR,aAAa;AAAA,gBACb,SAAS;AAAA,gBACT,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAAA;AAAA,YAMf;AAAA,YAEA,uBAAuB;AAAA,cACrB,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,aAAa;AAAA,cAEb,oBAAoB;AAAA,gBAClB,OAAO;AAAA,gBACP,YAAY;AAAA,cACd;AAAA,cAEA,2BAA2B;AAAA,gBACzB,iBAAiB;AAAA,cACnB;AAAA,cAEA,wBAAwB;AAAA,gBACtB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,UACF;AAAA,QACF;AAAA,MAEJ;AAAA,MAEC,UAAA;AAAA,QAAgBC,KAAA,gBAAAO,EAACC,GAAc,EAAA,MAAO,gBAAAD,EAAAE,GAAA,CAAA,CAAY,GAAI,QAAON,KAAA,gBAAAA,EAAY,iBAAgB,iBAAiB,SAASD,EAAS,CAAA;AAAA,QAC5HD,KAAA,gBAAAA,EAAe,IAAI,CAACS,MAAwBA;AAAA,QAC7C,gBAAAH,EAACI,GAAwB,EAAA,GAAGP,EAAkB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD;"}

package/dist/components/atoms/zero-width-space/ZeroWidthSpace.d.ts

@@ -1,9 +1,9 @@
 import { TypographyProps } from '@mui/material';
 import { ReactNode } from 'react';
-
 /**
  * Inserts a Zero Width Space as a React component
- * @param props Props to pass to the Zero-Width Space component
+ *
+ * @param props - Props to pass to the Zero-Width Space component
  * @example
  * ```jsx
  * <AoaZeroWidthSpace />

package/dist/components/atoms/zero-width-space/ZeroWidthSpace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZeroWidthSpace.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/zero-width-space/ZeroWidthSpace.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,qEACG,eAAe,KAAG,SAAS,CAK3D,CAAC"}
+{"version":3,"file":"ZeroWidthSpace.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/zero-width-space/ZeroWidthSpace.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,qEACG,eAAe,KAAG,SAAS,CAK3D,CAAC"}

package/dist/components/atoms/zero-width-space/ZeroWidthSpace.js

@@ -2,7 +2,7 @@ import { jsx as p } from "react/jsx-runtime";
 import { Typography as t } from "@mui/material";
 import { memo as i } from "react";
 const n = i(
-  ({ variant: o, style: r, ...m }) => /* @__PURE__ */ p(t, { ...m, variant: o ?? "caption", style: r, children: "​" })
+  ({ variant: o, style: r, ...m }) => /* @__PURE__ */ p(t, { ...m, style: r, variant: o ?? "caption", children: "​" })
 );
 export {
   n as AoaZeroWidthSpace

package/dist/components/atoms/zero-width-space/ZeroWidthSpace.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZeroWidthSpace.js","sources":["../../../../src/components/atoms/zero-width-space/ZeroWidthSpace.tsx"],"sourcesContent":["import { Typography, type TypographyProps } from \"@mui/material\";\nimport { memo, type ReactNode } from \"react\";\n\n/**\n * Inserts a Zero Width Space as a React component\n * @param props Props to pass to the Zero-Width Space component\n * @example\n * ```jsx\n * <AoaZeroWidthSpace />\n * ```\n */\nexport const AoaZeroWidthSpace = memo(\n  ({ variant, style, ...props }: TypographyProps): ReactNode => (\n    <Typography {...props} variant={variant ?? \"caption\"} style={style}>\n      &#8203;\n    </Typography>\n  )\n);\n"],"names":["AoaZeroWidthSpace","memo","variant","style","props","jsx","Typography"],"mappings":";;;AAWO,MAAMA,IAAoBC;AAAA,EAC/B,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,GAAGC,EAAM,MACzB,gBAAAC,EAAAC,GAAA,EAAY,GAAGF,GAAO,SAASF,KAAW,WAAW,OAAAC,GAAc,UAEpE,KAAA;AAEJ;"}
+{"version":3,"file":"ZeroWidthSpace.js","sources":["../../../../src/components/atoms/zero-width-space/ZeroWidthSpace.tsx"],"sourcesContent":["import { Typography, type TypographyProps } from \"@mui/material\";\nimport { memo, type ReactNode } from \"react\";\n\n/**\n * Inserts a Zero Width Space as a React component\n *\n * @param props - Props to pass to the Zero-Width Space component\n * @example\n * ```jsx\n * <AoaZeroWidthSpace />\n * ```\n */\nexport const AoaZeroWidthSpace = memo(\n  ({ variant, style, ...props }: TypographyProps): ReactNode => (\n    <Typography {...props} style={style} variant={variant ?? \"caption\"}>\n      &#8203;\n    </Typography>\n  )\n);\n"],"names":["AoaZeroWidthSpace","memo","variant","style","props","jsx","Typography"],"mappings":";;;AAYO,MAAMA,IAAoBC;AAAA,EAC/B,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,GAAGC,EAAM,MACzB,gBAAAC,EAAAC,GAAA,EAAY,GAAGF,GAAO,OAAAD,GAAc,SAASD,KAAW,WAAW,UAEpE,IAAA,CAAA;AAEJ;"}

package/dist/components/molecules/file-dropzone/FileDropzone.d.ts

@@ -1,53 +1,77 @@
-import { NonNullObject } from '@sapphire/utilities';
 import { PropsWithChildren, ReactNode } from 'react';
 import { Accept } from 'react-dropzone';
-
-export type AoaDropableFile<TProps extends NonNullObject> = TProps & {
-    /** The file that was dropped */
+export type AoaDropableFile<TProps extends object> = TProps & {
+    /**
+     * The file that was dropped
+     */
     file: File;
 };
 export interface AoaFileDropzoneDataQas {
-    /** The data-qa tag for the root element */
-    root: string;
-    /** The data-qa tag for the input */
+    /**
+     * The data-qa tag for the input
+     */
     input: string;
+    /**
+     * The data-qa tag for the root element
+     */
+    root: string;
 }
-export interface AoaFileDropzoneProps<TProps extends NonNullObject, TFile extends AoaDropableFile<TProps>> {
-    /** The current set of files that are already dropped, coming from Redux or Zustand */
+export interface AoaFileDropzoneProps<TProps extends object, TFile extends AoaDropableFile<TProps>> {
+    /**
+     * The current set of files that are already dropped, coming from Redux or Zustand
+     */
     currentFiles: TFile[];
     /**
-     * The function to overwrite the files in the client store.
-     * This should overwrite all files, not merge with current, which is handled in this component
-     * @param files - The new set of files to be stored
+     * A custom function that can perform extra checks when validating files.
+     * This should return `true` if the file should be rejected or `false` if it should be accepted
+     *
+     * @param file - The file to be validated
+     */
+    customFileValidator?(file: File): boolean;
+    /**
+     * data-qa tags for testing
+     */
+    dataQas?: AoaFileDropzoneDataQas;
+    /**
+     * The regular expression that validates if the dropped file should be accepted or rejected
      */
-    storeFiles(files: TFile[]): void;
-    /** The regular expression that validates if the dropped file should be accepted or rejected */
     extensionRegex: RegExp;
-    /** The extension map to be passed to the dropzone component */
-    extensions: Accept;
-    /** The toast warning message to be shown when a file is rejection */
+    /**
+     * The toast warning message to be shown when a file is rejection
+     */
     extensionWarning: string;
     /**
-     * The toast warning message to be shown when the files to be uploaded exceeds the maximum,
-     * required if {@link AoaFileDropzoneProps.maxUploadFiles maxUploadFiles} is specified.
+     * The extension map to be passed to the dropzone component
+     */
+    extensions: Accept;
+    /**
+     * The children to show inside the box where files can be dropped
      */
-    maxUploadSizeExceededWarning?: string;
-    /** The children to show inside the box where files can be dropped */
     fileDropChildren?: ReactNode;
     /**
-     * A custom function that can perform extra checks when validating files.
-     * This should return `true` if the file should be rejected or `false` if it should be accepted
-     * @param file - The file to be validated
+     * Whether the dropzone should be disabled or not
+     */
+    isDisabled?: boolean;
+    /**
+     * A maximum count of files that should be accepted, if exceeded no save action will be performed
      */
-    customFileValidator?(file: File): boolean;
-    /** A maximum count of files that should be accepted, if exceeded no save action will be performed */
     maxUploadFiles?: number;
-    /** Additional properties to set for every file that is to be saved */
+    /**
+     * The toast warning message to be shown when the files to be uploaded exceeds the maximum,
+     * required if {@link AoaFileDropzoneProps.maxUploadFiles | maxUploadFiles} is specified.
+     */
+    maxUploadSizeExceededWarning?: string;
+    /**
+     * Additional properties to set for every file that is to be saved
+     */
     perFileProperties?(acceptedFile: File): TProps;
-    /** Whether the dropzone should be disabled or not */
-    isDisabled?: boolean;
-    /** data-qa tags for testing */
-    dataQas?: AoaFileDropzoneDataQas;
+    /**
+     * The function to overwrite the files in the client store.
+     * This should overwrite all files, not merge with current, which is handled in this component
+     *
+     * @param files - The new set of files to be stored
+     */
+    storeFiles(files: TFile[]): void;
 }
-export declare function AoaFileDropzone<TProps extends NonNullObject, TFile extends AoaDropableFile<TProps>>(props: Readonly<PropsWithChildren<AoaFileDropzoneProps<TProps, TFile>>>): import("react/jsx-runtime").JSX.Element;
+export declare function AoaFileDropzone<TProps extends object, TFile extends AoaDropableFile<TProps>>(props: Readonly<PropsWithChildren<AoaFileDropzoneProps<TProps, TFile>>>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FileDropzone.d.ts.map