@sps-woodland/core 8.50.2 → 8.51.0

package/lib/list-bar/advanced-search/AdvancedSearch.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+import type { SpsFormArray, SpsFormGroup, SpsFormSetMeta } from "@spscommerce/ds-react";
+export declare function AdvancedSearch({ formArray, formGroup, formMeta, onSubmit, controlsDisabled, footerLinks, isOpen, onClear, submitButtonText, compact, className, children, ...rest }: ComponentProps<{
+    formArray?: SpsFormArray<any>;
+    formGroup?: SpsFormGroup;
+    formMeta?: SpsFormSetMeta<any>;
+    onSubmit?: React.FormEventHandler;
+    controlsDisabled?: boolean;
+    footerLinks?: React.ReactNode | (() => React.ReactNode);
+    isOpen?: boolean;
+    onClear?: () => void;
+    submitButtonText?: string;
+    compact?: boolean;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=AdvancedSearch.d.ts.map

package/lib/list-bar/advanced-search/AdvancedSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch.d.ts","sourceRoot":"","sources":["../../../src/list-bar/advanced-search/AdvancedSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAYxF,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,SAAS,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,QAAQ,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAiCrB"}

package/lib/list-bar/advanced-search/AdvancedSearch.js

@@ -0,0 +1,56 @@
+import * as e from "react";
+import { Metadata as v, cl as S, contentOf as h } from "@sps-woodland/core";
+import { SpsForm as b } from "@spscommerce/ds-react";
+import { Button as c } from "@sps-woodland/core/button";
+import { sprinkles as E } from "@sps-woodland/tokens";
+import { advancedSearch as F, advancedSearchForm as N, advancedSearchFooter as k, advancedSearchFooterControls as R } from "./AdvancedSearch.css.js";
+import { useWoodlandLanguage as A } from "@spscommerce/i18n";
+function C({
+  formArray: m,
+  formGroup: d,
+  formMeta: l,
+  onSubmit: s,
+  controlsDisabled: a,
+  footerLinks: t,
+  isOpen: r,
+  onClear: o,
+  submitButtonText: p,
+  compact: i,
+  className: g,
+  children: f,
+  ...u
+}) {
+  const { t: n } = A();
+  function y() {
+    o && o();
+  }
+  return /* @__PURE__ */ e.createElement("div", { className: S(F({ open: r, compact: i })), ...u }, /* @__PURE__ */ e.createElement(b, { onSubmit: s, formArray: m, formGroup: d, formMeta: l }, /* @__PURE__ */ e.createElement("div", { className: N({ open: r }) }, f), /* @__PURE__ */ e.createElement("div", { className: k }, t && /* @__PURE__ */ e.createElement("div", { id: "footer_links" }, h(t)), /* @__PURE__ */ e.createElement("div", { className: R }, /* @__PURE__ */ e.createElement(
+    c,
+    {
+      kind: "default",
+      type: "button",
+      className: E({ mr: "sm" }),
+      onClick: y,
+      disabled: a
+    },
+    n("advancedSearch.clear", { defaultValue: "Clear Fields" })
+  ), /* @__PURE__ */ e.createElement(c, { kind: "key", type: "submit", disabled: a }, p ?? n("advancedSearch.search", { defaultValue: "Search" }))))));
+}
+v.set(C, {
+  name: "Advanced Search",
+  props: {
+    formArray: { type: "SpsFormArray<any>" },
+    formGroup: { type: "SpsFormGroup" },
+    formMeta: { type: "SpsFormSetMeta<any>" },
+    onSubmit: { type: "React.FormEventHandler" },
+    controlsDisabled: { type: "boolean" },
+    footerLinks: { type: "React.ReactNode | (() => React.ReactNode)" },
+    isOpen: { type: "boolean" },
+    onClear: { type: "() => void" },
+    submitButtonText: { type: "string" },
+    compact: { type: "boolean" }
+  }
+});
+export {
+  C as AdvancedSearch
+};

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

@@ -0,0 +1,8 @@
+export * from "./list-bar/ListBar";
+export * from "./list-bar/ListBarSearch";
+export * from "./list-bar/ListBarSearchInfo";
+export * from "./list-bar/ListBarSortBy";
+export * from "./list-bar/InputGroupWrapper";
+export * from "./search-results-bar/SearchResultsBar";
+export * from "./advanced-search/AdvancedSearch";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/list-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC"}

package/lib/list-bar/index.js

@@ -0,0 +1,317 @@
+import * as e from "react";
+import { Metadata as h, modChildren as J, cl as B, selectChildren as Q, addProps as U, PortalContext as X, contentOf as Z } from "@sps-woodland/core";
+import { Button as y } from "@sps-woodland/core/button";
+import { Tag as N } from "@sps-woodland/core/tag";
+import { lockToAnimationFrames as $ } from "@spscommerce/utils";
+import { SpsInputGroup as ee, SpsCheckbox as ae, SpsDropdown as te, SpsForm as re } from "@spscommerce/ds-react";
+import { useWoodlandLanguage as z } from "@spscommerce/i18n";
+import { sprinkles as se } from "@sps-woodland/tokens";
+var ne = "pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h0", oe = "pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h1", le = "pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h2", _e = "pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h3", ce = "pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h4", ie = "pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h5", de = "pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h6", pe = "pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h7", ue = "pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h8";
+function A({
+  results: a,
+  selections: r,
+  zeroStateText: t,
+  onClear: s,
+  className: n,
+  children: _,
+  ...c
+}) {
+  const { t: o } = z(), p = r ? Object.keys(r).reduce((i, d) => (r[d].length > 0 && (i[d] = r[d]), i), {}) : {};
+  return /* @__PURE__ */ e.createElement("div", { className: oe, ...c }, a != null && /* @__PURE__ */ e.createElement("div", { className: le }, /* @__PURE__ */ e.createElement("span", null, o("searchResultsBar.results", { defaultValue: "Results:" })), /* @__PURE__ */ e.createElement(N, { className: _e, kind: "info" }, /* @__PURE__ */ e.createElement("span", null, a))), /* @__PURE__ */ e.createElement("div", { className: ce }, Object.keys(p).length > 0 ? Object.keys(p).map((i, d) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { key: d, className: ie }, i, ":"), p[i].map((v, f) => /* @__PURE__ */ e.createElement(N, { className: de, key: f, kind: "key" }, /* @__PURE__ */ e.createElement("span", null, v))))) : /* @__PURE__ */ e.createElement("span", { className: "font-italic" }, t || o("searchResultsBar.noAdvancedSearchSelections", { defaultValue: "No Advanced Search Selections" }))), /* @__PURE__ */ e.createElement("div", { className: pe }, /* @__PURE__ */ e.createElement(y, { className: ue, kind: "link", onClick: s }, o("searchResultsBar.clearResults", { defaultValue: "Clear Results" }))));
+}
+h.set(A, {
+  name: "Search Results Bar",
+  props: {
+    results: { type: "number | string | null" },
+    selections: { type: "{ [key: string]: string[] }" },
+    zeroStateText: { type: "string" },
+    onClear: { type: "() => void" }
+  }
+});
+function me(a, r, t) {
+  return r in a ? Object.defineProperty(a, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : a[r] = t, a;
+}
+function P(a, r) {
+  var t = Object.keys(a);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(a);
+    r && (s = s.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(a, n).enumerable;
+    })), t.push.apply(t, s);
+  }
+  return t;
+}
+function L(a) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? P(Object(t), !0).forEach(function(s) {
+      me(a, s, t[s]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : P(Object(t)).forEach(function(s) {
+      Object.defineProperty(a, s, Object.getOwnPropertyDescriptor(t, s));
+    });
+  }
+  return a;
+}
+var he = (a, r, t) => {
+  for (var s of Object.keys(a)) {
+    var n;
+    if (a[s] !== ((n = r[s]) !== null && n !== void 0 ? n : t[s]))
+      return !1;
+  }
+  return !0;
+}, R = (a) => (r) => {
+  var t = a.defaultClassName, s = L(L({}, a.defaultVariants), r);
+  for (var n in s) {
+    var _, c = (_ = s[n]) !== null && _ !== void 0 ? _ : a.defaultVariants[n];
+    if (c != null) {
+      var o = c;
+      typeof o == "boolean" && (o = o === !0 ? "true" : "false");
+      var p = (
+        // @ts-expect-error
+        a.variantClassNames[n][o]
+      );
+      p && (t += " " + p);
+    }
+  }
+  for (var [i, d] of a.compoundVariants)
+    he(i, s, a.defaultVariants) && (t += " " + d);
+  return t;
+}, ve = R({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv1", variantClassNames: { pinned: { true: "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv2", false: "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv3" } }, defaultVariants: { pinned: !1 }, compoundVariants: [] }), fe = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv4", ge = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv5", we = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv6", ye = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv7", Se = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv8", Ee = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv9", be = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwva", j = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvb", ke = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvc", Be = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvd", Ne = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwve", ze = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvf";
+function Re({
+  children: a
+}) {
+  const r = J(
+    a,
+    (t) => t.type === y ? [
+      {
+        className: B(t.props.className, Ne)
+      }
+    ] : []
+  );
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, r);
+}
+function I({
+  onSubmit: a,
+  children: r
+}) {
+  function t(s) {
+    s.preventDefault(), a && a(s);
+  }
+  return /* @__PURE__ */ e.createElement("form", { onSubmit: t, className: ke, noValidate: !0 }, /* @__PURE__ */ e.createElement(ee, { className: Be }, /* @__PURE__ */ e.createElement(Re, null, r)));
+}
+h.set(I, {
+  name: "ListBarSearch",
+  props: {
+    onSubmit: { type: "FormEventHandler" }
+  }
+});
+function x({
+  children: a
+}) {
+  return /* @__PURE__ */ e.createElement("div", null, a);
+}
+h.set(x, {
+  name: "ListBarSearchInfo"
+});
+function Ce({
+  advancedSearch: a,
+  onToggleAdvancedSearch: r,
+  title: t,
+  onToolbarPinned: s,
+  selectable: n,
+  isSelected: _,
+  isIndeterminate: c,
+  disableSelection: o = !1,
+  onSelectionChange: p,
+  pinResultsBar: i,
+  pinToolbar: d = !0,
+  advancedSearchToggleText: v,
+  children: f,
+  className: S,
+  ...E
+}) {
+  const { t: M } = z();
+  let b = null;
+  const [u, C] = e.useState(!1), g = e.useRef(null), m = e.useRef(null), { "data-testid": O } = E, k = $(() => {
+    if (g.current && d) {
+      const l = g.current.getBoundingClientRect();
+      if (!l)
+        return;
+      const Y = Math.round(l.height), K = Math.round(l.top), q = Math.round(window.scrollY);
+      Y > 0 && K <= 60 && (typeof b == "number" ? q <= b && (b = null, C(!1)) : (b = Math.round(window.scrollY), C(!0), r && r(!1)));
+    }
+  });
+  e.useEffect(() => (window.addEventListener("scroll", k), window.addEventListener("resize", k), () => {
+    window.removeEventListener("scroll", k), window.removeEventListener("resize", k);
+  }), []);
+  const w = e.useRef();
+  e.useLayoutEffect(() => {
+    if (m.current && g.current && d) {
+      if (u && w.current)
+        m.current.style.height = w.current.height, m.current.style.width = w.current.width, m.current.style.marginBottom = w.current.marginBottom;
+      else if (!u) {
+        m.current.style.height = "", m.current.style.width = "", m.current.style.marginBottom = "";
+        const l = window.getComputedStyle(g.current);
+        w.current = {
+          height: l.height,
+          width: l.width,
+          marginBottom: l.marginBottom
+        };
+      }
+    }
+  }, [u]);
+  function D() {
+    r && r(!a?.isOpen);
+  }
+  function G(l) {
+    s && s(l);
+  }
+  e.useEffect(() => {
+    G(u);
+  }, [u]);
+  const [
+    F,
+    W,
+    H,
+    [T],
+    V
+  ] = Q(f, [
+    { type: I },
+    { type: x },
+    { type: A },
+    {
+      custom: (l) => h.isWoodlandComponent(l) && h.get(l).name === "Tabs"
+    }
+  ]);
+  return /* @__PURE__ */ e.createElement("div", { className: B(S), ref: m, ...E }, /* @__PURE__ */ e.createElement("div", { className: ve({ pinned: u }), ref: g }, T ? U(T, { context: "container" }) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: fe }, !!n && /* @__PURE__ */ e.createElement("div", { className: ge }, /* @__PURE__ */ e.createElement(
+    ae,
+    {
+      checked: _,
+      disabled: o,
+      indeterminate: c,
+      onChange: () => {
+        p?.(!_);
+      }
+    }
+  )), /* @__PURE__ */ e.createElement("div", { className: we }, !t && F, !t && W, F.length > 0 && a && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: ye,
+      "data-testid": `${O}__advanced-search`
+    },
+    /* @__PURE__ */ e.createElement("div", { className: Se }, /* @__PURE__ */ e.createElement(y, { kind: "link", onClick: D }, v ?? M("listToolbar.advancedSearchToggle", { defaultValue: "Advanced Search" }))),
+    (a.enteredFields || 0) > 0 && /* @__PURE__ */ e.createElement(N, { className: Ee, kind: "info", "data-testid": `${O}__entered-fields` }, /* @__PURE__ */ e.createElement("span", null, a.enteredFields))
+  ), t && /* @__PURE__ */ e.createElement("div", { className: be }, t)), u ? /* @__PURE__ */ e.createElement("div", { className: j }, /* @__PURE__ */ e.createElement(X.Provider, { value: { fixed: !0 } }, V)) : /* @__PURE__ */ e.createElement("div", { className: j }, V)), /* @__PURE__ */ e.createElement("div", { className: ne }, (!u || i) && H))));
+}
+h.set(Ce, {
+  name: "ListBar",
+  props: {
+    activeTab: { type: "Tab" },
+    advancedSearch: { type: "{ isOpen: boolean, enteredFields: number }" },
+    onToggleAdvancedSearch: { type: "(boolean) => void" },
+    title: { type: "string" },
+    onToolbarPinned: { type: "(boolean) => void" },
+    selectable: { type: "boolean" },
+    disableSelection: { type: "boolean", default: "false" },
+    isSelected: { type: "boolean" },
+    isIndeterminate: { type: "boolean" },
+    onSelectionChange: { type: "(boolean) => void" },
+    pinResultsBar: { type: "boolean" },
+    pinToolbar: { type: "boolean", default: "true" },
+    advancedSearchToggleText: { type: "string" }
+  }
+});
+function Oe({
+  options: a,
+  activeOption: r,
+  onSortChange: t,
+  defaultOption: s,
+  className: n,
+  ..._
+}) {
+  const c = (a || []).map((o) => [
+    { label: o.label, icon: o.icon },
+    () => {
+      t && t(o);
+    }
+  ]);
+  return /* @__PURE__ */ e.createElement(
+    te,
+    {
+      className: B(n, ze),
+      icon: r?.icon || s?.icon,
+      label: r?.label || s?.label,
+      options: c
+    }
+  );
+}
+h.set(Oe, {
+  name: "ListBarSortBy",
+  props: {
+    options: { type: "SortOption[]" },
+    activeOption: { type: "SortOption" },
+    onSortChange: { type: "(option: SortOption) => void" },
+    defaultOption: { type: "SortOption" }
+  }
+});
+var Fe = R({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc0", variantClassNames: { open: { true: "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc1", false: "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc2" }, compact: { true: "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc3", false: "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc4" } }, defaultVariants: { open: !1, compact: !1 }, compoundVariants: [] }), Te = R({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc5", variantClassNames: { open: { true: "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc6", false: "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc7" } }, defaultVariants: { open: !0 }, compoundVariants: [] }), Ve = "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc8", Pe = "pkg_sps-woodland_core__version_8_51_0__hash_am9pfc9";
+function Le({
+  formArray: a,
+  formGroup: r,
+  formMeta: t,
+  onSubmit: s,
+  controlsDisabled: n,
+  footerLinks: _,
+  isOpen: c,
+  onClear: o,
+  submitButtonText: p,
+  compact: i,
+  className: d,
+  children: v,
+  ...f
+}) {
+  const { t: S } = z();
+  function E() {
+    o && o();
+  }
+  return /* @__PURE__ */ e.createElement("div", { className: B(Fe({ open: c, compact: i })), ...f }, /* @__PURE__ */ e.createElement(re, { onSubmit: s, formArray: a, formGroup: r, formMeta: t }, /* @__PURE__ */ e.createElement("div", { className: Te({ open: c }) }, v), /* @__PURE__ */ e.createElement("div", { className: Ve }, _ && /* @__PURE__ */ e.createElement("div", { id: "footer_links" }, Z(_)), /* @__PURE__ */ e.createElement("div", { className: Pe }, /* @__PURE__ */ e.createElement(
+    y,
+    {
+      kind: "default",
+      type: "button",
+      className: se({ mr: "sm" }),
+      onClick: E,
+      disabled: n
+    },
+    S("advancedSearch.clear", { defaultValue: "Clear Fields" })
+  ), /* @__PURE__ */ e.createElement(y, { kind: "key", type: "submit", disabled: n }, p ?? S("advancedSearch.search", { defaultValue: "Search" }))))));
+}
+h.set(Le, {
+  name: "Advanced Search",
+  props: {
+    formArray: { type: "SpsFormArray<any>" },
+    formGroup: { type: "SpsFormGroup" },
+    formMeta: { type: "SpsFormSetMeta<any>" },
+    onSubmit: { type: "React.FormEventHandler" },
+    controlsDisabled: { type: "boolean" },
+    footerLinks: { type: "React.ReactNode | (() => React.ReactNode)" },
+    isOpen: { type: "boolean" },
+    onClear: { type: "() => void" },
+    submitButtonText: { type: "string" },
+    compact: { type: "boolean" }
+  }
+});
+export {
+  Le as AdvancedSearch,
+  Re as InputGroupWrapper,
+  Ce as ListBar,
+  I as ListBarSearch,
+  x as ListBarSearchInfo,
+  Oe as ListBarSortBy,
+  A as SearchResultsBar
+};

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

