@sps-woodland/core 8.56.2 → 8.56.4

package/lib/sorting-header/index.js

@@ -1,258 +1,276 @@
-import * as n from "react";
-import { Metadata as V, SortDirection as m, cl as b, getScrollParent as G, selectChildren as H, modChildren as W } from "@sps-woodland/core";
-import { lockToAnimationFrames as L } from "@spscommerce/utils";
-import { useWoodlandLanguage as T } from "@spscommerce/i18n";
-function F(t, r, a) {
-  return r in t ? Object.defineProperty(t, r, {
-    value: a,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : t[r] = a, t;
+import * as e from "react";
+import { Metadata as t, SortDirection as n, cl as r, getScrollParent as i, modChildren as a, selectChildren as o } from "@sps-woodland/core";
+import { lockToAnimationFrames as s } from "@spscommerce/utils";
+import { useWoodlandLanguage as c } from "@spscommerce/i18n";
+//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
+function l(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
 }
-function j(t, r) {
-  var a = Object.keys(t);
-  if (Object.getOwnPropertySymbols) {
-    var e = Object.getOwnPropertySymbols(t);
-    r && (e = e.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(t, o).enumerable;
-    })), a.push.apply(a, e);
-  }
-  return a;
+function u(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
 }
-function D(t) {
-  for (var r = 1; r < arguments.length; r++) {
-    var a = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? j(Object(a), !0).forEach(function(e) {
-      F(t, e, a[e]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : j(Object(a)).forEach(function(e) {
-      Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(a, e));
-    });
-  }
-  return t;
+function d(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? u(Object(n), !0).forEach(function(t) {
+			l(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : u(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
 }
-var M = (t, r, a) => {
-  for (var e of Object.keys(t)) {
-    var o;
-    if (t[e] !== ((o = r[e]) !== null && o !== void 0 ? o : a[e]))
-      return !1;
-  }
-  return !0;
-}, A = (t) => (r) => {
-  var a = t.defaultClassName, e = D(D({}, t.defaultVariants), r);
-  for (var o in e) {
-    var u, l = (u = e[o]) !== null && u !== void 0 ? u : t.defaultVariants[o];
-    if (l != null) {
-      var f = l;
-      typeof f == "boolean" && (f = f === !0 ? "true" : "false");
-      var w = (
-        // @ts-expect-error
-        t.variantClassNames[o][f]
-      );
-      w && (a += " " + w);
-    }
-  }
-  for (var [i, p] of t.compoundVariants)
-    M(i, e, t.defaultVariants) && (a += " " + p);
-  return a;
-}, I = A({ defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_ax8xqf0", variantClassNames: { up: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_ax8xqf1" }, down: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_ax8xqf2" } }, defaultVariants: {}, compoundVariants: [] }), R = A({ defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id0", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id1" }, active: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id2" }, __autoLayout: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id3", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id4" } }, defaultVariants: { disabled: !1, active: !1, __autoLayout: !1 }, compoundVariants: [] }), Y = "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id5", $ = "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id6";
-function B({
-  className: t,
-  sortKey: r,
-  sort: a,
-  sortDisabled: e,
-  onSortChange: o,
-  onClick: u,
-  children: l,
-  style: f,
-  widthPx: w,
-  widthRem: i,
-  __autoLayout: p = !1,
-  ...d
-}) {
-  const _ = n.useMemo(() => {
-    const h = !!r && !e && Array.isArray(a) && a.find((g) => g.key === r);
-    return h ? h.direction : void 0;
-  }, [a, r, e]), { t: N } = T(), y = w ? w / 16 : i, S = y ? { ...f, width: `${y}rem` } : f, P = (h) => {
-    r && !e && o && o([
-      {
-        key: r,
-        direction: _ === m.ASCENDING ? m.DESCENDING : m.ASCENDING
-      }
-    ]), u && u(h);
-  }, C = !!r && !!o && !e;
-  let E = "none";
-  _ === m.ASCENDING ? E = "ascending" : _ === m.DESCENDING && (E = "descending");
-  let s = null;
-  !p && _ && (s = /* @__PURE__ */ n.createElement("span", { className: $ }, " ", _ === m.ASCENDING ? N("sortingHeader.sortedAscending", { defaultValue: "sorted ascending" }) : N("sortingHeader.sortedDescending", { defaultValue: "sorted descending" })));
-  const c = C ? /* @__PURE__ */ n.createElement("button", { type: "button", className: Y }, l, s) : /* @__PURE__ */ n.createElement(n.Fragment, null, l, s);
-  return p ? /* @__PURE__ */ n.createElement(
-    "td",
-    {
-      className: b(
-        t,
-        R({ disabled: e, active: !!_, __autoLayout: p }),
-        _ && I({
-          up: _ === m.ASCENDING,
-          down: _ === m.DESCENDING
-        })
-      ),
-      onClick: P,
-      style: S,
-      role: "columnheader",
-      "aria-sort": C ? E : void 0,
-      ...d
-    },
-    c
-  ) : /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      className: b(
-        t,
-        R({ disabled: e, active: !!_, __autoLayout: p }),
-        _ && I({
-          up: _ === m.ASCENDING,
-          down: _ === m.DESCENDING
-        })
-      ),
-      onClick: P,
-      style: S,
-      ...d
-    },
-    c
-  );
+var f = (e, t, n) => {
+	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
+	return !0;
+}, p = (e) => (t) => {
+	var n = e.defaultClassName, r = d(d({}, e.defaultVariants), t);
+	for (var i in r) {
+		var a = r[i] ?? e.defaultVariants[i];
+		if (a != null) {
+			var o = a;
+			typeof o == "boolean" && (o = o === !0 ? "true" : "false");
+			var s = e.variantClassNames[i][o];
+			s && (n += " " + s);
+		}
+	}
+	for (var [c, l] of e.compoundVariants) f(c, r, e.defaultVariants) && (n += " " + l);
+	return n;
+}, m = p({
+	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_ax8xqf0",
+	variantClassNames: {
+		up: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_ax8xqf1" },
+		down: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_ax8xqf2" }
+	},
+	defaultVariants: {},
+	compoundVariants: []
+}), h = p({
+	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id0",
+	variantClassNames: {
+		disabled: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id1" },
+		active: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id2" },
+		__autoLayout: {
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id3",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id4"
+		}
+	},
+	defaultVariants: {
+		disabled: !1,
+		active: !1,
+		__autoLayout: !1
+	},
+	compoundVariants: []
+}), g = "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id5", _ = "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id6";
+//#endregion
+//#region src/sorting-header/sorting-header-cell/SortingHeaderCell.tsx
+function v({ className: t, sortKey: i, sort: a, sortDisabled: o, onSortChange: s, onClick: l, children: u, style: d, widthPx: f, widthRem: p, __autoLayout: v = !1, ...y }) {
+	let b = e.useMemo(() => {
+		let e = !!i && !o && Array.isArray(a) && a.find((e) => e.key === i);
+		return e ? e.direction : void 0;
+	}, [
+		a,
+		i,
+		o
+	]), { t: x } = c(), S = f ? f / 16 : p, C = S ? {
+		...d,
+		width: `${S}rem`
+	} : d, w = (e) => {
+		i && !o && s && s([{
+			key: i,
+			direction: b === n.ASCENDING ? n.DESCENDING : n.ASCENDING
+		}]), l && l(e);
+	}, T = !!i && !!s && !o, E = "none";
+	b === n.ASCENDING ? E = "ascending" : b === n.DESCENDING && (E = "descending");
+	let D = null;
+	!v && b && (D = /* @__PURE__ */ e.createElement("span", { className: _ }, " ", b === n.ASCENDING ? x("sortingHeader.sortedAscending", { defaultValue: "sorted ascending" }) : x("sortingHeader.sortedDescending", { defaultValue: "sorted descending" })));
+	let O = T ? /* @__PURE__ */ e.createElement("button", {
+		type: "button",
+		className: g
+	}, u, D) : /* @__PURE__ */ e.createElement(e.Fragment, null, u, D);
+	return v ? /* @__PURE__ */ e.createElement("td", {
+		className: r(t, h({
+			disabled: o,
+			active: !!b,
+			__autoLayout: v
+		}), b && m({
+			up: b === n.ASCENDING,
+			down: b === n.DESCENDING
+		})),
+		onClick: w,
+		style: C,
+		role: "columnheader",
+		"aria-sort": T ? E : void 0,
+		...y
+	}, O) : /* @__PURE__ */ e.createElement("div", {
+		className: r(t, h({
+			disabled: o,
+			active: !!b,
+			__autoLayout: v
+		}), b && m({
+			up: b === n.ASCENDING,
+			down: b === n.DESCENDING
+		})),
+		onClick: w,
+		style: C,
+		...y
+	}, O);
 }
-V.set(B, {
-  name: "Sorting Header Cell",
-  props: {
-    sortKey: { type: "string" },
-    sort: { type: "SortedColumn[]" },
-    sortDisabled: { type: "boolean" },
-    onSortChange: { type: "SortChangeHandler" },
-    widthPx: { type: "number" },
-    widthRem: { type: "number" }
-  }
+t.set(v, {
+	name: "Sorting Header Cell",
+	props: {
+		sortKey: { type: "string" },
+		sort: { type: "SortedColumn[]" },
+		sortDisabled: { type: "boolean" },
+		onSortChange: { type: "SortChangeHandler" },
+		widthPx: { type: "number" },
+		widthRem: { type: "number" }
+	}
 });
-var k = A({ defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu0", variantClassNames: { pinned: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu1", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu2" }, scrollParentIsWindow: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu3", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu4" }, __autoLayout: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu5", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu6" } }, defaultVariants: { pinned: !1, scrollParentIsWindow: !1, __autoLayout: !1 }, compoundVariants: [[{ pinned: !0, scrollParentIsWindow: !0 }, "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu7"]] }), q = "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu8";
-function z({
-  sort: t,
-  onSortChange: r,
-  children: a,
-  className: e,
-  pinSortingHeader: o = !1,
-  __autoLayout: u = !1,
-  ...l
-}) {
-  const [f, w] = n.useState(!1), i = n.useRef(null), p = n.useRef(null), d = n.useRef({
-    height: "",
-    width: "",
-    unpinAtTop: 0,
-    unpinAtBottom: 0,
-    cellWidths: []
-  }), _ = n.useCallback(() => i.current && G(i.current) || window, []), N = n.useCallback((s) => {
-    const c = s || _();
-    return c.scrollY || c.scrollTop || 0;
-  }, []), y = n.useCallback(
-    (s) => {
-      if (o && i.current) {
-        const c = s || _(), h = N(c), g = u ? i.current.parentElement?.parentElement?.getBoundingClientRect() : i.current.parentElement?.getBoundingClientRect();
-        if (g) {
-          const v = i.current.getBoundingClientRect();
-          d.current.height = `${v.height}px`, d.current.width = `${v.width}px`, c === window ? (d.current.unpinAtBottom = g.bottom + h - v.height * 2, d.current.unpinAtTop = v.top + h - v.height) : (d.current.unpinAtBottom = g.bottom + h - v.height * 2, d.current.unpinAtTop = g.top + h), d.current.cellWidths = [], i.current.childNodes.forEach((O, x) => {
-            O instanceof HTMLElement && (d.current.cellWidths[x] = `${O.getBoundingClientRect().width}px`);
-          });
-        }
-      }
-    },
-    [o]
-  ), S = n.useCallback(() => {
-    p.current && (p.current.style.width = d.current.width, p.current.style.height = d.current.height, p.current.childNodes.forEach((s, c) => {
-      s instanceof HTMLElement && (s.style.width = d.current.cellWidths[c] || "");
-    }));
-  }, []);
-  n.useLayoutEffect(() => {
-    y();
-  }), n.useLayoutEffect(() => {
-    let s;
-    const c = _();
-    return o ? (s = L(() => {
-      y(c);
-      const { unpinAtTop: h, unpinAtBottom: g } = d.current, v = N(c);
-      h && g && (v >= h && v <= g ? (w(!0), i.current && (i.current.style.visibility = "hidden")) : (w(!1), i.current && (i.current.style.visibility = "visible")));
-    }), c.addEventListener("scroll", s), s()) : i.current && (i.current.style.visibility = "visible"), () => {
-      s && c.removeEventListener("scroll", s);
-    };
-  }, [o, y]), n.useLayoutEffect(() => {
-    let s;
-    return f && (s = () => {
-      y(), S();
-    }, window.addEventListener("resize", s), s()), () => {
-      s && window.removeEventListener("resize", s);
-    };
-  }, [f, y, S]);
-  const [P] = H(a, [{ type: B }]), C = W(P, () => [{ sort: t, onSortChange: r }]), E = _() === window;
-  if (u) {
-    const s = /* @__PURE__ */ n.createElement("tr", null, /* @__PURE__ */ n.createElement("td", { className: b(q), colSpan: 100 }));
-    return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
-      "tr",
-      {
-        ref: i,
-        className: b(
-          k({ pinned: !1, scrollParentIsWindow: E, __autoLayout: u }),
-          e
-        ),
-        ...l
-      },
-      C
-    ), s, f && /* @__PURE__ */ n.createElement(
-      "tr",
-      {
-        ref: p,
-        className: b(
-          e,
-          k({ pinned: !0, scrollParentIsWindow: E, __autoLayout: u })
-        ),
-        ...l,
-        id: l.id ? `pinned-${l.id}` : void 0,
-        "data-testid": l["data-testid"] ? `pinned-${l["data-testid"]}` : void 0
-      },
-      C
-    ));
-  }
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      ref: i,
-      className: b(
-        e,
-        k({ pinned: !1, scrollParentIsWindow: E, __autoLayout: u })
-      ),
-      ...l
-    },
-    C
-  ), f && /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      ref: p,
-      className: b(
-        e,
-        k({ pinned: !0, scrollParentIsWindow: E, __autoLayout: u })
-      ),
-      ...l,
-      id: l.id ? `pinned-${l.id}` : void 0,
-      "data-testid": l["data-testid"] ? `pinned-${l["data-testid"]}` : void 0
-    },
-    C
-  ));
+//#endregion
+//#region src/sorting-header/sorting-header/SortingHeader.css.ts
+var y = p({
+	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu0",
+	variantClassNames: {
+		pinned: {
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu1",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu2"
+		},
+		scrollParentIsWindow: {
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu3",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu4"
+		},
+		__autoLayout: {
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu5",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu6"
+		}
+	},
+	defaultVariants: {
+		pinned: !1,
+		scrollParentIsWindow: !1,
+		__autoLayout: !1
+	},
+	compoundVariants: [[{
+		pinned: !0,
+		scrollParentIsWindow: !0
+	}, "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu7"]]
+}), b = "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu8";
+//#endregion
+//#region src/sorting-header/sorting-header/SortingHeader.tsx
+function x({ sort: t, onSortChange: n, children: c, className: l, pinSortingHeader: u = !1, __autoLayout: d = !1, ...f }) {
+	let [p, m] = e.useState(!1), h = e.useRef(null), g = e.useRef(null), _ = e.useRef({
+		height: "",
+		width: "",
+		unpinAtTop: 0,
+		unpinAtBottom: 0,
+		cellWidths: []
+	}), x = e.useCallback(() => h.current && i(h.current) || window, []), S = e.useCallback((e) => {
+		let t = e || x();
+		return t.scrollY || t.scrollTop || 0;
+	}, []), C = e.useCallback((e) => {
+		if (u && h.current) {
+			let t = e || x(), n = S(t), r = d ? h.current.parentElement?.parentElement?.getBoundingClientRect() : h.current.parentElement?.getBoundingClientRect();
+			if (r) {
+				let e = h.current.getBoundingClientRect();
+				_.current.height = `${e.height}px`, _.current.width = `${e.width}px`, t === window ? (_.current.unpinAtBottom = r.bottom + n - e.height * 2, _.current.unpinAtTop = e.top + n - e.height) : (_.current.unpinAtBottom = r.bottom + n - e.height * 2, _.current.unpinAtTop = r.top + n), _.current.cellWidths = [], h.current.childNodes.forEach((e, t) => {
+					e instanceof HTMLElement && (_.current.cellWidths[t] = `${e.getBoundingClientRect().width}px`);
+				});
+			}
+		}
+	}, [u]), w = e.useCallback(() => {
+		g.current && (g.current.style.width = _.current.width, g.current.style.height = _.current.height, g.current.childNodes.forEach((e, t) => {
+			e instanceof HTMLElement && (e.style.width = _.current.cellWidths[t] || "");
+		}));
+	}, []);
+	e.useLayoutEffect(() => {
+		C();
+	}), e.useLayoutEffect(() => {
+		let e, t = x();
+		return u ? (e = s(() => {
+			C(t);
+			let { unpinAtTop: e, unpinAtBottom: n } = _.current, r = S(t);
+			e && n && (r >= e && r <= n ? (m(!0), h.current && (h.current.style.visibility = "hidden")) : (m(!1), h.current && (h.current.style.visibility = "visible")));
+		}), t.addEventListener("scroll", e), e()) : h.current && (h.current.style.visibility = "visible"), () => {
+			e && t.removeEventListener("scroll", e);
+		};
+	}, [u, C]), e.useLayoutEffect(() => {
+		let e;
+		return p && (e = () => {
+			C(), w();
+		}, window.addEventListener("resize", e), e()), () => {
+			e && window.removeEventListener("resize", e);
+		};
+	}, [
+		p,
+		C,
+		w
+	]);
+	let [T] = o(c, [{ type: v }]), E = a(T, () => [{
+		sort: t,
+		onSortChange: n
+	}]), D = x() === window;
+	if (d) {
+		let t = /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", {
+			className: r(b),
+			colSpan: 100
+		}));
+		return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("tr", {
+			ref: h,
+			className: r(y({
+				pinned: !1,
+				scrollParentIsWindow: D,
+				__autoLayout: d
+			}), l),
+			...f
+		}, E), t, p && /* @__PURE__ */ e.createElement("tr", {
+			ref: g,
+			className: r(l, y({
+				pinned: !0,
+				scrollParentIsWindow: D,
+				__autoLayout: d
+			})),
+			...f,
+			id: f.id ? `pinned-${f.id}` : void 0,
+			"data-testid": f["data-testid"] ? `pinned-${f["data-testid"]}` : void 0
+		}, E));
+	}
+	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
+		ref: h,
+		className: r(l, y({
+			pinned: !1,
+			scrollParentIsWindow: D,
+			__autoLayout: d
+		})),
+		...f
+	}, E), p && /* @__PURE__ */ e.createElement("div", {
+		ref: g,
+		className: r(l, y({
+			pinned: !0,
+			scrollParentIsWindow: D,
+			__autoLayout: d
+		})),
+		...f,
+		id: f.id ? `pinned-${f.id}` : void 0,
+		"data-testid": f["data-testid"] ? `pinned-${f["data-testid"]}` : void 0
+	}, E));
 }
