@payfit/unity-components 2.12.7 → 2.12.9

package/dist/esm/components/date-picker-field/test-utils.d.ts

@@ -1,5 +1,5 @@
-import { CalendarDate } from '@internationalized/date';
 import { PlayCtx } from '../../types/testing.js';
+import { CalendarDate } from '@internationalized/date';
 /**
  * Factory to get date picker testing utils
  * @param context the story context
@@ -9,4 +9,7 @@ export declare const getTestingUtilsDatePicker: (context: PlayCtx) => {
         labelText: string;
         calendarDate: CalendarDate;
     }) => Promise<void>;
+    getCalendarDateValue: ({ labelText }: {
+        labelText: string;
+    }) => CalendarDate;
 };

package/dist/esm/components/date-picker-field/test-utils.js

@@ -1,35 +1,52 @@
-import { within as s, userEvent as n } from "storybook/test";
-const y = (r) => ({
-  fillCalendarDate: async ({
-    labelText: a,
-    calendarDate: i
-  }) => {
-    await r.step(`Fill date picker ${a}`, async () => {
-      const e = s(r.canvasElement).getAllByLabelText(
-        a,
-        {
-          exact: !1,
-          selector: "span"
-        }
+import { CalendarDate as o } from "@internationalized/date";
+import { userEvent as r, within as l } from "storybook/test";
+const c = (i) => {
+  const d = (e) => {
+    const t = l(i.canvasElement).getAllByLabelText(
+      e,
+      {
+        exact: !1,
+        selector: "span"
+      }
+    );
+    if (t.length !== 3)
+      throw new Error(`Date field for ${e} not found`);
+    return t;
+  };
+  return {
+    fillCalendarDate: async ({
+      labelText: e,
+      calendarDate: t
+    }) => {
+      await i.step(`Fill date picker ${e}`, async () => {
+        const a = d(e);
+        await r.type(
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          a.find((n) => n.getAttribute("data-type") === "day"),
+          String(t.day)
+        ), await r.type(
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          a.find((n) => n.getAttribute("data-type") === "month"),
+          String(t.month)
+        ), await r.type(
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          a.find((n) => n.getAttribute("data-type") === "year"),
+          String(t.year)
+        );
+      });
+    },
+    getCalendarDateValue: ({ labelText: e }) => {
+      const t = d(e), a = (n) => parseInt(
+        t.find((s) => s.getAttribute("data-type") === n)?.textContent ?? ""
       );
-      if (e.length !== 3)
-        throw new Error(`Date field for ${a} not found`);
-      await n.type(
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        e.find((t) => t.getAttribute("data-type") === "day"),
-        String(i.day)
-      ), await n.type(
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        e.find((t) => t.getAttribute("data-type") === "month"),
-        String(i.month)
-      ), await n.type(
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        e.find((t) => t.getAttribute("data-type") === "year"),
-        String(i.year)
+      return new o(
+        a("year"),
+        a("month"),
+        a("day")
       );
-    });
-  }
-});
+    }
+  };
+};
 export {
-  y as getTestingUtilsDatePicker
+  c as getTestingUtilsDatePicker
 };

package/dist/esm/components/table/Table.js

@@ -1,32 +1,32 @@
-import { jsx as m, jsxs as R } from "react/jsx-runtime";
-import s, { forwardRef as E, useRef as k, useMemo as H, useImperativeHandle as D, useCallback as K } from "react";
-import { uyTv as N, uyMerge as z } from "@payfit/unity-themes";
-import { useVirtualizer as U } from "@tanstack/react-virtual";
-import { useResizeObserver as $ } from "usehooks-ts";
-import { TableContextProvider as M, useTableContext as P } from "./Table.context.js";
-const j = N({
+import { jsx as h, jsxs as R } from "react/jsx-runtime";
+import i, { forwardRef as z, useRef as V, useMemo as H, useImperativeHandle as k, useCallback as D } from "react";
+import { uyTv as N, uyMerge as E } from "@payfit/unity-themes";
+import { useVirtualizer as K } from "@tanstack/react-virtual";
+import { useResizeObserver as U } from "usehooks-ts";
+import { TableContextProvider as $, useTableContext as M } from "./Table.context.js";
+const P = N({
   base: [
     "uy:w-full uy:border uy:border-solid uy:border-border-neutral uy:rounded-100",
     "uy:relative uy:flex uy:flex-col uy:overflow-hidden",
     "uy:min-h-(--uy-table-min-rows) uy:max-h-(--uy-table-max-rows)"
   ]
-}), A = E(
-  ({ minRows: c = 10, maxRows: y = 50, children: r }, n) => /* @__PURE__ */ m(
+}), j = z(
+  ({ minRows: y = 10, maxRows: d = 50, children: o }, l) => /* @__PURE__ */ h(
     "div",
     {
-      ref: n,
-      className: j(),
+      ref: l,
+      className: P(),
       "data-unity-slot": "table-root",
       style: {
-        "--uy-table-min-rows": `calc(var(--uy-spacing-600) * ${c})`,
-        "--uy-table-max-rows": `calc(var(--uy-spacing-600) * ${y})`
+        "--uy-table-min-rows": `calc(var(--uy-spacing-600) * ${y})`,
+        "--uy-table-max-rows": `calc(var(--uy-spacing-600) * ${d})`
       },
-      children: r
+      children: o
     }
   )
 );
