@gusto/embedded-react-sdk 0.13.3 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## 0.14.0
+
+### Features & Enhancements
+
+- Add LoadingSpinner component and normalize loading behavior across payroll components
+- Implement payroll blockers for calculate payroll
+- Add warning when employees are getting paid by check
+- Add payroll receipt and summary navigation in PayrollHistory
+- Add payroll totals for company pays
+- Update FLSA minimum salary amount
+
+### Fixes
+
+- Update Text inside table cells to use span instead of div for proper HTML semantics
+
+### Chores & Maintenance
+
+- Upgrade embedded API client to latest version
+- Upgrade various production and development dependencies for improved stability
+
+## 0.13.4
+
+### Fixes
+
+- Patch release for bug fixes and improvements around finite state machines
+
 ## 0.13.3
 
 ### Fixes

package/dist/assets/icons/hamburger.svg.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-const a = ({
+const n = ({
   title: t,
-  titleId: l,
-  ...r
-}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 21, height: 20, viewBox: "0 0 21 20", fill: "none", "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M12.375 3.125C12.375 4.16053 11.5355 5 10.5 5C9.46447 5 8.625 4.16053 8.625 3.125C8.625 2.08947 9.46447 1.25 10.5 1.25C11.5355 1.25 12.375 2.08947 12.375 3.125Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12.375 10C12.375 11.0355 11.5355 11.875 10.5 11.875C9.46447 11.875 8.625 11.0355 8.625 10C8.625 8.96447 9.46447 8.125 10.5 8.125C11.5355 8.125 12.375 8.96447 12.375 10Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5 18.75C11.5355 18.75 12.375 17.9105 12.375 16.875C12.375 15.8395 11.5355 15 10.5 15C9.46447 15 8.625 15.8395 8.625 16.875C8.625 17.9105 9.46447 18.75 10.5 18.75Z", fill: "currentColor" }));
+  titleId: r,
+  ...o
+}) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": r, ...o }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M9.99996 10.8333C10.4602 10.8333 10.8333 10.4602 10.8333 9.99999C10.8333 9.53976 10.4602 9.16666 9.99996 9.16666C9.53972 9.16666 9.16663 9.53976 9.16663 9.99999C9.16663 10.4602 9.53972 10.8333 9.99996 10.8333Z", stroke: "#535862", strokeWidth: 1.66667, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M9.99996 4.99999C10.4602 4.99999 10.8333 4.6269 10.8333 4.16666C10.8333 3.70642 10.4602 3.33333 9.99996 3.33333C9.53972 3.33333 9.16663 3.70642 9.16663 4.16666C9.16663 4.6269 9.53972 4.99999 9.99996 4.99999Z", stroke: "#535862", strokeWidth: 1.66667, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M9.99996 16.6667C10.4602 16.6667 10.8333 16.2936 10.8333 15.8333C10.8333 15.3731 10.4602 15 9.99996 15C9.53972 15 9.16663 15.3731 9.16663 15.8333C9.16663 16.2936 9.53972 16.6667 9.99996 16.6667Z", stroke: "#535862", strokeWidth: 1.66667, strokeLinecap: "round", strokeLinejoin: "round" }));
 export {
-  a as default
+  n as default
 };
 //# sourceMappingURL=hamburger.svg.js.map

