@sps-woodland/core 8.50.2 → 8.51.1

package/lib/product-bar/hooks/usePriorityPlus.js

@@ -0,0 +1,106 @@
+import * as e from "react";
+function j(n, z = {}) {
+  const {
+    enabled: i = !0,
+    minVisibleItems: P = 1,
+    debounceMs: k = 16
+    // ~1 frame for responsive resize handling
+  } = z, R = e.useRef(null), b = e.useRef(null), x = e.useRef(null), A = e.useRef(null), w = e.useRef(null), M = e.useRef([]), E = e.useRef(0), H = e.useRef(0), v = e.useRef(!1), [I, y] = e.useState(n.length), [T, F] = e.useState(!1), N = e.useCallback(() => {
+    if (!R.current) return !1;
+    const t = R.current, o = Array.from(t.children), r = x.current;
+    r && (E.current = r.getBoundingClientRect().width);
+    const u = o.filter((f) => f !== r);
+    if (u.length < n.length)
+      return !1;
+    if (M.current = u.map((f) => f.getBoundingClientRect().width), w.current) {
+      const f = w.current.querySelector("span:last-of-type");
+      if (f) {
+        const s = f.getBoundingClientRect().width, g = getComputedStyle(w.current), m = parseFloat(g.marginRight) || 0, l = Math.max(0, m - 8);
+        H.current = s + l;
+      }
+    }
+    return v.current = !0, !0;
+  }, [n.length]), V = e.useCallback(() => {
+    if (!b.current) return 0;
+    const t = b.current, o = t.getBoundingClientRect(), r = getComputedStyle(t), u = parseFloat(r.paddingLeft) + parseFloat(r.paddingRight), f = parseFloat(r.gap) || 0;
+    let s = u;
+    const g = Array.from(t.children), m = g.filter((l) => getComputedStyle(l).display !== "none");
+    m.length > 1 && (s += f * (m.length - 1));
+    for (const l of g) {
+      if (l === R.current) continue;
+      const B = getComputedStyle(l), S = parseFloat(B.marginLeft) + parseFloat(B.marginRight);
+      if (l === A.current) {
+        const p = Array.from(l.children), W = getComputedStyle(l), h = parseFloat(W.gap) || 0;
+        for (const c of p) {
+          const d = getComputedStyle(c), q = parseFloat(d.marginLeft) + parseFloat(d.marginRight);
+          s += c.getBoundingClientRect().width + q;
+        }
+        p.length > 1 && (s += h * (p.length - 1)), s += parseFloat(W.paddingLeft) + parseFloat(W.paddingRight), s += S;
+      } else
+        s += l.getBoundingClientRect().width + S;
+    }
+    return Math.max(0, o.width - s - 2);
+  }, []), a = e.useRef(!1), L = e.useCallback(() => {
+    if (!i || !v.current) {
+      F(!1), a.current = !1;
+      return;
+    }
+    let t = V();
+    const o = M.current, r = E.current || 100, u = H.current || 0;
+    if (a.current && u > 0 && (t -= u), o.length === 0 || t <= 0) {
+      y(n.length), F(!1), a.current = !1;
+      return;
+    }
+    if (o.reduce((c, d) => c + d, 0) <= t) {
+      y(n.length), F(!1), a.current = !1;
+      return;
+    }
+    let s = 0, g = 0;
+    const m = t - r;
+    for (let c = 0; c < o.length; c++) {
+      const d = o[c];
+      if (s + d <= m)
+        s += d, g++;
+      else
+        break;
+    }
+    const C = Math.min(P, n.length), l = Math.max(g, C), S = o.slice(0, C).reduce((c, d) => c + d, 0) + r, p = g < C && S > t && u > 0, W = !p && t > S + u + 20;
+    let h = a.current;
+    p && !a.current ? h = !0 : W && a.current && (h = !1), h !== a.current && (a.current = h, F(h)), y(l);
+  }, [i, n.length, P, V]);
+  e.useEffect(() => {
+    if (!i) {
+      y(n.length);
+      return;
+    }
+    v.current = !1, M.current = [], y(n.length);
+  }, [i, n.length]), e.useLayoutEffect(() => {
+    if (!i || !R.current) return;
+    N() && L();
+  }), e.useEffect(() => {
+    if (!i) return;
+    let t;
+    const o = () => {
+      clearTimeout(t), t = setTimeout(() => {
+        v.current || N(), L();
+      }, k);
+    }, r = new ResizeObserver(o);
+    return b.current && r.observe(b.current), () => {
+      clearTimeout(t), r.disconnect();
+    };
+  }, [i, N, L, k]);
+  const G = i ? n.slice(0, I) : n, O = i && I < n.length ? n.slice(I) : [];
+  return {
+    visibleItems: G,
+    overflowItems: O,
+    containerRef: R,
+    parentRef: b,
+    overflowButtonRef: x,
+    contentRef: A,
+    brandRef: w,
+    hideProductName: T
+  };
+}
+export {
+  j as usePriorityPlus
+};