-A.displayName = "TableRoot";
-const _ = N({
+j.displayName = "TableRoot";
+const A = N({
   slots: {
     wrapper: [
       "uy:flex-1 uy:bg-surface-neutral",
@@ -64,43 +64,40 @@ const _ = N({
     horizontalScroll: !0,
     layout: "auto"
   }
-}), I = E((c, y) => {
+}), _ = z((y, d) => {
   const {
-    children: r,
-    label: n,
-    description: h,
-    isHorizontalScrollEnabled: w = !0,
-    enableVirtualization: i = !1,
-    estimatedRowHeight: v = 40,
+    children: o,
+    label: l,
+    description: b,
+    isHorizontalScrollEnabled: v = !0,
+    enableVirtualization: s = !1,
+    estimatedRowHeight: g = 40,
     overscan: p = 5,
-    layout: g = "auto",
-    ...x
-  } = c, u = k(null), { height: T = 0 } = $({
-    ref: u,
-    box: "border-box"
-  }), { rowCount: d, columnCount: l } = H(() => {
-    let t = 0, o = 0;
-    return s.Children.forEach(r, (e) => {
-      if (!s.isValidElement(e)) return;
-      const a = s.Children.toArray(
+    layout: x = "auto",
+    ...T
+  } = y, f = V(null), { rowCount: m, columnCount: w } = H(() => {
+    let t = 0, r = 0;
+    return i.Children.forEach(o, (e) => {
+      if (!i.isValidElement(e)) return;
+      const u = i.Children.toArray(
         e.props.children
-      ).filter((f) => s.isValidElement(f));
-      o += a.length, a.forEach((f) => {
-        if (!s.isValidElement(f)) return;
-        const C = s.Children.toArray(
-          f.props.children
-        ).filter((V) => s.isValidElement(V));
-        t = Math.max(t, C.length);
+      ).filter((c) => i.isValidElement(c));
+      r += u.length, u.forEach((c) => {
+        if (!i.isValidElement(c)) return;
+        const n = i.Children.toArray(
+          c.props.children
+        ).filter((C) => i.isValidElement(C));
+        t = Math.max(t, n.length);
       });
-    }), { rowCount: o, columnCount: t };
-  }, [r]);
-  D(y, () => ({
+    }), { rowCount: r, columnCount: t };
+  }, [o]);
+  k(d, () => ({
     scrollToTop: () => {
-      const t = u.current, o = t?.closest(
+      const t = f.current, r = t?.closest(
         '[data-unity-slot="table-root"]'
       );
       let e;
-      if (o ? e = o : t && (e = t), !!e) {
+      if (r ? e = r : t && (e = t), !!e) {
         if (typeof e.scrollTo == "function") {
           e.scrollTo({ top: 0, behavior: "smooth" });
           return;
@@ -109,106 +106,108 @@ const _ = N({
       }
     }
   }));
-  const b = U({
-    count: i ? d : 0,
-    getScrollElement: () => u.current,
-    estimateSize: () => v,
+  const a = K({
+    count: s ? m : 0,
+    getScrollElement: () => f.current,
+    estimateSize: () => g,
     overscan: p
   });
-  return /* @__PURE__ */ m(
-    M,
+  return /* @__PURE__ */ h(
+    $,
     {
-      rowCount: d,
-      columnCount: l,
-      virtualizer: b,
-      enableVirtualization: i,
-      children: /* @__PURE__ */ m(
+      rowCount: m,
+      columnCount: w,
+      virtualizer: a,
+      enableVirtualization: s,
+      children: /* @__PURE__ */ h(
         S,
         {
-          scrollContainerRef: u,
-          containerHeight: i ? b.getTotalSize() : T,
-          rowCount: d,
-          columnCount: l,
-          label: n,
-          description: h,
-          isHorizontalScrollEnabled: w,
-          layout: g,
-          ...x,
-          children: r
+          scrollContainerRef: f,
+          rowCount: m,
+          columnCount: w,
+          label: l,
+          description: b,
+          isHorizontalScrollEnabled: v,
+          layout: x,
+          ...T,
+          children: o
         }
       )
     }
   );
 });
-I.displayName = "Table";
-const S = (c) => {
+_.displayName = "Table";
+const S = (y) => {
   const {
-    children: y,
-    label: r,
-    description: n,
-    scrollContainerRef: h,
-    layout: w,
-    rowCount: i,
-    columnCount: v,
+    children: d,
+    label: o,
+    description: l,
+    scrollContainerRef: b,
+    layout: v,
+    rowCount: s,
+    columnCount: g,
     onKeyDown: p,
-    isHorizontalScrollEnabled: g = !0,
-    ...x
-  } = c, { wrapper: u, table: T } = _({
-    horizontalScroll: g,
-    layout: w
-  }), { keyboardNavigation: d } = P(), { tableRef: l, handleTableKeyDown: b } = d, t = K(
-    (a) => {
-      a.key !== "Tab" && (b(a), p?.(a));
+    isHorizontalScrollEnabled: x = !0,
+    ...T
+  } = y, { wrapper: f, table: m } = A({
+    horizontalScroll: x,
+    layout: v
+  }), { keyboardNavigation: w } = M(), { tableRef: a, handleTableKeyDown: t } = w, { height: r = 0 } = U({
+    ref: b,
+    box: "border-box"
+  }), e = D(
+    (n) => {
+      n.key !== "Tab" && (t(n), p?.(n));
     },
-    [b, p]
-  ), o = h.current?.closest(
+    [t, p]
+  ), u = b.current?.closest(
     '[data-unity-slot="table-root"]'
-  ), e = H(() => {
-    if (!o || i === 0) return !1;
-    const a = o.clientHeight;
-    return (l.current?.clientHeight ?? 0) / a < 0.9;
-  }, [o, i, l]);
+  ), c = H(() => {
+    if (!u || s === 0) return !1;
+    const n = u.clientHeight;
+    return (a.current?.clientHeight ?? 0) / n < 0.9;
+  }, [u, s, a, r]);
   return /* @__PURE__ */ R(
     "div",
     {
-      className: z(u()),
-      ref: h,
+      className: E(f()),
+      ref: b,
       style: {
-        "--uy-table-has-remaining-space": e ? "1" : "0"
+        "--uy-table-has-remaining-space": c ? "1" : "0"
       },
       children: [
         /* @__PURE__ */ R(
           "table",
           {
-            ref: l,
-            className: z(T()),
+            ref: a,
+            className: E(m()),
             role: "grid",
-            "aria-rowcount": i,
-            "aria-colcount": v,
-            "aria-label": r,
-            "aria-describedby": n ? `table-desc-${l.current?.id}` : void 0,
-            onKeyDown: t,
-            ...x,
+            "aria-rowcount": s,
+            "aria-colcount": g,
+            "aria-label": o,
+            "aria-describedby": l ? `table-desc-${a.current?.id}` : void 0,
+            onKeyDown: e,
+            ...T,
             children: [
-              y,
-              n && /* @__PURE__ */ m(
+              d,
+              l && /* @__PURE__ */ h(
                 "caption",
                 {
-                  id: `table-desc-${l.current?.id}`,
+                  id: `table-desc-${a.current?.id}`,
                   className: "uy:sr-only",
-                  children: n
+                  children: l
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ m("div", { className: "uy:sr-only", "aria-live": "polite", children: "Table navigation: Use arrow keys to move between cells. Tab key exits the table. Home and End keys navigate to the first and last cell in a row. Page Up and Page Down move between rows." })
+        /* @__PURE__ */ h("div", { className: "uy:sr-only", "aria-live": "polite", children: "Table navigation: Use arrow keys to move between cells. Tab key exits the table. Home and End keys navigate to the first and last cell in a row. Page Up and Page Down move between rows." })
       ]
     }
   );
 };
 S.displayName = "TableContent";
 export {
-  I as Table,
-  A as TableRoot
+  _ as Table,
+  j as TableRoot
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.12.7",
+  "version": "2.12.9",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -42,7 +42,7 @@
     "@hookform/devtools": "4.4.0",
     "@hookform/resolvers": "5.2.1",
     "@internationalized/date": "3.11.0",
-    "@payfit/unity-illustrations": "2.12.7",
+    "@payfit/unity-illustrations": "2.12.9",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.27.0",
@@ -74,8 +74,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.12.7",
-    "@payfit/unity-themes": "2.12.7",
+    "@payfit/unity-icons": "2.12.9",
+    "@payfit/unity-themes": "2.12.9",
     "@storybook/react-vite": "^10.2.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -94,9 +94,9 @@
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "2.12.7",
-    "@payfit/unity-illustrations": "2.12.7",
-    "@payfit/unity-themes": "2.12.7",
+    "@payfit/unity-icons": "2.12.9",
+    "@payfit/unity-illustrations": "2.12.9",
+    "@payfit/unity-themes": "2.12.9",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.2.13",
     "@storybook/addon-docs": "10.2.13",