@sps-woodland/core 8.56.1 → 8.56.3

package/lib/sorting-header/index.js

@@ -1,250 +1,276 @@
-import * as n from "react";
-import { Metadata as x, cl as C, SortDirection as y, getScrollParent as L, selectChildren as T, modChildren as W } from "@sps-woodland/core";
-import { lockToAnimationFrames as G } from "@spscommerce/utils";
-function H(e, a, r) {
-  return a in e ? Object.defineProperty(e, a, {
-    value: r,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[a] = r, e;
+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.2/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 A(e, a) {
-  var r = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    a && (t = t.filter(function(l) {
-      return Object.getOwnPropertyDescriptor(e, l).enumerable;
-    })), r.push.apply(r, t);
-  }
-  return r;
+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(e) {
-  for (var a = 1; a < arguments.length; a++) {
-    var r = arguments[a] != null ? arguments[a] : {};
-    a % 2 ? A(Object(r), !0).forEach(function(t) {
-      H(e, t, r[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : A(Object(r)).forEach(function(t) {
-      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-    });
-  }
-  return e;
+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 F = (e, a, r) => {
-  for (var t of Object.keys(e)) {
-    var l;
-    if (e[t] !== ((l = a[t]) !== null && l !== void 0 ? l : r[t]))
-      return !1;
-  }
-  return !0;
-}, O = (e) => (a) => {
-  var r = e.defaultClassName, t = D(D({}, e.defaultVariants), a);
-  for (var l in t) {
-    var c, o = (c = t[l]) !== null && c !== void 0 ? c : e.defaultVariants[l];
-    if (o != null) {
-      var u = o;
-      typeof u == "boolean" && (u = u === !0 ? "true" : "false");
-      var m = (
-        // @ts-expect-error
-        e.variantClassNames[l][u]
-      );
-      m && (r += " " + m);
-    }
-  }
-  for (var [i, p] of e.compoundVariants)
-    F(i, t, e.defaultVariants) && (r += " " + p);
-  return r;
-}, I = O({ defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_ax8xqf0", variantClassNames: { up: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_ax8xqf1" }, down: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_ax8xqf2" } }, defaultVariants: {}, compoundVariants: [] }), R = O({ defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id0", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id1" }, active: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id2" }, __autoLayout: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id3", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id4" } }, defaultVariants: { disabled: !1, active: !1, __autoLayout: !1 }, compoundVariants: [] });
-function B({
-  className: e,
-  sortKey: a,
-  sort: r,
-  sortDisabled: t,
-  onSortChange: l,
-  onClick: c,
-  children: o,
-  style: u,
-  widthPx: m,
-  widthRem: i,
-  __autoLayout: p = !1,
-  ..._
-}) {
-  const d = n.useMemo(() => {
-    const E = !!a && !t && Array.isArray(r) && r.find((b) => b.key === a);
-    return E ? E.direction : void 0;
-  }, [r, a, t]), S = m ? m / 16 : i, v = S ? { ...u, width: `${S}rem` } : u, N = (E) => {
-    a && !t && l && l([
-      {
-        key: a,
-        direction: d === y.ASCENDING ? y.DESCENDING : y.ASCENDING
-      }
-    ]), c && c(E);
-  };
-  return p ? /* @__PURE__ */ n.createElement(
-    "td",
-    {
-      className: C(
-        e,
-        R({ disabled: t, active: !!d, __autoLayout: p }),
-        d && I({
-          up: d === y.ASCENDING,
-          down: d === y.DESCENDING
-        })
-      ),
-      onClick: N,
-      style: v,
-      ..._
-    },
-    o
-  ) : /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      className: C(
-        e,
-        R({ disabled: t, active: !!d, __autoLayout: p }),
-        d && I({
-          up: d === y.ASCENDING,
-          down: d === y.DESCENDING
-        })
-      ),
-      onClick: N,
-      style: v,
-      ..._
-    },
-    o
-  );
+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_3__hash_ax8xqf0",
+	variantClassNames: {
+		up: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_ax8xqf1" },
+		down: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_ax8xqf2" }
+	},
+	defaultVariants: {},
+	compoundVariants: []
+}), h = p({
+	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id0",
+	variantClassNames: {
+		disabled: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id1" },
+		active: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id2" },
+		__autoLayout: {
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id3",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id4"
+		}
+	},
+	defaultVariants: {
+		disabled: !1,
+		active: !1,
+		__autoLayout: !1
+	},
+	compoundVariants: []
+}), g = "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id5", _ = "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__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);
 }
