@payfit/unity-components 2.8.0 → 2.8.2

package/dist/esm/components/filter/Filter.controls.js

@@ -5,38 +5,38 @@ import { SelectList as p } from "../select-list/SelectList.js";
 function s(l) {
   return "children" in l && l.children.length > 0;
 }
-function m(l, t) {
-  const n = (r) => /* @__PURE__ */ c(u, { items: r.children, label: r.label, children: (o) => /* @__PURE__ */ c(a, { id: o.id, textValue: o.label, children: o.label }) }), e = (r) => /* @__PURE__ */ c(a, { id: r.id, textValue: r.label, children: r.label });
-  return (r, o) => /* @__PURE__ */ c(
+function m(l, n) {
+  const t = (r) => /* @__PURE__ */ c(u, { items: r.children, label: r.label, children: (i) => /* @__PURE__ */ c(a, { id: i.id, textValue: i.label, children: i.label }) }), e = (r) => /* @__PURE__ */ c(a, { id: r.id, textValue: r.label, children: r.label });
+  return (r, i) => /* @__PURE__ */ c(
     p,
     {
-      ...t,
+      ...n,
       items: l,
       value: r,
       selectionMode: "multiple",
-      onChange: (i) => {
-        o(i);
+      onChange: (o) => {
+        i(o);
       },
       escapeKeyBehavior: "none",
       sortSelectedFirst: !0,
-      className: "uy:overflow-y-auto uy:scroll-pb-500",
-      children: (i) => s(i) ? n(i) : e(i)
+      className: "uy:scroll-pb-500",
+      children: (o) => s(o) ? t(o) : e(o)
     }
   );
 }
 function L(l) {
-  return (t) => {
-    if (t === "all")
+  return (n) => {
+    if (n === "all")
       return l.flatMap((e) => s(e) ? e.children : e).map((e) => e.label).join(", ");
-    const n = [];
+    const t = [];
     for (const e of l) {
       if (s(e)) {
-        n.push(...e.children.filter((r) => t.has(r.id)));
+        t.push(...e.children.filter((r) => n.has(r.id)));
         continue;
       }
-      t.has(e.id) && n.push(e);
+      n.has(e.id) && t.push(e);
     }
-    return n.map((e) => e.label).join(", ");
+    return t.map((e) => e.label).join(", ");
   };
 }
 export {

package/dist/esm/components/filter/parts/FilterPopover.js

@@ -14,7 +14,7 @@ const x = m({
       'uy:data-[entering]:data-[placement="right"]:-translate-x-100 uy:data-[entering]:data-[placement="right"]:translate-y-0 uy:data-[exiting]:data-[placement="right"]:translate-y-0'
     ],
     dialog: ["uy:flex uy:flex-col uy:gap-0"],
-    content: ["uy:flex-1 uy:max-h-[500px] uy:overflow-y-auto"],
+    content: ["uy:flex-1 uy:max-h-[500px]"],
     footer: [
       "uy:mx-100 uy:mb-100",
       "uy:sticky uy:bottom-0 uy:z-2",

package/dist/esm/components/select-list/SelectList.js

@@ -10,18 +10,18 @@ import { SelectListEmptyState as V } from "./parts/SelectListEmptyState.js";
 import { SelectListSearchInput as z } from "./parts/SelectListSearchInput.js";
 const G = R({
   slots: {
-    wrapper: "uy:bg-surface-neutral uy:p-100 uy:overscroll-contain uy:overflow-hidden",
+    wrapper: "uy:bg-surface-neutral uy:p-100 uy:overscroll-contain",
     base: "uy:flex uy:w-full uy:gap-100 uy:h-500 uy:border uy:border-solid uy:rounded-75 uy:py-100 uy:border-border-form-enabled uy:bg-surface-form-enabled uy:px-150 uy:typography-body uy:focus-within:outline-none uy:focus-within:ring-2 uy:focus-within:ring-utility-focus-ring uy:focus-within:ring-offset-2 uy:active:border-border-form-active",
     inputContainer: "uy:sticky uy:top-0 uy:bg-surface-neutral",
     separator: "uy:h-[1px] uy:bg-border-neutral uy:w-full uy:mt-100",
-    list: "uy:overflow-y-auto uy:mt-100",
+    list: "uy:overflow-y-auto uy:mt-100 uy:h-[300px]",
     selectedListBox: "uy:bg-surface-neutral uy:border-b uy:border-border-neutral uy:py-100 uy:data-[empty=true]:border-0 uy:data-[is-last=true]:border-0 uy:data-[is-last=true]:py-0"
   }
 });
 function K({
   items: r,
-  children: f,
-  value: p,
+  children: p,
+  value: f,
   onChange: h,
   className: b,
   showSearch: a = !1,
@@ -29,8 +29,8 @@ function K({
   selectedSectionLabel: S = "Selected",
   ...o
 }, I) {
-  const { contains: L } = T({ sensitivity: "base" }), { wrapper: v, inputContainer: w, list: x, separator: C, selectedListBox: A } = G(), [i, l] = k(
-    p,
+  const { contains: L } = T({ sensitivity: "base" }), { wrapper: x, inputContainer: v, list: w, separator: C, selectedListBox: A } = G(), [i, l] = k(
+    f,
     h
   ), N = y(() => (Array.isArray(r) ? r.length : Array.from(r).length) >= j || a, [r, a]), t = D(
     r,
@@ -52,16 +52,16 @@ function K({
     H,
     {
       ...o,
-      className: x({ className: b }),
+      className: w({ className: b }),
       items: t.remainingItems,
       selectedKeys: i,
       onSelectionChange: l,
       renderEmptyState: V,
-      children: /* @__PURE__ */ e(M, { items: t.remainingItems, children: f })
+      children: /* @__PURE__ */ e(M, { items: t.remainingItems, children: p })
     }
   );
-  return /* @__PURE__ */ e("div", { ref: I, className: v(), children: N ? /* @__PURE__ */ s(O, { filter: L, children: [
-    /* @__PURE__ */ s("div", { className: w(), "data-dd-privacy": "mask", children: [
+  return /* @__PURE__ */ e("div", { ref: I, className: x(), children: N ? /* @__PURE__ */ s(O, { filter: L, children: [
+    /* @__PURE__ */ s("div", { className: v(), "data-dd-privacy": "mask", children: [
       /* @__PURE__ */ e(z, {}),
       /* @__PURE__ */ e(_, { className: C() })
     ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.8.0",
+  "version": "2.8.2",
   "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.8.0",
+    "@payfit/unity-illustrations": "2.8.2",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.27.0",
@@ -64,15 +64,15 @@
     "react-international-phone": "4.5.0",
     "react-intl": "7.1.14",
     "react-stately": "3.44.0",
-    "storybook": "10.2.7",
+    "storybook": "10.2.8",
     "tailwind-variants": "2.1.0",
     "usehooks-ts": "3.1.0",
     "zod": "4.3.6"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.8.0",
-    "@payfit/unity-themes": "2.8.0",
+    "@payfit/unity-icons": "2.8.2",
+    "@payfit/unity-themes": "2.8.2",
     "@storybook/react-vite": "^10.2.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -91,15 +91,15 @@
     "@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.8.0",
-    "@payfit/unity-illustrations": "2.8.0",
-    "@payfit/unity-themes": "2.8.0",
+    "@payfit/unity-icons": "2.8.2",
+    "@payfit/unity-illustrations": "2.8.2",
+    "@payfit/unity-themes": "2.8.2",
     "@payfit/vite-configs": "0.0.0-use.local",
-    "@storybook/addon-a11y": "10.2.7",
-    "@storybook/addon-docs": "10.2.7",
-    "@storybook/addon-links": "10.2.7",
-    "@storybook/addon-vitest": "10.2.7",
-    "@storybook/react-vite": "10.2.7",
+    "@storybook/addon-a11y": "10.2.8",
+    "@storybook/addon-docs": "10.2.8",
+    "@storybook/addon-links": "10.2.8",
+    "@storybook/addon-vitest": "10.2.8",
+    "@storybook/react-vite": "10.2.8",
     "@tanstack/react-devtools": "0.9.5",
     "@tanstack/react-form-devtools": "0.2.13",
     "@tanstack/react-query": "5.90.20",
@@ -120,7 +120,7 @@
     "prettier": "3.1.0",
     "react-docgen-typescript": "2.2.2",
     "react-hot-toast": "2.5.1",
-    "storybook": "10.2.7",
+    "storybook": "10.2.8",
     "storybook-addon-pseudo-states": "10.2.2",
     "storybook-addon-tag-badges": "3.0.6",
     "storybook-mock-date-decorator": "3.0.0",