@payfit/unity-components 2.47.4 → 2.47.6

package/dist/esm/components/collapsible/parts/CollapsibleContent.js

@@ -1,19 +1,17 @@
-import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { DisclosurePanel as t } from "react-aria-components/Disclosure";
-const l = e(
-  ({ children: i, ...o }, r) => /* @__PURE__ */ a(
-    t,
-    {
-      ref: r,
-      "data-dd-privacy": "allow",
-      ...o,
-      className: "uy:transition-all uy:transition-discrete uy:duration-200 uy:origin-top uy:aria-hidden:opacity-0 uy:aria-hidden:scale-y-0 uy:overflow-hidden uy:aria-hidden:max-h-0",
-      children: /* @__PURE__ */ a("div", { className: "uy:ml-400 uy:typography-body", children: i })
-    }
-  )
-);
-l.displayName = "CollapsibleContent";
-export {
-  l as CollapsibleContent
-};
+import { jsx as t } from "react/jsx-runtime";
+import { DisclosurePanel as n } from "react-aria-components/Disclosure";
+//#region src/components/collapsible/parts/CollapsibleContent.tsx
+var r = e(({ children: e, ...r }, i) => /* @__PURE__ */ t(n, {
+	ref: i,
+	"data-dd-privacy": "allow",
+	...r,
+	className: "uy:transition-all uy:transition-discrete uy:duration-200 uy:origin-top uy:aria-hidden:opacity-0 uy:aria-hidden:scale-y-0 uy:overflow-hidden uy:aria-hidden:max-h-0",
+	children: /* @__PURE__ */ t("div", {
+		className: "uy:ml-400 uy:typography-body",
+		children: e
+	})
+}));
+r.displayName = "CollapsibleContent";
+//#endregion
+export { r as CollapsibleContent };

package/dist/esm/components/collapsible/parts/CollapsibleTitle.js

