@rws-aoa/react-library 3.5.3 → 3.6.0

package/dist/_constants.d.ts

@@ -5,4 +5,9 @@ export declare const FontNormalSxProps: {
     fontStyle: "normal";
     fontWeight: string;
 };
+export declare function isExtensionAllowed(regExp: RegExp, fileName: string): boolean;
+/**
+ * An object that is non nullable, to bypass TypeScript not easily working with `Record<PropertyKey, unknown>` in various instances.
+ */
+export type NonNullObject = {} & object;
 //# sourceMappingURL=_constants.d.ts.map

package/dist/_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_constants.d.ts","sourceRoot":"","sources":["../src/_constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;CAMX,CAAC"}
+{"version":3,"file":"_constants.d.ts","sourceRoot":"","sources":["../src/_constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;CAMX,CAAC;AAEpB,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAElE;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,EAAE,GAAG,MAAM,CAAC"}

package/dist/_constants.js

@@ -1,11 +1,15 @@
-const t = {
+const o = {
   fontFamily: "var(--font-text)",
   fontSize: "var(--font-size-text)",
   lineHeight: "var(--font-lineheight-text)",
   fontStyle: "normal",
   fontWeight: "normal"
 };
+function e(t, n) {
+  return t.test(n);
+}
 export {
-  t as FontNormalSxProps
+  o as FontNormalSxProps,
+  e as isExtensionAllowed
 };
 //# sourceMappingURL=_constants.js.map

package/dist/_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"_constants.js","sources":["../src/_constants.ts"],"sourcesContent":["import type { SxProps } from \"@mui/material\";\n\nexport const FontNormalSxProps = {\n  fontFamily: \"var(--font-text)\",\n  fontSize: \"var(--font-size-text)\",\n  lineHeight: \"var(--font-lineheight-text)\",\n  fontStyle: \"normal\",\n  fontWeight: \"normal\"\n} satisfies SxProps;\n"],"names":["FontNormalSxProps"],"mappings":"AAEO,MAAMA,IAAoB;AAAA,EAC/B,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"_constants.js","sources":["../src/_constants.ts"],"sourcesContent":["import type { SxProps } from \"@mui/material\";\n\nexport const FontNormalSxProps = {\n  fontFamily: \"var(--font-text)\",\n  fontSize: \"var(--font-size-text)\",\n  lineHeight: \"var(--font-lineheight-text)\",\n  fontStyle: \"normal\",\n  fontWeight: \"normal\"\n} satisfies SxProps;\n\nexport function isExtensionAllowed(regExp: RegExp, fileName: string) {\n  return regExp.test(fileName);\n}\n\n/**\n * An object that is non nullable, to bypass TypeScript not easily working with `Record<PropertyKey, unknown>` in various instances.\n */\nexport type NonNullObject = {} & object;\n"],"names":["FontNormalSxProps","isExtensionAllowed","regExp","fileName"],"mappings":"AAEO,MAAMA,IAAoB;AAAA,EAC/B,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd;AAEgB,SAAAC,EAAmBC,GAAgBC,GAAkB;AAC5D,SAAAD,EAAO,KAAKC,CAAQ;AAC7B;"}

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

@@ -1,14 +1,14 @@
 import { SxProps } from '@mui/material';
-import { DataGridProps, GridColDef, GridFilterModel, GridLocaleText, GridSortModel, GridValidRowModel } from '@mui/x-data-grid';
-import { ReactNode } from 'react';
+import { DataGridProps, GridColDef, GridFilterModel, GridLocaleText, GridSortModel } from '@mui/x-data-grid';
+import { NonNullObject } from '../../../_constants';
 
