@rws-aoa/react-library 7.1.1 → 8.1.0

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

@@ -59,12 +59,9 @@ export type AoaTableProps<T extends object = any> = ModeProps & {
      */
     readonly dataGridOverridableProps?: Pick<DataGridProps<T>, 'apiRef' | 'checkboxSelection' | 'disableColumnFilter' | 'disableRowSelectionOnClick' | 'getRowId' | 'ignoreDiacritics' | 'isRowSelectable' | 'loading' | 'onRowSelectionModelChange' | 'rowSelectionModel'>;
     /**
-     * Sets the initial sortModel in case the required sorting differs from the back-end's default sorting
+     * Sets the initial query options to retain query details after opening a page and returning to the table
      */
-    readonly initialSort?: {
-        field: string;
-        sort: 'asc' | 'desc';
-    };
+    readonly initialQueryOptions?: GridPaginationModel & Omit<GridGetRowsParams, 'end' | 'paginationModel' | 'start'>;
     /**
      * Overwrites the default labels when you need a different language than Dutch
      */

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,EAIL,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,iBAAiB,EAEtB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAGvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAgC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAI/D,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB;IAC3E;;;OAGG;IACH,QAAQ,CAAC,EAAE;QACT,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEtH,KAAK,SAAS;AACZ;;GAEG;AACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,OAAO,CAAC,YAAY,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE3F,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,SAAS,GAAG;IAC9D;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,wBAAwB,CAAC,EAAE,IAAI,CACtC,aAAa,CAAC,CAAC,CAAC,EACd,QAAQ,GACR,mBAAmB,GACnB,qBAAqB,GACrB,4BAA4B,GAC5B,UAAU,GACV,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,2BAA2B,GAC3B,mBAAmB,CACtB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,2CAwP9E"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,iBAAiB,EAEtB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAGvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAgC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAI/D,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB;IAC3E;;;OAGG;IACH,QAAQ,CAAC,EAAE;QACT,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEtH,KAAK,SAAS;AACZ;;GAEG;AACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,OAAO,CAAC,YAAY,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE3F,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,SAAS,GAAG;IAC9D;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,wBAAwB,CAAC,EAAE,IAAI,CACtC,aAAa,CAAC,CAAC,CAAC,EACd,QAAQ,GACR,mBAAmB,GACnB,qBAAqB,GACrB,4BAA4B,GAC5B,UAAU,GACV,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,2BAA2B,GAC3B,mBAAmB,CACtB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;IAClH;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,2CAkP9E"}

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

@@ -1,19 +1,22 @@
 import { jsx as F } from "react/jsx-runtime";
 import { checkboxClasses as b, paginationItemClasses as L } from "@mui/material";
