@gusto/embedded-react-sdk 0.48.1 → 0.48.3

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

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

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, 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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"}
+{"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, EmptyData, 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\n/** @internal */\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  return <EmptyData title={message} />\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","EmptyData"],"mappings":"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"}

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

@@ -1,31 +1,97 @@
 import { ReactNode } from 'react';
 import { useDataViewProp, SelectionMode } from '../../../Common/DataView/useDataView';
 import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
+/**
+ * Minimum shape an employee row must satisfy to be rendered in the shared employee table.
+ *
+ * Extend this interface to add fields specific to a given policy detail view.
+ *
+ * @public
+ */
 export interface EmployeeTableItem {
+    /** Unique identifier for the employee. */
     uuid: string;
+    /** Employee's first name; combined with `lastName` to render the name column. */
     firstName?: string | null;
+    /** Employee's last name; combined with `firstName` to render the name column. */
     lastName?: string | null;
+    /** Employee's job title; rendered in its own column unless `hideJobTitle` is set. */
     jobTitle?: string | null;
 }
+/**
+ * Employee table data and callbacks for a policy detail view.
+ *
+ * Pass this as the `employees` prop to {@link TimeOffPolicyDetailPresentationBaseProps}
+ * or `HolidayPolicyDetailPresentationProps`.
+ *
+ * @typeParam T - The employee row shape, which must extend {@link EmployeeTableItem}.
+ * @public
+ */
+export interface PolicyDetailEmployeeTableData<T extends EmployeeTableItem> {
+    /** Employee rows to render. */
+    data: T[];
+    /** Current value of the search input. */
+    searchValue: string;
+    /** Called when the search input value changes. */
+    onSearchChange: (value: string) => void;
+    /** Called when the search input is cleared. */
+    onSearchClear: () => void;
+    /** Placeholder text for the search input; defaults to a localized placeholder. */
+    searchPlaceholder?: string;
+    /** Renders a row-level menu (e.g. a kebab menu) for the given item. */
+    itemMenu?: (item: T) => ReactNode;
+    /** Pagination control props passed through to the underlying data view. */
+    pagination?: PaginationControlProps;
+    /** When true, renders the loading state instead of the rows. */
+    isFetching?: boolean;
+    /** Renders a custom empty state when `data` is empty and there is no active search. */
+    emptyState?: () => ReactNode;
+}
+/**
+ * Props for the shared employee table rendered inside time-off and holiday policy detail views.
+ *
+ * @typeParam T - The employee row shape, which must extend {@link EmployeeTableItem}.
+ * @internal
+ */
 export interface EmployeeTableProps<T extends EmployeeTableItem> {
+    /** Employee rows to render. */
     data: T[];
+    /** Accessible label for the underlying data view; defaults to a localized table label. */
     label?: string;
+    /** Additional columns appended after the name and job title columns. */
     additionalColumns?: useDataViewProp<T>['columns'];
+    /** When true, omits the job title column. */
     hideJobTitle?: boolean;
+    /** Current value of the search input. */
     searchValue: string;
+    /** Called when the search input value changes. */
     onSearchChange: (value: string) => void;
+    /** Called when the search input is cleared. */
     onSearchClear: () => void;
+    /** Placeholder text for the search input; defaults to a localized placeholder. */
     searchPlaceholder?: string;
+    /** When true, hides the search input entirely. */
     hideSearch?: boolean;
+    /** Selection behavior for the table (e.g. single or multi-select). */
     selectionMode?: SelectionMode;
+    /** Called when an individual row is selected or deselected. */
     onSelect?: (item: T, checked: boolean) => void;
+    /** Called when the select-all checkbox is toggled; receives the items currently visible. */
     onSelectAll?: (checked: boolean, visibleItems: T[]) => void;
+    /** Returns whether the given item is currently selected. */
     getIsItemSelected?: (item: T) => boolean;
+    /** When true, hides the select-all checkbox even if selection is enabled. */
     hideSelectAll?: boolean;
+    /** Renders a row-level menu (e.g. a kebab menu) for the given item. */
     itemMenu?: (item: T) => ReactNode;
+    /** Pagination control props passed through to the underlying data view. */
     pagination?: PaginationControlProps;
+    /** When true, renders the loading state instead of the rows. */
     isFetching?: boolean;
+    /** Renders a custom empty state when `data` is empty and there is no active search. */
     emptyState?: () => ReactNode;
+    /** Renders a custom empty state when a search returns no results; falls back to a localized default. */
     emptySearchState?: () => ReactNode;
+    /** Footer content rendered below the rows. */
     footer?: useDataViewProp<T>['footer'];
 }

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

