@gusto/embedded-react-sdk 0.48.0 → 0.48.2

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 { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst DETAILS_TAB_ID = 'details'\n\nexport function TimeOffPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: TimeOffPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n\n  const balanceColumn = useMemo(\n    () =>\n      isUnlimited\n        ? []\n        : [\n            {\n              key: 'balance' as keyof TimeOffPolicyDetailEmployee,\n              title: t('employeeTable.balance'),\n              render: (item: TimeOffPolicyDetailEmployee) => item.balance ?? '-',\n            },\n          ],\n    [t, isUnlimited],\n  )\n\n  const detailsTabContent = (\n    <DetailsTab\n      policyDetails={policyDetails}\n      policySettings={policySettings}\n      onChangeSettings={onChangeSettings}\n    />\n  )\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: DETAILS_TAB_ID,\n        label: t('tabs.policyDetails'),\n        content: detailsTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={{\n        ...employees,\n        additionalColumns: balanceColumn,\n      }}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n    />\n  )\n}\n\nfunction DetailsTab({\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n}: {\n  policyDetails: PolicyDetails\n  policySettings?: PolicySettingsDisplay\n  onChangeSettings?: () => void\n}) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { Box, BoxHeader, DescriptionList, Button } = useComponentContext()\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n  const isHoursWorked =\n    policyDetails.accrualMethod === 'perHourWorked' ||\n    policyDetails.accrualMethod === 'perHourWorkedNoOvertime' ||\n    policyDetails.accrualMethod === 'perHourPaid' ||\n    policyDetails.accrualMethod === 'perHourPaidNoOvertime'\n  const showAccrualMaxAndWaiting = isHoursWorked || policyDetails.accrualMethod === 'perPayPeriod'\n\n  const detailItems = useMemo(() => {\n    const items: { term: string; description: string }[] = [\n      {\n        term: t('accrualMethod.label'),\n        description: t(`accrualMethod.${policyDetails.accrualMethod}`),\n      },\n    ]\n\n    if (policyDetails.accrualMethod !== 'unlimited') {\n      items.push({\n        term: t('accrualRate.label'),\n        description: t(`accrualRate.${policyDetails.accrualMethod}`, {\n          accrualRate: policyDetails.accrualRate,\n          accrualRateUnit: policyDetails.accrualRateUnit,\n        }),\n      })\n\n      if (policyDetails.resetDate) {\n        items.push({\n          term: t('resetDate'),\n          description: policyDetails.resetDate,\n        })\n      }\n    }\n\n    return items\n  }, [policyDetails, t])\n\n  const settingsItems = useMemo(() => {\n    if (!policySettings) return []\n\n    const items: { term: string; description: string }[] = []\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('maxAccrualHoursPerYear.label'),\n        description:\n          policySettings.maxAccrualHoursPerYear != null\n            ? t('maxAccrualHoursPerYear.withMaximum', {\n                count: policySettings.maxAccrualHoursPerYear,\n              })\n            : t('maxAccrualHoursPerYear.noMaximum'),\n      })\n    }\n\n    items.push(\n      {\n        term: t('maxHours.label'),\n        description:\n          policySettings.maxHours != null\n            ? t('maxHours.withMaximum', { count: policySettings.maxHours })\n            : t('maxHours.noMaximum'),\n      },\n      {\n        term: t('carryoverLimitHours.label'),\n        description:\n          policySettings.carryoverLimitHours != null\n            ? t('carryoverLimitHours.withLimit', { count: policySettings.carryoverLimitHours })\n            : t('carryoverLimitHours.noLimit'),\n      },\n    )\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('accrualWaitingPeriodDays.label'),\n        description:\n          policySettings.accrualWaitingPeriodDays != null\n            ? t('accrualWaitingPeriodDays.withPeriod', {\n                count: policySettings.accrualWaitingPeriodDays,\n              })\n            : t('accrualWaitingPeriodDays.noPeriod'),\n      })\n    }\n\n    items.push({\n      term: t('paidOutOnTermination.label'),\n      description: policySettings.paidOutOnTermination\n        ? t('paidOutOnTermination.yes')\n        : t('paidOutOnTermination.no'),\n    })\n\n    return items\n  }, [policySettings, t, showAccrualMaxAndWaiting])\n\n  return (\n    <div className={styles.cardsContainer}>\n      <div className={styles.cards}>\n        <Box header={<BoxHeader title={t('details')} />} withPadding>\n          <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n        </Box>\n\n        {!isUnlimited && policySettings && (\n          <Box\n            header={\n              <BoxHeader\n                title={t('policySettingsTitle')}\n                action={\n                  onChangeSettings && (\n                    <Button variant=\"secondary\" onClick={onChangeSettings}>\n                      {t('changeSettingsCta')}\n                    </Button>\n                  )\n                }\n              />\n            }\n            withPadding\n          >\n            <DescriptionList items={settingsItems} showSeparators={false} layout=\"stacked\" />\n          </Box>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","isUnlimited","balanceColumn","useMemo","item","detailsTabContent","jsx","DetailsTab","PolicyDetailLayout","Box","BoxHeader","DescriptionList","Button","useComponentContext","showAccrualMaxAndWaiting","detailItems","items","settingsItems","styles","jsxs"],"mappings":"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"}
+{"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\n/**\n * Presentational detail view for sick and vacation time-off policies.\n *\n * @remarks\n * Displays policy configuration and accrual settings in a tabbed interface alongside the\n * list of enrolled employees. Provides actions for editing the policy, changing settings,\n * adding employees, removing employees, and editing individual employee balances. This\n * component is fully controlled — pass in the data, selected tab, and dialog state and wire\n * up the callbacks. The corresponding container component is {@link TimeOffPolicyDetail}.\n *\n * @param input - See {@link TimeOffPolicyDetailPresentationProps}.\n * @returns The rendered detail view.\n * @public\n */\nexport function TimeOffPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: TimeOffPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n\n  const balanceColumn = useMemo(\n    () =>\n      isUnlimited\n        ? []\n        : [\n            {\n              key: 'balance' as keyof TimeOffPolicyDetailEmployee,\n              title: t('employeeTable.balance'),\n              render: (item: TimeOffPolicyDetailEmployee) => item.balance ?? '-',\n            },\n          ],\n    [t, isUnlimited],\n  )\n\n  const detailsTabContent = (\n    <DetailsTab\n      policyDetails={policyDetails}\n      policySettings={policySettings}\n      onChangeSettings={onChangeSettings}\n    />\n  )\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: DETAILS_TAB_ID,\n        label: t('tabs.policyDetails'),\n        content: detailsTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={{\n        ...employees,\n        additionalColumns: balanceColumn,\n      }}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n    />\n  )\n}\n\nfunction DetailsTab({\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n}: {\n  policyDetails: PolicyDetails\n  policySettings?: PolicySettingsDisplay\n  onChangeSettings?: () => void\n}) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { Box, BoxHeader, DescriptionList, Button } = useComponentContext()\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n  const isHoursWorked =\n    policyDetails.accrualMethod === 'perHourWorked' ||\n    policyDetails.accrualMethod === 'perHourWorkedNoOvertime' ||\n    policyDetails.accrualMethod === 'perHourPaid' ||\n    policyDetails.accrualMethod === 'perHourPaidNoOvertime'\n  const showAccrualMaxAndWaiting = isHoursWorked || policyDetails.accrualMethod === 'perPayPeriod'\n\n  const detailItems = useMemo(() => {\n    const items: { term: string; description: string }[] = [\n      {\n        term: t('accrualMethod.label'),\n        description: t(`accrualMethod.${policyDetails.accrualMethod}`),\n      },\n    ]\n\n    if (policyDetails.accrualMethod !== 'unlimited') {\n      items.push({\n        term: t('accrualRate.label'),\n        description: t(`accrualRate.${policyDetails.accrualMethod}`, {\n          accrualRate: policyDetails.accrualRate,\n          accrualRateUnit: policyDetails.accrualRateUnit,\n        }),\n      })\n\n      if (policyDetails.resetDate) {\n        items.push({\n          term: t('resetDate'),\n          description: policyDetails.resetDate,\n        })\n      }\n    }\n\n    return items\n  }, [policyDetails, t])\n\n  const settingsItems = useMemo(() => {\n    if (!policySettings) return []\n\n    const items: { term: string; description: string }[] = []\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('maxAccrualHoursPerYear.label'),\n        description:\n          policySettings.maxAccrualHoursPerYear != null\n            ? t('maxAccrualHoursPerYear.withMaximum', {\n                count: policySettings.maxAccrualHoursPerYear,\n              })\n            : t('maxAccrualHoursPerYear.noMaximum'),\n      })\n    }\n\n    items.push(\n      {\n        term: t('maxHours.label'),\n        description:\n          policySettings.maxHours != null\n            ? t('maxHours.withMaximum', { count: policySettings.maxHours })\n            : t('maxHours.noMaximum'),\n      },\n      {\n        term: t('carryoverLimitHours.label'),\n        description:\n          policySettings.carryoverLimitHours != null\n            ? t('carryoverLimitHours.withLimit', { count: policySettings.carryoverLimitHours })\n            : t('carryoverLimitHours.noLimit'),\n      },\n    )\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('accrualWaitingPeriodDays.label'),\n        description:\n          policySettings.accrualWaitingPeriodDays != null\n            ? t('accrualWaitingPeriodDays.withPeriod', {\n                count: policySettings.accrualWaitingPeriodDays,\n              })\n            : t('accrualWaitingPeriodDays.noPeriod'),\n      })\n    }\n\n    items.push({\n      term: t('paidOutOnTermination.label'),\n      description: policySettings.paidOutOnTermination\n        ? t('paidOutOnTermination.yes')\n        : t('paidOutOnTermination.no'),\n    })\n\n    return items\n  }, [policySettings, t, showAccrualMaxAndWaiting])\n\n  return (\n    <div className={styles.cardsContainer}>\n      <div className={styles.cards}>\n        <Box header={<BoxHeader title={t('details')} />} withPadding>\n          <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n        </Box>\n\n        {!isUnlimited && policySettings && (\n          <Box\n            header={\n              <BoxHeader\n                title={t('policySettingsTitle')}\n                action={\n                  onChangeSettings && (\n                    <Button variant=\"secondary\" onClick={onChangeSettings}>\n                      {t('changeSettingsCta')}\n                    </Button>\n                  )\n                }\n              />\n            }\n            withPadding\n          >\n            <DescriptionList items={settingsItems} showSeparators={false} layout=\"stacked\" />\n          </Box>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","isUnlimited","balanceColumn","useMemo","item","detailsTabContent","jsx","DetailsTab","PolicyDetailLayout","Box","BoxHeader","DescriptionList","Button","useComponentContext","showAccrualMaxAndWaiting","detailItems","items","settingsItems","styles","jsxs"],"mappings":"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"}

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

@@ -1,46 +1,138 @@
 import { ReactNode } from 'react';
-import { EmployeeTableItem, EmployeeTableProps } from '../shared/EmployeeTable/EmployeeTableTypes';
+import { EmployeeTableItem, PolicyDetailEmployeeTableData } from '../shared/EmployeeTable/EmployeeTableTypes';
 import { RemoveDialogState } from '../shared/PolicyDetailLayout/PolicyDetailLayoutTypes';
+/**
+ * Row shape for an employee enrolled in a time-off policy.
+ *
+ * @public
+ */
 export interface TimeOffPolicyDetailEmployee extends EmployeeTableItem {
+    /** Unique identifier for the employee. */
     uuid: string;
+    /** Current balance in hours, or `null` for unlimited policies. */
     balance: number | null;
 }
+/** @public */
 export type RateBasedAccrualMethod = 'perPayPeriod' | 'perCalendarYear' | 'perAnniversaryYear' | 'perHourWorked' | 'perHourWorkedNoOvertime' | 'perHourPaid' | 'perHourPaidNoOvertime';
+/** @internal */
 export type AccrualMethodKey = 'unlimited' | RateBasedAccrualMethod;
+/** @public */
 export type PolicyTypeKey = 'vacation' | 'sick';
-interface UnlimitedPolicyDetails {
+/**
+ * Policy details for an unlimited (no-accrual) time-off policy.
+ *
+ * @public
+ */
+export interface UnlimitedPolicyDetails {
+    /** Whether the policy covers vacation or sick time. */
     policyType: PolicyTypeKey;
+    /** Accrual method discriminant — always `'unlimited'` for this variant. */
     accrualMethod: 'unlimited';
 }
-interface RateBasedPolicyDetails {
+/**
+ * Policy details for a rate-based accruing time-off policy.
+ *
+ * @public
+ */
+export interface RateBasedPolicyDetails {
+    /** Whether the policy covers vacation or sick time. */
     policyType: PolicyTypeKey;
+    /** The method by which time off accrues. */
     accrualMethod: RateBasedAccrualMethod;
+    /** Hours accrued per accrual period. */
     accrualRate: number;
+    /** Divisor used to compute the per-unit accrual rate, if applicable. */
     accrualRateUnit?: number;
+    /** ISO date string for the annual balance reset, if applicable. */
     resetDate?: string;
 }
+/**
+ * Policy type and accrual configuration for the detail view.
+ *
+ * @remarks
+ * A discriminated union on `accrualMethod`. When `accrualMethod` is `'unlimited'`,
+ * no rate or reset date is present. For rate-based methods, `accrualRate` is set
+ * and `resetDate` / `accrualRateUnit` may also be provided.
+ *
+ * @public
+ */
 export type PolicyDetails = UnlimitedPolicyDetails | RateBasedPolicyDetails;
+/**
+ * Accrual caps, carryover, and termination settings displayed alongside a rate-based policy.
+ *
+ * @public
+ */
 export interface PolicySettingsDisplay {
+    /** Maximum hours that can accrue per year, or `null` for no limit. */
     maxAccrualHoursPerYear: number | null;
+    /** Maximum balance an employee can hold, or `null` for no limit. */
     maxHours: number | null;
+    /** Maximum hours that carry over on reset, or `null` for no limit. */
     carryoverLimitHours: number | null;
+    /** Days before a newly enrolled employee begins accruing, or `null` for no waiting period. */
     accrualWaitingPeriodDays: number | null;
+    /** Whether the remaining balance is paid out when an employee is terminated. */
     paidOutOnTermination: boolean;
 }
-interface TimeOffPolicyDetailPresentationBaseProps {
+/**
+ * Shared base props for {@link TimeOffPolicyDetailPresentation}.
+ *
+ * @public
+ */
+export interface TimeOffPolicyDetailPresentationBaseProps {
+    /** Policy name displayed as the page heading. */
     title: string;
+    /** Secondary label, typically the policy type. */
     subtitle?: string;
+    /** Called when the back navigation is clicked. */
     onBack: () => void;
+    /** Label for the back navigation link. */
     backLabel: string;
+    /** Optional action buttons rendered in the header. */
     actions?: ReactNode[];
+    /** The currently active tab id. */
     selectedTabId: string;
+    /** Called with the new tab id when the user switches tabs. */
     onTabChange: (id: string) => void;
-    employees: Pick<EmployeeTableProps<TimeOffPolicyDetailEmployee>, 'data' | 'searchValue' | 'onSearchChange' | 'onSearchClear' | 'searchPlaceholder' | 'itemMenu' | 'pagination' | 'isFetching' | 'emptyState'>;
+    /** Employee table data and callbacks. */
+    employees: PolicyDetailEmployeeTableData<TimeOffPolicyDetailEmployee>;
+    /** Called when the add-employee action is clicked. */
     onAddEmployee?: () => void;
+    /** State for the employee removal confirmation dialog. */
     removeDialog: RemoveDialogState;
+    /** Optional success message rendered as a dismissible alert. */
     successAlert?: string;
+    /** Called when the success alert is dismissed. */
     onDismissAlert?: () => void;
 }
+/**
+ * Props for {@link TimeOffPolicyDetailPresentation}.
+ *
+ * @remarks
+ * The props form a discriminated union on `policyDetails.accrualMethod`. Unlimited policies
+ * omit `policySettings` and `onChangeSettings`; rate-based policies require `policySettings`
+ * and may provide `onChangeSettings` to enable the change-settings action.
+ *
+ * | Field | Description |
+ * | ----- | ----------- |
+ * | `title` | The policy name displayed as the page heading. |
+ * | `subtitle` | Secondary label, typically the policy type. |
+ * | `onBack` | Called when the back navigation is clicked. |
+ * | `backLabel` | Label for the back navigation link. |
+ * | `actions` | Optional action buttons rendered in the header. |
+ * | `policyDetails` | Policy type and accrual configuration. See {@link PolicyDetails}. |
+ * | `policySettings` | Accrual caps and termination settings. See {@link PolicySettingsDisplay}. Required for rate-based policies. |
+ * | `onChangeSettings` | Called when the change-settings action is clicked. Rate-based policies only. |
+ * | `selectedTabId` | The currently active tab id. |
+ * | `onTabChange` | Called with the new tab id when the user switches tabs. |
+ * | `employees` | Employee table data including `data`, `searchValue`, `onSearchChange`, `onSearchClear`, and optional `itemMenu`. |
+ * | `onAddEmployee` | Called when the add-employee action is clicked. |
+ * | `removeDialog` | State for the employee removal confirmation dialog. |
+ * | `successAlert` | Optional success message rendered as a dismissible alert. |
+ * | `onDismissAlert` | Called when the success alert is dismissed. |
+ *
+ * @public
+ */
 export type TimeOffPolicyDetailPresentationProps = TimeOffPolicyDetailPresentationBaseProps & ({
     policyDetails: UnlimitedPolicyDetails;
     policySettings?: never;
@@ -50,4 +142,3 @@ export type TimeOffPolicyDetailPresentationProps = TimeOffPolicyDetailPresentati
     policySettings: PolicySettingsDisplay;
     onChangeSettings?: () => void;
 });
-export {};

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

@@ -1,7 +1,3 @@
 import "./types/i18next.d.ts"
 export { TimeOffPolicyDetailPresentation } from './TimeOffPolicyDetailPresentation';
-export type { TimeOffPolicyDetailPresentationProps, TimeOffPolicyDetailEmployee, PolicyDetails, PolicySettingsDisplay, } from './TimeOffPolicyDetailTypes';
-export { TimeOffPolicyDetail } from './TimeOffPolicyDetail';
-export type { TimeOffPolicyDetailProps } from './TimeOffPolicyDetail';
-export { EditEmployeeBalanceModal } from './EditEmployeeBalanceModal';
-export type { EditEmployeeBalanceModalProps } from './EditEmployeeBalanceModal';
+export type { TimeOffPolicyDetailPresentationProps, TimeOffPolicyDetailPresentationBaseProps, TimeOffPolicyDetailEmployee, PolicyDetails, UnlimitedPolicyDetails, RateBasedPolicyDetails, RateBasedAccrualMethod, PolicySettingsDisplay, PolicyTypeKey, } from './TimeOffPolicyDetailTypes';

package/dist/components/TimeOff/ViewHolidayEmployees/ViewHolidayEmployees.d.ts

@@ -1,5 +1,28 @@
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for {@link ViewHolidayEmployees}.
+ *
+ * @public
+ */
 export interface ViewHolidayEmployeesProps extends BaseComponentInterface {
+    /** Identifier of the company whose holiday policy enrollment is displayed. */
     companyId: string;
 }
+/**
+ * Displays the holiday policy detail view with the employees tab selected.
+ *
+ * @remarks
+ * Shows enrolled employees with search filtering, and provides actions to add employees,
+ * edit the holiday selection, or remove employees.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `timeOff/holidayAddEmployees` | User clicks to add employees | — |
+ * | `timeOff/editHolidayPolicy` | User clicks to edit holidays | — |
+ * | `timeOff/backToList` | User navigates back to the policy list | — |
+ *
+ * @param props - See {@link ViewHolidayEmployeesProps}.
+ * @returns The holiday policy detail view rendered with the employees tab active.
+ * @public
+ */
 export declare function ViewHolidayEmployees(props: ViewHolidayEmployeesProps): import("react").JSX.Element;

package/dist/components/TimeOff/ViewHolidayEmployees/ViewHolidayEmployees.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewHolidayEmployees.js","sources":["../../../../src/components/TimeOff/ViewHolidayEmployees/ViewHolidayEmployees.tsx"],"sourcesContent":["import { HolidayPolicyDetail } from '../HolidayPolicyDetail'\nimport type { BaseComponentInterface } from '@/components/Base'\n\nexport interface ViewHolidayEmployeesProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function ViewHolidayEmployees(props: ViewHolidayEmployeesProps) {\n  return <HolidayPolicyDetail {...props} defaultTab=\"employees\" />\n}\n"],"names":["ViewHolidayEmployees","props","jsx","HolidayPolicyDetail"],"mappings":";;AAOO,SAASA,EAAqBC,GAAkC;AACrE,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,YAAW,aAAY;AAChE;"}
+{"version":3,"file":"ViewHolidayEmployees.js","sources":["../../../../src/components/TimeOff/ViewHolidayEmployees/ViewHolidayEmployees.tsx"],"sourcesContent":["import { HolidayPolicyDetail } from '../HolidayPolicyDetail'\nimport type { BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for {@link ViewHolidayEmployees}.\n *\n * @public\n */\nexport interface ViewHolidayEmployeesProps extends BaseComponentInterface {\n  /** Identifier of the company whose holiday policy enrollment is displayed. */\n  companyId: string\n}\n\n/**\n * Displays the holiday policy detail view with the employees tab selected.\n *\n * @remarks\n * Shows enrolled employees with search filtering, and provides actions to add employees,\n * edit the holiday selection, or remove employees.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/holidayAddEmployees` | User clicks to add employees | — |\n * | `timeOff/editHolidayPolicy` | User clicks to edit holidays | — |\n * | `timeOff/backToList` | User navigates back to the policy list | — |\n *\n * @param props - See {@link ViewHolidayEmployeesProps}.\n * @returns The holiday policy detail view rendered with the employees tab active.\n * @public\n */\nexport function ViewHolidayEmployees(props: ViewHolidayEmployeesProps) {\n  return <HolidayPolicyDetail {...props} defaultTab=\"employees\" />\n}\n"],"names":["ViewHolidayEmployees","props","jsx","HolidayPolicyDetail"],"mappings":";;AA8BO,SAASA,EAAqBC,GAAkC;AACrE,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,YAAW,aAAY;AAChE;"}

package/dist/components/TimeOff/ViewHolidayPolicyDetails/ViewHolidayPolicyDetails.d.ts

@@ -1,6 +1,28 @@
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for the {@link ViewHolidayPolicyDetails} component.
+ *
+ * @public
+ */
 export interface ViewHolidayPolicyDetailsProps extends BaseComponentInterface {
+    /** The associated company identifier. */
     companyId: string;
+    /** Which tab to display initially. Defaults to `'holidays'`. */
     defaultTab?: 'holidays' | 'employees';
 }
+/**
+ * Displays the holiday pay policy for a company with tabbed views of the included holidays and
+ * the enrolled employees.
+ *
+ * @remarks
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `timeOff/backToList` | The user clicked the back navigation. | — |
+ * | `timeOff/holidayAddEmployees` | The user clicked the add-employees action. | — |
+ * | `timeOff/editHolidayPolicy` | The user clicked the edit-policy action. | — |
+ *
+ * @param props - {@link ViewHolidayPolicyDetailsProps}
+ * @returns The rendered holiday policy detail view.
+ * @public
+ */
 export declare function ViewHolidayPolicyDetails(props: ViewHolidayPolicyDetailsProps): import("react").JSX.Element;

package/dist/components/TimeOff/ViewHolidayPolicyDetails/ViewHolidayPolicyDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewHolidayPolicyDetails.js","sources":["../../../../src/components/TimeOff/ViewHolidayPolicyDetails/ViewHolidayPolicyDetails.tsx"],"sourcesContent":["import { HolidayPolicyDetail } from '../HolidayPolicyDetail'\nimport type { BaseComponentInterface } from '@/components/Base'\n\nexport interface ViewHolidayPolicyDetailsProps extends BaseComponentInterface {\n  companyId: string\n  defaultTab?: 'holidays' | 'employees'\n}\n\nexport function ViewHolidayPolicyDetails(props: ViewHolidayPolicyDetailsProps) {\n  return <HolidayPolicyDetail {...props} />\n}\n"],"names":["ViewHolidayPolicyDetails","props","jsx","HolidayPolicyDetail"],"mappings":";;AAQO,SAASA,EAAyBC,GAAsC;AAC7E,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,EAAA,CAAO;AACzC;"}
+{"version":3,"file":"ViewHolidayPolicyDetails.js","sources":["../../../../src/components/TimeOff/ViewHolidayPolicyDetails/ViewHolidayPolicyDetails.tsx"],"sourcesContent":["import { HolidayPolicyDetail } from '../HolidayPolicyDetail'\nimport type { BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for the {@link ViewHolidayPolicyDetails} component.\n *\n * @public\n */\nexport interface ViewHolidayPolicyDetailsProps extends BaseComponentInterface {\n  /** The associated company identifier. */\n  companyId: string\n  /** Which tab to display initially. Defaults to `'holidays'`. */\n  defaultTab?: 'holidays' | 'employees'\n}\n\n/**\n * Displays the holiday pay policy for a company with tabbed views of the included holidays and\n * the enrolled employees.\n *\n * @remarks\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/backToList` | The user clicked the back navigation. | — |\n * | `timeOff/holidayAddEmployees` | The user clicked the add-employees action. | — |\n * | `timeOff/editHolidayPolicy` | The user clicked the edit-policy action. | — |\n *\n * @param props - {@link ViewHolidayPolicyDetailsProps}\n * @returns The rendered holiday policy detail view.\n * @public\n */\nexport function ViewHolidayPolicyDetails(props: ViewHolidayPolicyDetailsProps) {\n  return <HolidayPolicyDetail {...props} />\n}\n"],"names":["ViewHolidayPolicyDetails","props","jsx","HolidayPolicyDetail"],"mappings":";;AA8BO,SAASA,EAAyBC,GAAsC;AAC7E,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,EAAA,CAAO;AACzC;"}

package/dist/components/TimeOff/ViewHolidaySchedule/ViewHolidaySchedule.d.ts

@@ -1,5 +1,27 @@
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for {@link ViewHolidaySchedule}.
+ *
+ * @public
+ */
 export interface ViewHolidayScheduleProps extends BaseComponentInterface {
+    /** The associated company identifier. */
     companyId: string;
 }
+/**
+ * Displays the holiday policy detail view with the holidays tab selected.
+ *
+ * Shows the list of selected holidays with their next observation dates.
+ *
+ * @remarks
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `timeOff/holidayAddEmployees` | Fired when user clicks to add employees | — |
+ * | `timeOff/editHolidayPolicy` | Fired when user clicks to edit holidays | — |
+ * | `timeOff/backToList` | Fired when user navigates back to policy list | — |
+ *
+ * @param props - See {@link ViewHolidayScheduleProps}.
+ * @returns The holiday schedule view.
+ * @public
+ */
 export declare function ViewHolidaySchedule(props: ViewHolidayScheduleProps): import("react").JSX.Element;

package/dist/components/TimeOff/ViewHolidaySchedule/ViewHolidaySchedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewHolidaySchedule.js","sources":["../../../../src/components/TimeOff/ViewHolidaySchedule/ViewHolidaySchedule.tsx"],"sourcesContent":["import { HolidayPolicyDetail } from '../HolidayPolicyDetail'\nimport type { BaseComponentInterface } from '@/components/Base'\n\nexport interface ViewHolidayScheduleProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function ViewHolidaySchedule(props: ViewHolidayScheduleProps) {\n  return <HolidayPolicyDetail {...props} defaultTab=\"holidays\" />\n}\n"],"names":["ViewHolidaySchedule","props","jsx","HolidayPolicyDetail"],"mappings":";;AAOO,SAASA,EAAoBC,GAAiC;AACnE,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,YAAW,YAAW;AAC/D;"}
+{"version":3,"file":"ViewHolidaySchedule.js","sources":["../../../../src/components/TimeOff/ViewHolidaySchedule/ViewHolidaySchedule.tsx"],"sourcesContent":["import { HolidayPolicyDetail } from '../HolidayPolicyDetail'\nimport type { BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for {@link ViewHolidaySchedule}.\n *\n * @public\n */\nexport interface ViewHolidayScheduleProps extends BaseComponentInterface {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the holiday policy detail view with the holidays tab selected.\n *\n * Shows the list of selected holidays with their next observation dates.\n *\n * @remarks\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/holidayAddEmployees` | Fired when user clicks to add employees | — |\n * | `timeOff/editHolidayPolicy` | Fired when user clicks to edit holidays | — |\n * | `timeOff/backToList` | Fired when user navigates back to policy list | — |\n *\n * @param props - See {@link ViewHolidayScheduleProps}.\n * @returns The holiday schedule view.\n * @public\n */\nexport function ViewHolidaySchedule(props: ViewHolidayScheduleProps) {\n  return <HolidayPolicyDetail {...props} defaultTab=\"holidays\" />\n}\n"],"names":["ViewHolidaySchedule","props","jsx","HolidayPolicyDetail"],"mappings":";;AA6BO,SAASA,EAAoBC,GAAiC;AACnE,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,YAAW,YAAW;AAC/D;"}

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

@@ -3,16 +3,20 @@ export { PolicyList } from './PolicyList/PolicyList';
 export type { PolicyListProps } from './PolicyList/PolicyList';
 export { PolicyTypeSelector } from './PolicyTypeSelector/PolicyTypeSelector';
 export type { PolicyTypeSelectorProps } from './PolicyTypeSelector/PolicyTypeSelector';
+export type { PolicyType } from './PolicyTypeSelector/PolicyTypeSelectorTypes';
 export { PolicyConfigurationForm } from './TimeOffManagement/PolicyConfigurationForm';
 export type { PolicyConfigurationFormProps } from './TimeOffManagement/PolicyConfigurationForm';
+export type { PolicyConfigurationFormData, AccrualMethod, AccrualMethodFixed, ResetDateType, } from './TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormTypes';
 export { PolicySettings } from './PolicySettings/PolicySettings';
 export type { PolicySettingsProps } from './PolicySettings/PolicySettings';
 export { PolicySettingsPresentation } from './PolicySettings/PolicySettingsPresentation';
-export type { PolicySettingsPresentationProps } from './PolicySettings/PolicySettingsTypes';
+export type { PolicySettingsPresentationProps, PolicySettingsAccrualMethod, PolicySettingsFormData, } from './PolicySettings/PolicySettingsTypes';
 export { AddEmployeesToPolicy } from './AddEmployeesToPolicy/AddEmployeesToPolicy';
 export type { AddEmployeesToPolicyProps } from './AddEmployeesToPolicy/AddEmployeesToPolicy';
+export type { CreatableTimeOffPolicyType } from './TimeOffFlow/timeOffPolicyTypes';
 export { HolidaySelectionForm } from './HolidaySelectionForm/HolidaySelectionForm';
 export type { HolidaySelectionFormProps } from './HolidaySelectionForm/HolidaySelectionForm';
+export type { HolidayItem } from './HolidaySelectionForm/HolidaySelectionFormTypes';
 export { AddEmployeesHoliday } from './AddEmployeesHoliday/AddEmployeesHoliday';
 export type { AddEmployeesHolidayProps } from './AddEmployeesHoliday/AddEmployeesHoliday';
 export { ViewHolidayEmployees } from './ViewHolidayEmployees/ViewHolidayEmployees';
@@ -22,9 +26,11 @@ export type { ViewHolidayPolicyDetailsProps } from './ViewHolidayPolicyDetails/V
 export { ViewHolidaySchedule } from './ViewHolidaySchedule/ViewHolidaySchedule';
 export type { ViewHolidayScheduleProps } from './ViewHolidaySchedule/ViewHolidaySchedule';
 export type { HolidayPolicyDetailPresentationProps, HolidayPolicyDetailEmployee, } from './HolidayPolicyDetail';
+export type { EmployeeTableItem, PolicyDetailEmployeeTableData, } from './shared/EmployeeTable/EmployeeTableTypes';
+export type { RemoveDialogState } from './shared/PolicyDetailLayout/PolicyDetailLayoutTypes';
 export { TimeOffPolicyDetail } from './TimeOffPolicyDetail/TimeOffPolicyDetail';
 export type { TimeOffPolicyDetailProps } from './TimeOffPolicyDetail/TimeOffPolicyDetail';
 export { TimeOffPolicyDetailPresentation } from './TimeOffPolicyDetail';
-export type { TimeOffPolicyDetailPresentationProps, TimeOffPolicyDetailEmployee, PolicyDetails, PolicySettingsDisplay, } from './TimeOffPolicyDetail';
+export type { TimeOffPolicyDetailPresentationProps, TimeOffPolicyDetailPresentationBaseProps, TimeOffPolicyDetailEmployee, PolicyDetails, UnlimitedPolicyDetails, RateBasedPolicyDetails, RateBasedAccrualMethod, PolicySettingsDisplay, PolicyTypeKey, } from './TimeOffPolicyDetail';
 export { TimeOffFlow } from './TimeOffFlow/TimeOffFlow';
 export type { TimeOffFlowProps } from './TimeOffFlow/TimeOffFlowComponents';

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

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

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":";;;;;;;;;;;AAWO,SAASA,GAA2C;AAAA,EACzD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,mBAAAC,IAAoB,CAAA;AAAA,EACpB,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,GAA0B;AACxB,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAwBpB,EAAY,SAAS,KAAKJ,EAAK,WAAW,GAElEyB,IAAqB,CAACC,MAAkB;AAC5C,IAAArB,EAAeqB,CAAK,GACfA,KAAOpB,EAAA;AAAA,EACd,GAEMqB,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAkB,EAAE,iBAAiB;AAC3C,WAAO,WAA+B;AACpC,aAAO,gBAAAC,EAACC,GAAA,EAAwB,SAASF,EAAA,CAAiB;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,CAAC,CAAC,GAEAG,IAAqBJ,EAAQ,MAC7BJ,KAAyBN,IACpBA,IAELM,IACKG,IAEFV,GACN,CAACO,GAAuBN,GAAkBD,GAAYU,CAAkB,CAAC,GAEtEM,IAAUL;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,MAAM;AAAA,QACf,QAAQ,CAACM,MACP,gBAAAJ,EAAC,QAAA,EAAK,IAAI,iBAAiBI,EAAK,IAAI,IACjC,UAAAC,EAAc;AAAA,UACb,YAAYD,EAAK;AAAA,UACjB,WAAWA,EAAK;AAAA,QAAA,CACjB,EAAA,CACH;AAAA,MAAA;AAAA,MAGJ,GAAI/B,IACA,CAAA,IACA;AAAA,QACE;AAAA,UACE,KAAK;AAAA,UACL,OAAO,EAAE,UAAU;AAAA,UACnB,QAAQ,CAAC+B,MAAYA,EAAK,YAAY;AAAA,QAAA;AAAA,MACxC;AAAA,MAEN,GAAGhC;AAAA,IAAA;AAAA,IAEL,CAAC,GAAGA,GAAmBC,CAAY;AAAA,EAAA,GAG/BiC,IAAgBC,EAAe;AAAA,IACnC,MAAArC;AAAA,IACA,SAAAiC;AAAA,IACA,UAAAnB;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAYgB;AAAA,IACZ,QAAAb;AAAA,IACA,GAAIT,KAAY,EAAE,eAAAD,GAAe,UAAAC,GAAU,aAAAC,GAAa,mBAAAC,GAAmB,eAAAC,EAAA;AAAA,EAAc,CACpE;AAEvB,SACE,gBAAAyB,EAAC,SAAI,WAAWC,EAAO,MAAM,iBAAezB,IAAW,KAAO,QAC3D,UAAA;AAAA,IAAA,CAACN,KACA,gBAAAsB,EAAC,OAAA,EAAI,WAAWS,EAAO,iBACrB,UAAA,gBAAAT;AAAA,MAACR,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,EAAE,aAAa;AAAA,QACtB,yBAAuB;AAAA,QACvB,aAAaf,KAAqB,EAAE,mBAAmB;AAAA,QACvD,OAAOH;AAAA,QACP,UAAUqB;AAAA,QACV,gBAAgB,gBAAAK,EAACU,GAAA,EAAW,eAAW,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA,GAE5C;AAAA,IAEF,gBAAAV,EAACW,KAAS,OAAOxC,KAAS,EAAE,YAAY,GAAI,GAAGmC,EAAA,CAAe;AAAA,EAAA,GAChE;AAEJ;AAEA,SAASL,EAAwB,EAAE,SAAAW,KAAgC;AACjE,QAAM,EAAE,MAAAC,EAAA,IAASpB,EAAA;AACjB,SACE,gBAAAO,EAACc,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA,gBAAAd,EAACa,GAAA,EAAK,MAAK,MAAM,aAAQ,GAC3B;AAEJ;"}
+{"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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"}