@@ -1,53 +1,53 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { forwardRef as m, useContext as p } from "react";
-import { uyTv as d } from "@payfit/unity-themes";
-import { Button as f } from "react-aria-components/Button";
-import { DisclosureStateContext as x } from "react-aria-components/Disclosure";
-import { Heading as b } from "react-aria-components/Heading";
-import { Icon as v } from "../../icon/Icon.js";
-import { Text as o } from "../../text/Text.js";
-const g = d({
-  slots: {
-    base: "uy:w-full",
-    button: [
-      "uy:flex uy:gap-50 uy:pb-100 uy:pt-100 uy:w-full uy:cursor-pointer uy:hover:text-content-neutral-hover uy:focus-visible:outline-none"
-    ],
-    title: "uy:flex uy:grow uy:text-left uy:items-center",
-    icon: "uy:mr-100 uy:transition-transform uy:duration-150 uy:ease-linear uy:origin-center"
-  },
-  variants: {
-    isExpanded: {
-      true: {
-        icon: "uy:rotate-180"
-      },
-      false: {
-        icon: "uy:rotate-0"
-      }
-    }
-  },
-  defaultVariants: {
-    isExpanded: !1
-  }
-}), w = m(
-  ({ children: r, suffix: e, ...a }, i) => {
-    const n = p(x), { base: l, button: s, title: u, icon: c } = g({
-      isExpanded: n?.isExpanded
-    });
-    return /* @__PURE__ */ t(b, { "data-dd-privacy": "allow", ...a, ref: i, className: l(), children: /* @__PURE__ */ y(f, { className: s(), slot: "trigger", children: [
-      /* @__PURE__ */ t(
-        v,
-        {
-          src: "CaretDownOutlined",
-          className: c(),
-          role: "presentation"
-        }
-      ),
-      /* @__PURE__ */ t(o, { variant: "bodyStrong", className: u(), children: r }),
-      e ? /* @__PURE__ */ t(o, { variant: "body", children: e }) : null
-    ] }) });
-  }
-);
-w.displayName = "CollapsibleTitle";
-export {
-  w as CollapsibleTitle
-};
+import { Icon as e } from "../../icon/Icon.js";
+import { Text as t } from "../../text/Text.js";
+import { forwardRef as n, useContext as r } from "react";
+import { uyTv as i } from "@payfit/unity-themes";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s } from "react-aria-components/Button";
+import { Heading as c } from "react-aria-components/Heading";
+import { DisclosureStateContext as l } from "react-aria-components/Disclosure";
+//#region src/components/collapsible/parts/CollapsibleTitle.tsx
+var u = i({
+	slots: {
+		base: "uy:w-full",
+		button: ["uy:flex uy:gap-50 uy:pb-100 uy:pt-100 uy:w-full uy:cursor-pointer uy:hover:text-content-neutral-hover uy:focus-visible:outline-none"],
+		title: "uy:flex uy:grow uy:text-left uy:items-center",
+		icon: "uy:mr-100 uy:transition-transform uy:duration-150 uy:ease-linear uy:origin-center"
+	},
+	variants: { isExpanded: {
+		true: { icon: "uy:rotate-180" },
+		false: { icon: "uy:rotate-0" }
+	} },
+	defaultVariants: { isExpanded: !1 }
+}), d = n(({ children: n, suffix: i, ...d }, f) => {
+	let { base: p, button: m, title: h, icon: g } = u({ isExpanded: r(l)?.isExpanded });
+	return /* @__PURE__ */ a(c, {
+		"data-dd-privacy": "allow",
+		...d,
+		ref: f,
+		className: p(),
+		children: /* @__PURE__ */ o(s, {
+			className: m(),
+			slot: "trigger",
+			children: [
+				/* @__PURE__ */ a(e, {
+					src: "CaretDownOutlined",
+					className: g(),
+					role: "presentation"
+				}),
+				/* @__PURE__ */ a(t, {
+					variant: "bodyStrong",
+					className: h(),
+					children: n
+				}),
+				i ? /* @__PURE__ */ a(t, {
+					variant: "body",
+					children: i
+				}) : null
+			]
+		})
+	});
+});
+d.displayName = "CollapsibleTitle";
+//#endregion
+export { d as CollapsibleTitle };

package/dist/esm/components/data-table/DataTable.js