package/lib/product-bar/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./product-bar/ProductBar";
+export * from "./product-bar-tab/ProductBarTab";
+export * from "./product-bar-name/ProductBarName";
+export * from "./slack-link/SlackLink";
+//# sourceMappingURL=index.d.ts.map

package/lib/product-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/product-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC"}

package/lib/product-bar/index.js

@@ -0,0 +1,397 @@
+import * as t from "react";
+import { Metadata as H, cl as k, Icon as Q, selectChildren as re, PortalContext as ne } from "@sps-woodland/core";
+import { useLink as ae } from "@react-aria/link";
+import { MenuProvider as se, MenuButton as oe, Menu as le, MenuItem as D } from "@ariakit/react";
+import { useWoodlandLanguage as U } from "@spscommerce/i18n";
+function ce(e, n, r) {
+  return n in e ? Object.defineProperty(e, n, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[n] = r, e;
+}
+function K(e, n) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    n && (a = a.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, a);
+  }
+  return r;
+}
+function J(e) {
+  for (var n = 1; n < arguments.length; n++) {
+    var r = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? K(Object(r), !0).forEach(function(a) {
+      ce(e, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : K(Object(r)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
+    });
+  }
+  return e;
+}
+var ie = (e, n, r) => {
+  for (var a of Object.keys(e)) {
+    var o;
+    if (e[a] !== ((o = n[a]) !== null && o !== void 0 ? o : r[a]))
+      return !1;
+  }
+  return !0;
+}, q = (e) => (n) => {
+  var r = e.defaultClassName, a = J(J({}, e.defaultVariants), n);
+  for (var o in a) {
+    var s, l = (s = a[o]) !== null && s !== void 0 ? s : e.defaultVariants[o];
+    if (l != null) {
+      var c = l;
+      typeof c == "boolean" && (c = c === !0 ? "true" : "false");
+      var p = (
+        // @ts-expect-error
+        e.variantClassNames[o][c]
+      );
+      p && (r += " " + p);
+    }
+  }
+  for (var [m, u] of e.compoundVariants)
+    ie(m, a, e.defaultVariants) && (r += " " + u);
+  return r;
+}, ue = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux0", _e = q({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux2", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), de = q({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux5", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), fe = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux7", pe = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux8", me = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux9", he = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxa", X = q({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxc", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxe", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), ge = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxg", ve = q({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxh", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxi", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxj" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
+function Y(e) {
+  const n = t.useRef(null), { linkProps: r } = ae(e, n), { active: a, priority: o, ...s } = e, l = {
+    ...s,
+    ...r,
+    ref: n,
+    className: k(X({ active: a, disabled: !1 }), e.className)
+  }, c = e.as ?? (e.href ? "a" : "span");
+  return /* @__PURE__ */ t.createElement(c, { ...l }, e.children);
+}
+H.set(Y, {
+  name: "Product Bar Tab",
+  props: {
+    active: { type: "boolean", required: !0 },
+    href: { type: "string" },
+    priority: { type: "number" }
+  }
+});
+const Z = t.forwardRef(function({
+  children: n,
+  className: r,
+  name: a,
+  logoSrc: o,
+  hideNameText: s = !1,
+  ...l
+}, c) {
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("a", { className: k(de({ hideNameText: s }), r), ...l, ref: c }, o && /* @__PURE__ */ t.createElement(
+    "img",
+    {
+      className: fe,
+      src: o,
+      "aria-hidden": "true",
+      alt: `${a} Logo`,
+      title: a
+    }
+  ), a && /* @__PURE__ */ t.createElement("span", { className: k(pe, s && me) }, a)), /* @__PURE__ */ t.createElement("span", { className: ge }));
+});
+H.set(Z, {
+  name: "ProductBarName",
+  props: {
+    name: { type: "string" },
+    logoSrc: { type: "string" },
+    hideNameText: { type: "boolean", default: "false" }
+  }
+});
+var we = "pkg_sps-woodland_core__version_8_51_1__hash_5klvkn0", be = "pkg_sps-woodland_core__version_8_51_1__hash_5klvkn1", ye = "pkg_sps-woodland_core__version_8_51_1__hash_5klvkn2", z = "pkg_sps-woodland_core__version_8_51_1__hash_5klvkn3", G = "pkg_sps-woodland_core__version_8_51_1__hash_5klvkn4";
+function ke({
+  items: e,
+  wrapperRef: n
+}) {
+  const { t: r } = U();
+  if (e.length === 0)
+    return null;
+  const a = e.some((s) => s.props?.active), o = r("productBar.more", { defaultValue: "More" });
+  return (
+    // Wrap in span for width measurement - don't put ref directly on MenuButton
+    // as it interferes with ariakit's internal anchor element ref handling
+    /* @__PURE__ */ t.createElement("span", { ref: n }, /* @__PURE__ */ t.createElement(se, null, /* @__PURE__ */ t.createElement(
+      oe,
+      {
+        className: k(X({ active: a, disabled: !1 }), we),
+        "aria-label": o
+      },
+      o,
+      /* @__PURE__ */ t.createElement(
+        Q,
+        {
+          icon: "chevron-down",
+          className: be,
+          "aria-hidden": "true"
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(le, { className: ye, gutter: 4 }, e.map((s, l) => {
+      const c = s.props?.active, p = s.props?.children, m = s.props?.onPress, u = s.props?.href, R = s.props?.as, I = () => {
+        m && m();
+      };
+      if (u && R) {
+        const N = R;
+        return /* @__PURE__ */ t.createElement(
+          D,
+          {
+            key: l,
+            className: k(z, c && G),
+            render: /* @__PURE__ */ t.createElement(N, { to: u })
+          },
+          p
+        );
+      }
+      return u ? /* @__PURE__ */ t.createElement(
+        D,
+        {
+          key: l,
+          className: k(z, c && G),
+          render: /* @__PURE__ */ t.createElement("a", { href: u })
+        },
+        p
+      ) : /* @__PURE__ */ t.createElement(
+        D,
+        {
+          key: l,
+          className: k(z, c && G),
+          onClick: I
+        },
+        p
+      );
+    }))))
+  );
+}
+function Re(e, n = {}) {
+  const {
+    enabled: r = !0,
+    minVisibleItems: a = 1,
+    debounceMs: o = 16
+    // ~1 frame for responsive resize handling
+  } = n, s = t.useRef(null), l = t.useRef(null), c = t.useRef(null), p = t.useRef(null), m = t.useRef(null), u = t.useRef([]), R = t.useRef(0), I = t.useRef(0), N = t.useRef(!1), [M, E] = t.useState(e.length), [A, B] = t.useState(!1), S = t.useCallback(() => {
+    if (!s.current) return !1;
+    const i = s.current, g = Array.from(i.children), _ = c.current;
+    _ && (R.current = _.getBoundingClientRect().width);
+    const w = g.filter((b) => b !== _);
+    if (w.length < e.length)
+      return !1;
+    if (u.current = w.map((b) => b.getBoundingClientRect().width), m.current) {
+      const b = m.current.querySelector("span:last-of-type");
+      if (b) {
+        const d = b.getBoundingClientRect().width, C = getComputedStyle(m.current), P = parseFloat(C.marginRight) || 0, f = Math.max(0, P - 8);
+        I.current = d + f;
+      }
+    }
+    return N.current = !0, !0;
+  }, [e.length]), V = t.useCallback(() => {
+    if (!l.current) return 0;
+    const i = l.current, g = i.getBoundingClientRect(), _ = getComputedStyle(i), w = parseFloat(_.paddingLeft) + parseFloat(_.paddingRight), b = parseFloat(_.gap) || 0;
+    let d = w;
+    const C = Array.from(i.children), P = C.filter((f) => getComputedStyle(f).display !== "none");
+    P.length > 1 && (d += b * (P.length - 1));
+    for (const f of C) {
+      if (f === s.current) continue;
+      const T = getComputedStyle(f), L = parseFloat(T.marginLeft) + parseFloat(T.marginRight);
+      if (f === p.current) {
+        const O = Array.from(f.children), F = getComputedStyle(f), j = parseFloat(F.gap) || 0;
+        for (const v of O) {
+          const y = getComputedStyle(v), te = parseFloat(y.marginLeft) + parseFloat(y.marginRight);
+          d += v.getBoundingClientRect().width + te;
+        }
+        O.length > 1 && (d += j * (O.length - 1)), d += parseFloat(F.paddingLeft) + parseFloat(F.paddingRight), d += L;
+      } else
+        d += f.getBoundingClientRect().width + L;
+    }
+    return Math.max(0, g.width - d - 2);
+  }, []), h = t.useRef(!1), x = t.useCallback(() => {
+    if (!r || !N.current) {
+      B(!1), h.current = !1;
+      return;
+    }
+    let i = V();
+    const g = u.current, _ = R.current || 100, w = I.current || 0;
+    if (h.current && w > 0 && (i -= w), g.length === 0 || i <= 0) {
+      E(e.length), B(!1), h.current = !1;
+      return;
+    }
+    if (g.reduce((v, y) => v + y, 0) <= i) {
+      E(e.length), B(!1), h.current = !1;
+      return;
+    }
+    let d = 0, C = 0;
+    const P = i - _;
+    for (let v = 0; v < g.length; v++) {
+      const y = g[v];
+      if (d + y <= P)
+        d += y, C++;
+      else
+        break;
+    }
+    const W = Math.min(a, e.length), f = Math.max(C, W), L = g.slice(0, W).reduce((v, y) => v + y, 0) + _, O = C < W && L > i && w > 0, F = !O && i > L + w + 20;
+    let j = h.current;
+    O && !h.current ? j = !0 : F && h.current && (j = !1), j !== h.current && (h.current = j, B(j)), E(f);
+  }, [r, e.length, a, V]);
+  t.useEffect(() => {
+    if (!r) {
+      E(e.length);
+      return;
+    }
+    N.current = !1, u.current = [], E(e.length);
+  }, [r, e.length]), t.useLayoutEffect(() => {
+    if (!r || !s.current) return;
+    S() && x();
+  }), t.useEffect(() => {
+    if (!r) return;
+    let i;
+    const g = () => {
+      clearTimeout(i), i = setTimeout(() => {
+        N.current || S(), x();
+      }, o);
+    }, _ = new ResizeObserver(g);
+    return l.current && _.observe(l.current), () => {
+      clearTimeout(i), _.disconnect();
+    };
+  }, [r, S, x, o]);
+  const $ = r ? e.slice(0, M) : e, ee = r && M < e.length ? e.slice(M) : [];
+  return {
+    visibleItems: $,
+    overflowItems: ee,
+    containerRef: s,
+    parentRef: l,
+    overflowButtonRef: c,
+    contentRef: p,
+    brandRef: m,
+    hideProductName: A
+  };
+}
+function Ne(e) {
+  return [...e].sort((n, r) => {
+    const a = n.props?.priority ?? 1 / 0, o = r.props?.priority ?? 1 / 0;
+    return a === o ? 0 : a - o;
+  });
+}
+function Ce(e, n) {
+  if (n.length === 0)
+    return { visible: e, overflow: n };
+  const r = n.findIndex((c) => c.props?.active);
+  if (r === -1)
+    return { visible: e, overflow: n };
+  const a = n[r], o = e[e.length - 1], s = [...e.slice(0, -1), a], l = [
+    ...n.slice(0, r),
+    o,
+    ...n.slice(r + 1)
+  ];
+  return { visible: s, overflow: l };
+}
+function Ee({
+  fullWidth: e,
+  enablePriorityPlus: n = !0,
+  children: r,
+  className: a,
+  ...o
+}) {
+  const s = t.useRef(null), [l, c, p] = re(r, [
+    { type: Z },
+    { type: Y }
+  ]), m = t.useMemo(
+    () => n ? Ne(c) : c,
+    [n, c]
+  ), {
+    visibleItems: u,
+    overflowItems: R,
+    containerRef: I,
+    parentRef: N,
+    overflowButtonRef: M,
+    contentRef: E,
+    brandRef: A,
+    hideProductName: B
+  } = Re(m, {
+    enabled: n
+  }), { visible: S, overflow: V } = t.useMemo(
+    () => Ce(
+      u,
+      R
+    ),
+    [u, R]
+  ), h = t.useMemo(() => {
+    if (!n || !l || l.length === 0)
+      return l;
+    const x = l[0];
+    return t.isValidElement(x) ? [t.cloneElement(x, {
+      hideNameText: B,
+      ref: A
+    })] : l;
+  }, [n, l, B, A]);
+  return /* @__PURE__ */ t.createElement("div", { className: k(ue, a), ...o, ref: s }, /* @__PURE__ */ t.createElement(
+    "nav",
+    {
+      className: _e({ fullWidth: e }),
+      ref: N
+    },
+    h,
+    /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        className: ve({ priorityPlus: n }),
+        ref: I
+      },
+      S,
+      V.length > 0 && /* @__PURE__ */ t.createElement(
+        ke,
+        {
+          items: V,
+          wrapperRef: M
+        }
+      )
+    ),
+    /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        className: he,
+        ref: E
+      },
+      /* @__PURE__ */ t.createElement(ne.Provider, { value: { parentElementRef: s, fixed: !0 } }, p)
+    )
+  ));
+}
+H.set(Ee, {
+  name: "ProductBar",
+  props: {
+    fullWidth: { type: "boolean" },
+    enablePriorityPlus: { type: "boolean", default: "true" }
+  }
+});
+var Be = "pkg_sps-woodland_core__version_8_51_1__hash_pqijiy0", je = "pkg_sps-woodland_core__version_8_51_1__hash_pqijiy1";
+function Ie({
+  channelId: e,
+  className: n,
+  ...r
+}) {
+  const { t: a } = U();
+  return /* @__PURE__ */ t.createElement(
+    "a",
+    {
+      className: k(Be, n),
+      target: "_blank",
+      rel: "noreferrer",
+      href: `https://spscommerce.slack.com/archives/${e}`,
+      ...r
+    },
+    /* @__PURE__ */ t.createElement(Q, { className: je, icon: "conversation", "aria-hidden": "true" }),
+    /* @__PURE__ */ t.createElement("span", null, a("slackLink.label", { defaultValue: "Chat" }))
+  );
+}
+H.set(Ie, {
+  name: "Slack Link",
+  props: {
+    channelId: { type: "string", required: !0 }
+  }
+});
+export {
+  Ee as ProductBar,
+  Z as ProductBarName,
+  Y as ProductBarTab,
+  Ie as SlackLink
+};

package/lib/product-bar/index.umd.cjs

@@ -0,0 +1 @@
+(function(_,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("react"),require("@sps-woodland/core"),require("@react-aria/link"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@react-aria/link","@ariakit/react","@spscommerce/i18n"],V):(_=typeof globalThis<"u"?globalThis:_||self,V(_.ProductBar={},_.React,_.core,_.link,_.react,_.i18n))})(this,(function(_,V,c,te,I,U){"use strict";function ne(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=ne(V);function re(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function X(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,a)}return n}function Y(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?X(Object(n),!0).forEach(function(a){re(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})}return e}var ae=(e,r,n)=>{for(var a of Object.keys(e)){var o;if(e[a]!==((o=r[a])!==null&&o!==void 0?o:n[a]))return!1}return!0},D=e=>r=>{var n=e.defaultClassName,a=Y(Y({},e.defaultVariants),r);for(var o in a){var s,l=(s=a[o])!==null&&s!==void 0?s:e.defaultVariants[o];if(l!=null){var i=l;typeof i=="boolean"&&(i=i===!0?"true":"false");var h=e.variantClassNames[o][i];h&&(n+=" "+h)}}for(var[g,d]of e.compoundVariants)ae(g,a,e.defaultVariants)&&(n+=" "+d);return n},se="pkg_sps-woodland_core__version_8_51_1__hash_g6gjux0",oe=D({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjux1",variantClassNames:{fullWidth:{true:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjux2",false:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjux3"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),le=D({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjux4",variantClassNames:{hideNameText:{true:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjux5",false:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjux6"}},defaultVariants:{hideNameText:!1},compoundVariants:[]}),ie="pkg_sps-woodland_core__version_8_51_1__hash_g6gjux7",ce="pkg_sps-woodland_core__version_8_51_1__hash_g6gjux8",ue="pkg_sps-woodland_core__version_8_51_1__hash_g6gjux9",_e="pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxa",Z=D({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxb",variantClassNames:{active:{true:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxc",false:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxd"},disabled:{true:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxe",false:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxf"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),de="pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxg",fe=D({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxh",variantClassNames:{priorityPlus:{true:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxi",false:"pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxj"}},defaultVariants:{priorityPlus:!1},compoundVariants:[]});function G(e){const r=t.useRef(null),{linkProps:n}=te.useLink(e,r),{active:a,priority:o,...s}=e,l={...s,...n,ref:r,className:c.cl(Z({active:a,disabled:!1}),e.className)},i=e.as??(e.href?"a":"span");return t.createElement(i,{...l},e.children)}c.Metadata.set(G,{name:"Product Bar Tab",props:{active:{type:"boolean",required:!0},href:{type:"string"},priority:{type:"number"}}});const K=t.forwardRef(function({children:r,className:n,name:a,logoSrc:o,hideNameText:s=!1,...l},i){return t.createElement(t.Fragment,null,t.createElement("a",{className:c.cl(le({hideNameText:s}),n),...l,ref:i},o&&t.createElement("img",{className:ie,src:o,"aria-hidden":"true",alt:`${a} Logo`,title:a}),a&&t.createElement("span",{className:c.cl(ce,s&&ue)},a)),t.createElement("span",{className:de}))});c.Metadata.set(K,{name:"ProductBarName",props:{name:{type:"string"},logoSrc:{type:"string"},hideNameText:{type:"boolean",default:"false"}}});var pe="pkg_sps-woodland_core__version_8_51_1__hash_5klvkn0",me="pkg_sps-woodland_core__version_8_51_1__hash_5klvkn1",he="pkg_sps-woodland_core__version_8_51_1__hash_5klvkn2",J="pkg_sps-woodland_core__version_8_51_1__hash_5klvkn3",Q="pkg_sps-woodland_core__version_8_51_1__hash_5klvkn4";function ge({items:e,wrapperRef:r}){const{t:n}=U.useWoodlandLanguage();if(e.length===0)return null;const a=e.some(s=>s.props?.active),o=n("productBar.more",{defaultValue:"More"});return t.createElement("span",{ref:r},t.createElement(I.MenuProvider,null,t.createElement(I.MenuButton,{className:c.cl(Z({active:a,disabled:!1}),pe),"aria-label":o},o,t.createElement(c.Icon,{icon:"chevron-down",className:me,"aria-hidden":"true"})),t.createElement(I.Menu,{className:he,gutter:4},e.map((s,l)=>{const i=s.props?.active,h=s.props?.children,g=s.props?.onPress,d=s.props?.href,N=s.props?.as,M=()=>{g&&g()};if(d&&N){const B=N;return t.createElement(I.MenuItem,{key:l,className:c.cl(J,i&&Q),render:t.createElement(B,{to:d})},h)}return d?t.createElement(I.MenuItem,{key:l,className:c.cl(J,i&&Q),render:t.createElement("a",{href:d})},h):t.createElement(I.MenuItem,{key:l,className:c.cl(J,i&&Q),onClick:M},h)}))))}function ve(e,r={}){const{enabled:n=!0,minVisibleItems:a=1,debounceMs:o=16}=r,s=t.useRef(null),l=t.useRef(null),i=t.useRef(null),h=t.useRef(null),g=t.useRef(null),d=t.useRef([]),N=t.useRef(0),M=t.useRef(0),B=t.useRef(!1),[W,E]=t.useState(e.length),[H,j]=t.useState(!1),L=t.useCallback(()=>{if(!s.current)return!1;const u=s.current,b=Array.from(u.children),f=i.current;f&&(N.current=f.getBoundingClientRect().width);const y=b.filter(k=>k!==f);if(y.length<e.length)return!1;if(d.current=y.map(k=>k.getBoundingClientRect().width),g.current){const k=g.current.querySelector("span:last-of-type");if(k){const p=k.getBoundingClientRect().width,C=getComputedStyle(g.current),S=parseFloat(C.marginRight)||0,m=Math.max(0,S-8);M.current=p+m}}return B.current=!0,!0},[e.length]),F=t.useCallback(()=>{if(!l.current)return 0;const u=l.current,b=u.getBoundingClientRect(),f=getComputedStyle(u),y=parseFloat(f.paddingLeft)+parseFloat(f.paddingRight),k=parseFloat(f.gap)||0;let p=y;const C=Array.from(u.children),S=C.filter(m=>getComputedStyle(m).display!=="none");S.length>1&&(p+=k*(S.length-1));for(const m of C){if(m===s.current)continue;const z=getComputedStyle(m),A=parseFloat(z.marginLeft)+parseFloat(z.marginRight);if(m===h.current){const x=Array.from(m.children),q=getComputedStyle(m),P=parseFloat(q.gap)||0;for(const w of x){const R=getComputedStyle(w),Be=parseFloat(R.marginLeft)+parseFloat(R.marginRight);p+=w.getBoundingClientRect().width+Be}x.length>1&&(p+=P*(x.length-1)),p+=parseFloat(q.paddingLeft)+parseFloat(q.paddingRight),p+=A}else p+=m.getBoundingClientRect().width+A}return Math.max(0,b.width-p-2)},[]),v=t.useRef(!1),O=t.useCallback(()=>{if(!n||!B.current){j(!1),v.current=!1;return}let u=F();const b=d.current,f=N.current||100,y=M.current||0;if(v.current&&y>0&&(u-=y),b.length===0||u<=0){E(e.length),j(!1),v.current=!1;return}if(b.reduce((w,R)=>w+R,0)<=u){E(e.length),j(!1),v.current=!1;return}let p=0,C=0;const S=u-f;for(let w=0;w<b.length;w++){const R=b[w];if(p+R<=S)p+=R,C++;else break}const T=Math.min(a,e.length),m=Math.max(C,T),A=b.slice(0,T).reduce((w,R)=>w+R,0)+f,x=C<T&&A>u&&y>0,q=!x&&u>A+y+20;let P=v.current;x&&!v.current?P=!0:q&&v.current&&(P=!1),P!==v.current&&(v.current=P,j(P)),E(m)},[n,e.length,a,F]);t.useEffect(()=>{if(!n){E(e.length);return}B.current=!1,d.current=[],E(e.length)},[n,e.length]),t.useLayoutEffect(()=>{if(!n||!s.current)return;L()&&O()}),t.useEffect(()=>{if(!n)return;let u;const b=()=>{clearTimeout(u),u=setTimeout(()=>{B.current||L(),O()},o)},f=new ResizeObserver(b);return l.current&&f.observe(l.current),()=>{clearTimeout(u),f.disconnect()}},[n,L,O,o]);const Re=n?e.slice(0,W):e,Ne=n&&W<e.length?e.slice(W):[];return{visibleItems:Re,overflowItems:Ne,containerRef:s,parentRef:l,overflowButtonRef:i,contentRef:h,brandRef:g,hideProductName:H}}function be(e){return[...e].sort((r,n)=>{const a=r.props?.priority??1/0,o=n.props?.priority??1/0;return a===o?0:a-o})}function we(e,r){if(r.length===0)return{visible:e,overflow:r};const n=r.findIndex(i=>i.props?.active);if(n===-1)return{visible:e,overflow:r};const a=r[n],o=e[e.length-1],s=[...e.slice(0,-1),a],l=[...r.slice(0,n),o,...r.slice(n+1)];return{visible:s,overflow:l}}function $({fullWidth:e,enablePriorityPlus:r=!0,children:n,className:a,...o}){const s=t.useRef(null),[l,i,h]=c.selectChildren(n,[{type:K},{type:G}]),g=t.useMemo(()=>r?be(i):i,[r,i]),{visibleItems:d,overflowItems:N,containerRef:M,parentRef:B,overflowButtonRef:W,contentRef:E,brandRef:H,hideProductName:j}=ve(g,{enabled:r}),{visible:L,overflow:F}=t.useMemo(()=>we(d,N),[d,N]),v=t.useMemo(()=>{if(!r||!l||l.length===0)return l;const O=l[0];return t.isValidElement(O)?[t.cloneElement(O,{hideNameText:j,ref:H})]:l},[r,l,j,H]);return t.createElement("div",{className:c.cl(se,a),...o,ref:s},t.createElement("nav",{className:oe({fullWidth:e}),ref:B},v,t.createElement("div",{className:fe({priorityPlus:r}),ref:M},L,F.length>0&&t.createElement(ge,{items:F,wrapperRef:W})),t.createElement("div",{className:_e,ref:E},t.createElement(c.PortalContext.Provider,{value:{parentElementRef:s,fixed:!0}},h))))}c.Metadata.set($,{name:"ProductBar",props:{fullWidth:{type:"boolean"},enablePriorityPlus:{type:"boolean",default:"true"}}});var ye="pkg_sps-woodland_core__version_8_51_1__hash_pqijiy0",ke="pkg_sps-woodland_core__version_8_51_1__hash_pqijiy1";function ee({channelId:e,className:r,...n}){const{t:a}=U.useWoodlandLanguage();return t.createElement("a",{className:c.cl(ye,r),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...n},t.createElement(c.Icon,{className:ke,icon:"conversation","aria-hidden":"true"}),t.createElement("span",null,a("slackLink.label",{defaultValue:"Chat"})))}c.Metadata.set(ee,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}}),_.ProductBar=$,_.ProductBarName=K,_.ProductBarTab=G,_.SlackLink=ee,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));

package/lib/product-bar/product-bar/ProductBar.css.d.ts

@@ -0,0 +1,43 @@
+export declare const productBarContainer: string;
+export declare const productBar: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    fullWidth: {
+        true: {
+            width: "100%";
+        };
+        false: {};
+    };
+}>;
+export declare const productBarBrand: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    hideNameText: {
+        true: {
+            marginRight: string;
+        };
+        false: {};
+    };
+}>;
+export declare const productBarBrandLogo: string;
+export declare const productBarBrandName: string;
+export declare const visuallyHidden: string;
+export declare const productBarContent: string;
+export declare const navItem: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    active: {
+        true: {
+            boxShadow: `inset 0 -${string} ${string}`;
+        };
+        false: {};
+    };
+    disabled: {
+        true: {
+            color: string;
+        };
+        false: {};
+    };
+}>;
+export declare const verticalRule: string;
+export declare const productNavNav: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    priorityPlus: {
+        true: {};
+        false: {};
+    };
+}>;
+//# sourceMappingURL=ProductBar.css.d.ts.map

