@gusto/embedded-react-sdk 0.13.4 → 0.14.0

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -1,39 +1,55 @@
-import { useState as n, useCallback as P, useEffect as c } from "react";
+import { useState as m, useCallback as c, useEffect as P } from "react";
 import { usePayrollsPrepareMutation as y } from "@gusto/embedded-api/react-query/payrollsPrepare";
-import { usePaySchedulesGet as h } from "@gusto/embedded-api/react-query/paySchedulesGet";
-const m = ({
+import { usePaySchedulesGet as S } from "@gusto/embedded-api/react-query/paySchedulesGet";
+import "react/jsx-runtime";
+import "react-error-boundary";
+import "react-i18next";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@tanstack/react-query";
+import { useBase as h } from "../Base/useBase.js";
+import "../../shared/constants.js";
+import "classnames";
+import "dompurify";
+import "../../contexts/LocaleProvider/useLocale.js";
+import "../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+const H = ({
   companyId: e,
-  payrollId: l
+  payrollId: t
 }) => {
-  const { mutateAsync: o, isPending: t } = y(), [a, s] = n(), { data: d, isLoading: u } = h(
+  const { mutateAsync: o, isPending: p } = y(), [r, l] = m(), { baseSubmitHandler: i } = h(), { data: s, isLoading: d } = S(
     {
       companyId: e,
-      payScheduleId: a?.payPeriod?.payScheduleUuid || ""
+      payScheduleId: r?.payPeriod?.payScheduleUuid || ""
     },
     {
-      enabled: !!a?.payPeriod?.payScheduleUuid
+      enabled: !!r?.payPeriod?.payScheduleUuid
     }
-  ), r = P(async () => {
-    const p = await o({
-      request: {
-        companyId: e,
-        payrollId: l
-      }
+  ), a = c(async () => {
+    await i(null, async () => {
+      const n = await o({
+        request: {
+          companyId: e,
+          payrollId: t
+        }
+      });
+      l(n.payrollPrepared);
     });
-    s(p.payrollPrepared);
-  }, [e, l, o]);
-  c(() => {
-    r();
-  }, [r]);
-  const i = t || u;
+  }, [e, t, o, i]);
+  P(() => {
+    a();
+  }, [a]);
+  const u = p || d;
   return {
-    handlePreparePayroll: r,
-    preparedPayroll: a,
-    paySchedule: d?.payScheduleObject,
-    isLoading: i
+    handlePreparePayroll: a,
+    preparedPayroll: r,
+    paySchedule: s?.payScheduleObject,
+    isLoading: u
   };
 };
 export {
-  m as usePreparedPayrollData
+  H as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

package/dist/components/Payroll/usePreparedPayrollData.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollprepared'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleObject | undefined\n  isLoading: boolean\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: Boolean(preparedPayroll?.payPeriod?.payScheduleUuid),\n    },\n  )\n\n  const handlePreparePayroll = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n  }, [companyId, payrollId, preparePayroll])\n\n  useEffect(() => {\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isLoading = isPreparePayrollPending || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleObject,\n    isLoading,\n  }\n}\n"],"names":["usePreparedPayrollData","companyId","payrollId","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handlePreparePayroll","useCallback","result","useEffect","isLoading"],"mappings":";;;AAkBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GAExC,EAAE,MAAMC,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAAV;AAAA,MACA,eAAeK,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,EAAQA,GAAiB,WAAW;AAAA,IAAe;AAAA,EAC9D,GAGIM,IAAuBC,EAAY,YAAY;AACnD,UAAMC,IAAS,MAAMX,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAF;AAAA,QACA,WAAAC;AAAA,MAAA;AAAA,IACF,CACD;AACD,IAAAK,EAAmBO,EAAO,eAAe;AAAA,EAC3C,GAAG,CAACb,GAAWC,GAAWC,CAAc,CAAC;AAEzC,EAAAY,EAAU,MAAM;AACd,IAAKH,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMI,IAAYZ,KAA2BM;AAE7C,SAAO;AAAA,IACL,sBAAAE;AAAA,IACA,iBAAAN;AAAA,IACA,aAAaG,GAAiB;AAAA,IAC9B,WAAAO;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollprepared'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport { useBase } from '../Base'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleObject | undefined\n  isLoading: boolean\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const { baseSubmitHandler } = useBase()\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, async () => {\n      const result = await preparePayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      setPreparedPayroll(result.payrollPrepared)\n    })\n  }, [companyId, payrollId, preparePayroll, baseSubmitHandler])\n\n  useEffect(() => {\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isLoading = isPreparePayrollPending || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleObject,\n    isLoading,\n  }\n}\n"],"names":["usePreparedPayrollData","companyId","payrollId","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","baseSubmitHandler","useBase","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handlePreparePayroll","useCallback","result","useEffect","isLoading"],"mappings":";;;;;;;;;;;;;;;;;AAmBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxC,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,MAAMC,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAAZ;AAAA,MACA,eAAeK,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIQ,IAAuBC,EAAY,YAAY;AACnD,UAAMN,EAAkB,MAAM,YAAY;AACxC,YAAMO,IAAS,MAAMb,EAAe;AAAA,QAClC,SAAS;AAAA,UACP,WAAAF;AAAA,UACA,WAAAC;AAAA,QAAA;AAAA,MACF,CACD;AACD,MAAAK,EAAmBS,EAAO,eAAe;AAAA,IAC3C,CAAC;AAAA,EACH,GAAG,CAACf,GAAWC,GAAWC,GAAgBM,CAAiB,CAAC;AAE5D,EAAAQ,EAAU,MAAM;AACd,IAAKH,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMI,IAAYd,KAA2BQ;AAE7C,SAAO;AAAA,IACL,sBAAAE;AAAA,IACA,iBAAAR;AAAA,IACA,aAAaK,GAAiB;AAAA,IAC9B,WAAAO;AAAA,EAAA;AAEJ;"}

package/dist/contexts/ComponentAdapter/adapters/defaultComponentAdapter.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import { TextInput as m } from "../../../components/Common/UI/TextInput/TextInput.js";
 import { NumberInput as t } from "../../../components/Common/UI/NumberInput/NumberInput.js";
-import { CheckboxGroup as e } from "../../../components/Common/UI/CheckboxGroup/CheckboxGroup.js";
-import { ComboBox as i } from "../../../components/Common/UI/ComboBox/ComboBox.js";
+import { CheckboxGroup as i } from "../../../components/Common/UI/CheckboxGroup/CheckboxGroup.js";
+import { ComboBox as e } from "../../../components/Common/UI/ComboBox/ComboBox.js";
 import { Checkbox as p } from "../../../components/Common/UI/Checkbox/Checkbox.js";
 import { DatePicker as f } from "../../../components/Common/UI/DatePicker/DatePicker.js";
-import { Radio as a } from "../../../components/Common/UI/Radio/Radio.js";
-import { RadioGroup as n } from "../../../components/Common/UI/RadioGroup/RadioGroup.js";
+import { Radio as n } from "../../../components/Common/UI/Radio/Radio.js";
+import { RadioGroup as a } from "../../../components/Common/UI/RadioGroup/RadioGroup.js";
 import { Select as d } from "../../../components/Common/UI/Select/Select.js";
 import { Switch as u } from "../../../components/Common/UI/Switch/Switch.js";
 import { Button as c } from "../../../components/Common/UI/Button/Button.js";
@@ -15,17 +15,18 @@ import { Alert as b } from "../../../components/Common/UI/Alert/Alert.js";
 import { Card as x } from "../../../components/Common/UI/Card/Card.js";
 import { Badge as l } from "../../../components/Common/UI/Badge/Badge.js";
 import { Link as C } from "../../../components/Common/UI/Link/Link.js";
-import { Menu as B } from "../../../components/Common/UI/Menu/Menu.js";
-import { Table as g } from "../../../components/Common/UI/Table/Table.js";
+import { Menu as g } from "../../../components/Common/UI/Menu/Menu.js";
+import { Table as B } from "../../../components/Common/UI/Table/Table.js";
 import { OrderedList as k } from "../../../components/Common/UI/List/OrderedList.js";
-import { UnorderedList as T } from "../../../components/Common/UI/List/UnorderedList.js";
-import { Heading as h } from "../../../components/Common/UI/Heading/Heading.js";
-import { Text as I } from "../../../components/Common/UI/Text/Text.js";
-import { CalendarPreview as L } from "../../../components/Common/UI/CalendarPreview/CalendarPreview.js";
+import { UnorderedList as L } from "../../../components/Common/UI/List/UnorderedList.js";
+import { Heading as T } from "../../../components/Common/UI/Heading/Heading.js";
+import { Text as h } from "../../../components/Common/UI/Text/Text.js";
+import { CalendarPreview as I } from "../../../components/Common/UI/CalendarPreview/CalendarPreview.js";
 import { ProgressBar as P } from "../../../components/Common/UI/ProgressBar/ProgressBar.js";