package/dist/assets/icons/hamburger.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"hamburger.svg.js","sources":["../../../src/assets/icons/hamburger.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgHamburger = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 21, height: 20, viewBox: \"0 0 21 20\", fill: \"none\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12.375 3.125C12.375 4.16053 11.5355 5 10.5 5C9.46447 5 8.625 4.16053 8.625 3.125C8.625 2.08947 9.46447 1.25 10.5 1.25C11.5355 1.25 12.375 2.08947 12.375 3.125Z\", fill: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M12.375 10C12.375 11.0355 11.5355 11.875 10.5 11.875C9.46447 11.875 8.625 11.0355 8.625 10C8.625 8.96447 9.46447 8.125 10.5 8.125C11.5355 8.125 12.375 8.96447 12.375 10Z\", fill: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M10.5 18.75C11.5355 18.75 12.375 17.9105 12.375 16.875C12.375 15.8395 11.5355 15 10.5 15C9.46447 15 8.625 15.8395 8.625 16.875C8.625 17.9105 9.46447 18.75 10.5 18.75Z\", fill: \"currentColor\" }));\nexport default SvgHamburger;\n"],"names":["SvgHamburger","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAe,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,oKAAoK,MAAM,eAAc,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,6KAA6K,MAAM,eAAc,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,0KAA0K,MAAM,eAAc,CAAE,CAAC;"}
+{"version":3,"file":"hamburger.svg.js","sources":["../../../src/assets/icons/hamburger.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgHamburger = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 20, height: 20, viewBox: \"0 0 20 20\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.99996 10.8333C10.4602 10.8333 10.8333 10.4602 10.8333 9.99999C10.8333 9.53976 10.4602 9.16666 9.99996 9.16666C9.53972 9.16666 9.16663 9.53976 9.16663 9.99999C9.16663 10.4602 9.53972 10.8333 9.99996 10.8333Z\", stroke: \"#535862\", strokeWidth: 1.66667, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.99996 4.99999C10.4602 4.99999 10.8333 4.6269 10.8333 4.16666C10.8333 3.70642 10.4602 3.33333 9.99996 3.33333C9.53972 3.33333 9.16663 3.70642 9.16663 4.16666C9.16663 4.6269 9.53972 4.99999 9.99996 4.99999Z\", stroke: \"#535862\", strokeWidth: 1.66667, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.99996 16.6667C10.4602 16.6667 10.8333 16.2936 10.8333 15.8333C10.8333 15.3731 10.4602 15 9.99996 15C9.53972 15 9.16663 15.3731 9.16663 15.8333C9.16663 16.2936 9.53972 16.6667 9.99996 16.6667Z\", stroke: \"#535862\", strokeWidth: 1.66667, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgHamburger;\n"],"names":["SvgHamburger","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAe,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,qNAAqN,QAAQ,WAAW,aAAa,SAAS,eAAe,SAAS,gBAAgB,QAAO,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,mNAAmN,QAAQ,WAAW,aAAa,SAAS,eAAe,SAAS,gBAAgB,QAAO,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,sMAAsM,QAAQ,WAAW,aAAa,SAAS,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

package/dist/assets/icons/receipt-check.svg.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+const n = ({
+  title: t,
+  titleId: r,
+  ...o
+}) => /* @__PURE__ */ e.createElement("svg", { width: 42, height: 42, viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": r, ...o }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M15.75 18.375L19.25 21.875L27.125 14M35 36.75V13.65C35 10.7097 35 9.23959 34.4278 8.11655C33.9245 7.1287 33.1213 6.32555 32.1335 5.82222C31.0104 5.25 29.5403 5.25 26.6 5.25H15.4C12.4597 5.25 10.9896 5.25 9.86655 5.82222C8.8787 6.32555 8.07555 7.1287 7.57222 8.11655C7 9.23959 7 10.7097 7 13.65V36.75L11.8125 33.25L16.1875 36.75L21 33.25L25.8125 36.75L30.1875 33.25L35 36.75Z", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  n as default
+};
+//# sourceMappingURL=receipt-check.svg.js.map

package/dist/assets/icons/receipt-check.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"receipt-check.svg.js","sources":["../../../src/assets/icons/receipt-check.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgReceiptCheck = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 42, height: 42, viewBox: \"0 0 42 42\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M15.75 18.375L19.25 21.875L27.125 14M35 36.75V13.65C35 10.7097 35 9.23959 34.4278 8.11655C33.9245 7.1287 33.1213 6.32555 32.1335 5.82222C31.0104 5.25 29.5403 5.25 26.6 5.25H15.4C12.4597 5.25 10.9896 5.25 9.86655 5.82222C8.8787 6.32555 8.07555 7.1287 7.57222 8.11655C7 9.23959 7 10.7097 7 13.65V36.75L11.8125 33.25L16.1875 36.75L21 33.25L25.8125 36.75L30.1875 33.25L35 36.75Z\", stroke: \"currentColor\", strokeWidth: 3, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgReceiptCheck;\n"],"names":["SvgReceiptCheck","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAkB,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,KAAWD,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,0XAA0X,QAAQ,gBAAgB,aAAa,GAAG,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

package/dist/assets/icons/spinner_large.svg.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+const a = ({
+  title: t,
+  titleId: l,
+  ...r
+}) => /* @__PURE__ */ e.createElement("svg", { width: 80, height: 80, viewBox: "0 0 80 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M47.3006 79.0698C41.5319 80.1477 35.5961 79.9349 29.9194 78.4465C24.2428 76.9581 18.9661 74.2311 14.4685 70.4613C9.97083 66.6916 6.36377 61.9726 3.90636 56.6434C1.44895 51.3141 0.202168 45.5068 0.255551 39.6385L6.46944 39.695C6.4244 44.6458 7.47625 49.5452 9.54946 54.0412C11.6227 58.5373 14.6658 62.5184 18.4602 65.6988C22.2547 68.8792 26.7063 71.1798 31.4955 72.4355C36.2846 73.6912 41.2924 73.8708 46.1592 72.9614L47.3006 79.0698Z", fill: "currentColor" }));
+export {
+  a as default
+};
+//# sourceMappingURL=spinner_large.svg.js.map

package/dist/assets/icons/spinner_large.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner_large.svg.js","sources":["../../../src/assets/icons/spinner_large.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgSpinnerLarge = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 80, height: 80, viewBox: \"0 0 80 80\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M47.3006 79.0698C41.5319 80.1477 35.5961 79.9349 29.9194 78.4465C24.2428 76.9581 18.9661 74.2311 14.4685 70.4613C9.97083 66.6916 6.36377 61.9726 3.90636 56.6434C1.44895 51.3141 0.202168 45.5068 0.255551 39.6385L6.46944 39.695C6.4244 44.6458 7.47625 49.5452 9.54946 54.0412C11.6227 58.5373 14.6658 62.5184 18.4602 65.6988C22.2547 68.8792 26.7063 71.1798 31.4955 72.4355C36.2846 73.6912 41.2924 73.8708 46.1592 72.9614L47.3006 79.0698Z\", fill: \"currentColor\" }));\nexport default SvgSpinnerLarge;\n"],"names":["SvgSpinnerLarge","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAkB,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,qbAAqb,MAAM,gBAAgB,CAAC;"}

package/dist/components/Common/DataView/DataTable/DataTable.js

@@ -1,55 +1,55 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useTranslation as g } from "react-i18next";
 import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { VisuallyHidden as b } from "../../VisuallyHidden/VisuallyHidden.js";
-function H(a, r) {
+import { VisuallyHidden as h } from "../../VisuallyHidden/VisuallyHidden.js";
+function m(s, r) {
   if (r.render)
-    return r.render(a);
+    return r.render(s);
   if (r.key) {
     const n = r.key;
-    return String(a[n] ?? "");
+    return String(s[n] ?? "");
   }
   return "";
 }
 const F = ({
-  label: a,
+  label: s,
   data: r,
   columns: n,
-  itemMenu: s,
-  onSelect: c,
-  emptyState: f,
-  footer: k,
-  variant: h
+  itemMenu: c,
+  onSelect: a,
+  emptyState: d,
+  footer: f,
+  variant: b
 }) => {
-  const p = D(), { t: d } = g("common"), u = [
-    ...c ? [
+  const p = D(), { t: k } = g("common"), u = [
+    ...a ? [
       {
         key: "select-header",
-        content: /* @__PURE__ */ l(b, { children: d("table.selectRowHeader") })
+        content: /* @__PURE__ */ l(h, { children: k("table.selectRowHeader") })
       }
     ] : [],
     ...n.map((t, e) => ({
       key: typeof t.key == "string" ? t.key : `header-${e}`,
       content: t.title
     })),
-    ...s ? [
+    ...c ? [
       {
         key: "actions-header",
-        content: /* @__PURE__ */ l(b, { children: d("table.actionsColumnHeader") })
+        content: /* @__PURE__ */ l(h, { children: k("table.actionsColumnHeader") })
       }
     ] : []
   ], C = r.map((t, e) => {
     const i = [
-      ...c ? [
+      ...a ? [
         {
           key: `select-${e}`,
           content: /* @__PURE__ */ l(
             p.Checkbox,
             {
               onChange: (o) => {
-                c(t, o);
+                a(t, o);
               },
-              label: d("table.selectRowLabel"),
+              label: k("table.selectRowLabel"),
               shouldVisuallyHideLabel: !0
             }
           )
@@ -57,12 +57,12 @@ const F = ({
       ] : [],
       ...n.map((o, y) => ({
         key: typeof o.key == "string" ? o.key : `cell-${y}`,
-        content: H(t, o)
+        content: m(t, o)
       })),
-      ...s ? [
+      ...c ? [
         {
           key: `menu-${e}`,
-          content: s(t)
+          content: c(t)
         }
       ] : []
     ];
@@ -71,9 +71,9 @@ const F = ({
       data: i
     };
   }), $ = (() => {
-    if (!k) return;
-    const t = k(), e = [];
-    return c && e.push({
+    if (!f) return;
+    const t = f(), e = [];
+    return a && e.push({
       key: "footer-select",
       content: ""
     }), n.forEach((i, o) => {
@@ -82,7 +82,7 @@ const F = ({
         key: `footer-${y}`,
         content: t[y] || ""
       });
-    }), s && e.push({
+    }), c && e.push({
       key: "footer-actions",
       content: ""
     }), e;
@@ -90,13 +90,14 @@ const F = ({
   return /* @__PURE__ */ l(
     p.Table,
     {
-      "aria-label": a,
+      "aria-label": s,
       "data-testid": "data-table",
       headers: u,
       rows: C,
       footer: $,
-      emptyState: f ? f() : void 0,
-      variant: h
+      emptyState: d ? d() : void 0,
+      variant: b,
+      hasCheckboxColumn: !!a
     }
   );
 };

package/dist/components/Common/DataView/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/Common/DataView/DataTable/DataTable.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { useDataViewPropReturn } from '../useDataView'\nimport type { TableData, TableRow, TableProps } from '../../UI/Table/TableTypes'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type DataTableProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  variant?: TableProps['variant']\n}\n\nfunction getCellContent<T>(\n  item: T,\n  column: { key?: string | keyof T; render?: (item: T) => React.ReactNode },\n) {\n  if (column.render) {\n    return column.render(item)\n  }\n\n  if (column.key) {\n    const key = column.key as keyof T\n    return String(item[key] ?? '')\n  }\n\n  return ''\n}\n\nexport const DataTable = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  emptyState,\n  footer,\n  variant,\n}: DataTableProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n\n  const headers: TableData[] = [\n    ...(onSelect\n      ? [\n          {\n            key: 'select-header',\n            content: <VisuallyHidden>{t('table.selectRowHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n    ...columns.map((column, index) => ({\n      key: typeof column.key === 'string' ? column.key : `header-${index}`,\n      content: column.title,\n    })),\n    ...(itemMenu\n      ? [\n          {\n            key: 'actions-header',\n            content: <VisuallyHidden>{t('table.actionsColumnHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n  ]\n\n  const rows: TableRow[] = data.map((item, rowIndex) => {\n    const rowData: TableData[] = [\n      ...(onSelect\n        ? [\n            {\n              key: `select-${rowIndex}`,\n              content: (\n                <Components.Checkbox\n                  onChange={(checked: boolean) => {\n                    onSelect(item, checked)\n                  }}\n                  label={t('table.selectRowLabel')}\n                  shouldVisuallyHideLabel\n                />\n              ),\n            },\n          ]\n        : []),\n      ...columns.map((column, colIndex) => {\n        return {\n          key: typeof column.key === 'string' ? column.key : `cell-${colIndex}`,\n          content: getCellContent(item, column),\n        }\n      }),\n      ...(itemMenu\n        ? [\n            {\n              key: `menu-${rowIndex}`,\n              content: itemMenu(item),\n            },\n          ]\n        : []),\n    ]\n\n    return {\n      key: `row-${rowIndex}`,\n      data: rowData,\n    }\n  })\n\n  const buildFooterData = () => {\n    if (!footer) return undefined\n\n    const footerContent = footer()\n    const footerCells: TableData[] = []\n\n    // Add select column footer (empty)\n    if (onSelect) {\n      footerCells.push({\n        key: 'footer-select',\n        content: '',\n      })\n    }\n\n    // Add data column footers\n    columns.forEach((column, index) => {\n      const columnKey = typeof column.key === 'string' ? column.key : `column-${index}`\n      footerCells.push({\n        key: `footer-${columnKey}`,\n        content: footerContent[columnKey] || '',\n      })\n    })\n\n    // Add actions column footer (empty)\n    if (itemMenu) {\n      footerCells.push({\n        key: 'footer-actions',\n        content: '',\n      })\n    }\n\n    return footerCells\n  }\n\n  const footerData = buildFooterData()\n\n  return (\n    <Components.Table\n      aria-label={label}\n      data-testid=\"data-table\"\n      headers={headers}\n      rows={rows}\n      footer={footerData}\n      emptyState={emptyState ? emptyState() : undefined}\n      variant={variant}\n    />\n  )\n}\n"],"names":["getCellContent","item","column","key","DataTable","label","data","columns","itemMenu","onSelect","emptyState","footer","variant","Components","useComponentContext","t","useTranslation","headers","jsx","VisuallyHidden","index","rows","rowIndex","rowData","checked","colIndex","footerData","footerContent","footerCells","columnKey"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/Common/DataView/DataTable/DataTable.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { useDataViewPropReturn } from '../useDataView'\nimport type { TableData, TableRow, TableProps } from '../../UI/Table/TableTypes'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type DataTableProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  variant?: TableProps['variant']\n}\n\nfunction getCellContent<T>(\n  item: T,\n  column: { key?: string | keyof T; render?: (item: T) => React.ReactNode },\n) {\n  if (column.render) {\n    return column.render(item)\n  }\n\n  if (column.key) {\n    const key = column.key as keyof T\n    return String(item[key] ?? '')\n  }\n\n  return ''\n}\n\nexport const DataTable = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  emptyState,\n  footer,\n  variant,\n}: DataTableProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n\n  const headers: TableData[] = [\n    ...(onSelect\n      ? [\n          {\n            key: 'select-header',\n            content: <VisuallyHidden>{t('table.selectRowHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n    ...columns.map((column, index) => ({\n      key: typeof column.key === 'string' ? column.key : `header-${index}`,\n      content: column.title,\n    })),\n    ...(itemMenu\n      ? [\n          {\n            key: 'actions-header',\n            content: <VisuallyHidden>{t('table.actionsColumnHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n  ]\n\n  const rows: TableRow[] = data.map((item, rowIndex) => {\n    const rowData: TableData[] = [\n      ...(onSelect\n        ? [\n            {\n              key: `select-${rowIndex}`,\n              content: (\n                <Components.Checkbox\n                  onChange={(checked: boolean) => {\n                    onSelect(item, checked)\n                  }}\n                  label={t('table.selectRowLabel')}\n                  shouldVisuallyHideLabel\n                />\n              ),\n            },\n          ]\n        : []),\n      ...columns.map((column, colIndex) => {\n        return {\n          key: typeof column.key === 'string' ? column.key : `cell-${colIndex}`,\n          content: getCellContent(item, column),\n        }\n      }),\n      ...(itemMenu\n        ? [\n            {\n              key: `menu-${rowIndex}`,\n              content: itemMenu(item),\n            },\n          ]\n        : []),\n    ]\n\n    return {\n      key: `row-${rowIndex}`,\n      data: rowData,\n    }\n  })\n\n  const buildFooterData = () => {\n    if (!footer) return undefined\n\n    const footerContent = footer()\n    const footerCells: TableData[] = []\n\n    // Add select column footer (empty)\n    if (onSelect) {\n      footerCells.push({\n        key: 'footer-select',\n        content: '',\n      })\n    }\n\n    // Add data column footers\n    columns.forEach((column, index) => {\n      const columnKey = typeof column.key === 'string' ? column.key : `column-${index}`\n      footerCells.push({\n        key: `footer-${columnKey}`,\n        content: footerContent[columnKey] || '',\n      })\n    })\n\n    // Add actions column footer (empty)\n    if (itemMenu) {\n      footerCells.push({\n        key: 'footer-actions',\n        content: '',\n      })\n    }\n\n    return footerCells\n  }\n\n  const footerData = buildFooterData()\n\n  return (\n    <Components.Table\n      aria-label={label}\n      data-testid=\"data-table\"\n      headers={headers}\n      rows={rows}\n      footer={footerData}\n      emptyState={emptyState ? emptyState() : undefined}\n      variant={variant}\n      hasCheckboxColumn={!!onSelect}\n    />\n  )\n}\n"],"names":["getCellContent","item","column","key","DataTable","label","data","columns","itemMenu","onSelect","emptyState","footer","variant","Components","useComponentContext","t","useTranslation","headers","jsx","VisuallyHidden","index","rows","rowIndex","rowData","checked","colIndex","footerData","footerContent","footerCells","columnKey"],"mappings":"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"}

package/dist/components/Common/DocumentViewer/DocumentViewer.d.ts

@@ -5,5 +5,5 @@ interface DocumentViewerProps {
     viewDocumentLabel: string;
     headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
-export declare function DocumentViewer({ url, title, downloadInstructions, viewDocumentLabel, headingLevel: HeadingLevel, }: DocumentViewerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DocumentViewer({ url, title, downloadInstructions, viewDocumentLabel, headingLevel, }: DocumentViewerProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Common/DocumentViewer/DocumentViewer.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { useRef as p } from "react";
 import { Flex as i } from "../Flex/Flex.js";
 import n from "./DocumentViewer.module.scss.js";
@@ -7,11 +7,11 @@ import { useComponentContext as u } from "../../../contexts/ComponentAdapter/use
 function k({
   url: a,
   title: r,
-  downloadInstructions: s,
+  downloadInstructions: m,
   viewDocumentLabel: d,
   headingLevel: l = "h3"
 }) {
-  const m = u(), t = p(null), f = h({
+  const o = u(), t = p(null), f = h({
     ref: t
   }).includes("small");
   if (!a) return null;
@@ -20,15 +20,15 @@ function k({
     title: r,
     type: "application/pdf"
   };
-  return /* @__PURE__ */ e("div", { className: n.container, ref: t, children: f ? /* @__PURE__ */ e("embed", { ...c, className: n.embedPdf }) : /* @__PURE__ */ e("div", { className: n.smallEmbedPdfContainer, children: /* @__PURE__ */ o(i, { gap: 20, children: [
+  return /* @__PURE__ */ e("div", { className: n.container, ref: t, children: f ? /* @__PURE__ */ e("embed", { ...c, className: n.embedPdf }) : /* @__PURE__ */ e("div", { className: n.smallEmbedPdfContainer, children: /* @__PURE__ */ s(i, { gap: 20, children: [
     /* @__PURE__ */ e("embed", { ...c, className: n.smallEmbedPdf }),
-    /* @__PURE__ */ o(i, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ o("div", { children: [
-        r && /* @__PURE__ */ e(l, { className: n.heading, children: r }),
-        s && /* @__PURE__ */ e(m.Text, { className: n.downloadInstructions, children: s })
+    /* @__PURE__ */ s(i, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ s("div", { children: [
+        r && /* @__PURE__ */ e(o.Heading, { as: l, className: n.heading, children: r }),
+        m && /* @__PURE__ */ e(o.Text, { className: n.downloadInstructions, children: m })
       ] }),
       /* @__PURE__ */ e(
-        m.Link,
+        o.Link,
         {
           className: "react-aria-Button",
           "data-variant": "secondary",

package/dist/components/Common/DocumentViewer/DocumentViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.js","sources":["../../../../src/components/Common/DocumentViewer/DocumentViewer.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './DocumentViewer.module.scss'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\ninterface DocumentViewerProps {\n  url?: string | null\n  title?: string\n  downloadInstructions?: string\n  viewDocumentLabel: string\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function DocumentViewer({\n  url,\n  title,\n  downloadInstructions,\n  viewDocumentLabel,\n  headingLevel: HeadingLevel = 'h3',\n}: DocumentViewerProps) {\n  const Components = useComponentContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const matches = useContainerBreakpoints({\n    ref: containerRef,\n  })\n\n  const isContainerWidthSmallOrGreater = matches.includes('small')\n\n  if (!url) return null\n\n  const commonEmbeddedPdfProps = {\n    src: `${url}#toolbar=0&navpanes=0`,\n    title,\n    type: 'application/pdf',\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      {isContainerWidthSmallOrGreater ? (\n        <embed {...commonEmbeddedPdfProps} className={styles.embedPdf} />\n      ) : (\n        <div className={styles.smallEmbedPdfContainer}>\n          <Flex gap={20}>\n            <embed {...commonEmbeddedPdfProps} className={styles.smallEmbedPdf} />\n            <Flex flexDirection=\"column\" gap={8}>\n              <div>\n                {title && <HeadingLevel className={styles.heading}>{title}</HeadingLevel>}\n                {downloadInstructions && (\n                  <Components.Text className={styles.downloadInstructions}>\n                    {downloadInstructions}\n                  </Components.Text>\n                )}\n              </div>\n              <Components.Link\n                className=\"react-aria-Button\"\n                data-variant=\"secondary\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                download={`${title || 'document'}.pdf`}\n              >\n                {viewDocumentLabel}\n              </Components.Link>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["DocumentViewer","url","title","downloadInstructions","viewDocumentLabel","HeadingLevel","Components","useComponentContext","containerRef","useRef","isContainerWidthSmallOrGreater","useContainerBreakpoints","commonEmbeddedPdfProps","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAaO,SAASA,EAAe;AAAA,EAC7B,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAcC,IAAe;AAC/B,GAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAeC,EAAuB,IAAI,GAK1CC,IAJUC,EAAwB;AAAA,IACtC,KAAKH;AAAA,EAAA,CACN,EAE8C,SAAS,OAAO;AAE/D,MAAI,CAACP,EAAK,QAAO;AAEjB,QAAMW,IAAyB;AAAA,IAC7B,KAAK,GAAGX,CAAG;AAAA,IACX,OAAAC;AAAA,IACA,MAAM;AAAA,EAAA;AAGR,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,KAAKN,GACpC,UAAAE,IACC,gBAAAG,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,SAAA,CAAU,IAE/D,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,wBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,KAAK,IACT,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,eAAe;AAAA,IACpE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACE,UAAA;AAAA,QAAAb,KAAS,gBAAAW,EAACR,GAAA,EAAa,WAAWS,EAAO,SAAU,UAAAZ,GAAM;AAAA,QACzDC,uBACEG,EAAW,MAAX,EAAgB,WAAWQ,EAAO,sBAChC,UAAAX,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAU;AAAA,QAACP,EAAW;AAAA,QAAX;AAAA,UACC,WAAU;AAAA,UACV,gBAAa;AAAA,UACb,MAAML;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,UAAU,GAAGC,KAAS,UAAU;AAAA,UAE/B,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GAEJ;AAEJ;"}
+{"version":3,"file":"DocumentViewer.js","sources":["../../../../src/components/Common/DocumentViewer/DocumentViewer.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './DocumentViewer.module.scss'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\ninterface DocumentViewerProps {\n  url?: string | null\n  title?: string\n  downloadInstructions?: string\n  viewDocumentLabel: string\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function DocumentViewer({\n  url,\n  title,\n  downloadInstructions,\n  viewDocumentLabel,\n  headingLevel = 'h3',\n}: DocumentViewerProps) {\n  const Components = useComponentContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const matches = useContainerBreakpoints({\n    ref: containerRef,\n  })\n\n  const isContainerWidthSmallOrGreater = matches.includes('small')\n\n  if (!url) return null\n\n  const commonEmbeddedPdfProps = {\n    src: `${url}#toolbar=0&navpanes=0`,\n    title,\n    type: 'application/pdf',\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      {isContainerWidthSmallOrGreater ? (\n        <embed {...commonEmbeddedPdfProps} className={styles.embedPdf} />\n      ) : (\n        <div className={styles.smallEmbedPdfContainer}>\n          <Flex gap={20}>\n            <embed {...commonEmbeddedPdfProps} className={styles.smallEmbedPdf} />\n            <Flex flexDirection=\"column\" gap={8}>\n              <div>\n                {title && (\n                  <Components.Heading as={headingLevel} className={styles.heading}>\n                    {title}\n                  </Components.Heading>\n                )}\n                {downloadInstructions && (\n                  <Components.Text className={styles.downloadInstructions}>\n                    {downloadInstructions}\n                  </Components.Text>\n                )}\n              </div>\n              <Components.Link\n                className=\"react-aria-Button\"\n                data-variant=\"secondary\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                download={`${title || 'document'}.pdf`}\n              >\n                {viewDocumentLabel}\n              </Components.Link>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["DocumentViewer","url","title","downloadInstructions","viewDocumentLabel","headingLevel","Components","useComponentContext","containerRef","useRef","isContainerWidthSmallOrGreater","useContainerBreakpoints","commonEmbeddedPdfProps","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAaO,SAASA,EAAe;AAAA,EAC7B,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,GAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAeC,EAAuB,IAAI,GAK1CC,IAJUC,EAAwB;AAAA,IACtC,KAAKH;AAAA,EAAA,CACN,EAE8C,SAAS,OAAO;AAE/D,MAAI,CAACP,EAAK,QAAO;AAEjB,QAAMW,IAAyB;AAAA,IAC7B,KAAK,GAAGX,CAAG;AAAA,IACX,OAAAC;AAAA,IACA,MAAM;AAAA,EAAA;AAGR,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,KAAKN,GACpC,UAAAE,IACC,gBAAAG,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,SAAA,CAAU,IAE/D,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,wBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,KAAK,IACT,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,eAAe;AAAA,IACpE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACE,UAAA;AAAA,QAAAb,KACC,gBAAAW,EAACP,EAAW,SAAX,EAAmB,IAAID,GAAc,WAAWS,EAAO,SACrD,UAAAZ,EAAA,CACH;AAAA,QAEDC,uBACEG,EAAW,MAAX,EAAgB,WAAWQ,EAAO,sBAChC,UAAAX,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAU;AAAA,QAACP,EAAW;AAAA,QAAX;AAAA,UACC,WAAU;AAAA,UACV,gBAAa;AAAA,UACb,MAAML;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,UAAU,GAAGC,KAAS,UAAU;AAAA,UAE/B,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GAEJ;AAEJ;"}

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.d.ts

@@ -2,7 +2,7 @@ import { UseFieldProps } from '../hooks/useField';
 import { RadioGroupProps, RadioGroupOption } from '../../UI/RadioGroup/RadioGroupTypes';
 import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
 type GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>;
-export interface RadioGroupFieldProps<TValue> extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid'>, UseFieldProps<TValue> {
+export interface RadioGroupFieldProps<TValue> extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid' | 'defaultValue'>, UseFieldProps<TValue> {
     options: GenericRadioGroupOption<TValue>[];
     convertValueToString?: (value: TValue) => string;
 }

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.RadioGroup {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAwD;AAAA,IAC/E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,YAAX,EAAuB,GAAGD,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AAC3F;"}
+{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid' | 'defaultValue'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.RadioGroup {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAwD;AAAA,IAC/E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,YAAX,EAAuB,GAAGD,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AAC3F;"}

package/dist/components/Common/Flex/Flex.js

@@ -1,22 +1,26 @@
-import { jsx as e } from "react/jsx-runtime";
-import t from "./Flex.module.scss.js";
+import { jsx as i } from "react/jsx-runtime";
+import r from "./Flex.module.scss.js";
 import { setResponsiveCustomProperties as m } from "../../../helpers/responsive.js";
-function c({
-  children: r,
-  flexDirection: o = "row",
-  justifyContent: s = "normal",
-  alignItems: i = "flex-start",
+function p({
+  children: e,
+  flexDirection: t = "row",
+  justifyContent: o = "normal",
+  alignItems: s = "flex-start",
   gap: n = 24
 }) {
   const l = m({
-    "flex-direction": o,
-    "justify-content": s,
-    "align-items": i,
+    "flex-direction": t,
+    "justify-content": o,
+    "align-items": s,
     gap: n
   });
-  return /* @__PURE__ */ e("div", { className: t.flexContainer, children: /* @__PURE__ */ e("div", { className: t.flex, style: l, children: r }) });
+  return /* @__PURE__ */ i("div", { className: r.flexContainer, children: /* @__PURE__ */ i("div", { className: r.flex, style: l, children: e }) });
+}
+function x({ flexGrow: e = "initial", children: t }) {
+  return /* @__PURE__ */ i("div", { style: { flexGrow: e }, children: t });
 }
 export {
-  c as Flex
+  p as Flex,
+  x as FlexItem
 };
 //# sourceMappingURL=Flex.js.map

package/dist/components/Common/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../src/components/Common/Flex/Flex.tsx"],"sourcesContent":["import style from './Flex.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  type Responsive,\n  type CustomPropertyValue,\n} from '@/helpers/responsive'\n\nexport interface FlexProps {\n  children: React.ReactNode\n  flexDirection?: Responsive<'row' | 'column'>\n  justifyContent?: Responsive<\n    | 'space-between'\n    | 'center'\n    | 'flex-start'\n    | 'flex-end'\n    | 'space-around'\n    | 'space-evenly'\n    | 'normal'\n  >\n  alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>\n  gap?: Responsive<CustomPropertyValue>\n}\n\nexport function Flex({\n  children,\n  flexDirection = 'row',\n  justifyContent = 'normal',\n  alignItems = 'flex-start',\n  gap = 24,\n}: FlexProps) {\n  const properties = setResponsiveCustomProperties({\n    'flex-direction': flexDirection,\n    'justify-content': justifyContent,\n    'align-items': alignItems,\n    gap,\n  })\n\n  return (\n    <div className={style.flexContainer}>\n      <div className={style.flex} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport interface FlexItemProps {\n  flexGrow?: number | 'initial'\n  children: React.ReactNode\n}\n\nexport function FlexItem({ flexGrow = 'initial', children }: FlexItemProps) {\n  return <div style={{ flexGrow: flexGrow }}>{children}</div>\n}\n"],"names":["Flex","children","flexDirection","justifyContent","alignItems","gap","properties","setResponsiveCustomProperties","jsx","style"],"mappings":";;;AAuBO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,KAAAC,IAAM;AACR,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,kBAAkBL;AAAA,IAClB,mBAAmBC;AAAA,IACnB,eAAeC;AAAA,IACf,KAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAM,eACpB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAM,MAAM,OAAOH,GAChC,UAAAL,GACH,GACF;AAEJ;"}
+{"version":3,"file":"Flex.js","sources":["../../../../src/components/Common/Flex/Flex.tsx"],"sourcesContent":["import style from './Flex.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  type Responsive,\n  type CustomPropertyValue,\n} from '@/helpers/responsive'\n\nexport interface FlexProps {\n  children: React.ReactNode\n  flexDirection?: Responsive<'row' | 'column'>\n  justifyContent?: Responsive<\n    | 'space-between'\n    | 'center'\n    | 'flex-start'\n    | 'flex-end'\n    | 'space-around'\n    | 'space-evenly'\n    | 'normal'\n  >\n  alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>\n  gap?: Responsive<CustomPropertyValue>\n}\n\nexport function Flex({\n  children,\n  flexDirection = 'row',\n  justifyContent = 'normal',\n  alignItems = 'flex-start',\n  gap = 24,\n}: FlexProps) {\n  const properties = setResponsiveCustomProperties({\n    'flex-direction': flexDirection,\n    'justify-content': justifyContent,\n    'align-items': alignItems,\n    gap,\n  })\n\n  return (\n    <div className={style.flexContainer}>\n      <div className={style.flex} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport interface FlexItemProps {\n  flexGrow?: number | 'initial'\n  children: React.ReactNode\n}\n\nexport function FlexItem({ flexGrow = 'initial', children }: FlexItemProps) {\n  return <div style={{ flexGrow: flexGrow }}>{children}</div>\n}\n"],"names":["Flex","children","flexDirection","justifyContent","alignItems","gap","properties","setResponsiveCustomProperties","jsx","style","FlexItem","flexGrow"],"mappings":";;;AAuBO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,KAAAC,IAAM;AACR,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,kBAAkBL;AAAA,IAClB,mBAAmBC;AAAA,IACnB,eAAeC;AAAA,IACf,KAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAM,eACpB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAM,MAAM,OAAOH,GAChC,UAAAL,GACH,GACF;AAEJ;AAOO,SAASS,EAAS,EAAE,UAAAC,IAAW,WAAW,UAAAV,KAA2B;AAC1E,2BAAQ,OAAA,EAAI,OAAO,EAAE,UAAAU,EAAA,GAAuB,UAAAV,GAAS;AACvD;"}

package/dist/components/Common/Loading/Loading.d.ts

@@ -1 +1,5 @@
-export declare const Loading: () => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from 'react';
+export interface LoadingProps {
+    children?: ReactNode;
+}
+export declare const Loading: ({ children }: LoadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/Loading/Loading.js

@@ -1,22 +1,22 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as s } from "react-i18next";
-import t from "classnames";
+import { useTranslation as t } from "react-i18next";
+import a from "classnames";
 import e from "./Loading.module.scss.js";
-import { FadeIn as a } from "../FadeIn/FadeIn.js";
-const p = () => {
-  const { t: r } = s("common");
-  return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
+import { FadeIn as i } from "../FadeIn/FadeIn.js";
+const d = ({ children: r }) => {
+  const { t: s } = t("common");
+  return /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
     "section",
     {
       className: e.skeletonContainer,
-      "aria-label": r("status.loading"),
+      "aria-label": s("status.loading"),
       "aria-live": "polite",
       "aria-busy": !0,
-      children: /* @__PURE__ */ o("div", { className: t(e.skeleton, e.skeletonBox) })
+      children: /* @__PURE__ */ o("div", { className: a(e.skeleton, e.skeletonBox), children: r })
     }
   ) });
 };
 export {
-  p as Loading
+  d as Loading
 };
 //# sourceMappingURL=Loading.js.map

package/dist/components/Common/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../src/components/Common/Loading/Loading.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport styles from './Loading.module.scss'\nimport { FadeIn } from '@/components/Common/FadeIn/FadeIn'\n\nexport const Loading = () => {\n  const { t } = useTranslation('common')\n  return (\n    <FadeIn>\n      <section\n        className={styles.skeletonContainer}\n        aria-label={t('status.loading')}\n        aria-live=\"polite\"\n        aria-busy\n      >\n        <div className={cn(styles.skeleton, styles.skeletonBox)}></div>\n      </section>\n    </FadeIn>\n  )\n}\n"],"names":["Loading","t","useTranslation","FadeIn","jsx","styles","cn"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AACrC,2BACGC,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,cAAYJ,EAAE,gBAAgB;AAAA,MAC9B,aAAU;AAAA,MACV,aAAS;AAAA,MAET,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAGD,EAAO,UAAUA,EAAO,WAAW,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA,GAE7D;AAEJ;"}
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Common/Loading/Loading.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport type { ReactNode } from 'react'\nimport styles from './Loading.module.scss'\nimport { FadeIn } from '@/components/Common/FadeIn/FadeIn'\n\nexport interface LoadingProps {\n  children?: ReactNode\n}\n\nexport const Loading = ({ children }: LoadingProps) => {\n  const { t } = useTranslation('common')\n  return (\n    <FadeIn>\n      <section\n        className={styles.skeletonContainer}\n        aria-label={t('status.loading')}\n        aria-live=\"polite\"\n        aria-busy\n      >\n        <div className={cn(styles.skeleton, styles.skeletonBox)}>{children}</div>\n      </section>\n    </FadeIn>\n  )\n}\n"],"names":["Loading","children","t","useTranslation","FadeIn","jsx","styles","cn"],"mappings":";;;;;AAUO,MAAMA,IAAU,CAAC,EAAE,UAAAC,QAA6B;AACrD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AACrC,2BACGC,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,cAAYJ,EAAE,gBAAgB;AAAA,MAC9B,aAAU;AAAA,MACV,aAAS;AAAA,MAET,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAGD,EAAO,UAAUA,EAAO,WAAW,GAAI,UAAAL,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAEvE;AAEJ;"}

package/dist/components/Common/Loading/Loading.module.scss.js

@@ -1,4 +1,4 @@
-const e = "_skeletonContainer_q96wp_1", o = "_skeleton_q96wp_1", n = "_skeletonBox_q96wp_15", t = {
+const e = "_skeletonContainer_15vqq_1", o = "_skeleton_15vqq_1", n = "_skeletonBox_15vqq_15", t = {
   skeletonContainer: e,
   skeleton: o,
   skeletonBox: n

package/dist/components/Common/SignatureForm/SignatureForm.js

@@ -5,8 +5,8 @@ import { zodResolver as l } from "@hookform/resolvers/zod";
 import t from "./SignatureForm.module.scss.js";
 import { Form as u } from "../Form/Form.js";
 import { Flex as c } from "../Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)

package/dist/components/Common/SignatureForm/SignatureFormActions.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 import { ActionsLayout as s } from "../ActionsLayout/ActionsLayout.js";
 import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 function d({

package/dist/components/Common/SignatureForm/SignatureFormFields.js

@@ -1,6 +1,6 @@
 import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
 function f({

package/dist/components/Common/UI/LoadingSpinner/LoadingSpinner.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { LoadingSpinnerProps } from './LoadingSpinnerTypes';
+export declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;

package/dist/components/Common/UI/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,25 @@
+import { jsx as a } from "react/jsx-runtime";
+import l from "classnames";
+import s from "./LoadingSpinner.module.scss.js";
+import { LoadingSpinnerDefaults as m } from "./LoadingSpinnerTypes.js";
+import { applyMissingDefaults as p } from "../../../../helpers/applyMissingDefaults.js";
+import d from "../../../../assets/icons/spinner_large.svg.js";
+const L = (e) => {
+  const o = p(e, m), { className: i, size: n, style: t, ...r } = o;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ...r,
+      className: l(s.loadingSpinner, i),
+      "data-size": n,
+      "data-style": t,
+      role: "status",
+      "aria-label": r["aria-label"] || "Loading",
+      children: /* @__PURE__ */ a(d, { className: s.spinnerIcon, "aria-hidden": "true" })
+    }
+  );
+};
+export {
+  L as LoadingSpinner
+};
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/components/Common/UI/LoadingSpinner/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sources":["../../../../../src/components/Common/UI/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import type React from 'react'\nimport classnames from 'classnames'\nimport styles from './LoadingSpinner.module.scss'\nimport type { LoadingSpinnerProps } from './LoadingSpinnerTypes'\nimport { LoadingSpinnerDefaults } from './LoadingSpinnerTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport SpinnerIcon from '@/assets/icons/spinner_large.svg?react'\n\nexport const LoadingSpinner: React.FC<LoadingSpinnerProps> = rawProps => {\n  const resolvedProps = applyMissingDefaults(rawProps, LoadingSpinnerDefaults)\n  const { className, size, style, ...otherProps } = resolvedProps\n\n  return (\n    <div\n      {...otherProps}\n      className={classnames(styles.loadingSpinner, className)}\n      data-size={size}\n      data-style={style}\n      role=\"status\"\n      aria-label={otherProps['aria-label'] || 'Loading'}\n    >\n      <SpinnerIcon className={styles.spinnerIcon} aria-hidden=\"true\" />\n    </div>\n  )\n}\n"],"names":["LoadingSpinner","rawProps","resolvedProps","applyMissingDefaults","LoadingSpinnerDefaults","className","size","style","otherProps","jsx","classnames","styles","SpinnerIcon"],"mappings":";;;;;;AAQO,MAAMA,IAAgD,CAAAC,MAAY;AACvE,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAsB,GACrE,EAAE,WAAAC,GAAW,MAAAC,GAAM,OAAAC,GAAO,GAAGC,MAAeN;AAElD,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,WAAWE,EAAWC,EAAO,gBAAgBN,CAAS;AAAA,MACtD,aAAWC;AAAA,MACX,cAAYC;AAAA,MACZ,MAAK;AAAA,MACL,cAAYC,EAAW,YAAY,KAAK;AAAA,MAExC,4BAACI,GAAA,EAAY,WAAWD,EAAO,aAAa,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrE;"}

package/dist/components/Common/UI/LoadingSpinner/LoadingSpinner.module.scss.js

@@ -0,0 +1,10 @@
+const n = "_loadingSpinner_1yaj9_9", o = "_spinnerIcon_1yaj9_13", e = {
+  loadingSpinner: n,
+  spinnerIcon: o
+};
+export {
+  e as default,
+  n as loadingSpinner,
+  o as spinnerIcon
+};
+//# sourceMappingURL=LoadingSpinner.module.scss.js.map

package/dist/components/Common/UI/LoadingSpinner/LoadingSpinner.module.scss.js.map

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

package/dist/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+export interface LoadingSpinnerProps extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'id' | 'aria-label'> {
+    /**
+     * Size of the spinner
+     */
+    size?: 'lg' | 'sm';
+    /**
+     * Display style of the spinner
+     */
+    style?: 'inline' | 'block';
+}
+/**
+ * Default prop values for LoadingSpinner component.
+ */
+export declare const LoadingSpinnerDefaults: {
+    readonly size: "lg";
+    readonly style: "block";
+};

package/dist/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes.js

@@ -0,0 +1,8 @@
+const e = {
+  size: "lg",
+  style: "block"
+};
+export {
+  e as LoadingSpinnerDefaults
+};
+//# sourceMappingURL=LoadingSpinnerTypes.js.map