npm - @rws-aoa/react-library - Versions diffs - 8.2.7 → 9.0.0 - Mend

@rws-aoa/react-library 8.2.7 → 9.0.0

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.

Files changed (66) hide show

package/dist/components-generic/atoms/notification/_icons/Info.js CHANGED Viewed

@@ -1,20 +1,20 @@
 import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { c as r } from "../../../../chunks/compiler-runtime.CrLvXwKf.js";
+import { c as r } from "../../../../chunks/compiler-runtime.BNHg76kC.js";
 function h() {
   const e = r.c(3);
   let l;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("rect", { height: "24", style: {
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("rect", { height: "24", style: {
     fill: "none"
   }, width: "24" }) }) }), e[0] = l) : l = e[0];
   let t;
-  e[1] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ c("path", { d: `M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ c("path", { d: `M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46
 			C2.84,2.11,2.11,2.84,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83
 			c2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22
 			C22.5,9.26,22.5,6.52,22.04,3.78z`, style: {
     fill: "#007BC7"
   } }), e[1] = t) : t = e[1];
   let n;
-  return e[2] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("svg", { "aria-label": "icon info", height: "24px", version: "1.1", viewBox: "0 0 24 24", width: "24px", x: "0px", xmlSpace: "preserve", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", y: "0px", children: [
+  return e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("svg", { "aria-label": "icon info", height: "24px", version: "1.1", viewBox: "0 0 24 24", width: "24px", x: "0px", xmlSpace: "preserve", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", y: "0px", children: [
     l,
     /* @__PURE__ */ c("g", { children: /* @__PURE__ */ i("g", { children: [
       t,

package/dist/components-generic/atoms/notification/_icons/Info.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Info.js","sources":["../../../../../src/components-generic/atoms/notification/_icons/Info.tsx"],"sourcesContent":["export function IconInfo() {\n return (\n <svg\n aria-label='icon info'\n height='24px'\n version='1.1'\n viewBox='0 0 24 24'\n width='24px'\n x='0px'\n xmlSpace='preserve'\n xmlns='http://www.w3.org/2000/svg'\n xmlnsXlink='http://www.w3.org/1999/xlink'\n y='0px'\n >\n <g>\n <g>\n <rect height='24' style={{ fill: 'none' }} width='24' />\n </g>\n </g>\n <g>\n <g>\n <path\n d='M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46\n\t\t\tC2.84,2.11,2.11,2.84,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83\n\t\t\tc2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22\n\t\t\tC22.5,9.26,22.5,6.52,22.04,3.78z'\n style={{ fill: '#007BC7' }}\n />\n <g>\n <path\n d='M10.71,6.93c0-0.34,0.11-0.63,0.33-0.88c0.22-0.25,0.54-0.38,0.95-0.38c0.41,0,0.72,0.12,0.94,0.36\n\t\t\t\tc0.22,0.24,0.33,0.54,0.33,0.9c0,0.32-0.11,0.61-0.33,0.86s-0.54,0.37-0.94,0.37c-0.41,0-0.72-0.12-0.95-0.35\n\t\t\t\tC10.82,7.57,10.71,7.28,10.71,6.93z M13.11,9.32v8.96h-2.21V9.41L13.11,9.32z'\n style={{ fill: '#FFFFFF' }}\n />\n </g>\n </g>\n </g>\n </svg>\n );\n}\n"],"names":["IconInfo","$","_c","t0","Symbol","for","jsx","fill","t1","t2","jsxs"],"mappings":";;AAAO,SAAAA,IAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,~~OAAAC~~,IAAA,2BAAA,KAcDF,IAAA,gBAAAG,EAAA,OACE,UAAA,gBAAAA,EAAA,KAAA,EACE,4BAAA,QAAA,EAAa,QAAA,MAAY,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAgB,OAAA,SACnD,EAAA,CACF,GAAIN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,EAAA,CAAA,MAAAG,~~OAAAC~~,IAAA,2BAAA,KAGAG,IAAA,gBAAAF,EAAA,QAAA,EACI;;;sCAIK,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAW,GAC1BN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,~~OAAAC~~,IAAA,2BAAA,KAzBRI,IAAA,gBAAAC,EAAA,SACa,cAAA,aACJ,QAAA,QACC,SAAA,OACA,SAAA,aACF,OAAA,QACJ,GAAA,OACO,UAAA,YACH,OAAA,8BACK,YAAA,gCACT,GAAA,OAEFP,UAAAA;AAAAA,IAAAA;AAAAA,IAKA,gBAAAG,EAAA,KAAA,EACE,UAAA,gBAAAI,EAAA,KAAA,EACEF,UAAAA;AAAAA,MAAAA;AAAAA,wBAOA,KAAA,EACE,UAAA,gBAAAF,EAAA,QAAA,EACI,GAAA;AAAA;AAAA,iFAGK,OAAA;AAAA,QAAAC,MAAQ;AAAA,MAAA,GAAW,EAAA,CAE9B;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF,GAAMN,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GApCNQ;AAoCM;"}
1	+ {"version":3,"file":"Info.js","sources":["../../../../../src/components-generic/atoms/notification/_icons/Info.tsx"],"sourcesContent":["export function IconInfo() {\n return (\n <svg\n aria-label='icon info'\n height='24px'\n version='1.1'\n viewBox='0 0 24 24'\n width='24px'\n x='0px'\n xmlSpace='preserve'\n xmlns='http://www.w3.org/2000/svg'\n xmlnsXlink='http://www.w3.org/1999/xlink'\n y='0px'\n >\n <g>\n <g>\n <rect height='24' style={{ fill: 'none' }} width='24' />\n </g>\n </g>\n <g>\n <g>\n <path\n d='M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46\n\t\t\tC2.84,2.11,2.11,2.84,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83\n\t\t\tc2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22\n\t\t\tC22.5,9.26,22.5,6.52,22.04,3.78z'\n style={{ fill: '#007BC7' }}\n />\n <g>\n <path\n d='M10.71,6.93c0-0.34,0.11-0.63,0.33-0.88c0.22-0.25,0.54-0.38,0.95-0.38c0.41,0,0.72,0.12,0.94,0.36\n\t\t\t\tc0.22,0.24,0.33,0.54,0.33,0.9c0,0.32-0.11,0.61-0.33,0.86s-0.54,0.37-0.94,0.37c-0.41,0-0.72-0.12-0.95-0.35\n\t\t\t\tC10.82,7.57,10.71,7.28,10.71,6.93z M13.11,9.32v8.96h-2.21V9.41L13.11,9.32z'\n style={{ fill: '#FFFFFF' }}\n />\n </g>\n </g>\n </g>\n </svg>\n );\n}\n"],"names":["IconInfo","$","_c","t0","Symbol","for","jsx","fill","t1","t2","jsxs"],"mappings":";;AAAO,SAAAA,IAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAcDF,IAAA,gBAAAG,EAAA,OACE,UAAA,gBAAAA,EAAA,KAAA,EACE,4BAAA,QAAA,EAAa,QAAA,MAAY,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAgB,OAAA,SACnD,EAAA,CACF,GAAIN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAGAG,IAAA,gBAAAF,EAAA,QAAA,EACI;;;sCAIK,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAW,GAC1BN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAzBRI,IAAA,gBAAAC,EAAA,SACa,cAAA,aACJ,QAAA,QACC,SAAA,OACA,SAAA,aACF,OAAA,QACJ,GAAA,OACO,UAAA,YACH,OAAA,8BACK,YAAA,gCACT,GAAA,OAEFP,UAAAA;AAAAA,IAAAA;AAAAA,IAKA,gBAAAG,EAAA,KAAA,EACE,UAAA,gBAAAI,EAAA,KAAA,EACEF,UAAAA;AAAAA,MAAAA;AAAAA,wBAOA,KAAA,EACE,UAAA,gBAAAF,EAAA,QAAA,EACI,GAAA;AAAA;AAAA,iFAGK,OAAA;AAAA,QAAAC,MAAQ;AAAA,MAAA,GAAW,EAAA,CAE9B;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF,GAAMN,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GApCNQ;AAoCM;"}

package/dist/components-generic/atoms/notification/_icons/Success.js CHANGED Viewed

@@ -1,20 +1,20 @@
 import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { c as r } from "../../../../chunks/compiler-runtime.CrLvXwKf.js";
+import { c as r } from "../../../../chunks/compiler-runtime.BNHg76kC.js";
 function h() {
   const e = r.c(3);
   let l;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("rect", { height: "24", style: {
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("rect", { height: "24", style: {
     fill: "none"
   }, width: "24" }) }) }), e[0] = l) : l = e[0];
   let t;
-  e[1] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ c("path", { d: `M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ c("path", { d: `M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46
 			C2.83,2.11,2.11,2.83,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83
 			c2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22
 			C22.5,9.26,22.5,6.52,22.04,3.78z`, style: {
     fill: "#39870C"
   } }), e[1] = t) : t = e[1];
   let n;
-  return e[2] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("svg", { "aria-label": "icon success", height: "24px", version: "1.1", viewBox: "0 0 24 24", width: "24px", x: "0px", xmlSpace: "preserve", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", y: "0px", children: [
+  return e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("svg", { "aria-label": "icon success", height: "24px", version: "1.1", viewBox: "0 0 24 24", width: "24px", x: "0px", xmlSpace: "preserve", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", y: "0px", children: [
     l,
     /* @__PURE__ */ c("g", { children: /* @__PURE__ */ i("g", { children: [
       t,

package/dist/components-generic/atoms/notification/_icons/Success.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Success.js","sources":["../../../../../src/components-generic/atoms/notification/_icons/Success.tsx"],"sourcesContent":["export function IconSuccess() {\n return (\n <svg\n aria-label='icon success'\n height='24px'\n version='1.1'\n viewBox='0 0 24 24'\n width='24px'\n x='0px'\n xmlSpace='preserve'\n xmlns='http://www.w3.org/2000/svg'\n xmlnsXlink='http://www.w3.org/1999/xlink'\n y='0px'\n >\n <g>\n <g>\n <rect height='24' style={{ fill: 'none' }} width='24' />\n </g>\n </g>\n <g>\n <g>\n <path\n d='M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46\n\t\t\tC2.83,2.11,2.11,2.83,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83\n\t\t\tc2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22\n\t\t\tC22.5,9.26,22.5,6.52,22.04,3.78z'\n style={{ fill: '#39870C' }}\n />\n <path\n d='M16.5,7.35c-0.31-0.23-0.75-0.19-1.01,0.1l-4.4,4.95l-2.65-2.3C8.16,9.86,7.75,9.86,7.47,10.1\n\t\t\tc-0.28,0.24-0.35,0.65-0.16,0.97l3.2,5.38c0.14,0.23,0.38,0.37,0.64,0.37c0,0,0,0,0,0c0.26,0,0.51-0.14,0.64-0.36l4.89-8.09\n\t\t\tC16.89,8.02,16.81,7.59,16.5,7.35z'\n style={{ fill: '#FFFFFF' }}\n />\n </g>\n </g>\n </svg>\n );\n}\n"],"names":["IconSuccess","$","_c","t0","Symbol","for","jsx","fill","t1","t2","jsxs"],"mappings":";;AAAO,SAAAA,IAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,~~OAAAC~~,IAAA,2BAAA,KAcDF,IAAA,gBAAAG,EAAA,OACE,UAAA,gBAAAA,EAAA,KAAA,EACE,4BAAA,QAAA,EAAa,QAAA,MAAY,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAgB,OAAA,SACnD,EAAA,CACF,GAAIN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,EAAA,CAAA,MAAAG,~~OAAAC~~,IAAA,2BAAA,KAGAG,IAAA,gBAAAF,EAAA,QAAA,EACI;;;sCAIK,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAW,GAC1BN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,~~OAAAC~~,IAAA,2BAAA,KAzBRI,IAAA,gBAAAC,EAAA,SACa,cAAA,gBACJ,QAAA,QACC,SAAA,OACA,SAAA,aACF,OAAA,QACJ,GAAA,OACO,UAAA,YACH,OAAA,8BACK,YAAA,gCACT,GAAA,OAEFP,UAAAA;AAAAA,IAAAA;AAAAA,IAKA,gBAAAG,EAAA,KAAA,EACE,UAAA,gBAAAI,EAAA,KAAA,EACEF,UAAAA;AAAAA,MAAAA;AAAAA,MAOA,gBAAAF,EAAA,QAAA,EACI,GAAA;AAAA;AAAA,uCAGK,OAAA;AAAA,QAAAC,MAAQ;AAAA,MAAA,EAAU,CAAC;AAAA,IAAA,EAAA,CAE9B,EAAA,CACF;AAAA,EAAA,GACF,GAAMN,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GAlCNQ;AAkCM;"}
1	+ {"version":3,"file":"Success.js","sources":["../../../../../src/components-generic/atoms/notification/_icons/Success.tsx"],"sourcesContent":["export function IconSuccess() {\n return (\n <svg\n aria-label='icon success'\n height='24px'\n version='1.1'\n viewBox='0 0 24 24'\n width='24px'\n x='0px'\n xmlSpace='preserve'\n xmlns='http://www.w3.org/2000/svg'\n xmlnsXlink='http://www.w3.org/1999/xlink'\n y='0px'\n >\n <g>\n <g>\n <rect height='24' style={{ fill: 'none' }} width='24' />\n </g>\n </g>\n <g>\n <g>\n <path\n d='M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46\n\t\t\tC2.83,2.11,2.11,2.83,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83\n\t\t\tc2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22\n\t\t\tC22.5,9.26,22.5,6.52,22.04,3.78z'\n style={{ fill: '#39870C' }}\n />\n <path\n d='M16.5,7.35c-0.31-0.23-0.75-0.19-1.01,0.1l-4.4,4.95l-2.65-2.3C8.16,9.86,7.75,9.86,7.47,10.1\n\t\t\tc-0.28,0.24-0.35,0.65-0.16,0.97l3.2,5.38c0.14,0.23,0.38,0.37,0.64,0.37c0,0,0,0,0,0c0.26,0,0.51-0.14,0.64-0.36l4.89-8.09\n\t\t\tC16.89,8.02,16.81,7.59,16.5,7.35z'\n style={{ fill: '#FFFFFF' }}\n />\n </g>\n </g>\n </svg>\n );\n}\n"],"names":["IconSuccess","$","_c","t0","Symbol","for","jsx","fill","t1","t2","jsxs"],"mappings":";;AAAO,SAAAA,IAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAcDF,IAAA,gBAAAG,EAAA,OACE,UAAA,gBAAAA,EAAA,KAAA,EACE,4BAAA,QAAA,EAAa,QAAA,MAAY,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAgB,OAAA,SACnD,EAAA,CACF,GAAIN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAGAG,IAAA,gBAAAF,EAAA,QAAA,EACI;;;sCAIK,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAW,GAC1BN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAzBRI,IAAA,gBAAAC,EAAA,SACa,cAAA,gBACJ,QAAA,QACC,SAAA,OACA,SAAA,aACF,OAAA,QACJ,GAAA,OACO,UAAA,YACH,OAAA,8BACK,YAAA,gCACT,GAAA,OAEFP,UAAAA;AAAAA,IAAAA;AAAAA,IAKA,gBAAAG,EAAA,KAAA,EACE,UAAA,gBAAAI,EAAA,KAAA,EACEF,UAAAA;AAAAA,MAAAA;AAAAA,MAOA,gBAAAF,EAAA,QAAA,EACI,GAAA;AAAA;AAAA,uCAGK,OAAA;AAAA,QAAAC,MAAQ;AAAA,MAAA,EAAU,CAAC;AAAA,IAAA,EAAA,CAE9B,EAAA,CACF;AAAA,EAAA,GACF,GAAMN,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GAlCNQ;AAkCM;"}

package/dist/components-generic/atoms/notification/_icons/Warning.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { c as t } from "../../../../chunks/compiler-runtime.CrLvXwKf.js";
+import { c as t } from "../../../../chunks/compiler-runtime.BNHg76kC.js";
 import { memo as i } from "react";
 const s = i(() => {
   const l = t.c(2);
   let c;
-  l[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e("rect", { height: "24", style: {
+  l[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e("rect", { height: "24", style: {
     fill: "none"
   }, width: "24" }) }) }), l[0] = c) : c = l[0];
   let n;
-  return l[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r("svg", { "aria-label": "icon warning", height: "24px", version: "1.1", viewBox: "0 0 24 24", width: "24px", x: "0px", xmlSpace: "preserve", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", y: "0px", children: [
+  return l[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r("svg", { "aria-label": "icon warning", height: "24px", version: "1.1", viewBox: "0 0 24 24", width: "24px", x: "0px", xmlSpace: "preserve", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", y: "0px", children: [
     c,
     /* @__PURE__ */ e("g", { children: /* @__PURE__ */ r("g", { children: [
       /* @__PURE__ */ e("path", { d: `M23.38,19.64L13.67,2.47c-0.73-1.3-2.6-1.3-3.34,0L0.62,19.64c-0.72,1.28,0.2,2.86,1.67,2.86h19.43

package/dist/components-generic/atoms/notification/_icons/Warning.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Warning.js","sources":["../../../../../src/components-generic/atoms/notification/_icons/Warning.tsx"],"sourcesContent":["import { memo } from 'react';\n\nexport const IconWarning = memo(() => (\n <svg\n aria-label='icon warning'\n height='24px'\n version='1.1'\n viewBox='0 0 24 24'\n width='24px'\n x='0px'\n xmlSpace='preserve'\n xmlns='http://www.w3.org/2000/svg'\n xmlnsXlink='http://www.w3.org/1999/xlink'\n y='0px'\n >\n <g>\n <g>\n <rect height='24' style={{ fill: 'none' }} width='24' />\n </g>\n </g>\n <g>\n <g>\n <path\n d='M23.38,19.64L13.67,2.47c-0.73-1.3-2.6-1.3-3.34,0L0.62,19.64c-0.72,1.28,0.2,2.86,1.67,2.86h19.43\n\t\t\tC23.18,22.5,24.1,20.92,23.38,19.64z'\n style={{ fill: '#FFB612' }}\n />\n <g>\n <path\n d='M10.54,17.45c0-0.44,0.12-0.82,0.36-1.12c0.24-0.31,0.6-0.46,1.09-0.46c0.48,0,0.85,0.14,1.1,0.4\n\t\t\t\tc0.25,0.27,0.38,0.66,0.38,1.18c0,0.43-0.12,0.8-0.36,1.09c-0.24,0.29-0.6,0.44-1.09,0.44c-0.48,0-0.85-0.13-1.1-0.39\n\t\t\t\tC10.67,18.34,10.54,17.96,10.54,17.45z M10.85,7.18l2.48-0.2l-0.22,5.51v2.63l-2.27,0.05V7.18z'\n />\n </g>\n </g>\n </g>\n </svg>\n));\n"],"names":["IconWarning","memo","$","_c","t0","Symbol","for","jsx","fill","t1","jsxs"],"mappings":";;;AAEO,MAAMA,IAAcC,EAAK,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,~~OAAAC~~,IAAA,2BAAA,KAa5BF,IAAA,gBAAAG,EAAA,OACE,UAAA,gBAAAA,EAAA,KAAA,EACE,4BAAA,QAAA,EAAa,QAAA,MAAY,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAgB,OAAA,SACnD,EAAA,CACF,GAAIN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,~~OAAAC~~,IAAA,2BAAA,KAhBNG,IAAA,gBAAAC,EAAA,SACa,cAAA,gBACJ,QAAA,QACC,SAAA,OACA,SAAA,aACF,OAAA,QACJ,GAAA,OACO,UAAA,YACH,OAAA,8BACK,YAAA,gCACT,GAAA,OAEFN,UAAAA;AAAAA,IAAAA;AAAAA,IAKA,gBAAAG,EAAA,KAAA,EACE,UAAA,gBAAAG,EAAA,KAAA,EACE,UAAA;AAAA,MAAA,gBAAAH,EAAA,QAAA,EACI,GAAA;AAAA,yCAEK,OAAA;AAAA,QAAAC,MAAQ;AAAA,MAAA,GAAW;AAAA,+BAG1B,UAAA,gBAAAD,EAAA,QAAA,EACI;;kGAEkF,EAAA,CAExF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF,GAAML,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAjCNO;AAiCM,CACP;"}
1	+ {"version":3,"file":"Warning.js","sources":["../../../../../src/components-generic/atoms/notification/_icons/Warning.tsx"],"sourcesContent":["import { memo } from 'react';\n\nexport const IconWarning = memo(() => (\n <svg\n aria-label='icon warning'\n height='24px'\n version='1.1'\n viewBox='0 0 24 24'\n width='24px'\n x='0px'\n xmlSpace='preserve'\n xmlns='http://www.w3.org/2000/svg'\n xmlnsXlink='http://www.w3.org/1999/xlink'\n y='0px'\n >\n <g>\n <g>\n <rect height='24' style={{ fill: 'none' }} width='24' />\n </g>\n </g>\n <g>\n <g>\n <path\n d='M23.38,19.64L13.67,2.47c-0.73-1.3-2.6-1.3-3.34,0L0.62,19.64c-0.72,1.28,0.2,2.86,1.67,2.86h19.43\n\t\t\tC23.18,22.5,24.1,20.92,23.38,19.64z'\n style={{ fill: '#FFB612' }}\n />\n <g>\n <path\n d='M10.54,17.45c0-0.44,0.12-0.82,0.36-1.12c0.24-0.31,0.6-0.46,1.09-0.46c0.48,0,0.85,0.14,1.1,0.4\n\t\t\t\tc0.25,0.27,0.38,0.66,0.38,1.18c0,0.43-0.12,0.8-0.36,1.09c-0.24,0.29-0.6,0.44-1.09,0.44c-0.48,0-0.85-0.13-1.1-0.39\n\t\t\t\tC10.67,18.34,10.54,17.96,10.54,17.45z M10.85,7.18l2.48-0.2l-0.22,5.51v2.63l-2.27,0.05V7.18z'\n />\n </g>\n </g>\n </g>\n </svg>\n));\n"],"names":["IconWarning","memo","$","_c","t0","Symbol","for","jsx","fill","t1","jsxs"],"mappings":";;;AAEO,MAAMA,IAAcC,EAAK,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAa5BF,IAAA,gBAAAG,EAAA,OACE,UAAA,gBAAAA,EAAA,KAAA,EACE,4BAAA,QAAA,EAAa,QAAA,MAAY,OAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAgB,OAAA,SACnD,EAAA,CACF,GAAIN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAhBNG,IAAA,gBAAAC,EAAA,SACa,cAAA,gBACJ,QAAA,QACC,SAAA,OACA,SAAA,aACF,OAAA,QACJ,GAAA,OACO,UAAA,YACH,OAAA,8BACK,YAAA,gCACT,GAAA,OAEFN,UAAAA;AAAAA,IAAAA;AAAAA,IAKA,gBAAAG,EAAA,KAAA,EACE,UAAA,gBAAAG,EAAA,KAAA,EACE,UAAA;AAAA,MAAA,gBAAAH,EAAA,QAAA,EACI,GAAA;AAAA,yCAEK,OAAA;AAAA,QAAAC,MAAQ;AAAA,MAAA,GAAW;AAAA,+BAG1B,UAAA,gBAAAD,EAAA,QAAA,EACI;;kGAEkF,EAAA,CAExF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF,GAAML,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAjCNO;AAiCM,CACP;"}

package/dist/components-generic/atoms/section-header/SectionHeader.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { Box as s, Typography as a, Divider as m, typographyClasses as l } from "@mui/material";
-import { l as x } from "../../../chunks/lodash.DPVO3Hgf.js";
+import { l as x } from "../../../chunks/lodash.CdkV4gpV.js";
 function f({
   title: i,
   subtitle: t = "",

package/dist/components-generic/atoms/selection-buttons/checkbox/Checkbox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { CheckBoxOutlineBlank as l, CheckBox as t } from "@mui/icons-material";
 import { FormControlLabel as i, typographyClasses as a, Checkbox as c } from "@mui/material";
-import { l as s } from "../../../../chunks/lodash.DPVO3Hgf.js";
+import { l as s } from "../../../../chunks/lodash.CdkV4gpV.js";
 import { FontNormalSxProps as m } from "../../../../_constants.js";
 function h({
   label: e,

package/dist/components-generic/atoms/selection-buttons/radio-button/RadioButton.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { FormControlLabel as a, typographyClasses as l, Radio as s } from "@mui/material";
-import { l as e } from "../../../../chunks/lodash.DPVO3Hgf.js";
+import { l as e } from "../../../../chunks/lodash.CdkV4gpV.js";
 import { FontNormalSxProps as i } from "../../../../_constants.js";
 function n({
   label: t,

package/dist/components-generic/atoms/table/Table.d.ts.map CHANGED Viewed

	@@ -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,4BAA4B,GAC5B,UAAU,GACV,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,2BAA2B,GAC3B,mBAAmB,CACtB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;IAClH;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,~~2CAgP9E~~"}
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,4BAA4B,GAC5B,UAAU,GACV,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,2BAA2B,GAC3B,mBAAmB,CACtB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;IAClH;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,2CAiP9E"}

package/dist/components-generic/atoms/table/Table.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as F } from "react/jsx-runtime";
-import { checkboxClasses as b, paginationItemClasses as L } from "@mui/material";
-import { GridLogicOperator as f, DataGrid as O, gridClasses as t } from "@mui/x-data-grid";
-import { l as p } from "../../../chunks/lodash.DPVO3Hgf.js";
-import { useState as a, useEffect as v, useMemo as D } from "react";
-import { FontNormalSxProps as G } from "../../../_constants.js";
+import { checkboxClasses as m, paginationItemClasses as D } from "@mui/material";
+import { GridLogicOperator as f, DataGrid as G, gridClasses as t } from "@mui/x-data-grid";
+import { l as p } from "../../../chunks/lodash.CdkV4gpV.js";
+import { useState as a, useEffect as v, useMemo as L } from "react";
+import { FontNormalSxProps as O } from "../../../_constants.js";
 import { QuickSearchToolbar as R } from "./_QuickSearchToolbar.js";
 function z({
   ...e
@@ -17,7 +17,7 @@ function z({
     quickFilterLogicOperator: f.And,
     quickFilterValues: []
   }), [y, w] = a(null), [M, u] = a(e.data?.rowCount ?? 0), n = e.mode ?? "server", g = n === "server";
-  async function m(o, s, c) {
+  async function b(o, s, c) {
     if (g && e.getData) {
       const P = async () => {
         await e.getData({
@@ -32,9 +32,9 @@ function z({
   v(() => {
     u((o) => e.data?.rowCount ?? o);
   }, [e.data?.rowCount, u]), v(() => {
-    m(r, l, i);
+    b(r, l, i);
   }, [r, l, i]);
-  const S = D(() => ({
+  const S = L(() => ({
     pagination: {
       paginationModel: r,
       rowCount: 0
@@ -77,7 +77,7 @@ function z({
     paginationRowsPerPage: "Regels per pagina",
     footerRowSelected: (o) => `${o} regels geselecteerd`
   }, e.localeText);
-  return /* @__PURE__ */ F(O, { columns: e.columns, disableColumnFilter: !0, disableColumnMenu: !0, disableColumnSelector: !0, disableDensitySelector: !0, disableRowSelectionOnClick: !0, disableVirtualization: !0, filterMode: n, getRowHeight: () => "auto", ignoreDiacritics: !0, initialState: S, loading: k, localeText: $, onFilterModelChange: (o) => C(o), onPaginationModelChange: x, onSortModelChange: (o) => h(o), pageSizeOptions: [5, 10, 20, 40, 80], paginationMode: n, paginationModel: r, rowCount: g ? M : void 0, rows: e.data?.rows, showToolbar: !0, slotProps: {
+  return /* @__PURE__ */ F(G, { columns: e.columns, disableColumnFilter: !0, disableColumnMenu: !0, disableColumnSelector: !0, disableDensitySelector: !0, disableRowSelectionOnClick: !0, disableVirtualization: !0, filterMode: n, getRowHeight: () => "auto", ignoreDiacritics: !0, initialState: S, loading: k, localeText: $, onFilterModelChange: (o) => C(o), onPaginationModelChange: x, onSortModelChange: (o) => h(o), pageSizeOptions: [5, 10, 20, 40, 80], paginationMode: n, paginationModel: r, rowCount: g ? M : void 0, rows: e.data?.rows, showToolbar: !0, slotProps: {
     filterPanel: {
       filterFormProps: {
         operatorInputProps: {
@@ -103,7 +103,7 @@ function z({
         debounceMs: 500
       },
       mode: n,
-      getData: async () => m(r, l, i),
+      getData: async () => b(r, l, i),
       actionButtons: e.actionButtons,
       localeText: e.localeText
     },
@@ -144,6 +144,7 @@ function z({
     },
     [`.${t.columnHeader}`]: {
       "--DataGrid-containerBackground": "var(--color-rijks-skyblue)",
+      "--DataGrid-t-header-background-base": "transparent",
       backgroundColor: "var(--color-rijks-skyblue)",
       color: "var(--color-text-light)"
     },
@@ -164,10 +165,10 @@ function z({
     [`.${t.cell}`]: {
       color: "var(--color-text)"
     },
-    [`.${L.root}`]: {
+    [`.${D.root}`]: {
       borderRadius: 0
     },
-    [`.${b.root}`]: {
+    [`.${m.root}`]: {
       color: "var(--color-primary)",
       ":focus": {
         outline: "2px dashed var(--color-text)",
@@ -178,10 +179,10 @@ function z({
         color: "var(--color-disabled)"
       }
     },
-    [`.${t.columnHeader} .${b.root}`]: {
+    [`.${t.columnHeader} .${m.root}`]: {
       color: "white"
     }
-  }, e.sx, G), ...e.dataGridOverridableProps });
+  }, e.sx, O), ...e.dataGridOverridableProps });
 }
 export {
   z as AoaTable

package/dist/components-generic/atoms/table/Table.js.map CHANGED Viewed

	@@ -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 \| 'disableRowSelectionOnClick'\n \| 'getRowId'\n \| 'ignoreDiacritics'\n \| 'isRowSelectable'\n \| 'loading'\n \| 'onRowSelectionModelChange'\n \| 'rowSelectionModel'\n >;\n /\n Sets the initial query options to retain query details after opening a page and returning to the table\n /\n readonly initialQueryOptions?: GridPaginationModel & Omit<GridGetRowsParams, 'end' \| 'paginationModel' \| 'start'>;\n /\n Overwrites the default labels when you need a different language than Dutch\n /\n readonly localeText?: GridLocaleText & { refreshTable: string };\n /\n Material UI's property to apply styling\n /\n readonly sx?: SxProps;\n};\n\n/\n Constructs a table using pre-defined Rijks styling\n \n @param props - Props to pass to the button\n * @example\n * ```jsx\n * <AoaTable\n * getData={(queryOptions) => getMockData(queryOptions)}\n * data={mockData}\n * columns={[{ field: \"id\" }, { field: \"title\" }, { field: \"completed\" }]}\n * />\n * ```\n /\n\nexport function AoaTable<T extends object = any>({ ...props }: AoaTableProps<T>) {\n const [isLoading, setIsLoading] = useState(false);\n const [paginationModel, setPaginationModel] = useState<GridPaginationModel>({\n page: props.initialQueryOptions?.page ?? 0,\n pageSize: props.initialQueryOptions?.pageSize ?? 10\n });\n const [sortModel, setSortModel] = useState<GridSortModel>(props.initialQueryOptions?.sortModel ?? []);\n const [filterModel, setFilterModel] = useState<GridFilterModel>(\n props.initialQueryOptions?.filterModel ?? {\n items: [],\n logicOperator: GridLogicOperator.And,\n quickFilterLogicOperator: GridLogicOperator.And,\n quickFilterValues: []\n }\n );\n const [filterButtonEl, setFilterButtonEl] = useState<HTMLButtonElement \| null>(null);\n\n const [rowCountState, setRowCountState] = useState(props.data?.rowCount ?? 0);\n\n const mode = props.mode ?? 'server';\n const isServerMode = mode === 'server';\n\n async function getData(paginationModel: GridPaginationModel, sortModel: GridSortModel, filterModel: GridFilterModel) {\n if (isServerMode && props.getData) {\n const fetchData = async () => {\n await props.getData({ ...paginationModel, sortModel, filterModel });\n };\n\n setIsLoading(true);\n await fetchData();\n setIsLoading(false);\n }\n }\n\n useEffect(() => {\n setRowCountState((prevRowCountState) => props.data?.rowCount ?? prevRowCountState);\n }, [props.data?.rowCount, setRowCountState]);\n\n useEffect(() => {\n void getData(paginationModel, sortModel, filterModel);\n // ESLint tells us here that we should add the `getData` function, however,\n // doing so will cause the fetching to loop infinity until the JavaScript heap overflows.\n // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [paginationModel, sortModel, filterModel]);\n\n const initialState: GridInitialState = useMemo(\n () => ({\n pagination: {\n paginationModel,\n rowCount: 0\n },\n sorting: {\n sortModel\n },\n filter: {\n filterModel\n }\n }),\n [paginationModel, sortModel, filterModel]\n );\n\n const mergedLocaleText = merge<Partial<GridLocaleText & { refreshTable: string }>, (GridLocaleText & { refreshTable: string }) \| undefined>(\n {\n columnHeaderSortIconLabel: 'Sorteren',\n filterPanelColumns: 'Kolom',\n filterPanelInputLabel: 'Zoekterm',\n filterPanelInputPlaceholder: 'Zoeken...',\n toolbarQuickFilterPlaceholder: 'Zoeken...',\n toolbarQuickFilterLabel: 'Zoeken',\n toolbarQuickFilterDeleteIconLabel: 'Wissen',\n noRowsLabel: 'Geen regels beschikbaar',\n noResultsOverlayLabel: 'Geen regels gevonden.',\n paginationItemAriaLabel: (type) => {\n switch (type) {\n / v8 ignore 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 disabled: true,\n sx: { display: 'none' }\n },\n valueInputProps: {\n sx: {\n marginLeft: '15px'\n }\n }\n }\n },\n panel: {\n target: filterButtonEl\n },\n toolbar: {\n setFilterButtonEl,\n showQuickFilter: props.dataGridOverridableProps?.disableColumnFilter === false,\n quickFilterProps: { debounceMs: 500 },\n mode,\n getData: async () => getData(paginationModel, sortModel, filterModel),\n actionButtons: props.actionButtons,\n localeText: props.localeText\n },\n root: {\n 'data-qa': props['data-qa']\n }\n }}\n slots={{ toolbar: QuickSearchToolbar }}\n sortingMode={mode}\n sx={merge(\n {\n border: 0,\n color: 'var(--color-text)',\n letterSpacing: 'normal',\n minHeight: '300px',\n\n [`&.${gridClasses['root--densityCompact']}`]: {\n [`.${gridClasses.cell}`]: {\n py: '8px'\n }\n },\n [`&.${gridClasses['root--densityStandard']}`]: {\n [`.${gridClasses.cell}`]: {\n py: '15px'\n }\n },\n [`&.${gridClasses['root--densityComfortable']}`]: {\n [`.${gridClasses.cell}`]: {\n py: '22px'\n }\n },\n\n /\n The 'no results' message does not show if the DataGrid does not have a fixed height.\n * Because a fixed height is not desirable, we set a min-height on the DataGrid and set\n * the min-height of the virtualScroller to half of that height.\n */\n [`.${gridClasses.virtualScroller}`]: {\n minHeight: '150px',\n overflow: 'hidden',\n position: 'relative'\n },\n\n [`.${gridClasses.columnHeader}`]: {\n '--DataGrid-containerBackground': 'var(--color-rijks-skyblue)',\n backgroundColor: 'var(--color-rijks-skyblue)',\n color: 'var(--color-text-light)'\n },\n\n [`.${gridClasses.row}`]: {\n ':hover': {\n backgroundColor: 'var(--color-rijks-skyblue-light)'\n },\n\n ':nth-of-type(even)': {\n backgroundColor: 'var(--color-rijks-grey-1)',\n\n ':hover': {\n backgroundColor: 'var(--color-rijks-skyblue-light)'\n }\n }\n },\n\n [`.${gridClasses.columnHeader}, .${gridClasses.cell}, .MuiDataGrid-columnsContainer`]: {\n borderRight: '1px solid var(--color-rijks-grey-2)'\n },\n\n [`.${gridClasses.cell}`]: {\n color: 'var(--color-text)'\n },\n\n [`.${paginationItemClasses.root}`]: {\n borderRadius: 0\n },\n\n [`.${checkboxClasses.root}`]: {\n color: 'var(--color-primary)',\n\n ':focus': {\n outline: '2px dashed var(--color-text)',\n outlineOffset: '-9px',\n borderRadius: 0\n },\n\n ':disabled': {\n color: 'var(--color-disabled)'\n }\n },\n\n [`.${gridClasses.columnHeader} .${checkboxClasses.root}`]: {\n color: 'white'\n }\n },\n props.sx,\n FontNormalSxProps\n )}\n {...props.dataGridOverridableProps}\n />\n );\n}\n"],"names":["AoaTable","props","isLoading","setIsLoading","useState","paginationModel","setPaginationModel","page","initialQueryOptions","pageSize","sortModel","setSortModel","filterModel","setFilterModel","items","logicOperator","GridLogicOperator","And","quickFilterLogicOperator","quickFilterValues","filterButtonEl","setFilterButtonEl","rowCountState","setRowCountState","data","rowCount","mode","isServerMode","getData","fetchData","useEffect","prevRowCountState","initialState","useMemo","pagination","sorting","filter","mergedLocaleText","merge","columnHeaderSortIconLabel","filterPanelColumns","filterPanelInputLabel","filterPanelInputPlaceholder","toolbarQuickFilterPlaceholder","toolbarQuickFilterLabel","toolbarQuickFilterDeleteIconLabel","noRowsLabel","noResultsOverlayLabel","paginationItemAriaLabel","type","paginationDisplayedRows","from","to","count","paginationRowsPerPage","footerRowSelected","localeText","jsx","DataGrid","columns","undefined","rows","filterPanel","filterFormProps","operatorInputProps","disabled","sx","display","valueInputProps","marginLeft","panel","target","toolbar","showQuickFilter","dataGridOverridableProps","disableColumnFilter","quickFilterProps","debounceMs","actionButtons","root","QuickSearchToolbar","border","color","letterSpacing","minHeight","gridClasses","cell","py","virtualScroller","overflow","position","columnHeader","backgroundColor","row","borderRight","paginationItemClasses","borderRadius","checkboxClasses","outline","outlineOffset","FontNormalSxProps"],"mappings":"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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 \| 'disableColumnFilter'\n \| 'disableRowSelectionOnClick'\n \| 'getRowId'\n \| 'ignoreDiacritics'\n \| 'isRowSelectable'\n \| 'loading'\n \| 'onRowSelectionModelChange'\n \| 'rowSelectionModel'\n >;\n /\n Sets the initial query options to retain query details after opening a page and returning to the table\n /\n readonly initialQueryOptions?: GridPaginationModel & Omit<GridGetRowsParams, 'end' \| 'paginationModel' \| 'start'>;\n /\n Overwrites the default labels when you need a different language than Dutch\n /\n readonly localeText?: GridLocaleText & { refreshTable: string };\n /\n Material UI's property to apply styling\n /\n readonly sx?: SxProps;\n};\n\n/\n Constructs a table using pre-defined Rijks styling\n \n @param props - Props to pass to the button\n * @example\n * ```jsx\n * <AoaTable\n * getData={(queryOptions) => getMockData(queryOptions)}\n * data={mockData}\n * columns={[{ field: \"id\" }, { field: \"title\" }, { field: \"completed\" }]}\n * />\n * ```\n /\n\nexport function AoaTable<T extends object = any>({ ...props }: AoaTableProps<T>) {\n const [isLoading, setIsLoading] = useState(false);\n const [paginationModel, setPaginationModel] = useState<GridPaginationModel>({\n page: props.initialQueryOptions?.page ?? 0,\n pageSize: props.initialQueryOptions?.pageSize ?? 10\n });\n const [sortModel, setSortModel] = useState<GridSortModel>(props.initialQueryOptions?.sortModel ?? []);\n const [filterModel, setFilterModel] = useState<GridFilterModel>(\n props.initialQueryOptions?.filterModel ?? {\n items: [],\n logicOperator: GridLogicOperator.And,\n quickFilterLogicOperator: GridLogicOperator.And,\n quickFilterValues: []\n }\n );\n const [filterButtonEl, setFilterButtonEl] = useState<HTMLButtonElement \| null>(null);\n\n const [rowCountState, setRowCountState] = useState(props.data?.rowCount ?? 0);\n\n const mode = props.mode ?? 'server';\n const isServerMode = mode === 'server';\n\n async function getData(paginationModel: GridPaginationModel, sortModel: GridSortModel, filterModel: GridFilterModel) {\n if (isServerMode && props.getData) {\n const fetchData = async () => {\n await props.getData({ ...paginationModel, sortModel, filterModel });\n };\n\n setIsLoading(true);\n await fetchData();\n setIsLoading(false);\n }\n }\n\n useEffect(() => {\n setRowCountState((prevRowCountState) => props.data?.rowCount ?? prevRowCountState);\n }, [props.data?.rowCount, setRowCountState]);\n\n useEffect(() => {\n void getData(paginationModel, sortModel, filterModel);\n // ESLint tells us here that we should add the `getData` function, however,\n // doing so will cause the fetching to loop infinity until the JavaScript heap overflows.\n // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [paginationModel, sortModel, filterModel]);\n\n const initialState: GridInitialState = useMemo(\n () => ({\n pagination: {\n paginationModel,\n rowCount: 0\n },\n sorting: {\n sortModel\n },\n filter: {\n filterModel\n }\n }),\n [paginationModel, sortModel, filterModel]\n );\n\n const mergedLocaleText = merge<Partial<GridLocaleText & { refreshTable: string }>, (GridLocaleText & { refreshTable: string }) \| undefined>(\n {\n columnHeaderSortIconLabel: 'Sorteren',\n filterPanelColumns: 'Kolom',\n filterPanelInputLabel: 'Zoekterm',\n filterPanelInputPlaceholder: 'Zoeken...',\n toolbarQuickFilterPlaceholder: 'Zoeken...',\n toolbarQuickFilterLabel: 'Zoeken',\n toolbarQuickFilterDeleteIconLabel: 'Wissen',\n noRowsLabel: 'Geen regels beschikbaar',\n noResultsOverlayLabel: 'Geen regels gevonden.',\n paginationItemAriaLabel: (type) => {\n switch (type) {\n / v8 ignore 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 disabled: true,\n sx: { display: 'none' }\n },\n valueInputProps: {\n sx: {\n marginLeft: '15px'\n }\n }\n }\n },\n panel: {\n target: filterButtonEl\n },\n toolbar: {\n setFilterButtonEl,\n showQuickFilter: props.dataGridOverridableProps?.disableColumnFilter === false,\n quickFilterProps: { debounceMs: 500 },\n mode,\n getData: async () => getData(paginationModel, sortModel, filterModel),\n actionButtons: props.actionButtons,\n localeText: props.localeText\n },\n root: {\n 'data-qa': props['data-qa']\n }\n }}\n slots={{ toolbar: QuickSearchToolbar }}\n sortingMode={mode}\n sx={merge(\n {\n border: 0,\n color: 'var(--color-text)',\n letterSpacing: 'normal',\n minHeight: '300px',\n\n [`&.${gridClasses['root--densityCompact']}`]: {\n [`.${gridClasses.cell}`]: {\n py: '8px'\n }\n },\n [`&.${gridClasses['root--densityStandard']}`]: {\n [`.${gridClasses.cell}`]: {\n py: '15px'\n }\n },\n [`&.${gridClasses['root--densityComfortable']}`]: {\n [`.${gridClasses.cell}`]: {\n py: '22px'\n }\n },\n\n /\n The 'no results' message does not show if the DataGrid does not have a fixed height.\n * Because a fixed height is not desirable, we set a min-height on the DataGrid and set\n * the min-height of the virtualScroller to half of that height.\n */\n [`.${gridClasses.virtualScroller}`]: {\n minHeight: '150px',\n overflow: 'hidden',\n position: 'relative'\n },\n\n [`.${gridClasses.columnHeader}`]: {\n '--DataGrid-containerBackground': 'var(--color-rijks-skyblue)',\n '--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","filterPanelInputPlaceholder","toolbarQuickFilterPlaceholder","toolbarQuickFilterLabel","toolbarQuickFilterDeleteIconLabel","noRowsLabel","noResultsOverlayLabel","paginationItemAriaLabel","type","paginationDisplayedRows","from","to","count","paginationRowsPerPage","footerRowSelected","localeText","jsx","DataGrid","columns","undefined","rows","filterPanel","filterFormProps","operatorInputProps","disabled","sx","display","valueInputProps","marginLeft","panel","target","toolbar","showQuickFilter","dataGridOverridableProps","disableColumnFilter","quickFilterProps","debounceMs","actionButtons","root","QuickSearchToolbar","border","color","letterSpacing","minHeight","gridClasses","cell","py","virtualScroller","overflow","position","columnHeader","backgroundColor","row","borderRight","paginationItemClasses","borderRadius","checkboxClasses","outline","outlineOffset","FontNormalSxProps"],"mappings":"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"}