npm - @gusto/embedded-react-sdk - Versions diffs - 0.48.1 → 0.48.2 - Mend

@gusto/embedded-react-sdk 0.48.1 → 0.48.2

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

Files changed (494) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditEmployeeBalanceModal.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/EditEmployeeBalanceModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { SDKError } from '@/types/sdkError'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface EditEmployeeBalanceModalProps {\n isOpen: boolean\n onClose: () => void\n employeeName: string\n currentBalance: number\n onConfirm: (newBalance: number) => void\n isPending: boolean\n error?: SDKError \| null\n}\n\nexport function EditEmployeeBalanceModal({\n isOpen,\n onClose,\n employeeName,\n currentBalance,\n onConfirm,\n isPending,\n error,\n}: EditEmployeeBalanceModalProps) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n const { Modal, Heading, NumberInput, Button, Alert } = useComponentContext()\n\n const [balance, setBalance] = useState(currentBalance)\n\n useEffect(() => {\n setBalance(currentBalance)\n }, [currentBalance])\n\n const handleConfirm = () => {\n onConfirm(balance)\n }\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n footer={\n <ActionsLayout>\n <Button variant=\"secondary\" onClick={onClose} isDisabled={isPending}>\n {t('editBalanceModal.cancelCta')}\n </Button>\n <Button variant=\"primary\" onClick={handleConfirm} isLoading={isPending}>\n {t('editBalanceModal.updateCta')}\n </Button>\n </ActionsLayout>\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\" styledAs=\"h3\">\n {t('editBalanceModal.title', { name: employeeName })}\n </Heading>\n {error && <Alert status=\"error\" label={error.message} />}\n <NumberInput\n name=\"balance\"\n label={t('editBalanceModal.balanceLabel')}\n isRequired\n value={balance}\n onChange={setBalance}\n minimumFractionDigits={1}\n maximumFractionDigits={2}\n min={0}\n />\n </Flex>\n </Modal>\n )\n}\n"],"names":["EditEmployeeBalanceModal","isOpen","onClose","employeeName","currentBalance","onConfirm","isPending","error","useI18n","t","useTranslation","Modal","Heading","NumberInput","Button","Alert","useComponentContext","balance","setBalance","useState","useEffect","handleConfirm","jsx","ActionsLayout","jsxs","Flex"],"mappings":";;;;;;;~~AAiBO~~,SAASA,EAAyB;AAAA,EACvC,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AACF,GAAkC;AAChC,EAAAC,EAAQ,sCAAsC;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sCAAsC,GAC7D,EAAE,OAAAC,GAAO,SAAAC,GAAS,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GAEjD,CAACC,GAASC,CAAU,IAAIC,EAASf,CAAc;AAErD,EAAAgB,EAAU,MAAM;AACd,IAAAF,EAAWd,CAAc;AAAA,EAC3B,GAAG,CAACA,CAAc,CAAC;AAEnB,QAAMiB,IAAgB,MAAM;AAC1B,IAAAhB,EAAUY,CAAO;AAAA,EACnB;AAEA,SACE,gBAAAK;AAAA,IAACX;AAAA,IAAA;AAAA,MACC,QAAAV;AAAA,MACA,SAAAC;AAAA,MACA,0BACGqB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAD,EAACR,GAAA,EAAO,SAAQ,aAAY,SAASZ,GAAS,YAAYI,GACvD,UAAAG,EAAE,4BAA4B,EAAA,CACjC;AAAA,QACA,gBAAAa,EAACR,GAAA,EAAO,SAAQ,WAAU,SAASO,GAAe,WAAWf,GAC1D,UAAAG,EAAE,4BAA4B,EAAA,CACjC;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,gBAAAe,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAH,EAACV,GAAA,EAAQ,IAAG,MAAK,UAAS,MACvB,UAAAH,EAAE,0BAA0B,EAAE,MAAMN,EAAA,CAAc,EAAA,CACrD;AAAA,QACCI,KAAS,gBAAAe,EAACP,GAAA,EAAM,QAAO,SAAQ,OAAOR,EAAM,SAAS;AAAA,QACtD,gBAAAe;AAAA,UAACT;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOJ,EAAE,+BAA+B;AAAA,YACxC,YAAU;AAAA,YACV,OAAOQ;AAAA,YACP,UAAUC;AAAA,YACV,uBAAuB;AAAA,YACvB,uBAAuB;AAAA,YACvB,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"EditEmployeeBalanceModal.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/EditEmployeeBalanceModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { SDKError } from '@/types/sdkError'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\n/** @internal /\nexport interface EditEmployeeBalanceModalProps {\n /* Whether the modal is open. /\n isOpen: boolean\n /* Called when the modal requests to close. /\n onClose: () => void\n /* Display name of the employee whose balance is being edited. /\n employeeName: string\n /* Current balance in hours. /\n currentBalance: number\n /* Called with the new balance when the user confirms the change. /\n onConfirm: (newBalance: number) => void\n /* Whether the confirmation is in flight. /\n isPending: boolean\n /* Error to display in the modal, if any. /\n error?: SDKError \| null\n}\n\n/* @internal */\nexport function EditEmployeeBalanceModal({\n isOpen,\n onClose,\n employeeName,\n currentBalance,\n onConfirm,\n isPending,\n error,\n}: EditEmployeeBalanceModalProps) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n const { Modal, Heading, NumberInput, Button, Alert } = useComponentContext()\n\n const [balance, setBalance] = useState(currentBalance)\n\n useEffect(() => {\n setBalance(currentBalance)\n }, [currentBalance])\n\n const handleConfirm = () => {\n onConfirm(balance)\n }\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n footer={\n <ActionsLayout>\n <Button variant=\"secondary\" onClick={onClose} isDisabled={isPending}>\n {t('editBalanceModal.cancelCta')}\n </Button>\n <Button variant=\"primary\" onClick={handleConfirm} isLoading={isPending}>\n {t('editBalanceModal.updateCta')}\n </Button>\n </ActionsLayout>\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\" styledAs=\"h3\">\n {t('editBalanceModal.title', { name: employeeName })}\n </Heading>\n {error && <Alert status=\"error\" label={error.message} />}\n <NumberInput\n name=\"balance\"\n label={t('editBalanceModal.balanceLabel')}\n isRequired\n value={balance}\n onChange={setBalance}\n minimumFractionDigits={1}\n maximumFractionDigits={2}\n min={0}\n />\n </Flex>\n </Modal>\n )\n}\n"],"names":["EditEmployeeBalanceModal","isOpen","onClose","employeeName","currentBalance","onConfirm","isPending","error","useI18n","t","useTranslation","Modal","Heading","NumberInput","Button","Alert","useComponentContext","balance","setBalance","useState","useEffect","handleConfirm","jsx","ActionsLayout","jsxs","Flex"],"mappings":";;;;;;;AA0BO,SAASA,EAAyB;AAAA,EACvC,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AACF,GAAkC;AAChC,EAAAC,EAAQ,sCAAsC;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sCAAsC,GAC7D,EAAE,OAAAC,GAAO,SAAAC,GAAS,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GAEjD,CAACC,GAASC,CAAU,IAAIC,EAASf,CAAc;AAErD,EAAAgB,EAAU,MAAM;AACd,IAAAF,EAAWd,CAAc;AAAA,EAC3B,GAAG,CAACA,CAAc,CAAC;AAEnB,QAAMiB,IAAgB,MAAM;AAC1B,IAAAhB,EAAUY,CAAO;AAAA,EACnB;AAEA,SACE,gBAAAK;AAAA,IAACX;AAAA,IAAA;AAAA,MACC,QAAAV;AAAA,MACA,SAAAC;AAAA,MACA,0BACGqB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAD,EAACR,GAAA,EAAO,SAAQ,aAAY,SAASZ,GAAS,YAAYI,GACvD,UAAAG,EAAE,4BAA4B,EAAA,CACjC;AAAA,QACA,gBAAAa,EAACR,GAAA,EAAO,SAAQ,WAAU,SAASO,GAAe,WAAWf,GAC1D,UAAAG,EAAE,4BAA4B,EAAA,CACjC;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,gBAAAe,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAH,EAACV,GAAA,EAAQ,IAAG,MAAK,UAAS,MACvB,UAAAH,EAAE,0BAA0B,EAAE,MAAMN,EAAA,CAAc,EAAA,CACrD;AAAA,QACCI,KAAS,gBAAAe,EAACP,GAAA,EAAM,QAAO,SAAQ,OAAOR,EAAM,SAAS;AAAA,QACtD,gBAAAe;AAAA,UAACT;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOJ,EAAE,+BAA+B;AAAA,YACxC,YAAU;AAAA,YACV,OAAOQ;AAAA,YACP,UAAUC;AAAA,YACV,uBAAuB;AAAA,YACvB,uBAAuB;AAAA,YACvB,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetail.d.ts CHANGED Viewed