package/lib/product-bar/product-bar/ProductBar.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBar.css.d.ts","sourceRoot":"","sources":["../../../src/product-bar/product-bar/ProductBar.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,QAS9B,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;EAyBrB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;EAyB1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAM9B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAM9B,CAAC;AAGH,eAAO,MAAM,cAAc,QAUzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAG5B,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;EA2ClB,CAAC;AAEH,eAAO,MAAM,YAAY,QASvB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAmBxB,CAAC"}

package/lib/product-bar/product-bar/ProductBar.css.js

@@ -0,0 +1,15 @@
+/* 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 o = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux0", r = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux2", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), e = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux5", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), d = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux7", n = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux8", g = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjux9", l = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxa", p = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxc", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxe", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), i = "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxg", u = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxh", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxi", false: "pkg_sps-woodland_core__version_8_51_1__hash_g6gjuxj" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
+export {
+  p as navItem,
+  r as productBar,
+  e as productBarBrand,
+  d as productBarBrandLogo,
+  n as productBarBrandName,
+  o as productBarContainer,
+  l as productBarContent,
+  u as productNavNav,
+  i as verticalRule,
+  g as visuallyHidden
+};

package/lib/product-bar/product-bar/ProductBar.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export interface ProductBarProps {
+    /** Stretch nav to full width of container */
+    fullWidth?: boolean;
+    /**
+     * Priority+ behavior - tabs that don't fit collapse into a "More" menu.
+     * Set to false to disable responsive overflow.
+     * @default true
+     */
+    enablePriorityPlus?: boolean;
+}
+export declare function ProductBar({ fullWidth, enablePriorityPlus, children, className, ...rest }: ComponentProps<ProductBarProps, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ProductBar.d.ts.map

package/lib/product-bar/product-bar/ProductBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBar.d.ts","sourceRoot":"","sources":["../../../src/product-bar/product-bar/ProductBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAgBzD,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAoDD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,kBAAyB,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,eAAe,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAkFtE"}