-import { Tabs as w } from "../../../components/Common/UI/Tabs/Tabs.js";
-import { Dialog as D } from "../../../components/Common/UI/Dialog/Dialog.js";
-const ro = {
+import { Tabs as S } from "../../../components/Common/UI/Tabs/Tabs.js";
+import { Dialog as w } from "../../../components/Common/UI/Dialog/Dialog.js";
+import { LoadingSpinner as D } from "../../../components/Common/UI/LoadingSpinner/LoadingSpinner.js";
+const to = {
   Alert: (o) => /* @__PURE__ */ r(b, { ...o }),
   Badge: (o) => /* @__PURE__ */ r(l, { ...o }),
   Button: (o) => /* @__PURE__ */ r(c, { ...o }),
@@ -33,27 +34,28 @@ const ro = {
   Card: (o) => /* @__PURE__ */ r(x, { ...o }),
   TextInput: (o) => /* @__PURE__ */ r(m, { ...o }),
   Checkbox: (o) => /* @__PURE__ */ r(p, { ...o }),
-  CheckboxGroup: (o) => /* @__PURE__ */ r(e, { ...o }),
-  ComboBox: (o) => /* @__PURE__ */ r(i, { ...o }),
+  CheckboxGroup: (o) => /* @__PURE__ */ r(i, { ...o }),
+  ComboBox: (o) => /* @__PURE__ */ r(e, { ...o }),
   DatePicker: (o) => /* @__PURE__ */ r(f, { ...o }),
   OrderedList: (o) => /* @__PURE__ */ r(k, { ...o }),
-  UnorderedList: (o) => /* @__PURE__ */ r(T, { ...o }),
+  UnorderedList: (o) => /* @__PURE__ */ r(L, { ...o }),
   NumberInput: (o) => /* @__PURE__ */ r(t, { ...o }),
-  Radio: (o) => /* @__PURE__ */ r(a, { ...o }),
-  RadioGroup: (o) => /* @__PURE__ */ r(n, { ...o }),
+  Radio: (o) => /* @__PURE__ */ r(n, { ...o }),
+  RadioGroup: (o) => /* @__PURE__ */ r(a, { ...o }),
   Select: (o) => /* @__PURE__ */ r(d, { ...o }),
   Switch: (o) => /* @__PURE__ */ r(u, { ...o }),
   Link: (o) => /* @__PURE__ */ r(C, { ...o }),
-  Menu: (o) => /* @__PURE__ */ r(B, { ...o }),
-  Table: (o) => /* @__PURE__ */ r(g, { ...o }),
-  Heading: (o) => /* @__PURE__ */ r(h, { ...o }),
-  Text: (o) => /* @__PURE__ */ r(I, { ...o }),
-  CalendarPreview: (o) => /* @__PURE__ */ r(L, { ...o }),
+  Menu: (o) => /* @__PURE__ */ r(g, { ...o }),
+  Table: (o) => /* @__PURE__ */ r(B, { ...o }),
+  Heading: (o) => /* @__PURE__ */ r(T, { ...o }),
+  Text: (o) => /* @__PURE__ */ r(h, { ...o }),
+  CalendarPreview: (o) => /* @__PURE__ */ r(I, { ...o }),
   ProgressBar: (o) => /* @__PURE__ */ r(P, { ...o }),
-  Tabs: (o) => /* @__PURE__ */ r(w, { ...o }),
-  Dialog: (o) => /* @__PURE__ */ r(D, { ...o })
+  Tabs: (o) => /* @__PURE__ */ r(S, { ...o }),
+  Dialog: (o) => /* @__PURE__ */ r(w, { ...o }),
+  LoadingSpinner: (o) => /* @__PURE__ */ r(D, { ...o })
 };
 export {
-  ro as defaultComponents
+  to as defaultComponents
 };
 //# sourceMappingURL=defaultComponentAdapter.js.map

package/dist/contexts/ComponentAdapter/adapters/defaultComponentAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultComponentAdapter.js","sources":["../../../../src/contexts/ComponentAdapter/adapters/defaultComponentAdapter.tsx"],"sourcesContent":["// This is used to set the default adapter and can already be ommitted by using the\n// `GustoProviderCustomUIAdapter` component. That means this is a safe file to use\n// non type imports from the UI directory so the lint rule is disabled for this file.\n/* eslint-disable no-restricted-imports */\nimport type { ComponentsContextType } from '../useComponentContext'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInput } from '@/components/Common/UI/TextInput'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { NumberInput } from '@/components/Common/UI/NumberInput'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroup } from '@/components/Common/UI/CheckboxGroup'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { ComboBox } from '@/components/Common/UI/ComboBox/ComboBox'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { Checkbox } from '@/components/Common/UI/Checkbox'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { DatePicker } from '@/components/Common/UI/DatePicker'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { Radio } from '@/components/Common/UI/Radio'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroup } from '@/components/Common/UI/RadioGroup'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { Select } from '@/components/Common/UI/Select'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { Switch } from '@/components/Common/UI/Switch'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { Button } from '@/components/Common/UI/Button'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { Alert } from '@/components/Common/UI/Alert/Alert'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport { Card } from '@/components/Common/UI/Card/Card'\nimport { Badge } from '@/components/Common/UI/Badge/Badge'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport { Link } from '@/components/Common/UI/Link'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { Menu } from '@/components/Common/UI/Menu'\nimport type { TableProps } from '@/components/Common/UI/Table'\nimport { Table } from '@/components/Common/UI/Table'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List'\nimport { OrderedList, UnorderedList } from '@/components/Common/UI/List'\nimport { Heading } from '@/components/Common/UI/Heading'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport { Text } from '@/components/Common/UI/Text'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { CalendarPreview } from '@/components/Common/UI/CalendarPreview'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar'\nimport { ProgressBar } from '@/components/Common/UI/ProgressBar'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport { Tabs } from '@/components/Common/UI/Tabs'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { Dialog } from '@/components/Common/UI/Dialog'\n\nexport const defaultComponents: ComponentsContextType = {\n  Alert: (props: AlertProps) => <Alert {...props} />,\n  Badge: (props: BadgeProps) => <Badge {...props} />,\n  Button: (props: ButtonProps) => <Button {...props} />,\n  ButtonIcon: (props: ButtonIconProps) => <ButtonIcon {...props} />,\n  Card: (props: CardProps) => <Card {...props} />,\n  TextInput: (props: TextInputProps) => <TextInput {...props} />,\n  Checkbox: (props: CheckboxProps) => <Checkbox {...props} />,\n  CheckboxGroup: (props: CheckboxGroupProps) => <CheckboxGroup {...props} />,\n  ComboBox: (props: ComboBoxProps) => <ComboBox {...props} />,\n  DatePicker: (props: DatePickerProps) => <DatePicker {...props} />,\n  OrderedList: (props: OrderedListProps) => <OrderedList {...props} />,\n  UnorderedList: (props: UnorderedListProps) => <UnorderedList {...props} />,\n  NumberInput: (props: NumberInputProps) => <NumberInput {...props} />,\n  Radio: (props: RadioProps) => <Radio {...props} />,\n  RadioGroup: (props: RadioGroupProps) => <RadioGroup {...props} />,\n  Select: (props: SelectProps) => <Select {...props} />,\n  Switch: (props: SwitchProps) => <Switch {...props} />,\n  Link: (props: LinkProps) => <Link {...props} />,\n  Menu: (props: MenuProps) => <Menu {...props} />,\n  Table: (props: TableProps) => <Table {...props} />,\n  Heading: (props: HeadingProps) => <Heading {...props} />,\n  Text: (props: TextProps) => <Text {...props} />,\n  CalendarPreview: (props: CalendarPreviewProps) => <CalendarPreview {...props} />,\n  ProgressBar: (props: ProgressBarProps) => <ProgressBar {...props} />,\n  Tabs: (props: TabsProps) => <Tabs {...props} />,\n  Dialog: (props: DialogProps) => <Dialog {...props} />,\n}\n"],"names":["defaultComponents","props","jsx","Alert","Badge","Button","ButtonIcon","Card","TextInput","Checkbox","CheckboxGroup","ComboBox","DatePicker","OrderedList","UnorderedList","NumberInput","Radio","RadioGroup","Select","Switch","Link","Menu","Table","Heading","Text","CalendarPreview","ProgressBar","Tabs","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDO,MAAMA,KAA2C;AAAA,EACtD,OAAO,CAACC,MAAsB,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAO;AAAA,EAChD,OAAO,CAACA,MAAsB,gBAAAC,EAACE,GAAA,EAAO,GAAGH,GAAO;AAAA,EAChD,QAAQ,CAACA,MAAuB,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO;AAAA,EACnD,YAAY,CAACA,MAA2B,gBAAAC,EAACI,GAAA,EAAY,GAAGL,GAAO;AAAA,EAC/D,MAAM,CAACA,MAAqB,gBAAAC,EAACK,GAAA,EAAM,GAAGN,GAAO;AAAA,EAC7C,WAAW,CAACA,MAA0B,gBAAAC,EAACM,GAAA,EAAW,GAAGP,GAAO;AAAA,EAC5D,UAAU,CAACA,MAAyB,gBAAAC,EAACO,GAAA,EAAU,GAAGR,GAAO;AAAA,EACzD,eAAe,CAACA,MAA8B,gBAAAC,EAACQ,GAAA,EAAe,GAAGT,GAAO;AAAA,EACxE,UAAU,CAACA,MAAyB,gBAAAC,EAACS,GAAA,EAAU,GAAGV,GAAO;AAAA,EACzD,YAAY,CAACA,MAA2B,gBAAAC,EAACU,GAAA,EAAY,GAAGX,GAAO;AAAA,EAC/D,aAAa,CAACA,MAA4B,gBAAAC,EAACW,GAAA,EAAa,GAAGZ,GAAO;AAAA,EAClE,eAAe,CAACA,MAA8B,gBAAAC,EAACY,GAAA,EAAe,GAAGb,GAAO;AAAA,EACxE,aAAa,CAACA,MAA4B,gBAAAC,EAACa,GAAA,EAAa,GAAGd,GAAO;AAAA,EAClE,OAAO,CAACA,MAAsB,gBAAAC,EAACc,GAAA,EAAO,GAAGf,GAAO;AAAA,EAChD,YAAY,CAACA,MAA2B,gBAAAC,EAACe,GAAA,EAAY,GAAGhB,GAAO;AAAA,EAC/D,QAAQ,CAACA,MAAuB,gBAAAC,EAACgB,GAAA,EAAQ,GAAGjB,GAAO;AAAA,EACnD,QAAQ,CAACA,MAAuB,gBAAAC,EAACiB,GAAA,EAAQ,GAAGlB,GAAO;AAAA,EACnD,MAAM,CAACA,MAAqB,gBAAAC,EAACkB,GAAA,EAAM,GAAGnB,GAAO;AAAA,EAC7C,MAAM,CAACA,MAAqB,gBAAAC,EAACmB,GAAA,EAAM,GAAGpB,GAAO;AAAA,EAC7C,OAAO,CAACA,MAAsB,gBAAAC,EAACoB,GAAA,EAAO,GAAGrB,GAAO;AAAA,EAChD,SAAS,CAACA,MAAwB,gBAAAC,EAACqB,GAAA,EAAS,GAAGtB,GAAO;AAAA,EACtD,MAAM,CAACA,MAAqB,gBAAAC,EAACsB,GAAA,EAAM,GAAGvB,GAAO;AAAA,EAC7C,iBAAiB,CAACA,MAAgC,gBAAAC,EAACuB,GAAA,EAAiB,GAAGxB,GAAO;AAAA,EAC9E,aAAa,CAACA,MAA4B,gBAAAC,EAACwB,GAAA,EAAa,GAAGzB,GAAO;AAAA,EAClE,MAAM,CAACA,MAAqB,gBAAAC,EAACyB,GAAA,EAAM,GAAG1B,GAAO;AAAA,EAC7C,QAAQ,CAACA,MAAuB,gBAAAC,EAAC0B,GAAA,EAAQ,GAAG3B,EAAA,CAAO;AACrD;"}
+{"version":3,"file":"defaultComponentAdapter.js","sources":["../../../../src/contexts/ComponentAdapter/adapters/defaultComponentAdapter.tsx"],"sourcesContent":["// This is used to set the default adapter and can already be ommitted by using the\n// `GustoProviderCustomUIAdapter` component. That means this is a safe file to use\n// non type imports from the UI directory so the lint rule is disabled for this file.\n/* eslint-disable no-restricted-imports */\nimport type { ComponentsContextType } from '../useComponentContext'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInput } from '@/components/Common/UI/TextInput'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { NumberInput } from '@/components/Common/UI/NumberInput'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroup } from '@/components/Common/UI/CheckboxGroup'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { ComboBox } from '@/components/Common/UI/ComboBox/ComboBox'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { Checkbox } from '@/components/Common/UI/Checkbox'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { DatePicker } from '@/components/Common/UI/DatePicker'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { Radio } from '@/components/Common/UI/Radio'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroup } from '@/components/Common/UI/RadioGroup'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { Select } from '@/components/Common/UI/Select'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { Switch } from '@/components/Common/UI/Switch'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { Button } from '@/components/Common/UI/Button'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { Alert } from '@/components/Common/UI/Alert/Alert'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport { Card } from '@/components/Common/UI/Card/Card'\nimport { Badge } from '@/components/Common/UI/Badge/Badge'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport { Link } from '@/components/Common/UI/Link'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { Menu } from '@/components/Common/UI/Menu'\nimport type { TableProps } from '@/components/Common/UI/Table'\nimport { Table } from '@/components/Common/UI/Table'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List'\nimport { OrderedList, UnorderedList } from '@/components/Common/UI/List'\nimport { Heading } from '@/components/Common/UI/Heading'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport { Text } from '@/components/Common/UI/Text'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { CalendarPreview } from '@/components/Common/UI/CalendarPreview'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar'\nimport { ProgressBar } from '@/components/Common/UI/ProgressBar'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport { Tabs } from '@/components/Common/UI/Tabs'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { Dialog } from '@/components/Common/UI/Dialog'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport { LoadingSpinner } from '@/components/Common/UI/LoadingSpinner'\n\nexport const defaultComponents: ComponentsContextType = {\n  Alert: (props: AlertProps) => <Alert {...props} />,\n  Badge: (props: BadgeProps) => <Badge {...props} />,\n  Button: (props: ButtonProps) => <Button {...props} />,\n  ButtonIcon: (props: ButtonIconProps) => <ButtonIcon {...props} />,\n  Card: (props: CardProps) => <Card {...props} />,\n  TextInput: (props: TextInputProps) => <TextInput {...props} />,\n  Checkbox: (props: CheckboxProps) => <Checkbox {...props} />,\n  CheckboxGroup: (props: CheckboxGroupProps) => <CheckboxGroup {...props} />,\n  ComboBox: (props: ComboBoxProps) => <ComboBox {...props} />,\n  DatePicker: (props: DatePickerProps) => <DatePicker {...props} />,\n  OrderedList: (props: OrderedListProps) => <OrderedList {...props} />,\n  UnorderedList: (props: UnorderedListProps) => <UnorderedList {...props} />,\n  NumberInput: (props: NumberInputProps) => <NumberInput {...props} />,\n  Radio: (props: RadioProps) => <Radio {...props} />,\n  RadioGroup: (props: RadioGroupProps) => <RadioGroup {...props} />,\n  Select: (props: SelectProps) => <Select {...props} />,\n  Switch: (props: SwitchProps) => <Switch {...props} />,\n  Link: (props: LinkProps) => <Link {...props} />,\n  Menu: (props: MenuProps) => <Menu {...props} />,\n  Table: (props: TableProps) => <Table {...props} />,\n  Heading: (props: HeadingProps) => <Heading {...props} />,\n  Text: (props: TextProps) => <Text {...props} />,\n  CalendarPreview: (props: CalendarPreviewProps) => <CalendarPreview {...props} />,\n  ProgressBar: (props: ProgressBarProps) => <ProgressBar {...props} />,\n  Tabs: (props: TabsProps) => <Tabs {...props} />,\n  Dialog: (props: DialogProps) => <Dialog {...props} />,\n  LoadingSpinner: (props: LoadingSpinnerProps) => <LoadingSpinner {...props} />,\n}\n"],"names":["defaultComponents","props","jsx","Alert","Badge","Button","ButtonIcon","Card","TextInput","Checkbox","CheckboxGroup","ComboBox","DatePicker","OrderedList","UnorderedList","NumberInput","Radio","RadioGroup","Select","Switch","Link","Menu","Table","Heading","Text","CalendarPreview","ProgressBar","Tabs","Dialog","LoadingSpinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDO,MAAMA,KAA2C;AAAA,EACtD,OAAO,CAACC,MAAsB,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAO;AAAA,EAChD,OAAO,CAACA,MAAsB,gBAAAC,EAACE,GAAA,EAAO,GAAGH,GAAO;AAAA,EAChD,QAAQ,CAACA,MAAuB,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO;AAAA,EACnD,YAAY,CAACA,MAA2B,gBAAAC,EAACI,GAAA,EAAY,GAAGL,GAAO;AAAA,EAC/D,MAAM,CAACA,MAAqB,gBAAAC,EAACK,GAAA,EAAM,GAAGN,GAAO;AAAA,EAC7C,WAAW,CAACA,MAA0B,gBAAAC,EAACM,GAAA,EAAW,GAAGP,GAAO;AAAA,EAC5D,UAAU,CAACA,MAAyB,gBAAAC,EAACO,GAAA,EAAU,GAAGR,GAAO;AAAA,EACzD,eAAe,CAACA,MAA8B,gBAAAC,EAACQ,GAAA,EAAe,GAAGT,GAAO;AAAA,EACxE,UAAU,CAACA,MAAyB,gBAAAC,EAACS,GAAA,EAAU,GAAGV,GAAO;AAAA,EACzD,YAAY,CAACA,MAA2B,gBAAAC,EAACU,GAAA,EAAY,GAAGX,GAAO;AAAA,EAC/D,aAAa,CAACA,MAA4B,gBAAAC,EAACW,GAAA,EAAa,GAAGZ,GAAO;AAAA,EAClE,eAAe,CAACA,MAA8B,gBAAAC,EAACY,GAAA,EAAe,GAAGb,GAAO;AAAA,EACxE,aAAa,CAACA,MAA4B,gBAAAC,EAACa,GAAA,EAAa,GAAGd,GAAO;AAAA,EAClE,OAAO,CAACA,MAAsB,gBAAAC,EAACc,GAAA,EAAO,GAAGf,GAAO;AAAA,EAChD,YAAY,CAACA,MAA2B,gBAAAC,EAACe,GAAA,EAAY,GAAGhB,GAAO;AAAA,EAC/D,QAAQ,CAACA,MAAuB,gBAAAC,EAACgB,GAAA,EAAQ,GAAGjB,GAAO;AAAA,EACnD,QAAQ,CAACA,MAAuB,gBAAAC,EAACiB,GAAA,EAAQ,GAAGlB,GAAO;AAAA,EACnD,MAAM,CAACA,MAAqB,gBAAAC,EAACkB,GAAA,EAAM,GAAGnB,GAAO;AAAA,EAC7C,MAAM,CAACA,MAAqB,gBAAAC,EAACmB,GAAA,EAAM,GAAGpB,GAAO;AAAA,EAC7C,OAAO,CAACA,MAAsB,gBAAAC,EAACoB,GAAA,EAAO,GAAGrB,GAAO;AAAA,EAChD,SAAS,CAACA,MAAwB,gBAAAC,EAACqB,GAAA,EAAS,GAAGtB,GAAO;AAAA,EACtD,MAAM,CAACA,MAAqB,gBAAAC,EAACsB,GAAA,EAAM,GAAGvB,GAAO;AAAA,EAC7C,iBAAiB,CAACA,MAAgC,gBAAAC,EAACuB,GAAA,EAAiB,GAAGxB,GAAO;AAAA,EAC9E,aAAa,CAACA,MAA4B,gBAAAC,EAACwB,GAAA,EAAa,GAAGzB,GAAO;AAAA,EAClE,MAAM,CAACA,MAAqB,gBAAAC,EAACyB,GAAA,EAAM,GAAG1B,GAAO;AAAA,EAC7C,QAAQ,CAACA,MAAuB,gBAAAC,EAAC0B,GAAA,EAAQ,GAAG3B,GAAO;AAAA,EACnD,gBAAgB,CAACA,MAA+B,gBAAAC,EAAC2B,GAAA,EAAgB,GAAG5B,EAAA,CAAO;AAC7E;"}

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.d.ts

@@ -13,6 +13,7 @@ import { TableProps } from '../../components/Common/UI/Table/TableTypes';
 import { TextProps } from '../../components/Common/UI/Text/TextTypes';
 import { TextInputProps } from '../../components/Common/UI/TextInput/TextInputTypes';
 import { DialogProps } from '../../components/Common/UI/Dialog/DialogTypes';
+import { LoadingSpinnerProps } from '../../components/Common/UI/LoadingSpinner/LoadingSpinnerTypes';
 export declare const componentCreators: {
     readonly Alert: (customComponent: (props: AlertProps) => React.ReactElement | null) => {
         (props: AlertProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
@@ -70,6 +71,10 @@ export declare const componentCreators: {
         (props: DialogProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
         displayName: string;
     };
+    readonly LoadingSpinner: (customComponent: (props: LoadingSpinnerProps) => React.ReactElement | null) => {
+        (props: LoadingSpinnerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
 };
 /**
  * Creates components with automatic default prop handling.

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.js

@@ -1,57 +1,62 @@
-import { defaultComponents as f } from "./adapters/defaultComponentAdapter.js";
-import { applyMissingDefaults as i } from "../../helpers/applyMissingDefaults.js";
+import { defaultComponents as m } from "./adapters/defaultComponentAdapter.js";
+import { applyMissingDefaults as f } from "../../helpers/applyMissingDefaults.js";
 import { AlertDefaults as s } from "../../components/Common/UI/Alert/AlertTypes.js";
-import { BadgeDefaults as c } from "../../components/Common/UI/Badge/BadgeTypes.js";
-import { ButtonIconDefaults as l, ButtonDefaults as D } from "../../components/Common/UI/Button/ButtonTypes.js";
+import { BadgeDefaults as l } from "../../components/Common/UI/Badge/BadgeTypes.js";
+import { ButtonIconDefaults as c, ButtonDefaults as D } from "../../components/Common/UI/Button/ButtonTypes.js";
 import { CheckboxDefaults as d } from "../../components/Common/UI/Checkbox/CheckboxTypes.js";
 import { CheckboxGroupDefaults as x } from "../../components/Common/UI/CheckboxGroup/CheckboxGroupTypes.js";
 import { MenuDefaults as h } from "../../components/Common/UI/Menu/MenuTypes.js";
 import { RadioDefaults as C } from "../../components/Common/UI/Radio/RadioTypes.js";
 import { RadioGroupDefaults as b } from "../../components/Common/UI/RadioGroup/RadioGroupTypes.js";
-import { SwitchDefaults as B } from "../../components/Common/UI/Switch/SwitchTypes.js";
-import { TableDefaults as T } from "../../components/Common/UI/Table/TableTypes.js";
-import { TextDefaults as g } from "../../components/Common/UI/Text/TextTypes.js";
+import { SwitchDefaults as g } from "../../components/Common/UI/Switch/SwitchTypes.js";
+import { TableDefaults as B } from "../../components/Common/UI/Table/TableTypes.js";
+import { TextDefaults as T } from "../../components/Common/UI/Text/TextTypes.js";
 import { TextInputDefaults as k } from "../../components/Common/UI/TextInput/TextInputTypes.js";
 import { DialogDefaults as G } from "../../components/Common/UI/Dialog/DialogTypes.js";
+import { LoadingSpinnerDefaults as I } from "../../components/Common/UI/LoadingSpinner/LoadingSpinnerTypes.js";
 function o(a, t) {
   return (e) => {
     const r = (n) => {
-      const u = i(n, a);
-      return e(u);
+      const p = f(n, a);
+      return e(p);
     };
     return r.displayName = `withAutoDefault(${t})`, r;
   };
 }
-const p = {
+const i = {
   Alert: o(s, "Alert"),
-  Badge: o(c, "Badge"),
+  Badge: o(l, "Badge"),
   Button: o(D, "Button"),
-  ButtonIcon: o(l, "ButtonIcon"),
+  ButtonIcon: o(c, "ButtonIcon"),
   Checkbox: o(d, "Checkbox"),
   CheckboxGroup: o(x, "CheckboxGroup"),
   Menu: o(h, "Menu"),
   Radio: o(C, "Radio"),
   RadioGroup: o(b, "RadioGroup"),
-  Switch: o(B, "Switch"),
-  Table: o(T, "Table"),
-  Text: o(g, "Text"),
+  Switch: o(g, "Switch"),
+  Table: o(B, "Table"),
+  Text: o(T, "Text"),
   TextInput: o(k, "TextInput"),
-  Dialog: o(G, "Dialog")
+  Dialog: o(G, "Dialog"),
+  LoadingSpinner: o(
+    I,
+    "LoadingSpinner"
+  )
 };
-function z(a = {}) {
-  const t = { ...f };
+function E(a = {}) {
+  const t = { ...m };
   for (const [e, r] of Object.entries(a)) {
     const n = e;
-    if (e in p) {
-      const m = p[e];
-      t[n] = m(r);
+    if (e in i) {
+      const u = i[e];
+      t[n] = u(r);
     } else
       t[n] = r;
   }
   return t;
 }
 export {
-  p as componentCreators,
-  z as createComponents
+  i as componentCreators,
+  E as createComponents
 };
 //# sourceMappingURL=createComponentsWithDefaults.js.map

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"createComponentsWithDefaults.js","sources":["../../../src/contexts/ComponentAdapter/createComponentsWithDefaults.ts"],"sourcesContent":["import type React from 'react'\nimport type { ComponentsContextType } from './useComponentContext'\nimport { defaultComponents } from './adapters/defaultComponentAdapter'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n// Import prop types and their defaults\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { AlertDefaults } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { BadgeDefaults } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { ButtonDefaults, ButtonIconDefaults } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { CheckboxDefaults } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroupDefaults } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { MenuDefaults } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { RadioDefaults } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroupDefaults } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { SwitchDefaults } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport { TableDefaults } from '@/components/Common/UI/Table/TableTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { TextDefaults } from '@/components/Common/UI/Text/TextTypes'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInputDefaults } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { DialogDefaults } from '@/components/Common/UI/Dialog/DialogTypes'\n\nfunction composeWithDefaults<TProps>(defaults: Partial<TProps>, componentName: string) {\n  return (customComponent: (props: TProps) => React.ReactElement | null) => {\n    const wrappedComponent = (props: TProps) => {\n      const propsWithDefaults = applyMissingDefaults(props, defaults)\n      return customComponent(propsWithDefaults)\n    }\n    wrappedComponent.displayName = `withAutoDefault(${componentName})`\n    return wrappedComponent\n  }\n}\n\n// Component creators with defaults\nexport const componentCreators = {\n  Alert: composeWithDefaults<AlertProps>(AlertDefaults, 'Alert'),\n  Badge: composeWithDefaults<BadgeProps>(BadgeDefaults, 'Badge'),\n  Button: composeWithDefaults<ButtonProps>(ButtonDefaults, 'Button'),\n  ButtonIcon: composeWithDefaults<ButtonIconProps>(ButtonIconDefaults, 'ButtonIcon'),\n  Checkbox: composeWithDefaults<CheckboxProps>(CheckboxDefaults, 'Checkbox'),\n  CheckboxGroup: composeWithDefaults<CheckboxGroupProps>(CheckboxGroupDefaults, 'CheckboxGroup'),\n  Menu: composeWithDefaults<MenuProps>(MenuDefaults, 'Menu'),\n  Radio: composeWithDefaults<RadioProps>(RadioDefaults, 'Radio'),\n  RadioGroup: composeWithDefaults<RadioGroupProps>(RadioGroupDefaults, 'RadioGroup'),\n  Switch: composeWithDefaults<SwitchProps>(SwitchDefaults, 'Switch'),\n  Table: composeWithDefaults<TableProps>(TableDefaults, 'Table'),\n  Text: composeWithDefaults<TextProps>(TextDefaults, 'Text'),\n  TextInput: composeWithDefaults<TextInputProps>(TextInputDefaults, 'TextInput'),\n  Dialog: composeWithDefaults<DialogProps>(DialogDefaults, 'Dialog'),\n} as const\n\n/**\n * Creates components with automatic default prop handling.\n * Supports both partial (GustoProvider) and full (GustoProviderCustomUIAdapter) component sets.\n */\nexport function createComponents(\n  providedComponents: Partial<ComponentsContextType> = {},\n): ComponentsContextType {\n  const components = { ...defaultComponents }\n\n  for (const [componentName, providedComponent] of Object.entries(providedComponents)) {\n    const typedComponentName = componentName as keyof ComponentsContextType\n\n    if (componentName in componentCreators) {\n      const creatorKey = componentName as keyof typeof componentCreators\n      const creator = componentCreators[creatorKey]\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = creator(providedComponent as any) as any\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = providedComponent as any\n    }\n  }\n\n  return components\n}\n"],"names":["composeWithDefaults","defaults","componentName","customComponent","wrappedComponent","props","propsWithDefaults","applyMissingDefaults","componentCreators","AlertDefaults","BadgeDefaults","ButtonDefaults","ButtonIconDefaults","CheckboxDefaults","CheckboxGroupDefaults","MenuDefaults","RadioDefaults","RadioGroupDefaults","SwitchDefaults","TableDefaults","TextDefaults","TextInputDefaults","DialogDefaults","createComponents","providedComponents","components","defaultComponents","providedComponent","typedComponentName","creator"],"mappings":";;;;;;;;;;;;;;;AAgCA,SAASA,EAA4BC,GAA2BC,GAAuB;AACrF,SAAO,CAACC,MAAkE;AACxE,UAAMC,IAAmB,CAACC,MAAkB;AAC1C,YAAMC,IAAoBC,EAAqBF,GAAOJ,CAAQ;AAC9D,aAAOE,EAAgBG,CAAiB;AAAA,IAC1C;AACA,WAAAF,EAAiB,cAAc,mBAAmBF,CAAa,KACxDE;AAAA,EACT;AACF;AAGO,MAAMI,IAAoB;AAAA,EAC/B,OAAOR,EAAgCS,GAAe,OAAO;AAAA,EAC7D,OAAOT,EAAgCU,GAAe,OAAO;AAAA,EAC7D,QAAQV,EAAiCW,GAAgB,QAAQ;AAAA,EACjE,YAAYX,EAAqCY,GAAoB,YAAY;AAAA,EACjF,UAAUZ,EAAmCa,GAAkB,UAAU;AAAA,EACzE,eAAeb,EAAwCc,GAAuB,eAAe;AAAA,EAC7F,MAAMd,EAA+Be,GAAc,MAAM;AAAA,EACzD,OAAOf,EAAgCgB,GAAe,OAAO;AAAA,EAC7D,YAAYhB,EAAqCiB,GAAoB,YAAY;AAAA,EACjF,QAAQjB,EAAiCkB,GAAgB,QAAQ;AAAA,EACjE,OAAOlB,EAAgCmB,GAAe,OAAO;AAAA,EAC7D,MAAMnB,EAA+BoB,GAAc,MAAM;AAAA,EACzD,WAAWpB,EAAoCqB,GAAmB,WAAW;AAAA,EAC7E,QAAQrB,EAAiCsB,GAAgB,QAAQ;AACnE;AAMO,SAASC,EACdC,IAAqD,IAC9B;AACvB,QAAMC,IAAa,EAAE,GAAGC,EAAA;AAExB,aAAW,CAACxB,GAAeyB,CAAiB,KAAK,OAAO,QAAQH,CAAkB,GAAG;AACnF,UAAMI,IAAqB1B;AAE3B,QAAIA,KAAiBM,GAAmB;AAEtC,YAAMqB,IAAUrB,EADGN,CACyB;AAE5C,MAAAuB,EAAWG,CAAkB,IAAIC,EAAQF,CAAwB;AAAA,IACnE;AAEE,MAAAF,EAAWG,CAAkB,IAAID;AAAA,EAErC;AAEA,SAAOF;AACT;"}
+{"version":3,"file":"createComponentsWithDefaults.js","sources":["../../../src/contexts/ComponentAdapter/createComponentsWithDefaults.ts"],"sourcesContent":["import type React from 'react'\nimport type { ComponentsContextType } from './useComponentContext'\nimport { defaultComponents } from './adapters/defaultComponentAdapter'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n// Import prop types and their defaults\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { AlertDefaults } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { BadgeDefaults } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { ButtonDefaults, ButtonIconDefaults } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { CheckboxDefaults } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroupDefaults } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { MenuDefaults } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { RadioDefaults } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroupDefaults } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { SwitchDefaults } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport { TableDefaults } from '@/components/Common/UI/Table/TableTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { TextDefaults } from '@/components/Common/UI/Text/TextTypes'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInputDefaults } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { DialogDefaults } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport { LoadingSpinnerDefaults } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\n\nfunction composeWithDefaults<TProps>(defaults: Partial<TProps>, componentName: string) {\n  return (customComponent: (props: TProps) => React.ReactElement | null) => {\n    const wrappedComponent = (props: TProps) => {\n      const propsWithDefaults = applyMissingDefaults(props, defaults)\n      return customComponent(propsWithDefaults)\n    }\n    wrappedComponent.displayName = `withAutoDefault(${componentName})`\n    return wrappedComponent\n  }\n}\n\n// Component creators with defaults\nexport const componentCreators = {\n  Alert: composeWithDefaults<AlertProps>(AlertDefaults, 'Alert'),\n  Badge: composeWithDefaults<BadgeProps>(BadgeDefaults, 'Badge'),\n  Button: composeWithDefaults<ButtonProps>(ButtonDefaults, 'Button'),\n  ButtonIcon: composeWithDefaults<ButtonIconProps>(ButtonIconDefaults, 'ButtonIcon'),\n  Checkbox: composeWithDefaults<CheckboxProps>(CheckboxDefaults, 'Checkbox'),\n  CheckboxGroup: composeWithDefaults<CheckboxGroupProps>(CheckboxGroupDefaults, 'CheckboxGroup'),\n  Menu: composeWithDefaults<MenuProps>(MenuDefaults, 'Menu'),\n  Radio: composeWithDefaults<RadioProps>(RadioDefaults, 'Radio'),\n  RadioGroup: composeWithDefaults<RadioGroupProps>(RadioGroupDefaults, 'RadioGroup'),\n  Switch: composeWithDefaults<SwitchProps>(SwitchDefaults, 'Switch'),\n  Table: composeWithDefaults<TableProps>(TableDefaults, 'Table'),\n  Text: composeWithDefaults<TextProps>(TextDefaults, 'Text'),\n  TextInput: composeWithDefaults<TextInputProps>(TextInputDefaults, 'TextInput'),\n  Dialog: composeWithDefaults<DialogProps>(DialogDefaults, 'Dialog'),\n  LoadingSpinner: composeWithDefaults<LoadingSpinnerProps>(\n    LoadingSpinnerDefaults,\n    'LoadingSpinner',\n  ),\n} as const\n\n/**\n * Creates components with automatic default prop handling.\n * Supports both partial (GustoProvider) and full (GustoProviderCustomUIAdapter) component sets.\n */\nexport function createComponents(\n  providedComponents: Partial<ComponentsContextType> = {},\n): ComponentsContextType {\n  const components = { ...defaultComponents }\n\n  for (const [componentName, providedComponent] of Object.entries(providedComponents)) {\n    const typedComponentName = componentName as keyof ComponentsContextType\n\n    if (componentName in componentCreators) {\n      const creatorKey = componentName as keyof typeof componentCreators\n      const creator = componentCreators[creatorKey]\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = creator(providedComponent as any) as any\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = providedComponent as any\n    }\n  }\n\n  return components\n}\n"],"names":["composeWithDefaults","defaults","componentName","customComponent","wrappedComponent","props","propsWithDefaults","applyMissingDefaults","componentCreators","AlertDefaults","BadgeDefaults","ButtonDefaults","ButtonIconDefaults","CheckboxDefaults","CheckboxGroupDefaults","MenuDefaults","RadioDefaults","RadioGroupDefaults","SwitchDefaults","TableDefaults","TextDefaults","TextInputDefaults","DialogDefaults","LoadingSpinnerDefaults","createComponents","providedComponents","components","defaultComponents","providedComponent","typedComponentName","creator"],"mappings":";;;;;;;;;;;;;;;;AAkCA,SAASA,EAA4BC,GAA2BC,GAAuB;AACrF,SAAO,CAACC,MAAkE;AACxE,UAAMC,IAAmB,CAACC,MAAkB;AAC1C,YAAMC,IAAoBC,EAAqBF,GAAOJ,CAAQ;AAC9D,aAAOE,EAAgBG,CAAiB;AAAA,IAC1C;AACA,WAAAF,EAAiB,cAAc,mBAAmBF,CAAa,KACxDE;AAAA,EACT;AACF;AAGO,MAAMI,IAAoB;AAAA,EAC/B,OAAOR,EAAgCS,GAAe,OAAO;AAAA,EAC7D,OAAOT,EAAgCU,GAAe,OAAO;AAAA,EAC7D,QAAQV,EAAiCW,GAAgB,QAAQ;AAAA,EACjE,YAAYX,EAAqCY,GAAoB,YAAY;AAAA,EACjF,UAAUZ,EAAmCa,GAAkB,UAAU;AAAA,EACzE,eAAeb,EAAwCc,GAAuB,eAAe;AAAA,EAC7F,MAAMd,EAA+Be,GAAc,MAAM;AAAA,EACzD,OAAOf,EAAgCgB,GAAe,OAAO;AAAA,EAC7D,YAAYhB,EAAqCiB,GAAoB,YAAY;AAAA,EACjF,QAAQjB,EAAiCkB,GAAgB,QAAQ;AAAA,EACjE,OAAOlB,EAAgCmB,GAAe,OAAO;AAAA,EAC7D,MAAMnB,EAA+BoB,GAAc,MAAM;AAAA,EACzD,WAAWpB,EAAoCqB,GAAmB,WAAW;AAAA,EAC7E,QAAQrB,EAAiCsB,GAAgB,QAAQ;AAAA,EACjE,gBAAgBtB;AAAA,IACduB;AAAA,IACA;AAAA,EAAA;AAEJ;AAMO,SAASC,EACdC,IAAqD,IAC9B;AACvB,QAAMC,IAAa,EAAE,GAAGC,EAAA;AAExB,aAAW,CAACzB,GAAe0B,CAAiB,KAAK,OAAO,QAAQH,CAAkB,GAAG;AACnF,UAAMI,IAAqB3B;AAE3B,QAAIA,KAAiBM,GAAmB;AAEtC,YAAMsB,IAAUtB,EADGN,CACyB;AAE5C,MAAAwB,EAAWG,CAAkB,IAAIC,EAAQF,CAAwB;AAAA,IACnE;AAEE,MAAAF,EAAWG,CAAkB,IAAID;AAAA,EAErC;AAEA,SAAOF;AACT;"}

package/dist/contexts/ComponentAdapter/useComponentContext.d.ts

@@ -24,6 +24,7 @@ import { CalendarPreviewProps } from '../../components/Common/UI/CalendarPreview
 import { ProgressBarProps } from '../../components/Common/UI/ProgressBar/ProgressBarTypes';
 import { TabsProps } from '../../components/Common/UI/Tabs/TabsTypes';
 import { DialogProps } from '../../components/Common/UI/Dialog/DialogTypes';
+import { LoadingSpinnerProps } from '../../components/Common/UI/LoadingSpinner/LoadingSpinnerTypes';
 export interface ComponentsContextType {
     Alert: (props: AlertProps) => JSX.Element | null;
     Badge: (props: BadgeProps) => JSX.Element | null;
@@ -52,6 +53,7 @@ export interface ComponentsContextType {
     ProgressBar: (props: ProgressBarProps) => JSX.Element | null;
     Tabs: (props: TabsProps) => JSX.Element | null;
     Dialog: (props: DialogProps) => JSX.Element | null;
+    LoadingSpinner: (props: LoadingSpinnerProps) => JSX.Element | null;
 }
 export declare const ComponentsContext: import('react').Context<ComponentsContextType | null>;
 export declare const useComponentContext: () => ComponentsContextType;

package/dist/contexts/ComponentAdapter/useComponentContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { JSX } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\n\nexport interface ComponentsContextType {\n  Alert: (props: AlertProps) => JSX.Element | null\n  Badge: (props: BadgeProps) => JSX.Element | null\n  Button: (props: ButtonProps) => JSX.Element | null\n  ButtonIcon: (props: ButtonIconProps) => JSX.Element | null\n  Card: (props: CardProps) => JSX.Element | null\n  Checkbox: (props: CheckboxProps) => JSX.Element | null\n  CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element | null\n  ComboBox: (props: ComboBoxProps) => JSX.Element | null\n  DatePicker: (props: DatePickerProps) => JSX.Element | null\n  OrderedList: (props: OrderedListProps) => JSX.Element | null\n  UnorderedList: (props: UnorderedListProps) => JSX.Element | null\n  NumberInput: (props: NumberInputProps) => JSX.Element | null\n  Radio: (props: RadioProps) => JSX.Element | null\n  RadioGroup: (props: RadioGroupProps) => JSX.Element | null\n  Select: (props: SelectProps) => JSX.Element | null\n  Switch: (props: SwitchProps) => JSX.Element | null\n  TextInput: (props: TextInputProps) => JSX.Element | null\n  Link: (props: LinkProps) => JSX.Element | null\n  Menu: (props: MenuProps) => JSX.Element | null\n  Table: (props: TableProps) => JSX.Element | null\n  Heading: (props: HeadingProps) => JSX.Element | null\n  PaginationControl?: (props: PaginationControlProps) => JSX.Element | null\n  Text: (props: TextProps) => JSX.Element | null\n  CalendarPreview: (props: CalendarPreviewProps) => JSX.Element | null\n  ProgressBar: (props: ProgressBarProps) => JSX.Element | null\n  Tabs: (props: TabsProps) => JSX.Element | null\n  Dialog: (props: DialogProps) => JSX.Element | null\n}\n\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AA0DO,MAAMA,IAAoBC,EAA4C,IAAI,GAEpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}
+{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { JSX } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\n\nexport interface ComponentsContextType {\n  Alert: (props: AlertProps) => JSX.Element | null\n  Badge: (props: BadgeProps) => JSX.Element | null\n  Button: (props: ButtonProps) => JSX.Element | null\n  ButtonIcon: (props: ButtonIconProps) => JSX.Element | null\n  Card: (props: CardProps) => JSX.Element | null\n  Checkbox: (props: CheckboxProps) => JSX.Element | null\n  CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element | null\n  ComboBox: (props: ComboBoxProps) => JSX.Element | null\n  DatePicker: (props: DatePickerProps) => JSX.Element | null\n  OrderedList: (props: OrderedListProps) => JSX.Element | null\n  UnorderedList: (props: UnorderedListProps) => JSX.Element | null\n  NumberInput: (props: NumberInputProps) => JSX.Element | null\n  Radio: (props: RadioProps) => JSX.Element | null\n  RadioGroup: (props: RadioGroupProps) => JSX.Element | null\n  Select: (props: SelectProps) => JSX.Element | null\n  Switch: (props: SwitchProps) => JSX.Element | null\n  TextInput: (props: TextInputProps) => JSX.Element | null\n  Link: (props: LinkProps) => JSX.Element | null\n  Menu: (props: MenuProps) => JSX.Element | null\n  Table: (props: TableProps) => JSX.Element | null\n  Heading: (props: HeadingProps) => JSX.Element | null\n  PaginationControl?: (props: PaginationControlProps) => JSX.Element | null\n  Text: (props: TextProps) => JSX.Element | null\n  CalendarPreview: (props: CalendarPreviewProps) => JSX.Element | null\n  ProgressBar: (props: ProgressBarProps) => JSX.Element | null\n  Tabs: (props: TabsProps) => JSX.Element | null\n  Dialog: (props: DialogProps) => JSX.Element | null\n  LoadingSpinner: (props: LoadingSpinnerProps) => JSX.Element | null\n}\n\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AA4DO,MAAMA,IAAoBC,EAA4C,IAAI,GAEpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}

package/dist/contexts/LoadingIndicatorProvider/useLoadingIndicator.d.ts

@@ -1,6 +1,8 @@
 import { JSX } from 'react';
 export interface LoadingIndicatorContextProps {
-    LoadingIndicator: () => JSX.Element;
+    LoadingIndicator: ({ children }: {
+        children?: React.ReactNode;
+    }) => JSX.Element;
 }
 export declare const LoadingIndicatorContext: import('react').Context<LoadingIndicatorContextProps>;
 export declare const useLoadingIndicator: () => LoadingIndicatorContextProps;

package/dist/contexts/LoadingIndicatorProvider/useLoadingIndicator.js

@@ -1,11 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useContext as t, createContext as n } from "react";
-import { Loading as r } from "../../components/Common/Loading/Loading.js";
-const i = n({
-  LoadingIndicator: () => /* @__PURE__ */ o(r, {})
-}), c = () => t(i);
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as n, createContext as r } from "react";
+import { Loading as i } from "../../components/Common/Loading/Loading.js";
+const a = r({
+  LoadingIndicator: ({ children: o }) => /* @__PURE__ */ t(i, { children: o })
+}), m = () => n(a);
 export {
-  i as LoadingIndicatorContext,
-  c as useLoadingIndicator
+  a as LoadingIndicatorContext,
+  m as useLoadingIndicator
 };
 //# sourceMappingURL=useLoadingIndicator.js.map

package/dist/contexts/LoadingIndicatorProvider/useLoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLoadingIndicator.js","sources":["../../../src/contexts/LoadingIndicatorProvider/useLoadingIndicator.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { createContext, useContext } from 'react'\nimport { Loading } from '@/components/Common/Loading/Loading'\n\nexport interface LoadingIndicatorContextProps {\n  LoadingIndicator: () => JSX.Element\n}\nexport const LoadingIndicatorContext = createContext<LoadingIndicatorContextProps>({\n  LoadingIndicator: () => <Loading />,\n})\n\nexport const useLoadingIndicator = () => useContext(LoadingIndicatorContext)\n"],"names":["LoadingIndicatorContext","createContext","jsx","Loading","useLoadingIndicator","useContext"],"mappings":";;;AAOO,MAAMA,IAA0BC,EAA4C;AAAA,EACjF,kBAAkB,MAAM,gBAAAC,EAACC,GAAA,CAAA,CAAQ;AACnC,CAAC,GAEYC,IAAsB,MAAMC,EAAWL,CAAuB;"}
+{"version":3,"file":"useLoadingIndicator.js","sources":["../../../src/contexts/LoadingIndicatorProvider/useLoadingIndicator.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { createContext, useContext } from 'react'\nimport { Loading } from '@/components/Common/Loading/Loading'\n\nexport interface LoadingIndicatorContextProps {\n  LoadingIndicator: ({ children }: { children?: React.ReactNode }) => JSX.Element\n}\nexport const LoadingIndicatorContext = createContext<LoadingIndicatorContextProps>({\n  LoadingIndicator: ({ children }: { children?: React.ReactNode }) => <Loading>{children}</Loading>,\n})\n\nexport const useLoadingIndicator = () => useContext(LoadingIndicatorContext)\n"],"names":["LoadingIndicatorContext","createContext","children","jsx","Loading","useLoadingIndicator","useContext"],"mappings":";;;AAOO,MAAMA,IAA0BC,EAA4C;AAAA,EACjF,kBAAkB,CAAC,EAAE,UAAAC,QAA+C,gBAAAC,EAACC,KAAS,UAAAF,EAAA,CAAS;AACzF,CAAC,GAEYG,IAAsB,MAAMC,EAAWN,CAAuB;"}

package/dist/hooks/useContainerBreakpoints/useContainerBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContainerBreakpoints.js","sources":["../../../src/hooks/useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport type React from 'react'\nimport type { BREAKPOINTS } from '@/shared/constants'\nimport { BREAKPOINTS_VALUES } from '@/shared/constants'\nimport { remToPx } from '@/helpers/rem'\n\nexport type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type useContainerBreakpointsProps = {\n  ref: React.RefObject<HTMLElement | null>\n  breakpoints?: Record<string, number | string>\n  debounceTimeout?: number\n}\n\nconst DEBOUNCE_TIMEOUT = 10\n\nexport const useContainerBreakpoints = ({\n  ref,\n  breakpoints = BREAKPOINTS_VALUES,\n  debounceTimeout = DEBOUNCE_TIMEOUT,\n}: useContainerBreakpointsProps) => {\n  const [activeBreakpoints, setActiveBreakpoint] = useState<Array<keyof typeof breakpoints>>([])\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const calculateBreakpoints = (width: number) => {\n    const returnBreakpoints: Array<keyof typeof breakpoints> = []\n\n    for (const [key, value] of Object.entries(breakpoints)) {\n      if (width >= remToPx(value)) {\n        returnBreakpoints.push(key)\n      }\n    }\n\n    return returnBreakpoints\n  }\n\n  useEffect(() => {\n    const debouncedHandleResize = (entries: ResizeObserverEntry[]) => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n      timeoutRef.current = setTimeout(() => {\n        if (entries.length >= 1) {\n          const width = entries[0]?.contentRect.width ?? 0\n          const newBreakpoints = calculateBreakpoints(width)\n          setActiveBreakpoint(newBreakpoints)\n        }\n      }, debounceTimeout)\n    }\n\n    const observer = new ResizeObserver(debouncedHandleResize)\n\n    if (ref.current) {\n      // Do initial calculation\n      const width = ref.current.offsetWidth\n      if (width > 0) {\n        const initialBreakpoints = calculateBreakpoints(width)\n        setActiveBreakpoint(initialBreakpoints)\n      }\n\n      observer.observe(ref.current)\n    }\n\n    return () => {\n      observer.disconnect()\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debounceTimeout])\n\n  return activeBreakpoints\n}\n\nexport default useContainerBreakpoints\n"],"names":["DEBOUNCE_TIMEOUT","useContainerBreakpoints","ref","breakpoints","BREAKPOINTS_VALUES","debounceTimeout","activeBreakpoints","setActiveBreakpoint","useState","timeoutRef","useRef","calculateBreakpoints","width","returnBreakpoints","key","value","remToPx","useEffect","debouncedHandleResize","entries","newBreakpoints","observer","initialBreakpoints"],"mappings":";;;AAcA,MAAMA,IAAmB,IAEZC,IAA0B,CAAC;AAAA,EACtC,KAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,iBAAAC,IAAkBL;AACpB,MAAoC;AAClC,QAAM,CAACM,GAAmBC,CAAmB,IAAIC,EAA0C,CAAA,CAAE,GACvFC,IAAaC,EAA8B,IAAI,GAE/CC,IAAuB,CAACC,MAAkB;AAC9C,UAAMC,IAAqD,CAAA;AAE3D,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQZ,CAAW;AACnD,MAAIS,KAASI,EAAQD,CAAK,KACxBF,EAAkB,KAAKC,CAAG;AAI9B,WAAOD;AAAA,EACT;AAEA,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAwB,CAACC,MAAmC;AAChE,MAAIV,EAAW,WACb,aAAaA,EAAW,OAAO,GAEjCA,EAAW,UAAU,WAAW,MAAM;AACpC,YAAIU,EAAQ,UAAU,GAAG;AACvB,gBAAMP,IAAQO,EAAQ,CAAC,GAAG,YAAY,SAAS,GACzCC,IAAiBT,EAAqBC,CAAK;AACjD,UAAAL,EAAoBa,CAAc;AAAA,QACpC;AAAA,MACF,GAAGf,CAAe;AAAA,IACpB,GAEMgB,IAAW,IAAI,eAAeH,CAAqB;AAEzD,QAAIhB,EAAI,SAAS;AAEf,YAAMU,IAAQV,EAAI,QAAQ;AAC1B,UAAIU,IAAQ,GAAG;AACb,cAAMU,IAAqBX,EAAqBC,CAAK;AACrD,QAAAL,EAAoBe,CAAkB;AAAA,MACxC;AAEA,MAAAD,EAAS,QAAQnB,EAAI,OAAO;AAAA,IAC9B;AAEA,WAAO,MAAM;AACX,MAAAmB,EAAS,WAAA,GACLZ,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,IAEnC;AAAA,EAEF,GAAG,CAACJ,CAAe,CAAC,GAEbC;AACT;"}
+{"version":3,"file":"useContainerBreakpoints.js","sources":["../../../src/hooks/useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport type React from 'react'\nimport type { BREAKPOINTS } from '@/shared/constants'\nimport { BREAKPOINTS_VALUES } from '@/shared/constants'\nimport { remToPx } from '@/helpers/rem'\n\nexport type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type useContainerBreakpointsProps = {\n  ref: React.RefObject<HTMLElement | null>\n  breakpoints?: Record<string, number | string>\n  debounceTimeout?: number\n}\n\nconst DEBOUNCE_TIMEOUT = 10\n\nexport const useContainerBreakpoints = ({\n  ref,\n  breakpoints = BREAKPOINTS_VALUES,\n  debounceTimeout = DEBOUNCE_TIMEOUT,\n}: useContainerBreakpointsProps) => {\n  const [activeBreakpoints, setActiveBreakpoint] = useState<Array<keyof typeof breakpoints>>([])\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const calculateBreakpoints = (width: number) => {\n    const returnBreakpoints: Array<keyof typeof breakpoints> = []\n\n    for (const [key, value] of Object.entries(breakpoints)) {\n      if (width >= remToPx(value)) {\n        returnBreakpoints.push(key)\n      }\n    }\n\n    return returnBreakpoints\n  }\n\n  useEffect(() => {\n    const debouncedHandleResize = (entries: ResizeObserverEntry[]) => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n      timeoutRef.current = setTimeout(() => {\n        if (entries.length >= 1) {\n          const width = entries[0]?.contentRect.width ?? 0\n          const newBreakpoints = calculateBreakpoints(width)\n          setActiveBreakpoint(newBreakpoints)\n        }\n      }, debounceTimeout)\n    }\n\n    const observer = new ResizeObserver(debouncedHandleResize)\n\n    if (ref.current) {\n      // Do initial calculation\n      const width = ref.current.offsetWidth\n      if (width > 0) {\n        const initialBreakpoints = calculateBreakpoints(width)\n        setActiveBreakpoint(initialBreakpoints)\n      }\n\n      observer.observe(ref.current)\n    }\n\n    return () => {\n      observer.disconnect()\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [debounceTimeout])\n\n  return activeBreakpoints\n}\n\nexport default useContainerBreakpoints\n"],"names":["DEBOUNCE_TIMEOUT","useContainerBreakpoints","ref","breakpoints","BREAKPOINTS_VALUES","debounceTimeout","activeBreakpoints","setActiveBreakpoint","useState","timeoutRef","useRef","calculateBreakpoints","width","returnBreakpoints","key","value","remToPx","useEffect","debouncedHandleResize","entries","newBreakpoints","observer","initialBreakpoints"],"mappings":";;;AAcA,MAAMA,IAAmB,IAEZC,IAA0B,CAAC;AAAA,EACtC,KAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,iBAAAC,IAAkBL;AACpB,MAAoC;AAClC,QAAM,CAACM,GAAmBC,CAAmB,IAAIC,EAA0C,CAAA,CAAE,GACvFC,IAAaC,EAA8B,IAAI,GAE/CC,IAAuB,CAACC,MAAkB;AAC9C,UAAMC,IAAqD,CAAA;AAE3D,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQZ,CAAW;AACnD,MAAIS,KAASI,EAAQD,CAAK,KACxBF,EAAkB,KAAKC,CAAG;AAI9B,WAAOD;AAAA,EACT;AAEA,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAwB,CAACC,MAAmC;AAChE,MAAIV,EAAW,WACb,aAAaA,EAAW,OAAO,GAEjCA,EAAW,UAAU,WAAW,MAAM;AACpC,YAAIU,EAAQ,UAAU,GAAG;AACvB,gBAAMP,IAAQO,EAAQ,CAAC,GAAG,YAAY,SAAS,GACzCC,IAAiBT,EAAqBC,CAAK;AACjD,UAAAL,EAAoBa,CAAc;AAAA,QACpC;AAAA,MACF,GAAGf,CAAe;AAAA,IACpB,GAEMgB,IAAW,IAAI,eAAeH,CAAqB;AAEzD,QAAIhB,EAAI,SAAS;AAEf,YAAMU,IAAQV,EAAI,QAAQ;AAC1B,UAAIU,IAAQ,GAAG;AACb,cAAMU,IAAqBX,EAAqBC,CAAK;AACrD,QAAAL,EAAoBe,CAAkB;AAAA,MACxC;AAEA,MAAAD,EAAS,QAAQnB,EAAI,OAAO;AAAA,IAC9B;AAEA,WAAO,MAAM;AACX,MAAAmB,EAAS,WAAA,GACLZ,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,IAEnC;AAAA,EACF,GAAG,CAACJ,CAAe,CAAC,GAEbC;AACT;"}

package/dist/i18n/en/Payroll.PayrollConfiguration.json.js

@@ -1,32 +1,32 @@
-const e = "Run payroll for {{startDate}} - {{endDate}}", o = "Regular payroll", a = "Calculate payroll", l = "Calculate payroll", s = "Hours and additional earnings", t = "Review and update your employee's hours, reimbursements, and additional earnings below.", n = "Employee compensations", r = { employees: "Employees", hours: "Hours", timeOff: "Time off", additionalEarnings: "Additional earnings", reimbursements: "Reimbursements", totalPay: "Total pay" }, i = "Skipped", d = { edit: "Edit" }, p = "Back", y = "Back", c = { progressSaved: "Your progress has been saved", payrollDeadline: { label: "Payroll Deadline", message: "To pay your employees with direct deposit on the check date, you'll need to run payroll by the deadline." }, skippedEmployees: { label: "Skipped Employees", employeeAddressNotVerified: "Employee address not verified" }, employeeUpdated: { label: "{{employeeName}} updated successfully" } }, u = {
+const e = "Edit Payroll", a = "Regular payroll for <dateWrapper>{{startDate}} - {{endDate}}</dateWrapper>", o = "Calculate payroll", l = "Calculate payroll", t = "Hours and additional earnings", s = "Review and update your employee's hours, reimbursements, and additional earnings below.", n = "Employee compensations", i = { employees: "Employees", hours: "Hours", timeOff: "Time off", additionalEarnings: "Additional earnings", reimbursements: "Reimbursements", totalPay: "Total pay" }, r = "Skipped", d = { edit: "Edit" }, p = { progressSaved: "Your progress has been saved", payrollDeadline: { label: "Payroll Deadline", message: "To pay your employees with direct deposit on the check date, you'll need to run payroll by the deadline." }, skippedEmployees: { label: "Skipped Employees", employeeAddressNotVerified: "Employee address not verified" }, employeeUpdated: { label: "{{employeeName}} updated successfully" } }, y = "Preparing payroll...", c = "This may take a minute or two. You can navigate away while this happens.", u = {
   pageTitle: e,
-  regularPayroll: o,
-  calculatePayroll: a,
+  description: a,
+  calculatePayroll: o,
   calculatePayrollTitle: l,
-  hoursAndEarningsTitle: s,
-  hoursAndEarningsDescription: t,
+  hoursAndEarningsTitle: t,
+  hoursAndEarningsDescription: s,
   employeeCompensationsTitle: n,
-  tableColumns: r,
-  skippedBadge: i,
+  tableColumns: i,
+  skippedBadge: r,
   editMenu: d,
-  backButton: p,
-  backButtonTitle: y,
-  alerts: c
+  alerts: p,
+  loadingTitle: y,
+  loadingDescription: c
 };
 export {
-  c as alerts,
-  p as backButton,
-  y as backButtonTitle,
-  a as calculatePayroll,
+  p as alerts,
+  o as calculatePayroll,
   l as calculatePayrollTitle,
   u as default,
+  a as description,
   d as editMenu,
   n as employeeCompensationsTitle,
-  t as hoursAndEarningsDescription,
-  s as hoursAndEarningsTitle,
+  s as hoursAndEarningsDescription,
+  t as hoursAndEarningsTitle,
+  c as loadingDescription,
+  y as loadingTitle,
   e as pageTitle,
-  o as regularPayroll,
-  i as skippedBadge,
-  r as tableColumns
+  r as skippedBadge,
+  i as tableColumns
 };
 //# sourceMappingURL=Payroll.PayrollConfiguration.json.js.map