npm - @gusto/embedded-react-sdk - Versions diffs - 0.46.0 → 0.46.3 - Mend

@gusto/embedded-react-sdk 0.46.0 → 0.46.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (284) hide show

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.js CHANGED Viewed

@@ -1,48 +1,48 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { jsx as o, jsxs as L } from "react/jsx-runtime";
 import { useMemo as P } from "react";
 import { useTranslation as O } from "react-i18next";
-import p from "./TimeOffPolicyDetail.module.scss.js";
-import { useComponentContext as M } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as b } from "../../../i18n/I18n.js";
-import { PolicyDetailLayout as A } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
-const k = "details";
-function j({
+import T from "./TimeOffPolicyDetail.module.scss.js";
+import { useComponentContext as W } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as p } from "../../../i18n/I18n.js";
+import { PolicyDetailLayout as w } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
+const A = "details";
+function U({
   title: a,
   subtitle: e,
   onBack: c,
   backLabel: r,
   actions: u,
   policyDetails: i,
-  policySettings: s,
-  onChangeSettings: m,
+  policySettings: m,
+  onChangeSettings: s,
   selectedTabId: d,
-  onTabChange: x,
+  onTabChange: H,
   employees: n,
   onAddEmployee: l,
   removeDialog: f,
   successAlert: t,
-  onDismissAlert: C
+  onDismissAlert: M
 }) {
-  b("Company.TimeOff.TimeOffPolicyDetails");
-  const { t: h } = O("Company.TimeOff.TimeOffPolicyDetails"), { Text: H } = M(), T = i.accrualMethod === "unlimited", v = P(
-    () => T ? [] : [
+  p("Company.TimeOff.TimeOffPolicyDetails");
+  const { t: h } = O("Company.TimeOff.TimeOffPolicyDetails"), x = i.accrualMethod === "unlimited", b = P(
+    () => x ? [] : [
       {
         key: "balance",
         title: h("employeeTable.balance"),
-        render: (W) => /* @__PURE__ */ o(H, { as: "span", children: W.balance ?? "-" })
+        render: (v) => v.balance ?? "-"
       }
     ],
-    [h, T, H]
-  ), L = /* @__PURE__ */ o(
-    y,
+    [h, x]
+  ), C = /* @__PURE__ */ o(
+    k,
     {
       policyDetails: i,
-      policySettings: s,
-      onChangeSettings: m
+      policySettings: m,
+      onChangeSettings: s
     }
   );
   return /* @__PURE__ */ o(
-    A,
+    w,
     {
       title: a,
       subtitle: e,
@@ -50,30 +50,30 @@ function j({
       backLabel: r,
       actions: u,
       firstTab: {
-        id: k,
+        id: A,
         label: h("tabs.policyDetails"),
-        content: L
+        content: C
       },
       selectedTabId: d,
-      onTabChange: x,
+      onTabChange: H,
       employees: {
         ...n,
-        additionalColumns: v
+        additionalColumns: b
       },
       onAddEmployee: l,
       removeDialog: f,
       successAlert: t,
-      onDismissAlert: C
+      onDismissAlert: M
     }
   );
 }
-function y({
+function k({
   policyDetails: a,
   policySettings: e,
   onChangeSettings: c
 }) {
-  b("Company.TimeOff.TimeOffPolicyDetails");
-  const { t: r } = O("Company.TimeOff.TimeOffPolicyDetails"), { Box: u, BoxHeader: i, DescriptionList: s, Button: m } = M(), d = a.accrualMethod === "unlimited", n = a.accrualMethod === "perHourWorked" || a.accrualMethod === "perHourWorkedNoOvertime" || a.accrualMethod === "perHourPaid" || a.accrualMethod === "perHourPaidNoOvertime" || a.accrualMethod === "perPayPeriod", l = P(() => {
+  p("Company.TimeOff.TimeOffPolicyDetails");
+  const { t: r } = O("Company.TimeOff.TimeOffPolicyDetails"), { Box: u, BoxHeader: i, DescriptionList: m, Button: s } = W(), d = a.accrualMethod === "unlimited", n = a.accrualMethod === "perHourWorked" || a.accrualMethod === "perHourWorkedNoOvertime" || a.accrualMethod === "perHourPaid" || a.accrualMethod === "perHourPaidNoOvertime" || a.accrualMethod === "perPayPeriod", l = P(() => {
     const t = [
       {
         term: r("accrualMethod.label"),
@@ -117,8 +117,8 @@ function y({
       description: e.paidOutOnTermination ? r("paidOutOnTermination.yes") : r("paidOutOnTermination.no")
     }), t;
   }, [e, r, n]);
-  return /* @__PURE__ */ o("div", { className: p.cardsContainer, children: /* @__PURE__ */ w("div", { className: p.cards, children: [
-    /* @__PURE__ */ o(u, { header: /* @__PURE__ */ o(i, { title: r("details") }), withPadding: !0, children: /* @__PURE__ */ o(s, { items: l, showSeparators: !1, layout: "stacked" }) }),
+  return /* @__PURE__ */ o("div", { className: T.cardsContainer, children: /* @__PURE__ */ L("div", { className: T.cards, children: [
+    /* @__PURE__ */ o(u, { header: /* @__PURE__ */ o(i, { title: r("details") }), withPadding: !0, children: /* @__PURE__ */ o(m, { items: l, showSeparators: !1, layout: "stacked" }) }),
     !d && e && /* @__PURE__ */ o(
       u,
       {
@@ -126,16 +126,16 @@ function y({
           i,
           {
             title: r("policySettingsTitle"),
-            action: c && /* @__PURE__ */ o(m, { variant: "secondary", onClick: c, children: r("changeSettingsCta") })
+            action: c && /* @__PURE__ */ o(s, { variant: "secondary", onClick: c, children: r("changeSettingsCta") })
           }
         ),
         withPadding: !0,
-        children: /* @__PURE__ */ o(s, { items: f, showSeparators: !1, layout: "stacked" })
+        children: /* @__PURE__ */ o(m, { items: f, showSeparators: !1, layout: "stacked" })
       }
     )
   ] }) });
 }
 export {
-  j as TimeOffPolicyDetailPresentation
+  U as TimeOffPolicyDetailPresentation
 };
 //# sourceMappingURL=TimeOffPolicyDetailPresentation.js.map

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeOffPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type {\n TimeOffPolicyDetailPresentationProps,\n TimeOffPolicyDetailEmployee,\n PolicyDetails,\n PolicySettingsDisplay,\n} from './TimeOffPolicyDetailTypes'\nimport styles from './TimeOffPolicyDetail.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst DETAILS_TAB_ID = 'details'\n\nexport function TimeOffPolicyDetailPresentation({\n title,\n subtitle,\n onBack,\n backLabel,\n actions,\n policyDetails,\n policySettings,\n onChangeSettings,\n selectedTabId,\n onTabChange,\n employees,\n onAddEmployee,\n removeDialog,\n successAlert,\n onDismissAlert,\n}: TimeOffPolicyDetailPresentationProps) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n const { Text } = useComponentContext()\n\n const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n\n const balanceColumn = useMemo(\n () =>\n isUnlimited\n ? []\n : [\n {\n key: 'balance' as keyof TimeOffPolicyDetailEmployee,\n title: t('employeeTable.balance'),\n render: (item: TimeOffPolicyDetailEmployee) => (\n <Text as=\"span\">{item.balance ?? '-'}</Text>\n ),\n },\n ],\n [t, isUnlimited, Text],\n )\n\n const detailsTabContent = (\n <DetailsTab\n policyDetails={policyDetails}\n policySettings={policySettings}\n onChangeSettings={onChangeSettings}\n />\n )\n\n return (\n <PolicyDetailLayout\n title={title}\n subtitle={subtitle}\n onBack={onBack}\n backLabel={backLabel}\n actions={actions}\n firstTab={{\n id: DETAILS_TAB_ID,\n label: t('tabs.policyDetails'),\n content: detailsTabContent,\n }}\n selectedTabId={selectedTabId}\n onTabChange={onTabChange}\n employees={{\n ...employees,\n additionalColumns: balanceColumn,\n }}\n onAddEmployee={onAddEmployee}\n removeDialog={removeDialog}\n successAlert={successAlert}\n onDismissAlert={onDismissAlert}\n />\n )\n}\n\nfunction DetailsTab({\n policyDetails,\n policySettings,\n onChangeSettings,\n}: {\n policyDetails: PolicyDetails\n policySettings?: PolicySettingsDisplay\n onChangeSettings?: () => void\n}) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n const { Box, BoxHeader, DescriptionList, Button } = useComponentContext()\n\n const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n const isHoursWorked =\n policyDetails.accrualMethod === 'perHourWorked' \|\|\n policyDetails.accrualMethod === 'perHourWorkedNoOvertime' \|\|\n policyDetails.accrualMethod === 'perHourPaid' \|\|\n policyDetails.accrualMethod === 'perHourPaidNoOvertime'\n const showAccrualMaxAndWaiting = isHoursWorked \|\| policyDetails.accrualMethod === 'perPayPeriod'\n\n const detailItems = useMemo(() => {\n const items: { term: string; description: string }[] = [\n {\n term: t('accrualMethod.label'),\n description: t(`accrualMethod.${policyDetails.accrualMethod}`),\n },\n ]\n\n if (policyDetails.accrualMethod !== 'unlimited') {\n items.push({\n term: t('accrualRate.label'),\n description: t(`accrualRate.${policyDetails.accrualMethod}`, {\n accrualRate: policyDetails.accrualRate,\n accrualRateUnit: policyDetails.accrualRateUnit,\n }),\n })\n\n if (policyDetails.resetDate) {\n items.push({\n term: t('resetDate'),\n description: policyDetails.resetDate,\n })\n }\n }\n\n return items\n }, [policyDetails, t])\n\n const settingsItems = useMemo(() => {\n if (!policySettings) return []\n\n const items: { term: string; description: string }[] = []\n\n if (showAccrualMaxAndWaiting) {\n items.push({\n term: t('maxAccrualHoursPerYear.label'),\n description:\n policySettings.maxAccrualHoursPerYear != null\n ? t('maxAccrualHoursPerYear.withMaximum', {\n count: policySettings.maxAccrualHoursPerYear,\n })\n : t('maxAccrualHoursPerYear.noMaximum'),\n })\n }\n\n items.push(\n {\n term: t('maxHours.label'),\n description:\n policySettings.maxHours != null\n ? t('maxHours.withMaximum', { count: policySettings.maxHours })\n : t('maxHours.noMaximum'),\n },\n {\n term: t('carryoverLimitHours.label'),\n description:\n policySettings.carryoverLimitHours != null\n ? t('carryoverLimitHours.withLimit', { count: policySettings.carryoverLimitHours })\n : t('carryoverLimitHours.noLimit'),\n },\n )\n\n if (showAccrualMaxAndWaiting) {\n items.push({\n term: t('accrualWaitingPeriodDays.label'),\n description:\n policySettings.accrualWaitingPeriodDays != null\n ? t('accrualWaitingPeriodDays.withPeriod', {\n count: policySettings.accrualWaitingPeriodDays,\n })\n : t('accrualWaitingPeriodDays.noPeriod'),\n })\n }\n\n items.push({\n term: t('paidOutOnTermination.label'),\n description: policySettings.paidOutOnTermination\n ? t('paidOutOnTermination.yes')\n : t('paidOutOnTermination.no'),\n })\n\n return items\n }, [policySettings, t, showAccrualMaxAndWaiting])\n\n return (\n <div className={styles.cardsContainer}>\n <div className={styles.cards}>\n <Box header={<BoxHeader title={t('details')} />} withPadding>\n <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n </Box>\n\n {!isUnlimited && policySettings && (\n <Box\n header={\n <BoxHeader\n title={t('policySettingsTitle')}\n action={\n onChangeSettings && (\n <Button variant=\"secondary\" onClick={onChangeSettings}>\n {t('changeSettingsCta')}\n </Button>\n )\n }\n />\n }\n withPadding\n >\n <DescriptionList items={settingsItems} showSeparators={false} layout=\"stacked\" />\n </Box>\n )}\n </div>\n </div>\n )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","Text","useComponentContext","isUnlimited","balanceColumn","useMemo","item","jsx","detailsTabContent","DetailsTab","PolicyDetailLayout","Box","BoxHeader","DescriptionList","Button","showAccrualMaxAndWaiting","detailItems","items","settingsItems","styles","jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"TimeOffPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type {\n TimeOffPolicyDetailPresentationProps,\n TimeOffPolicyDetailEmployee,\n PolicyDetails,\n PolicySettingsDisplay,\n} from './TimeOffPolicyDetailTypes'\nimport styles from './TimeOffPolicyDetail.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst DETAILS_TAB_ID = 'details'\n\nexport function TimeOffPolicyDetailPresentation({\n title,\n subtitle,\n onBack,\n backLabel,\n actions,\n policyDetails,\n policySettings,\n onChangeSettings,\n selectedTabId,\n onTabChange,\n employees,\n onAddEmployee,\n removeDialog,\n successAlert,\n onDismissAlert,\n}: TimeOffPolicyDetailPresentationProps) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n\n const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n\n const balanceColumn = useMemo(\n () =>\n isUnlimited\n ? []\n : [\n {\n key: 'balance' as keyof TimeOffPolicyDetailEmployee,\n title: t('employeeTable.balance'),\n render: (item: TimeOffPolicyDetailEmployee) => item.balance ?? '-',\n },\n ],\n [t, isUnlimited],\n )\n\n const detailsTabContent = (\n <DetailsTab\n policyDetails={policyDetails}\n policySettings={policySettings}\n onChangeSettings={onChangeSettings}\n />\n )\n\n return (\n <PolicyDetailLayout\n title={title}\n subtitle={subtitle}\n onBack={onBack}\n backLabel={backLabel}\n actions={actions}\n firstTab={{\n id: DETAILS_TAB_ID,\n label: t('tabs.policyDetails'),\n content: detailsTabContent,\n }}\n selectedTabId={selectedTabId}\n onTabChange={onTabChange}\n employees={{\n ...employees,\n additionalColumns: balanceColumn,\n }}\n onAddEmployee={onAddEmployee}\n removeDialog={removeDialog}\n successAlert={successAlert}\n onDismissAlert={onDismissAlert}\n />\n )\n}\n\nfunction DetailsTab({\n policyDetails,\n policySettings,\n onChangeSettings,\n}: {\n policyDetails: PolicyDetails\n policySettings?: PolicySettingsDisplay\n onChangeSettings?: () => void\n}) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n const { Box, BoxHeader, DescriptionList, Button } = useComponentContext()\n\n const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n const isHoursWorked =\n policyDetails.accrualMethod === 'perHourWorked' \|\|\n policyDetails.accrualMethod === 'perHourWorkedNoOvertime' \|\|\n policyDetails.accrualMethod === 'perHourPaid' \|\|\n policyDetails.accrualMethod === 'perHourPaidNoOvertime'\n const showAccrualMaxAndWaiting = isHoursWorked \|\| policyDetails.accrualMethod === 'perPayPeriod'\n\n const detailItems = useMemo(() => {\n const items: { term: string; description: string }[] = [\n {\n term: t('accrualMethod.label'),\n description: t(`accrualMethod.${policyDetails.accrualMethod}`),\n },\n ]\n\n if (policyDetails.accrualMethod !== 'unlimited') {\n items.push({\n term: t('accrualRate.label'),\n description: t(`accrualRate.${policyDetails.accrualMethod}`, {\n accrualRate: policyDetails.accrualRate,\n accrualRateUnit: policyDetails.accrualRateUnit,\n }),\n })\n\n if (policyDetails.resetDate) {\n items.push({\n term: t('resetDate'),\n description: policyDetails.resetDate,\n })\n }\n }\n\n return items\n }, [policyDetails, t])\n\n const settingsItems = useMemo(() => {\n if (!policySettings) return []\n\n const items: { term: string; description: string }[] = []\n\n if (showAccrualMaxAndWaiting) {\n items.push({\n term: t('maxAccrualHoursPerYear.label'),\n description:\n policySettings.maxAccrualHoursPerYear != null\n ? t('maxAccrualHoursPerYear.withMaximum', {\n count: policySettings.maxAccrualHoursPerYear,\n })\n : t('maxAccrualHoursPerYear.noMaximum'),\n })\n }\n\n items.push(\n {\n term: t('maxHours.label'),\n description:\n policySettings.maxHours != null\n ? t('maxHours.withMaximum', { count: policySettings.maxHours })\n : t('maxHours.noMaximum'),\n },\n {\n term: t('carryoverLimitHours.label'),\n description:\n policySettings.carryoverLimitHours != null\n ? t('carryoverLimitHours.withLimit', { count: policySettings.carryoverLimitHours })\n : t('carryoverLimitHours.noLimit'),\n },\n )\n\n if (showAccrualMaxAndWaiting) {\n items.push({\n term: t('accrualWaitingPeriodDays.label'),\n description:\n policySettings.accrualWaitingPeriodDays != null\n ? t('accrualWaitingPeriodDays.withPeriod', {\n count: policySettings.accrualWaitingPeriodDays,\n })\n : t('accrualWaitingPeriodDays.noPeriod'),\n })\n }\n\n items.push({\n term: t('paidOutOnTermination.label'),\n description: policySettings.paidOutOnTermination\n ? t('paidOutOnTermination.yes')\n : t('paidOutOnTermination.no'),\n })\n\n return items\n }, [policySettings, t, showAccrualMaxAndWaiting])\n\n return (\n <div className={styles.cardsContainer}>\n <div className={styles.cards}>\n <Box header={<BoxHeader title={t('details')} />} withPadding>\n <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n </Box>\n\n {!isUnlimited && policySettings && (\n <Box\n header={\n <BoxHeader\n title={t('policySettingsTitle')}\n action={\n onChangeSettings && (\n <Button variant=\"secondary\" onClick={onChangeSettings}>\n {t('changeSettingsCta')}\n </Button>\n )\n }\n />\n }\n withPadding\n >\n <DescriptionList items={settingsItems} showSeparators={false} layout=\"stacked\" />\n </Box>\n )}\n </div>\n </div>\n )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","isUnlimited","balanceColumn","useMemo","item","detailsTabContent","jsx","DetailsTab","PolicyDetailLayout","Box","BoxHeader","DescriptionList","Button","useComponentContext","showAccrualMaxAndWaiting","detailItems","items","settingsItems","styles","jsxs"],"mappings":"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"}

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { EmployeeTableItem, EmployeeTableProps } from './EmployeeTableTypes';
-export declare function EmployeeTable<T extends EmployeeTableItem>({ data, label, additionalColumns, hideJobTitle, searchValue, onSearchChange, onSearchClear, searchPlaceholder, selectionMode, onSelect, onSelectAll, getIsItemSelected, itemMenu, pagination, isFetching, emptyState, emptySearchState, footer, }: EmployeeTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function EmployeeTable<T extends EmployeeTableItem>({ data, label, additionalColumns, hideJobTitle, searchValue, onSearchChange, onSearchClear, searchPlaceholder, hideSearch, selectionMode, onSelect, onSelectAll, getIsItemSelected, hideSelectAll, itemMenu, pagination, isFetching, emptyState, emptySearchState, footer, }: EmployeeTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.js CHANGED Viewed

@@ -1,17 +1,17 @@
-import { jsx as r, jsxs as I } from "react/jsx-runtime";
+import { jsx as r, jsxs as V } from "react/jsx-runtime";
 import { useMemo as m } from "react";
-import { useTranslation as R } from "react-i18next";
+import { useTranslation as F } from "react-i18next";
 import d from "./EmployeeTable.module.scss.js";
-import { Flex as V } from "../../../Common/Flex/Flex.js";
+import { Flex as O } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../../shared/constants.js";
 import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as F } from "../../../../i18n/I18n.js";
-import { firstLastName as O } from "../../../../helpers/formattedStrings.js";
-import P from "../../../../assets/icons/search-lg.svg.js";
-import { useDataView as _ } from "../../../Common/DataView/useDataView.js";
-import { DataView as z } from "../../../Common/DataView/DataView.js";
-function ee({
+import { useI18n as P } from "../../../../i18n/I18n.js";
+import { firstLastName as _ } from "../../../../helpers/formattedStrings.js";
+import z from "../../../../assets/icons/search-lg.svg.js";
+import { useDataView as H } from "../../../Common/DataView/useDataView.js";
+import { DataView as W } from "../../../Common/DataView/DataView.js";
+function re({
   data: o,
   label: n,
   additionalColumns: l = [],
@@ -20,31 +20,33 @@ function ee({
   onSearchChange: b,
   onSearchClear: T,
   searchPlaceholder: g,
-  selectionMode: x,
+  hideSearch: x,
+  selectionMode: C,
   onSelect: p,
-  onSelectAll: C,
-  getIsItemSelected: E,
+  onSelectAll: E,
+  getIsItemSelected: S,
+  hideSelectAll: N,
   itemMenu: u,
-  pagination: S,
-  isFetching: N,
+  pagination: j,
+  isFetching: v,
   emptyState: f,
   emptySearchState: a,
-  footer: j
+  footer: L
 }) {
-  F("Company.TimeOff.EmployeeTable");
-  const { t } = R("Company.TimeOff.EmployeeTable"), v = y(), s = c.length > 0 && o.length === 0, L = (e) => {
+  P("Company.TimeOff.EmployeeTable");
+  const { t } = F("Company.TimeOff.EmployeeTable"), D = y(), s = c.length > 0 && o.length === 0, k = (e) => {
     b(e), e || T();
   }, h = m(() => {
     const e = t("noSearchResults");
     return function() {
-      return /* @__PURE__ */ r(H, { message: e });
+      return /* @__PURE__ */ r($, { message: e });
     };
-  }, [t]), D = m(() => s && a ? a : s ? h : f, [s, a, f, h]), k = m(
+  }, [t]), w = m(() => s && a ? a : s ? h : f, [s, a, f, h]), I = m(
     () => [
       {
         key: "name",
         title: t("name"),
-        render: (e) => /* @__PURE__ */ r("span", { id: `employee-name-${e.uuid}`, children: O({
+        render: (e) => /* @__PURE__ */ r("span", { id: `employee-name-${e.uuid}`, children: _({
           first_name: e.firstName,
           last_name: e.lastName
         }) })
@@ -59,19 +61,19 @@ function ee({
       ...l
     ],
     [t, l, i]
-  ), w = _({
+  ), R = H({
     data: o,
-    columns: k,
+    columns: I,
     itemMenu: u,
-    pagination: S,
-    isFetching: N,
-    emptyState: D,
-    footer: j,
-    ...p && { selectionMode: x, onSelect: p, onSelectAll: C, getIsItemSelected: E }
+    pagination: j,
+    isFetching: v,
+    emptyState: w,
+    footer: L,
+    ...p && { selectionMode: C, onSelect: p, onSelectAll: E, getIsItemSelected: S, hideSelectAll: N }
   });
-  return /* @__PURE__ */ I("div", { className: d.root, "data-has-menu": u ? !0 : void 0, children: [
-    /* @__PURE__ */ r("div", { className: d.searchContainer, children: /* @__PURE__ */ r(
-      v.TextInput,
+  return /* @__PURE__ */ V("div", { className: d.root, "data-has-menu": u ? !0 : void 0, children: [
+    !x && /* @__PURE__ */ r("div", { className: d.searchContainer, children: /* @__PURE__ */ r(
+      D.TextInput,
       {
         name: "employee-search",
         type: "search",
@@ -79,18 +81,18 @@ function ee({
         shouldVisuallyHideLabel: !0,
         placeholder: g ?? t("searchPlaceholder"),
         value: c,
-        onChange: L,
-        adornmentStart: /* @__PURE__ */ r(P, { "aria-hidden": !0 })
+        onChange: k,
+        adornmentStart: /* @__PURE__ */ r(z, { "aria-hidden": !0 })
       }
     ) }),
-    /* @__PURE__ */ r(z, { label: n ?? t("tableLabel"), ...w })
+    /* @__PURE__ */ r(W, { label: n ?? t("tableLabel"), ...R })
   ] });
 }
-function H({ message: o }) {
+function $({ message: o }) {
   const { Text: n } = y();
-  return /* @__PURE__ */ r(V, { flexDirection: "column", alignItems: "center", gap: 8, children: /* @__PURE__ */ r(n, { size: "sm", children: o }) });
+  return /* @__PURE__ */ r(O, { flexDirection: "column", alignItems: "center", gap: 8, children: /* @__PURE__ */ r(n, { size: "sm", children: o }) });
 }
 export {
-  ee as EmployeeTable
+  re as EmployeeTable
 };
 //# sourceMappingURL=EmployeeTable.js.map

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmployeeTable.js","sources":["../../../../../src/components/TimeOff/shared/EmployeeTable/EmployeeTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem, EmployeeTableProps } from './EmployeeTableTypes'\nimport styles from './EmployeeTable.module.scss'\nimport { DataView, Flex, useDataView } from '@/components/Common'\nimport type { useDataViewProp } from '@/components/Common/DataView/useDataView'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n/I18n'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport SearchIcon from '@/assets/icons/search-lg.svg?react'\n\nexport function EmployeeTable<T extends EmployeeTableItem>({\n data,\n label,\n additionalColumns = [],\n hideJobTitle,\n searchValue,\n onSearchChange,\n onSearchClear,\n searchPlaceholder,\n selectionMode,\n onSelect,\n onSelectAll,\n getIsItemSelected,\n itemMenu,\n pagination,\n isFetching,\n emptyState,\n emptySearchState,\n footer,\n}: EmployeeTableProps<T>) {\n useI18n('Company.TimeOff.EmployeeTable')\n const { t } = useTranslation('Company.TimeOff.EmployeeTable')\n const Components = useComponentContext()\n\n const isSearchWithNoResults = searchValue.length > 0 && data.length === 0\n\n const handleSearchChange = (value: string) => {\n onSearchChange(value)\n if (!value) onSearchClear()\n }\n\n const defaultEmptySearch = useMemo(() => {\n const noSearchResults = t('noSearchResults')\n return function EmptySearchFallback() {\n return <DefaultEmptySearchState message={noSearchResults} />\n }\n }, [t])\n\n const resolvedEmptyState = useMemo(() => {\n if (isSearchWithNoResults && emptySearchState) {\n return emptySearchState\n }\n if (isSearchWithNoResults) {\n return defaultEmptySearch\n }\n return emptyState\n }, [isSearchWithNoResults, emptySearchState, emptyState, defaultEmptySearch])\n\n const columns = useMemo(\n () => [\n {\n key: 'name',\n title: t('name'),\n render: (item: T) => (\n <span id={`employee-name-${item.uuid}`}>\n {firstLastName({\n first_name: item.firstName,\n last_name: item.lastName,\n })}\n </span>\n ),\n },\n ...(hideJobTitle\n ? []\n : [\n {\n key: 'jobTitle' as keyof T,\n title: t('jobTitle'),\n render: (item: T) => item.jobTitle ?? '',\n },\n ]),\n ...additionalColumns,\n ],\n [t, additionalColumns, hideJobTitle],\n )\n\n const dataViewProps = useDataView<T>({\n data,\n columns,\n itemMenu,\n pagination,\n isFetching,\n emptyState: resolvedEmptyState,\n footer,\n ...(onSelect && { selectionMode, onSelect, onSelectAll, getIsItemSelected }),\n } as useDataViewProp<T>)\n\n return (\n <div className={styles.root} data-has-menu={itemMenu ? true : undefined}>\n <div className={styles.searchContainer}>\n <Components.TextInput\n name=\"employee-search\"\n type=\"search\"\n label={t('searchLabel')}\n shouldVisuallyHideLabel\n placeholder={searchPlaceholder ?? t('searchPlaceholder')}\n value={searchValue}\n onChange={handleSearchChange}\n adornmentStart={<SearchIcon aria-hidden />}\n />\n </div>\n <DataView label={label ?? t('tableLabel')} {...dataViewProps} />\n </div>\n )\n}\n\nfunction DefaultEmptySearchState({ message }: { message: string }) {\n const { Text } = useComponentContext()\n return (\n <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n <Text size=\"sm\">{message}</Text>\n </Flex>\n )\n}\n"],"names":["EmployeeTable","data","label","additionalColumns","hideJobTitle","searchValue","onSearchChange","onSearchClear","searchPlaceholder","selectionMode","onSelect","onSelectAll","getIsItemSelected","itemMenu","pagination","isFetching","emptyState","emptySearchState","footer","useI18n","useTranslation","Components","useComponentContext","isSearchWithNoResults","handleSearchChange","value","defaultEmptySearch","useMemo","noSearchResults","jsx","DefaultEmptySearchState","resolvedEmptyState","columns","item","firstLastName","dataViewProps","useDataView","jsxs","styles","SearchIcon","DataView","message","Text","Flex"],"mappings":";;;;;;;;;;;;;AAWO,SAASA,GAA2C;AAAA,EACzD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,mBAAAC,IAAoB,CAAA;AAAA,EACpB,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,GAA0B;AACxB,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,~~IAAwBlB~~,EAAY,SAAS,KAAKJ,EAAK,WAAW,~~GAElEuB~~,IAAqB,CAACC,MAAkB;AAC5C,~~IAAAnB~~,~~EAAemB~~,CAAK,GACfA,~~KAAOlB~~,EAAA;AAAA,EACd,~~GAEMmB~~,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAkB,EAAE,iBAAiB;AAC3C,WAAO,WAA+B;AACpC,aAAO,gBAAAC,EAACC,GAAA,EAAwB,SAASF,EAAA,CAAiB;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,CAAC,CAAC,GAEAG,IAAqBJ,EAAQ,MAC7BJ,KAAyBN,IACpBA,IAELM,IACKG,IAEFV,GACN,CAACO,GAAuBN,GAAkBD,GAAYU,CAAkB,CAAC,GAEtEM,IAAUL;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,MAAM;AAAA,QACf,QAAQ,CAACM,MACP,gBAAAJ,EAAC,QAAA,EAAK,IAAI,iBAAiBI,EAAK,IAAI,IACjC,UAAAC,EAAc;AAAA,UACb,YAAYD,EAAK;AAAA,UACjB,WAAWA,EAAK;AAAA,QAAA,CACjB,EAAA,CACH;AAAA,MAAA;AAAA,MAGJ,~~GAAI7B~~,IACA,CAAA,IACA;AAAA,QACE;AAAA,UACE,KAAK;AAAA,UACL,OAAO,EAAE,UAAU;AAAA,UACnB,QAAQ,~~CAAC6B~~,MAAYA,EAAK,YAAY;AAAA,QAAA;AAAA,MACxC;AAAA,MAEN,~~GAAG9B~~;AAAA,IAAA;AAAA,IAEL,CAAC,GAAGA,GAAmBC,CAAY;AAAA,EAAA,GAG/~~B+B~~,IAAgBC,EAAe;AAAA,IACnC,~~MAAAnC~~;AAAA,IACA,~~SAAA+B~~;AAAA,IACA,UAAAnB;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAYgB;AAAA,IACZ,QAAAb;AAAA,IACA,~~GAAIR~~,KAAY,EAAE,eAAAD,GAAe,UAAAC,GAAU,aAAAC,GAAa,mBAAAC,EAAA;AAAA,~~EAAkB~~,~~CACrD~~;AAEvB,SACE,gBAAAyB,EAAC,SAAI,WAAWC,EAAO,MAAM,iBAAezB,IAAW,KAAO,~~QAC5D~~,UAAA;AAAA,IAAA,~~gBAAAgB~~,EAAC,OAAA,EAAI,WAAWS,EAAO,iBACrB,UAAA,gBAAAT;AAAA,MAACR,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,EAAE,aAAa;AAAA,QACtB,yBAAuB;AAAA,QACvB,~~aAAab~~,KAAqB,EAAE,mBAAmB;AAAA,QACvD,OAAOH;AAAA,QACP,~~UAAUmB~~;AAAA,QACV,gBAAgB,gBAAAK,EAACU,GAAA,EAAW,eAAW,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA,GAE5C;AAAA,~~IACA~~,gBAAAV,EAACW,KAAS,~~OAAOtC~~,KAAS,EAAE,YAAY,GAAI,~~GAAGiC~~,EAAA,CAAe;AAAA,EAAA,GAChE;AAEJ;AAEA,SAASL,EAAwB,EAAE,SAAAW,KAAgC;AACjE,QAAM,EAAE,MAAAC,EAAA,IAASpB,EAAA;AACjB,SACE,gBAAAO,EAACc,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA,gBAAAd,EAACa,GAAA,EAAK,MAAK,MAAM,aAAQ,GAC3B;AAEJ;"}
1	+ {"version":3,"file":"EmployeeTable.js","sources":["../../../../../src/components/TimeOff/shared/EmployeeTable/EmployeeTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem, EmployeeTableProps } from './EmployeeTableTypes'\nimport styles from './EmployeeTable.module.scss'\nimport { DataView, Flex, useDataView } from '@/components/Common'\nimport type { useDataViewProp } from '@/components/Common/DataView/useDataView'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n/I18n'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport SearchIcon from '@/assets/icons/search-lg.svg?react'\n\nexport function EmployeeTable<T extends EmployeeTableItem>({\n data,\n label,\n additionalColumns = [],\n hideJobTitle,\n searchValue,\n onSearchChange,\n onSearchClear,\n searchPlaceholder,\n hideSearch,\n selectionMode,\n onSelect,\n onSelectAll,\n getIsItemSelected,\n hideSelectAll,\n itemMenu,\n pagination,\n isFetching,\n emptyState,\n emptySearchState,\n footer,\n}: EmployeeTableProps<T>) {\n useI18n('Company.TimeOff.EmployeeTable')\n const { t } = useTranslation('Company.TimeOff.EmployeeTable')\n const Components = useComponentContext()\n\n const isSearchWithNoResults = searchValue.length > 0 && data.length === 0\n\n const handleSearchChange = (value: string) => {\n onSearchChange(value)\n if (!value) onSearchClear()\n }\n\n const defaultEmptySearch = useMemo(() => {\n const noSearchResults = t('noSearchResults')\n return function EmptySearchFallback() {\n return <DefaultEmptySearchState message={noSearchResults} />\n }\n }, [t])\n\n const resolvedEmptyState = useMemo(() => {\n if (isSearchWithNoResults && emptySearchState) {\n return emptySearchState\n }\n if (isSearchWithNoResults) {\n return defaultEmptySearch\n }\n return emptyState\n }, [isSearchWithNoResults, emptySearchState, emptyState, defaultEmptySearch])\n\n const columns = useMemo(\n () => [\n {\n key: 'name',\n title: t('name'),\n render: (item: T) => (\n <span id={`employee-name-${item.uuid}`}>\n {firstLastName({\n first_name: item.firstName,\n last_name: item.lastName,\n })}\n </span>\n ),\n },\n ...(hideJobTitle\n ? []\n : [\n {\n key: 'jobTitle' as keyof T,\n title: t('jobTitle'),\n render: (item: T) => item.jobTitle ?? '',\n },\n ]),\n ...additionalColumns,\n ],\n [t, additionalColumns, hideJobTitle],\n )\n\n const dataViewProps = useDataView<T>({\n data,\n columns,\n itemMenu,\n pagination,\n isFetching,\n emptyState: resolvedEmptyState,\n footer,\n ...(onSelect && { selectionMode, onSelect, onSelectAll, getIsItemSelected, hideSelectAll }),\n } as useDataViewProp<T>)\n\n return (\n <div className={styles.root} data-has-menu={itemMenu ? true : undefined}>\n {!hideSearch && (\n <div className={styles.searchContainer}>\n <Components.TextInput\n name=\"employee-search\"\n type=\"search\"\n label={t('searchLabel')}\n shouldVisuallyHideLabel\n placeholder={searchPlaceholder ?? t('searchPlaceholder')}\n value={searchValue}\n onChange={handleSearchChange}\n adornmentStart={<SearchIcon aria-hidden />}\n />\n </div>\n )}\n <DataView label={label ?? t('tableLabel')} {...dataViewProps} />\n </div>\n )\n}\n\nfunction DefaultEmptySearchState({ message }: { message: string }) {\n const { Text } = useComponentContext()\n return (\n <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n <Text size=\"sm\">{message}</Text>\n </Flex>\n )\n}\n"],"names":["EmployeeTable","data","label","additionalColumns","hideJobTitle","searchValue","onSearchChange","onSearchClear","searchPlaceholder","hideSearch","selectionMode","onSelect","onSelectAll","getIsItemSelected","hideSelectAll","itemMenu","pagination","isFetching","emptyState","emptySearchState","footer","useI18n","useTranslation","Components","useComponentContext","isSearchWithNoResults","handleSearchChange","value","defaultEmptySearch","useMemo","noSearchResults","jsx","DefaultEmptySearchState","resolvedEmptyState","columns","item","firstLastName","dataViewProps","useDataView","jsxs","styles","SearchIcon","DataView","message","Text","Flex"],"mappings":"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"}

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTableTypes.d.ts CHANGED Viewed

@@ -16,10 +16,12 @@ export interface EmployeeTableProps<T extends EmployeeTableItem> {
     onSearchChange: (value: string) => void;
     onSearchClear: () => void;
     searchPlaceholder?: string;
+    hideSearch?: boolean;
     selectionMode?: SelectionMode;
     onSelect?: (item: T, checked: boolean) => void;
     onSelectAll?: (checked: boolean, visibleItems: T[]) => void;
     getIsItemSelected?: (item: T) => boolean;
+    hideSelectAll?: boolean;
     itemMenu?: (item: T) => ReactNode;
     pagination?: PaginationControlProps;
     isFetching?: boolean;

package/dist/helpers/breadcrumbHelpers.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ export declare const buildBreadcrumbs: (nodes: BreadcrumbNodes) => BreadcrumbTra
 /**
  * Resolves template variables in breadcrumb labels using values from a context object.
  *
- * Supports Handlebars-style template syntax ({{variableName}}) for dynamic breadcrumb labels.
+ * Supports Handlebars-style template syntax (`{{variableName}}`) for dynamic breadcrumb labels.
  * Variables enclosed in double braces are replaced with their corresponding values from the context.
  * Non-template strings are returned as-is.
  */

package/dist/helpers/breadcrumbHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbHelpers.js","sources":["../../src/helpers/breadcrumbHelpers.ts"],"sourcesContent":["import type {\n BreadcrumbNode,\n BreadcrumbNodes,\n BreadcrumbTrail,\n FlowBreadcrumb,\n} from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype BreadcrumbsHeader = Extract<FlowHeaderConfig, { type: 'breadcrumbs' }>\n\ntype WithHeader = { header?: FlowHeaderConfig \| null }\n\n/*\n Returns the existing breadcrumbs header from a context, defaulting to a\n * blank breadcrumbs config when the header is missing or of a different\n * variant. Helpers below use this so callers don't need to manually narrow\n * the discriminated `header` union before mutating breadcrumb data.\n /\nconst getBreadcrumbsHeader = (header: FlowHeaderConfig \| null \| undefined): BreadcrumbsHeader => {\n if (header?.type === 'breadcrumbs') return header\n return { type: 'breadcrumbs' }\n}\n\n/\n Builds a complete breadcrumb trail map from a hierarchical node structure.\n \n Takes a tree structure of breadcrumb nodes and generates a map where each state\n * has its complete breadcrumb trail from root to that state. This is useful for\n * initializing breadcrumb navigation in state machines or multi-step flows.\n /\nexport const buildBreadcrumbs = (nodes: BreadcrumbNodes): BreadcrumbTrail => {\n const map: Record<string, FlowBreadcrumb[]> = {}\n\n for (const [state, node] of Object.entries(nodes)) {\n const trail: FlowBreadcrumb[] = []\n let current: BreadcrumbNode \| null = node\n\n while (current) {\n trail.unshift(current.item)\n const parentKey: string \| null = current.parent\n current = parentKey ? (nodes[parentKey] ?? null) : null\n }\n\n map[state] = trail\n }\n\n return map\n}\n\n/\n Resolves template variables in breadcrumb labels using values from a context object.\n \n Supports Handlebars-style template syntax ({{variableName}}) for dynamic breadcrumb labels.\n * Variables enclosed in double braces are replaced with their corresponding values from the context.\n * Non-template strings are returned as-is.\n /\nexport const resolveBreadcrumbVariables = (\n variables: Record<string, string> \| undefined,\n context: Record<string, unknown>,\n): Record<string, unknown> => {\n if (!variables) {\n return {}\n }\n\n const resolved: Record<string, unknown> = {}\n for (const [key, value] of Object.entries(variables)) {\n const match = value.match(/{{(.?)}}/)\n if (match?.[1]) {\n const ctxKey = match[1].trim()\n resolved[key] = context[ctxKey] ?? ''\n } else {\n resolved[key] = value\n }\n }\n return resolved\n}\n\n/*\n Merges `patch` fields into the existing breadcrumbs header on a context,\n * preserving the existing trails and CTA. If the context has no breadcrumbs\n * header, a fresh one is created. Useful when a transition needs to flip\n * breadcrumbs visibility (`currentBreadcrumbId`) without rebuilding any\n * trails.\n /\nexport const patchBreadcrumbsHeader = <T extends WithHeader>(\n context: T,\n patch: Partial<Omit<BreadcrumbsHeader, 'type'>>,\n): T & { header: BreadcrumbsHeader } => {\n const existing = getBreadcrumbsHeader(context.header)\n return { ...context, header: { ...existing, ...patch } }\n}\n\n/\n Removes a breadcrumb from all trails in the context's breadcrumbs header.\n * Use this in state machine reducers to hide a step entirely (e.g. after\n * payroll submission).\n /\nexport const hideBreadcrumb = <T extends WithHeader>(breadcrumbId: string, context: T): T => {\n const breadcrumbsHeader = getBreadcrumbsHeader(context.header)\n const allBreadcrumbs = breadcrumbsHeader.breadcrumbs ?? {}\n const updatedBreadcrumbs = Object.fromEntries(\n Object.entries(allBreadcrumbs).map(([stateKey, trail]) => [\n stateKey,\n trail.filter(b => b.id !== breadcrumbId),\n ]),\n )\n return {\n ...context,\n header: { ...breadcrumbsHeader, breadcrumbs: updatedBreadcrumbs },\n }\n}\n\n/\n Marks a breadcrumb as non-navigable across all trails in the context's\n * breadcrumbs header. Use this in state machine reducers to disable backward\n * navigation to a specific step.\n /\nexport const lockBreadcrumb = <T extends WithHeader>(breadcrumbId: string, context: T): T => {\n const breadcrumbsHeader = getBreadcrumbsHeader(context.header)\n const allBreadcrumbs = breadcrumbsHeader.breadcrumbs ?? {}\n const updatedBreadcrumbs = Object.fromEntries(\n Object.entries(allBreadcrumbs).map(([stateKey, trail]) => [\n stateKey,\n trail.map(b => (b.id === breadcrumbId ? { ...b, isNavigable: false } : b)),\n ]),\n )\n return {\n ...context,\n header: { ...breadcrumbsHeader, breadcrumbs: updatedBreadcrumbs },\n }\n}\n\n/\n Updates the breadcrumb trail for a specific state with resolved variables\n * and switches the active breadcrumb to that state.\n \n This function is typically used in state machine transitions to update\n * breadcrumb navigation when moving between states. It preserves all existing\n * breadcrumb trails for other states and only updates the trail for the\n * specified state by resolving any template variables for that state's\n * breadcrumb. The resulting context's header is always of type `'breadcrumbs'`.\n */\nexport const updateBreadcrumbs = <T extends WithHeader>(\n stateName: string,\n context: T,\n variables?: Record<string, string>,\n): T & { header: BreadcrumbsHeader } => {\n const breadcrumbsHeader = getBreadcrumbsHeader(context.header)\n const allBreadcrumbs = breadcrumbsHeader.breadcrumbs ?? {}\n const trail = allBreadcrumbs[stateName] ?? []\n const resolvedTrail = trail.map(breadcrumb => ({\n ...breadcrumb,\n variables: resolveBreadcrumbVariables(variables, context as Record<string, unknown>),\n }))\n return {\n ...context,\n header: {\n ...breadcrumbsHeader,\n breadcrumbs: {\n ...allBreadcrumbs,\n [stateName]: resolvedTrail,\n },\n currentBreadcrumbId: stateName,\n },\n }\n}\n"],"names":["getBreadcrumbsHeader","header","buildBreadcrumbs","nodes","map","state","node","trail","current","parentKey","resolveBreadcrumbVariables","variables","context","resolved","key","value","match","ctxKey","patchBreadcrumbsHeader","patch","existing","hideBreadcrumb","breadcrumbId","breadcrumbsHeader","allBreadcrumbs","updatedBreadcrumbs","stateKey","b","updateBreadcrumbs","stateName","resolvedTrail","breadcrumb"],"mappings":"AAkBA,MAAMA,IAAuB,CAACC,MACxBA,GAAQ,SAAS,gBAAsBA,IACpC,EAAE,MAAM,cAAA,GAUJC,IAAmB,CAACC,MAA4C;AAC3E,QAAMC,IAAwC,CAAA;AAE9C,aAAW,CAACC,GAAOC,CAAI,KAAK,OAAO,QAAQH,CAAK,GAAG;AACjD,UAAMI,IAA0B,CAAA;AAChC,QAAIC,IAAiCF;AAErC,WAAOE,KAAS;AACd,MAAAD,EAAM,QAAQC,EAAQ,IAAI;AAC1B,YAAMC,IAA2BD,EAAQ;AACzC,MAAAA,IAAUC,IAAaN,EAAMM,CAAS,KAAK,OAAQ;AAAA,IACrD;AAEA,IAAAL,EAAIC,CAAK,IAAIE;AAAA,EACf;AAEA,SAAOH;AACT,GASaM,IAA6B,CACxCC,GACAC,MAC4B;AAC5B,MAAI,CAACD;AACH,WAAO,CAAA;AAGT,QAAME,IAAoC,CAAA;AAC1C,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,CAAS,GAAG;AACpD,UAAMK,IAAQD,EAAM,MAAM,WAAW;AACrC,QAAIC,IAAQ,CAAC,GAAG;AACd,YAAMC,IAASD,EAAM,CAAC,EAAE,KAAA;AACxB,MAAAH,EAASC,CAAG,IAAIF,EAAQK,CAAM,KAAK;AAAA,IACrC;AACE,MAAAJ,EAASC,CAAG,IAAIC;AAAA,EAEpB;AACA,SAAOF;AACT,GASaK,IAAyB,CACpCN,GACAO,MACsC;AACtC,QAAMC,IAAWpB,EAAqBY,EAAQ,MAAM;AACpD,SAAO,EAAE,GAAGA,GAAS,QAAQ,EAAE,GAAGQ,GAAU,GAAGD,IAAM;AACvD,GAOaE,IAAiB,CAAuBC,GAAsBV,MAAkB;AAC3F,QAAMW,IAAoBvB,EAAqBY,EAAQ,MAAM,GACvDY,IAAiBD,EAAkB,eAAe,CAAA,GAClDE,IAAqB,OAAO;AAAA,IAChC,OAAO,QAAQD,CAAc,EAAE,IAAI,CAAC,CAACE,GAAUnB,CAAK,MAAM;AAAA,MACxDmB;AAAA,MACAnB,EAAM,OAAO,CAAAoB,MAAKA,EAAE,OAAOL,CAAY;AAAA,IAAA,CACxC;AAAA,EAAA;AAEH,SAAO;AAAA,IACL,GAAGV;AAAA,IACH,QAAQ,EAAE,GAAGW,GAAmB,aAAaE,EAAA;AAAA,EAAmB;AAEpE,GAgCaG,IAAoB,CAC/BC,GACAjB,GACAD,MACsC;AACtC,QAAMY,IAAoBvB,EAAqBY,EAAQ,MAAM,GACvDY,IAAiBD,EAAkB,eAAe,CAAA,GAElDO,KADQN,EAAeK,CAAS,KAAK,CAAA,GACf,IAAI,CAAAE,OAAe;AAAA,IAC7C,GAAGA;AAAA,IACH,WAAWrB,EAA2BC,GAAWC,CAAkC;AAAA,EAAA,EACnF;AACF,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,QAAQ;AAAA,MACN,GAAGW;AAAA,MACH,aAAa;AAAA,QACX,GAAGC;AAAA,QACH,CAACK,CAAS,GAAGC;AAAA,MAAA;AAAA,MAEf,qBAAqBD;AAAA,IAAA;AAAA,EACvB;AAEJ;"}
1	+ {"version":3,"file":"breadcrumbHelpers.js","sources":["../../src/helpers/breadcrumbHelpers.ts"],"sourcesContent":["import type {\n BreadcrumbNode,\n BreadcrumbNodes,\n BreadcrumbTrail,\n FlowBreadcrumb,\n} from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype BreadcrumbsHeader = Extract<FlowHeaderConfig, { type: 'breadcrumbs' }>\n\ntype WithHeader = { header?: FlowHeaderConfig \| null }\n\n/*\n Returns the existing breadcrumbs header from a context, defaulting to a\n * blank breadcrumbs config when the header is missing or of a different\n * variant. Helpers below use this so callers don't need to manually narrow\n * the discriminated `header` union before mutating breadcrumb data.\n /\nconst getBreadcrumbsHeader = (header: FlowHeaderConfig \| null \| undefined): BreadcrumbsHeader => {\n if (header?.type === 'breadcrumbs') return header\n return { type: 'breadcrumbs' }\n}\n\n/\n Builds a complete breadcrumb trail map from a hierarchical node structure.\n \n Takes a tree structure of breadcrumb nodes and generates a map where each state\n * has its complete breadcrumb trail from root to that state. This is useful for\n * initializing breadcrumb navigation in state machines or multi-step flows.\n /\nexport const buildBreadcrumbs = (nodes: BreadcrumbNodes): BreadcrumbTrail => {\n const map: Record<string, FlowBreadcrumb[]> = {}\n\n for (const [state, node] of Object.entries(nodes)) {\n const trail: FlowBreadcrumb[] = []\n let current: BreadcrumbNode \| null = node\n\n while (current) {\n trail.unshift(current.item)\n const parentKey: string \| null = current.parent\n current = parentKey ? (nodes[parentKey] ?? null) : null\n }\n\n map[state] = trail\n }\n\n return map\n}\n\n/\n Resolves template variables in breadcrumb labels using values from a context object.\n \n Supports Handlebars-style template syntax (`{{variableName}}`) for dynamic breadcrumb labels.\n * Variables enclosed in double braces are replaced with their corresponding values from the context.\n * Non-template strings are returned as-is.\n /\nexport const resolveBreadcrumbVariables = (\n variables: Record<string, string> \| undefined,\n context: Record<string, unknown>,\n): Record<string, unknown> => {\n if (!variables) {\n return {}\n }\n\n const resolved: Record<string, unknown> = {}\n for (const [key, value] of Object.entries(variables)) {\n const match = value.match(/{{(.?)}}/)\n if (match?.[1]) {\n const ctxKey = match[1].trim()\n resolved[key] = context[ctxKey] ?? ''\n } else {\n resolved[key] = value\n }\n }\n return resolved\n}\n\n/*\n Merges `patch` fields into the existing breadcrumbs header on a context,\n * preserving the existing trails and CTA. If the context has no breadcrumbs\n * header, a fresh one is created. Useful when a transition needs to flip\n * breadcrumbs visibility (`currentBreadcrumbId`) without rebuilding any\n * trails.\n /\nexport const patchBreadcrumbsHeader = <T extends WithHeader>(\n context: T,\n patch: Partial<Omit<BreadcrumbsHeader, 'type'>>,\n): T & { header: BreadcrumbsHeader } => {\n const existing = getBreadcrumbsHeader(context.header)\n return { ...context, header: { ...existing, ...patch } }\n}\n\n/\n Removes a breadcrumb from all trails in the context's breadcrumbs header.\n * Use this in state machine reducers to hide a step entirely (e.g. after\n * payroll submission).\n /\nexport const hideBreadcrumb = <T extends WithHeader>(breadcrumbId: string, context: T): T => {\n const breadcrumbsHeader = getBreadcrumbsHeader(context.header)\n const allBreadcrumbs = breadcrumbsHeader.breadcrumbs ?? {}\n const updatedBreadcrumbs = Object.fromEntries(\n Object.entries(allBreadcrumbs).map(([stateKey, trail]) => [\n stateKey,\n trail.filter(b => b.id !== breadcrumbId),\n ]),\n )\n return {\n ...context,\n header: { ...breadcrumbsHeader, breadcrumbs: updatedBreadcrumbs },\n }\n}\n\n/\n Marks a breadcrumb as non-navigable across all trails in the context's\n * breadcrumbs header. Use this in state machine reducers to disable backward\n * navigation to a specific step.\n /\nexport const lockBreadcrumb = <T extends WithHeader>(breadcrumbId: string, context: T): T => {\n const breadcrumbsHeader = getBreadcrumbsHeader(context.header)\n const allBreadcrumbs = breadcrumbsHeader.breadcrumbs ?? {}\n const updatedBreadcrumbs = Object.fromEntries(\n Object.entries(allBreadcrumbs).map(([stateKey, trail]) => [\n stateKey,\n trail.map(b => (b.id === breadcrumbId ? { ...b, isNavigable: false } : b)),\n ]),\n )\n return {\n ...context,\n header: { ...breadcrumbsHeader, breadcrumbs: updatedBreadcrumbs },\n }\n}\n\n/\n Updates the breadcrumb trail for a specific state with resolved variables\n * and switches the active breadcrumb to that state.\n \n This function is typically used in state machine transitions to update\n * breadcrumb navigation when moving between states. It preserves all existing\n * breadcrumb trails for other states and only updates the trail for the\n * specified state by resolving any template variables for that state's\n * breadcrumb. The resulting context's header is always of type `'breadcrumbs'`.\n */\nexport const updateBreadcrumbs = <T extends WithHeader>(\n stateName: string,\n context: T,\n variables?: Record<string, string>,\n): T & { header: BreadcrumbsHeader } => {\n const breadcrumbsHeader = getBreadcrumbsHeader(context.header)\n const allBreadcrumbs = breadcrumbsHeader.breadcrumbs ?? {}\n const trail = allBreadcrumbs[stateName] ?? []\n const resolvedTrail = trail.map(breadcrumb => ({\n ...breadcrumb,\n variables: resolveBreadcrumbVariables(variables, context as Record<string, unknown>),\n }))\n return {\n ...context,\n header: {\n ...breadcrumbsHeader,\n breadcrumbs: {\n ...allBreadcrumbs,\n [stateName]: resolvedTrail,\n },\n currentBreadcrumbId: stateName,\n },\n }\n}\n"],"names":["getBreadcrumbsHeader","header","buildBreadcrumbs","nodes","map","state","node","trail","current","parentKey","resolveBreadcrumbVariables","variables","context","resolved","key","value","match","ctxKey","patchBreadcrumbsHeader","patch","existing","hideBreadcrumb","breadcrumbId","breadcrumbsHeader","allBreadcrumbs","updatedBreadcrumbs","stateKey","b","updateBreadcrumbs","stateName","resolvedTrail","breadcrumb"],"mappings":"AAkBA,MAAMA,IAAuB,CAACC,MACxBA,GAAQ,SAAS,gBAAsBA,IACpC,EAAE,MAAM,cAAA,GAUJC,IAAmB,CAACC,MAA4C;AAC3E,QAAMC,IAAwC,CAAA;AAE9C,aAAW,CAACC,GAAOC,CAAI,KAAK,OAAO,QAAQH,CAAK,GAAG;AACjD,UAAMI,IAA0B,CAAA;AAChC,QAAIC,IAAiCF;AAErC,WAAOE,KAAS;AACd,MAAAD,EAAM,QAAQC,EAAQ,IAAI;AAC1B,YAAMC,IAA2BD,EAAQ;AACzC,MAAAA,IAAUC,IAAaN,EAAMM,CAAS,KAAK,OAAQ;AAAA,IACrD;AAEA,IAAAL,EAAIC,CAAK,IAAIE;AAAA,EACf;AAEA,SAAOH;AACT,GASaM,IAA6B,CACxCC,GACAC,MAC4B;AAC5B,MAAI,CAACD;AACH,WAAO,CAAA;AAGT,QAAME,IAAoC,CAAA;AAC1C,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,CAAS,GAAG;AACpD,UAAMK,IAAQD,EAAM,MAAM,WAAW;AACrC,QAAIC,IAAQ,CAAC,GAAG;AACd,YAAMC,IAASD,EAAM,CAAC,EAAE,KAAA;AACxB,MAAAH,EAASC,CAAG,IAAIF,EAAQK,CAAM,KAAK;AAAA,IACrC;AACE,MAAAJ,EAASC,CAAG,IAAIC;AAAA,EAEpB;AACA,SAAOF;AACT,GASaK,IAAyB,CACpCN,GACAO,MACsC;AACtC,QAAMC,IAAWpB,EAAqBY,EAAQ,MAAM;AACpD,SAAO,EAAE,GAAGA,GAAS,QAAQ,EAAE,GAAGQ,GAAU,GAAGD,IAAM;AACvD,GAOaE,IAAiB,CAAuBC,GAAsBV,MAAkB;AAC3F,QAAMW,IAAoBvB,EAAqBY,EAAQ,MAAM,GACvDY,IAAiBD,EAAkB,eAAe,CAAA,GAClDE,IAAqB,OAAO;AAAA,IAChC,OAAO,QAAQD,CAAc,EAAE,IAAI,CAAC,CAACE,GAAUnB,CAAK,MAAM;AAAA,MACxDmB;AAAA,MACAnB,EAAM,OAAO,CAAAoB,MAAKA,EAAE,OAAOL,CAAY;AAAA,IAAA,CACxC;AAAA,EAAA;AAEH,SAAO;AAAA,IACL,GAAGV;AAAA,IACH,QAAQ,EAAE,GAAGW,GAAmB,aAAaE,EAAA;AAAA,EAAmB;AAEpE,GAgCaG,IAAoB,CAC/BC,GACAjB,GACAD,MACsC;AACtC,QAAMY,IAAoBvB,EAAqBY,EAAQ,MAAM,GACvDY,IAAiBD,EAAkB,eAAe,CAAA,GAElDO,KADQN,EAAeK,CAAS,KAAK,CAAA,GACf,IAAI,CAAAE,OAAe;AAAA,IAC7C,GAAGA;AAAA,IACH,WAAWrB,EAA2BC,GAAWC,CAAkC;AAAA,EAAA,EACnF;AACF,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,QAAQ;AAAA,MACN,GAAGW;AAAA,MACH,aAAa;AAAA,QACX,GAAGC;AAAA,QACH,CAACK,CAAS,GAAGC;AAAA,MAAA;AAAA,MAEf,qBAAqBD;AAAA,IAAA;AAAA,EACvB;AAEJ;"}

package/dist/helpers/federalEin.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 /**
  * Normalizes string input to a 9 digit EIN format with two leading digits, a dash, and 7 trailing digits removing any non-numeric characters.
+ *
  * @param value - Raw string value to be formatted as a federal EIN
  * @returns String in the federal EIN format with all invalid characters removed
  */

package/dist/helpers/federalEin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"federalEin.js","sources":["../../src/helpers/federalEin.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\n\n/*\n Normalizes string input to a 9 digit EIN format with two leading digits, a dash, and 7 trailing digits removing any non-numeric characters.\n * @param value - Raw string value to be formatted as a federal EIN\n * @returns String in the federal EIN format with all invalid characters removed\n /\nexport const normalizeEin = (value: string) =>\n value\n .match(/\\d/g)\n ?.join('')\n .match(/(\\d{0,2})(\\d{0,7})/)\n ?.slice(1)\n .filter(match => match !== '')\n .join('-')\n .substring(0, 10) \|\| ''\n\nexport const createPlaceholderEin = (hasEin?: boolean, placeholderEin?: string) =>\n hasEin ? placeholderEin : ''\n\nexport const usePlaceholderEin = (hasEin?: boolean) => {\n const { t } = useTranslation('common')\n return createPlaceholderEin(hasEin, t('inputs.ein.placeholder'))\n}\n"],"names":["normalizeEin","value","match","createPlaceholderEin","hasEin","placeholderEin","usePlaceholderEin","t","useTranslation"],"mappings":";~~AAOO~~,MAAMA,IAAe,CAACC,MAC3BA,EACG,MAAM,MAAM,GACX,KAAK,EAAE,EACR,MAAM,oBAAoB,GACzB,MAAM,CAAC,EACR,OAAO,CAAAC,MAASA,MAAU,EAAE,EAC5B,KAAK,GAAG,EACR,UAAU,GAAG,EAAE,KAAK,IAEZC,IAAuB,CAACC,GAAkBC,MACrDD,IAASC,IAAiB,IAEfC,IAAoB,CAACF,MAAqB;AACrD,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,QAAQ;AACrC,SAAOL,EAAqBC,GAAQG,EAAE,wBAAwB,CAAC;AACjE;"}
1	+ {"version":3,"file":"federalEin.js","sources":["../../src/helpers/federalEin.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\n\n/*\n Normalizes string input to a 9 digit EIN format with two leading digits, a dash, and 7 trailing digits removing any non-numeric characters.\n \n @param value - Raw string value to be formatted as a federal EIN\n * @returns String in the federal EIN format with all invalid characters removed\n /\nexport const normalizeEin = (value: string) =>\n value\n .match(/\\d/g)\n ?.join('')\n .match(/(\\d{0,2})(\\d{0,7})/)\n ?.slice(1)\n .filter(match => match !== '')\n .join('-')\n .substring(0, 10) \|\| ''\n\nexport const createPlaceholderEin = (hasEin?: boolean, placeholderEin?: string) =>\n hasEin ? placeholderEin : ''\n\nexport const usePlaceholderEin = (hasEin?: boolean) => {\n const { t } = useTranslation('common')\n return createPlaceholderEin(hasEin, t('inputs.ein.placeholder'))\n}\n"],"names":["normalizeEin","value","match","createPlaceholderEin","hasEin","placeholderEin","usePlaceholderEin","t","useTranslation"],"mappings":";AAQO,MAAMA,IAAe,CAACC,MAC3BA,EACG,MAAM,MAAM,GACX,KAAK,EAAE,EACR,MAAM,oBAAoB,GACzB,MAAM,CAAC,EACR,OAAO,CAAAC,MAASA,MAAU,EAAE,EAC5B,KAAK,GAAG,EACR,UAAU,GAAG,EAAE,KAAK,IAEZC,IAAuB,CAACC,GAAkBC,MACrDD,IAASC,IAAiB,IAEfC,IAAoB,CAACF,MAAqB;AACrD,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,QAAQ;AACrC,SAAOL,EAAqBC,GAAQG,EAAE,wBAAwB,CAAC;AACjE;"}

package/dist/helpers/mask.d.ts CHANGED Viewed

@@ -1,20 +1,24 @@
 import { Transform } from '../components/Common/Fields/hooks/useField';
 /**
  * Formats a string according to a specified mask pattern.
+ *
  * @param value - The input string to format
  * @param mask - The mask pattern where:
- *   # represents a digit (\d)
- *   @ represents a letter ([a-zA-Z])
- *   ^ represents an uppercase letter ([A-Z])
- *   % represents a digit or uppercase letter ([0-9A-Z])
+ *   `#` represents a digit (`\d`)
+ *   `@` represents a letter (`[a-zA-Z]`)
+ *   `^` represents an uppercase letter (`[A-Z]`)
+ *   `%` represents a digit or uppercase letter (`[0-9A-Z]`)
  *   any other character represents the literal character
  * @returns The formatted string according to the mask
+ *
  * @example
+ * ```ts
  * formatWithMask('123456789', '###-##-####') // returns '123-45-6789'
  * formatWithMask('ABC123', '@@@-###') // returns 'ABC-123'
  * formatWithMask('123456', '(###) ###-####') // returns '(123) 456'
  * formatWithMask('ABC123', '^^^-###') // returns 'ABC-123'
  * formatWithMask('A1B2C3', '%%%-%%%') // returns 'A1B-2C3'
+ * ```
  */
 export declare const formatWithMask: (value: string, mask: string | null) => string;
 export declare const useMaskedTransform: (mask: string | null) => Transform<string>;

package/dist/helpers/mask.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mask.js","sources":["../../src/helpers/mask.ts"],"sourcesContent":["import type { Transform } from '@/components/Common/Fields/hooks/useField'\n\n/*\n Formats a string according to a specified mask pattern.\n * @param value - The input string to format\n * @param mask - The mask pattern where:\n * # represents a digit (\\d)\n * @ represents a letter ([a-zA-Z])\n * ^ represents an uppercase letter ([A-Z])\n * % represents a digit or uppercase letter ([0-9A-Z])\n * any other character represents the literal character\n * @returns The formatted string according to the mask\n * @example\n * formatWithMask('123456789', '###-##-####') // returns '123-45-6789'\n * formatWithMask('ABC123', '@@@-###') // returns 'ABC-123'\n * formatWithMask('123456', '(###) ###-####') // returns '(123) 456'\n * formatWithMask('ABC123', '^^^-###') // returns 'ABC-123'\n * formatWithMask('A1B2C3', '%%%-%%%') // returns 'A1B-2C3'\n */\nexport const formatWithMask = (value: string, mask: string \| null): string => {\n if (!value \|\| !mask) return value\n\n // Remove all non-alphanumeric characters from the input\n const sanitizedValue = value.replace(/[^a-zA-Z0-9]/g, '')\n if (!sanitizedValue) return ''\n\n let result = ''\n let valueIndex = 0\n let maskIndex = 0\n\n while (maskIndex < mask.length) {\n const maskChar = mask.charAt(maskIndex)\n const valueChar = sanitizedValue.charAt(valueIndex)\n\n // If we've processed all input characters, stop\n if (valueIndex >= sanitizedValue.length) {\n break\n }\n\n switch (maskChar) {\n case '#':\n if (/\\d/.test(valueChar)) {\n result += valueChar\n valueIndex++\n } else {\n valueIndex++\n maskIndex--\n }\n break\n case '@':\n if (/[a-zA-Z]/.test(valueChar)) {\n result += valueChar\n valueIndex++\n } else {\n valueIndex++\n maskIndex--\n }\n break\n case '^':\n if (/[A-Z]/.test(valueChar)) {\n result += valueChar\n valueIndex++\n } else {\n valueIndex++\n maskIndex--\n }\n break\n case '%':\n if (/[0-9A-Z]/.test(valueChar)) {\n result += valueChar\n valueIndex++\n } else {\n valueIndex++\n maskIndex--\n }\n break\n default:\n // Always add literal characters from the mask\n result += maskChar\n // Increment valueIndex only if the current input character matches the literal mask character.\n if (maskChar === valueChar) {\n valueIndex++\n }\n }\n maskIndex++\n }\n\n return result.trim()\n}\n\nexport const useMaskedTransform = (mask: string \| null): Transform<string> => {\n return (value: string) => formatWithMask(value, mask)\n}\n\nexport const commonMasks = {\n phoneMask: '(###) ###-####',\n}\n"],"names":["formatWithMask","value","mask","sanitizedValue","result","valueIndex","maskIndex","maskChar","valueChar","useMaskedTransform","commonMasks"],"mappings":"~~AAmBO~~,MAAMA,IAAiB,CAACC,GAAeC,MAAgC;AAC5E,MAAI,CAACD,KAAS,CAACC,EAAM,QAAOD;AAG5B,QAAME,IAAiBF,EAAM,QAAQ,iBAAiB,EAAE;AACxD,MAAI,CAACE,EAAgB,QAAO;AAE5B,MAAIC,IAAS,IACTC,IAAa,GACbC,IAAY;AAEhB,SAAOA,IAAYJ,EAAK,UAAQ;AAC9B,UAAMK,IAAWL,EAAK,OAAOI,CAAS,GAChCE,IAAYL,EAAe,OAAOE,CAAU;AAGlD,QAAIA,KAAcF,EAAe;AAC/B;AAGF,YAAQI,GAAA;AAAA,MACN,KAAK;AACH,QAAI,KAAK,KAAKC,CAAS,KACrBJ,KAAUI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF,KAAK;AACH,QAAI,WAAW,KAAKE,CAAS,KAC3BJ,KAAUI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF,KAAK;AACH,QAAI,QAAQ,KAAKE,CAAS,KACxBJ,KAAUI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF,KAAK;AACH,QAAI,WAAW,KAAKE,CAAS,KAC3BJ,KAAUI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF;AAEE,QAAAF,KAAUG,GAENA,MAAaC,KACfH;AAAA,IACF;AAEJ,IAAAC;AAAA,EACF;AAEA,SAAOF,EAAO,KAAA;AAChB,GAEaK,IAAqB,CAACP,MAC1B,CAACD,MAAkBD,EAAeC,GAAOC,CAAI,GAGzCQ,IAAc;AAAA,EACzB,WAAW;AACb;"}
1	+ {"version":3,"file":"mask.js","sources":["../../src/helpers/mask.ts"],"sourcesContent":["import type { Transform } from '@/components/Common/Fields/hooks/useField'\n\n/*\n Formats a string according to a specified mask pattern.\n \n @param value - The input string to format\n * @param mask - The mask pattern where:\n * `#` represents a digit (`\\d`)\n * `@` represents a letter (`[a-zA-Z]`)\n * `^` represents an uppercase letter (`[A-Z]`)\n * `%` represents a digit or uppercase letter (`[0-9A-Z]`)\n * any other character represents the literal character\n * @returns The formatted string according to the mask\n \n @example\n * ```ts\n * formatWithMask('123456789', '###-##-####') // returns '123-45-6789'\n * formatWithMask('ABC123', '@@@-###') // returns 'ABC-123'\n * formatWithMask('123456', '(###) ###-####') // returns '(123) 456'\n * formatWithMask('ABC123', '^^^-###') // returns 'ABC-123'\n * formatWithMask('A1B2C3', '%%%-%%%') // returns 'A1B-2C3'\n * ```\n */\nexport const formatWithMask = (value: string, mask: string \| null): string => {\n if (!value \|\| !mask) return value\n\n // Remove all non-alphanumeric characters from the input\n const sanitizedValue = value.replace(/[^a-zA-Z0-9]/g, '')\n if (!sanitizedValue) return ''\n\n let result = ''\n let valueIndex = 0\n let maskIndex = 0\n\n while (maskIndex < mask.length) {\n const maskChar = mask.charAt(maskIndex)\n const valueChar = sanitizedValue.charAt(valueIndex)\n\n // If we've processed all input characters, stop\n if (valueIndex >= sanitizedValue.length) {\n break\n }\n\n switch (maskChar) {\n case '#':\n if (/\\d/.test(valueChar)) {\n result += valueChar\n valueIndex++\n } else {\n valueIndex++\n maskIndex--\n }\n break\n case '@':\n if (/[a-zA-Z]/.test(valueChar)) {\n result += valueChar\n valueIndex++\n } else {\n valueIndex++\n maskIndex--\n }\n break\n case '^':\n if (/[A-Z]/.test(valueChar)) {\n result += valueChar\n valueIndex++\n } else {\n valueIndex++\n maskIndex--\n }\n break\n case '%':\n if (/[0-9A-Z]/.test(valueChar)) {\n result += valueChar\n valueIndex++\n } else {\n valueIndex++\n maskIndex--\n }\n break\n default:\n // Always add literal characters from the mask\n result += maskChar\n // Increment valueIndex only if the current input character matches the literal mask character.\n if (maskChar === valueChar) {\n valueIndex++\n }\n }\n maskIndex++\n }\n\n return result.trim()\n}\n\nexport const useMaskedTransform = (mask: string \| null): Transform<string> => {\n return (value: string) => formatWithMask(value, mask)\n}\n\nexport const commonMasks = {\n phoneMask: '(###) ###-####',\n}\n"],"names":["formatWithMask","value","mask","sanitizedValue","result","valueIndex","maskIndex","maskChar","valueChar","useMaskedTransform","commonMasks"],"mappings":"AAuBO,MAAMA,IAAiB,CAACC,GAAeC,MAAgC;AAC5E,MAAI,CAACD,KAAS,CAACC,EAAM,QAAOD;AAG5B,QAAME,IAAiBF,EAAM,QAAQ,iBAAiB,EAAE;AACxD,MAAI,CAACE,EAAgB,QAAO;AAE5B,MAAIC,IAAS,IACTC,IAAa,GACbC,IAAY;AAEhB,SAAOA,IAAYJ,EAAK,UAAQ;AAC9B,UAAMK,IAAWL,EAAK,OAAOI,CAAS,GAChCE,IAAYL,EAAe,OAAOE,CAAU;AAGlD,QAAIA,KAAcF,EAAe;AAC/B;AAGF,YAAQI,GAAA;AAAA,MACN,KAAK;AACH,QAAI,KAAK,KAAKC,CAAS,KACrBJ,KAAUI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF,KAAK;AACH,QAAI,WAAW,KAAKE,CAAS,KAC3BJ,KAAUI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF,KAAK;AACH,QAAI,QAAQ,KAAKE,CAAS,KACxBJ,KAAUI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF,KAAK;AACH,QAAI,WAAW,KAAKE,CAAS,KAC3BJ,KAAUI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF;AAEE,QAAAF,KAAUG,GAENA,MAAaC,KACfH;AAAA,IACF;AAEJ,IAAAC;AAAA,EACF;AAEA,SAAOF,EAAO,KAAA;AAChB,GAEaK,IAAqB,CAACP,MAC1B,CAACD,MAAkBD,EAAeC,GAAOC,CAAI,GAGzCQ,IAAc;AAAA,EACzB,WAAW;AACb;"}

package/dist/helpers/rem.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 /**
  * Detects font-size on the document root element with fallback to 16px which is the default browser setting.
  * The value is cached after the first call to avoid repeated expensive getComputedStyle() calls.
- * @param options.forceRefresh - Force a fresh detection instead of using the cached value
+ *
+ * @param options - Set `forceRefresh` to force a fresh detection instead of using the cached value
  * @returns The root font size in pixels as a string
  */
 export declare function getRootFontSize(options?: {

package/dist/helpers/rem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rem.js","sources":["../../src/helpers/rem.ts"],"sourcesContent":["let cachedRootFontSize: string \| null = null\n\n/*\n Detects font-size on the document root element with fallback to 16px which is the default browser setting.\n * The value is cached after the first call to avoid repeated expensive getComputedStyle() calls.\n * @param options~~.forceRefresh~~ - ~~Force~~ a fresh detection instead of using the cached value\n * @returns The root font size in pixels as a string\n /\nexport function getRootFontSize(options?: { forceRefresh?: boolean }) {\n if (cachedRootFontSize && !options?.forceRefresh) {\n return cachedRootFontSize\n }\n\n const defaultFontSize = '16'\n\n if (typeof window === 'undefined') {\n cachedRootFontSize = defaultFontSize\n return defaultFontSize\n }\n\n const match = window\n .getComputedStyle(document.documentElement)\n .getPropertyValue('font-size')\n .match(/\\d+/)\n\n cachedRootFontSize = match ? match[0] : defaultFontSize\n return cachedRootFontSize\n}\n\nexport function toRem(pxValue: number) {\n return String(pxValue / Number(getRootFontSize())) + 'rem'\n}\n\nexport const remToPx = (rem: string \| number) =>\n typeof rem === 'number'\n ? Number(getRootFontSize()) rem\n : Number(getRootFontSize()) * Number(rem.replace('rem', ''))\n"],"names":["cachedRootFontSize","getRootFontSize","options","defaultFontSize","match","toRem","pxValue","remToPx","rem"],"mappings":"AAAA,IAAIA,IAAoC;~~AAQjC~~,SAASC,EAAgBC,GAAsC;AACpE,MAAIF;AACF,WAAOA;AAGT,QAAMG,IAAkB;AAExB,MAAI,OAAO,SAAW;AACpB,WAAAH,IAAqBG,GACdA;AAGT,QAAMC,IAAQ,OACX,iBAAiB,SAAS,eAAe,EACzC,iBAAiB,WAAW,EAC5B,MAAM,KAAK;AAEd,SAAAJ,IAAqBI,IAAQA,EAAM,CAAC,IAAID,GACjCH;AACT;AAEO,SAASK,EAAMC,GAAiB;AACrC,SAAO,OAAOA,IAAU,OAAOL,EAAA,CAAiB,CAAC,IAAI;AACvD;AAEO,MAAMM,IAAU,CAACC,MACtB,OAAOA,KAAQ,WACX,OAAOP,GAAiB,IAAIO,IAC5B,OAAOP,EAAA,CAAiB,IAAI,OAAOO,EAAI,QAAQ,OAAO,EAAE,CAAC;"}
1	+ {"version":3,"file":"rem.js","sources":["../../src/helpers/rem.ts"],"sourcesContent":["let cachedRootFontSize: string \| null = null\n\n/*\n Detects font-size on the document root element with fallback to 16px which is the default browser setting.\n * The value is cached after the first call to avoid repeated expensive getComputedStyle() calls.\n \n @param options - Set `forceRefresh` to force a fresh detection instead of using the cached value\n * @returns The root font size in pixels as a string\n /\nexport function getRootFontSize(options?: { forceRefresh?: boolean }) {\n if (cachedRootFontSize && !options?.forceRefresh) {\n return cachedRootFontSize\n }\n\n const defaultFontSize = '16'\n\n if (typeof window === 'undefined') {\n cachedRootFontSize = defaultFontSize\n return defaultFontSize\n }\n\n const match = window\n .getComputedStyle(document.documentElement)\n .getPropertyValue('font-size')\n .match(/\\d+/)\n\n cachedRootFontSize = match ? match[0] : defaultFontSize\n return cachedRootFontSize\n}\n\nexport function toRem(pxValue: number) {\n return String(pxValue / Number(getRootFontSize())) + 'rem'\n}\n\nexport const remToPx = (rem: string \| number) =>\n typeof rem === 'number'\n ? Number(getRootFontSize()) rem\n : Number(getRootFontSize()) * Number(rem.replace('rem', ''))\n"],"names":["cachedRootFontSize","getRootFontSize","options","defaultFontSize","match","toRem","pxValue","remToPx","rem"],"mappings":"AAAA,IAAIA,IAAoC;AASjC,SAASC,EAAgBC,GAAsC;AACpE,MAAIF;AACF,WAAOA;AAGT,QAAMG,IAAkB;AAExB,MAAI,OAAO,SAAW;AACpB,WAAAH,IAAqBG,GACdA;AAGT,QAAMC,IAAQ,OACX,iBAAiB,SAAS,eAAe,EACzC,iBAAiB,WAAW,EAC5B,MAAM,KAAK;AAEd,SAAAJ,IAAqBI,IAAQA,EAAM,CAAC,IAAID,GACjCH;AACT;AAEO,SAASK,EAAMC,GAAiB;AACrC,SAAO,OAAOA,IAAU,OAAOL,EAAA,CAAiB,CAAC,IAAI;AACvD;AAEO,MAAMM,IAAU,CAACC,MACtB,OAAOA,KAAQ,WACX,OAAOP,GAAiB,IAAIO,IAC5B,OAAOP,EAAA,CAAiB,IAAI,OAAOO,EAAI,QAAQ,OAAO,EAAE,CAAC;"}

package/dist/hooks/useAsyncError.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 /**
  * Triggers re-render of a component to allow ErrorBoundary to catch a thrown error - that way we can handle all exceptions from asynchrounous functions in the same way and catch them in react boundary
+ *
  * @returns Function
  */
 export declare const useAsyncError: () => (e: unknown) => void;

package/dist/hooks/useAsyncError.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAsyncError.js","sources":["../../src/hooks/useAsyncError.tsx"],"sourcesContent":["import React from 'react'\n/*\n Triggers re-render of a component to allow ErrorBoundary to catch a thrown error - that way we can handle all exceptions from asynchrounous functions in the same way and catch them in react boundary\n * @returns Function\n */\nexport const useAsyncError = () => {\n const [_, setError] = React.useState()\n return React.useCallback(\n (e: unknown) => {\n const err = e instanceof Error ? e : new Error(typeof e === 'string' ? e : 'Unknown error')\n setError(() => {\n throw err\n })\n },\n [setError],\n )\n}\n"],"names":["useAsyncError","_","setError","React","e","err"],"mappings":";~~AAKO~~,MAAMA,IAAgB,MAAM;AACjC,QAAM,CAACC,GAAGC,CAAQ,IAAIC,EAAM,SAAA;AAC5B,SAAOA,EAAM;AAAA,IACX,CAACC,MAAe;AACd,YAAMC,IAAMD,aAAa,QAAQA,IAAI,IAAI,MAAM,OAAOA,KAAM,WAAWA,IAAI,eAAe;AAC1F,MAAAF,EAAS,MAAM;AACb,cAAMG;AAAA,MACR,CAAC;AAAA,IACH;AAAA,IACA,CAACH,CAAQ;AAAA,EAAA;AAEb;"}
1	+ {"version":3,"file":"useAsyncError.js","sources":["../../src/hooks/useAsyncError.tsx"],"sourcesContent":["import React from 'react'\n/*\n Triggers re-render of a component to allow ErrorBoundary to catch a thrown error - that way we can handle all exceptions from asynchrounous functions in the same way and catch them in react boundary\n \n @returns Function\n */\nexport const useAsyncError = () => {\n const [_, setError] = React.useState()\n return React.useCallback(\n (e: unknown) => {\n const err = e instanceof Error ? e : new Error(typeof e === 'string' ? e : 'Unknown error')\n setError(() => {\n throw err\n })\n },\n [setError],\n )\n}\n"],"names":["useAsyncError","_","setError","React","e","err"],"mappings":";AAMO,MAAMA,IAAgB,MAAM;AACjC,QAAM,CAACC,GAAGC,CAAQ,IAAIC,EAAM,SAAA;AAC5B,SAAOA,EAAM;AAAA,IACX,CAACC,MAAe;AACd,YAAMC,IAAMD,aAAa,QAAQA,IAAI,IAAI,MAAM,OAAOA,KAAM,WAAWA,IAAI,eAAe;AAC1F,MAAAF,EAAS,MAAM;AACb,cAAMG;AAAA,MACR,CAAC;AAAA,IACH;AAAA,IACA,CAACH,CAAQ;AAAA,EAAA;AAEb;"}

package/dist/hooks/useForkRef/useForkRef.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Ref, RefCallback } from 'react';
 /**
  * Sets multiple refs with a single handler.
+ *
  * @param refs - The refs to set.
  * @returns A single ref handler that sets all the provided refs which can be passed to the `ref` prop of a component.
  */

package/dist/hooks/useForkRef/useForkRef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useForkRef.js","sources":["../../../src/hooks/useForkRef/useForkRef.ts"],"sourcesContent":["import { type Ref, type RefCallback, type RefObject, useMemo } from 'react'\n\nconst setRef = <T>(\n ref: RefObject<T \| null> \| ((instance: T \| null) => void) \| null \| undefined,\n value: T \| null,\n) => {\n if (typeof ref === 'function') ref(value)\n else if (ref) ref.current = value\n}\n\n/*\n Sets multiple refs with a single handler.\n * @param refs - The refs to set.\n * @returns A single ref handler that sets all the provided refs which can be passed to the `ref` prop of a component.\n */\nexport const useForkRef = <Instance>(\n ...refs: Array<Ref<Instance> \| undefined>\n): RefCallback<Instance> \| null => {\n return useMemo(() => {\n if (refs.every(ref => ref == null)) {\n return null\n }\n\n return instance => {\n refs.forEach(ref => {\n setRef(ref, instance)\n })\n }\n }, [refs])\n}\n"],"names":["setRef","ref","value","useForkRef","refs","useMemo","instance"],"mappings":";AAEA,MAAMA,IAAS,CACbC,GACAC,MACG;AACH,EAAI,OAAOD,KAAQ,aAAYA,EAAIC,CAAK,IAC/BD,QAAS,UAAUC;AAC9B,~~GAOaC~~,IAAa,IACrBC,MAEIC,EAAQ,MACTD,EAAK,MAAM,CAAAH,MAAOA,KAAO,IAAI,IACxB,OAGF,CAAAK,MAAY;AACjB,EAAAF,EAAK,QAAQ,CAAAH,MAAO;AAClB,IAAAD,EAAOC,GAAKK,CAAQ;AAAA,EACtB,CAAC;AACH,GACC,CAACF,CAAI,CAAC;"}
1	+ {"version":3,"file":"useForkRef.js","sources":["../../../src/hooks/useForkRef/useForkRef.ts"],"sourcesContent":["import { type Ref, type RefCallback, type RefObject, useMemo } from 'react'\n\nconst setRef = <T>(\n ref: RefObject<T \| null> \| ((instance: T \| null) => void) \| null \| undefined,\n value: T \| null,\n) => {\n if (typeof ref === 'function') ref(value)\n else if (ref) ref.current = value\n}\n\n/*\n Sets multiple refs with a single handler.\n \n @param refs - The refs to set.\n * @returns A single ref handler that sets all the provided refs which can be passed to the `ref` prop of a component.\n */\nexport const useForkRef = <Instance>(\n ...refs: Array<Ref<Instance> \| undefined>\n): RefCallback<Instance> \| null => {\n return useMemo(() => {\n if (refs.every(ref => ref == null)) {\n return null\n }\n\n return instance => {\n refs.forEach(ref => {\n setRef(ref, instance)\n })\n }\n }, [refs])\n}\n"],"names":["setRef","ref","value","useForkRef","refs","useMemo","instance"],"mappings":";AAEA,MAAMA,IAAS,CACbC,GACAC,MACG;AACH,EAAI,OAAOD,KAAQ,aAAYA,EAAIC,CAAK,IAC/BD,QAAS,UAAUC;AAC9B,GAQaC,IAAa,IACrBC,MAEIC,EAAQ,MACTD,EAAK,MAAM,CAAAH,MAAOA,KAAO,IAAI,IACxB,OAGF,CAAAK,MAAY;AACjB,EAAAF,EAAK,QAAQ,CAAAH,MAAO;AAClB,IAAAD,EAAOC,GAAKK,CAAQ;AAAA,EACtB,CAAC;AACH,GACC,CAACF,CAAI,CAAC;"}

package/dist/i18n/I18n.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import { CustomTypeOptions } from 'i18next';
 import { ResourceDictionary, Resources } from '../types/Helpers';
+/** @internal */
 export declare const defaultNS = "common";
 /**
  * Hook that allows component to load custom dictionary
- * @param @private {string} ns - Namespace - should match component name exactly - not exposed to consumers
+ *
+ * @param ns - Namespace - should match component name exactly - not exposed to consumers
+ * @internal
  */
 export declare const useI18n: (namespaces: keyof CustomTypeOptions["resources"] | Array<keyof CustomTypeOptions["resources"]> | null) => void;
+/**
+ * Used by individual components to override their dictionaries with partner provided resources
+ *
+ * @internal
+ */
 export declare const useComponentDictionary: <K extends keyof Resources>(ns: keyof CustomTypeOptions["resources"], resource?: ResourceDictionary<K> | null) => void;