@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.2

package/dist/components/Employee/EmployeeList/EmployeeListView.js

@@ -0,0 +1,130 @@
+import { jsx as e, jsxs as o, Fragment as L } from "react/jsx-runtime";
+import { useState as k } from "react";
+import { useTranslation as A } from "react-i18next";
+import { Flex as m } from "../../Common/Flex/Flex.js";
+import { EmptyData as S } from "../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as f } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as x } from "../../Common/OnboardingStatusBadge/index.js";
+import s from "../../../assets/icons/pencil.svg.js";
+import E from "../../../assets/icons/trashcan.svg.js";
+import { firstLastName as P } from "../../../helpers/formattedStrings.js";
+import p from "../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as B } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as j } from "../../Common/DataView/useDataView.js";
+import { DataView as V } from "../../Common/DataView/DataView.js";
+function W({
+  employees: r,
+  isFetching: g,
+  pagination: h,
+  status: C,
+  onEdit: b,
+  onDelete: D,
+  onCancelSelfOnboarding: v,
+  onReview: w,
+  onAddEmployee: d,
+  onSkip: u
+}) {
+  const { t } = A("Employee.EmployeeList"), n = T(), [l, c] = k(null), { ...y } = j({
+    data: r,
+    columns: [
+      {
+        key: "name",
+        title: t("nameLabel"),
+        render: (i) => P({
+          first_name: i.firstName,
+          last_name: i.lastName
+        })
+      },
+      {
+        key: "status",
+        title: t("statusLabel"),
+        render: (i) => /* @__PURE__ */ e(
+          x,
+          {
+            onboarded: i.onboarded,
+            onboardingStatus: i.onboardingStatus
+          }
+        )
+      }
+    ],
+    itemMenu: (i) => {
+      const a = [];
+      return i.allowedActions.includes("edit") && a.push({
+        label: t("editCta"),
+        onClick: () => {
+          b(i.uuid, i.onboardingStatus ?? void 0);
+        },
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), i.allowedActions.includes("cancel_self_onboarding") && a.push({
+        label: t("cancelSelfOnboardingCta"),
+        onClick: () => {
+          v(i.uuid);
+        },
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), i.allowedActions.includes("review") && a.push({
+        label: t("reviewCta"),
+        onClick: () => {
+          w(i.uuid);
+        },
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), i.allowedActions.includes("delete") && a.push({
+        label: t("deleteCta"),
+        onClick: () => {
+          c(i.uuid);
+        },
+        icon: /* @__PURE__ */ e(E, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ e(B, { items: a, triggerLabel: t("hamburgerTitle") });
+    },
+    isFetching: g,
+    pagination: h,
+    emptyState: () => /* @__PURE__ */ e(S, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ o(f, { justifyContent: "center", children: [
+      /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: u, children: t("skipCta") }),
+      /* @__PURE__ */ e(n.Button, { variant: "primary", onClick: d, icon: /* @__PURE__ */ e(p, {}), children: t("addEmployeeCta") })
+    ] }) })
+  });
+  return /* @__PURE__ */ o(L, { children: [
+    /* @__PURE__ */ o(m, { flexDirection: "column", gap: 24, children: [
+      /* @__PURE__ */ o(m, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("title") }),
+        r.length > 0 && /* @__PURE__ */ e(
+          n.Button,
+          {
+            variant: "secondary",
+            onClick: d,
+            icon: /* @__PURE__ */ e(p, {}),
+            children: t("addAnotherCta")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(V, { label: t("employeeListLabel"), ...y }),
+      r.length > 0 && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(n.Button, { onClick: u, children: t("continueCta") }) })
+    ] }),
+    /* @__PURE__ */ e(
+      n.Dialog,
+      {
+        isOpen: !!l,
+        onClose: () => {
+          c(null);
+        },
+        onPrimaryActionClick: async () => {
+          if (l)
+            try {
+              await D(l), c(null);
+            } catch {
+            }
+        },
+        isPrimaryActionLoading: C.isPending,
+        isDestructive: !0,
+        title: t("deleteDialog.title"),
+        primaryActionLabel: t("deleteDialog.confirmCta"),
+        closeActionLabel: t("deleteDialog.cancelCta"),
+        children: t("deleteDialog.description")
+      }
+    )
+  ] });
+}
+export {
+  W as EmployeeListView
+};
+//# sourceMappingURL=EmployeeListView.js.map

package/dist/components/Employee/EmployeeList/EmployeeListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeListView.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport type { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface EmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  onReview: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n  onSkip: () => void\n}\n\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n}: EmployeeListViewProps) {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: (employee: EmployeeWithActions) => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: (employee: EmployeeWithActions) => (\n          <EmployeeOnboardingStatusBadge\n            onboarded={employee.onboarded}\n            onboardingStatus={employee.onboardingStatus}\n          />\n        ),\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('cancel_self_onboarding')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: () => {\n            void onCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('review')) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void onReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={onSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n          {employees.length > 0 && (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={onAddEmployee}\n              icon={<PlusCircleIcon />}\n            >\n              {t('addAnotherCta')}\n            </Components.Button>\n          )}\n        </Flex>\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n        {employees.length > 0 && (\n          <ActionsLayout>\n            <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/ManagementEmployeeList.d.ts

@@ -0,0 +1,9 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
+type EmployeeTab = 'active' | 'onboarding' | 'dismissed';
+interface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {
+    companyId: string;
+    initialTab?: EmployeeTab;
+    onEvent: BaseComponentInterface['onEvent'];
+}
+export declare function ManagementEmployeeList({ FallbackComponent, ...props }: ManagementEmployeeListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Employee/EmployeeList/ManagementEmployeeList.js

@@ -0,0 +1,81 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useState as h, useMemo as M } from "react";
+import { ManagementEmployeeListView as T } from "./ManagementEmployeeListView.js";
+import { useEmployeeList as f } from "./useEmployeeList.js";
+import { BaseBoundaries as D, BaseLayout as m } from "../../Base/Base.js";
+import { useI18n as b, useComponentDictionary as P } from "../../../i18n/I18n.js";
+import { componentEvents as a } from "../../../shared/constants.js";
+const R = (t) => {
+  switch (t) {
+    case "active":
+      return "active";
+    case "onboarding":
+      return "onboarding";
+    case "dismissed":
+      return "terminated";
+  }
+};
+function I({
+  companyId: t,
+  initialTab: i = "active",
+  onEvent: n,
+  dictionary: E
+}) {
+  b("Employee.ManagementEmployeeList"), P("Employee.ManagementEmployeeList", E);
+  const [r, p] = h(i), l = M(() => R(r), [r]), o = f({
+    companyId: t,
+    employeeType: l
+  });
+  if (o.isLoading)
+    return /* @__PURE__ */ s(m, { isLoading: !0, error: o.errorHandling.errors });
+  const c = (e) => {
+    n(a.EMPLOYEE_UPDATE, { employeeId: e });
+  }, d = () => {
+    n(a.EMPLOYEE_CREATE);
+  }, y = (e) => {
+    n(a.EMPLOYEE_DISMISS, { employeeId: e });
+  }, u = (e) => {
+    n(a.EMPLOYEE_REHIRE, { employeeId: e });
+  }, g = (e) => {
+    p(e);
+  };
+  return /* @__PURE__ */ s(m, { error: o.errorHandling.errors, children: /* @__PURE__ */ s(
+    T,
+    {
+      selectedTab: r,
+      onTabChange: g,
+      employees: o.data.employees,
+      isFetching: o.status.isFetching,
+      pagination: o.pagination,
+      status: o.status,
+      onEdit: c,
+      onDismiss: y,
+      onDelete: async (e) => {
+        await o.actions.onDelete(e, {
+          onDelete: (L) => {
+            n(a.EMPLOYEE_DELETED, { employeeId: L });
+          }
+        });
+      },
+      onRehire: u,
+      onAddEmployee: d
+    }
+  ) });
+}
+function B({
+  FallbackComponent: t,
+  ...i
+}) {
+  return /* @__PURE__ */ s(
+    D,
+    {
+      componentName: "Employee.ManagementEmployeeList",
+      FallbackComponent: t,
+      children: /* @__PURE__ */ s(I, { ...i })
+    }
+  );
+}
+export {
+  B as ManagementEmployeeList
+};
+//# sourceMappingURL=ManagementEmployeeList.js.map

package/dist/components/Employee/EmployeeList/ManagementEmployeeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagementEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/ManagementEmployeeList.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { ManagementEmployeeListView } from './ManagementEmployeeListView'\nimport { useEmployeeList, type EmployeeType } from './useEmployeeList'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\ninterface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {\n  companyId: string\n  initialTab?: EmployeeTab\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nconst mapTabToEmployeeType = (tab: EmployeeTab): EmployeeType => {\n  switch (tab) {\n    case 'active':\n      return 'active'\n    case 'onboarding':\n      return 'onboarding'\n    case 'dismissed':\n      return 'terminated'\n  }\n}\n\nfunction ManagementEmployeeListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n}: ManagementEmployeeListProps) {\n  useI18n('Employee.ManagementEmployeeList')\n  useComponentDictionary('Employee.ManagementEmployeeList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<EmployeeTab>(initialTab)\n\n  const employeeType = useMemo(() => mapTabToEmployeeType(selectedTab), [selectedTab])\n\n  const employeeList = useEmployeeList({\n    companyId,\n    employeeType,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleDismiss = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_DISMISS, { employeeId })\n  }\n\n  const handleRehire = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_REHIRE, { employeeId })\n  }\n\n  const handleTabChange = (tab: EmployeeTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <ManagementEmployeeListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDismiss={handleDismiss}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId, {\n            onDelete: (id: string) => {\n              onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: id })\n            },\n          })\n        }}\n        onRehire={handleRehire}\n        onAddEmployee={handleAddEmployee}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function ManagementEmployeeList({\n  FallbackComponent,\n  ...props\n}: ManagementEmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.ManagementEmployeeList\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ManagementEmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToEmployeeType","tab","ManagementEmployeeListRoot","companyId","initialTab","onEvent","dictionary","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","employeeType","useMemo","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","componentEvents","handleAddEmployee","handleDismiss","handleRehire","handleTabChange","jsx","ManagementEmployeeListView","id","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AAoBA,MAAMA,IAAuB,CAACC,MAAmC;AAC/D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAASC,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCF,CAAU;AAEpE,QAAM,CAACG,GAAaC,CAAc,IAAIC,EAAsBP,CAAU,GAEhEQ,IAAeC,EAAQ,MAAMb,EAAqBS,CAAW,GAAG,CAACA,CAAW,CAAC,GAE7EK,IAAeC,EAAgB;AAAA,IACnC,WAAAZ;AAAA,IACA,cAAAS;AAAA,EAAA,CACD;AAED,MAAIE,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,MAAuB;AACzC,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEME,IAAoB,MAAM;AAC9B,IAAAf,EAAQc,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAgB,CAACH,MAAuB;AAC5C,IAAAb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,EAC1D,GAEMI,IAAe,CAACJ,MAAuB;AAC3C,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEMK,IAAkB,CAACtB,MAAqB;AAC5C,IAAAS,EAAeT,CAAG;AAAA,EACpB;AAEA,SACE,gBAAAuB,EAACR,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAhB;AAAA,MACA,aAAac;AAAA,MACb,WAAWT,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,WAAWI;AAAA,MACX,UAAU,OAAOH,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,GAAY;AAAA,UAC9C,UAAU,CAACQ,MAAe;AACxB,YAAArB,EAAQc,EAAgB,kBAAkB,EAAE,YAAYO,GAAI;AAAA,UAC9D;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,UAAUJ;AAAA,MACV,eAAeF;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAEO,SAASO,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAJ,EAACtB,GAAA,EAA4B,GAAG2B,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7C;"}

package/dist/components/Employee/EmployeeList/ManagementEmployeeListView.d.ts

@@ -0,0 +1,17 @@
+import { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList';
+type EmployeeTab = 'active' | 'onboarding' | 'dismissed';
+export interface ManagementEmployeeListViewProps extends Pick<Extract<UseEmployeeListResult, {
+    isLoading: false;
+}>, 'pagination' | 'status'> {
+    employees: EmployeeWithActions[];
+    isFetching: boolean;
+    selectedTab: EmployeeTab;
+    onTabChange: (tab: EmployeeTab) => void;
+    onEdit: (employeeId: string) => void;
+    onDismiss: (employeeId: string) => void;
+    onDelete: (employeeId: string) => Promise<void>;
+    onRehire: (employeeId: string) => void;
+    onAddEmployee: () => void;
+}
+export declare function ManagementEmployeeListView({ selectedTab, onTabChange, employees, isFetching, status, onEdit, onDismiss, onDelete, onRehire, onAddEmployee, pagination, }: ManagementEmployeeListViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Employee/EmployeeList/ManagementEmployeeListView.js

@@ -0,0 +1,193 @@
+import { jsx as a, jsxs as d, Fragment as F } from "react/jsx-runtime";
+import { useState as B } from "react";
+import { useTranslation as H } from "react-i18next";
+import { Flex as u } from "../../Common/Flex/Flex.js";
+import { EmptyData as J } from "../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as O } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as _ } from "../../Common/OnboardingStatusBadge/index.js";
+import m from "../../../assets/icons/pencil.svg.js";
+import W from "../../../assets/icons/trashcan.svg.js";
+import { firstLastName as Y } from "../../../helpers/formattedStrings.js";
+import { formatDateLongWithYear as g } from "../../../helpers/dateFormatting.js";
+import q from "../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as z } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as G } from "../../Common/DataView/useDataView.js";
+import { DataView as K } from "../../Common/DataView/DataView.js";
+function mt({
+  selectedTab: r,
+  onTabChange: p,
+  employees: b,
+  isFetching: f,
+  status: h,
+  onEdit: C,
+  onDismiss: y,
+  onDelete: D,
+  onRehire: L,
+  onAddEmployee: P,
+  pagination: S
+}) {
+  const { t } = H("Employee.ManagementEmployeeList"), o = O(), [l, s] = B(null), {
+    handleNextPage: v,
+    handleFirstPage: k,
+    handleLastPage: w,
+    handlePreviousPage: A,
+    handleItemsPerPageChange: x,
+    currentPage: E,
+    totalPages: j,
+    totalCount: T,
+    itemsPerPage: I
+  } = S, M = [
+    {
+      id: "active",
+      label: t("tabs.active"),
+      content: null
+    },
+    {
+      id: "onboarding",
+      label: t("tabs.onboarding"),
+      content: null
+    },
+    {
+      id: "dismissed",
+      label: t("tabs.dismissed"),
+      content: null
+    }
+  ], N = () => {
+    const e = {
+      key: "name",
+      title: t("nameLabel"),
+      render: (n) => Y({
+        first_name: n.firstName,
+        last_name: n.lastName
+      })
+    }, i = {
+      key: "jobTitle",
+      title: t("jobTitleLabel"),
+      render: (n) => n.primaryJob?.title ?? "-"
+    };
+    return r === "active" ? [e, i] : r === "onboarding" ? [
+      e,
+      {
+        key: "startDate",
+        title: t("startDateLabel"),
+        render: (n) => g(n.primaryJob?.hireDate) || "-"
+      },
+      i,
+      {
+        key: "status",
+        title: t("statusLabel"),
+        render: (n) => /* @__PURE__ */ a(
+          _,
+          {
+            onboarded: n.onboarded,
+            onboardingStatus: n.onboardingStatus
+          }
+        )
+      }
+    ] : [
+      e,
+      i,
+      {
+        key: "lastDay",
+        title: t("lastDayLabel"),
+        render: (n) => {
+          const c = n.terminations?.[0];
+          return g(c?.effectiveDate) || "-";
+        }
+      }
+    ];
+  }, { ...V } = G({
+    data: b,
+    columns: N(),
+    itemMenu: (e) => {
+      const i = [];
+      return e.allowedActions.includes("edit") && i.push({
+        label: t("editCta"),
+        onClick: () => {
+          C(e.uuid);
+        },
+        icon: /* @__PURE__ */ a(m, { "aria-hidden": !0 })
+      }), e.allowedActions.includes("dismiss") && i.push({
+        label: t("dismissCta"),
+        onClick: () => {
+          y(e.uuid);
+        },
+        icon: /* @__PURE__ */ a(W, { "aria-hidden": !0 })
+      }), e.allowedActions.includes("delete") && i.push({
+        label: t("cancelCta"),
+        onClick: () => {
+          s(e.uuid);
+        },
+        icon: /* @__PURE__ */ a(m, { "aria-hidden": !0 })
+      }), e.allowedActions.includes("rehire") && i.push({
+        label: t("rehireCta"),
+        onClick: () => {
+          L(e.uuid);
+        },
+        icon: /* @__PURE__ */ a(m, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ a(z, { items: i, triggerLabel: t("hamburgerTitle") });
+    },
+    isFetching: f,
+    pagination: {
+      handleNextPage: v,
+      handleFirstPage: k,
+      handleLastPage: w,
+      handlePreviousPage: A,
+      handleItemsPerPageChange: x,
+      currentPage: E,
+      totalPages: j,
+      totalCount: T,
+      itemsPerPage: I
+    },
+    emptyState: () => {
+      let e = "", i = "";
+      return r === "active" ? (e = t("emptyState.active.title"), i = t("emptyState.active.description")) : r === "onboarding" ? (e = t("emptyState.onboarding.title"), i = t("emptyState.onboarding.description")) : (e = t("emptyState.dismissed.title"), i = t("emptyState.dismissed.description")), /* @__PURE__ */ a(J, { title: e, description: i });
+    }
+  });
+  return /* @__PURE__ */ d(F, { children: [
+    /* @__PURE__ */ d(u, { flexDirection: "column", gap: 32, children: [
+      /* @__PURE__ */ d(u, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ a(o.Heading, { as: "h2", children: t("title") }),
+        /* @__PURE__ */ a(o.Button, { variant: "secondary", onClick: P, icon: /* @__PURE__ */ a(q, {}), children: t("addEmployeeCta") })
+      ] }),
+      /* @__PURE__ */ a(
+        o.Tabs,
+        {
+          tabs: M,
+          selectedId: r,
+          onSelectionChange: (e) => {
+            p(e);
+          },
+          "aria-label": t("tabsLabel")
+        }
+      ),
+      /* @__PURE__ */ a(K, { label: t("employeeListLabel"), ...V })
+    ] }),
+    /* @__PURE__ */ a(
+      o.Dialog,
+      {
+        isOpen: !!l,
+        onClose: () => {
+          s(null);
+        },
+        onPrimaryActionClick: async () => {
+          if (l)
+            try {
+              await D(l), s(null);
+            } catch {
+            }
+        },
+        isPrimaryActionLoading: h.isPending,
+        isDestructive: !0,
+        title: t("deleteDialog.title"),
+        primaryActionLabel: t("deleteDialog.confirmCta"),
+        closeActionLabel: t("deleteDialog.cancelCta"),
+        children: t("deleteDialog.description")
+      }
+    )
+  ] });
+}
+export {
+  mt as ManagementEmployeeListView
+};
+//# sourceMappingURL=ManagementEmployeeListView.js.map

package/dist/components/Employee/EmployeeList/ManagementEmployeeListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../src/components/Employee/EmployeeList/ManagementEmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\nexport interface ManagementEmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  selectedTab: EmployeeTab\n  onTabChange: (tab: EmployeeTab) => void\n  onEdit: (employeeId: string) => void\n  onDismiss: (employeeId: string) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onRehire: (employeeId: string) => void\n  onAddEmployee: () => void\n}\n\nexport function ManagementEmployeeListView({\n  selectedTab,\n  onTabChange,\n  employees,\n  isFetching,\n  status,\n  onEdit,\n  onDismiss,\n  onDelete,\n  onRehire,\n  onAddEmployee,\n  pagination,\n}: ManagementEmployeeListViewProps) {\n  const { t } = useTranslation('Employee.ManagementEmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const {\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    totalCount,\n    itemsPerPage,\n  } = pagination\n\n  const tabs = [\n    {\n      id: 'active',\n      label: t('tabs.active'),\n      content: null,\n    },\n    {\n      id: 'onboarding',\n      label: t('tabs.onboarding'),\n      content: null,\n    },\n    {\n      id: 'dismissed',\n      label: t('tabs.dismissed'),\n      content: null,\n    },\n  ]\n\n  const getColumns = () => {\n    const nameColumn = {\n      key: 'name',\n      title: t('nameLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return firstLastName({\n          first_name: employee.firstName,\n          last_name: employee.lastName,\n        })\n      },\n    }\n\n    const jobTitleColumn = {\n      key: 'jobTitle',\n      title: t('jobTitleLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return employee.primaryJob?.title ?? '-'\n      },\n    }\n\n    if (selectedTab === 'active') {\n      return [nameColumn, jobTitleColumn]\n    }\n\n    if (selectedTab === 'onboarding') {\n      return [\n        nameColumn,\n        {\n          key: 'startDate',\n          title: t('startDateLabel'),\n          render: (employee: EmployeeWithActions) => {\n            const formattedDate = formatDateLongWithYear(employee.primaryJob?.hireDate)\n            return formattedDate || '-'\n          },\n        },\n        jobTitleColumn,\n        {\n          key: 'status',\n          title: t('statusLabel'),\n          render: (employee: EmployeeWithActions) => (\n            <EmployeeOnboardingStatusBadge\n              onboarded={employee.onboarded}\n              onboardingStatus={employee.onboardingStatus}\n            />\n          ),\n        },\n      ]\n    }\n\n    return [\n      nameColumn,\n      jobTitleColumn,\n      {\n        key: 'lastDay',\n        title: t('lastDayLabel'),\n        render: (employee: EmployeeWithActions) => {\n          const termination = employee.terminations?.[0]\n          const formattedDate = formatDateLongWithYear(termination?.effectiveDate)\n          return formattedDate || '-'\n        },\n      },\n    ]\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: getColumns(),\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('dismiss')) {\n        menuItems.push({\n          label: t('dismissCta'),\n          onClick: () => {\n            onDismiss(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('cancelCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('rehire')) {\n        menuItems.push({\n          label: t('rehireCta'),\n          onClick: () => {\n            onRehire(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => {\n      let title = ''\n      let description = ''\n\n      if (selectedTab === 'active') {\n        title = t('emptyState.active.title')\n        description = t('emptyState.active.description')\n      } else if (selectedTab === 'onboarding') {\n        title = t('emptyState.onboarding.title')\n        description = t('emptyState.onboarding.description')\n      } else {\n        title = t('emptyState.dismissed.title')\n        description = t('emptyState.dismissed.description')\n      }\n\n      return <EmptyData title={title} description={description} />\n    },\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Components.Button variant=\"secondary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </Flex>\n\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            onTabChange(id as EmployeeTab)\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["ManagementEmployeeListView","selectedTab","onTabChange","employees","isFetching","status","onEdit","onDismiss","onDelete","onRehire","onAddEmployee","pagination","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","totalCount","itemsPerPage","tabs","getColumns","nameColumn","employee","firstLastName","jobTitleColumn","formatDateLongWithYear","jsx","EmployeeOnboardingStatusBadge","termination","dataViewProps","useDataView","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","title","description","EmptyData","jsxs","Fragment","Flex","PlusCircleIcon","id","DataView"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { EmployeeList } from './EmployeeList';
+export { ManagementEmployeeList } from './ManagementEmployeeList';

package/dist/components/Employee/EmployeeList/useEmployeeList.d.ts

@@ -1,24 +1,37 @@
 import { Employee } from '@gusto/embedded-api/models/components/employee';
-import { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus';
-import { PaginationItemsPerPage } from '../../Common/PaginationControl/PaginationControlTypes';
-type EmployeeListContextType = {
-    handleEdit: (uuid: string, onboardingStatus?: OnboardingStatus) => void;
-    handleDelete: (uuid: string) => Promise<void>;
-    handleCancelSelfOnboarding: (employeeId: string) => Promise<void>;
-    handleReview: (employeeId: string) => Promise<void>;
-    handleNew: () => void;
-    handleSkip: () => void;
-    handleFirstPage: () => void;
-    handlePreviousPage: () => void;
-    handleNextPage: () => void;
-    handleLastPage: () => void;
-    handleItemsPerPageChange: (newCount: PaginationItemsPerPage) => void;
-    currentPage: number;
-    totalPages: number;
-    totalCount: number;
-    employees: Employee[];
-    itemsPerPage: PaginationItemsPerPage;
-    isFetching: boolean;
-};
-declare const useEmployeeList: () => EmployeeListContextType, EmployeeListProvider: import('react').Provider<EmployeeListContextType | null>;
-export { useEmployeeList, EmployeeListProvider };
+import { Job } from '@gusto/embedded-api/models/components/job';
+import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
+import { HookLoadingResult, HookSubmitResult, BaseHookReady } from '../../../types/sdkHooks';
+export type EmployeeAction = 'edit' | 'delete' | 'cancel_self_onboarding' | 'review' | 'dismiss' | 'rehire';
+export interface EmployeeWithActions extends Employee {
+    allowedActions: EmployeeAction[];
+    primaryJob?: Job;
+}
+export interface EmployeeActionCallbacks {
+    onDelete?: (employeeId: string) => void;
+    onReview?: (employeeId: string) => void;
+    onCancelSelfOnboarding?: (employeeId: string) => void;
+}
+export type EmployeeType = 'active' | 'onboarding' | 'terminated';
+export interface UseEmployeeListProps {
+    companyId: string;
+    employeeType?: EmployeeType;
+}
+interface UseEmployeeListReady extends Omit<BaseHookReady, 'data' | 'status'> {
+    data: {
+        employees: EmployeeWithActions[];
+    };
+    pagination: PaginationControlProps;
+    status: {
+        isFetching: boolean;
+        isPending: boolean;
+    };
+    actions: {
+        onDelete: (employeeId: string, callbacks?: EmployeeActionCallbacks) => Promise<HookSubmitResult<void> | undefined>;
+        onReview: (employeeId: string, callbacks?: EmployeeActionCallbacks) => Promise<HookSubmitResult<string> | undefined>;
+        onCancelSelfOnboarding: (employeeId: string, callbacks?: EmployeeActionCallbacks) => Promise<HookSubmitResult<string> | undefined>;
+    };
+}
+export type UseEmployeeListResult = HookLoadingResult | UseEmployeeListReady;
+export declare function useEmployeeList({ companyId, employeeType, }: UseEmployeeListProps): UseEmployeeListResult;
+export {};