@@ -1,5 +1,30 @@
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for {@link TimeOffPolicyDetail}.
+ *
+ * @public
+ */
 export interface TimeOffPolicyDetailProps extends BaseComponentInterface {
+    /** UUID of the time-off policy to display. */
     policyId: string;
 }
+/**
+ * Detail view for a sick or vacation time-off policy.
+ *
+ * @remarks
+ * Loads the policy and its enrolled employees, then renders the tabbed detail view with
+ * actions for editing the policy, adding or removing employees, and adjusting individual
+ * balances. Editable actions are only shown for sick and vacation policies.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `timeOff/addEmployeesToPolicy` | The add-employees action was clicked. | `{ policyId: string }` |
+ * | `timeOff/backToList` | The back navigation was clicked. | — |
+ * | `timeOff/changeSettings` | The change-settings action was clicked. | `{ policyId: string }` |
+ * | `timeOff/editPolicy` | The edit-policy action was clicked. | `{ policyId: string }` |
+ *
+ * @param props - The policy id and standard base component props (`onEvent`, `dictionary`, etc.).
+ * @returns The rendered detail view.
+ * @public
+ */
 export declare function TimeOffPolicyDetail(props: TimeOffPolicyDetailProps): import("react").JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeOffPolicyDetail.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetail.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesGet'\nimport { useTimeOffPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesRemoveEmployees'\nimport { useTimeOffPoliciesUpdateBalanceMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesUpdateBalance'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesList'\nimport type { TimeOffPolicy } from '@gusto/embedded-api-v-2025-11-15/models/components/timeoffpolicy'\nimport { UnprocessableEntityError } from '@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { TimeOffPolicyDetailPresentation } from './TimeOffPolicyDetailPresentation'\nimport { EditEmployeeBalanceModal } from './EditEmployeeBalanceModal'\nimport type {\n TimeOffPolicyDetailEmployee,\n AccrualMethodKey,\n PolicyDetails,\n PolicySettingsDisplay,\n PolicyTypeKey,\n} from './TimeOffPolicyDetailTypes'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { isEditableTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\nimport EditIcon from '@/assets/icons/edit-02.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface TimeOffPolicyDetailProps extends BaseComponentInterface {\n policyId: string\n}\n\nexport function TimeOffPolicyDetail(props: TimeOffPolicyDetailProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props} />\n </BaseComponent>\n )\n}\n\nconst API_ACCRUAL_METHOD_MAP: Record<string, AccrualMethodKey> = {\n unlimited: 'unlimited',\n per_pay_period: 'perPayPeriod',\n per_calendar_year: 'perCalendarYear',\n per_anniversary_year: 'perAnniversaryYear',\n per_hour_worked: 'perHourWorked',\n per_hour_worked_no_overtime: 'perHourWorkedNoOvertime',\n per_hour_paid: 'perHourPaid',\n per_hour_paid_no_overtime: 'perHourPaidNoOvertime',\n}\n\nfunction mapAccrualMethod(apiMethod: string): AccrualMethodKey {\n return API_ACCRUAL_METHOD_MAP[apiMethod] ?? 'unlimited'\n}\n\nfunction mapPolicyType(apiType: string): PolicyTypeKey {\n if (apiType === 'sick') return 'sick'\n return 'vacation'\n}\n\nfunction formatResetDate(\n resetDate: string \| null \| undefined,\n locale?: string,\n): string \| undefined {\n if (!resetDate) return undefined\n const [month, day] = resetDate.split('-')\n if (!month \|\| !day) return resetDate\n const date = new Date(2000, parseInt(month, 10) - 1, parseInt(day, 10))\n return date.toLocaleDateString(locale, { month: 'long', day: 'numeric' })\n}\n\nfunction derivePolicyDetails(policy: TimeOffPolicy, locale?: string): PolicyDetails {\n const policyType = mapPolicyType(policy.policyType)\n const accrualMethod = mapAccrualMethod(policy.accrualMethod)\n\n if (accrualMethod === 'unlimited') {\n return { policyType, accrualMethod }\n }\n\n return {\n policyType,\n accrualMethod,\n accrualRate: policy.accrualRate ? Number(policy.accrualRate) : 0,\n accrualRateUnit: policy.accrualRateUnit ? Number(policy.accrualRateUnit) : undefined,\n resetDate: formatResetDate(policy.policyResetDate, locale),\n }\n}\n\nfunction derivePolicySettings(policy: TimeOffPolicy): PolicySettingsDisplay \| undefined {\n if (policy.accrualMethod === 'unlimited') return undefined\n\n return {\n maxAccrualHoursPerYear:\n policy.maxAccrualHoursPerYear != null ? Number(policy.maxAccrualHoursPerYear) : null,\n maxHours: policy.maxHours != null ? Number(policy.maxHours) : null,\n carryoverLimitHours:\n policy.carryoverLimitHours != null ? Number(policy.carryoverLimitHours) : null,\n accrualWaitingPeriodDays: policy.accrualWaitingPeriodDays ?? null,\n paidOutOnTermination: policy.paidOutOnTermination ?? false,\n }\n}\n\nfunction deriveEmployees(\n policy: TimeOffPolicy,\n allEmployees: Array<{\n uuid: string\n firstName?: string \| null\n lastName?: string \| null\n jobs?: Array<{ primary?: boolean; title?: string \| null }> \| null\n }>,\n): TimeOffPolicyDetailEmployee[] {\n const employeeMap = new Map(allEmployees.map(e => [e.uuid, e]))\n return policy.employees.map(policyEmp => {\n const emp = employeeMap.get(policyEmp.uuid ?? '')\n const primaryJob = emp?.jobs?.find(job => job.primary)\n return {\n uuid: policyEmp.uuid ?? '',\n firstName: emp?.firstName ?? null,\n lastName: emp?.lastName ?? null,\n jobTitle: primaryJob?.title ?? emp?.jobs?.[0]?.title ?? null,\n balance: policyEmp.balance != null ? Number(policyEmp.balance) : null,\n }\n })\n}\n\ninterface EditBalanceState {\n employeeUuid: string\n employeeName: string\n currentBalance: number\n}\n\nfunction Root({ policyId }: TimeOffPolicyDetailProps) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n const { onEvent, baseSubmitHandler, error, setError } = useBase()\n const { Button } = useComponentContext()\n const { locale } = useLocale()\n const queryClient = useQueryClient()\n\n const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n timeOffPolicyUuid: policyId,\n })\n\n const { mutateAsync: removeEmployees, isPending: isRemovePending } =\n useTimeOffPoliciesRemoveEmployeesMutation()\n const { mutateAsync: updateBalance, isPending: isBalancePending } =\n useTimeOffPoliciesUpdateBalanceMutation()\n\n const policy = policyResponse.timeOffPolicy\n if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n const isEditable = isEditableTimeOffPolicyType(policy.policyType)\n\n const { data: employeesData } = useEmployeesListSuspense({\n companyId: policy.companyUuid,\n terminated: false,\n })\n\n const [selectedTabId, setSelectedTabId] = useState('details')\n const [searchValue, setSearchValue] = useState('')\n const [successAlert, setSuccessAlert] = useState<string \| undefined>()\n const [removeTarget, setRemoveTarget] = useState<{\n uuid: string\n name: string\n } \| null>(null)\n const [editBalanceState, setEditBalanceState] = useState<EditBalanceState \| null>(null)\n\n const policyDetails = useMemo(() => derivePolicyDetails(policy, locale), [policy, locale])\n const policySettings = useMemo(() => derivePolicySettings(policy), [policy])\n const employees = useMemo(\n () => deriveEmployees(policy, employeesData.showEmployees ?? []),\n [policy, employeesData.showEmployees],\n )\n\n const filteredEmployees = useMemo(() => {\n if (!searchValue.trim()) return employees\n const query = searchValue.toLowerCase()\n return employees.filter(emp => {\n const fullName = `${emp.firstName ?? ''} ${emp.lastName ?? ''}`.toLowerCase()\n return fullName.includes(query)\n })\n }, [employees, searchValue])\n\n const invalidatePolicy = useCallback(() => {\n void queryClient.invalidateQueries({\n queryKey: ['@gusto/embedded-api-v-2025-11-15', 'timeOffPolicies', 'get'],\n })\n }, [queryClient])\n\n const handleRemoveEmployee = useCallback(\n async (employeeUuid: string, employeeName: string) => {\n setRemoveTarget(null)\n await baseSubmitHandler({}, async () => {\n await removeEmployees({\n request: {\n timeOffPolicyUuid: policyId,\n requestBody: { employees: [{ uuid: employeeUuid }] },\n },\n })\n invalidatePolicy()\n setSuccessAlert(t('flash.employeeRemoved', { name: employeeName }))\n })\n },\n [baseSubmitHandler, removeEmployees, policyId, invalidatePolicy, t],\n )\n\n const handleUpdateBalance = useCallback(\n async (newBalance: number) => {\n if (!editBalanceState) return\n await baseSubmitHandler({}, async () => {\n try {\n await updateBalance({\n request: {\n timeOffPolicyUuid: policyId,\n requestBody: {\n employees: [{ uuid: editBalanceState.employeeUuid, balance: String(newBalance) }],\n },\n },\n })\n } catch (err) {\n if (err instanceof UnprocessableEntityError) {\n const maxHours = policy.maxHours != null ? Number(policy.maxHours) : null\n const hasLimitViolation = err.errors.some(\n e =>\n e.message === 'LIMIT_VIOLATION_MAX_HOURS' \|\|\n e.category === 'invalid_attribute_value',\n )\n if (hasLimitViolation && maxHours != null) {\n throw new SDKInternalError(\n t('editBalanceModal.errors.balanceExceedsMax', { max: maxHours }),\n 'api_error',\n )\n }\n const messages = err.errors.map(e => e.message).filter(Boolean)\n throw new SDKInternalError(\n messages.join('. ') \|\| t('editBalanceModal.errors.updateFailed'),\n 'api_error',\n )\n }\n throw err\n }\n invalidatePolicy()\n setEditBalanceState(null)\n setSuccessAlert(t('flash.balanceUpdated', { name: editBalanceState.employeeName }))\n })\n },\n [\n baseSubmitHandler,\n updateBalance,\n policyId,\n editBalanceState,\n invalidatePolicy,\n t,\n policy.maxHours,\n ],\n )\n\n const handleAddEmployees = useCallback(() => {\n onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_TO_POLICY, { policyId })\n }, [onEvent, policyId])\n\n const actions = useMemo(() => {\n if (!isEditable) return undefined\n return [\n <Button\n key=\"add\"\n variant=\"secondary\"\n icon={<PlusCircleIcon aria-hidden />}\n onClick={handleAddEmployees}\n >\n {t('addEmployeeCta')}\n </Button>,\n <Button\n key=\"edit\"\n variant=\"secondary\"\n icon={<EditIcon aria-hidden />}\n onClick={() => {\n onEvent(componentEvents.TIME_OFF_EDIT_POLICY, { policyId })\n }}\n >\n {t('editPolicyCta')}\n </Button>,\n ]\n }, [Button, onEvent, policyId, t, isEditable, handleAddEmployees])\n\n const isUnlimited = policy.accrualMethod === 'unlimited'\n\n const itemMenu = useCallback(\n (employee: TimeOffPolicyDetailEmployee) => {\n const employeeName = `${employee.firstName ?? ''} ${employee.lastName ?? ''}`.trim()\n const items = [\n ...(!isUnlimited\n ? [\n {\n label: t('employeeTable.editBalance'),\n icon: <EditIcon aria-hidden />,\n onClick: () => {\n setError(null)\n setEditBalanceState({\n employeeUuid: employee.uuid,\n employeeName,\n currentBalance: employee.balance ?? 0,\n })\n },\n },\n ]\n : []),\n {\n label: t('employeeTable.removeEmployee'),\n icon: <TrashCanSvg aria-hidden />,\n onClick: () => {\n setRemoveTarget({ uuid: employee.uuid, name: employeeName })\n },\n },\n ]\n return (\n <HamburgerMenu\n items={items}\n triggerLabel={`${t('employeeTable.actions')} ${employeeName}`}\n />\n )\n },\n [t, isUnlimited, setError],\n )\n\n const discriminatedProps =\n policyDetails.accrualMethod === 'unlimited'\n ? { policyDetails }\n : {\n policyDetails,\n policySettings: policySettings!,\n onChangeSettings: isEditable\n ? () => {\n onEvent(componentEvents.TIME_OFF_CHANGE_SETTINGS, { policyId })\n }\n : undefined,\n }\n\n return (\n <>\n <TimeOffPolicyDetailPresentation\n {...discriminatedProps}\n title={policy.name}\n subtitle={t(`subtitle.${policyDetails.policyType}`)}\n onBack={() => {\n onEvent(componentEvents.TIME_OFF_BACK_TO_LIST)\n }}\n backLabel={t('breadcrumb')}\n actions={actions}\n selectedTabId={selectedTabId}\n onTabChange={setSelectedTabId}\n employees={{\n data: filteredEmployees,\n searchValue,\n onSearchChange: setSearchValue,\n onSearchClear: () => {\n setSearchValue('')\n },\n ...(isEditable ? { itemMenu } : {}),\n }}\n onAddEmployee={isEditable ? handleAddEmployees : undefined}\n removeDialog={{\n isOpen: removeTarget !== null,\n employeeName: removeTarget?.name ?? '',\n onConfirm: () => {\n if (removeTarget) {\n void handleRemoveEmployee(removeTarget.uuid, removeTarget.name)\n }\n },\n onClose: () => {\n setRemoveTarget(null)\n },\n isPending: isRemovePending,\n }}\n successAlert={successAlert}\n onDismissAlert={() => {\n setSuccessAlert(undefined)\n }}\n />\n\n <EditEmployeeBalanceModal\n isOpen={editBalanceState !== null}\n onClose={() => {\n setEditBalanceState(null)\n setError(null)\n }}\n employeeName={editBalanceState?.employeeName ?? ''}\n currentBalance={editBalanceState?.currentBalance ?? 0}\n onConfirm={handleUpdateBalance}\n isPending={isBalancePending}\n error={error}\n />\n </>\n )\n}\n"],"names":["TimeOffPolicyDetail","props","jsx","BaseComponent","Root","API_ACCRUAL_METHOD_MAP","mapAccrualMethod","apiMethod","mapPolicyType","apiType","formatResetDate","resetDate","locale","month","day","derivePolicyDetails","policy","policyType","accrualMethod","derivePolicySettings","deriveEmployees","allEmployees","employeeMap","e","policyEmp","emp","primaryJob","job","policyId","useI18n","t","useTranslation","onEvent","baseSubmitHandler","error","setError","useBase","Button","useComponentContext","useLocale","queryClient","useQueryClient","policyResponse","useTimeOffPoliciesGetSuspense","removeEmployees","isRemovePending","useTimeOffPoliciesRemoveEmployeesMutation","updateBalance","isBalancePending","useTimeOffPoliciesUpdateBalanceMutation","isEditable","isEditableTimeOffPolicyType","employeesData","useEmployeesListSuspense","selectedTabId","setSelectedTabId","useState","searchValue","setSearchValue","successAlert","setSuccessAlert","removeTarget","setRemoveTarget","editBalanceState","setEditBalanceState","policyDetails","useMemo","policySettings","employees","filteredEmployees","query","invalidatePolicy","useCallback","handleRemoveEmployee","employeeUuid","employeeName","handleUpdateBalance","newBalance","err","UnprocessableEntityError","maxHours","SDKInternalError","messages","handleAddEmployees","componentEvents","actions","PlusCircleIcon","EditIcon","isUnlimited","itemMenu","employee","items","TrashCanSvg","HamburgerMenu","discriminatedProps","jsxs","Fragment","TimeOffPolicyDetailPresentation","EditEmployeeBalanceModal"],"mappings":"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"}
1	+ {"version":3,"file":"TimeOffPolicyDetail.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetail.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesGet'\nimport { useTimeOffPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesRemoveEmployees'\nimport { useTimeOffPoliciesUpdateBalanceMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesUpdateBalance'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesList'\nimport type { TimeOffPolicy } from '@gusto/embedded-api-v-2025-11-15/models/components/timeoffpolicy'\nimport { UnprocessableEntityError } from '@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { TimeOffPolicyDetailPresentation } from './TimeOffPolicyDetailPresentation'\nimport { EditEmployeeBalanceModal } from './EditEmployeeBalanceModal'\nimport type {\n TimeOffPolicyDetailEmployee,\n AccrualMethodKey,\n PolicyDetails,\n PolicySettingsDisplay,\n PolicyTypeKey,\n} from './TimeOffPolicyDetailTypes'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { isEditableTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\nimport EditIcon from '@/assets/icons/edit-02.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\n/*\n Props for {@link TimeOffPolicyDetail}.\n \n @public\n /\nexport interface TimeOffPolicyDetailProps extends BaseComponentInterface {\n /* UUID of the time-off policy to display. /\n policyId: string\n}\n\n/\n Detail view for a sick or vacation time-off policy.\n \n @remarks\n * Loads the policy and its enrolled employees, then renders the tabbed detail view with\n * actions for editing the policy, adding or removing employees, and adjusting individual\n * balances. Editable actions are only shown for sick and vacation policies.\n \n \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `timeOff/addEmployeesToPolicy` \| The add-employees action was clicked. \| `{ policyId: string }` \|\n * \| `timeOff/backToList` \| The back navigation was clicked. \| — \|\n * \| `timeOff/changeSettings` \| The change-settings action was clicked. \| `{ policyId: string }` \|\n * \| `timeOff/editPolicy` \| The edit-policy action was clicked. \| `{ policyId: string }` \|\n \n @param props - The policy id and standard base component props (`onEvent`, `dictionary`, etc.).\n * @returns The rendered detail view.\n * @public\n */\nexport function TimeOffPolicyDetail(props: TimeOffPolicyDetailProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props} />\n </BaseComponent>\n )\n}\n\nconst API_ACCRUAL_METHOD_MAP: Record<string, AccrualMethodKey> = {\n unlimited: 'unlimited',\n per_pay_period: 'perPayPeriod',\n per_calendar_year: 'perCalendarYear',\n per_anniversary_year: 'perAnniversaryYear',\n per_hour_worked: 'perHourWorked',\n per_hour_worked_no_overtime: 'perHourWorkedNoOvertime',\n per_hour_paid: 'perHourPaid',\n per_hour_paid_no_overtime: 'perHourPaidNoOvertime',\n}\n\nfunction mapAccrualMethod(apiMethod: string): AccrualMethodKey {\n return API_ACCRUAL_METHOD_MAP[apiMethod] ?? 'unlimited'\n}\n\nfunction mapPolicyType(apiType: string): PolicyTypeKey {\n if (apiType === 'sick') return 'sick'\n return 'vacation'\n}\n\nfunction formatResetDate(\n resetDate: string \| null \| undefined,\n locale?: string,\n): string \| undefined {\n if (!resetDate) return undefined\n const [month, day] = resetDate.split('-')\n if (!month \|\| !day) return resetDate\n const date = new Date(2000, parseInt(month, 10) - 1, parseInt(day, 10))\n return date.toLocaleDateString(locale, { month: 'long', day: 'numeric' })\n}\n\nfunction derivePolicyDetails(policy: TimeOffPolicy, locale?: string): PolicyDetails {\n const policyType = mapPolicyType(policy.policyType)\n const accrualMethod = mapAccrualMethod(policy.accrualMethod)\n\n if (accrualMethod === 'unlimited') {\n return { policyType, accrualMethod }\n }\n\n return {\n policyType,\n accrualMethod,\n accrualRate: policy.accrualRate ? Number(policy.accrualRate) : 0,\n accrualRateUnit: policy.accrualRateUnit ? Number(policy.accrualRateUnit) : undefined,\n resetDate: formatResetDate(policy.policyResetDate, locale),\n }\n}\n\nfunction derivePolicySettings(policy: TimeOffPolicy): PolicySettingsDisplay \| undefined {\n if (policy.accrualMethod === 'unlimited') return undefined\n\n return {\n maxAccrualHoursPerYear:\n policy.maxAccrualHoursPerYear != null ? Number(policy.maxAccrualHoursPerYear) : null,\n maxHours: policy.maxHours != null ? Number(policy.maxHours) : null,\n carryoverLimitHours:\n policy.carryoverLimitHours != null ? Number(policy.carryoverLimitHours) : null,\n accrualWaitingPeriodDays: policy.accrualWaitingPeriodDays ?? null,\n paidOutOnTermination: policy.paidOutOnTermination ?? false,\n }\n}\n\nfunction deriveEmployees(\n policy: TimeOffPolicy,\n allEmployees: Array<{\n uuid: string\n firstName?: string \| null\n lastName?: string \| null\n jobs?: Array<{ primary?: boolean; title?: string \| null }> \| null\n }>,\n): TimeOffPolicyDetailEmployee[] {\n const employeeMap = new Map(allEmployees.map(e => [e.uuid, e]))\n return policy.employees.map(policyEmp => {\n const emp = employeeMap.get(policyEmp.uuid ?? '')\n const primaryJob = emp?.jobs?.find(job => job.primary)\n return {\n uuid: policyEmp.uuid ?? '',\n firstName: emp?.firstName ?? null,\n lastName: emp?.lastName ?? null,\n jobTitle: primaryJob?.title ?? emp?.jobs?.[0]?.title ?? null,\n balance: policyEmp.balance != null ? Number(policyEmp.balance) : null,\n }\n })\n}\n\ninterface EditBalanceState {\n employeeUuid: string\n employeeName: string\n currentBalance: number\n}\n\nfunction Root({ policyId }: TimeOffPolicyDetailProps) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n const { onEvent, baseSubmitHandler, error, setError } = useBase()\n const { Button } = useComponentContext()\n const { locale } = useLocale()\n const queryClient = useQueryClient()\n\n const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n timeOffPolicyUuid: policyId,\n })\n\n const { mutateAsync: removeEmployees, isPending: isRemovePending } =\n useTimeOffPoliciesRemoveEmployeesMutation()\n const { mutateAsync: updateBalance, isPending: isBalancePending } =\n useTimeOffPoliciesUpdateBalanceMutation()\n\n const policy = policyResponse.timeOffPolicy\n if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n const isEditable = isEditableTimeOffPolicyType(policy.policyType)\n\n const { data: employeesData } = useEmployeesListSuspense({\n companyId: policy.companyUuid,\n terminated: false,\n })\n\n const [selectedTabId, setSelectedTabId] = useState('details')\n const [searchValue, setSearchValue] = useState('')\n const [successAlert, setSuccessAlert] = useState<string \| undefined>()\n const [removeTarget, setRemoveTarget] = useState<{\n uuid: string\n name: string\n } \| null>(null)\n const [editBalanceState, setEditBalanceState] = useState<EditBalanceState \| null>(null)\n\n const policyDetails = useMemo(() => derivePolicyDetails(policy, locale), [policy, locale])\n const policySettings = useMemo(() => derivePolicySettings(policy), [policy])\n const employees = useMemo(\n () => deriveEmployees(policy, employeesData.showEmployees ?? []),\n [policy, employeesData.showEmployees],\n )\n\n const filteredEmployees = useMemo(() => {\n if (!searchValue.trim()) return employees\n const query = searchValue.toLowerCase()\n return employees.filter(emp => {\n const fullName = `${emp.firstName ?? ''} ${emp.lastName ?? ''}`.toLowerCase()\n return fullName.includes(query)\n })\n }, [employees, searchValue])\n\n const invalidatePolicy = useCallback(() => {\n void queryClient.invalidateQueries({\n queryKey: ['@gusto/embedded-api-v-2025-11-15', 'timeOffPolicies', 'get'],\n })\n }, [queryClient])\n\n const handleRemoveEmployee = useCallback(\n async (employeeUuid: string, employeeName: string) => {\n setRemoveTarget(null)\n await baseSubmitHandler({}, async () => {\n await removeEmployees({\n request: {\n timeOffPolicyUuid: policyId,\n requestBody: { employees: [{ uuid: employeeUuid }] },\n },\n })\n invalidatePolicy()\n setSuccessAlert(t('flash.employeeRemoved', { name: employeeName }))\n })\n },\n [baseSubmitHandler, removeEmployees, policyId, invalidatePolicy, t],\n )\n\n const handleUpdateBalance = useCallback(\n async (newBalance: number) => {\n if (!editBalanceState) return\n await baseSubmitHandler({}, async () => {\n try {\n await updateBalance({\n request: {\n timeOffPolicyUuid: policyId,\n requestBody: {\n employees: [{ uuid: editBalanceState.employeeUuid, balance: String(newBalance) }],\n },\n },\n })\n } catch (err) {\n if (err instanceof UnprocessableEntityError) {\n const maxHours = policy.maxHours != null ? Number(policy.maxHours) : null\n const hasLimitViolation = err.errors.some(\n e =>\n e.message === 'LIMIT_VIOLATION_MAX_HOURS' \|\|\n e.category === 'invalid_attribute_value',\n )\n if (hasLimitViolation && maxHours != null) {\n throw new SDKInternalError(\n t('editBalanceModal.errors.balanceExceedsMax', { max: maxHours }),\n 'api_error',\n )\n }\n const messages = err.errors.map(e => e.message).filter(Boolean)\n throw new SDKInternalError(\n messages.join('. ') \|\| t('editBalanceModal.errors.updateFailed'),\n 'api_error',\n )\n }\n throw err\n }\n invalidatePolicy()\n setEditBalanceState(null)\n setSuccessAlert(t('flash.balanceUpdated', { name: editBalanceState.employeeName }))\n })\n },\n [\n baseSubmitHandler,\n updateBalance,\n policyId,\n editBalanceState,\n invalidatePolicy,\n t,\n policy.maxHours,\n ],\n )\n\n const handleAddEmployees = useCallback(() => {\n onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_TO_POLICY, { policyId })\n }, [onEvent, policyId])\n\n const actions = useMemo(() => {\n if (!isEditable) return undefined\n return [\n <Button\n key=\"add\"\n variant=\"secondary\"\n icon={<PlusCircleIcon aria-hidden />}\n onClick={handleAddEmployees}\n >\n {t('addEmployeeCta')}\n </Button>,\n <Button\n key=\"edit\"\n variant=\"secondary\"\n icon={<EditIcon aria-hidden />}\n onClick={() => {\n onEvent(componentEvents.TIME_OFF_EDIT_POLICY, { policyId })\n }}\n >\n {t('editPolicyCta')}\n </Button>,\n ]\n }, [Button, onEvent, policyId, t, isEditable, handleAddEmployees])\n\n const isUnlimited = policy.accrualMethod === 'unlimited'\n\n const itemMenu = useCallback(\n (employee: TimeOffPolicyDetailEmployee) => {\n const employeeName = `${employee.firstName ?? ''} ${employee.lastName ?? ''}`.trim()\n const items = [\n ...(!isUnlimited\n ? [\n {\n label: t('employeeTable.editBalance'),\n icon: <EditIcon aria-hidden />,\n onClick: () => {\n setError(null)\n setEditBalanceState({\n employeeUuid: employee.uuid,\n employeeName,\n currentBalance: employee.balance ?? 0,\n })\n },\n },\n ]\n : []),\n {\n label: t('employeeTable.removeEmployee'),\n icon: <TrashCanSvg aria-hidden />,\n onClick: () => {\n setRemoveTarget({ uuid: employee.uuid, name: employeeName })\n },\n },\n ]\n return (\n <HamburgerMenu\n items={items}\n triggerLabel={`${t('employeeTable.actions')} ${employeeName}`}\n />\n )\n },\n [t, isUnlimited, setError],\n )\n\n const discriminatedProps =\n policyDetails.accrualMethod === 'unlimited'\n ? { policyDetails }\n : {\n policyDetails,\n policySettings: policySettings!,\n onChangeSettings: isEditable\n ? () => {\n onEvent(componentEvents.TIME_OFF_CHANGE_SETTINGS, { policyId })\n }\n : undefined,\n }\n\n return (\n <>\n <TimeOffPolicyDetailPresentation\n {...discriminatedProps}\n title={policy.name}\n subtitle={t(`subtitle.${policyDetails.policyType}`)}\n onBack={() => {\n onEvent(componentEvents.TIME_OFF_BACK_TO_LIST)\n }}\n backLabel={t('breadcrumb')}\n actions={actions}\n selectedTabId={selectedTabId}\n onTabChange={setSelectedTabId}\n employees={{\n data: filteredEmployees,\n searchValue,\n onSearchChange: setSearchValue,\n onSearchClear: () => {\n setSearchValue('')\n },\n ...(isEditable ? { itemMenu } : {}),\n }}\n onAddEmployee={isEditable ? handleAddEmployees : undefined}\n removeDialog={{\n isOpen: removeTarget !== null,\n employeeName: removeTarget?.name ?? '',\n onConfirm: () => {\n if (removeTarget) {\n void handleRemoveEmployee(removeTarget.uuid, removeTarget.name)\n }\n },\n onClose: () => {\n setRemoveTarget(null)\n },\n isPending: isRemovePending,\n }}\n successAlert={successAlert}\n onDismissAlert={() => {\n setSuccessAlert(undefined)\n }}\n />\n\n <EditEmployeeBalanceModal\n isOpen={editBalanceState !== null}\n onClose={() => {\n setEditBalanceState(null)\n setError(null)\n }}\n employeeName={editBalanceState?.employeeName ?? ''}\n currentBalance={editBalanceState?.currentBalance ?? 0}\n onConfirm={handleUpdateBalance}\n isPending={isBalancePending}\n error={error}\n />\n </>\n )\n}\n"],"names":["TimeOffPolicyDetail","props","jsx","BaseComponent","Root","API_ACCRUAL_METHOD_MAP","mapAccrualMethod","apiMethod","mapPolicyType","apiType","formatResetDate","resetDate","locale","month","day","derivePolicyDetails","policy","policyType","accrualMethod","derivePolicySettings","deriveEmployees","allEmployees","employeeMap","e","policyEmp","emp","primaryJob","job","policyId","useI18n","t","useTranslation","onEvent","baseSubmitHandler","error","setError","useBase","Button","useComponentContext","useLocale","queryClient","useQueryClient","policyResponse","useTimeOffPoliciesGetSuspense","removeEmployees","isRemovePending","useTimeOffPoliciesRemoveEmployeesMutation","updateBalance","isBalancePending","useTimeOffPoliciesUpdateBalanceMutation","isEditable","isEditableTimeOffPolicyType","employeesData","useEmployeesListSuspense","selectedTabId","setSelectedTabId","useState","searchValue","setSearchValue","successAlert","setSuccessAlert","removeTarget","setRemoveTarget","editBalanceState","setEditBalanceState","policyDetails","useMemo","policySettings","employees","filteredEmployees","query","invalidatePolicy","useCallback","handleRemoveEmployee","employeeUuid","employeeName","handleUpdateBalance","newBalance","err","UnprocessableEntityError","maxHours","SDKInternalError","messages","handleAddEmployees","componentEvents","actions","PlusCircleIcon","EditIcon","isUnlimited","itemMenu","employee","items","TrashCanSvg","HamburgerMenu","discriminatedProps","jsxs","Fragment","TimeOffPolicyDetailPresentation","EditEmployeeBalanceModal"],"mappings":"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"}

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.d.ts CHANGED Viewed