@@ -0,0 +1 @@
+(function(n,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@sps-woodland/core/tag"),require("@spscommerce/utils"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button","@sps-woodland/core/tag","@spscommerce/utils","@spscommerce/ds-react","@spscommerce/i18n","@sps-woodland/tokens"],f):(n=typeof globalThis<"u"?globalThis:n||self,f(n.ListBar={},n.React,n.core,n.button,n.tag,n.utils,n.dsReact,n.i18n,n.tokens))})(this,(function(n,f,o,g,z,x,E,R,K){"use strict";function J(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>a[t]})}}return r.default=a,Object.freeze(r)}const e=J(f);var Q="pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h0",U="pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h1",X="pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h2",Z="pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h3",$="pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h4",ee="pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h5",ae="pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h6",te="pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h7",re="pkg_sps-woodland_core__version_8_51_0__hash_1o1g57h8";function C({results:a,selections:r,zeroStateText:t,onClear:s,className:l,children:i,...d}){const{t:_}=R.useWoodlandLanguage(),m=r?Object.keys(r).reduce((p,u)=>(r[u].length>0&&(p[u]=r[u]),p),{}):{};return e.createElement("div",{className:U,...d},a!=null&&e.createElement("div",{className:X},e.createElement("span",null,_("searchResultsBar.results",{defaultValue:"Results:"})),e.createElement(z.Tag,{className:Z,kind:"info"},e.createElement("span",null,a))),e.createElement("div",{className:$},Object.keys(m).length>0?Object.keys(m).map((p,u)=>e.createElement(e.Fragment,null,e.createElement("span",{key:u,className:ee},p,":"),m[p].map((w,y)=>e.createElement(z.Tag,{className:ae,key:y,kind:"key"},e.createElement("span",null,w))))):e.createElement("span",{className:"font-italic"},t||_("searchResultsBar.noAdvancedSearchSelections",{defaultValue:"No Advanced Search Selections"}))),e.createElement("div",{className:te},e.createElement(g.Button,{className:re,kind:"link",onClick:s},_("searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}o.Metadata.set(C,{name:"Search Results Bar",props:{results:{type:"number | string | null"},selections:{type:"{ [key: string]: string[] }"},zeroStateText:{type:"string"},onClear:{type:"() => void"}}});function se(a,r,t){return r in a?Object.defineProperty(a,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[r]=t,a}function P(a,r){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(a);r&&(s=s.filter(function(l){return Object.getOwnPropertyDescriptor(a,l).enumerable})),t.push.apply(t,s)}return t}function j(a){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?P(Object(t),!0).forEach(function(s){se(a,s,t[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(s){Object.defineProperty(a,s,Object.getOwnPropertyDescriptor(t,s))})}return a}var ne=(a,r,t)=>{for(var s of Object.keys(a)){var l;if(a[s]!==((l=r[s])!==null&&l!==void 0?l:t[s]))return!1}return!0},T=a=>r=>{var t=a.defaultClassName,s=j(j({},a.defaultVariants),r);for(var l in s){var i,d=(i=s[l])!==null&&i!==void 0?i:a.defaultVariants[l];if(d!=null){var _=d;typeof _=="boolean"&&(_=_===!0?"true":"false");var m=a.variantClassNames[l][_];m&&(t+=" "+m)}}for(var[p,u]of a.compoundVariants)ne(p,s,a.defaultVariants)&&(t+=" "+u);return t},oe=T({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv1",variantClassNames:{pinned:{true:"pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv2",false:"pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv3"}},defaultVariants:{pinned:!1},compoundVariants:[]}),le="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv4",_e="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv5",ce="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv6",ie="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv7",de="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv8",pe="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv9",ue="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwva",V="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvb",me="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvc",he="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvd",ve="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwve",fe="pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvf";function M({children:a}){const r=o.modChildren(a,t=>t.type===g.Button?[{className:o.cl(t.props.className,ve)}]:[]);return e.createElement(e.Fragment,null,r)}function F({onSubmit:a,children:r}){function t(s){s.preventDefault(),a&&a(s)}return e.createElement("form",{onSubmit:t,className:me,noValidate:!0},e.createElement(E.SpsInputGroup,{className:he},e.createElement(M,null,r)))}o.Metadata.set(F,{name:"ListBarSearch",props:{onSubmit:{type:"FormEventHandler"}}});function L({children:a}){return e.createElement("div",null,a)}o.Metadata.set(L,{name:"ListBarSearchInfo"});function A({advancedSearch:a,onToggleAdvancedSearch:r,title:t,onToolbarPinned:s,selectable:l,isSelected:i,isIndeterminate:d,disableSelection:_=!1,onSelectionChange:m,pinResultsBar:p,pinToolbar:u=!0,advancedSearchToggleText:w,children:y,className:b,...k}){const{t:Be}=R.useWoodlandLanguage();let N=null;const[h,D]=e.useState(!1),S=e.useRef(null),v=e.useRef(null),{"data-testid":W}=k,O=x.lockToAnimationFrames(()=>{if(S.current&&u){const c=S.current.getBoundingClientRect();if(!c)return;const Oe=Math.round(c.height),ze=Math.round(c.top),Re=Math.round(window.scrollY);Oe>0&&ze<=60&&(typeof N=="number"?Re<=N&&(N=null,D(!1)):(N=Math.round(window.scrollY),D(!0),r&&r(!1)))}});e.useEffect(()=>(window.addEventListener("scroll",O),window.addEventListener("resize",O),()=>{window.removeEventListener("scroll",O),window.removeEventListener("resize",O)}),[]);const B=e.useRef();e.useLayoutEffect(()=>{if(v.current&&S.current&&u){if(h&&B.current)v.current.style.height=B.current.height,v.current.style.width=B.current.width,v.current.style.marginBottom=B.current.marginBottom;else if(!h){v.current.style.height="",v.current.style.width="",v.current.style.marginBottom="";const c=window.getComputedStyle(S.current);B.current={height:c.height,width:c.width,marginBottom:c.marginBottom}}}},[h]);function Ee(){r&&r(!a?.isOpen)}function be(c){s&&s(c)}e.useEffect(()=>{be(h)},[h]);const[G,ke,Ne,[H],Y]=o.selectChildren(y,[{type:F},{type:L},{type:C},{custom:c=>o.Metadata.isWoodlandComponent(c)&&o.Metadata.get(c).name==="Tabs"}]);return e.createElement("div",{className:o.cl(b),ref:v,...k},e.createElement("div",{className:oe({pinned:h}),ref:S},H?o.addProps(H,{context:"container"}):e.createElement(e.Fragment,null,e.createElement("div",{className:le},!!l&&e.createElement("div",{className:_e},e.createElement(E.SpsCheckbox,{checked:i,disabled:_,indeterminate:d,onChange:()=>{m?.(!i)}})),e.createElement("div",{className:ce},!t&&G,!t&&ke,G.length>0&&a&&e.createElement("div",{className:ie,"data-testid":`${W}__advanced-search`},e.createElement("div",{className:de},e.createElement(g.Button,{kind:"link",onClick:Ee},w??Be("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(a.enteredFields||0)>0&&e.createElement(z.Tag,{className:pe,kind:"info","data-testid":`${W}__entered-fields`},e.createElement("span",null,a.enteredFields))),t&&e.createElement("div",{className:ue},t)),h?e.createElement("div",{className:V},e.createElement(o.PortalContext.Provider,{value:{fixed:!0}},Y)):e.createElement("div",{className:V},Y)),e.createElement("div",{className:Q},(!h||p)&&Ne))))}o.Metadata.set(A,{name:"ListBar",props:{activeTab:{type:"Tab"},advancedSearch:{type:"{ isOpen: boolean, enteredFields: number }"},onToggleAdvancedSearch:{type:"(boolean) => void"},title:{type:"string"},onToolbarPinned:{type:"(boolean) => void"},selectable:{type:"boolean"},disableSelection:{type:"boolean",default:"false"},isSelected:{type:"boolean"},isIndeterminate:{type:"boolean"},onSelectionChange:{type:"(boolean) => void"},pinResultsBar:{type:"boolean"},pinToolbar:{type:"boolean",default:"true"},advancedSearchToggleText:{type:"string"}}});function I({options:a,activeOption:r,onSortChange:t,defaultOption:s,className:l,...i}){const d=(a||[]).map(_=>[{label:_.label,icon:_.icon},()=>{t&&t(_)}]);return e.createElement(E.SpsDropdown,{className:o.cl(l,fe),icon:r?.icon||s?.icon,label:r?.label||s?.label,options:d})}o.Metadata.set(I,{name:"ListBarSortBy",props:{options:{type:"SortOption[]"},activeOption:{type:"SortOption"},onSortChange:{type:"(option: SortOption) => void"},defaultOption:{type:"SortOption"}}});var ge=T({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_am9pfc0",variantClassNames:{open:{true:"pkg_sps-woodland_core__version_8_51_0__hash_am9pfc1",false:"pkg_sps-woodland_core__version_8_51_0__hash_am9pfc2"},compact:{true:"pkg_sps-woodland_core__version_8_51_0__hash_am9pfc3",false:"pkg_sps-woodland_core__version_8_51_0__hash_am9pfc4"}},defaultVariants:{open:!1,compact:!1},compoundVariants:[]}),we=T({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_am9pfc5",variantClassNames:{open:{true:"pkg_sps-woodland_core__version_8_51_0__hash_am9pfc6",false:"pkg_sps-woodland_core__version_8_51_0__hash_am9pfc7"}},defaultVariants:{open:!0},compoundVariants:[]}),ye="pkg_sps-woodland_core__version_8_51_0__hash_am9pfc8",Se="pkg_sps-woodland_core__version_8_51_0__hash_am9pfc9";function q({formArray:a,formGroup:r,formMeta:t,onSubmit:s,controlsDisabled:l,footerLinks:i,isOpen:d,onClear:_,submitButtonText:m,compact:p,className:u,children:w,...y}){const{t:b}=R.useWoodlandLanguage();function k(){_&&_()}return e.createElement("div",{className:o.cl(ge({open:d,compact:p})),...y},e.createElement(E.SpsForm,{onSubmit:s,formArray:a,formGroup:r,formMeta:t},e.createElement("div",{className:we({open:d})},w),e.createElement("div",{className:ye},i&&e.createElement("div",{id:"footer_links"},o.contentOf(i)),e.createElement("div",{className:Se},e.createElement(g.Button,{kind:"default",type:"button",className:K.sprinkles({mr:"sm"}),onClick:k,disabled:l},b("advancedSearch.clear",{defaultValue:"Clear Fields"})),e.createElement(g.Button,{kind:"key",type:"submit",disabled:l},m??b("advancedSearch.search",{defaultValue:"Search"}))))))}o.Metadata.set(q,{name:"Advanced Search",props:{formArray:{type:"SpsFormArray<any>"},formGroup:{type:"SpsFormGroup"},formMeta:{type:"SpsFormSetMeta<any>"},onSubmit:{type:"React.FormEventHandler"},controlsDisabled:{type:"boolean"},footerLinks:{type:"React.ReactNode | (() => React.ReactNode)"},isOpen:{type:"boolean"},onClear:{type:"() => void"},submitButtonText:{type:"string"},compact:{type:"boolean"}}}),n.AdvancedSearch=q,n.InputGroupWrapper=M,n.ListBar=A,n.ListBarSearch=F,n.ListBarSearchInfo=L,n.ListBarSortBy=I,n.SearchResultsBar=C,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));

package/lib/list-bar/list-bar/InputGroupWrapper.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { ComponentProps } from "@sps-woodland/core";
+export declare function InputGroupWrapper({ children, }: ComponentProps<unknown, HTMLElement>): React.ReactElement;
+//# sourceMappingURL=InputGroupWrapper.d.ts.map

package/lib/list-bar/list-bar/InputGroupWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroupWrapper.d.ts","sourceRoot":"","sources":["../../../src/list-bar/list-bar/InputGroupWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,cAAc,EAAe,MAAM,oBAAoB,CAAC;AAIrE,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,GACT,EAAE,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAW3D"}

package/lib/list-bar/list-bar/InputGroupWrapper.js

@@ -0,0 +1,20 @@
+import * as o from "react";
+import { modChildren as m, cl as n } from "@sps-woodland/core";
+import { Button as p } from "@sps-woodland/core/button";
+import { inputGroupIconButton as a } from "./ListBar.css.js";
+function l({
+  children: t
+}) {
+  const e = m(
+    t,
+    (r) => r.type === p ? [
+      {
+        className: n(r.props.className, a)
+      }
+    ] : []
+  );
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, e);
+}
+export {
+  l as InputGroupWrapper
+};

package/lib/list-bar/list-bar/ListBar.css.d.ts

@@ -0,0 +1,39 @@
+export declare const listBarWrapper: string;
+export declare const listBar: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    pinned: {
+        true: {
+            width: `calc(${string} - (${string} * 2))`;
+            borderRadius: number;
+            transform: "translateX(-50%)";
+            position: "fixed";
+            top: string;
+            left: "50%";
+            zIndex: number;
+            selectors: {
+                "&:after": {
+                    background: "linear-gradient(180deg, rgba(0, 0, 0, 0.1), transparent)";
+                    content: "";
+                    display: "block";
+                    height: string;
+                    position: "absolute";
+                    top: "calc(100% + 1px)";
+                    width: "100%";
+                };
+            };
+        };
+        false: {};
+    };
+}>;
+export declare const listBarContent: string;
+export declare const listBarSelectionControls: string;
+export declare const listBarSearchControls: string;
+export declare const listBarAdvSearchToggle: string;
+export declare const listBarAdvSearchToggleWrapper: string;
+export declare const listBarAdvSearchEnteredFields: string;
+export declare const listBarAdvSearchTitle: string;
+export declare const listBarHeaderContent: string;
+export declare const listBarSearchForm: string;
+export declare const listBarSearchField: string;
+export declare const inputGroupIconButton: string;
+export declare const listBarSortBy: string;
+//# sourceMappingURL=ListBar.css.d.ts.map

package/lib/list-bar/list-bar/ListBar.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBar.css.d.ts","sourceRoot":"","sources":["../../../src/list-bar/list-bar/ListBar.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,QAAY,CAAC;AAExC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;EAmDlB,CAAC;AAEH,eAAO,MAAM,cAAc,QAIzB,CAAC;AAEH,eAAO,MAAM,wBAAwB,QAWnC,CAAC;AAEH,eAAO,MAAM,qBAAqB,QAMhC,CAAC;AAEH,eAAO,MAAM,sBAAsB,QAMjC,CAAC;AAEH,eAAO,MAAM,6BAA6B,QAGxC,CAAC;AAEH,eAAO,MAAM,6BAA6B,QAExC,CAAC;AAEH,eAAO,MAAM,qBAAqB,QAUhC,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAO/B,CAAC;AAGH,eAAO,MAAM,iBAAiB,QAI5B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAE7B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAoB/B,CAAC;AAEH,eAAO,MAAM,aAAa,QAAY,CAAC"}

package/lib/list-bar/list-bar/ListBar.css.js

@@ -0,0 +1,18 @@
+/* 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 = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv1", variantClassNames: { pinned: { true: "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv2", false: "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv3" } }, defaultVariants: { pinned: !1 }, compoundVariants: [] }), r = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv4", e = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv5", n = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv6", v = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv7", d = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv8", l = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwv9", i = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwva", p = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvb", h = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvc", t = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvd", g = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwve", w = "pkg_sps-woodland_core__version_8_51_0__hash_uzzgwvf";
+export {
+  g as inputGroupIconButton,
+  o as listBar,
+  l as listBarAdvSearchEnteredFields,
+  i as listBarAdvSearchTitle,
+  v as listBarAdvSearchToggle,
+  d as listBarAdvSearchToggleWrapper,
+  r as listBarContent,
+  p as listBarHeaderContent,
+  n as listBarSearchControls,
+  t as listBarSearchField,
+  h as listBarSearchForm,
+  e as listBarSelectionControls,
+  w as listBarSortBy
+};

package/lib/list-bar/list-bar/ListBar.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function ListBar({ advancedSearch, onToggleAdvancedSearch, title, onToolbarPinned, selectable, isSelected, isIndeterminate, disableSelection, onSelectionChange, pinResultsBar, pinToolbar, advancedSearchToggleText, children, className, ...rest }: ComponentProps<{
+    advancedSearch?: {
+        isOpen: boolean;
+        enteredFields?: number;
+    };
+    onToggleAdvancedSearch?: (arg: boolean) => void;
+    title?: string;
+    onToolbarPinned?: (arg: boolean) => void;
+    selectable?: boolean;
+    isSelected?: boolean;
+    isIndeterminate?: boolean;
+    disableSelection?: boolean;
+    onSelectionChange?: (arg: boolean) => void;
+    pinResultsBar?: boolean;
+    pinToolbar?: boolean;
+    advancedSearchToggleText?: string;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ListBar.d.ts.map

package/lib/list-bar/list-bar/ListBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBar.d.ts","sourceRoot":"","sources":["../../../src/list-bar/list-bar/ListBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAY,MAAM,oBAAoB,CAAC;AA+BnE,wBAAgB,OAAO,CAAC,EACtB,cAAc,EACd,sBAAsB,EACtB,KAAK,EACL,eAAe,EACf,UAAU,EACV,UAAU,EACV,eAAe,EACf,gBAAwB,EACxB,iBAAiB,EACjB,aAAa,EACb,UAAiB,EACjB,wBAAwB,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CACjB;IACE,cAAc,CAAC,EAAE;QACf,MAAM,EAAE,OAAO,CAAC;QAChB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,EACD,cAAc,CACb,GAAG,KAAK,CAAC,YAAY,CA2KrB"}