-x.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 = O({ defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu0", variantClassNames: { pinned: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu1", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu2" }, scrollParentIsWindow: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu3", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu4" }, __autoLayout: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu5", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu6" } }, defaultVariants: { pinned: !1, scrollParentIsWindow: !1, __autoLayout: !1 }, compoundVariants: [[{ pinned: !0, scrollParentIsWindow: !0 }, "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu7"]] }), M = "pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu8";
-function Y({
-  sort: e,
-  onSortChange: a,
-  children: r,
-  className: t,
-  pinSortingHeader: l = !1,
-  __autoLayout: c = !1,
-  ...o
-}) {
-  const [u, m] = n.useState(!1), i = n.useRef(null), p = n.useRef(null), _ = n.useRef({
-    height: "",
-    width: "",
-    unpinAtTop: 0,
-    unpinAtBottom: 0,
-    cellWidths: []
-  }), d = n.useCallback(() => i.current && L(i.current) || window, []), S = n.useCallback((s) => {
-    const f = s || d();
-    return f.scrollY || f.scrollTop || 0;
-  }, []), v = n.useCallback(
-    (s) => {
-      if (l && i.current) {
-        const f = s || d(), g = S(f), w = c ? i.current.parentElement?.parentElement?.getBoundingClientRect() : i.current.parentElement?.getBoundingClientRect();
-        if (w) {
-          const h = i.current.getBoundingClientRect();
-          _.current.height = `${h.height}px`, _.current.width = `${h.width}px`, f === window ? (_.current.unpinAtBottom = w.bottom + g - h.height * 2, _.current.unpinAtTop = h.top + g - h.height) : (_.current.unpinAtBottom = w.bottom + g - h.height * 2, _.current.unpinAtTop = w.top + g), _.current.cellWidths = [], i.current.childNodes.forEach((j, V) => {
-            j instanceof HTMLElement && (_.current.cellWidths[V] = `${j.getBoundingClientRect().width}px`);
-          });
-        }
-      }
-    },
-    [l]
-  ), N = n.useCallback(() => {
-    p.current && (p.current.style.width = _.current.width, p.current.style.height = _.current.height, p.current.childNodes.forEach((s, f) => {
-      s instanceof HTMLElement && (s.style.width = _.current.cellWidths[f] || "");
-    }));
-  }, []);
-  n.useLayoutEffect(() => {
-    v();
-  }), n.useLayoutEffect(() => {
-    let s;
-    const f = d();
-    return l ? (s = G(() => {
-      v(f);
-      const { unpinAtTop: g, unpinAtBottom: w } = _.current, h = S(f);
-      g && w && (h >= g && h <= w ? (m(!0), i.current && (i.current.style.visibility = "hidden")) : (m(!1), i.current && (i.current.style.visibility = "visible")));
-    }), f.addEventListener("scroll", s), s()) : i.current && (i.current.style.visibility = "visible"), () => {
-      s && f.removeEventListener("scroll", s);
-    };
-  }, [l, v]), n.useLayoutEffect(() => {
-    let s;
-    return u && (s = () => {
-      v(), N();
-    }, window.addEventListener("resize", s), s()), () => {
-      s && window.removeEventListener("resize", s);
-    };
-  }, [u, v, N]);
-  const [E] = T(r, [{ type: B }]), b = W(E, () => [{ sort: e, onSortChange: a }]), P = d() === window;
-  if (c) {
-    const s = /* @__PURE__ */ n.createElement("tr", null, /* @__PURE__ */ n.createElement("td", { className: C(M), colSpan: 100 }));
-    return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
-      "tr",
-      {
-        ref: i,
-        className: C(
-          k({ pinned: !1, scrollParentIsWindow: P, __autoLayout: c }),
-          t
-        ),
-        ...o
-      },
-      b
-    ), s, u && /* @__PURE__ */ n.createElement(
-      "tr",
-      {
-        ref: p,
-        className: C(
-          t,
-          k({ pinned: !0, scrollParentIsWindow: P, __autoLayout: c })
-        ),
-        ...o,
-        id: o.id ? `pinned-${o.id}` : void 0,
-        "data-testid": o["data-testid"] ? `pinned-${o["data-testid"]}` : void 0
-      },
-      b
-    ));
-  }
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      ref: i,
-      className: C(
-        t,
-        k({ pinned: !1, scrollParentIsWindow: P, __autoLayout: c })
-      ),
-      ...o
-    },
-    b
-  ), u && /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      ref: p,
-      className: C(
-        t,
-        k({ pinned: !0, scrollParentIsWindow: P, __autoLayout: c })
-      ),
-      ...o,
-      id: o.id ? `pinned-${o.id}` : void 0,
-      "data-testid": o["data-testid"] ? `pinned-${o["data-testid"]}` : void 0
-    },
-    b
-  ));
+//#endregion
+//#region src/sorting-header/sorting-header/SortingHeader.css.ts
+var y = p({
+	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu0",
+	variantClassNames: {
+		pinned: {
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu1",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu2"
+		},
+		scrollParentIsWindow: {
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu3",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu4"
+		},
+		__autoLayout: {
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu5",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu6"
+		}
+	},
+	defaultVariants: {
+		pinned: !1,
+		scrollParentIsWindow: !1,
+		__autoLayout: !1
+	},
+	compoundVariants: [[{
+		pinned: !0,
+		scrollParentIsWindow: !0
+	}, "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu7"]]
+}), b = "pkg_sps-woodland_core__family_sorting-header__version_8_56_3__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));
 }
