@rws-aoa/react-library 9.2.0 → 9.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{FieldError.B4HiPjPm.js → FieldError.Uxuk6F4l.js} +2 -2
- package/dist/chunks/{FieldError.B4HiPjPm.js.map → FieldError.Uxuk6F4l.js.map} +1 -1
- package/dist/chunks/{createTheme.edEUUU41.js → createTheme.DcLTlIky.js} +2 -2
- package/dist/chunks/{createTheme.edEUUU41.js.map → createTheme.DcLTlIky.js.map} +1 -1
- package/dist/chunks/{lodash.CdkV4gpV.js → lodash.9n5aMaxx.js} +121 -119
- package/dist/chunks/{lodash.CdkV4gpV.js.map → lodash.9n5aMaxx.js.map} +1 -1
- package/dist/components-domain/ivon-project-planning/IvonProjectPlanning.d.ts.map +1 -1
- package/dist/components-domain/ivon-project-planning/IvonProjectPlanning.js +118 -61
- package/dist/components-domain/ivon-project-planning/IvonProjectPlanning.js.map +1 -1
- package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.d.ts +3 -1
- package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.d.ts.map +1 -1
- package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.js +64 -58
- package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.js.map +1 -1
- package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonPopupRenderer.d.ts +10 -0
- package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonPopupRenderer.d.ts.map +1 -0
- package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonPopupRenderer.js +233 -0
- package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonPopupRenderer.js.map +1 -0
- package/dist/components-domain/ivon-project-planning/_IvonProjectPlanningView/IvonProjectPlanningView.d.ts +5 -3
- package/dist/components-domain/ivon-project-planning/_IvonProjectPlanningView/IvonProjectPlanningView.d.ts.map +1 -1
- package/dist/components-domain/ivon-project-planning/_IvonProjectPlanningView/IvonProjectPlanningView.js +66 -63
- package/dist/components-domain/ivon-project-planning/_IvonProjectPlanningView/IvonProjectPlanningView.js.map +1 -1
- package/dist/components-domain/ivon-project-planning/_IvonSchematicView/IvonSchematicView.d.ts +2 -1
- package/dist/components-domain/ivon-project-planning/_IvonSchematicView/IvonSchematicView.d.ts.map +1 -1
- package/dist/components-domain/ivon-project-planning/_IvonSchematicView/IvonSchematicView.js +39 -38
- package/dist/components-domain/ivon-project-planning/_IvonSchematicView/IvonSchematicView.js.map +1 -1
- package/dist/components-domain/ivon-project-planning/_backend/backend.d.ts +2 -0
- package/dist/components-domain/ivon-project-planning/_backend/backend.d.ts.map +1 -1
- package/dist/components-domain/ivon-project-planning/_backend/backend.js +5 -1
- package/dist/components-domain/ivon-project-planning/_backend/backend.js.map +1 -1
- package/dist/components-domain/ivon-project-planning/_dummy-data/ivon3-dynamic-popup.json.d.ts +143 -0
- package/dist/components-domain/ivon-project-planning/_dummy-data/ivon3-test-data.json.d.ts +100 -19
- package/dist/components-domain/ivon-project-planning/_helpers/IvonDataBridge.d.ts +3 -3
- package/dist/components-domain/ivon-project-planning/_helpers/IvonDataBridge.d.ts.map +1 -1
- package/dist/components-domain/ivon-project-planning/_helpers/IvonDataBridge.js +28 -12
- package/dist/components-domain/ivon-project-planning/_helpers/IvonDataBridge.js.map +1 -1
- package/dist/components-domain/ivon-project-planning/_helpers/IvonPopupDataBridge.d.ts +7 -0
- package/dist/components-domain/ivon-project-planning/_helpers/IvonPopupDataBridge.d.ts.map +1 -0
- package/dist/components-domain/ivon-project-planning/_helpers/IvonPopupDataBridge.js +16 -0
- package/dist/components-domain/ivon-project-planning/_helpers/IvonPopupDataBridge.js.map +1 -0
- package/dist/components-domain/ivon-project-planning/_helpers/IvonUtility.d.ts +1 -0
- package/dist/components-domain/ivon-project-planning/_helpers/IvonUtility.d.ts.map +1 -1
- package/dist/components-domain/ivon-project-planning/_helpers/IvonUtility.js +9 -6
- package/dist/components-domain/ivon-project-planning/_helpers/IvonUtility.js.map +1 -1
- package/dist/components-domain/ivon-project-planning/_types/ivon-types.d.ts +16 -1
- package/dist/components-domain/ivon-project-planning/_types/ivon-types.d.ts.map +1 -1
- package/dist/components-domain/ivon-project-planning/_types/popup-types.d.ts +28 -0
- package/dist/components-domain/ivon-project-planning/_types/popup-types.d.ts.map +1 -0
- package/dist/components-domain/ivon-project-planning/_types/popup-types.js +2 -0
- package/dist/components-domain/ivon-project-planning/_types/popup-types.js.map +1 -0
- package/dist/components-generic/atoms/_menu/menu-item/MenuItem.js +1 -1
- package/dist/components-generic/atoms/_menu/user-menu/UserMenu.js +1 -1
- package/dist/components-generic/atoms/button/Button.js +1 -1
- package/dist/components-generic/atoms/icon-button/IconButton.js +1 -1
- package/dist/components-generic/atoms/input/Input.js +1 -1
- package/dist/components-generic/atoms/list/List.js +1 -1
- package/dist/components-generic/atoms/no-permission/PermissionWrapper.js +1 -1
- package/dist/components-generic/atoms/notification/Notification.js +1 -1
- package/dist/components-generic/atoms/progress-bar/Progressbar.d.ts +21 -0
- package/dist/components-generic/atoms/progress-bar/Progressbar.d.ts.map +1 -0
- package/dist/components-generic/atoms/progress-bar/Progressbar.js +44 -0
- package/dist/components-generic/atoms/progress-bar/Progressbar.js.map +1 -0
- package/dist/components-generic/atoms/section-header/SectionHeader.js +1 -1
- package/dist/components-generic/atoms/selection-buttons/checkbox/Checkbox.js +1 -1
- package/dist/components-generic/atoms/selection-buttons/radio-button/RadioButton.js +1 -1
- package/dist/components-generic/atoms/table/Table.d.ts +5 -5
- package/dist/components-generic/atoms/table/Table.d.ts.map +1 -1
- package/dist/components-generic/atoms/table/Table.js +1 -1
- package/dist/components-generic/atoms/table/Table.js.map +1 -1
- package/dist/components-generic/atoms/table/_QuickSearchToolbar.js +1 -1
- package/dist/components-generic/atoms/tooltip/Tooltip.js +1 -1
- package/dist/components-generic/molecules/field-error/FieldError.js +1 -1
- package/dist/components-generic/molecules/form-error/FormError.js +1 -1
- package/dist/components-generic/molecules/form-modal/FormModal.js +2 -2
- package/dist/components-generic/molecules/modal/Modal.js +1 -1
- package/dist/components-generic/molecules/navigation-bar/NavigationBar.js +1 -1
- package/dist/components-generic/molecules/no-label-number-field/NoLabelNumberField.js +2 -2
- package/dist/components-generic/molecules/upload-button/UploadButton.js +1 -1
- package/dist/contexts/TanstackFormContext.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +33 -31
- package/dist/index.js.map +1 -1
- package/package.json +5 -1
- package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.d.ts +0 -9
- package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.d.ts.map +0 -1
- package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.js +0 -231
- package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.js.map +0 -1
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export type PopupFieldType = 'numberInput' | 'textInput';
|
|
2
|
+
export interface PopupField {
|
|
3
|
+
editable: boolean;
|
|
4
|
+
key: string;
|
|
5
|
+
label: string;
|
|
6
|
+
type?: PopupFieldType;
|
|
7
|
+
}
|
|
8
|
+
export interface IvonPopupData {
|
|
9
|
+
popupDefinitions: PopupDefinitions[];
|
|
10
|
+
}
|
|
11
|
+
export interface PopupDefinitions {
|
|
12
|
+
popupTemplate: PopupTemplate;
|
|
13
|
+
type: string;
|
|
14
|
+
}
|
|
15
|
+
export interface PopupTab {
|
|
16
|
+
fields: PopupField[];
|
|
17
|
+
label: string;
|
|
18
|
+
}
|
|
19
|
+
export interface PopupTemplate {
|
|
20
|
+
tabs: PopupTab[];
|
|
21
|
+
title: string;
|
|
22
|
+
}
|
|
23
|
+
export type PopupTemplateMap = Record<string, PopupTemplate>;
|
|
24
|
+
export interface DataWithPopup {
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
popupTemplate?: string;
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=popup-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popup-types.d.ts","sourceRoot":"","sources":["../../../../src/components-domain/ivon-project-planning/_types/popup-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,WAAW,CAAC;AAEzD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;CACtC;AAED,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAG7D,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popup-types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -3,7 +3,7 @@ import { useState as d, createElement as k } from "react";
|
|
|
3
3
|
import { Home as y, KeyboardArrowDown as C } from "@mui/icons-material";
|
|
4
4
|
import { MenuItem as g, Link as P, menuItemClasses as s, Typography as I, svgIconClasses as m, Popper as j } from "@mui/material";
|
|
5
5
|
import { Link as c } from "@tanstack/react-router";
|
|
6
|
-
import { l as u } from "../../../../chunks/lodash.
|
|
6
|
+
import { l as u } from "../../../../chunks/lodash.9n5aMaxx.js";
|
|
7
7
|
import { FontNormalSxProps as x } from "../../../../_constants.js";
|
|
8
8
|
function R(e) {
|
|
9
9
|
const [b, a] = d(null), [t, n] = d(!1);
|
|
@@ -2,7 +2,7 @@ import { jsx as g, jsxs as M } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as P } from "../../../../chunks/compiler-runtime.BNHg76kC.js";
|
|
3
3
|
import { Typography as T, Avatar as j, MenuItem as C, Link as w, Popper as U, Box as W } from "@mui/material";
|
|
4
4
|
import { Link as $ } from "@tanstack/react-router";
|
|
5
|
-
import { l as z } from "../../../../chunks/lodash.
|
|
5
|
+
import { l as z } from "../../../../chunks/lodash.9n5aMaxx.js";
|
|
6
6
|
import { useState as E } from "react";
|
|
7
7
|
import { FontNormalSxProps as L } from "../../../../_constants.js";
|
|
8
8
|
function J(n) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { ChevronRight as d } from "@mui/icons-material";
|
|
3
3
|
import { Button as v, buttonClasses as r } from "@mui/material";
|
|
4
|
-
import { l as s } from "../../../chunks/lodash.
|
|
4
|
+
import { l as s } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
5
5
|
import { FontNormalSxProps as b } from "../../../_constants.js";
|
|
6
6
|
function g({
|
|
7
7
|
type: o,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as h } from "react/jsx-runtime";
|
|
2
2
|
import { c as y } from "../../../chunks/compiler-runtime.BNHg76kC.js";
|
|
3
3
|
import { IconButton as g } from "@mui/material";
|
|
4
|
-
import { l as k } from "../../../chunks/lodash.
|
|
4
|
+
import { l as k } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
5
5
|
import { AoaTooltip as B } from "../tooltip/Tooltip.js";
|
|
6
6
|
function I(v) {
|
|
7
7
|
const e = y.c(33);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { TextField as i, inputLabelClasses as s, formHelperTextClasses as o, inputBaseClasses as e } from "@mui/material";
|
|
3
|
-
import { l as n } from "../../../chunks/lodash.
|
|
3
|
+
import { l as n } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
4
4
|
import { FontNormalSxProps as t } from "../../../_constants.js";
|
|
5
5
|
function m({
|
|
6
6
|
optional: l,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as m, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { Grid as d, List as i, ListItem as c, ListItemText as u, listItemClasses as f } from "@mui/material";
|
|
3
|
-
import { l as g } from "../../../chunks/lodash.
|
|
3
|
+
import { l as g } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
4
4
|
import { Fragment as s } from "react";
|
|
5
5
|
import { FontNormalSxProps as x } from "../../../_constants.js";
|
|
6
6
|
function k({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r, Fragment as a } from "react/jsx-runtime";
|
|
2
2
|
import { Box as e, Container as m, Typography as s, typographyClasses as p } from "@mui/material";
|
|
3
|
-
import { l } from "../../../chunks/lodash.
|
|
3
|
+
import { l } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
4
4
|
import { FontNormalSxProps as x } from "../../../_constants.js";
|
|
5
5
|
function f({
|
|
6
6
|
children: t,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { Alert as n, alertClasses as o } from "@mui/material";
|
|
3
|
-
import { l as i } from "../../../chunks/lodash.
|
|
3
|
+
import { l as i } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
4
4
|
import { FontNormalSxProps as t } from "../../../_constants.js";
|
|
5
5
|
import { IconError as c } from "./_icons/Error.js";
|
|
6
6
|
import { IconInfo as s } from "./_icons/Info.js";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { LinearProgressProps } from '@mui/material';
|
|
2
|
+
export interface ProgressBarProps {
|
|
3
|
+
/**
|
|
4
|
+
* Optional label shown in bold before the counter, e.g. the current import type
|
|
5
|
+
*/
|
|
6
|
+
readonly label?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Number of processed items
|
|
9
|
+
*/
|
|
10
|
+
readonly processed: number;
|
|
11
|
+
/**
|
|
12
|
+
* Override the max-width of the bar (default: '35%')
|
|
13
|
+
*/
|
|
14
|
+
readonly sx?: LinearProgressProps['sx'];
|
|
15
|
+
/**
|
|
16
|
+
* Total number of items. When 0 an indeterminate bar is shown
|
|
17
|
+
*/
|
|
18
|
+
readonly total: number;
|
|
19
|
+
}
|
|
20
|
+
export declare function AoaProgressBar({ label, processed, total, sx }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=Progressbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progressbar.d.ts","sourceRoot":"","sources":["../../../../src/components-generic/atoms/progress-bar/Progressbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGzE,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,gBAAgB,2CAiB/E"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as x, jsxs as p, Fragment as g } from "react/jsx-runtime";
|
|
2
|
+
import { c as b } from "../../../chunks/compiler-runtime.BNHg76kC.js";
|
|
3
|
+
import { LinearProgress as d, Typography as u } from "@mui/material";
|
|
4
|
+
function P(h) {
|
|
5
|
+
const e = b.c(14), {
|
|
6
|
+
label: i,
|
|
7
|
+
processed: o,
|
|
8
|
+
total: a,
|
|
9
|
+
sx: n
|
|
10
|
+
} = h, l = a > 0, f = l ? Math.min(100, o / a * 100) : 0;
|
|
11
|
+
let m;
|
|
12
|
+
e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
|
|
13
|
+
mb: 1
|
|
14
|
+
}, e[0] = m) : m = e[0];
|
|
15
|
+
let t;
|
|
16
|
+
e[1] !== i ? (t = i && /* @__PURE__ */ p("strong", { children: [
|
|
17
|
+
i,
|
|
18
|
+
" — "
|
|
19
|
+
] }), e[1] = i, e[2] = t) : t = e[2];
|
|
20
|
+
let r;
|
|
21
|
+
e[3] !== o || e[4] !== t || e[5] !== a ? (r = /* @__PURE__ */ p(u, { sx: m, variant: "body2", children: [
|
|
22
|
+
t,
|
|
23
|
+
o,
|
|
24
|
+
" / ",
|
|
25
|
+
a
|
|
26
|
+
] }), e[3] = o, e[4] = t, e[5] = a, e[6] = r) : r = e[6];
|
|
27
|
+
let s;
|
|
28
|
+
e[7] !== l || e[8] !== f || e[9] !== n ? (s = l ? /* @__PURE__ */ x(d, { sx: {
|
|
29
|
+
maxWidth: "35%",
|
|
30
|
+
...n
|
|
31
|
+
}, value: f, variant: "determinate" }) : /* @__PURE__ */ x(d, { sx: {
|
|
32
|
+
maxWidth: "35%",
|
|
33
|
+
...n
|
|
34
|
+
}, variant: "indeterminate" }), e[7] = l, e[8] = f, e[9] = n, e[10] = s) : s = e[10];
|
|
35
|
+
let c;
|
|
36
|
+
return e[11] !== r || e[12] !== s ? (c = /* @__PURE__ */ p(g, { children: [
|
|
37
|
+
r,
|
|
38
|
+
s
|
|
39
|
+
] }), e[11] = r, e[12] = s, e[13] = c) : c = e[13], c;
|
|
40
|
+
}
|
|
41
|
+
export {
|
|
42
|
+
P as AoaProgressBar
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=Progressbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progressbar.js","sources":["../../../../src/components-generic/atoms/progress-bar/Progressbar.tsx"],"sourcesContent":["import { LinearProgress, type LinearProgressProps } from '@mui/material';\nimport { Typography } from '@mui/material';\n\nexport interface ProgressBarProps {\n /**\n * Optional label shown in bold before the counter, e.g. the current import type\n */\n readonly label?: string;\n /**\n * Number of processed items\n */\n readonly processed: number;\n /**\n * Override the max-width of the bar (default: '35%')\n */\n readonly sx?: LinearProgressProps['sx'];\n /**\n * Total number of items. When 0 an indeterminate bar is shown\n */\n readonly total: number;\n}\n\nexport function AoaProgressBar({ label, processed, total, sx }: ProgressBarProps) {\n const hasData = total > 0;\n const percentage = hasData ? Math.min(100, (processed / total) * 100) : 0;\n\n return (\n <>\n <Typography sx={{ mb: 1 }} variant='body2'>\n {label && <strong>{label} — </strong>}\n {processed} / {total}\n </Typography>\n {hasData ? (\n <LinearProgress sx={{ maxWidth: '35%', ...sx }} value={percentage} variant='determinate' />\n ) : (\n <LinearProgress sx={{ maxWidth: '35%', ...sx }} variant='indeterminate' />\n )}\n </>\n );\n}\n"],"names":["AoaProgressBar","t0","$","_c","label","processed","total","sx","hasData","percentage","Math","min","t1","Symbol","for","mb","t2","t3","jsxs","Typography","t4","jsx","LinearProgress","maxWidth","t5"],"mappings":";;;AAsBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAwB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,IAAAA;AAAAA,EAAAA,IAAAN,GAC7BO,IAAgBF,IAAQ,GACxBG,IAAmBD,IAAUE,KAAIC,IAAK,KAAMN,IAAYC,IAAS,GAAO,IAArD;AAAuD,MAAAM;AAAA,EAAAV,EAAA,CAAA,MAAAW,uBAAAC,IAAA,2BAAA,KAItDF,IAAA;AAAA,IAAAG,IAAM;AAAA,EAAA,GAAGb,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,SAAAE,KACtBY,IAAAZ,uBAAS,UAAA,EAASA,UAAAA;AAAAA,IAAAA;AAAAA,IAAM;AAAA,EAAA,GAAG,GAASF,OAAAE,GAAAF,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,CAAA,MAAAG,KAAAH,SAAAc,KAAAd,EAAA,CAAA,MAAAI,KADvCW,IAAA,gBAAAC,EAACC,GAAA,EAAe,IAAAP,GAAmB,SAAA,SAChCI,UAAAA;AAAAA,IAAAA;AAAAA,IACAX;AAAAA,IAAU;AAAA,IAAIC;AAAAA,EAAAA,GACjB,GAAaJ,OAAAG,GAAAH,OAAAc,GAAAd,OAAAI,GAAAJ,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAkB;AAAA,EAAAlB,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAAAP,EAAA,CAAA,MAAAK,KACZa,IAAAZ,IACC,gBAAAa,EAACC,GAAA,EAAmB,IAAA;AAAA,IAAAC,UAAY;AAAA,IAAK,GAAKhB;AAAAA,EAAAA,GAAaE,OAAAA,GAAoB,SAAA,mBAE3E,gBAAAY,EAACC,KAAmB,IAAA;AAAA,IAAAC,UAAY;AAAA,IAAK,GAAKhB;AAAAA,EAAAA,GAAc,SAAA,iBAAe,GACxEL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAK,GAAAL,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,EAAA,MAAAe,KAAAf,UAAAkB,KATHI,2BACEP,UAAAA;AAAAA,IAAAA;AAAAA,IAICG;AAAAA,EAAAA,GAIA,GACAlB,QAAAe,GAAAf,QAAAkB,GAAAlB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GAVHsB;AAUG;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { Box as s, Typography as a, Divider as m, typographyClasses as l } from "@mui/material";
|
|
3
|
-
import { l as x } from "../../../chunks/lodash.
|
|
3
|
+
import { l as x } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
4
4
|
function f({
|
|
5
5
|
title: i,
|
|
6
6
|
subtitle: t = "",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { CheckBoxOutlineBlank as l, CheckBox as t } from "@mui/icons-material";
|
|
3
3
|
import { FormControlLabel as i, typographyClasses as a, Checkbox as c } from "@mui/material";
|
|
4
|
-
import { l as s } from "../../../../chunks/lodash.
|
|
4
|
+
import { l as s } from "../../../../chunks/lodash.9n5aMaxx.js";
|
|
5
5
|
import { FontNormalSxProps as m } from "../../../../_constants.js";
|
|
6
6
|
function h({
|
|
7
7
|
label: e,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { FormControlLabel as a, typographyClasses as l, Radio as s } from "@mui/material";
|
|
3
|
-
import { l as e } from "../../../../chunks/lodash.
|
|
3
|
+
import { l as e } from "../../../../chunks/lodash.9n5aMaxx.js";
|
|
4
4
|
import { FontNormalSxProps as i } from "../../../../_constants.js";
|
|
5
5
|
function n({
|
|
6
6
|
label: t,
|
|
@@ -57,11 +57,7 @@ export type AoaTableProps<T extends object = any> = ModeProps & {
|
|
|
57
57
|
/**
|
|
58
58
|
* Overwrite a safe selection of the {@link DataGrid} properties
|
|
59
59
|
*/
|
|
60
|
-
readonly dataGridOverridableProps?: Pick<DataGridProps<T>, 'apiRef' | 'checkboxSelection' | '
|
|
61
|
-
/**
|
|
62
|
-
* Shows the logic operator when filtering yes or no
|
|
63
|
-
*/
|
|
64
|
-
readonly showOperator?: boolean;
|
|
60
|
+
readonly dataGridOverridableProps?: Pick<DataGridProps<T>, 'apiRef' | 'checkboxSelection' | 'columnGroupingModel' | 'disableColumnFilter' | 'disableColumnMenu' | 'disableRowSelectionOnClick' | 'filterModel' | 'getRowId' | 'ignoreDiacritics' | 'initialState' | 'isRowSelectable' | 'loading' | 'onCellEditStop' | 'onFilterModelChange' | 'onRowSelectionModelChange' | 'processRowUpdate' | 'rowSelectionModel'>;
|
|
65
61
|
/**
|
|
66
62
|
* Sets the initial query options to retain query details after opening a page and returning to the table
|
|
67
63
|
*/
|
|
@@ -72,6 +68,10 @@ export type AoaTableProps<T extends object = any> = ModeProps & {
|
|
|
72
68
|
readonly localeText?: GridLocaleText & {
|
|
73
69
|
refreshTable: string;
|
|
74
70
|
};
|
|
71
|
+
/**
|
|
72
|
+
* Shows the logic operator when filtering yes or no
|
|
73
|
+
*/
|
|
74
|
+
readonly showOperator?: boolean;
|
|
75
75
|
/**
|
|
76
76
|
* Material UI's property to apply styling
|
|
77
77
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components-generic/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,mBAAmB,GACnB,4BAA4B,GAC5B,UAAU,GACV,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components-generic/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,qBAAqB,GACrB,mBAAmB,GACnB,4BAA4B,GAC5B,aAAa,GACb,UAAU,GACV,kBAAkB,GAClB,cAAc,GACd,iBAAiB,GACjB,SAAS,GACT,gBAAgB,GAChB,qBAAqB,GACrB,2BAA2B,GAC3B,kBAAkB,GAClB,mBAAmB,CACtB,CAAC;IAEF;;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,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC;;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,2CAmQ9E"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as $ } from "react/jsx-runtime";
|
|
2
2
|
import { checkboxClasses as p, paginationItemClasses as P } from "@mui/material";
|
|
3
3
|
import { GridLogicOperator as m, DataGrid as D, gridClasses as t } from "@mui/x-data-grid";
|
|
4
|
-
import { l as b } from "../../../chunks/lodash.
|
|
4
|
+
import { l as b } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
5
5
|
import { useState as a, useEffect as v, useMemo as F } from "react";
|
|
6
6
|
import { FontNormalSxProps as G } from "../../../_constants.js";
|
|
7
7
|
import { QuickSearchToolbar as L } from "./_QuickSearchToolbar.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sources":["../../../../src/components-generic/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 | 'disableColumnMenu'\n | 'disableRowSelectionOnClick'\n | 'getRowId'\n | 'ignoreDiacritics'\n | 'isRowSelectable'\n | 'loading'\n | 'onRowSelectionModelChange'\n | 'rowSelectionModel'\n | 'columnGroupingModel'\n | 'filterModel'\n | 'onFilterModelChange'\n | 'processRowUpdate'\n | 'initialState'\n | 'onCellEditStop'\n >;\n\n /**\n * Shows the logic operator when filtering yes or no\n */\n readonly showOperator?: boolean;\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 filterPanelOperator: 'Criterium',\n filterOperatorContains: 'Bevat',\n filterOperatorDoesNotContain: 'Bevat niet',\n filterOperatorEquals: 'Is gelijk aan',\n filterOperatorDoesNotEqual: 'Is niet gelijk aan',\n filterOperatorStartsWith: 'Begint met',\n filterOperatorEndsWith: 'Eindigt met',\n filterOperatorIs: 'Is',\n filterOperatorNot: 'Is niet',\n filterOperatorAfter: 'Is na',\n filterOperatorOnOrAfter: 'Is op of na',\n filterOperatorBefore: 'Is voor',\n filterOperatorOnOrBefore: 'Is op of voor',\n filterOperatorIsEmpty: 'Is leeg',\n filterOperatorIsNotEmpty: 'Is niet leeg',\n columnMenuSortAsc: 'Sorteer oplopend',\n columnMenuSortDesc: 'Sorteer aflopend',\n columnMenuFilter: 'Filteren',\n filterOperatorIsAnyOf: 'Is een van',\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 start */\n case 'first':\n return 'Ga naar eerste pagina';\n case 'last':\n return 'Ga naar laatste pagina';\n /* v8 ignore stop */\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 sx: { display: props.showOperator ? 'block' : '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 '--DataGrid-t-header-background-base': 'transparent',\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","filterPanelOperator","filterOperatorContains","filterOperatorDoesNotContain","filterOperatorEquals","filterOperatorDoesNotEqual","filterOperatorStartsWith","filterOperatorEndsWith","filterOperatorIs","filterOperatorNot","filterOperatorAfter","filterOperatorOnOrAfter","filterOperatorBefore","filterOperatorOnOrBefore","filterOperatorIsEmpty","filterOperatorIsNotEmpty","columnMenuSortAsc","columnMenuSortDesc","columnMenuFilter","filterOperatorIsAnyOf","filterPanelInputPlaceholder","toolbarQuickFilterPlaceholder","toolbarQuickFilterLabel","toolbarQuickFilterDeleteIconLabel","noRowsLabel","noResultsOverlayLabel","paginationItemAriaLabel","type","paginationDisplayedRows","from","to","count","paginationRowsPerPage","footerRowSelected","localeText","jsx","DataGrid","columns","undefined","rows","filterPanel","filterFormProps","operatorInputProps","sx","display","showOperator","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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"}
|
|
1
|
+
{"version":3,"file":"Table.js","sources":["../../../../src/components-generic/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 | 'columnGroupingModel'\n | 'disableColumnFilter'\n | 'disableColumnMenu'\n | 'disableRowSelectionOnClick'\n | 'filterModel'\n | 'getRowId'\n | 'ignoreDiacritics'\n | 'initialState'\n | 'isRowSelectable'\n | 'loading'\n | 'onCellEditStop'\n | 'onFilterModelChange'\n | 'onRowSelectionModelChange'\n | 'processRowUpdate'\n | 'rowSelectionModel'\n >;\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 * Shows the logic operator when filtering yes or no\n */\n readonly showOperator?: boolean;\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 filterPanelOperator: 'Criterium',\n filterOperatorContains: 'Bevat',\n filterOperatorDoesNotContain: 'Bevat niet',\n filterOperatorEquals: 'Is gelijk aan',\n filterOperatorDoesNotEqual: 'Is niet gelijk aan',\n filterOperatorStartsWith: 'Begint met',\n filterOperatorEndsWith: 'Eindigt met',\n filterOperatorIs: 'Is',\n filterOperatorNot: 'Is niet',\n filterOperatorAfter: 'Is na',\n filterOperatorOnOrAfter: 'Is op of na',\n filterOperatorBefore: 'Is voor',\n filterOperatorOnOrBefore: 'Is op of voor',\n filterOperatorIsEmpty: 'Is leeg',\n filterOperatorIsNotEmpty: 'Is niet leeg',\n columnMenuSortAsc: 'Sorteer oplopend',\n columnMenuSortDesc: 'Sorteer aflopend',\n columnMenuFilter: 'Filteren',\n filterOperatorIsAnyOf: 'Is een van',\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 start */\n case 'first':\n return 'Ga naar eerste pagina';\n case 'last':\n return 'Ga naar laatste pagina';\n /* v8 ignore stop */\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 sx: { display: props.showOperator ? 'block' : '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 '--DataGrid-t-header-background-base': 'transparent',\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","filterPanelOperator","filterOperatorContains","filterOperatorDoesNotContain","filterOperatorEquals","filterOperatorDoesNotEqual","filterOperatorStartsWith","filterOperatorEndsWith","filterOperatorIs","filterOperatorNot","filterOperatorAfter","filterOperatorOnOrAfter","filterOperatorBefore","filterOperatorOnOrBefore","filterOperatorIsEmpty","filterOperatorIsNotEmpty","columnMenuSortAsc","columnMenuSortDesc","columnMenuFilter","filterOperatorIsAnyOf","filterPanelInputPlaceholder","toolbarQuickFilterPlaceholder","toolbarQuickFilterLabel","toolbarQuickFilterDeleteIconLabel","noRowsLabel","noResultsOverlayLabel","paginationItemAriaLabel","type","paginationDisplayedRows","from","to","count","paginationRowsPerPage","footerRowSelected","localeText","jsx","DataGrid","columns","undefined","rows","filterPanel","filterFormProps","operatorInputProps","sx","display","showOperator","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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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as Ce, jsx as B } from "react/jsx-runtime";
|
|
2
2
|
import { Refresh as ot } from "@mui/icons-material";
|
|
3
3
|
import * as U from "react";
|
|
4
|
-
import { r as le, e as Q, c as Le, f as it, s as at, a as ce, i as st, g as lt, b as Ue, h as Ee, P as A, j as ge, d as We, k as ct, l as ut } from "../../../chunks/createTheme.
|
|
4
|
+
import { r as le, e as Q, c as Le, f as it, s as at, a as ce, i as st, g as lt, b as Ue, h as Ee, P as A, j as ge, d as We, k as ct, l as ut } from "../../../chunks/createTheme.DcLTlIky.js";
|
|
5
5
|
import { Badge as dt, TextField as ft, inputBaseClasses as pt, InputAdornment as ht } from "@mui/material";
|
|
6
6
|
import { Toolbar as gt, ToolbarButton as me, QuickFilter as mt, FilterPanelTrigger as yt, QuickFilterControl as bt, QuickFilterClear as St } from "@mui/x-data-grid";
|
|
7
7
|
import { AoaIconButton as Ct } from "../icon-button/IconButton.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { Tooltip as i, Box as x, tooltipClasses as d } from "@mui/material";
|
|
3
|
-
import { l as m } from "../../../chunks/lodash.
|
|
3
|
+
import { l as m } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
4
4
|
function g({
|
|
5
5
|
"data-qa": t,
|
|
6
6
|
title: p,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../../chunks/compiler-runtime.BNHg76kC.js";
|
|
3
|
-
import { A as t } from "../../../chunks/FieldError.
|
|
3
|
+
import { A as t } from "../../../chunks/FieldError.Uxuk6F4l.js";
|
|
4
4
|
import "../../atoms/notification/Notification.js";
|
|
5
5
|
export {
|
|
6
6
|
t as AoaFieldError
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../../chunks/compiler-runtime.BNHg76kC.js";
|
|
3
|
-
import { a } from "../../../chunks/FieldError.
|
|
3
|
+
import { a } from "../../../chunks/FieldError.Uxuk6F4l.js";
|
|
4
4
|
import "../../atoms/notification/Notification.js";
|
|
5
5
|
export {
|
|
6
6
|
a as AoaFormError
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../../chunks/compiler-runtime.BNHg76kC.js";
|
|
3
3
|
import "@mui/material";
|
|
4
|
-
import "../../../chunks/lodash.
|
|
5
|
-
import { b as e } from "../../../chunks/FieldError.
|
|
4
|
+
import "../../../chunks/lodash.9n5aMaxx.js";
|
|
5
|
+
import { b as e } from "../../../chunks/FieldError.Uxuk6F4l.js";
|
|
6
6
|
import "../../atoms/button/Button.js";
|
|
7
7
|
import "../form/Form.js";
|
|
8
8
|
import "../modal-close-button/ModalCloseButton.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as A, jsxs as q } from "react/jsx-runtime";
|
|
2
2
|
import { c as P } from "../../../chunks/compiler-runtime.BNHg76kC.js";
|
|
3
3
|
import { DialogTitle as B, DialogContent as E, Dialog as M } from "@mui/material";
|
|
4
|
-
import { l as C } from "../../../chunks/lodash.
|
|
4
|
+
import { l as C } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
5
5
|
import { AoaModalCloseButton as R } from "../modal-close-button/ModalCloseButton.js";
|
|
6
6
|
function Q(b) {
|
|
7
7
|
const o = P.c(27), {
|
|
@@ -2,7 +2,7 @@ import { jsx as f, jsxs as y } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as B } from "../../../chunks/compiler-runtime.BNHg76kC.js";
|
|
3
3
|
import { Box as S, AppBar as W, Toolbar as R } from "@mui/material";
|
|
4
4
|
import { useLocation as _ } from "@tanstack/react-router";
|
|
5
|
-
import { l as I } from "../../../chunks/lodash.
|
|
5
|
+
import { l as I } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
6
6
|
import { useState as P, useEffect as A } from "react";
|
|
7
7
|
import { FontNormalSxProps as j } from "../../../_constants.js";
|
|
8
8
|
import { AoaMenuItem as p } from "../../atoms/_menu/menu-item/MenuItem.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "@mui/material";
|
|
3
|
-
import "../../../chunks/lodash.
|
|
4
|
-
import { c as e } from "../../../chunks/FieldError.
|
|
3
|
+
import "../../../chunks/lodash.9n5aMaxx.js";
|
|
4
|
+
import { c as e } from "../../../chunks/FieldError.Uxuk6F4l.js";
|
|
5
5
|
import "../../atoms/tooltip/Tooltip.js";
|
|
6
6
|
export {
|
|
7
7
|
e as AoaNoLabelNumberField
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as h } from "react/jsx-runtime";
|
|
2
2
|
import { c as U } from "../../../chunks/compiler-runtime.BNHg76kC.js";
|
|
3
3
|
import { CircularProgress as k } from "@mui/material";
|
|
4
|
-
import { l as B } from "../../../chunks/lodash.
|
|
4
|
+
import { l as B } from "../../../chunks/lodash.9n5aMaxx.js";
|
|
5
5
|
import { AoaButton as C } from "../../atoms/button/Button.js";
|
|
6
6
|
function P(b) {
|
|
7
7
|
const e = U.c(30);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "@tanstack/react-form";
|
|
2
|
-
import { d as t, e as s, u as r, f as m, g as F, w as x } from "../chunks/FieldError.
|
|
2
|
+
import { d as t, e as s, u as r, f as m, g as F, w as x } from "../chunks/FieldError.Uxuk6F4l.js";
|
|
3
3
|
export {
|
|
4
4
|
t as aoaFieldContext,
|
|
5
5
|
s as aoaFormContext,
|
package/dist/index.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ export { AoaSwitchButton, type AoaSwitchButtonProps } from './components-generic
|
|
|
14
14
|
export { AoaTable, type AoaTableColumns, type AoaTableData, type AoaTableProps, type AoaTableQueryOptions } from './components-generic/atoms/table/Table';
|
|
15
15
|
export { AoaTooltip, type AoaTooltipProps } from './components-generic/atoms/tooltip/Tooltip';
|
|
16
16
|
export { AoaZeroWidthSpace } from './components-generic/atoms/zero-width-space/ZeroWidthSpace';
|
|
17
|
+
export { AoaProgressBar, type ProgressBarProps } from './components-generic/atoms/progress-bar/Progressbar';
|
|
17
18
|
export { AoaForm, type AoaFormProps } from './components-generic/molecules/form/Form';
|
|
18
19
|
export { AoaFieldError, type AoaFieldErrorProps } from './components-generic/molecules/field-error/FieldError';
|
|
19
20
|
export { AoaFileDropzone, type AoaDropableFile, type AoaFileDropzoneDataQas, type AoaFileDropzoneProps } from './components-generic/molecules/file-dropzone/FileDropzone';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAC;AACnF,YAAY,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AAClI,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,sDAAsD,CAAC;AAClH,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yDAAyD,CAAC;AACvH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gEAAgE,CAAC;AACpH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,uEAAuE,CAAC;AACjI,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,yEAAyE,CAAC;AACrI,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC1J,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAC;AACnF,YAAY,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AAClI,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,sDAAsD,CAAC;AAClH,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yDAAyD,CAAC;AACvH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gEAAgE,CAAC;AACpH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,uEAAuE,CAAC;AACjI,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,yEAAyE,CAAC;AACrI,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC1J,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAG5G,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,uDAAuD,CAAC;AAC/G,OAAO,EACL,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAC1B,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAC1J,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,oEAAoE,CAAC;AACxI,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,4CAA4C,CAAC;AAC5G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,6DAA6D,CAAC;AAC3H,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,2DAA2D,CAAC;AACvH,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yEAAyE,CAAC;AAGjJ,OAAO,EACL,cAAc,IAAI,kBAAkB,EACpC,KAAK,mBAAmB,IAAI,uBAAuB,EACpD,MAAM,yDAAyD,CAAC;AAGjE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -6,53 +6,55 @@ import { AoaLogo as n } from "./components-generic/atoms/logo/Logo.js";
|
|
|
6
6
|
import { AoaPermissionWrapper as s } from "./components-generic/atoms/no-permission/PermissionWrapper.js";
|
|
7
7
|
import { AoaNotification as F } from "./components-generic/atoms/notification/Notification.js";
|
|
8
8
|
import { AoaSectionHeader as u } from "./components-generic/atoms/section-header/SectionHeader.js";
|
|
9
|
-
import { AoaCheckbox as
|
|
9
|
+
import { AoaCheckbox as C } from "./components-generic/atoms/selection-buttons/checkbox/Checkbox.js";
|
|
10
10
|
import { AoaRadioButton as b } from "./components-generic/atoms/selection-buttons/radio-button/RadioButton.js";
|
|
11
11
|
import { AoaSwitchButton as h } from "./components-generic/atoms/selection-buttons/switch-button/SwitchButton.js";
|
|
12
12
|
import { AoaTable as T } from "./components-generic/atoms/table/Table.js";
|
|
13
13
|
import { AoaTooltip as L } from "./components-generic/atoms/tooltip/Tooltip.js";
|
|
14
|
-
import { AoaZeroWidthSpace as
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
14
|
+
import { AoaZeroWidthSpace as P } from "./components-generic/atoms/zero-width-space/ZeroWidthSpace.js";
|
|
15
|
+
import { AoaProgressBar as E } from "./components-generic/atoms/progress-bar/Progressbar.js";
|
|
16
|
+
import { AoaForm as W } from "./components-generic/molecules/form/Form.js";
|
|
17
|
+
import { A as v, a as z, b as D, c as H, d as R, e as U, u as Z, f as j, g as q, w as y } from "./chunks/FieldError.Uxuk6F4l.js";
|
|
18
|
+
import { AoaFileDropzone as J } from "./components-generic/molecules/file-dropzone/FileDropzone.js";
|
|
19
|
+
import { AoaFileTable as O } from "./components-generic/molecules/file-table/FileTable.js";
|
|
20
|
+
import { AoaModalCloseButton as V } from "./components-generic/molecules/modal-close-button/ModalCloseButton.js";
|
|
21
|
+
import { AoaModal as Y } from "./components-generic/molecules/modal/Modal.js";
|
|
22
|
+
import { AoaNavigationBar as $ } from "./components-generic/molecules/navigation-bar/NavigationBar.js";
|
|
23
|
+
import { AoaUploadButton as ro } from "./components-generic/molecules/upload-button/UploadButton.js";
|
|
24
|
+
import { AoaContentPage as to } from "./components-generic/organisms/content-page/ContentPage.js";
|
|
24
25
|
export {
|
|
25
26
|
a as AoaButton,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
C as AoaCheckbox,
|
|
28
|
+
to as AoaContentTemplate,
|
|
29
|
+
v as AoaFieldError,
|
|
30
|
+
J as AoaFileDropzone,
|
|
31
|
+
O as AoaFileTable,
|
|
32
|
+
W as AoaForm,
|
|
33
|
+
z as AoaFormError,
|
|
34
|
+
D as AoaFormModal,
|
|
34
35
|
e as AoaIconButton,
|
|
35
36
|
p as AoaInput,
|
|
36
37
|
x as AoaList,
|
|
37
38
|
n as AoaLogo,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
39
|
+
Y as AoaModal,
|
|
40
|
+
V as AoaModalCloseButton,
|
|
41
|
+
$ as AoaNavigationBar,
|
|
42
|
+
H as AoaNoLabelNumberField,
|
|
42
43
|
F as AoaNotification,
|
|
43
44
|
s as AoaPermissionWrapper,
|
|
45
|
+
E as AoaProgressBar,
|
|
44
46
|
b as AoaRadioButton,
|
|
45
47
|
u as AoaSectionHeader,
|
|
46
48
|
h as AoaSwitchButton,
|
|
47
49
|
T as AoaTable,
|
|
48
50
|
L as AoaTooltip,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
51
|
+
ro as AoaUploadButton,
|
|
52
|
+
P as AoaZeroWidthSpace,
|
|
53
|
+
R as aoaFieldContext,
|
|
54
|
+
U as aoaFormContext,
|
|
55
|
+
Z as useAoaAppForm,
|
|
56
|
+
j as useAoaFieldContext,
|
|
57
|
+
q as useAoaFormContext,
|
|
58
|
+
y as withAoaForm
|
|
57
59
|
};
|
|
58
60
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
|