@sps-woodland/core 8.56.0 → 8.56.2

package/lib/sorting-header/index.js

@@ -1,120 +1,128 @@
 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,
+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
-  }) : e[a] = r, e;
+  }) : t[r] = a, t;
 }
-function A(e, a) {
-  var r = Object.keys(e);
+function j(t, r) {
+  var a = Object.keys(t);
   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);
+    var e = Object.getOwnPropertySymbols(t);
+    r && (e = e.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(t, o).enumerable;
+    })), a.push.apply(a, e);
   }
-  return r;
+  return a;
 }
-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));
+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 e;
+  return t;
 }
-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]))
+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;
-}, 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 = (
+}, 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
-        e.variantClassNames[l][u]
+        t.variantClassNames[o][f]
       );
-      m && (r += " " + m);
+      w && (a += " " + w);
     }
   }
-  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_0__hash_ax8xqf0", variantClassNames: { up: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_ax8xqf1" }, down: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_ax8xqf2" } }, defaultVariants: {}, compoundVariants: [] }), R = O({ defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_11ho8id0", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_11ho8id1" }, active: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_11ho8id2" }, __autoLayout: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_11ho8id3", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_11ho8id4" } }, defaultVariants: { disabled: !1, active: !1, __autoLayout: !1 }, compoundVariants: [] });
+  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: e,
-  sortKey: a,
-  sort: r,
-  sortDisabled: t,
-  onSortChange: l,
-  onClick: c,
-  children: o,
-  style: u,
-  widthPx: m,
+  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 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([
+  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: a,
-        direction: d === y.ASCENDING ? y.DESCENDING : y.ASCENDING
+        key: r,
+        direction: _ === m.ASCENDING ? m.DESCENDING : m.ASCENDING
       }
-    ]), c && c(E);
-  };
+    ]), 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: C(
-        e,
-        R({ disabled: t, active: !!d, __autoLayout: p }),
-        d && I({
-          up: d === y.ASCENDING,
-          down: d === y.DESCENDING
+      className: b(
+        t,
+        R({ disabled: e, active: !!_, __autoLayout: p }),
+        _ && I({
+          up: _ === m.ASCENDING,
+          down: _ === m.DESCENDING
         })
       ),
-      onClick: N,
-      style: v,
-      ..._
+      onClick: P,
+      style: S,
+      role: "columnheader",
+      "aria-sort": C ? E : void 0,
+      ...d
     },
-    o
+    c
   ) : /* @__PURE__ */ n.createElement(
     "div",
     {
-      className: C(
-        e,
-        R({ disabled: t, active: !!d, __autoLayout: p }),
-        d && I({
-          up: d === y.ASCENDING,
-          down: d === y.DESCENDING
+      className: b(
+        t,
+        R({ disabled: e, active: !!_, __autoLayout: p }),
+        _ && I({
+          up: _ === m.ASCENDING,
+          down: _ === m.DESCENDING
         })
       ),
-      onClick: N,
-      style: v,
-      ..._
+      onClick: P,
+      style: S,
+      ...d
     },
-    o
+    c
   );
 }
-x.set(B, {
+V.set(B, {
   name: "Sorting Header Cell",
   props: {
     sortKey: { type: "string" },
@@ -125,119 +133,119 @@ x.set(B, {
     widthRem: { type: "number" }
   }
 });
-var k = O({ defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu0", variantClassNames: { pinned: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu1", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu2" }, scrollParentIsWindow: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu3", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu4" }, __autoLayout: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu5", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu6" } }, defaultVariants: { pinned: !1, scrollParentIsWindow: !1, __autoLayout: !1 }, compoundVariants: [[{ pinned: !0, scrollParentIsWindow: !0 }, "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu7"]] }), M = "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu8";
-function Y({
-  sort: e,
-  onSortChange: a,
-  children: r,
-  className: t,
-  pinSortingHeader: l = !1,
-  __autoLayout: c = !1,
-  ...o
+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 [u, m] = n.useState(!1), i = n.useRef(null), p = n.useRef(null), _ = n.useRef({
+  const [f, w] = n.useState(!1), i = n.useRef(null), p = n.useRef(null), d = 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(
+  }), _ = 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 (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`);
+      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`);
           });
         }
       }
     },
-    [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] || "");
+    [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(() => {
-    v();
+    y();
   }), 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);
+    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);
     };
-  }, [l, v]), n.useLayoutEffect(() => {
+  }, [o, y]), n.useLayoutEffect(() => {
     let s;
-    return u && (s = () => {
-      v(), N();
+    return f && (s = () => {
+      y(), S();
     }, 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 }));
+  }, [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: C(
-          k({ pinned: !1, scrollParentIsWindow: P, __autoLayout: c }),
-          t
+        className: b(
+          k({ pinned: !1, scrollParentIsWindow: E, __autoLayout: u }),
+          e
         ),
-        ...o
+        ...l
       },
-      b
-    ), s, u && /* @__PURE__ */ n.createElement(
+      C
+    ), s, f && /* @__PURE__ */ n.createElement(
       "tr",
       {
         ref: p,
-        className: C(
-          t,
-          k({ pinned: !0, scrollParentIsWindow: P, __autoLayout: c })
+        className: b(
+          e,
+          k({ pinned: !0, scrollParentIsWindow: E, __autoLayout: u })
         ),
-        ...o,
-        id: o.id ? `pinned-${o.id}` : void 0,
-        "data-testid": o["data-testid"] ? `pinned-${o["data-testid"]}` : void 0
+        ...l,
+        id: l.id ? `pinned-${l.id}` : void 0,
+        "data-testid": l["data-testid"] ? `pinned-${l["data-testid"]}` : void 0
       },
-      b
+      C
     ));
   }
   return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
     "div",
     {
       ref: i,
-      className: C(
-        t,
-        k({ pinned: !1, scrollParentIsWindow: P, __autoLayout: c })
+      className: b(
+        e,
+        k({ pinned: !1, scrollParentIsWindow: E, __autoLayout: u })
       ),
-      ...o
+      ...l
     },
-    b
-  ), u && /* @__PURE__ */ n.createElement(
+    C
+  ), f && /* @__PURE__ */ n.createElement(
     "div",
     {
       ref: p,
-      className: C(
-        t,
-        k({ pinned: !0, scrollParentIsWindow: P, __autoLayout: c })
+      className: b(
+        e,
+        k({ pinned: !0, scrollParentIsWindow: E, __autoLayout: u })
       ),
-      ...o,
-      id: o.id ? `pinned-${o.id}` : void 0,
-      "data-testid": o["data-testid"] ? `pinned-${o["data-testid"]}` : void 0
+      ...l,
+      id: l.id ? `pinned-${l.id}` : void 0,
+      "data-testid": l["data-testid"] ? `pinned-${l["data-testid"]}` : void 0
     },
-    b
+    C
   ));
 }
-x.set(Y, {
+V.set(z, {
   name: "Sorting Header",
   props: {
     sort: { type: "SortedColumn[]" },
@@ -245,6 +253,6 @@ x.set(Y, {
   }
 });
 export {
-  Y as SortingHeader,
+  z as SortingHeader,
   B 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_0__hash_ax8xqf0",variantClassNames:{up:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_ax8xqf1"},down:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_ax8xqf2"}},defaultVariants:{},compoundVariants:[]}),T=D({defaultClassName:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_11ho8id0",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_11ho8id1"},active:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_11ho8id2"},__autoLayout:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_11ho8id3",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__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_0__hash_1jpcvsu0",variantClassNames:{pinned:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu1",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu2"},scrollParentIsWindow:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu3",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu4"},__autoLayout:{true:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu5",false:"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu6"}},defaultVariants:{pinned:!1,scrollParentIsWindow:!1,__autoLayout:!1},compoundVariants:[[{pinned:!0,scrollParentIsWindow:!0},"pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu7"]]}),G="pkg_sps-woodland_core__family_sorting-header__version_8_56_0__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(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"})}));

package/lib/sorting-header/sorting-header/SortingHeader.ve.js

@@ -1,6 +1,6 @@
 /* empty css                                */
 import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var e = _({ defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu0", variantClassNames: { pinned: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu1", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu2" }, scrollParentIsWindow: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu3", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu4" }, __autoLayout: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu5", false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu6" } }, defaultVariants: { pinned: !1, scrollParentIsWindow: !1, __autoLayout: !1 }, compoundVariants: [[{ pinned: !0, scrollParentIsWindow: !0 }, "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu7"]] }), o = "pkg_sps-woodland_core__family_sorting-header__version_8_56_0__hash_1jpcvsu8";
+var e = _({ 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"]] }), o = "pkg_sps-woodland_core__family_sorting-header__version_8_56_2__hash_1jpcvsu8";
 export {
   e as sortingHeader,
   o as sortingHeaderSpacer

package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.css.d.ts

@@ -32,4 +32,6 @@ export declare const headerCell: import("node_modules/@vanilla-extract/recipes/d
         false: {};
     };
 }>;
+export declare const headerCellButton: string;
+export declare const visuallyHidden: string;
 //# sourceMappingURL=SortingHeaderCell.css.d.ts.map

package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortingHeaderCell.css.d.ts","sourceRoot":"","sources":["../../../src/sorting-header/sorting-header-cell/SortingHeaderCell.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDrB,CAAC"}
+{"version":3,"file":"SortingHeaderCell.css.d.ts","sourceRoot":"","sources":["../../../src/sorting-header/sorting-header-cell/SortingHeaderCell.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDrB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAiB3B,CAAC;AAEH,eAAO,MAAM,cAAc,QAA4B,CAAC"}

package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortingHeaderCell.d.ts","sourceRoot":"","sources":["../../../src/sorting-header/sorting-header-cell/SortingHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAI1F,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,YAAoB,EACpB,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAoErB"}
+{"version":3,"file":"SortingHeaderCell.d.ts","sourceRoot":"","sources":["../../../src/sorting-header/sorting-header-cell/SortingHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAK1F,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,YAAoB,EACpB,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CA4GrB"}

package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.js

@@ -1,67 +1,75 @@
-import * as d from "react";
-import { Metadata as u, cl as s, SortDirection as t } from "@sps-woodland/core";
-import { headerCaret as y } from "../caret/caret.ve.js";
-import { headerCell as G } from "./SortingHeaderCell.ve.js";
-function A({
-  className: c,
-  sortKey: n,
-  sort: o,
-  sortDisabled: r,
+import * as n from "react";
+import { Metadata as w, SortDirection as t, cl as A } from "@sps-woodland/core";
+import { headerCaret as h } from "../caret/caret.ve.js";
+import { useWoodlandLanguage as b } from "@spscommerce/i18n";
+import { visuallyHidden as k, headerCell as y, headerCellButton as M } from "./SortingHeaderCell.ve.js";
+function R({
+  className: m,
+  sortKey: r,
+  sort: d,
+  sortDisabled: i,
   onSortChange: l,
-  onClick: m,
-  children: p,
-  style: C,
-  widthPx: N,
-  widthRem: I,
+  onClick: N,
+  children: E,
+  style: p,
+  widthPx: u,
+  widthRem: v,
   __autoLayout: a = !1,
-  ...S
+  ...C
 }) {
-  const e = d.useMemo(() => {
-    const i = !!n && !r && Array.isArray(o) && o.find((h) => h.key === n);
-    return i ? i.direction : void 0;
-  }, [o, n, r]), E = N ? N / 16 : I, f = E ? { ...C, width: `${E}rem` } : C, D = (i) => {
-    n && !r && l && l([
+  const e = n.useMemo(() => {
+    const o = !!r && !i && Array.isArray(d) && d.find((H) => H.key === r);
+    return o ? o.direction : void 0;
+  }, [d, r, i]), { t: S } = b(), f = u ? u / 16 : v, g = f ? { ...p, width: `${f}rem` } : p, D = (o) => {
+    r && !i && l && l([
       {
-        key: n,
+        key: r,
         direction: e === t.ASCENDING ? t.DESCENDING : t.ASCENDING
       }
-    ]), m && m(i);
-  };
-  return a ? /* @__PURE__ */ d.createElement(
+    ]), N && N(o);
+  }, G = !!r && !!l && !i;
+  let c = "none";
+  e === t.ASCENDING ? c = "ascending" : e === t.DESCENDING && (c = "descending");
+  let s = null;
+  !a && e && (s = /* @__PURE__ */ n.createElement("span", { className: k }, " ", e === t.ASCENDING ? S("sortingHeader.sortedAscending", { defaultValue: "sorted ascending" }) : S("sortingHeader.sortedDescending", { defaultValue: "sorted descending" })));
+  const I = G ? /* @__PURE__ */ n.createElement("button", { type: "button", className: M }, E, s) : /* @__PURE__ */ n.createElement(n.Fragment, null, E, s);
+  return a ? /* @__PURE__ */ n.createElement(
     "td",
     {
-      className: s(
-        c,
-        G({ disabled: r, active: !!e, __autoLayout: a }),
-        e && y({
+      className: A(
+        m,
+        y({ disabled: i, active: !!e, __autoLayout: a }),
+        e && h({
           up: e === t.ASCENDING,
           down: e === t.DESCENDING
         })
       ),
       onClick: D,
-      style: f,
-      ...S
+      style: g,
+      role: "columnheader",
+      "aria-sort": G ? c : void 0,
+      ...C
     },
-    p
-  ) : /* @__PURE__ */ d.createElement(
+    I
+  ) : /* @__PURE__ */ n.createElement(
     "div",
     {
-      className: s(
-        c,
-        G({ disabled: r, active: !!e, __autoLayout: a }),
-        e && y({
+      className: A(
+        m,
+        y({ disabled: i, active: !!e, __autoLayout: a }),
+        e && h({
           up: e === t.ASCENDING,
           down: e === t.DESCENDING
         })
       ),
       onClick: D,
-      style: f,
-      ...S
+      style: g,
+      ...C
     },
-    p
+    I
   );
 }
-u.set(A, {
+w.set(R, {
   name: "Sorting Header Cell",
   props: {
     sortKey: { type: "string" },
@@ -73,5 +81,5 @@ u.set(A, {
   }
 });
 export {
-  A as SortingHeaderCell
+  R as SortingHeaderCell
 };