-x.set(Y, {
-  name: "Sorting Header",
-  props: {
-    sort: { type: "SortedColumn[]" },
-    onSortChange: { type: "SortChangeHandler" }
-  }
+t.set(x, {
+	name: "Sorting Header",
+	props: {
+		sort: { type: "SortedColumn[]" },
+		onSortChange: { type: "SortChangeHandler" }
+	}
 });
-export {
-  Y as SortingHeader,
-  B as SortingHeaderCell
-};
+//#endregion
+export { x as SortingHeader, v as SortingHeaderCell };

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

@@ -1 +1 @@
-(function(m,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],b):(m=typeof globalThis<"u"?globalThis:m||self,b(m.SortingHeader={},m.react,m.spsWoodlandCore,m.spscommerceUtils))})(this,(function(m,b,a,H){"use strict";function V(e){const r=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(r,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const i=V(b);function W(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function A(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable})),n.push.apply(n,t)}return n}function I(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%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,r,n)=>{for(var t of Object.keys(e)){var _;if(e[t]!==((_=r[t])!==null&&_!==void 0?_:n[t]))return!1}return!0},D=e=>r=>{var n=e.defaultClassName,t=I(I({},e.defaultVariants),r);for(var _ in t){var u,l=(u=t[_])!==null&&u!==void 0?u:e.defaultVariants[_];if(l!=null){var p=l;typeof p=="boolean"&&(p=p===!0?"true":"false");var v=e.variantClassNames[_][p];v&&(n+=" "+v)}}for(var[o,f]of e.compoundVariants)L(o,t,e.defaultVariants)&&(n+=" "+f);return n},R=D({defaultClassName:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_ax8xqf0",variantClassNames:{up:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_ax8xqf1"},down:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_ax8xqf2"}},defaultVariants:{},compoundVariants:[]}),T=D({defaultClassName:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id0",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id1"},active:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id2"},__autoLayout:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id3",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_11ho8id4"}},defaultVariants:{disabled:!1,active:!1,__autoLayout:!1},compoundVariants:[]});function k({className:e,sortKey:r,sort:n,sortDisabled:t,onSortChange:_,onClick:u,children:l,style:p,widthPx:v,widthRem:o,__autoLayout:f=!1,...d}){const c=i.useMemo(()=>{const S=!!r&&!t&&Array.isArray(n)&&n.find(E=>E.key===r);return S?S.direction:void 0},[n,r,t]),P=v?v/16:o,w=P?{...p,width:`${P}rem`}:p,O=S=>{r&&!t&&_&&_([{key:r,direction:c===a.SortDirection.ASCENDING?a.SortDirection.DESCENDING:a.SortDirection.ASCENDING}]),u&&u(S)};return f?i.createElement("td",{className:a.cl(e,T({disabled:t,active:!!c,__autoLayout:f}),c&&R({up:c===a.SortDirection.ASCENDING,down:c===a.SortDirection.DESCENDING})),onClick:O,style:w,...d},l):i.createElement("div",{className:a.cl(e,T({disabled:t,active:!!c,__autoLayout:f}),c&&R({up:c===a.SortDirection.ASCENDING,down:c===a.SortDirection.DESCENDING})),onClick:O,style:w,...d},l)}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 j=D({defaultClassName:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu0",variantClassNames:{pinned:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu1",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu2"},scrollParentIsWindow:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu3",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu4"},__autoLayout:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu5",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu6"}},defaultVariants:{pinned:!1,scrollParentIsWindow:!1,__autoLayout:!1},compoundVariants:[[{pinned:!0,scrollParentIsWindow:!0},"pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu7"]]}),G="pkg_sps-woodland_core__family_sorting-header__version_8_56_1__hash_1jpcvsu8";function x({sort:e,onSortChange:r,children:n,className:t,pinSortingHeader:_=!1,__autoLayout:u=!1,...l}){const[p,v]=i.useState(!1),o=i.useRef(null),f=i.useRef(null),d=i.useRef({height:"",width:"",unpinAtTop:0,unpinAtBottom:0,cellWidths:[]}),c=i.useCallback(()=>o.current&&a.getScrollParent(o.current)||window,[]),P=i.useCallback(s=>{const h=s||c();return h.scrollY||h.scrollTop||0},[]),w=i.useCallback(s=>{if(_&&o.current){const h=s||c(),y=P(h),C=u?o.current.parentElement?.parentElement?.getBoundingClientRect():o.current.parentElement?.getBoundingClientRect();if(C){const g=o.current.getBoundingClientRect();d.current.height=`${g.height}px`,d.current.width=`${g.width}px`,h===window?(d.current.unpinAtBottom=C.bottom+y-g.height*2,d.current.unpinAtTop=g.top+y-g.height):(d.current.unpinAtBottom=C.bottom+y-g.height*2,d.current.unpinAtTop=C.top+y),d.current.cellWidths=[],o.current.childNodes.forEach((B,M)=>{B instanceof HTMLElement&&(d.current.cellWidths[M]=`${B.getBoundingClientRect().width}px`)})}}},[_]),O=i.useCallback(()=>{f.current&&(f.current.style.width=d.current.width,f.current.style.height=d.current.height,f.current.childNodes.forEach((s,h)=>{s instanceof HTMLElement&&(s.style.width=d.current.cellWidths[h]||"")}))},[]);i.useLayoutEffect(()=>{w()}),i.useLayoutEffect(()=>{let s;const h=c();return _?(s=H.lockToAnimationFrames(()=>{w(h);const{unpinAtTop:y,unpinAtBottom:C}=d.current,g=P(h);y&&C&&(g>=y&&g<=C?(v(!0),o.current&&(o.current.style.visibility="hidden")):(v(!1),o.current&&(o.current.style.visibility="visible")))}),h.addEventListener("scroll",s),s()):o.current&&(o.current.style.visibility="visible"),()=>{s&&h.removeEventListener("scroll",s)}},[_,w]),i.useLayoutEffect(()=>{let s;return p&&(s=()=>{w(),O()},window.addEventListener("resize",s),s()),()=>{s&&window.removeEventListener("resize",s)}},[p,w,O]);const[S]=a.selectChildren(n,[{type:k}]),E=a.modChildren(S,()=>[{sort:e,onSortChange:r}]),N=c()===window;if(u){const s=i.createElement("tr",null,i.createElement("td",{className:a.cl(G),colSpan:100}));return i.createElement(i.Fragment,null,i.createElement("tr",{ref:o,className:a.cl(j({pinned:!1,scrollParentIsWindow:N,__autoLayout:u}),t),...l},E),s,p&&i.createElement("tr",{ref:f,className:a.cl(t,j({pinned:!0,scrollParentIsWindow:N,__autoLayout:u})),...l,id:l.id?`pinned-${l.id}`:void 0,"data-testid":l["data-testid"]?`pinned-${l["data-testid"]}`:void 0},E))}return i.createElement(i.Fragment,null,i.createElement("div",{ref:o,className:a.cl(t,j({pinned:!1,scrollParentIsWindow:N,__autoLayout:u})),...l},E),p&&i.createElement("div",{ref:f,className:a.cl(t,j({pinned:!0,scrollParentIsWindow:N,__autoLayout:u})),...l,id:l.id?`pinned-${l.id}`:void 0,"data-testid":l["data-testid"]?`pinned-${l["data-testid"]}`:void 0},E))}a.Metadata.set(x,{name:"Sorting Header",props:{sort:{type:"SortedColumn[]"},onSortChange:{type:"SortChangeHandler"}}}),m.SortingHeader=x,m.SortingHeaderCell=k,Object.defineProperty(m,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_3__hash_ax8xqf0`,variantClassNames:{up:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_ax8xqf1`},down:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_ax8xqf2`}},defaultVariants:{},compoundVariants:[]}),v=g({defaultClassName:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id0`,variantClassNames:{disabled:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id1`},active:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id2`},__autoLayout:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id3`,false:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id4`}},defaultVariants:{disabled:!1,active:!1,__autoLayout:!1},compoundVariants:[]}),y=`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_11ho8id5`,b=`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__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_3__hash_1jpcvsu0`,variantClassNames:{pinned:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu1`,false:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu2`},scrollParentIsWindow:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu3`,false:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu4`},__autoLayout:{true:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu5`,false:`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu6`}},defaultVariants:{pinned:!1,scrollParentIsWindow:!1,__autoLayout:!1},compoundVariants:[[{pinned:!0,scrollParentIsWindow:!0},`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__hash_1jpcvsu7`]]}),C=`pkg_sps-woodland_core__family_sorting-header__version_8_56_3__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});