@@ -1,156 +1,102 @@
-import { jsxs as m, jsx as o, Fragment as O } from "react/jsx-runtime";
-import { useRef as j, useEffect as G } from "react";
-import { flexRender as b } from "@tanstack/react-table";
-import { useId as $ } from "react-aria/useId";
-import { CircularIconButton as A } from "../icon-button/CircularIconButton.js";
-import { TableBody as L } from "../table/parts/TableBody.js";
-import { TableColumnHeader as Q } from "../table/parts/TableColumnHeader.js";
-import { TableEmptyStateLoading as W, TableEmptyStateError as k, TableNoSearchResults as q, TableEmptyStateNoData as J } from "../table/parts/TableEmptyState.js";
-import { TableHeader as K } from "../table/parts/TableHeader.js";
-import { TablePagination as U } from "../table/parts/TablePagination.js";
-import { TableRoot as V, Table as X } from "../table/Table.js";
-import { ColumnSortHeader as Y } from "./parts/ColumnSortHeader.js";
-const C = ({
-  children: t,
-  columnNameId: a,
-  helperText: l
-}) => l !== void 0 ? /* @__PURE__ */ m("div", { className: "uy:flex uy:gap-50 uy:items-center", children: [
-  t,
-  /* @__PURE__ */ o(
-    A,
-    {
-      "aria-labelledby": a,
-      icon: "QuestionOutlined",
-      title: l,
-      color: "content.neutral.lowest"
-    }
-  )
-] }) : /* @__PURE__ */ o(O, { children: t });
-function Z({
-  table: t,
-  isLoading: a,
-  error: l,
-  emptyState: c,
-  loadingState: P,
-  errorState: T,
-  pagination: u,
-  minRows: h,
-  maxRows: S,
-  onPageChange: x,
-  onPageHover: y,
-  onPageSizeChange: D,
-  children: w,
-  enableVirtualization: F,
-  estimatedRowHeight: H,
-  overscan: v,
-  onErrorButtonPress: E,
-  onNoDataButtonPress: R,
-  noDataDescription: z,
-  onNoSearchResultsButtonPress: s,
-  ...i
-}) {
-  const p = j(null), I = $(), { pageIndex: g, pageSize: d } = t.getState().pagination;
-  G(() => {
-    p.current?.scrollToTop();
-  }, [g, d]);
-  const N = {
-    label: i.label,
-    description: i.description,
-    isHorizontalScrollEnabled: i.isHorizontalScrollEnabled,
-    layout: i.layout
-  }, f = () => {
-    if (a)
-      return P ?? /* @__PURE__ */ o(W, {});
-    if (l)
-      return T ?? /* @__PURE__ */ o(k, { onButtonPress: E });
-  }, B = () => {
-    const n = t.getState(), e = n.globalFilter !== void 0 && n.globalFilter !== "", r = n.columnFilters !== void 0 && n.columnFilters.length > 0;
-    return e || r;
-  }, M = () => a || l ? f() : t.getRowModel().rows.length === 0 ? B() && s ? /* @__PURE__ */ o(q, { onButtonPress: s }) : c ?? /* @__PURE__ */ o(
-    J,
-    {
-      onButtonPress: R,
-      description: z
-    }
-  ) : c;
-  return /* @__PURE__ */ m(V, { minRows: h, maxRows: S, children: [
-    /* @__PURE__ */ m(
-      X,
-      {
-        ref: p,
-        ...N,
-        enableVirtualization: F,
-        estimatedRowHeight: H,
-        overscan: v,
-        children: [
-          /* @__PURE__ */ o(K, { children: t.getHeaderGroups().map(
-            (n) => n.headers.map((e) => {
-              const r = `${I}-column-name-${e.column.columnDef.id}`;
-              return /* @__PURE__ */ o(
-                Q,
-                {
-                  isFocusable: e.column.columnDef.meta?.isFocusable,
-                  className: e.column.columnDef.meta?.headerClassName,
-                  children: t.getRowModel().rows.length > 0 && e.column.getCanSort() ? /* @__PURE__ */ o(Y, { header: e, children: /* @__PURE__ */ o(
-                    C,
-                    {
-                      columnNameId: r,
-                      helperText: e.column.columnDef.meta?.helperText,
-                      children: /* @__PURE__ */ o("span", { id: r, children: b(
-                        e.column.columnDef.header,
-                        e.getContext()
-                      ) })
-                    }
-                  ) }) : /* @__PURE__ */ o(
-                    C,
-                    {
-                      columnNameId: r,
-                      helperText: e.column.columnDef.meta?.helperText,
-                      children: /* @__PURE__ */ o("span", { id: r, children: b(
-                        e.column.columnDef.header,
-                        e.getContext()
-                      ) })
-                    }
-                  )
-                },
-                e.id
-              );
-            })
-          ) }),
-          /* @__PURE__ */ o(
-            L,
-            {
-              renderEmptyState: M,
-              renderDataState: f,
-              children: !a && !l && t.getRowModel().rows.map(w)
-            }
-          )
-        ]
-      }
-    ),
-    t.getPageCount() > 0 && /* @__PURE__ */ o(
-      U,
-      {
-        pageCount: t.getPageCount(),
-        rowCount: t.getRowCount(),
-        currentPage: g + 1,
-        rowsPerPage: d,
-        pageSizeOptions: u?.pageSizeOptions,
-        onPageChange: (n, e, r) => {
-          t.setPageIndex(n - 1), x?.(n - 1, e, r);
-        },
-        onPageHover: (n) => {
-          y?.(n);
-        },
-        onPageSizeChange: (n) => {
-          t.setPageSize(n), D?.(n);
-        },
-        itemLabel: u?.labels?.itemLabel
-      }
-    )
-  ] });
+import { CircularIconButton as e } from "../icon-button/CircularIconButton.js";
+import { TableBody as t } from "../table/parts/TableBody.js";
+import { TableColumnHeader as n } from "../table/parts/TableColumnHeader.js";
+import { TableEmptyStateError as r, TableEmptyStateLoading as i, TableEmptyStateNoData as a, TableNoSearchResults as o } from "../table/parts/TableEmptyState.js";
+import { TableHeader as s } from "../table/parts/TableHeader.js";
+import { TablePagination as c } from "../table/parts/TablePagination.js";
+import { Table as l, TableRoot as u } from "../table/Table.js";
+import { ColumnSortHeader as d } from "./parts/ColumnSortHeader.js";
+import { useEffect as f, useRef as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useId as _ } from "react-aria/useId";
+import { flexRender as v } from "@tanstack/react-table";
+//#region src/components/data-table/DataTable.tsx
+var y = ({ children: t, columnNameId: n, helperText: r }) => r === void 0 ? /* @__PURE__ */ h(m, { children: t }) : /* @__PURE__ */ g("div", {
+	className: "uy:flex uy:gap-50 uy:items-center",
+	children: [t, /* @__PURE__ */ h(e, {
+		"aria-labelledby": n,
+		icon: "QuestionOutlined",
+		title: r,
+		color: "content.neutral.lowest"
+	})]
+});
+function b({ table: e, isLoading: m, error: b, emptyState: x, loadingState: S, errorState: C, pagination: w, minRows: T, maxRows: E, onPageChange: D, onPageHover: O, onPageSizeChange: k, children: A, enableVirtualization: j, estimatedRowHeight: M, overscan: N, onErrorButtonPress: P, onNoDataButtonPress: F, noDataDescription: I, onNoSearchResultsButtonPress: L, ...R }) {
+	let z = p(null), B = _(), { pageIndex: V, pageSize: H } = e.getState().pagination;
+	f(() => {
+		z.current?.scrollToTop();
+	}, [V, H]);
+	let U = {
+		label: R.label,
+		description: R.description,
+		isHorizontalScrollEnabled: R.isHorizontalScrollEnabled,
+		layout: R.layout
+	}, W = () => {
+		if (m) return S ?? /* @__PURE__ */ h(i, {});
+		if (b) return C ?? /* @__PURE__ */ h(r, { onButtonPress: P });
+	}, G = () => {
+		let t = e.getState(), n = t.globalFilter !== void 0 && t.globalFilter !== "", r = t.columnFilters !== void 0 && t.columnFilters.length > 0;
+		return n || r;
+	}, K = () => m || b ? W() : e.getRowModel().rows.length === 0 ? G() && L ? /* @__PURE__ */ h(o, { onButtonPress: L }) : x ?? /* @__PURE__ */ h(a, {
+		onButtonPress: F,
+		description: I
+	}) : x;
+	return /* @__PURE__ */ g(u, {
+		minRows: T,
+		maxRows: E,
+		children: [/* @__PURE__ */ g(l, {
+			ref: z,
+			...U,
+			enableVirtualization: j,
+			estimatedRowHeight: M,
+			overscan: N,
+			children: [/* @__PURE__ */ h(s, { children: e.getHeaderGroups().map((t) => t.headers.map((t) => {
+				let r = `${B}-column-name-${t.column.columnDef.id}`;
+				return /* @__PURE__ */ h(n, {
+					isFocusable: t.column.columnDef.meta?.isFocusable,
+					className: t.column.columnDef.meta?.headerClassName,
+					children: e.getRowModel().rows.length > 0 && t.column.getCanSort() ? /* @__PURE__ */ h(d, {
+						header: t,
+						children: /* @__PURE__ */ h(y, {
+							columnNameId: r,
+							helperText: t.column.columnDef.meta?.helperText,
+							children: /* @__PURE__ */ h("span", {
+								id: r,
+								children: v(t.column.columnDef.header, t.getContext())
+							})
+						})
+					}) : /* @__PURE__ */ h(y, {
+						columnNameId: r,
+						helperText: t.column.columnDef.meta?.helperText,
+						children: /* @__PURE__ */ h("span", {
+							id: r,
+							children: v(t.column.columnDef.header, t.getContext())
+						})
+					})
+				}, t.id);
+			})) }), /* @__PURE__ */ h(t, {
+				renderEmptyState: K,
+				renderDataState: W,
+				children: !m && !b && e.getRowModel().rows.map(A)
+			})]
+		}), e.getPageCount() > 0 && /* @__PURE__ */ h(c, {
+			pageCount: e.getPageCount(),
+			rowCount: e.getRowCount(),
+			currentPage: V + 1,
+			rowsPerPage: H,
+			pageSizeOptions: w?.pageSizeOptions,
+			onPageChange: (t, n, r) => {
+				e.setPageIndex(t - 1), D?.(t - 1, n, r);
+			},
+			onPageHover: (e) => {
+				O?.(e);
+			},
+			onPageSizeChange: (t) => {
+				e.setPageSize(t), k?.(t);
+			},
+			itemLabel: w?.labels?.itemLabel
+		})]
+	});
 }
-Z.displayName = "DataTable";
-export {
-  Z as DataTable
-};
+b.displayName = "DataTable";
+//#endregion
+export { b as DataTable };

package/dist/esm/components/data-table/parts/ColumnSortHeader.js

@@ -1,37 +1,25 @@
-import { jsx as r, jsxs as l, Fragment as c } from "react/jsx-runtime";
-import { Actionable as i } from "../../actionable/Actionable.js";
-import { Icon as m } from "../../icon/Icon.js";
-function u({
-  children: n,
-  header: o,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
-    i,
-    {
-      ...t,
-      className: "uy:flex uy:items-center uy:gap-50",
-      onPress: () => {
-        o.column.getCanSort() && o.column.toggleSorting();
-      },
-      children: ({ isHovered: e }) => {
-        const s = o.column.getCanSort() && (o.column.getIsSorted() || e);
-        return /* @__PURE__ */ l(c, { children: [
-          n,
-          s ? /* @__PURE__ */ r(
-            m,
-            {
-              src: o.column.getIsSorted() === "asc" ? "ArrowUpOutlined" : "ArrowDownOutlined",
-              role: "presentation",
-              size: 20
-            }
-          ) : /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "uy:size-250 uy:block" })
-        ] });
-      }
-    }
-  );
+import { Actionable as e } from "../../actionable/Actionable.js";
+import { Icon as t } from "../../icon/Icon.js";
+import "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/data-table/parts/ColumnSortHeader.tsx
+function a({ children: a, header: o, ...s }) {
+	return /* @__PURE__ */ r(e, {
+		...s,
+		className: "uy:flex uy:items-center uy:gap-50",
+		onPress: () => {
+			o.column.getCanSort() && o.column.toggleSorting();
+		},
+		children: ({ isHovered: e }) => /* @__PURE__ */ i(n, { children: [a, o.column.getCanSort() && (o.column.getIsSorted() || e) ? /* @__PURE__ */ r(t, {
+			src: o.column.getIsSorted() === "asc" ? "ArrowUpOutlined" : "ArrowDownOutlined",
+			role: "presentation",
+			size: 20
+		}) : /* @__PURE__ */ r("span", {
+			"aria-hidden": "true",
+			className: "uy:size-250 uy:block"
+		})] })
+	});
 }
-u.displayName = "ColumnSortHeader";
-export {
-  u as ColumnSortHeader
-};
+a.displayName = "ColumnSortHeader";
+//#endregion
+export { a as ColumnSortHeader };