-import { GridLogicOperator as f, DataGrid as D, gridClasses as t } from "@mui/x-data-grid";
-import { l as p } from "../../../chunks/lodash.CA_K01A9.js";
-import { useState as r, useEffect as v, useMemo as G } from "react";
-import { FontNormalSxProps as R } from "../../../_constants.js";
-import { QuickSearchToolbar as I } from "./_QuickSearchToolbar.js";
+import { GridLogicOperator as f, DataGrid as O, gridClasses as t } from "@mui/x-data-grid";
+import { l as p } from "../../../chunks/lodash.DPVO3Hgf.js";
+import { useState as a, useEffect as v, useMemo as D } from "react";
+import { FontNormalSxProps as G } from "../../../_constants.js";
+import { QuickSearchToolbar as R } from "./_QuickSearchToolbar.js";
 function z({
   ...e
 }) {
-  const [k, d] = r(!1), [l, x] = r({
-    page: 0,
-    pageSize: 10
-  }), [i, h] = r([]), [n, C] = r({
-    items: []
-  }), [S, w] = r(null), [M, u] = r(e.data?.rowCount ?? 0), a = e.mode ?? "server", g = a === "server";
+  const [k, d] = a(!1), [r, x] = a({
+    page: e.initialQueryOptions?.page ?? 0,
+    pageSize: e.initialQueryOptions?.pageSize ?? 10
+  }), [l, h] = a(e.initialQueryOptions?.sortModel ?? []), [i, C] = a(e.initialQueryOptions?.filterModel ?? {
+    items: [],
+    logicOperator: f.And,
+    quickFilterLogicOperator: f.And,
+    quickFilterValues: []
+  }), [y, w] = a(null), [M, u] = a(e.data?.rowCount ?? 0), n = e.mode ?? "server", g = n === "server";
   async function m(o, s, c) {
     if (g && e.getData) {
       const P = async () => {
@@ -29,28 +32,20 @@ function z({
   v(() => {
     u((o) => e.data?.rowCount ?? o);
   }, [e.data?.rowCount, u]), v(() => {
-    m(l, i, n);
-  }, [l, i, n]);
-  const y = G(() => ({
+    m(r, l, i);
+  }, [r, l, i]);
+  const S = D(() => ({
     pagination: {
-      paginationModel: {
-        page: 0,
-        pageSize: 10
-      },
+      paginationModel: r,
       rowCount: 0
     },
     sorting: {
-      sortModel: e.initialSort ? [e.initialSort] : []
+      sortModel: l
     },
     filter: {
-      filterModel: {
-        items: [],
-        logicOperator: f.And,
-        quickFilterLogicOperator: f.And,
-        quickFilterValues: []
-      }
+      filterModel: i
     }
-  }), [e.initialSort]), $ = p.merge({
+  }), [r, l, i]), $ = p.merge({
     columnHeaderSortIconLabel: "Sorteren",
     filterPanelColumns: "Kolom",
     filterPanelInputLabel: "Zoekterm",
@@ -82,7 +77,7 @@ function z({
     paginationRowsPerPage: "Regels per pagina",
     footerRowSelected: (o) => `${o} regels geselecteerd`
   }, e.localeText);
-  return /* @__PURE__ */ F(D, { columns: e.columns, disableColumnFilter: !0, disableColumnMenu: !0, disableColumnSelector: !0, disableDensitySelector: !0, disableRowSelectionOnClick: !0, disableVirtualization: !0, filterMode: a, getRowHeight: () => "auto", ignoreDiacritics: !0, initialState: y, loading: k, localeText: $, onFilterModelChange: (o) => C(o), onPaginationModelChange: x, onSortModelChange: (o) => h(o), pageSizeOptions: [5, 10, 20, 40, 80], paginationMode: a, paginationModel: l, rowCount: g ? M : void 0, rows: e.data?.rows, showToolbar: !0, slotProps: {
+  return /* @__PURE__ */ F(O, { columns: e.columns, disableColumnFilter: !0, disableColumnMenu: !0, disableColumnSelector: !0, disableDensitySelector: !0, disableRowSelectionOnClick: !0, disableVirtualization: !0, filterMode: n, getRowHeight: () => "auto", ignoreDiacritics: !0, initialState: S, loading: k, localeText: $, onFilterModelChange: (o) => C(o), onPaginationModelChange: x, onSortModelChange: (o) => h(o), pageSizeOptions: [5, 10, 20, 40, 80], paginationMode: n, paginationModel: r, rowCount: g ? M : void 0, rows: e.data?.rows, showToolbar: !0, slotProps: {
     filterPanel: {
       filterFormProps: {
         operatorInputProps: {
@@ -99,7 +94,7 @@ function z({
       }
     },
     panel: {
-      target: S
+      target: y
     },
     toolbar: {
       setFilterButtonEl: w,
@@ -107,8 +102,8 @@ function z({
       quickFilterProps: {
         debounceMs: 500
       },
-      mode: a,
-      getData: async () => m(l, i, n),
+      mode: n,
+      getData: async () => m(r, l, i),
       actionButtons: e.actionButtons,
       localeText: e.localeText
     },
@@ -116,8 +111,8 @@ function z({
       "data-qa": e["data-qa"]
     }
   }, slots: {
-    toolbar: I
-  }, sortingMode: a, sx: p.merge({
+    toolbar: R
+  }, sortingMode: n, sx: p.merge({
     border: 0,
     color: "var(--color-text)",
     letterSpacing: "normal",
@@ -186,7 +181,7 @@ function z({
     [`.${t.columnHeader} .${b.root}`]: {
       color: "white"
     }
-  }, e.sx, R), ...e.dataGridOverridableProps });
+  }, e.sx, G), ...e.dataGridOverridableProps });
 }
 export {
   z as AoaTable

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  GridLogicOperator,\n  DataGrid,\n  gridClasses,\n  type DataGridProps,\n  type GridColDef,\n  type GridGetRowsParams,\n  type GridInitialState,\n  type GridLocaleText,\n  type GridPaginationModel,\n  type GridRowModel,\n  type GridValidRowModel,\n  type GridSortModel,\n  type GridFilterModel\n} from '@mui/x-data-grid';\nimport { merge } from 'lodash';\nimport { useEffect, useMemo, useState, type JSX } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\nimport { QuickSearchToolbar } from './_QuickSearchToolbar';\n\nexport interface AoaTableData<T extends GridValidRowModel = GridValidRowModel> {\n  /**\n   * Additional `pageInfo` for advanced use-cases.\n   * `hasNextPage`: When row count is unknown/estimated, `hasNextPage` will be used to check if more records are available on server.\n   */\n  pageInfo?: {\n    hasNextPage?: boolean;\n    nextCursor?: string;\n  };\n  /**\n   * To reflect updates in total `rowCount` (optional).\n   * Useful when the `rowCount` is inaccurate (for example when filtering) or not available upfront.\n   */\n  rowCount?: number;\n  /**\n   * The paged, filtered and sorted items from the database\n   */\n  rows: GridRowModel<T>[];\n}\n\nexport type AoaTableColumns<T extends object = any> = GridColDef<T>[];\n\nexport type AoaTableQueryOptions = GridPaginationModel & Omit<GridGetRowsParams, 'end' | 'paginationModel' | 'start'>;\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?: 'server' };\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    | 'apiRef'\n    | 'checkboxSelection'\n    | 'disableColumnFilter'\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\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\nexport function AoaTable<T extends object = any>({ ...props }: AoaTableProps<T>) {\n  const [isLoading, setIsLoading] = useState(false);\n  const [paginationModel, setPaginationModel] = useState<GridPaginationModel>({\n    page: 0,\n    pageSize: 10\n  });\n  const [sortModel, setSortModel] = useState<GridSortModel>([]);\n  const [filterModel, setFilterModel] = useState<GridFilterModel>({\n    items: []\n  });\n  const [filterButtonEl, setFilterButtonEl] = useState<HTMLButtonElement | null>(null);\n\n  const [rowCountState, setRowCountState] = useState(props.data?.rowCount ?? 0);\n\n  const mode = props.mode ?? 'server';\n  const isServerMode = mode === 'server';\n\n  async function getData(paginationModel: GridPaginationModel, 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?.rowCount ?? prevRowCountState);\n  }, [props.data?.rowCount, 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-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [paginationModel, sortModel, filterModel]);\n\n  const initialState: GridInitialState = useMemo(\n    () => ({\n      pagination: {\n        paginationModel: {\n          page: 0,\n          pageSize: 10\n        },\n        rowCount: 0\n      },\n      sorting: {\n        sortModel: props.initialSort ? [props.initialSort] : []\n      },\n      filter: {\n        filterModel: {\n          items: [],\n          logicOperator: GridLogicOperator.And,\n          quickFilterLogicOperator: GridLogicOperator.And,\n          quickFilterValues: []\n        }\n      }\n    }),\n    [props.initialSort]\n  );\n\n  const mergedLocaleText = merge<\n    Partial<GridLocaleText & { refreshTable: string }>,\n    (GridLocaleText & { refreshTable: string }) | undefined\n  >(\n    {\n      columnHeaderSortIconLabel: 'Sorteren',\n      filterPanelColumns: 'Kolom',\n      filterPanelInputLabel: 'Zoekterm',\n      filterPanelInputPlaceholder: 'Zoeken...',\n      toolbarQuickFilterPlaceholder: 'Zoeken...',\n      toolbarQuickFilterLabel: 'Zoeken',\n      toolbarQuickFilterDeleteIconLabel: 'Wissen',\n      noRowsLabel: 'Geen regels beschikbaar',\n      noResultsOverlayLabel: 'Geen regels gevonden.',\n      paginationItemAriaLabel: (type) => {\n        switch (type) {\n          /* v8 ignore next */\n          case 'first':\n            /* v8 ignore next */\n            return 'Ga naar eerste pagina';\n          /* v8 ignore next */\n          case 'last':\n            /* v8 ignore next */\n            return 'Ga naar laatste pagina';\n          case 'next':\n            return 'Ga naar volgende pagina';\n          case 'previous':\n            return 'Ga naar vorige pagina';\n        }\n      },\n      paginationDisplayedRows: ({ from, to, count }) => `${from} - ${to} van ${count}`,\n      paginationRowsPerPage: 'Regels per pagina',\n      footerRowSelected: (count) => `${count} regels geselecteerd`\n    },\n    props.localeText\n  );\n\n  return (\n    <DataGrid\n      columns={props.columns}\n      disableColumnFilter\n      disableColumnMenu\n      disableColumnSelector\n      disableDensitySelector\n      disableRowSelectionOnClick\n      disableVirtualization\n      filterMode={mode}\n      getRowHeight={() => 'auto'}\n      ignoreDiacritics\n      initialState={initialState}\n      loading={isLoading}\n      localeText={mergedLocaleText}\n      onFilterModelChange={(filterModel) => setFilterModel(filterModel)}\n      onPaginationModelChange={setPaginationModel}\n      onSortModelChange={(sortModel) => setSortModel(sortModel)}\n      pageSizeOptions={[5, 10, 20, 40, 80]}\n      paginationMode={mode}\n      paginationModel={paginationModel}\n      rowCount={isServerMode ? rowCountState : undefined}\n      rows={props.data?.rows}\n      showToolbar\n      slotProps={{\n        filterPanel: {\n          filterFormProps: {\n            operatorInputProps: {\n              disabled: true,\n              sx: { display: 'none' }\n            },\n            valueInputProps: {\n              sx: {\n                marginLeft: '15px'\n              }\n            }\n          }\n        },\n        panel: {\n          target: filterButtonEl\n        },\n        toolbar: {\n          setFilterButtonEl,\n          showQuickFilter: props.dataGridOverridableProps?.disableColumnFilter === false,\n          quickFilterProps: { debounceMs: 500 },\n          mode,\n          getData: async () => getData(paginationModel, sortModel, filterModel),\n          actionButtons: props.actionButtons,\n          localeText: props.localeText\n        },\n        root: {\n          'data-qa': props['data-qa']\n        }\n      }}\n      slots={{ toolbar: QuickSearchToolbar }}\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.columnHeader}`]: {\n            '--DataGrid-containerBackground': 'var(--color-rijks-skyblue)',\n            backgroundColor: '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"],"names":["AoaTable","props","isLoading","setIsLoading","useState","paginationModel","setPaginationModel","page","pageSize","sortModel","setSortModel","filterModel","setFilterModel","items","filterButtonEl","setFilterButtonEl","rowCountState","setRowCountState","data","rowCount","mode","isServerMode","getData","fetchData","useEffect","prevRowCountState","initialState","useMemo","pagination","sorting","initialSort","filter","logicOperator","GridLogicOperator","And","quickFilterLogicOperator","quickFilterValues","mergedLocaleText","merge","columnHeaderSortIconLabel","filterPanelColumns","filterPanelInputLabel","filterPanelInputPlaceholder","toolbarQuickFilterPlaceholder","toolbarQuickFilterLabel","toolbarQuickFilterDeleteIconLabel","noRowsLabel","noResultsOverlayLabel","paginationItemAriaLabel","type","paginationDisplayedRows","from","to","count","paginationRowsPerPage","footerRowSelected","localeText","jsx","DataGrid","columns","undefined","rows","filterPanel","filterFormProps","operatorInputProps","disabled","sx","display","valueInputProps","marginLeft","panel","target","toolbar","showQuickFilter","dataGridOverridableProps","disableColumnFilter","quickFilterProps","debounceMs","actionButtons","root","QuickSearchToolbar","border","color","letterSpacing","minHeight","gridClasses","cell","py","virtualScroller","overflow","position","columnHeader","backgroundColor","row","borderRight","paginationItemClasses","borderRadius","checkboxClasses","outline","outlineOffset","FontNormalSxProps"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/atoms/table/Table.tsx"],"sourcesContent":["import { checkboxClasses, paginationItemClasses, type SxProps } from '@mui/material';\nimport {\n  GridLogicOperator,\n  DataGrid,\n  gridClasses,\n  type DataGridProps,\n  type GridColDef,\n  type GridGetRowsParams,\n  type GridInitialState,\n  type GridLocaleText,\n  type GridPaginationModel,\n  type GridRowModel,\n  type GridValidRowModel,\n  type GridSortModel,\n  type GridFilterModel\n} from '@mui/x-data-grid';\nimport { merge } from 'lodash';\nimport { useEffect, useMemo, useState, type JSX } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\nimport { QuickSearchToolbar } from './_QuickSearchToolbar';\n\nexport interface AoaTableData<T extends GridValidRowModel = GridValidRowModel> {\n  /**\n   * Additional `pageInfo` for advanced use-cases.\n   * `hasNextPage`: When row count is unknown/estimated, `hasNextPage` will be used to check if more records are available on server.\n   */\n  pageInfo?: {\n    hasNextPage?: boolean;\n    nextCursor?: string;\n  };\n  /**\n   * To reflect updates in total `rowCount` (optional).\n   * Useful when the `rowCount` is inaccurate (for example when filtering) or not available upfront.\n   */\n  rowCount?: number;\n  /**\n   * The paged, filtered and sorted items from the database\n   */\n  rows: GridRowModel<T>[];\n}\n\nexport type AoaTableColumns<T extends object = any> = GridColDef<T>[];\n\nexport type AoaTableQueryOptions = GridPaginationModel & Omit<GridGetRowsParams, 'end' | 'paginationModel' | 'start'>;\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?: 'server' };\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    | 'apiRef'\n    | 'checkboxSelection'\n    | 'disableColumnFilter'\n    | 'disableRowSelectionOnClick'\n    | 'getRowId'\n    | 'ignoreDiacritics'\n    | 'isRowSelectable'\n    | 'loading'\n    | 'onRowSelectionModelChange'\n    | 'rowSelectionModel'\n  >;\n  /**\n   * Sets the initial query options to retain query details after opening a page and returning to the table\n   */\n  readonly initialQueryOptions?: GridPaginationModel & Omit<GridGetRowsParams, 'end' | 'paginationModel' | 'start'>;\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\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\nexport function AoaTable<T extends object = any>({ ...props }: AoaTableProps<T>) {\n  const [isLoading, setIsLoading] = useState(false);\n  const [paginationModel, setPaginationModel] = useState<GridPaginationModel>({\n    page: props.initialQueryOptions?.page ?? 0,\n    pageSize: props.initialQueryOptions?.pageSize ?? 10\n  });\n  const [sortModel, setSortModel] = useState<GridSortModel>(props.initialQueryOptions?.sortModel ?? []);\n  const [filterModel, setFilterModel] = useState<GridFilterModel>(\n    props.initialQueryOptions?.filterModel ?? {\n      items: [],\n      logicOperator: GridLogicOperator.And,\n      quickFilterLogicOperator: GridLogicOperator.And,\n      quickFilterValues: []\n    }\n  );\n  const [filterButtonEl, setFilterButtonEl] = useState<HTMLButtonElement | null>(null);\n\n  const [rowCountState, setRowCountState] = useState(props.data?.rowCount ?? 0);\n\n  const mode = props.mode ?? 'server';\n  const isServerMode = mode === 'server';\n\n  async function getData(paginationModel: GridPaginationModel, 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?.rowCount ?? prevRowCountState);\n  }, [props.data?.rowCount, 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-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [paginationModel, sortModel, filterModel]);\n\n  const initialState: GridInitialState = useMemo(\n    () => ({\n      pagination: {\n        paginationModel,\n        rowCount: 0\n      },\n      sorting: {\n        sortModel\n      },\n      filter: {\n        filterModel\n      }\n    }),\n    [paginationModel, sortModel, filterModel]\n  );\n\n  const mergedLocaleText = merge<Partial<GridLocaleText & { refreshTable: string }>, (GridLocaleText & { refreshTable: string }) | undefined>(\n    {\n      columnHeaderSortIconLabel: 'Sorteren',\n      filterPanelColumns: 'Kolom',\n      filterPanelInputLabel: 'Zoekterm',\n      filterPanelInputPlaceholder: 'Zoeken...',\n      toolbarQuickFilterPlaceholder: 'Zoeken...',\n      toolbarQuickFilterLabel: 'Zoeken',\n      toolbarQuickFilterDeleteIconLabel: 'Wissen',\n      noRowsLabel: 'Geen regels beschikbaar',\n      noResultsOverlayLabel: 'Geen regels gevonden.',\n      paginationItemAriaLabel: (type) => {\n        switch (type) {\n          /* v8 ignore next */\n          case 'first':\n            /* v8 ignore next */\n            return 'Ga naar eerste pagina';\n          /* v8 ignore next */\n          case 'last':\n            /* v8 ignore next */\n            return 'Ga naar laatste pagina';\n          case 'next':\n            return 'Ga naar volgende pagina';\n          case 'previous':\n            return 'Ga naar vorige pagina';\n        }\n      },\n      paginationDisplayedRows: ({ from, to, count }) => `${from} - ${to} van ${count}`,\n      paginationRowsPerPage: 'Regels per pagina',\n      footerRowSelected: (count) => `${count} regels geselecteerd`\n    },\n    props.localeText\n  );\n\n  return (\n    <DataGrid\n      columns={props.columns}\n      disableColumnFilter\n      disableColumnMenu\n      disableColumnSelector\n      disableDensitySelector\n      disableRowSelectionOnClick\n      disableVirtualization\n      filterMode={mode}\n      getRowHeight={() => 'auto'}\n      ignoreDiacritics\n      initialState={initialState}\n      loading={isLoading}\n      localeText={mergedLocaleText}\n      onFilterModelChange={(filterModel) => setFilterModel(filterModel)}\n      onPaginationModelChange={setPaginationModel}\n      onSortModelChange={(sortModel) => setSortModel(sortModel)}\n      pageSizeOptions={[5, 10, 20, 40, 80]}\n      paginationMode={mode}\n      paginationModel={paginationModel}\n      rowCount={isServerMode ? rowCountState : undefined}\n      rows={props.data?.rows}\n      showToolbar\n      slotProps={{\n        filterPanel: {\n          filterFormProps: {\n            operatorInputProps: {\n              disabled: true,\n              sx: { display: 'none' }\n            },\n            valueInputProps: {\n              sx: {\n                marginLeft: '15px'\n              }\n            }\n          }\n        },\n        panel: {\n          target: filterButtonEl\n        },\n        toolbar: {\n          setFilterButtonEl,\n          showQuickFilter: props.dataGridOverridableProps?.disableColumnFilter === false,\n          quickFilterProps: { debounceMs: 500 },\n          mode,\n          getData: async () => getData(paginationModel, sortModel, filterModel),\n          actionButtons: props.actionButtons,\n          localeText: props.localeText\n        },\n        root: {\n          'data-qa': props['data-qa']\n        }\n      }}\n      slots={{ toolbar: QuickSearchToolbar }}\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.columnHeader}`]: {\n            '--DataGrid-containerBackground': 'var(--color-rijks-skyblue)',\n            backgroundColor: '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"],"names":["AoaTable","props","isLoading","setIsLoading","useState","paginationModel","setPaginationModel","page","initialQueryOptions","pageSize","sortModel","setSortModel","filterModel","setFilterModel","items","logicOperator","GridLogicOperator","And","quickFilterLogicOperator","quickFilterValues","filterButtonEl","setFilterButtonEl","rowCountState","setRowCountState","data","rowCount","mode","isServerMode","getData","fetchData","useEffect","prevRowCountState","initialState","useMemo","pagination","sorting","filter","mergedLocaleText","merge","columnHeaderSortIconLabel","filterPanelColumns","filterPanelInputLabel","filterPanelInputPlaceholder","toolbarQuickFilterPlaceholder","toolbarQuickFilterLabel","toolbarQuickFilterDeleteIconLabel","noRowsLabel","noResultsOverlayLabel","paginationItemAriaLabel","type","paginationDisplayedRows","from","to","count","paginationRowsPerPage","footerRowSelected","localeText","jsx","DataGrid","columns","undefined","rows","filterPanel","filterFormProps","operatorInputProps","disabled","sx","display","valueInputProps","marginLeft","panel","target","toolbar","showQuickFilter","dataGridOverridableProps","disableColumnFilter","quickFilterProps","debounceMs","actionButtons","root","QuickSearchToolbar","border","color","letterSpacing","minHeight","gridClasses","cell","py","virtualScroller","overflow","position","columnHeader","backgroundColor","row","borderRight","paginationItemClasses","borderRadius","checkboxClasses","outline","outlineOffset","FontNormalSxProps"],"mappings":";;;;;;;AAoHO,SAASA,EAAiC;AAAA,EAAE,GAAGC;AAAwB,GAAG;AAC/E,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAiBC,CAAkB,IAAIF,EAA8B;AAAA,IAC1EG,MAAMN,EAAMO,qBAAqBD,QAAQ;AAAA,IACzCE,UAAUR,EAAMO,qBAAqBC,YAAY;AAAA,EAAA,CAClD,GACK,CAACC,GAAWC,CAAY,IAAIP,EAAwBH,EAAMO,qBAAqBE,aAAa,EAAE,GAC9F,CAACE,GAAaC,CAAc,IAAIT,EACpCH,EAAMO,qBAAqBI,eAAe;AAAA,IACxCE,OAAO,CAAA;AAAA,IACPC,eAAeC,EAAkBC;AAAAA,IACjCC,0BAA0BF,EAAkBC;AAAAA,IAC5CE,mBAAmB,CAAA;AAAA,EAAA,CAEvB,GACM,CAACC,GAAgBC,CAAiB,IAAIjB,EAAmC,IAAI,GAE7E,CAACkB,GAAeC,CAAgB,IAAInB,EAASH,EAAMuB,MAAMC,YAAY,CAAC,GAEtEC,IAAOzB,EAAMyB,QAAQ,UACrBC,IAAeD,MAAS;AAE9B,iBAAeE,EAAQvB,GAAsCK,GAA0BE,GAA8B;AACnH,QAAIe,KAAgB1B,EAAM2B,SAAS;AACjC,YAAMC,IAAY,YAAY;AAC5B,cAAM5B,EAAM2B,QAAQ;AAAA,UAAE,GAAGvB;AAAAA,UAAiBK,WAAAA;AAAAA,UAAWE,aAAAA;AAAAA,QAAAA,CAAa;AAAA,MACpE;AAEAT,MAAAA,EAAa,EAAI,GACjB,MAAM0B,EAAAA,GACN1B,EAAa,EAAK;AAAA,IACpB;AAAA,EACF;AAEA2B,EAAAA,EAAU,MAAM;AACdP,IAAAA,EAAkBQ,CAAAA,MAAsB9B,EAAMuB,MAAMC,YAAYM,CAAiB;AAAA,EACnF,GAAG,CAAC9B,EAAMuB,MAAMC,UAAUF,CAAgB,CAAC,GAE3CO,EAAU,MAAM;AACd,IAAKF,EAAQvB,GAAiBK,GAAWE,CAAW;AAAA,EAKtD,GAAG,CAACP,GAAiBK,GAAWE,CAAW,CAAC;AAE5C,QAAMoB,IAAiCC,EACrC,OAAO;AAAA,IACLC,YAAY;AAAA,MACV7B,iBAAAA;AAAAA,MACAoB,UAAU;AAAA,IAAA;AAAA,IAEZU,SAAS;AAAA,MACPzB,WAAAA;AAAAA,IAAAA;AAAAA,IAEF0B,QAAQ;AAAA,MACNxB,aAAAA;AAAAA,IAAAA;AAAAA,EACF,IAEF,CAACP,GAAiBK,GAAWE,CAAW,CAC1C,GAEMyB,IAAmBC,EAAAA,MACvB;AAAA,IACEC,2BAA2B;AAAA,IAC3BC,oBAAoB;AAAA,IACpBC,uBAAuB;AAAA,IACvBC,6BAA6B;AAAA,IAC7BC,+BAA+B;AAAA,IAC/BC,yBAAyB;AAAA,IACzBC,mCAAmC;AAAA,IACnCC,aAAa;AAAA,IACbC,uBAAuB;AAAA,IACvBC,yBAA0BC,CAAAA,MAAS;AACjC,cAAQA,GAAAA;AAAAA;AAAAA,QAEN,KAAK;AAEH,iBAAO;AAAA;AAAA,QAET,KAAK;AAEH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,MAAA;AAAA,IAEb;AAAA,IACAC,yBAAyBA,CAAC;AAAA,MAAEC,MAAAA;AAAAA,MAAMC,IAAAA;AAAAA,MAAIC,OAAAA;AAAAA,IAAAA,MAAY,GAAGF,CAAI,MAAMC,CAAE,QAAQC,CAAK;AAAA,IAC9EC,uBAAuB;AAAA,IACvBC,mBAAoBF,CAAAA,MAAU,GAAGA,CAAK;AAAA,EAAA,GAExCpD,EAAMuD,UACR;AAEA,SACE,gBAAAC,EAACC,GAAA,EACC,SAASzD,EAAM0D,SACf,qBAAmB,IACnB,mBAAiB,IACjB,uBAAqB,IACrB,wBAAsB,IACtB,4BAA0B,IAC1B,uBAAqB,IACrB,YAAYjC,GACZ,cAAc,MAAM,QACpB,kBAAgB,IAChB,cAAAM,GACA,SAAS9B,GACT,YAAYmC,GACZ,qBAAsBzB,CAAAA,MAAgBC,EAAeD,CAAW,GAChE,yBAAyBN,GACzB,mBAAoBI,CAAAA,MAAcC,EAAaD,CAAS,GACxD,iBAAiB,CAAC,GAAG,IAAI,IAAI,IAAI,EAAE,GACnC,gBAAgBgB,GAChB,iBAAArB,GACA,UAAUsB,IAAeL,IAAgBsC,QACzC,MAAM3D,EAAMuB,MAAMqC,MAClB,aAAW,IACX,WAAW;AAAA,IACTC,aAAa;AAAA,MACXC,iBAAiB;AAAA,QACfC,oBAAoB;AAAA,UAClBC,UAAU;AAAA,UACVC,IAAI;AAAA,YAAEC,SAAS;AAAA,UAAA;AAAA,QAAO;AAAA,QAExBC,iBAAiB;AAAA,UACfF,IAAI;AAAA,YACFG,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,IAEFC,OAAO;AAAA,MACLC,QAAQnD;AAAAA,IAAAA;AAAAA,IAEVoD,SAAS;AAAA,MACPnD,mBAAAA;AAAAA,MACAoD,iBAAiBxE,EAAMyE,0BAA0BC,wBAAwB;AAAA,MACzEC,kBAAkB;AAAA,QAAEC,YAAY;AAAA,MAAA;AAAA,MAChCnD,MAAAA;AAAAA,MACAE,SAAS,YAAYA,EAAQvB,GAAiBK,GAAWE,CAAW;AAAA,MACpEkE,eAAe7E,EAAM6E;AAAAA,MACrBtB,YAAYvD,EAAMuD;AAAAA,IAAAA;AAAAA,IAEpBuB,MAAM;AAAA,MACJ,WAAW9E,EAAM,SAAS;AAAA,IAAA;AAAA,EAC5B,GAEF,OAAO;AAAA,IAAEuE,SAASQ;AAAAA,EAAAA,GAClB,aAAatD,GACb,IAAIY,QACF;AAAA,IACE2C,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,eAAe;AAAA,IACfC,WAAW;AAAA,IAEX,CAAC,KAAKC,EAAY,sBAAsB,CAAC,EAAE,GAAG;AAAA,MAC5C,CAAC,IAAIA,EAAYC,IAAI,EAAE,GAAG;AAAA,QACxBC,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,CAAC,KAAKF,EAAY,uBAAuB,CAAC,EAAE,GAAG;AAAA,MAC7C,CAAC,IAAIA,EAAYC,IAAI,EAAE,GAAG;AAAA,QACxBC,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,CAAC,KAAKF,EAAY,0BAA0B,CAAC,EAAE,GAAG;AAAA,MAChD,CAAC,IAAIA,EAAYC,IAAI,EAAE,GAAG;AAAA,QACxBC,IAAI;AAAA,MAAA;AAAA,IACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQF,CAAC,IAAIF,EAAYG,eAAe,EAAE,GAAG;AAAA,MACnCJ,WAAW;AAAA,MACXK,UAAU;AAAA,MACVC,UAAU;AAAA,IAAA;AAAA,IAGZ,CAAC,IAAIL,EAAYM,YAAY,EAAE,GAAG;AAAA,MAChC,kCAAkC;AAAA,MAClCC,iBAAiB;AAAA,MACjBV,OAAO;AAAA,IAAA;AAAA,IAGT,CAAC,IAAIG,EAAYQ,GAAG,EAAE,GAAG;AAAA,MACvB,UAAU;AAAA,QACRD,iBAAiB;AAAA,MAAA;AAAA,MAGnB,sBAAsB;AAAA,QACpBA,iBAAiB;AAAA,QAEjB,UAAU;AAAA,UACRA,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,IAGF,CAAC,IAAIP,EAAYM,YAAY,MAAMN,EAAYC,IAAI,iCAAiC,GAAG;AAAA,MACrFQ,aAAa;AAAA,IAAA;AAAA,IAGf,CAAC,IAAIT,EAAYC,IAAI,EAAE,GAAG;AAAA,MACxBJ,OAAO;AAAA,IAAA;AAAA,IAGT,CAAC,IAAIa,EAAsBhB,IAAI,EAAE,GAAG;AAAA,MAClCiB,cAAc;AAAA,IAAA;AAAA,IAGhB,CAAC,IAAIC,EAAgBlB,IAAI,EAAE,GAAG;AAAA,MAC5BG,OAAO;AAAA,MAEP,UAAU;AAAA,QACRgB,SAAS;AAAA,QACTC,eAAe;AAAA,QACfH,cAAc;AAAA,MAAA;AAAA,MAGhB,aAAa;AAAA,QACXd,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGF,CAAC,IAAIG,EAAYM,YAAY,KAAKM,EAAgBlB,IAAI,EAAE,GAAG;AAAA,MACzDG,OAAO;AAAA,IAAA;AAAA,EACT,GAEFjF,EAAMiE,IACNkC,CACF,GACA,GAAInG,EAAMyE,0BAAyB;AAGzC;"}

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":"AAKA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC3B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAkB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIrF,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,UAAU,CAAC,EAAE,cAAc,GAAG;YAC5B,YAAY,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;QAC1B,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC;QACtE,eAAe,EAAE,OAAO,CAAC;KAC1B;CACF;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,UAAU,EACV,eAAe,EACf,OAAO,EACP,iBAAiB,EAClB,EAAE,gBAAgB,GAAG,qBAAqB,2CA4J1C"}
+{"version":3,"file":"_QuickSearchToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/table/_QuickSearchToolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC3B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAkB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIrF,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,UAAU,CAAC,EAAE,cAAc,GAAG;YAC5B,YAAY,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;QAC1B,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC;QACtE,eAAe,EAAE,OAAO,CAAC;KAC1B;CACF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,GAAG,qBAAqB,2CAgJ5J"}

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

@@ -1,7 +1,7 @@
 import { jsxs as ht, jsx as K } from "react/jsx-runtime";
 import { Refresh as wr } from "@mui/icons-material";
 import * as me from "react";
-import { g as $r } from "../../../chunks/lodash.CA_K01A9.js";
+import { g as $r } from "../../../chunks/lodash.DPVO3Hgf.js";
 import Or from "@emotion/styled";
 import "@emotion/react";
 import { Badge as Ar, TextField as _r, inputBaseClasses as kr, InputAdornment as Rr } from "@mui/material";
@@ -32,15 +32,6 @@ function Ce(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 var Me = { exports: {} }, je = { exports: {} }, F = {};
-/**
- * @license React
- * react-is.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var _t;
 function Lr() {
   if (_t) return F;
@@ -106,15 +97,6 @@ function Lr() {
   }, F.typeOf = y, F;
 }
 var L = {};
-/**
- * @license React
- * react-is.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var kt;
 function Wr() {
   return kt || (kt = 1, process.env.NODE_ENV !== "production" && function() {
@@ -183,11 +165,6 @@ var Rt;
 function St() {
   return Rt || (Rt = 1, process.env.NODE_ENV === "production" ? je.exports = /* @__PURE__ */ Lr() : je.exports = /* @__PURE__ */ Wr()), je.exports;
 }
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
 var it, Pt;
 function zr() {
   if (Pt) return it;
@@ -1664,13 +1641,6 @@ function Kn(e, t, r) {
     next: pe
   };
 }
-/**
- * @mui/styled-engine v7.3.1
- *
- * @license MIT
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 function Hn(e, t) {
   const r = Or(e, t);
   return process.env.NODE_ENV !== "production" ? (...n) => {