-export interface AoaTableData<T extends GridValidRowModel = any> {
+export interface AoaTableData<T extends NonNullObject = any> {
     /** The paged, filtered and sorted items from the database */
     items: T[];
     /** The total number of items present in the database table */
     totalItems: number;
 }
-export type AoaTableColumns = GridColDef[];
+export type AoaTableColumns<T extends NonNullObject = any> = GridColDef<T>[];
 export interface AoaTableQueryOptions {
     /** The current page of the table */
     page: number;
@@ -30,11 +30,11 @@ type ModeProps =
     getData?: never;
     mode: "client";
 };
-export type AoaTableProps<T extends GridValidRowModel = any> = ModeProps & {
+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[];
+    columns: GridColDef<T>[];
     /** Data-qa tag for E2E test purposes */
     "data-qa"?: string;
     /** Material UI's property to apply styling */
@@ -51,7 +51,7 @@ export type AoaTableProps<T extends GridValidRowModel = any> = ModeProps & {
         refreshTable: string;
     };
     /** Overwrite a safe selection of the {@link DataGrid} properties */
-    dataGridOverridableProps?: Pick<DataGridProps, "ignoreDiacritics" | "loading" | "getRowId">;
+    dataGridOverridableProps?: Pick<DataGridProps<T>, "ignoreDiacritics" | "loading" | "getRowId">;
 };
 /**
  * Constructs a table using pre-defined Rijks styling
@@ -65,7 +65,7 @@ export type AoaTableProps<T extends GridValidRowModel = any> = ModeProps & {
  * />
  * ```
  */
-declare const NonMemoizeAoaTable: <T extends GridValidRowModel = any>(props: AoaTableProps<T>) => ReactNode;
+declare function NonMemoizeAoaTable<T extends NonNullObject = 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,EAEL,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI/E,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,iBAAiB,GAAG,GAAG;IAC7D,6DAA6D;IAC7D,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,EAAE,CAAC;AAE3C,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,iBAAiB,GAAG,GAAG,IAAI,SAAS,GAAG;IACzE,wDAAwD;IACxD,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACtB,+CAA+C;IAC/C,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,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,EAAE,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;CAC7F,CAAC;AAOF;;;;;;;;;;;GAWG;AAEH,QAAA,MAAM,kBAAkB,GAAI,CAAC,SAAS,iBAAiB,eAAe,aAAa,CAAC,CAAC,CAAC,KAAG,SA0KxF,CAAC;AAEF,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;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"}

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

@@ -5,16 +5,16 @@ 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 { FontNormalSxProps as I } from "../../../_constants.js";
 import { QuickSearchToolbar as T } from "./_QuickSearchToolbar.js";
-const j = (e) => {
+function j(e) {
   var m, b, M;
   const [D, c] = i(!1), [l, h] = i({
     page: 0,
     pageSize: 10
   }), [n, S] = i([]), [d, C] = i({
     items: []
-  }), r = e.mode ?? "server", s = r === "server", G = k((o) => {
+  }), r = e.mode ?? "server", s = r === "server", f = k((o) => {
     S(o);
-  }, []), f = k((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) {
@@ -54,9 +54,9 @@ const j = (e) => {
       paginationMode: r,
       onPaginationModelChange: h,
       sortingMode: r,
-      onSortModelChange: G,
+      onSortModelChange: f,
       filterMode: r,
-      onFilterModelChange: f,
+      onFilterModelChange: G,
       slots: {
         toolbar: T
       },
@@ -148,7 +148,8 @@ const j = (e) => {
       ...e.dataGridOverridableProps
     }
   );
-}, $ = R(j);
+}
+const $ = R(j);
 export {
   $ 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 { type SxProps } from \"@mui/material\";\nimport {\n  DataGrid,\n  type DataGridProps,\n  type GridColDef,\n  type GridFilterModel,\n  type GridLocaleText,\n  type GridSortModel,\n  type GridValidRowModel\n} from \"@mui/x-data-grid\";\nimport merge from \"lodash.merge\";\nimport { memo, useCallback, useEffect, useState, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../_constants\";\nimport { QuickSearchToolbar } from \"./_QuickSearchToolbar\";\n\nexport interface AoaTableData<T extends GridValidRowModel = 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 = GridColDef[];\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 GridValidRowModel = 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[];\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, \"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\nconst NonMemoizeAoaTable = <T extends GridValidRowModel = any>(props: AoaTableProps<T>): ReactNode => {\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, 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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"}

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

@@ -0,0 +1,48 @@
+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 */
+    file: File;
+};
+export interface AoaFileDropzoneDataQas {
+    /** The data-qa tag for the root element */
+    root: string;
+    /** The data-qa tag for the input */
+    input: 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 */
+    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
+     */
+    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 */
+    extensionWarning: 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
+     */
+    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 */
+    perFileProperties?(acceptedFile: File): TProps;
+    /** Whether the dropzone should be disabled or not */
+    isDisabled?: boolean;
+    /** data-qa tags for testing */
+    dataQas?: AoaFileDropzoneDataQas;
+}
+export declare function AoaFileDropzone<TProps extends NonNullObject, TFile extends AoaDropableFile<TProps>>(props: Readonly<PropsWithChildren<AoaFileDropzoneProps<TProps, TFile>>>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FileDropzone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/file-dropzone/FileDropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAe,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAe,KAAK,MAAM,EAAsC,MAAM,gBAAgB,CAAC;AAI9F,MAAM,MAAM,eAAe,CAAC,MAAM,SAAS,aAAa,IAAI,MAAM,GAAG;IACnE,gCAAgC;IAChC,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,MAAM,SAAS,aAAa,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC;IACvG,sFAAsF;IACtF,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACjC,+FAA+F;IAC/F,cAAc,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,gBAAgB,EAAE,MAAM,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;OAIG;IACH,mBAAmB,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;IAC1C,qGAAqG;IACrG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sEAAsE;IACtE,iBAAiB,CAAC,CAAC,YAAY,EAAE,IAAI,GAAG,MAAM,CAAC;IAC/C,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAED,wBAAgB,eAAe,CAAC,MAAM,SAAS,aAAa,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC,EACjG,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,2CA6ExE"}

package/dist/components/molecules/file-dropzone/FileDropzone.js

@@ -0,0 +1,75 @@
+import { jsxs as b, jsx as m } from "react/jsx-runtime";
+import { Box as s } from "@mui/material";
+import { useCallback as h } from "react";
+import { useDropzone as D } from "react-dropzone";
+import { toast as k } from "react-toastify";
+import { isExtensionAllowed as C } from "../../../_constants.js";
+function A(e) {
+  var a, l;
+  const f = h(
+    (n, t) => {
+      var r, d;
+      t.length > 0 && k(e.extensionWarning, { type: "warning" });
+      const o = [...e.currentFiles];
+      for (const i of n) {
+        const c = o.findIndex((F) => F.file.name === i.name);
+        c !== -1 ? o.splice(c, 1, {
+          file: i,
+          ...((r = e.perFileProperties) == null ? void 0 : r.call(e, i)) ?? {}
+        }) : o.push({ file: i, ...((d = e.perFileProperties) == null ? void 0 : d.call(e, i)) ?? {} });
+      }
+      e.storeFiles(o);
+    },
+    [e.extensionWarning, e.currentFiles, e.perFileProperties, e.storeFiles]
+  );
+  function u(n) {
+    var t;
+    return (t = e.customFileValidator) != null && t.call(e, n) ? {
+      code: "custom-validator",
+      message: e.extensionWarning
+    } : C(e.extensionRegex, n.name) ? null : {
+      code: "name-not-ok",
+      message: e.extensionWarning
+    };
+  }
+  const { getRootProps: x, getInputProps: g } = D({
+    onDrop: f,
+    disabled: e.isDisabled,
+    accept: e.extensions,
+    maxFiles: e.maxUploadFiles,
+    validator: u
+  });
+  return /* @__PURE__ */ b(
+    s,
+    {
+      ...x(),
+      sx: {
+        "&:focus": {
+          outline: "none"
+        }
+      },
+      "data-qa": ((a = e.dataQas) == null ? void 0 : a.root) ?? "file-dropzone-root",
+      children: [
+        /* @__PURE__ */ m("input", { ...g(), "data-qa": ((l = e.dataQas) == null ? void 0 : l.input) ?? "file-drop-input" }),
+        /* @__PURE__ */ m(
+          s,
+          {
+            sx: {
+              backgroundColor: "var(--color-rijks-grey-2)",
+              borderWidth: 1,
+              borderStyle: "dashed",
+              borderColor: "black",
+              marginBottom: 0.5,
+              textAlign: "center"
+            },
+            children: e.fileDropChildren
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  A as AoaFileDropzone
+};
+//# sourceMappingURL=FileDropzone.js.map

package/dist/components/molecules/file-dropzone/FileDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.js","sources":["../../../../src/components/molecules/file-dropzone/FileDropzone.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\nimport { Box } from \"@mui/material\";\nimport type { NonNullObject } from \"@sapphire/utilities\";\nimport { useCallback, type PropsWithChildren, type ReactNode } from \"react\";\nimport { useDropzone, type Accept, type FileError, type FileRejection } from \"react-dropzone\";\nimport { toast } from \"react-toastify\";\nimport { isExtensionAllowed } from \"../../../_constants\";\n\nexport type AoaDropableFile<TProps extends NonNullObject> = TProps & {\n  /** The file that was dropped */\n  file: File;\n};\n\nexport interface AoaFileDropzoneDataQas {\n  /** The data-qa tag for the root element */\n  root: string;\n  /** The data-qa tag for the input */\n  input: string;\n}\n\nexport interface AoaFileDropzoneProps<TProps extends NonNullObject, TFile extends AoaDropableFile<TProps>> {\n  /** The current set of files that are already dropped, coming from Redux or Zustand */\n  currentFiles: TFile[];\n  /**\n   * The function to overwrite the files in the client store.\n   * This should overwrite all files, not merge with current, which is handled in this component\n   * @param files - The new set of files to be stored\n   */\n  storeFiles(files: TFile[]): void;\n  /** The regular expression that validates if the dropped file should be accepted or rejected */\n  extensionRegex: RegExp;\n  /** The extension map to be passed to the dropzone component */\n  extensions: Accept;\n  /** The toast warning message to be shown when a file is rejection */\n  extensionWarning: string;\n  /** The children to show inside the box where files can be dropped */\n  fileDropChildren?: ReactNode;\n  /**\n   * A custom function that can perform extra checks when validating files.\n   * This should return `true` if the file should be rejected or `false` if it should be accepted\n   * @param file - The file to be validated\n   */\n  customFileValidator?(file: File): boolean;\n  /** A maximum count of files that should be accepted, if exceeded no save action will be performed */\n  maxUploadFiles?: number;\n  /** Additional properties to set for every file that is to be saved */\n  perFileProperties?(acceptedFile: File): TProps;\n  /** Whether the dropzone should be disabled or not */\n  isDisabled?: boolean;\n  /** data-qa tags for testing */\n  dataQas?: AoaFileDropzoneDataQas;\n}\n\nexport function AoaFileDropzone<TProps extends NonNullObject, TFile extends AoaDropableFile<TProps>>(\n  props: Readonly<PropsWithChildren<AoaFileDropzoneProps<TProps, TFile>>>\n) {\n  const handleDrop = useCallback(\n    (acceptedFiles: File[], fileRejections: FileRejection[]) => {\n      if (fileRejections.length > 0) {\n        toast(props.extensionWarning, { type: \"warning\" });\n      }\n\n      const filesClone = [...props.currentFiles];\n      for (const acceptedFile of acceptedFiles) {\n        const existingFileIndex = filesClone.findIndex((file) => file.file.name === acceptedFile.name);\n        if (existingFileIndex !== -1) {\n          filesClone.splice(existingFileIndex, 1, {\n            file: acceptedFile,\n            ...(props.perFileProperties?.(acceptedFile) ?? {})\n          } as TFile & TProps);\n        } else {\n          filesClone.push({ file: acceptedFile, ...(props.perFileProperties?.(acceptedFile) ?? {}) } as TFile & TProps);\n        }\n      }\n\n      props.storeFiles(filesClone);\n    },\n    [props.extensionWarning, props.currentFiles, props.perFileProperties, props.storeFiles]\n  );\n\n  function fileValidator(file: File): FileError | null {\n    if (props.customFileValidator?.(file)) {\n      return {\n        code: \"custom-validator\",\n        message: props.extensionWarning\n      };\n    }\n\n    if (isExtensionAllowed(props.extensionRegex, file.name)) {\n      return null;\n    }\n\n    return {\n      code: \"name-not-ok\",\n      message: props.extensionWarning\n    };\n  }\n\n  const { getRootProps, getInputProps } = useDropzone({\n    onDrop: handleDrop,\n    disabled: props.isDisabled,\n    accept: props.extensions,\n    maxFiles: props.maxUploadFiles,\n    validator: fileValidator\n  });\n\n  return (\n    <Box\n      {...getRootProps()}\n      sx={{\n        \"&:focus\": {\n          outline: \"none\"\n        }\n      }}\n      data-qa={props.dataQas?.root ?? \"file-dropzone-root\"}\n    >\n      <input {...getInputProps()} data-qa={props.dataQas?.input ?? \"file-drop-input\"} />\n      <Box\n        sx={{\n          backgroundColor: \"var(--color-rijks-grey-2)\",\n          borderWidth: 1,\n          borderStyle: \"dashed\",\n          borderColor: \"black\",\n          marginBottom: 0.5,\n          textAlign: \"center\"\n        }}\n      >\n        {props.fileDropChildren}\n      </Box>\n    </Box>\n  );\n}\n"],"names":["AoaFileDropzone","props","handleDrop","useCallback","acceptedFiles","fileRejections","toast","filesClone","acceptedFile","existingFileIndex","file","_a","_b","fileValidator","isExtensionAllowed","getRootProps","getInputProps","useDropzone","jsxs","Box","jsx"],"mappings":";;;;;;AAqDO,SAASA,EACdC,GACA;;AACA,QAAMC,IAAaC;AAAA,IACjB,CAACC,GAAuBC,MAAoC;;AACtD,MAAAA,EAAe,SAAS,KAC1BC,EAAML,EAAM,kBAAkB,EAAE,MAAM,UAAW,CAAA;AAGnD,YAAMM,IAAa,CAAC,GAAGN,EAAM,YAAY;AACzC,iBAAWO,KAAgBJ,GAAe;AAClC,cAAAK,IAAoBF,EAAW,UAAU,CAACG,MAASA,EAAK,KAAK,SAASF,EAAa,IAAI;AAC7F,QAAIC,MAAsB,KACbF,EAAA,OAAOE,GAAmB,GAAG;AAAA,UACtC,MAAMD;AAAA,UACN,KAAIG,IAAAV,EAAM,sBAAN,gBAAAU,EAAA,KAAAV,GAA0BO,OAAiB,CAAC;AAAA,QAAA,CAC/B,IAERD,EAAA,KAAK,EAAE,MAAMC,GAAc,KAAII,IAAAX,EAAM,sBAAN,gBAAAW,EAAA,KAAAX,GAA0BO,OAAiB,CAAC,EAAA,CAAsB;AAAA,MAEhH;AAEA,MAAAP,EAAM,WAAWM,CAAU;AAAA,IAC7B;AAAA,IACA,CAACN,EAAM,kBAAkBA,EAAM,cAAcA,EAAM,mBAAmBA,EAAM,UAAU;AAAA,EAAA;AAGxF,WAASY,EAAcH,GAA8B;;AAC/C,YAAAC,IAAAV,EAAM,wBAAN,QAAAU,EAAA,KAAAV,GAA4BS,KACvB;AAAA,MACL,MAAM;AAAA,MACN,SAAST,EAAM;AAAA,IAAA,IAIfa,EAAmBb,EAAM,gBAAgBS,EAAK,IAAI,IAC7C,OAGF;AAAA,MACL,MAAM;AAAA,MACN,SAAST,EAAM;AAAA,IAAA;AAAA,EAEnB;AAEA,QAAM,EAAE,cAAAc,GAAc,eAAAC,EAAc,IAAIC,EAAY;AAAA,IAClD,QAAQf;AAAA,IACR,UAAUD,EAAM;AAAA,IAChB,QAAQA,EAAM;AAAA,IACd,UAAUA,EAAM;AAAA,IAChB,WAAWY;AAAA,EAAA,CACZ;AAGC,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAa;AAAA,MACjB,IAAI;AAAA,QACF,WAAW;AAAA,UACT,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,aAASJ,IAAAV,EAAM,YAAN,gBAAAU,EAAe,SAAQ;AAAA,MAEhC,UAAA;AAAA,QAAC,gBAAAS,EAAA,SAAA,EAAO,GAAGJ,EAAc,GAAG,aAASJ,IAAAX,EAAM,YAAN,gBAAAW,EAAe,UAAS,mBAAmB;AAAA,QAChF,gBAAAQ;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,iBAAiB;AAAA,cACjB,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,WAAW;AAAA,YACb;AAAA,YAEC,UAAMlB,EAAA;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/molecules/file-table/FileTable.d.ts

@@ -0,0 +1,20 @@
+import { DataGridProps, GridColDef, GridValidRowModel } from '@mui/x-data-grid';
+import { NonNullObject } from '../../../_constants';
+
+export interface AoaFileTableProps<T extends GridValidRowModel = any> {
+    /** The TableData object to be displayed in the table */
+    data: T[];
+    /** The column structure to display the data */
+    columns: GridColDef<T>[];
+    /** Data-qa tag for E2E test purposes */
+    "data-qa"?: string;
+    /** Sets the initial sortModel in case the required sorting differs from the back-end's default sorting */
+    initialSort?: {
+        field: string;
+        sort: "asc" | "desc";
+    };
+    /** Overwrite a safe selection of the {@link DataGrid} properties */
+    dataGridOverridableProps?: Pick<DataGridProps<T>, "ignoreDiacritics" | "getRowId">;
+}
+export declare function AoaFileTable<T extends NonNullObject = any>({ data, columns, initialSort, dataGridOverridableProps, "data-qa": dataQa }: Readonly<AoaFileTableProps<T>>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FileTable.d.ts.map

package/dist/components/molecules/file-table/FileTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTable.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/file-table/FileTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGzD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,iBAAiB,GAAG,GAAG;IAClE,wDAAwD;IACxD,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,+CAA+C;IAC/C,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0GAA0G;IAC1G,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;KACtB,CAAC;IACF,oEAAoE;IACpE,wBAAwB,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,kBAAkB,GAAG,UAAU,CAAC,CAAC;CACpF;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,aAAa,GAAG,GAAG,EAAE,EAC1D,IAAI,EACJ,OAAO,EACP,WAAW,EACX,wBAAwB,EACxB,SAAS,EAAE,MAAM,EAClB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,2CAchC"}

package/dist/components/molecules/file-table/FileTable.js

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import { AoaTable as i } from "../../atoms/table/Table.js";
+function d({
+  data: t,
+  columns: a,
+  initialSort: e,
+  dataGridOverridableProps: o,
+  "data-qa": m
+}) {
+  return /* @__PURE__ */ r(
+    i,
+    {
+      mode: "client",
+      data: {
+        items: t ?? [],
+        totalItems: t.length ?? 0
+      },
+      initialSort: e,
+      "data-qa": m,
+      columns: a,
+      dataGridOverridableProps: o
+    }
+  );
+}
+export {
+  d as AoaFileTable
+};
+//# sourceMappingURL=FileTable.js.map

package/dist/components/molecules/file-table/FileTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTable.js","sources":["../../../../src/components/molecules/file-table/FileTable.tsx"],"sourcesContent":["import type { DataGridProps, GridColDef, GridValidRowModel } from \"@mui/x-data-grid\";\nimport type { NonNullObject } from \"../../../_constants\";\nimport { AoaTable } from \"../../atoms/table/Table\";\n\nexport interface AoaFileTableProps<T extends GridValidRowModel = any> {\n  /** The TableData object to be displayed in the table */\n  data: 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  /** Sets the initial sortModel in case the required sorting differs from the back-end's default sorting */\n  initialSort?: {\n    field: string;\n    sort: \"asc\" | \"desc\";\n  };\n  /** Overwrite a safe selection of the {@link DataGrid} properties */\n  dataGridOverridableProps?: Pick<DataGridProps<T>, \"ignoreDiacritics\" | \"getRowId\">;\n}\n\nexport function AoaFileTable<T extends NonNullObject = any>({\n  data,\n  columns,\n  initialSort,\n  dataGridOverridableProps,\n  \"data-qa\": dataQa\n}: Readonly<AoaFileTableProps<T>>) {\n  return (\n    <AoaTable<T>\n      mode=\"client\"\n      data={{\n        items: data ?? [],\n        totalItems: data.length ?? 0\n      }}\n      initialSort={initialSort}\n      data-qa={dataQa}\n      columns={columns}\n      dataGridOverridableProps={dataGridOverridableProps}\n    />\n  );\n}\n"],"names":["AoaFileTable","data","columns","initialSort","dataGridOverridableProps","dataQa","jsx","AoaTable"],"mappings":";;AAoBO,SAASA,EAA4C;AAAA,EAC1D,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,WAAWC;AACb,GAAmC;AAE/B,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAM;AAAA,QACJ,OAAON,KAAQ,CAAC;AAAA,QAChB,YAAYA,EAAK,UAAU;AAAA,MAC7B;AAAA,MACA,aAAAE;AAAA,MACA,WAASE;AAAA,MACT,SAAAH;AAAA,MACA,0BAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export { AoaRadioButton, type AoaRadioButtonProps } from './components/atoms/sel
 export { AoaSwitchButton, type AoaSwitchButtonProps } from './components/atoms/selection-buttons/switch-button/SwitchButton';
 export { AoaTable, type AoaTableColumns, type AoaTableData, type AoaTableProps, type AoaTableQueryOptions } from './components/atoms/table/Table';
 export { AoaZeroWidthSpace } from './components/atoms/zero-width-space/ZeroWidthSpace';
+export { AoaFileDropzone, type AoaDropableFile, type AoaFileDropzoneDataQas, type AoaFileDropzoneProps } from './components/molecules/file-dropzone/FileDropzone';
+export { AoaFileTable, type AoaFileTableProps } from './components/molecules/file-table/FileTable';
 export { AoaFormError, type AoaFormErrorProps } from './components/molecules/form-error/FormError';
 export { AoaFormModal, type AoaFormModalLabels, type AoaFormModalProps, type AoaFormModalQAs } from './components/molecules/form-modal/FormModal';
 export { AoaModalCloseButton, type AoaModalCloseButtonProps } from './components/molecules/modal-close-button/ModalCloseButton';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC3G,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAC/G,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AACzH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,iEAAiE,CAAC;AAC7H,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAClJ,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAClJ,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AAChI,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AACnH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAG/G,OAAO,EACL,cAAc,IAAI,kBAAkB,EACpC,KAAK,mBAAmB,IAAI,uBAAuB,EACpD,MAAM,iDAAiD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC3G,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAC/G,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AACzH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,iEAAiE,CAAC;AAC7H,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAClJ,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EACL,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAC1B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAClJ,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AAChI,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AACnH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAG/G,OAAO,EACL,cAAc,IAAI,kBAAkB,EACpC,KAAK,mBAAmB,IAAI,uBAAuB,EACpD,MAAM,iDAAiD,CAAC"}

package/dist/index.js

@@ -1,41 +1,45 @@
 import { AoaButton as t } from "./components/atoms/button/Button.js";
-import { AoaIconButton as e } from "./components/atoms/icon-button/IconButton.js";
-import { AoaInput as p } from "./components/atoms/input/Input.js";
+import { AoaIconButton as a } from "./components/atoms/icon-button/IconButton.js";
+import { AoaInput as m } from "./components/atoms/input/Input.js";
 import { AoaLogo as x } from "./components/atoms/logo/Logo.js";
 import { AoaNoPermission as n } from "./components/atoms/no-permission/NoPermission.js";
-import { AoaNotification as d } from "./components/atoms/notification/Notification.js";
+import { AoaNotification as l } from "./components/atoms/notification/Notification.js";
 import { AoaSectionHeader as u } from "./components/atoms/section-header/SectionHeader.js";
 import { AoaCheckbox as c } from "./components/atoms/selection-buttons/checkbox/Checkbox.js";
 import { AoaRadioButton as C } from "./components/atoms/selection-buttons/radio-button/RadioButton.js";
-import { AoaSwitchButton as h } from "./components/atoms/selection-buttons/switch-button/SwitchButton.js";
-import { AoaTable as N } from "./components/atoms/table/Table.js";
-import { AoaZeroWidthSpace as b } from "./components/atoms/zero-width-space/ZeroWidthSpace.js";
-import { AoaFormError as I } from "./components/molecules/form-error/FormError.js";
-import { AoaFormModal as T } from "./components/molecules/form-modal/FormModal.js";
-import { AoaModalCloseButton as v } from "./components/molecules/modal-close-button/ModalCloseButton.js";
-import { AoaModal as E } from "./components/molecules/modal/Modal.js";
-import { AoaNavigationBar as L } from "./components/molecules/navigation-bar/NavigationBar.js";
-import { AoaUploadButton as U } from "./components/molecules/upload-button/UploadButton.js";
-import { AoaContentPage as Z } from "./components/organisms/content-page/ContentPage.js";
+import { AoaSwitchButton as b } from "./components/atoms/selection-buttons/switch-button/SwitchButton.js";
+import { AoaTable as h } from "./components/atoms/table/Table.js";
+import { AoaZeroWidthSpace as N } from "./components/atoms/zero-width-space/ZeroWidthSpace.js";
+import { AoaFileDropzone as T } from "./components/molecules/file-dropzone/FileDropzone.js";
+import { AoaFileTable as P } from "./components/molecules/file-table/FileTable.js";
+import { AoaFormError as v } from "./components/molecules/form-error/FormError.js";
+import { AoaFormModal as z } from "./components/molecules/form-modal/FormModal.js";
+import { AoaModalCloseButton as E } from "./components/molecules/modal-close-button/ModalCloseButton.js";
+import { AoaModal as L } from "./components/molecules/modal/Modal.js";
+import { AoaNavigationBar as U } from "./components/molecules/navigation-bar/NavigationBar.js";
+import { AoaUploadButton as Z } from "./components/molecules/upload-button/UploadButton.js";
+import { AoaContentPage as q } from "./components/organisms/content-page/ContentPage.js";
 export {
   t as AoaButton,
   c as AoaCheckbox,
-  Z as AoaContentTemplate,
-  I as AoaFormError,
-  T as AoaFormModal,
-  e as AoaIconButton,
-  p as AoaInput,
+  q as AoaContentTemplate,
+  T as AoaFileDropzone,
+  P as AoaFileTable,
+  v as AoaFormError,
+  z as AoaFormModal,
+  a as AoaIconButton,
+  m as AoaInput,
   x as AoaLogo,
-  E as AoaModal,
-  v as AoaModalCloseButton,
-  L as AoaNavigationBar,
+  L as AoaModal,
+  E as AoaModalCloseButton,
+  U as AoaNavigationBar,
   n as AoaNoPermission,
-  d as AoaNotification,
+  l as AoaNotification,
   C as AoaRadioButton,
   u as AoaSectionHeader,
-  h as AoaSwitchButton,
-  N as AoaTable,
-  U as AoaUploadButton,
-  b as AoaZeroWidthSpace
+  b as AoaSwitchButton,
+  h as AoaTable,
+  Z as AoaUploadButton,
+  N as AoaZeroWidthSpace
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "3.5.3",
+  "version": "3.6.0",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",
@@ -69,6 +69,8 @@
     "playwright": "^1.46.1",
     "prettier": "^3.3.3",
     "prop-types": "^15.8.1",
+    "react-dropzone": "^14.2.3",
+    "react-toastify": "^10.0.5",
     "storybook": "^7.6.20",
     "stylelint": "^16.9.0",
     "tslib": "^2.7.0",
@@ -87,7 +89,9 @@
     "@tanstack/react-form": "*",
     "@tanstack/react-router": "*",
     "react": "^18.x",
-    "react-dom": "^18.x"
+    "react-dom": "^18.x",
+    "react-dropzone": "^14.x",
+    "react-toastify": "^10.x"
   },
   "peerDependenciesMeta": {
     "@mui/x-data-grid": {
@@ -131,6 +135,14 @@
       "types": "./dist/components/organisms/content-page/ContentPage.d.ts",
       "default": "./dist/components/organisms/content-page/ContentPage.js"
     },
+    "./filedropzone": {
+      "types": "./dist/components/molecules/file-dropzone/FileDropzone.d.ts",
+      "default": "./dist/components/molecules/file-dropzone/FileDropzone.js"
+    },
+    "./filetable": {
+      "types": "./dist/components/molecules/file-table/FileTable.d.ts",
+      "default": "./dist/components/molecules/file-table/FileTable.js"
+    },
     "./formerror": {
       "types": "./dist/components/molecules/form-error/FormError.d.ts",
       "default": "./dist/components/molecules/form-error/FormError.js"