-V.set(z, {
-  name: "Sorting Header",
-  props: {
-    sort: { type: "SortedColumn[]" },
-    onSortChange: { type: "SortChangeHandler" }
-  }
+t.set(x, {
+	name: "Sorting Header",
+	props: {
+		sort: { type: "SortedColumn[]" },
+		onSortChange: { type: "SortChangeHandler" }
+	}
 });
-export {
-  z as SortingHeader,
-  B as SortingHeaderCell
-};
+//#endregion
+export { x as SortingHeader, v as SortingHeaderCell };

package/lib/sorting-header/index.umd.cjs

@@ -1 +1 @@
-(function(g,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils","@spscommerce/i18n"],b):(g=typeof globalThis<"u"?globalThis:g||self,b(g.SortingHeader={},g.react,g.spsWoodlandCore,g.spscommerceUtils,g.spscommerceI18n))})(this,(function(g,b,a,B,x){"use strict";function G(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const r=G(b);function W(e,i,n){return i in e?Object.defineProperty(e,i,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[i]=n,e}function A(e,i){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);i&&(t=t.filter(function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable})),n.push.apply(n,t)}return n}function I(e){for(var i=1;i<arguments.length;i++){var n=arguments[i]!=null?arguments[i]:{};i%2?A(Object(n),!0).forEach(function(t){W(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var L=(e,i,n)=>{for(var t of Object.keys(e)){var l;if(e[t]!==((l=i[t])!==null&&l!==void 0?l:n[t]))return!1}return!0},j=e=>i=>{var n=e.defaultClassName,t=I(I({},e.defaultVariants),i);for(var l in t){var p,d=(p=t[l])!==null&&p!==void 0?p:e.defaultVariants[l];if(d!=null){var h=d;typeof h=="boolean"&&(h=h===!0?"true":"false");var y=e.variantClassNames[l][h];y&&(n+=" "+y)}}for(var[o,f]of e.compoundVariants)L(o,t,e.defaultVariants)&&(n+=" "+f);return n},H=j({defaultClassName:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_ax8xqf0",variantClassNames:{up:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_ax8xqf1"},down:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_ax8xqf2"}},defaultVariants:{},compoundVariants:[]}),R=j({defaultClassName:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id0",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id1"},active:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id2"},__autoLayout:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id3",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id4"}},defaultVariants:{disabled:!1,active:!1,__autoLayout:!1},compoundVariants:[]}),q="pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id5",M="pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_11ho8id6";function k({className:e,sortKey:i,sort:n,sortDisabled:t,onSortChange:l,onClick:p,children:d,style:h,widthPx:y,widthRem:o,__autoLayout:f=!1,...c}){const _=r.useMemo(()=>{const m=!!i&&!t&&Array.isArray(n)&&n.find(v=>v.key===i);return m?m.direction:void 0},[n,i,t]),{t:N}=x.useWoodlandLanguage(),S=y?y/16:o,D=S?{...h,width:`${S}rem`}:h,O=m=>{i&&!t&&l&&l([{key:i,direction:_===a.SortDirection.ASCENDING?a.SortDirection.DESCENDING:a.SortDirection.ASCENDING}]),p&&p(m)},C=!!i&&!!l&&!t;let E="none";_===a.SortDirection.ASCENDING?E="ascending":_===a.SortDirection.DESCENDING&&(E="descending");let s=null;!f&&_&&(s=r.createElement("span",{className:M}," ",_===a.SortDirection.ASCENDING?N("sortingHeader.sortedAscending",{defaultValue:"sorted ascending"}):N("sortingHeader.sortedDescending",{defaultValue:"sorted descending"})));const u=C?r.createElement("button",{type:"button",className:q},d,s):r.createElement(r.Fragment,null,d,s);return f?r.createElement("td",{className:a.cl(e,R({disabled:t,active:!!_,__autoLayout:f}),_&&H({up:_===a.SortDirection.ASCENDING,down:_===a.SortDirection.DESCENDING})),onClick:O,style:D,role:"columnheader","aria-sort":C?E:void 0,...c},u):r.createElement("div",{className:a.cl(e,R({disabled:t,active:!!_,__autoLayout:f}),_&&H({up:_===a.SortDirection.ASCENDING,down:_===a.SortDirection.DESCENDING})),onClick:O,style:D,...c},u)}a.Metadata.set(k,{name:"Sorting Header Cell",props:{sortKey:{type:"string"},sort:{type:"SortedColumn[]"},sortDisabled:{type:"boolean"},onSortChange:{type:"SortChangeHandler"},widthPx:{type:"number"},widthRem:{type:"number"}}});var P=j({defaultClassName:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu0",variantClassNames:{pinned:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu1",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu2"},scrollParentIsWindow:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu3",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu4"},__autoLayout:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu5",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu6"}},defaultVariants:{pinned:!1,scrollParentIsWindow:!1,__autoLayout:!1},compoundVariants:[[{pinned:!0,scrollParentIsWindow:!0},"pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu7"]]}),F="pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu8";function T({sort:e,onSortChange:i,children:n,className:t,pinSortingHeader:l=!1,__autoLayout:p=!1,...d}){const[h,y]=r.useState(!1),o=r.useRef(null),f=r.useRef(null),c=r.useRef({height:"",width:"",unpinAtTop:0,unpinAtBottom:0,cellWidths:[]}),_=r.useCallback(()=>o.current&&a.getScrollParent(o.current)||window,[]),N=r.useCallback(s=>{const u=s||_();return u.scrollY||u.scrollTop||0},[]),S=r.useCallback(s=>{if(l&&o.current){const u=s||_(),m=N(u),v=p?o.current.parentElement?.parentElement?.getBoundingClientRect():o.current.parentElement?.getBoundingClientRect();if(v){const w=o.current.getBoundingClientRect();c.current.height=`${w.height}px`,c.current.width=`${w.width}px`,u===window?(c.current.unpinAtBottom=v.bottom+m-w.height*2,c.current.unpinAtTop=w.top+m-w.height):(c.current.unpinAtBottom=v.bottom+m-w.height*2,c.current.unpinAtTop=v.top+m),c.current.cellWidths=[],o.current.childNodes.forEach((V,z)=>{V instanceof HTMLElement&&(c.current.cellWidths[z]=`${V.getBoundingClientRect().width}px`)})}}},[l]),D=r.useCallback(()=>{f.current&&(f.current.style.width=c.current.width,f.current.style.height=c.current.height,f.current.childNodes.forEach((s,u)=>{s instanceof HTMLElement&&(s.style.width=c.current.cellWidths[u]||"")}))},[]);r.useLayoutEffect(()=>{S()}),r.useLayoutEffect(()=>{let s;const u=_();return l?(s=B.lockToAnimationFrames(()=>{S(u);const{unpinAtTop:m,unpinAtBottom:v}=c.current,w=N(u);m&&v&&(w>=m&&w<=v?(y(!0),o.current&&(o.current.style.visibility="hidden")):(y(!1),o.current&&(o.current.style.visibility="visible")))}),u.addEventListener("scroll",s),s()):o.current&&(o.current.style.visibility="visible"),()=>{s&&u.removeEventListener("scroll",s)}},[l,S]),r.useLayoutEffect(()=>{let s;return h&&(s=()=>{S(),D()},window.addEventListener("resize",s),s()),()=>{s&&window.removeEventListener("resize",s)}},[h,S,D]);const[O]=a.selectChildren(n,[{type:k}]),C=a.modChildren(O,()=>[{sort:e,onSortChange:i}]),E=_()===window;if(p){const s=r.createElement("tr",null,r.createElement("td",{className:a.cl(F),colSpan:100}));return r.createElement(r.Fragment,null,r.createElement("tr",{ref:o,className:a.cl(P({pinned:!1,scrollParentIsWindow:E,__autoLayout:p}),t),...d},C),s,h&&r.createElement("tr",{ref:f,className:a.cl(t,P({pinned:!0,scrollParentIsWindow:E,__autoLayout:p})),...d,id:d.id?`pinned-${d.id}`:void 0,"data-testid":d["data-testid"]?`pinned-${d["data-testid"]}`:void 0},C))}return r.createElement(r.Fragment,null,r.createElement("div",{ref:o,className:a.cl(t,P({pinned:!1,scrollParentIsWindow:E,__autoLayout:p})),...d},C),h&&r.createElement("div",{ref:f,className:a.cl(t,P({pinned:!0,scrollParentIsWindow:E,__autoLayout:p})),...d,id:d.id?`pinned-${d.id}`:void 0,"data-testid":d["data-testid"]?`pinned-${d["data-testid"]}`:void 0},C))}a.Metadata.set(T,{name:"Sorting Header",props:{sort:{type:"SortedColumn[]"},onSortChange:{type:"SortChangeHandler"}}}),g.SortingHeader=T,g.SortingHeaderCell=k,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils"),require("@spscommerce/i18n")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@sps-woodland/core`,`@spscommerce/utils`,`@spscommerce/i18n`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.SortingHeader={},e.react,e.spsWoodlandCore,e.spscommerceUtils,e.spscommerceI18n))})(this,function(e,t,n,r,i){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var a=Object.create,o=Object.defineProperty,s=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,l=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=c(t),a=0,l=i.length,d;a<l;a++)d=i[a],!u.call(e,d)&&d!==n&&o(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=s(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:a(l(e)),d(t||!e||!e.__esModule||!u.call(e,`default`)?o(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?p(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var h=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},g=e=>t=>{var n=e.defaultClassName,r=m(m({},e.defaultVariants),t);for(var i in r){var a=r[i]??e.defaultVariants[i];if(a!=null){var o=a;typeof o==`boolean`&&(o=o===!0?`true`:`false`);var s=e.variantClassNames[i][o];s&&(n+=` `+s)}}for(var[c,l]of e.compoundVariants)h(c,r,e.defaultVariants)&&(n+=` `+l);return n},_=g({defaultClassName:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_ax8xqf0`,variantClassNames:{up:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_ax8xqf1`},down:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_ax8xqf2`}},defaultVariants:{},compoundVariants:[]}),v=g({defaultClassName:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id0`,variantClassNames:{disabled:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id1`},active:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id2`},__autoLayout:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id3`,false:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id4`}},defaultVariants:{disabled:!1,active:!1,__autoLayout:!1},compoundVariants:[]}),y=`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id5`,b=`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_11ho8id6`;function x({className:e,sortKey:r,sort:a,sortDisabled:o,onSortChange:s,onClick:c,children:l,style:u,widthPx:d,widthRem:f,__autoLayout:p=!1,...m}){let h=t.useMemo(()=>{let e=!!r&&!o&&Array.isArray(a)&&a.find(e=>e.key===r);return e?e.direction:void 0},[a,r,o]),{t:g}=(0,i.useWoodlandLanguage)(),x=d?d/16:f,S=x?{...u,width:`${x}rem`}:u,C=e=>{r&&!o&&s&&s([{key:r,direction:h===n.SortDirection.ASCENDING?n.SortDirection.DESCENDING:n.SortDirection.ASCENDING}]),c&&c(e)},w=!!r&&!!s&&!o,T=`none`;h===n.SortDirection.ASCENDING?T=`ascending`:h===n.SortDirection.DESCENDING&&(T=`descending`);let E=null;!p&&h&&(E=t.createElement(`span`,{className:b},` `,h===n.SortDirection.ASCENDING?g(`sortingHeader.sortedAscending`,{defaultValue:`sorted ascending`}):g(`sortingHeader.sortedDescending`,{defaultValue:`sorted descending`})));let D=w?t.createElement(`button`,{type:`button`,className:y},l,E):t.createElement(t.Fragment,null,l,E);return p?t.createElement(`td`,{className:(0,n.cl)(e,v({disabled:o,active:!!h,__autoLayout:p}),h&&_({up:h===n.SortDirection.ASCENDING,down:h===n.SortDirection.DESCENDING})),onClick:C,style:S,role:`columnheader`,"aria-sort":w?T:void 0,...m},D):t.createElement(`div`,{className:(0,n.cl)(e,v({disabled:o,active:!!h,__autoLayout:p}),h&&_({up:h===n.SortDirection.ASCENDING,down:h===n.SortDirection.DESCENDING})),onClick:C,style:S,...m},D)}n.Metadata.set(x,{name:`Sorting Header Cell`,props:{sortKey:{type:`string`},sort:{type:`SortedColumn[]`},sortDisabled:{type:`boolean`},onSortChange:{type:`SortChangeHandler`},widthPx:{type:`number`},widthRem:{type:`number`}}});var S=g({defaultClassName:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu0`,variantClassNames:{pinned:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu1`,false:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu2`},scrollParentIsWindow:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu3`,false:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu4`},__autoLayout:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu5`,false:`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu6`}},defaultVariants:{pinned:!1,scrollParentIsWindow:!1,__autoLayout:!1},compoundVariants:[[{pinned:!0,scrollParentIsWindow:!0},`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu7`]]}),C=`pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_1jpcvsu8`;function w({sort:e,onSortChange:i,children:a,className:o,pinSortingHeader:s=!1,__autoLayout:c=!1,...l}){let[u,d]=t.useState(!1),f=t.useRef(null),p=t.useRef(null),m=t.useRef({height:``,width:``,unpinAtTop:0,unpinAtBottom:0,cellWidths:[]}),h=t.useCallback(()=>f.current&&(0,n.getScrollParent)(f.current)||window,[]),g=t.useCallback(e=>{let t=e||h();return t.scrollY||t.scrollTop||0},[]),_=t.useCallback(e=>{if(s&&f.current){let t=e||h(),n=g(t),r=c?f.current.parentElement?.parentElement?.getBoundingClientRect():f.current.parentElement?.getBoundingClientRect();if(r){let e=f.current.getBoundingClientRect();m.current.height=`${e.height}px`,m.current.width=`${e.width}px`,t===window?(m.current.unpinAtBottom=r.bottom+n-e.height*2,m.current.unpinAtTop=e.top+n-e.height):(m.current.unpinAtBottom=r.bottom+n-e.height*2,m.current.unpinAtTop=r.top+n),m.current.cellWidths=[],f.current.childNodes.forEach((e,t)=>{e instanceof HTMLElement&&(m.current.cellWidths[t]=`${e.getBoundingClientRect().width}px`)})}}},[s]),v=t.useCallback(()=>{p.current&&(p.current.style.width=m.current.width,p.current.style.height=m.current.height,p.current.childNodes.forEach((e,t)=>{e instanceof HTMLElement&&(e.style.width=m.current.cellWidths[t]||``)}))},[]);t.useLayoutEffect(()=>{_()}),t.useLayoutEffect(()=>{let e,t=h();return s?(e=(0,r.lockToAnimationFrames)(()=>{_(t);let{unpinAtTop:e,unpinAtBottom:n}=m.current,r=g(t);e&&n&&(r>=e&&r<=n?(d(!0),f.current&&(f.current.style.visibility=`hidden`)):(d(!1),f.current&&(f.current.style.visibility=`visible`)))}),t.addEventListener(`scroll`,e),e()):f.current&&(f.current.style.visibility=`visible`),()=>{e&&t.removeEventListener(`scroll`,e)}},[s,_]),t.useLayoutEffect(()=>{let e;return u&&(e=()=>{_(),v()},window.addEventListener(`resize`,e),e()),()=>{e&&window.removeEventListener(`resize`,e)}},[u,_,v]);let[y]=(0,n.selectChildren)(a,[{type:x}]),b=(0,n.modChildren)(y,()=>[{sort:e,onSortChange:i}]),w=h()===window;if(c){let e=t.createElement(`tr`,null,t.createElement(`td`,{className:(0,n.cl)(C),colSpan:100}));return t.createElement(t.Fragment,null,t.createElement(`tr`,{ref:f,className:(0,n.cl)(S({pinned:!1,scrollParentIsWindow:w,__autoLayout:c}),o),...l},b),e,u&&t.createElement(`tr`,{ref:p,className:(0,n.cl)(o,S({pinned:!0,scrollParentIsWindow:w,__autoLayout:c})),...l,id:l.id?`pinned-${l.id}`:void 0,"data-testid":l[`data-testid`]?`pinned-${l[`data-testid`]}`:void 0},b))}return t.createElement(t.Fragment,null,t.createElement(`div`,{ref:f,className:(0,n.cl)(o,S({pinned:!1,scrollParentIsWindow:w,__autoLayout:c})),...l},b),u&&t.createElement(`div`,{ref:p,className:(0,n.cl)(o,S({pinned:!0,scrollParentIsWindow:w,__autoLayout:c})),...l,id:l.id?`pinned-${l.id}`:void 0,"data-testid":l[`data-testid`]?`pinned-${l[`data-testid`]}`:void 0},b))}n.Metadata.set(w,{name:`Sorting Header`,props:{sort:{type:`SortedColumn[]`},onSortChange:{type:`SortChangeHandler`}}}),e.SortingHeader=w,e.SortingHeaderCell=x});