@@ -1,2 +1,16 @@
 import { TimeOffPolicyDetailPresentationProps } from './TimeOffPolicyDetailTypes';
+/**
+ * Presentational detail view for sick and vacation time-off policies.
+ *
+ * @remarks
+ * Displays policy configuration and accrual settings in a tabbed interface alongside the
+ * list of enrolled employees. Provides actions for editing the policy, changing settings,
+ * adding employees, removing employees, and editing individual employee balances. This
+ * component is fully controlled — pass in the data, selected tab, and dialog state and wire
+ * up the callbacks. The corresponding container component is {@link TimeOffPolicyDetail}.
+ *
+ * @param input - See {@link TimeOffPolicyDetailPresentationProps}.
+ * @returns The rendered detail view.
+ * @public
+ */
 export declare function TimeOffPolicyDetailPresentation({ title, subtitle, onBack, backLabel, actions, policyDetails, policySettings, onChangeSettings, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, }: TimeOffPolicyDetailPresentationProps): import("react").JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeOffPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type {\n TimeOffPolicyDetailPresentationProps,\n TimeOffPolicyDetailEmployee,\n PolicyDetails,\n PolicySettingsDisplay,\n} from './TimeOffPolicyDetailTypes'\nimport styles from './TimeOffPolicyDetail.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst DETAILS_TAB_ID = 'details'\n\nexport function TimeOffPolicyDetailPresentation({\n title,\n subtitle,\n onBack,\n backLabel,\n actions,\n policyDetails,\n policySettings,\n onChangeSettings,\n selectedTabId,\n onTabChange,\n employees,\n onAddEmployee,\n removeDialog,\n successAlert,\n onDismissAlert,\n}: TimeOffPolicyDetailPresentationProps) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n\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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"}
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\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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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\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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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;