@gusto/embedded-react-sdk 0.44.1 → 0.45.0

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

@@ -1,143 +1,141 @@
-import { jsx as i, jsxs as W } from "react/jsx-runtime";
+import { jsx as o, jsxs as w } from "react/jsx-runtime";
 import { useMemo as P } from "react";
 import { useTranslation as O } from "react-i18next";
-import d from "./TimeOffPolicyDetail.module.scss.js";
-import { Flex as w } from "../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as M } from "../../../i18n/I18n.js";
+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 E({
-  title: e,
-  subtitle: a,
+function j({
+  title: a,
+  subtitle: e,
   onBack: c,
   backLabel: r,
   actions: u,
-  policyDetails: o,
+  policyDetails: i,
   policySettings: s,
-  onChangeSettings: l,
-  selectedTabId: m,
+  onChangeSettings: m,
+  selectedTabId: d,
   onTabChange: x,
   employees: n,
+  onAddEmployee: l,
   removeDialog: f,
-  successAlert: h,
-  onDismissAlert: p
+  successAlert: t,
+  onDismissAlert: C
 }) {
-  M("Company.TimeOff.TimeOffPolicyDetails");
-  const { t } = O("Company.TimeOff.TimeOffPolicyDetails"), { Text: T } = b(), H = o.accrualMethod === "unlimited", C = P(
-    () => H ? [] : [
+  b("Company.TimeOff.TimeOffPolicyDetails");
+  const { t: h } = O("Company.TimeOff.TimeOffPolicyDetails"), { Text: H } = M(), T = i.accrualMethod === "unlimited", v = P(
+    () => T ? [] : [
       {
         key: "balance",
-        title: t("employeeTable.balance"),
-        render: (L) => /* @__PURE__ */ i(T, { as: "span", children: L.balance ?? "-" })
+        title: h("employeeTable.balance"),
+        render: (W) => /* @__PURE__ */ o(H, { as: "span", children: W.balance ?? "-" })
       }
     ],
-    [t, H, T]
-  ), v = /* @__PURE__ */ i(
+    [h, T, H]
+  ), L = /* @__PURE__ */ o(
     y,
     {
-      policyDetails: o,
+      policyDetails: i,
       policySettings: s,
-      onChangeSettings: l
+      onChangeSettings: m
     }
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ o(
     A,
     {
-      title: e,
-      subtitle: a,
+      title: a,
+      subtitle: e,
       onBack: c,
       backLabel: r,
       actions: u,
       firstTab: {
         id: k,
-        label: t("tabs.policyDetails"),
-        content: v
+        label: h("tabs.policyDetails"),
+        content: L
       },
-      selectedTabId: m,
+      selectedTabId: d,
       onTabChange: x,
       employees: {
         ...n,
-        additionalColumns: C,
-        hideJobTitle: !0
+        additionalColumns: v
       },
+      onAddEmployee: l,
       removeDialog: f,
-      successAlert: h,
-      onDismissAlert: p
+      successAlert: t,
+      onDismissAlert: C
     }
   );
 }
 function y({
-  policyDetails: e,
-  policySettings: a,
+  policyDetails: a,
+  policySettings: e,
   onChangeSettings: c
 }) {
-  M("Company.TimeOff.TimeOffPolicyDetails");
-  const { t: r } = O("Company.TimeOff.TimeOffPolicyDetails"), { Box: u, BoxHeader: o, DescriptionList: s, Button: l } = b(), m = e.accrualMethod === "unlimited", n = e.accrualMethod === "perHourWorked" || e.accrualMethod === "perHourWorkedNoOvertime" || e.accrualMethod === "perHourPaid" || e.accrualMethod === "perHourPaidNoOvertime" || e.accrualMethod === "perPayPeriod", f = P(() => {
+  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(() => {
     const t = [
       {
         term: r("accrualMethod.label"),
-        description: r(`accrualMethod.${e.accrualMethod}`)
+        description: r(`accrualMethod.${a.accrualMethod}`)
       }
     ];
-    return e.accrualMethod !== "unlimited" && (t.push({
+    return a.accrualMethod !== "unlimited" && (t.push({
       term: r("accrualRate.label"),
-      description: r(`accrualRate.${e.accrualMethod}`, {
-        accrualRate: e.accrualRate,
-        accrualRateUnit: e.accrualRateUnit
+      description: r(`accrualRate.${a.accrualMethod}`, {
+        accrualRate: a.accrualRate,
+        accrualRateUnit: a.accrualRateUnit
       })
-    }), e.resetDate && t.push({
+    }), a.resetDate && t.push({
       term: r("resetDate"),
-      description: e.resetDate
+      description: a.resetDate
     })), t;
-  }, [e, r]), h = P(() => {
-    if (!a) return [];
+  }, [a, r]), f = P(() => {
+    if (!e) return [];
     const t = [];
     return n && t.push({
       term: r("maxAccrualHoursPerYear.label"),
-      description: a.maxAccrualHoursPerYear != null ? r("maxAccrualHoursPerYear.withMaximum", {
-        count: a.maxAccrualHoursPerYear
+      description: e.maxAccrualHoursPerYear != null ? r("maxAccrualHoursPerYear.withMaximum", {
+        count: e.maxAccrualHoursPerYear
       }) : r("maxAccrualHoursPerYear.noMaximum")
     }), t.push(
       {
         term: r("maxHours.label"),
-        description: a.maxHours != null ? r("maxHours.withMaximum", { count: a.maxHours }) : r("maxHours.noMaximum")
+        description: e.maxHours != null ? r("maxHours.withMaximum", { count: e.maxHours }) : r("maxHours.noMaximum")
       },
       {
         term: r("carryoverLimitHours.label"),
-        description: a.carryoverLimitHours != null ? r("carryoverLimitHours.withLimit", { count: a.carryoverLimitHours }) : r("carryoverLimitHours.noLimit")
+        description: e.carryoverLimitHours != null ? r("carryoverLimitHours.withLimit", { count: e.carryoverLimitHours }) : r("carryoverLimitHours.noLimit")
       }
     ), n && t.push({
       term: r("accrualWaitingPeriodDays.label"),
-      description: a.accrualWaitingPeriodDays != null ? r("accrualWaitingPeriodDays.withPeriod", {
-        count: a.accrualWaitingPeriodDays
+      description: e.accrualWaitingPeriodDays != null ? r("accrualWaitingPeriodDays.withPeriod", {
+        count: e.accrualWaitingPeriodDays
       }) : r("accrualWaitingPeriodDays.noPeriod")
     }), t.push({
       term: r("paidOutOnTermination.label"),
-      description: a.paidOutOnTermination ? r("paidOutOnTermination.yes") : r("paidOutOnTermination.no")
+      description: e.paidOutOnTermination ? r("paidOutOnTermination.yes") : r("paidOutOnTermination.no")
     }), t;
-  }, [a, r, n]), p = m ? `${d.descriptionCard} ${d.descriptionCardUnlimited}` : d.descriptionCard;
-  return /* @__PURE__ */ W(w, { flexDirection: "column", gap: 20, children: [
-    /* @__PURE__ */ i("div", { className: p, children: /* @__PURE__ */ i(u, { header: /* @__PURE__ */ i(o, { title: r("details") }), withPadding: !0, children: /* @__PURE__ */ i(s, { items: f, showSeparators: !1, layout: "stacked" }) }) }),
-    !m && a && /* @__PURE__ */ i("div", { className: d.descriptionCard, children: /* @__PURE__ */ i(
+  }, [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" }) }),
+    !d && e && /* @__PURE__ */ o(
       u,
       {
-        header: /* @__PURE__ */ i(
-          o,
+        header: /* @__PURE__ */ o(
+          i,
           {
             title: r("policySettingsTitle"),
-            action: c && /* @__PURE__ */ i(l, { variant: "secondary", onClick: c, children: r("changeSettingsCta") })
+            action: c && /* @__PURE__ */ o(m, { variant: "secondary", onClick: c, children: r("changeSettingsCta") })
           }
         ),
         withPadding: !0,
-        children: /* @__PURE__ */ i(s, { items: h, showSeparators: !1, layout: "stacked" })
+        children: /* @__PURE__ */ o(s, { items: f, showSeparators: !1, layout: "stacked" })
       }
-    ) })
-  ] });
+    )
+  ] }) });
 }
 export {
-  E as TimeOffPolicyDetailPresentation
+  j as TimeOffPolicyDetailPresentation
 };
 //# sourceMappingURL=TimeOffPolicyDetailPresentation.js.map

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

@@ -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 { Flex } from '@/components/Common'\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  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        hideJobTitle: true,\n      }}\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  const detailsCardClassName = isUnlimited\n    ? `${styles.descriptionCard} ${styles.descriptionCardUnlimited}`\n    : styles.descriptionCard\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <div className={detailsCardClassName}>\n        <Box header={<BoxHeader title={t('details')} />} withPadding>\n          <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n        </Box>\n      </div>\n\n      {!isUnlimited && policySettings && (\n        <div className={styles.descriptionCard}>\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        </div>\n      )}\n    </Flex>\n  )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","removeDialog","successAlert","onDismissAlert","useI18n","useTranslation","Text","useComponentContext","isUnlimited","balanceColumn","useMemo","item","jsx","detailsTabContent","DetailsTab","PolicyDetailLayout","t","Box","BoxHeader","DescriptionList","Button","showAccrualMaxAndWaiting","detailItems","items","settingsItems","detailsCardClassName","styles","jsxs","Flex"],"mappings":"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"}
+{"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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"}

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailTypes.d.ts

@@ -36,6 +36,7 @@ interface TimeOffPolicyDetailPresentationBaseProps {
     selectedTabId: string;
     onTabChange: (id: string) => void;
     employees: Pick<EmployeeTableProps<TimeOffPolicyDetailEmployee>, 'data' | 'searchValue' | 'onSearchChange' | 'onSearchClear' | 'searchPlaceholder' | 'itemMenu' | 'pagination' | 'isFetching' | 'emptyState'>;
+    onAddEmployee?: () => void;
     removeDialog: RemoveDialogState;
     successAlert?: string;
     onDismissAlert?: () => void;

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

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

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

@@ -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, 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          <Components.Text as=\"span\" id={`employee-name-${item.uuid}`}>\n            {firstLastName({\n              first_name: item.firstName,\n              last_name: item.lastName,\n            })}\n          </Components.Text>\n        ),\n      },\n      ...(hideJobTitle\n        ? []\n        : [\n            {\n              key: 'jobTitle' as keyof T,\n              title: t('jobTitle'),\n              render: (item: T) => (\n                <Components.Text as=\"span\">{item.jobTitle ?? ''}</Components.Text>\n              ),\n            },\n          ]),\n      ...additionalColumns,\n    ],\n    [t, additionalColumns, hideJobTitle, Components],\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 <Text>{message}</Text>\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"],"mappings":"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"}
+{"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":"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"}

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.module.scss.js

@@ -1,10 +1,10 @@
-const o = "_root_kciql_1", t = "_searchContainer_kciql_11", r = {
+const o = "_root_1m6sr_1", r = "_searchContainer_1m6sr_12", t = {
   root: o,
-  searchContainer: t
+  searchContainer: r
 };
 export {
-  r as default,
+  t as default,
   o as root,
-  t as searchContainer
+  r as searchContainer
 };
 //# sourceMappingURL=EmployeeTable.module.scss.js.map

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.d.ts

@@ -1,3 +1,3 @@
 import { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes';
 import { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes';
-export declare function PolicyDetailLayout<T extends EmployeeTableItem>({ title, subtitle, onBack, backLabel, actions, firstTab, selectedTabId, onTabChange, employees, removeDialog, successAlert, onDismissAlert, }: PolicyDetailLayoutProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function PolicyDetailLayout<T extends EmployeeTableItem>({ title, subtitle, onBack, backLabel, actions, firstTab, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, }: PolicyDetailLayoutProps<T>): import("react/jsx-runtime").JSX.Element;