@@ -1,3 +1,4 @@
 import { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes';
 import { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes';
+/** @internal */
 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.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  firstTab,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: PolicyDetailLayoutProps<T>) {\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Alert, Dialog, Button } = useComponentContext()\n\n  const emptyEmployeesState =\n    employees.emptyState ??\n    (onAddEmployee\n      ? () => (\n          <EmptyData title={t('emptyEmployees.title')}>\n            <Button\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              onClick={onAddEmployee}\n            >\n              {t('emptyEmployees.addEmployeeCta')}\n            </Button>\n          </EmptyData>\n        )\n      : undefined)\n\n  const tabs = [\n    {\n      id: firstTab.id,\n      label: firstTab.label,\n      content: firstTab.content,\n    },\n    {\n      id: EMPLOYEES_TAB_ID,\n      label: t('tabs.employees'),\n      content: (\n        <EmployeeTable<T>\n          data={employees.data}\n          searchValue={employees.searchValue}\n          onSearchChange={employees.onSearchChange}\n          onSearchClear={employees.onSearchClear}\n          searchPlaceholder={employees.searchPlaceholder}\n          itemMenu={employees.itemMenu}\n          pagination={employees.pagination}\n          isFetching={employees.isFetching}\n          emptyState={emptyEmployeesState}\n          additionalColumns={employees.additionalColumns}\n          hideJobTitle={employees.hideJobTitle}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <>\n      {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n      <DetailViewLayout\n        title={title}\n        subtitle={subtitle}\n        onBack={onBack}\n        backLabel={backLabel}\n        actions={actions}\n        tabs={tabs}\n        selectedTabId={selectedTabId}\n        onTabChange={onTabChange}\n      />\n\n      <Dialog\n        isOpen={removeDialog.isOpen}\n        onClose={removeDialog.onClose}\n        onPrimaryActionClick={removeDialog.onConfirm}\n        isPrimaryActionLoading={removeDialog.isPending}\n        isDestructive\n        title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n        primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n        closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n      >\n        {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n      </Dialog>\n    </>\n  )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","Alert","Dialog","Button","useComponentContext","emptyEmployeesState","EmptyData","jsx","PlusCircleIcon","tabs","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;;AASA,MAAMA,IAAmB;AAElB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IACJZ,EAAU,eACTC,IACG,wBACGY,GAAA,EAAU,OAAOP,EAAE,sBAAsB,GACxC,UAAA,gBAAAQ;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,gBAAAI,EAACC,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAClC,SAASd;AAAA,MAER,YAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEtC,IAEF,SAEAe,IAAO;AAAA,IACX;AAAA,MACE,IAAInB,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAOgB,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAQ;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMjB,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,YAAYY;AAAA,UACZ,mBAAmBZ,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AAGF,SACE,gBAAAkB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAhB,uBAAiBK,GAAA,EAAM,QAAO,WAAU,OAAOL,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAU;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAA5B;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAoB;AAAA,QACA,eAAAlB;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAe;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQP,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAOI,EAAE,8BAA8B,EAAE,MAAMJ,EAAa,cAAc;AAAA,QAC1E,oBAAoBI,EAAE,iCAAiC;AAAA,QACvD,kBAAkBA,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAMJ,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}
+{"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\n/** @internal */\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  firstTab,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: PolicyDetailLayoutProps<T>) {\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Alert, Dialog, Button } = useComponentContext()\n\n  const emptyEmployeesState =\n    employees.emptyState ??\n    (onAddEmployee\n      ? () => (\n          <EmptyData title={t('emptyEmployees.title')}>\n            <Button\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              onClick={onAddEmployee}\n            >\n              {t('emptyEmployees.addEmployeeCta')}\n            </Button>\n          </EmptyData>\n        )\n      : undefined)\n\n  const tabs = [\n    {\n      id: firstTab.id,\n      label: firstTab.label,\n      content: firstTab.content,\n    },\n    {\n      id: EMPLOYEES_TAB_ID,\n      label: t('tabs.employees'),\n      content: (\n        <EmployeeTable<T>\n          data={employees.data}\n          searchValue={employees.searchValue}\n          onSearchChange={employees.onSearchChange}\n          onSearchClear={employees.onSearchClear}\n          searchPlaceholder={employees.searchPlaceholder}\n          itemMenu={employees.itemMenu}\n          pagination={employees.pagination}\n          isFetching={employees.isFetching}\n          emptyState={emptyEmployeesState}\n          additionalColumns={employees.additionalColumns}\n          hideJobTitle={employees.hideJobTitle}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <>\n      {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n      <DetailViewLayout\n        title={title}\n        subtitle={subtitle}\n        onBack={onBack}\n        backLabel={backLabel}\n        actions={actions}\n        tabs={tabs}\n        selectedTabId={selectedTabId}\n        onTabChange={onTabChange}\n      />\n\n      <Dialog\n        isOpen={removeDialog.isOpen}\n        onClose={removeDialog.onClose}\n        onPrimaryActionClick={removeDialog.onConfirm}\n        isPrimaryActionLoading={removeDialog.isPending}\n        isDestructive\n        title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n        primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n        closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n      >\n        {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n      </Dialog>\n    </>\n  )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","Alert","Dialog","Button","useComponentContext","emptyEmployeesState","EmptyData","jsx","PlusCircleIcon","tabs","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;;AASA,MAAMA,IAAmB;AAGlB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IACJZ,EAAU,eACTC,IACG,wBACGY,GAAA,EAAU,OAAOP,EAAE,sBAAsB,GACxC,UAAA,gBAAAQ;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,gBAAAI,EAACC,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAClC,SAASd;AAAA,MAER,YAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEtC,IAEF,SAEAe,IAAO;AAAA,IACX;AAAA,MACE,IAAInB,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAOgB,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAQ;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMjB,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,YAAYY;AAAA,UACZ,mBAAmBZ,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AAGF,SACE,gBAAAkB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAhB,uBAAiBK,GAAA,EAAM,QAAO,WAAU,OAAOL,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAU;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAA5B;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAoB;AAAA,QACA,eAAAlB;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAe;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQP,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAOI,EAAE,8BAA8B,EAAE,MAAMJ,EAAa,cAAc;AAAA,QAC1E,oBAAoBI,EAAE,iCAAiC;AAAA,QACvD,kBAAkBA,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAMJ,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}

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

@@ -1,28 +1,56 @@
 import { ReactNode } from 'react';
 import { EmployeeTableItem, EmployeeTableProps } from '../EmployeeTable/EmployeeTableTypes';
+/**
+ * State for the confirmation dialog shown when removing an employee from a time
+ * off or holiday policy.
+ *
+ * @public
+ */
 export interface RemoveDialogState {
+    /** Whether the dialog is currently visible. */
     isOpen: boolean;
+    /** Name of the employee being removed; interpolated into the dialog copy. */
     employeeName: string;
+    /** Called when the user confirms the removal. */
     onConfirm: () => void;
+    /** Called when the user cancels or dismisses the dialog without confirming. */
     onClose: () => void;
+    /** Whether the removal request is in flight; disables the confirm action while true. */
     isPending: boolean;
 }
+/** @internal */
 export interface PolicyDetailLayoutProps<T extends EmployeeTableItem> {
+    /** The policy name displayed as the page heading. */
     title: string;
+    /** Secondary label shown beneath the title. */
     subtitle?: string;
+    /** Called when the user clicks the back navigation. */
     onBack: () => void;
+    /** Label for the back navigation link. */
     backLabel: string;
+    /** Action buttons displayed in the header (e.g. add employees, edit policy). */
     actions?: ReactNode[];
+    /** First tab shown alongside the standard employees tab; supplies its id, label, and content. */
     firstTab: {
+        /** Unique id used to match against `selectedTabId`. */
         id: string;
+        /** Tab label rendered in the tab bar. */
         label: string;
+        /** Tab panel content. */
         content: ReactNode;
     };
+    /** The currently active tab id. */
     selectedTabId: string;
+    /** Called with the tab id when the user switches tabs. */
     onTabChange: (id: string) => void;
+    /** Employee table data and handlers for the employees tab. */
     employees: Pick<EmployeeTableProps<T>, 'data' | 'searchValue' | 'onSearchChange' | 'onSearchClear' | 'searchPlaceholder' | 'itemMenu' | 'pagination' | 'isFetching' | 'emptyState' | 'additionalColumns' | 'hideJobTitle'>;
+    /** Called when the user triggers the add-employee action from the empty state. */
     onAddEmployee?: () => void;
+    /** State for the employee removal confirmation dialog. */
     removeDialog: RemoveDialogState;
+    /** Success message displayed as a dismissible alert above the content. */
     successAlert?: string;
+    /** Called when the success alert is dismissed. */
     onDismissAlert?: () => void;
 }

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

@@ -1,3 +1,2 @@
 import "./types/i18next.d.ts"
 export { PolicyDetailLayout } from './PolicyDetailLayout';
-export type { PolicyDetailLayoutProps, RemoveDialogState } from './PolicyDetailLayoutTypes';

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

@@ -18,13 +18,18 @@ interface FederalHolidayDef {
     key: string;
     dateRule: HolidayDateRule;
 }
+/** @internal */
 export declare const FEDERAL_HOLIDAYS: FederalHolidayDef[];
+/** @internal */
 export declare const FEDERAL_HOLIDAY_KEYS: string[];
+/** @internal */
 export declare function getNextObservationDate(holidayKey: string, referenceDate?: Date): Date;
+/** @internal */
 export declare function getDefaultHolidayItems(t: TFunction<'Company.TimeOff.HolidayPolicy'>, referenceDate?: Date, locale?: string): HolidayItem[];
 interface FederalHolidaySelection {
     selected: boolean;
 }
 type FederalHolidaysPayload = Record<string, FederalHolidaySelection>;
+/** @internal */
 export declare function buildFederalHolidaysPayload(selectedKeys: Set<string>): FederalHolidaysPayload;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"holidayHelpers.js","sources":["../../../../src/components/TimeOff/shared/holidayHelpers.ts"],"sourcesContent":["import type { TFunction } from 'i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\n\ntype HolidayDateRule =\n  | { type: 'fixed'; month: number; day: number }\n  | { type: 'nthWeekday'; month: number; weekday: number; nth: number }\n  | { type: 'lastWeekday'; month: number; weekday: number }\n\ninterface FederalHolidayDef {\n  key: string\n  dateRule: HolidayDateRule\n}\n\nconst MONDAY = 1\nconst THURSDAY = 4\n\nexport const FEDERAL_HOLIDAYS: FederalHolidayDef[] = [\n  { key: 'newYearsDay', dateRule: { type: 'fixed', month: 0, day: 1 } },\n  { key: 'mlkDay', dateRule: { type: 'nthWeekday', month: 0, weekday: MONDAY, nth: 3 } },\n  { key: 'presidentsDay', dateRule: { type: 'nthWeekday', month: 1, weekday: MONDAY, nth: 3 } },\n  { key: 'memorialDay', dateRule: { type: 'lastWeekday', month: 4, weekday: MONDAY } },\n  { key: 'juneteenth', dateRule: { type: 'fixed', month: 5, day: 19 } },\n  { key: 'independenceDay', dateRule: { type: 'fixed', month: 6, day: 4 } },\n  { key: 'laborDay', dateRule: { type: 'nthWeekday', month: 8, weekday: MONDAY, nth: 1 } },\n  { key: 'columbusDay', dateRule: { type: 'nthWeekday', month: 9, weekday: MONDAY, nth: 2 } },\n  { key: 'veteransDay', dateRule: { type: 'fixed', month: 10, day: 11 } },\n  { key: 'thanksgiving', dateRule: { type: 'nthWeekday', month: 10, weekday: THURSDAY, nth: 4 } },\n  { key: 'christmasDay', dateRule: { type: 'fixed', month: 11, day: 25 } },\n]\n\nexport const FEDERAL_HOLIDAY_KEYS = FEDERAL_HOLIDAYS.map(h => h.key)\n\nfunction getNthWeekdayOfMonth(year: number, month: number, weekday: number, nth: number): Date {\n  const first = new Date(year, month, 1)\n  const firstWeekday = first.getDay()\n  let day = 1 + ((weekday - firstWeekday + 7) % 7)\n  day += (nth - 1) * 7\n  return new Date(year, month, day)\n}\n\nfunction getLastWeekdayOfMonth(year: number, month: number, weekday: number): Date {\n  const lastDay = new Date(year, month + 1, 0)\n  const lastDayWeekday = lastDay.getDay()\n  const diff = (lastDayWeekday - weekday + 7) % 7\n  return new Date(year, month, lastDay.getDate() - diff)\n}\n\nfunction computeDate(rule: HolidayDateRule, year: number): Date {\n  switch (rule.type) {\n    case 'fixed':\n      return new Date(year, rule.month, rule.day)\n    case 'nthWeekday':\n      return getNthWeekdayOfMonth(year, rule.month, rule.weekday, rule.nth)\n    case 'lastWeekday':\n      return getLastWeekdayOfMonth(year, rule.month, rule.weekday)\n  }\n}\n\nexport function getNextObservationDate(holidayKey: string, referenceDate: Date = new Date()): Date {\n  const holiday = FEDERAL_HOLIDAYS.find(h => h.key === holidayKey)\n  if (!holiday) {\n    throw new Error(`Unknown holiday key: ${holidayKey}`)\n  }\n\n  const year = referenceDate.getFullYear()\n  const thisYear = computeDate(holiday.dateRule, year)\n\n  const refDateOnly = new Date(\n    referenceDate.getFullYear(),\n    referenceDate.getMonth(),\n    referenceDate.getDate(),\n  )\n\n  if (thisYear >= refDateOnly) {\n    return thisYear\n  }\n  return computeDate(holiday.dateRule, year + 1)\n}\n\nfunction formatDate(date: Date, locale?: string): string {\n  return date.toLocaleDateString(locale, {\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  })\n}\n\nconst HOLIDAY_NAME_KEYS = {\n  newYearsDay: 'holidays.newYearsDay.name',\n  mlkDay: 'holidays.mlkDay.name',\n  presidentsDay: 'holidays.presidentsDay.name',\n  memorialDay: 'holidays.memorialDay.name',\n  juneteenth: 'holidays.juneteenth.name',\n  independenceDay: 'holidays.independenceDay.name',\n  laborDay: 'holidays.laborDay.name',\n  columbusDay: 'holidays.columbusDay.name',\n  veteransDay: 'holidays.veteransDay.name',\n  thanksgiving: 'holidays.thanksgiving.name',\n  christmasDay: 'holidays.christmasDay.name',\n} as const\n\nconst HOLIDAY_DATE_KEYS = {\n  newYearsDay: 'holidays.newYearsDay.observedDate',\n  mlkDay: 'holidays.mlkDay.observedDate',\n  presidentsDay: 'holidays.presidentsDay.observedDate',\n  memorialDay: 'holidays.memorialDay.observedDate',\n  juneteenth: 'holidays.juneteenth.observedDate',\n  independenceDay: 'holidays.independenceDay.observedDate',\n  laborDay: 'holidays.laborDay.observedDate',\n  columbusDay: 'holidays.columbusDay.observedDate',\n  veteransDay: 'holidays.veteransDay.observedDate',\n  thanksgiving: 'holidays.thanksgiving.observedDate',\n  christmasDay: 'holidays.christmasDay.observedDate',\n} as const\n\nexport function getDefaultHolidayItems(\n  t: TFunction<'Company.TimeOff.HolidayPolicy'>,\n  referenceDate?: Date,\n  locale?: string,\n): HolidayItem[] {\n  return FEDERAL_HOLIDAYS.map(holiday => ({\n    uuid: holiday.key,\n    name: t(HOLIDAY_NAME_KEYS[holiday.key as keyof typeof HOLIDAY_NAME_KEYS]),\n    observedDate: t(HOLIDAY_DATE_KEYS[holiday.key as keyof typeof HOLIDAY_DATE_KEYS]),\n    nextObservation: formatDate(getNextObservationDate(holiday.key, referenceDate), locale),\n  }))\n}\n\ninterface FederalHolidaySelection {\n  selected: boolean\n}\n\ntype FederalHolidaysPayload = Record<string, FederalHolidaySelection>\n\nexport function buildFederalHolidaysPayload(selectedKeys: Set<string>): FederalHolidaysPayload {\n  const payload: FederalHolidaysPayload = {}\n  for (const holiday of FEDERAL_HOLIDAYS) {\n    payload[holiday.key] = { selected: selectedKeys.has(holiday.key) }\n  }\n  return payload\n}\n"],"names":["FEDERAL_HOLIDAYS","FEDERAL_HOLIDAY_KEYS","h","getNthWeekdayOfMonth","year","month","weekday","nth","firstWeekday","day","getLastWeekdayOfMonth","lastDay","diff","computeDate","rule","getNextObservationDate","holidayKey","referenceDate","holiday","thisYear","refDateOnly","formatDate","date","locale","HOLIDAY_NAME_KEYS","HOLIDAY_DATE_KEYS","getDefaultHolidayItems","t","buildFederalHolidaysPayload","selectedKeys","payload"],"mappings":"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"}
+{"version":3,"file":"holidayHelpers.js","sources":["../../../../src/components/TimeOff/shared/holidayHelpers.ts"],"sourcesContent":["import type { TFunction } from 'i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\n\ntype HolidayDateRule =\n  | { type: 'fixed'; month: number; day: number }\n  | { type: 'nthWeekday'; month: number; weekday: number; nth: number }\n  | { type: 'lastWeekday'; month: number; weekday: number }\n\ninterface FederalHolidayDef {\n  key: string\n  dateRule: HolidayDateRule\n}\n\nconst MONDAY = 1\nconst THURSDAY = 4\n\n/** @internal */\nexport const FEDERAL_HOLIDAYS: FederalHolidayDef[] = [\n  { key: 'newYearsDay', dateRule: { type: 'fixed', month: 0, day: 1 } },\n  { key: 'mlkDay', dateRule: { type: 'nthWeekday', month: 0, weekday: MONDAY, nth: 3 } },\n  { key: 'presidentsDay', dateRule: { type: 'nthWeekday', month: 1, weekday: MONDAY, nth: 3 } },\n  { key: 'memorialDay', dateRule: { type: 'lastWeekday', month: 4, weekday: MONDAY } },\n  { key: 'juneteenth', dateRule: { type: 'fixed', month: 5, day: 19 } },\n  { key: 'independenceDay', dateRule: { type: 'fixed', month: 6, day: 4 } },\n  { key: 'laborDay', dateRule: { type: 'nthWeekday', month: 8, weekday: MONDAY, nth: 1 } },\n  { key: 'columbusDay', dateRule: { type: 'nthWeekday', month: 9, weekday: MONDAY, nth: 2 } },\n  { key: 'veteransDay', dateRule: { type: 'fixed', month: 10, day: 11 } },\n  { key: 'thanksgiving', dateRule: { type: 'nthWeekday', month: 10, weekday: THURSDAY, nth: 4 } },\n  { key: 'christmasDay', dateRule: { type: 'fixed', month: 11, day: 25 } },\n]\n\n/** @internal */\nexport const FEDERAL_HOLIDAY_KEYS = FEDERAL_HOLIDAYS.map(h => h.key)\n\nfunction getNthWeekdayOfMonth(year: number, month: number, weekday: number, nth: number): Date {\n  const first = new Date(year, month, 1)\n  const firstWeekday = first.getDay()\n  let day = 1 + ((weekday - firstWeekday + 7) % 7)\n  day += (nth - 1) * 7\n  return new Date(year, month, day)\n}\n\nfunction getLastWeekdayOfMonth(year: number, month: number, weekday: number): Date {\n  const lastDay = new Date(year, month + 1, 0)\n  const lastDayWeekday = lastDay.getDay()\n  const diff = (lastDayWeekday - weekday + 7) % 7\n  return new Date(year, month, lastDay.getDate() - diff)\n}\n\nfunction computeDate(rule: HolidayDateRule, year: number): Date {\n  switch (rule.type) {\n    case 'fixed':\n      return new Date(year, rule.month, rule.day)\n    case 'nthWeekday':\n      return getNthWeekdayOfMonth(year, rule.month, rule.weekday, rule.nth)\n    case 'lastWeekday':\n      return getLastWeekdayOfMonth(year, rule.month, rule.weekday)\n  }\n}\n\n/** @internal */\nexport function getNextObservationDate(holidayKey: string, referenceDate: Date = new Date()): Date {\n  const holiday = FEDERAL_HOLIDAYS.find(h => h.key === holidayKey)\n  if (!holiday) {\n    throw new Error(`Unknown holiday key: ${holidayKey}`)\n  }\n\n  const year = referenceDate.getFullYear()\n  const thisYear = computeDate(holiday.dateRule, year)\n\n  const refDateOnly = new Date(\n    referenceDate.getFullYear(),\n    referenceDate.getMonth(),\n    referenceDate.getDate(),\n  )\n\n  if (thisYear >= refDateOnly) {\n    return thisYear\n  }\n  return computeDate(holiday.dateRule, year + 1)\n}\n\nfunction formatDate(date: Date, locale?: string): string {\n  return date.toLocaleDateString(locale, {\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  })\n}\n\nconst HOLIDAY_NAME_KEYS = {\n  newYearsDay: 'holidays.newYearsDay.name',\n  mlkDay: 'holidays.mlkDay.name',\n  presidentsDay: 'holidays.presidentsDay.name',\n  memorialDay: 'holidays.memorialDay.name',\n  juneteenth: 'holidays.juneteenth.name',\n  independenceDay: 'holidays.independenceDay.name',\n  laborDay: 'holidays.laborDay.name',\n  columbusDay: 'holidays.columbusDay.name',\n  veteransDay: 'holidays.veteransDay.name',\n  thanksgiving: 'holidays.thanksgiving.name',\n  christmasDay: 'holidays.christmasDay.name',\n} as const\n\nconst HOLIDAY_DATE_KEYS = {\n  newYearsDay: 'holidays.newYearsDay.observedDate',\n  mlkDay: 'holidays.mlkDay.observedDate',\n  presidentsDay: 'holidays.presidentsDay.observedDate',\n  memorialDay: 'holidays.memorialDay.observedDate',\n  juneteenth: 'holidays.juneteenth.observedDate',\n  independenceDay: 'holidays.independenceDay.observedDate',\n  laborDay: 'holidays.laborDay.observedDate',\n  columbusDay: 'holidays.columbusDay.observedDate',\n  veteransDay: 'holidays.veteransDay.observedDate',\n  thanksgiving: 'holidays.thanksgiving.observedDate',\n  christmasDay: 'holidays.christmasDay.observedDate',\n} as const\n\n/** @internal */\nexport function getDefaultHolidayItems(\n  t: TFunction<'Company.TimeOff.HolidayPolicy'>,\n  referenceDate?: Date,\n  locale?: string,\n): HolidayItem[] {\n  return FEDERAL_HOLIDAYS.map(holiday => ({\n    uuid: holiday.key,\n    name: t(HOLIDAY_NAME_KEYS[holiday.key as keyof typeof HOLIDAY_NAME_KEYS]),\n    observedDate: t(HOLIDAY_DATE_KEYS[holiday.key as keyof typeof HOLIDAY_DATE_KEYS]),\n    nextObservation: formatDate(getNextObservationDate(holiday.key, referenceDate), locale),\n  }))\n}\n\ninterface FederalHolidaySelection {\n  selected: boolean\n}\n\ntype FederalHolidaysPayload = Record<string, FederalHolidaySelection>\n\n/** @internal */\nexport function buildFederalHolidaysPayload(selectedKeys: Set<string>): FederalHolidaysPayload {\n  const payload: FederalHolidaysPayload = {}\n  for (const holiday of FEDERAL_HOLIDAYS) {\n    payload[holiday.key] = { selected: selectedKeys.has(holiday.key) }\n  }\n  return payload\n}\n"],"names":["FEDERAL_HOLIDAYS","FEDERAL_HOLIDAY_KEYS","h","getNthWeekdayOfMonth","year","month","weekday","nth","firstWeekday","day","getLastWeekdayOfMonth","lastDay","diff","computeDate","rule","getNextObservationDate","holidayKey","referenceDate","holiday","thisYear","refDateOnly","formatDate","date","locale","HOLIDAY_NAME_KEYS","HOLIDAY_DATE_KEYS","getDefaultHolidayItems","t","buildFederalHolidaysPayload","selectedKeys","payload"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 export type { ProgressBarProps } from '../../components/Common/UI/ProgressBar/ProgressBarTypes';
-export type { BreadcrumbsProps } from '../../components/Common/UI/Breadcrumbs/BreadcrumbsTypes';
+export type { BreadcrumbsProps, Breadcrumb, } from '../../components/Common/UI/Breadcrumbs/BreadcrumbsTypes';
 export type { ButtonProps, ButtonIconProps } from '../../components/Common/UI/Button/ButtonTypes';
 export type { CardProps } from '../../components/Common/UI/Card/CardTypes';
 export type { BoxProps } from '../../components/Common/UI/Box/BoxTypes';
@@ -22,7 +22,7 @@ export type { TextInputProps } from '../../components/Common/UI/TextInput/TextIn
 export type { AlertProps } from '../../components/Common/UI/Alert/AlertTypes';
 export type { BadgeProps } from '../../components/Common/UI/Badge/BadgeTypes';
 export type { BannerProps } from '../../components/Common/UI/Banner/BannerTypes';
-export type { OrderedListProps, UnorderedListProps } from '../../components/Common/UI/List/ListTypes';
+export type { BaseListProps, OrderedListProps, UnorderedListProps, } from '../../components/Common/UI/List/ListTypes';
 export type { HeadingProps } from '../../components/Common/UI/Heading/HeadingTypes';
 export type { PaginationControlProps, PaginationItemsPerPage, } from '../../components/Common/PaginationControl/PaginationControlTypes';
 export type { PayrollLoadingProps } from '../../components/Common/PayrollLoading/PayrollLoadingTypes';
@@ -30,8 +30,8 @@ export type { TextProps } from '../../components/Common/UI/Text/TextTypes';
 export type { CalendarPreviewProps } from '../../components/Common/UI/CalendarPreview/CalendarPreviewTypes';
 export type { DialogProps } from '../../components/Common/UI/Dialog/DialogTypes';
 export type { ModalProps } from '../../components/Common/UI/Modal/ModalTypes';
-export type { DescriptionListProps } from '../../components/Common/UI/DescriptionList/DescriptionListTypes';
+export type { DescriptionListProps, DescriptionListItem, } from '../../components/Common/UI/DescriptionList/DescriptionListTypes';
 export type { TextAreaProps } from '../../components/Common/UI/TextArea/TextAreaTypes';
-export type { TabsProps } from '../../components/Common/UI/Tabs/TabsTypes';
+export type { TabsProps, TabProps } from '../../components/Common/UI/Tabs/TabsTypes';
 export type { LoadingSpinnerProps } from '../../components/Common/UI/LoadingSpinner/LoadingSpinnerTypes';
 export type { FileInputProps } from '../../components/Common/UI/FileInput/FileInputTypes';

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FunctionComponent } from 'react';
 import { ComponentsContextType } from './useComponentContext';
 import { AlertProps } from '../../components/Common/UI/Alert/AlertTypes';
 import { BadgeProps } from '../../components/Common/UI/Badge/BadgeTypes';
@@ -20,80 +20,80 @@ import { BoxHeaderProps } from '../../components/Common/UI/BoxHeader/BoxHeaderTy
 import { DescriptionListProps } from '../../components/Common/UI/DescriptionList/DescriptionListTypes';
 /** @internal */
 export declare const componentCreators: {
-    readonly Alert: (customComponent: (props: AlertProps) => React.ReactElement | null) => {
-        (props: AlertProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Alert: (customComponent: FunctionComponent<AlertProps>) => {
+        (props: AlertProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Badge: (customComponent: (props: BadgeProps) => React.ReactElement | null) => {
-        (props: BadgeProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Badge: (customComponent: FunctionComponent<BadgeProps>) => {
+        (props: BadgeProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Banner: (customComponent: (props: BannerProps) => React.ReactElement | null) => {
-        (props: BannerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Banner: (customComponent: FunctionComponent<BannerProps>) => {
+        (props: BannerProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Button: (customComponent: (props: ButtonProps) => React.ReactElement | null) => {
-        (props: ButtonProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Button: (customComponent: FunctionComponent<ButtonProps>) => {
+        (props: ButtonProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly ButtonIcon: (customComponent: (props: ButtonIconProps) => React.ReactElement | null) => {
-        (props: ButtonIconProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly ButtonIcon: (customComponent: FunctionComponent<ButtonIconProps>) => {
+        (props: ButtonIconProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Checkbox: (customComponent: (props: CheckboxProps) => React.ReactElement | null) => {
-        (props: CheckboxProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Checkbox: (customComponent: FunctionComponent<CheckboxProps>) => {
+        (props: CheckboxProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly CheckboxGroup: (customComponent: (props: CheckboxGroupProps) => React.ReactElement | null) => {
-        (props: CheckboxGroupProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly CheckboxGroup: (customComponent: FunctionComponent<CheckboxGroupProps>) => {
+        (props: CheckboxGroupProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Menu: (customComponent: (props: MenuProps) => React.ReactElement | null) => {
-        (props: MenuProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Menu: (customComponent: FunctionComponent<MenuProps>) => {
+        (props: MenuProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Radio: (customComponent: (props: RadioProps) => React.ReactElement | null) => {
-        (props: RadioProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Radio: (customComponent: FunctionComponent<RadioProps>) => {
+        (props: RadioProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly RadioGroup: (customComponent: (props: RadioGroupProps) => React.ReactElement | null) => {
-        (props: RadioGroupProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly RadioGroup: (customComponent: FunctionComponent<RadioGroupProps>) => {
+        (props: RadioGroupProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Switch: (customComponent: (props: SwitchProps) => React.ReactElement | null) => {
-        (props: SwitchProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Switch: (customComponent: FunctionComponent<SwitchProps>) => {
+        (props: SwitchProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Table: (customComponent: (props: TableProps) => React.ReactElement | null) => {
-        (props: TableProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Table: (customComponent: FunctionComponent<TableProps>) => {
+        (props: TableProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Text: (customComponent: (props: TextProps) => React.ReactElement | null) => {
-        (props: TextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Text: (customComponent: FunctionComponent<TextProps>) => {
+        (props: TextProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly TextInput: (customComponent: (props: TextInputProps) => React.ReactElement | null) => {
-        (props: TextInputProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly TextInput: (customComponent: FunctionComponent<TextInputProps>) => {
+        (props: TextInputProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly Dialog: (customComponent: (props: DialogProps) => React.ReactElement | null) => {
-        (props: DialogProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly Dialog: (customComponent: FunctionComponent<DialogProps>) => {
+        (props: DialogProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly LoadingSpinner: (customComponent: (props: LoadingSpinnerProps) => React.ReactElement | null) => {
-        (props: LoadingSpinnerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly LoadingSpinner: (customComponent: FunctionComponent<LoadingSpinnerProps>) => {
+        (props: LoadingSpinnerProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly FileInput: (customComponent: (props: FileInputProps) => React.ReactElement | null) => {
-        (props: FileInputProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly FileInput: (customComponent: FunctionComponent<FileInputProps>) => {
+        (props: FileInputProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly BoxHeader: (customComponent: (props: BoxHeaderProps) => React.ReactElement | null) => {
-        (props: BoxHeaderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly BoxHeader: (customComponent: FunctionComponent<BoxHeaderProps>) => {
+        (props: BoxHeaderProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
-    readonly DescriptionList: (customComponent: (props: DescriptionListProps) => React.ReactElement | null) => {
-        (props: DescriptionListProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    readonly DescriptionList: (customComponent: FunctionComponent<DescriptionListProps>) => {
+        (props: DescriptionListProps): import('react').ReactNode | Promise<import('react').ReactNode>;
         displayName: string;
     };
 };