@sps-woodland/core 8.53.28 → 8.53.30

package/lib/add-to-list/index.js

@@ -1,23 +1,23 @@
 import * as e from "react";
-import { useDrop as we, useDrag as xe, DragPreview as ke } from "react-aria";
-import { SpsButton as H, SpsTooltip as Ce, useSpsForm as Le, SpsTextInput as Ee } from "@spscommerce/ds-react";
-import { ButtonKind as B, TooltipShowTrigger as Ne, Position as Te, SpsIcon as j } from "@spscommerce/ds-shared";
-import { DOCUMENT_SEARCH_NO_RESULTS_LARGE as Oe, DOCUMENT_SEARCH_NO_RESULTS_SMALL as Se } from "@sps-woodland/illustrations";
-import { useChildTestIdAttrBuilder as me, cl as T, Icon as De, Metadata as pe } from "@sps-woodland/core";
-import { ZeroState as se } from "@sps-woodland/core/zero-state";
-import { Card as oe } from "@sps-woodland/core/card";
-import { grid as _e } from "@sps-woodland/tokens";
-import { Tag as Ve } from "@sps-woodland/core/tag";
-import { ScrollableContainer as Ie } from "@sps-woodland/core/scrollable-container";
-import { FeedbackBlock as Me } from "@sps-woodland/core/feedback-block";
-import { useWoodlandLanguage as Q } from "@spscommerce/i18n";
-let Pe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Ae = (t = 21) => {
+import { useDrop as ke, useDrag as Ce, useButton as Le, DragPreview as Ee } from "react-aria";
+import { SpsButton as j, SpsTooltip as Ne, useSpsForm as Te, SpsTextInput as Oe } from "@spscommerce/ds-react";
+import { ButtonKind as B, TooltipShowTrigger as Se, Position as De, SpsIcon as H } from "@spscommerce/ds-shared";
+import { DOCUMENT_SEARCH_NO_RESULTS_LARGE as Ve, DOCUMENT_SEARCH_NO_RESULTS_SMALL as Ie } from "@sps-woodland/illustrations";
+import { useChildTestIdAttrBuilder as ce, cl as T, Icon as Pe, Metadata as fe } from "@sps-woodland/core";
+import { ZeroState as _e } from "@sps-woodland/core/zero-state";
+import { Card as re } from "@sps-woodland/core/card";
+import { grid as le } from "@sps-woodland/tokens";
+import { Tag as Me } from "@sps-woodland/core/tag";
+import { ScrollableContainer as Ae } from "@sps-woodland/core/scrollable-container";
+import { FeedbackBlock as Fe } from "@sps-woodland/core/feedback-block";
+import { useWoodlandLanguage as ee } from "@spscommerce/i18n";
+let Re = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", He = (t = 21) => {
   let _ = "", s = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )
-    _ += Pe[s[t] & 63];
+    _ += Re[s[t] & 63];
   return _;
 };
-function Fe(t, _, s) {
+function je(t, _, s) {
   return _ in t ? Object.defineProperty(t, _, {
     value: s,
     enumerable: !0,
@@ -25,7 +25,7 @@ function Fe(t, _, s) {
     writable: !0
   }) : t[_] = s, t;
 }
-function re(t, _) {
+function ie(t, _) {
   var s = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(t);
@@ -35,18 +35,18 @@ function re(t, _) {
   }
   return s;
 }
-function le(t) {
+function ne(t) {
   for (var _ = 1; _ < arguments.length; _++) {
     var s = arguments[_] != null ? arguments[_] : {};
-    _ % 2 ? re(Object(s), !0).forEach(function(o) {
-      Fe(t, o, s[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(s)) : re(Object(s)).forEach(function(o) {
+    _ % 2 ? ie(Object(s), !0).forEach(function(o) {
+      je(t, o, s[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(s)) : ie(Object(s)).forEach(function(o) {
       Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(s, o));
     });
   }
   return t;
 }
-var Re = (t, _, s) => {
+var Be = (t, _, s) => {
   for (var o of Object.keys(t)) {
     var n;
     if (t[o] !== ((n = _[o]) !== null && n !== void 0 ? n : s[o]))
@@ -54,7 +54,7 @@ var Re = (t, _, s) => {
   }
   return !0;
 }, x = (t) => (_) => {
-  var s = t.defaultClassName, o = le(le({}, t.defaultVariants), _);
+  var s = t.defaultClassName, o = ne(ne({}, t.defaultVariants), _);
   for (var n in o) {
     var u, h = (u = o[n]) !== null && u !== void 0 ? u : t.defaultVariants[n];
     if (h != null) {
@@ -68,10 +68,10 @@ var Re = (t, _, s) => {
     }
   }
   for (var [k, C] of t.compoundVariants)
-    Re(k, o, t.defaultVariants) && (s += " " + C);
+    Be(k, o, t.defaultVariants) && (s += " " + C);
   return s;
-}, je = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), He = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), ie = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx96", Be = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), qe = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), Ue = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), ne = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9k", Ze = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9l", We = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9m", Ke = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), $e = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9q", ce = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), Ge = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), X = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9x", Je = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9y", Xe = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9z", ze = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx910", Qe = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx911", Ye = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx912", et = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx913";
-function de({
+}, qe = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), Ue = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), de = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx96", Ze = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), We = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), Ke = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), me = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9k", $e = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9l", Ge = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9m", Je = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), Xe = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9q", ue = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), ze = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), Q = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9x", Qe = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9y", Ye = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9z", et = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx910", tt = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx911", at = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx912", st = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx913";
+function pe({
   headerText: t,
   showCount: _,
   showIcons: s,
@@ -89,12 +89,12 @@ function de({
   adjustForPhantomDroppableContainer: O,
   "data-testid": w
 }) {
-  const S = me({ "data-testid": w }), { t: v } = Q(), c = v(r === "left" ? "addToList.onColumnHeader" : "addToList.offColumnHeader"), E = r === "left" ? "eye" : "eye-slash", U = v(r === "left" ? "addToList.offColumnHeader" : "addToList.onColumnHeader"), Z = v("addToList.moveAllItemsToCol", {
+  const S = ce({ "data-testid": w }), { t: v } = ee(), c = v(r === "left" ? "addToList.onColumnHeader" : "addToList.offColumnHeader"), E = r === "left" ? "eye" : "eye-slash", U = v(r === "left" ? "addToList.offColumnHeader" : "addToList.onColumnHeader"), Z = v("addToList.moveAllItemsToCol", {
     columnName: C || U
-  }), m = y ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
+  }), d = y ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: Be({
+      className: Ze({
         isLeftSide: r === "left",
         isRightSide: r === "right",
         adjustForPhantomDroppableContainer: !!O && r === "left"
@@ -107,15 +107,15 @@ function de({
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: T(Ue({ vertical: y }), q),
+      className: T(Ke({ vertical: y }), q),
       "data-testid": w
     },
-    /* @__PURE__ */ e.createElement("div", { className: Je, ...S("column-header") }, s && /* @__PURE__ */ e.createElement(De, { icon: E, className: Xe }), t || c, _ && /* @__PURE__ */ e.createElement(Ve, { kind: "key", className: ze }, k)),
-    h ? /* @__PURE__ */ e.createElement("div", { className: ie }, m, /* @__PURE__ */ e.createElement(Ie, { maxHeight: h }, g)) : /* @__PURE__ */ e.createElement("div", { className: ie }, m, g),
+    /* @__PURE__ */ e.createElement("div", { className: Qe, ...S("column-header") }, s && /* @__PURE__ */ e.createElement(Pe, { icon: E, className: Ye }), t || c, _ && /* @__PURE__ */ e.createElement(Me, { kind: "key", className: et }, k)),
+    h ? /* @__PURE__ */ e.createElement("div", { className: de }, d, /* @__PURE__ */ e.createElement(Ae, { maxHeight: h }, g)) : /* @__PURE__ */ e.createElement("div", { className: de }, d, g),
     o && k > 0 && /* @__PURE__ */ e.createElement(
-      H,
+      j,
       {
-        className: O && r === "right" ? et : void 0,
+        className: O && r === "right" ? st : void 0,
         kind: B.LINK,
         onClick: W,
         disabled: u,
@@ -123,10 +123,10 @@ function de({
       },
       Z
     ),
-    n && k > 0 && /* @__PURE__ */ e.createElement(Me, { kind: "info", micro: !0 }, v("addToList.moreOptionsAvailable", { defaultValue: "More options available. Use the search field to filter results." }))
+    n && k > 0 && /* @__PURE__ */ e.createElement(Fe, { kind: "info", micro: !0 }, v("addToList.moreOptionsAvailable", { defaultValue: "More options available. Use the search field to filter results." }))
   );
 }
-function z({
+function Y({
   className: t,
   children: _,
   filtering: s,
@@ -134,15 +134,15 @@ function z({
   id: n,
   "data-testid": u
 }) {
-  const { t: h } = Q();
+  const { t: h } = ee();
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
       role: "listitem",
       className: T(
         t,
-        ce({ isDropTarget: !1 }),
-        We,
+        ue({ isDropTarget: !1 }),
+        Ge,
         "listitem-component"
       ),
       "data-testid": u
@@ -150,25 +150,25 @@ function z({
     o && s && /* @__PURE__ */ e.createElement(
       "i",
       {
-        className: Ze,
+        className: $e,
         id: `list-item-${n}-drag-handle`
       }
     ),
     _
   ), o && s && /* @__PURE__ */ e.createElement(
-    Ce,
+    Ne,
     {
       for: `list-item-${n}-drag-handle`,
-      position: Te.TOP_LEFT,
-      showOn: Ne.CLICK
+      position: De.TOP_LEFT,
+      showOn: Se.CLICK
     },
     h("addToList.disabledDragTooltip", {
       defaultValue: "Drag and drop are disabled when filters are engaged"
     })
   ));
 }
-pe.set(z, { name: "ListItem" });
-function tt({
+fe.set(Y, { name: "ListItem" });
+function ot({
   onList: t,
   offList: _,
   onHeader: s,
@@ -188,28 +188,28 @@ function tt({
   onListAlphaSort: S = !0,
   "data-testid": v
 }) {
-  const c = me({ "data-testid": v }), { t: E } = Q(), { formValue: U, formMeta: Z } = Le({
+  const c = ce({ "data-testid": v }), { t: E } = ee(), { formValue: U, formMeta: Z } = Te({
     filterString: ""
-  }), [m, W] = e.useState(""), K = C ? C / 16 : q, Y = K ? `${K}rem` : "", D = e.useCallback(
-    (a, l) => (!r && S || l === "right" ? [...a].sort((p, d) => p.label.localeCompare(d.label)) : a).map((p) => {
-      const d = { ...p };
-      return d.id || (d.id = Ae()), d;
+  }), [d, W] = e.useState(""), K = C ? C / 16 : q, te = K ? `${K}rem` : "", V = e.useCallback(
+    (a, l) => (!r && S || l === "right" ? [...a].sort((m, p) => m.label.localeCompare(p.label)) : a).map((m) => {
+      const p = { ...m };
+      return p.id || (p.id = He()), p;
     }),
     [r, S]
-  ), i = e.useMemo(() => D(t, "left"), [t, D]), f = e.useMemo(() => D(_, "right"), [_, D]), V = e.useCallback((a) => m ? a.label.toLowerCase().includes(m.toLowerCase()) : !0, [m]), $ = (a, l, b) => {
-    const p = b.find((d) => d.label === a);
-    p ? l === i ? y({
-      onList: [...i, p],
-      offList: f.filter((d) => d.label !== p.label)
+  ), i = e.useMemo(() => V(t, "left"), [t, V]), f = e.useMemo(() => V(_, "right"), [_, V]), I = e.useCallback((a) => d ? a.label.toLowerCase().includes(d.toLowerCase()) : !0, [d]), $ = (a, l, b) => {
+    const m = b.find((p) => p.label === a);
+    m ? l === i ? y({
+      onList: [...i, m],
+      offList: f.filter((p) => p.label !== m.label)
     }) : b === i && y({
-      onList: i.filter((d) => d.label !== p.label),
-      offList: [...f, p]
+      onList: i.filter((p) => p.label !== m.label),
+      offList: [...f, m]
     }) : console.error("could not remove item");
   };
-  function fe(a) {
+  function he(a) {
     W(a.target.value);
   }
-  function ee(a) {
+  function ae(a) {
     y(a === "left" ? {
       onList: i.filter((l) => l.required),
       offList: [...f, ...i.filter((l) => !l.required)]
@@ -218,17 +218,23 @@ function tt({
       offList: []
     });
   }
-  const te = e.useCallback(
+  const se = e.useCallback(
     (a) => {
-      const { className: l, index: b, ...p } = a, d = e.useRef(null), { dropProps: M, isDropTarget: P } = we({
-        ref: d,
-        async onDrop(G) {
-          let A = await Promise.all(
-            G.items.filter((R) => R.kind === "text" && R.types.has("text/plain")).map((R) => R.getText("text/plain"))
+      const {
+        className: l,
+        index: b,
+        isPhantomDroppableContainer: m,
+        children: p,
+        ...M
+      } = a, D = e.useRef(null), { dropProps: G, isDropTarget: A } = ke({
+        ref: D,
+        async onDrop(J) {
+          let X = await Promise.all(
+            J.items.filter((R) => R.kind === "text" && R.types.has("text/plain")).map((R) => R.getText("text/plain"))
           );
-          const { index: F } = JSON.parse(A[0]), J = [...i], [be] = J.splice(F, 1), ye = b > F ? b - 1 : b;
-          J.splice(ye, 0, be), y({
-            onList: J,
+          const { index: F } = JSON.parse(X[0]), z = [...i], [we] = z.splice(F, 1), xe = b > F ? b - 1 : b;
+          z.splice(xe, 0, we), y({
+            onList: z,
             offList: f
           });
         }
@@ -236,186 +242,193 @@ function tt({
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ref: d,
-          ...r ? M : [],
+          ref: D,
+          ...r ? G : [],
           role: "button",
           tabIndex: 0,
-          className: T(l, a.isPhantomDroppableContainer ? Ge({ isDropTarget: P }) : ce({ isDropTarget: P })),
+          className: T(l, m ? ze({ isDropTarget: A }) : ue({ isDropTarget: A })),
           ...c("droppable-container"),
-          ...p
+          ...M
         },
-        a.children
+        p
       );
     },
     [i, r]
-  ), ue = e.useCallback(
+  ), ge = e.useCallback(
     (a) => {
       const {
         label: l,
         data: b,
-        listIndex: p,
-        required: d
-      } = a, M = e.useRef(null), P = { ...b, index: p }, { dragProps: G, dragButtonProps: A, isDragging: F } = xe({
+        listIndex: m,
+        required: p
+      } = a, M = e.useRef(null), D = e.useRef(null), G = { ...b, index: m }, { dragProps: A, dragButtonProps: J, isDragging: X } = Ce({
         preview: M,
         hasDragButton: !0,
         getItems() {
           return [
             {
-              "text/plain": JSON.stringify(P)
+              "text/plain": JSON.stringify(G)
             }
           ];
         }
-      });
+      }), { buttonProps: F } = Le(J, D);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ...r ? G : {},
+          ...r ? A : {},
           role: r ? "button" : "listitem",
           tabIndex: 0,
-          id: `${l}${p}-drag`,
-          className: T(Ke({ isDragging: F })),
+          id: `${l}${m}-drag`,
+          className: T(Je({ isDragging: X })),
           ...c("draggable-item")
         },
-        /* @__PURE__ */ e.createElement(te, { index: p }, r && /* @__PURE__ */ e.createElement("i", { ...A, className: ne }), l, !d && /* @__PURE__ */ e.createElement(
-          H,
+        /* @__PURE__ */ e.createElement(se, { index: m }, r && /* @__PURE__ */ e.createElement(
+          "i",
+          {
+            ...F,
+            ref: D,
+            className: me
+          }
+        ), l, !p && /* @__PURE__ */ e.createElement(
+          j,
           {
             kind: B.ICON,
-            icon: j.X,
+            icon: H.X,
             onClick: () => {
               $(l, f, i);
             },
-            className: X,
+            className: Q,
             ...c("move-item-button")
           }
         )),
-        /* @__PURE__ */ e.createElement(ke, { ref: M }, () => /* @__PURE__ */ e.createElement("div", { className: $e }, /* @__PURE__ */ e.createElement("i", { ...A, className: ne }), l))
+        /* @__PURE__ */ e.createElement(Ee, { ref: M }, () => /* @__PURE__ */ e.createElement("div", { className: Xe }, /* @__PURE__ */ e.createElement("i", { className: me }), l))
       );
     },
     [i, r]
   ), N = e.useMemo(
-    () => i.filter(V),
-    [i, V]
-  ), I = e.useMemo(
-    () => f.filter(V).slice(0, k),
-    [f, V]
-  ), he = !m && !!g && N.length > 0, ge = !m && !!g && I.length > 0, ve = !m && f.length > I.length, ae = !!r && !m && N.length > 0 && !K;
-  return /* @__PURE__ */ e.createElement("div", { "data-testid": v }, n && /* @__PURE__ */ e.createElement("div", { className: _e.root }, /* @__PURE__ */ e.createElement("div", { className: T(_e[12], Ye) }, /* @__PURE__ */ e.createElement(
-    Ee,
+    () => i.filter(I),
+    [i, I]
+  ), P = e.useMemo(
+    () => f.filter(I).slice(0, k),
+    [f, I]
+  ), ve = !d && !!g && N.length > 0, be = !d && !!g && P.length > 0, ye = !d && f.length > P.length, oe = !!r && !d && N.length > 0 && !K;
+  return /* @__PURE__ */ e.createElement("div", { "data-testid": v }, n && /* @__PURE__ */ e.createElement("div", { className: le.root }, /* @__PURE__ */ e.createElement("div", { className: T(le[12], at) }, /* @__PURE__ */ e.createElement(
+    Oe,
     {
       value: U.filterString,
       formMeta: Z.fields.filterString,
-      icon: j.FILTER,
-      onChange: fe,
+      icon: H.FILTER,
+      onChange: he,
       ...c("filter-input")
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: T(je({ vertical: w })) }, /* @__PURE__ */ e.createElement(
-    de,
+  ))), /* @__PURE__ */ e.createElement("div", { className: T(qe({ vertical: w })) }, /* @__PURE__ */ e.createElement(
+    pe,
     {
       headerText: s,
-      showCount: !m && u,
+      showCount: !d && u,
       showIcons: h,
-      showMoveAllLinks: he,
+      showMoveAllLinks: ve,
       disableMoveAllLinks: i.every((a) => a.required),
-      maxHeight: Y,
+      maxHeight: te,
       vertical: w,
       side: "left",
-      className: He({
+      className: Ue({
         vertical: w
       }),
       otherHeader: o,
       itemCount: i.length,
-      moveAll: ee,
-      adjustForPhantomDroppableContainer: ae,
+      moveAll: ae,
+      adjustForPhantomDroppableContainer: oe,
       ...c("on-items-list")
     },
-    N.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, r && !m && N.map((a, l) => /* @__PURE__ */ e.createElement(e.Fragment, { key: a.id }, /* @__PURE__ */ e.createElement(
-      ue,
+    N.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, r && !d && N.map((a, l) => /* @__PURE__ */ e.createElement(e.Fragment, { key: a.id }, /* @__PURE__ */ e.createElement(
+      ge,
       {
         data: a,
         label: a.label,
         required: a.required,
         listIndex: l
       }
-    ), l === N.length - 1 && /* @__PURE__ */ e.createElement(te, { isPhantomDroppableContainer: !0, index: l + 1 }))), (!r || m) && N.map((a) => /* @__PURE__ */ e.createElement(
-      z,
+    ), l === N.length - 1 && /* @__PURE__ */ e.createElement(se, { isPhantomDroppableContainer: !0, index: l + 1 }))), (!r || d) && N.map((a) => /* @__PURE__ */ e.createElement(
+      Y,
       {
         key: a.id,
-        filtering: !!m,
+        filtering: !!d,
         manualSorting: r,
         id: a.id,
         ...c("item")
       },
       a.label,
       !a.required && /* @__PURE__ */ e.createElement(
-        H,
+        j,
         {
           kind: B.ICON,
-          icon: j.X,
+          icon: H.X,
           onClick: () => {
             $(a.label, f, i);
           },
-          className: X,
+          className: Q,
           ...c("move-item-button")
         }
       )
-    ))) : /* @__PURE__ */ e.createElement(oe, null, L ? /* @__PURE__ */ e.createElement(e.Fragment, null, L) : /* @__PURE__ */ e.createElement(
-      se,
+    ))) : /* @__PURE__ */ e.createElement(re, null, L ? /* @__PURE__ */ e.createElement(e.Fragment, null, L) : /* @__PURE__ */ e.createElement(
+      _e,
       {
         heading: E("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
         subHeading: E("addToList.noDataZeroStateOnColumnSubheading", {
           columnName: o,
           defaultValue: `Move options from the ${o}`
         }),
-        artwork: Oe,
+        artwork: Ve,
         micro: !0,
         ...c("on-list-zero-state")
       }
     ))
   ), /* @__PURE__ */ e.createElement(
-    de,
+    pe,
     {
       headerText: o,
-      showCount: !m && u,
+      showCount: !d && u,
       showIcons: h,
-      showMoveAllLinks: ge,
-      showMoreOptionsText: ve,
-      maxHeight: Y,
+      showMoveAllLinks: be,
+      showMoreOptionsText: ye,
+      maxHeight: te,
       vertical: w,
       side: "right",
-      className: qe({ vertical: w }),
+      className: We({ vertical: w }),
       otherHeader: s,
       itemCount: f.length,
-      moveAll: ee,
-      adjustForPhantomDroppableContainer: ae,
+      moveAll: ae,
+      adjustForPhantomDroppableContainer: oe,
       ...c("off-items-list")
     },
-    I.length > 0 ? I.map((a) => /* @__PURE__ */ e.createElement(z, { key: a.id, className: Qe, ...c("item") }, a.label, /* @__PURE__ */ e.createElement(
-      H,
+    P.length > 0 ? P.map((a) => /* @__PURE__ */ e.createElement(Y, { key: a.id, className: tt, ...c("item") }, a.label, /* @__PURE__ */ e.createElement(
+      j,
       {
         kind: B.ICON,
-        icon: j.PLUS_SIGN,
+        icon: H.PLUS_SIGN,
         onClick: () => {
           $(a.label, i, f);
         },
-        className: X,
+        className: Q,
         ...c("move-item-button")
       }
-    ))) : /* @__PURE__ */ e.createElement(oe, null, O ? /* @__PURE__ */ e.createElement(e.Fragment, null, O) : /* @__PURE__ */ e.createElement(
-      se,
+    ))) : /* @__PURE__ */ e.createElement(re, null, O ? /* @__PURE__ */ e.createElement(e.Fragment, null, O) : /* @__PURE__ */ e.createElement(
+      _e,
       {
         heading: E("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
         subHeading: E("addToList.noDataZeroStateOffColumnSubheading", {
           columnName: s,
           defaultValue: `Remove options from the ${s}`
         }),
-        artwork: Se,
+        artwork: Ie,
         micro: !0,
         ...c("off-list-zero-state")
       }
     ))
   )));
 }
-pe.set(tt, {
+fe.set(ot, {
   name: "Add To List",
   props: {
     onList: { type: "ItemProps[]", required: !0 },
@@ -436,5 +449,5 @@ pe.set(tt, {
   }
 });
 export {
-  tt as AddToList
+  ot as AddToList
 };

package/lib/add-to-list/index.umd.cjs

@@ -1 +1 @@
-(function(_,I){typeof exports=="object"&&typeof module<"u"?I(exports,require("react"),require("react-aria"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@sps-woodland/illustrations"),require("@sps-woodland/core"),require("@sps-woodland/core/zero-state"),require("@sps-woodland/core/card"),require("@sps-woodland/tokens"),require("@sps-woodland/core/tag"),require("@sps-woodland/core/scrollable-container"),require("@sps-woodland/core/feedback-block"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","react-aria","@spscommerce/ds-react","@spscommerce/ds-shared","@sps-woodland/illustrations","@sps-woodland/core","@sps-woodland/core/zero-state","@sps-woodland/core/card","@sps-woodland/tokens","@sps-woodland/core/tag","@sps-woodland/core/scrollable-container","@sps-woodland/core/feedback-block","@spscommerce/i18n"],I):(_=typeof globalThis<"u"?globalThis:_||self,I(_.AddToList={},_.react,_.reactAria,_.spscommerceDsReact,_.spscommerceDsShared,_.spsWoodlandIllustrations,_.spsWoodlandCore,_.spsWoodlandCoreZeroState,_.spsWoodlandCoreCard,_.spsWoodlandTokens,_.spsWoodlandCoreTag,_.spsWoodlandCoreScrollableContainer,_.spsWoodlandCoreFeedbackBlock,_.spscommerceI18n))})(this,(function(_,I,R,E,g,te,h,ae,se,oe,he,ge,ve,Z){"use strict";function be(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const e=be(I);let we="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",ye=(t=21)=>{let r="",a=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)r+=we[a[t]&63];return r};function ke(t,r,a){return r in t?Object.defineProperty(t,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[r]=a,t}function re(t,r){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter(function(d){return Object.getOwnPropertyDescriptor(t,d).enumerable})),a.push.apply(a,o)}return a}function le(t){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?re(Object(a),!0).forEach(function(o){ke(t,o,a[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):re(Object(a)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(a,o))})}return t}var Ce=(t,r,a)=>{for(var o of Object.keys(t)){var d;if(t[o]!==((d=r[o])!==null&&d!==void 0?d:a[o]))return!1}return!0},C=t=>r=>{var a=t.defaultClassName,o=le(le({},t.defaultVariants),r);for(var d in o){var v,b=(v=o[d])!==null&&v!==void 0?v:t.defaultVariants[d];if(b!=null){var w=b;typeof w=="boolean"&&(w=w===!0?"true":"false");var l=t.variantClassNames[d][w];l&&(a+=" "+l)}}for(var[N,T]of t.compoundVariants)Ce(N,o,t.defaultVariants)&&(a+=" "+T);return a},xe=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx90",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx91",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx92"}},defaultVariants:{},compoundVariants:[]}),Le=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx93",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx94",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx95"}},defaultVariants:{},compoundVariants:[]}),_e="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx96",Ee=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx97",variantClassNames:{isLeftSide:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx98",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx99"},isRightSide:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9a",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9b"},adjustForPhantomDroppableContainer:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9c",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9d"}},defaultVariants:{},compoundVariants:[]}),Ne=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9e",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9f",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9g"}},defaultVariants:{},compoundVariants:[]}),Te=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9h",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9i",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9j"}},defaultVariants:{},compoundVariants:[]}),ne="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9k",Oe="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9l",Se="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9m",De=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9n",variantClassNames:{isDragging:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9o",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9p"}},defaultVariants:{},compoundVariants:[]}),Ie="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9q",ie=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9r",variantClassNames:{isDropTarget:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9s",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9t"}},defaultVariants:{},compoundVariants:[]}),Ve=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9u",variantClassNames:{isDropTarget:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9v",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9w"}},defaultVariants:{},compoundVariants:[]}),K="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9x",Me="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9y",Pe="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9z",qe="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx910",Ae="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx911",Fe="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx912",je="pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx913";function de({headerText:t,showCount:r,showIcons:a,showMoveAllLinks:o,showMoreOptionsText:d,disableMoveAllLinks:v,maxHeight:b,children:w,side:l,itemCount:N,otherHeader:T,className:$,vertical:x,moveAll:O,adjustForPhantomDroppableContainer:V,"data-testid":L}){const M=h.useChildTestIdAttrBuilder({"data-testid":L}),{t:y}=Z.useWoodlandLanguage(),u=y(l==="left"?"addToList.onColumnHeader":"addToList.offColumnHeader"),S=l==="left"?"eye":"eye-slash",z=y(l==="left"?"addToList.offColumnHeader":"addToList.onColumnHeader"),G=y("addToList.moveAllItemsToCol",{columnName:T||z}),p=x?e.createElement(e.Fragment,null):e.createElement("div",{className:Ee({isLeftSide:l==="left",isRightSide:l==="right",adjustForPhantomDroppableContainer:!!V&&l==="left"})});function J(){O&&typeof O=="function"&&O(l)}return e.createElement("div",{className:h.cl(Te({vertical:x}),$),"data-testid":L},e.createElement("div",{className:Me,...M("column-header")},a&&e.createElement(h.Icon,{icon:S,className:Pe}),t||u,r&&e.createElement(he.Tag,{kind:"key",className:qe},N)),b?e.createElement("div",{className:_e},p,e.createElement(ge.ScrollableContainer,{maxHeight:b},w)):e.createElement("div",{className:_e},p,w),o&&N>0&&e.createElement(E.SpsButton,{className:V&&l==="right"?je:void 0,kind:g.ButtonKind.LINK,onClick:J,disabled:v,...M("move-all-button")},G),d&&N>0&&e.createElement(ve.FeedbackBlock,{kind:"info",micro:!0},y("addToList.moreOptionsAvailable",{defaultValue:"More options available. Use the search field to filter results."})))}function U({className:t,children:r,filtering:a,manualSorting:o,id:d,"data-testid":v}){const{t:b}=Z.useWoodlandLanguage();return e.createElement(e.Fragment,null,e.createElement("div",{role:"listitem",className:h.cl(t,ie({isDropTarget:!1}),Se,"listitem-component"),"data-testid":v},o&&a&&e.createElement("i",{className:Oe,id:`list-item-${d}-drag-handle`}),r),o&&a&&e.createElement(E.SpsTooltip,{for:`list-item-${d}-drag-handle`,position:g.Position.TOP_LEFT,showOn:g.TooltipShowTrigger.CLICK},b("addToList.disabledDragTooltip",{defaultValue:"Drag and drop are disabled when filters are engaged"})))}h.Metadata.set(U,{name:"ListItem"});function ce({onList:t,offList:r,onHeader:a,offHeader:o,showFilter:d,showCount:v,showIcons:b,showMoveAllLinks:w,manualSort:l,maxDisplayedItems:N,maxHeightPx:T,maxHeightRem:$,onChange:x,onListZeroState:O,offListZeroState:V,vertical:L=!1,onListAlphaSort:M=!0,"data-testid":y}){const u=h.useChildTestIdAttrBuilder({"data-testid":y}),{t:S}=Z.useWoodlandLanguage(),{formValue:z,formMeta:G}=E.useSpsForm({filterString:""}),[p,J]=e.useState(""),X=T?T/16:$,pe=X?`${X}rem`:"",P=e.useCallback((s,n)=>(!l&&M||n==="right"?[...s].sort((m,c)=>m.label.localeCompare(c.label)):s).map(m=>{const c={...m};return c.id||(c.id=ye()),c}),[l,M]),i=e.useMemo(()=>P(t,"left"),[t,P]),f=e.useMemo(()=>P(r,"right"),[r,P]),q=e.useCallback(s=>p?s.label.toLowerCase().includes(p.toLowerCase()):!0,[p]),Q=(s,n,k)=>{const m=k.find(c=>c.label===s);m?n===i?x({onList:[...i,m],offList:f.filter(c=>c.label!==m.label)}):k===i&&x({onList:i.filter(c=>c.label!==m.label),offList:[...f,m]}):console.error("could not remove item")};function Be(s){J(s.target.value)}function me(s){x(s==="left"?{onList:i.filter(n=>n.required),offList:[...f,...i.filter(n=>!n.required)]}:{onList:[...i,...f],offList:[]})}const ue=e.useCallback(s=>{const{className:n,index:k,...m}=s,c=e.useRef(null),{dropProps:F,isDropTarget:j}=R.useDrop({ref:c,async onDrop(Y){let B=await Promise.all(Y.items.filter(H=>H.kind==="text"&&H.types.has("text/plain")).map(H=>H.getText("text/plain")));const{index:W}=JSON.parse(B[0]),ee=[...i],[Ke]=ee.splice(W,1),Ue=k>W?k-1:k;ee.splice(Ue,0,Ke),x({onList:ee,offList:f})}});return e.createElement("div",{ref:c,...l?F:[],role:"button",tabIndex:0,className:h.cl(n,s.isPhantomDroppableContainer?Ve({isDropTarget:j}):ie({isDropTarget:j})),...u("droppable-container"),...m},s.children)},[i,l]),We=e.useCallback(s=>{const{label:n,data:k,listIndex:m,required:c}=s,F=e.useRef(null),j={...k,index:m},{dragProps:Y,dragButtonProps:B,isDragging:W}=R.useDrag({preview:F,hasDragButton:!0,getItems(){return[{"text/plain":JSON.stringify(j)}]}});return e.createElement("div",{...l?Y:{},role:l?"button":"listitem",tabIndex:0,id:`${n}${m}-drag`,className:h.cl(De({isDragging:W})),...u("draggable-item")},e.createElement(ue,{index:m},l&&e.createElement("i",{...B,className:ne}),n,!c&&e.createElement(E.SpsButton,{kind:g.ButtonKind.ICON,icon:g.SpsIcon.X,onClick:()=>{Q(n,f,i)},className:K,...u("move-item-button")})),e.createElement(R.DragPreview,{ref:F},()=>e.createElement("div",{className:Ie},e.createElement("i",{...B,className:ne}),n)))},[i,l]),D=e.useMemo(()=>i.filter(q),[i,q]),A=e.useMemo(()=>f.filter(q).slice(0,N),[f,q]),He=!p&&!!w&&D.length>0,Re=!p&&!!w&&A.length>0,Ze=!p&&f.length>A.length,fe=!!l&&!p&&D.length>0&&!X;return e.createElement("div",{"data-testid":y},d&&e.createElement("div",{className:oe.grid.root},e.createElement("div",{className:h.cl(oe.grid[12],Fe)},e.createElement(E.SpsTextInput,{value:z.filterString,formMeta:G.fields.filterString,icon:g.SpsIcon.FILTER,onChange:Be,...u("filter-input")}))),e.createElement("div",{className:h.cl(xe({vertical:L}))},e.createElement(de,{headerText:a,showCount:!p&&v,showIcons:b,showMoveAllLinks:He,disableMoveAllLinks:i.every(s=>s.required),maxHeight:pe,vertical:L,side:"left",className:Le({vertical:L}),otherHeader:o,itemCount:i.length,moveAll:me,adjustForPhantomDroppableContainer:fe,...u("on-items-list")},D.length>0?e.createElement(e.Fragment,null,l&&!p&&D.map((s,n)=>e.createElement(e.Fragment,{key:s.id},e.createElement(We,{data:s,label:s.label,required:s.required,listIndex:n}),n===D.length-1&&e.createElement(ue,{isPhantomDroppableContainer:!0,index:n+1}))),(!l||p)&&D.map(s=>e.createElement(U,{key:s.id,filtering:!!p,manualSorting:l,id:s.id,...u("item")},s.label,!s.required&&e.createElement(E.SpsButton,{kind:g.ButtonKind.ICON,icon:g.SpsIcon.X,onClick:()=>{Q(s.label,f,i)},className:K,...u("move-item-button")})))):e.createElement(se.Card,null,O?e.createElement(e.Fragment,null,O):e.createElement(ae.ZeroState,{heading:S("addToList.noDataZeroStateColumnTitle",{defaultValue:"This Column is Empty"}),subHeading:S("addToList.noDataZeroStateOnColumnSubheading",{columnName:o,defaultValue:`Move options from the ${o}`}),artwork:te.DOCUMENT_SEARCH_NO_RESULTS_LARGE,micro:!0,...u("on-list-zero-state")}))),e.createElement(de,{headerText:o,showCount:!p&&v,showIcons:b,showMoveAllLinks:Re,showMoreOptionsText:Ze,maxHeight:pe,vertical:L,side:"right",className:Ne({vertical:L}),otherHeader:a,itemCount:f.length,moveAll:me,adjustForPhantomDroppableContainer:fe,...u("off-items-list")},A.length>0?A.map(s=>e.createElement(U,{key:s.id,className:Ae,...u("item")},s.label,e.createElement(E.SpsButton,{kind:g.ButtonKind.ICON,icon:g.SpsIcon.PLUS_SIGN,onClick:()=>{Q(s.label,i,f)},className:K,...u("move-item-button")}))):e.createElement(se.Card,null,V?e.createElement(e.Fragment,null,V):e.createElement(ae.ZeroState,{heading:S("addToList.noDataZeroStateColumnTitle",{defaultValue:"This Column is Empty"}),subHeading:S("addToList.noDataZeroStateOffColumnSubheading",{columnName:a,defaultValue:`Remove options from the ${a}`}),artwork:te.DOCUMENT_SEARCH_NO_RESULTS_SMALL,micro:!0,...u("off-list-zero-state")})))))}h.Metadata.set(ce,{name:"Add To List",props:{onList:{type:"ItemProps[]",required:!0},offList:{type:"ItemProps[]",required:!0},onHeader:{type:"string"},offHeader:{type:"string"},showFilter:{type:"boolean"},showCount:{type:"boolean"},showIcons:{type:"boolean"},showMoveAllLinks:{type:"boolean"},manualSort:{type:"boolean"},maxDisplayedItems:{type:"number"},maxHeight:{type:"string"},onChange:{type:"(newValue: AddToListAggregateValue) => void"},autoSort:{type:"boolean"},onListZeroState:{type:"ZeroState"},offListZeroState:{type:"ZeroState"}}}),_.AddToList=ce,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));
+(function(n,I){typeof exports=="object"&&typeof module<"u"?I(exports,require("react"),require("react-aria"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@sps-woodland/illustrations"),require("@sps-woodland/core"),require("@sps-woodland/core/zero-state"),require("@sps-woodland/core/card"),require("@sps-woodland/tokens"),require("@sps-woodland/core/tag"),require("@sps-woodland/core/scrollable-container"),require("@sps-woodland/core/feedback-block"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","react-aria","@spscommerce/ds-react","@spscommerce/ds-shared","@sps-woodland/illustrations","@sps-woodland/core","@sps-woodland/core/zero-state","@sps-woodland/core/card","@sps-woodland/tokens","@sps-woodland/core/tag","@sps-woodland/core/scrollable-container","@sps-woodland/core/feedback-block","@spscommerce/i18n"],I):(n=typeof globalThis<"u"?globalThis:n||self,I(n.AddToList={},n.react,n.reactAria,n.spscommerceDsReact,n.spscommerceDsShared,n.spsWoodlandIllustrations,n.spsWoodlandCore,n.spsWoodlandCoreZeroState,n.spsWoodlandCoreCard,n.spsWoodlandTokens,n.spsWoodlandCoreTag,n.spsWoodlandCoreScrollableContainer,n.spsWoodlandCoreFeedbackBlock,n.spscommerceI18n))})(this,(function(n,I,q,E,g,se,h,oe,re,le,ve,be,we,Z){"use strict";function ye(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const e=ye(I);let ke="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",Ce=(t=21)=>{let r="",a=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)r+=ke[a[t]&63];return r};function xe(t,r,a){return r in t?Object.defineProperty(t,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[r]=a,t}function ne(t,r){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter(function(d){return Object.getOwnPropertyDescriptor(t,d).enumerable})),a.push.apply(a,o)}return a}function _e(t){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?ne(Object(a),!0).forEach(function(o){xe(t,o,a[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):ne(Object(a)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(a,o))})}return t}var Le=(t,r,a)=>{for(var o of Object.keys(t)){var d;if(t[o]!==((d=r[o])!==null&&d!==void 0?d:a[o]))return!1}return!0},C=t=>r=>{var a=t.defaultClassName,o=_e(_e({},t.defaultVariants),r);for(var d in o){var v,b=(v=o[d])!==null&&v!==void 0?v:t.defaultVariants[d];if(b!=null){var w=b;typeof w=="boolean"&&(w=w===!0?"true":"false");var l=t.variantClassNames[d][w];l&&(a+=" "+l)}}for(var[N,T]of t.compoundVariants)Le(N,o,t.defaultVariants)&&(a+=" "+T);return a},Ee=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx90",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx91",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx92"}},defaultVariants:{},compoundVariants:[]}),Ne=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx93",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx94",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx95"}},defaultVariants:{},compoundVariants:[]}),ie="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx96",Te=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx97",variantClassNames:{isLeftSide:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx98",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx99"},isRightSide:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9a",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9b"},adjustForPhantomDroppableContainer:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9c",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9d"}},defaultVariants:{},compoundVariants:[]}),Oe=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9e",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9f",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9g"}},defaultVariants:{},compoundVariants:[]}),Se=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9h",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9i",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9j"}},defaultVariants:{},compoundVariants:[]}),de="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9k",De="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9l",Ie="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9m",Ve=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9n",variantClassNames:{isDragging:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9o",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9p"}},defaultVariants:{},compoundVariants:[]}),Pe="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9q",ce=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9r",variantClassNames:{isDropTarget:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9s",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9t"}},defaultVariants:{},compoundVariants:[]}),Me=C({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9u",variantClassNames:{isDropTarget:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9v",false:"pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9w"}},defaultVariants:{},compoundVariants:[]}),K="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9x",qe="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9y",Ae="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9z",Fe="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx910",Be="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx911",je="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx912",He="pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx913";function pe({headerText:t,showCount:r,showIcons:a,showMoveAllLinks:o,showMoreOptionsText:d,disableMoveAllLinks:v,maxHeight:b,children:w,side:l,itemCount:N,otherHeader:T,className:$,vertical:x,moveAll:O,adjustForPhantomDroppableContainer:V,"data-testid":L}){const P=h.useChildTestIdAttrBuilder({"data-testid":L}),{t:y}=Z.useWoodlandLanguage(),u=y(l==="left"?"addToList.onColumnHeader":"addToList.offColumnHeader"),S=l==="left"?"eye":"eye-slash",z=y(l==="left"?"addToList.offColumnHeader":"addToList.onColumnHeader"),G=y("addToList.moveAllItemsToCol",{columnName:T||z}),c=x?e.createElement(e.Fragment,null):e.createElement("div",{className:Te({isLeftSide:l==="left",isRightSide:l==="right",adjustForPhantomDroppableContainer:!!V&&l==="left"})});function J(){O&&typeof O=="function"&&O(l)}return e.createElement("div",{className:h.cl(Se({vertical:x}),$),"data-testid":L},e.createElement("div",{className:qe,...P("column-header")},a&&e.createElement(h.Icon,{icon:S,className:Ae}),t||u,r&&e.createElement(ve.Tag,{kind:"key",className:Fe},N)),b?e.createElement("div",{className:ie},c,e.createElement(be.ScrollableContainer,{maxHeight:b},w)):e.createElement("div",{className:ie},c,w),o&&N>0&&e.createElement(E.SpsButton,{className:V&&l==="right"?He:void 0,kind:g.ButtonKind.LINK,onClick:J,disabled:v,...P("move-all-button")},G),d&&N>0&&e.createElement(we.FeedbackBlock,{kind:"info",micro:!0},y("addToList.moreOptionsAvailable",{defaultValue:"More options available. Use the search field to filter results."})))}function U({className:t,children:r,filtering:a,manualSorting:o,id:d,"data-testid":v}){const{t:b}=Z.useWoodlandLanguage();return e.createElement(e.Fragment,null,e.createElement("div",{role:"listitem",className:h.cl(t,ce({isDropTarget:!1}),Ie,"listitem-component"),"data-testid":v},o&&a&&e.createElement("i",{className:De,id:`list-item-${d}-drag-handle`}),r),o&&a&&e.createElement(E.SpsTooltip,{for:`list-item-${d}-drag-handle`,position:g.Position.TOP_LEFT,showOn:g.TooltipShowTrigger.CLICK},b("addToList.disabledDragTooltip",{defaultValue:"Drag and drop are disabled when filters are engaged"})))}h.Metadata.set(U,{name:"ListItem"});function me({onList:t,offList:r,onHeader:a,offHeader:o,showFilter:d,showCount:v,showIcons:b,showMoveAllLinks:w,manualSort:l,maxDisplayedItems:N,maxHeightPx:T,maxHeightRem:$,onChange:x,onListZeroState:O,offListZeroState:V,vertical:L=!1,onListAlphaSort:P=!0,"data-testid":y}){const u=h.useChildTestIdAttrBuilder({"data-testid":y}),{t:S}=Z.useWoodlandLanguage(),{formValue:z,formMeta:G}=E.useSpsForm({filterString:""}),[c,J]=e.useState(""),X=T?T/16:$,ue=X?`${X}rem`:"",A=e.useCallback((s,_)=>(!l&&P||_==="right"?[...s].sort((p,m)=>p.label.localeCompare(m.label)):s).map(p=>{const m={...p};return m.id||(m.id=Ce()),m}),[l,P]),i=e.useMemo(()=>A(t,"left"),[t,A]),f=e.useMemo(()=>A(r,"right"),[r,A]),F=e.useCallback(s=>c?s.label.toLowerCase().includes(c.toLowerCase()):!0,[c]),Q=(s,_,k)=>{const p=k.find(m=>m.label===s);p?_===i?x({onList:[...i,p],offList:f.filter(m=>m.label!==p.label)}):k===i&&x({onList:i.filter(m=>m.label!==p.label),offList:[...f,p]}):console.error("could not remove item")};function Re(s){J(s.target.value)}function fe(s){x(s==="left"?{onList:i.filter(_=>_.required),offList:[...f,...i.filter(_=>!_.required)]}:{onList:[...i,...f],offList:[]})}const he=e.useCallback(s=>{const{className:_,index:k,isPhantomDroppableContainer:p,children:m,...j}=s,M=e.useRef(null),{dropProps:Y,isDropTarget:H}=q.useDrop({ref:M,async onDrop(ee){let te=await Promise.all(ee.items.filter(W=>W.kind==="text"&&W.types.has("text/plain")).map(W=>W.getText("text/plain")));const{index:R}=JSON.parse(te[0]),ae=[...i],[$e]=ae.splice(R,1),ze=k>R?k-1:k;ae.splice(ze,0,$e),x({onList:ae,offList:f})}});return e.createElement("div",{ref:M,...l?Y:[],role:"button",tabIndex:0,className:h.cl(_,p?Me({isDropTarget:H}):ce({isDropTarget:H})),...u("droppable-container"),...j},m)},[i,l]),We=e.useCallback(s=>{const{label:_,data:k,listIndex:p,required:m}=s,j=e.useRef(null),M=e.useRef(null),Y={...k,index:p},{dragProps:H,dragButtonProps:ee,isDragging:te}=q.useDrag({preview:j,hasDragButton:!0,getItems(){return[{"text/plain":JSON.stringify(Y)}]}}),{buttonProps:R}=q.useButton(ee,M);return e.createElement("div",{...l?H:{},role:l?"button":"listitem",tabIndex:0,id:`${_}${p}-drag`,className:h.cl(Ve({isDragging:te})),...u("draggable-item")},e.createElement(he,{index:p},l&&e.createElement("i",{...R,ref:M,className:de}),_,!m&&e.createElement(E.SpsButton,{kind:g.ButtonKind.ICON,icon:g.SpsIcon.X,onClick:()=>{Q(_,f,i)},className:K,...u("move-item-button")})),e.createElement(q.DragPreview,{ref:j},()=>e.createElement("div",{className:Pe},e.createElement("i",{className:de}),_)))},[i,l]),D=e.useMemo(()=>i.filter(F),[i,F]),B=e.useMemo(()=>f.filter(F).slice(0,N),[f,F]),Ze=!c&&!!w&&D.length>0,Ke=!c&&!!w&&B.length>0,Ue=!c&&f.length>B.length,ge=!!l&&!c&&D.length>0&&!X;return e.createElement("div",{"data-testid":y},d&&e.createElement("div",{className:le.grid.root},e.createElement("div",{className:h.cl(le.grid[12],je)},e.createElement(E.SpsTextInput,{value:z.filterString,formMeta:G.fields.filterString,icon:g.SpsIcon.FILTER,onChange:Re,...u("filter-input")}))),e.createElement("div",{className:h.cl(Ee({vertical:L}))},e.createElement(pe,{headerText:a,showCount:!c&&v,showIcons:b,showMoveAllLinks:Ze,disableMoveAllLinks:i.every(s=>s.required),maxHeight:ue,vertical:L,side:"left",className:Ne({vertical:L}),otherHeader:o,itemCount:i.length,moveAll:fe,adjustForPhantomDroppableContainer:ge,...u("on-items-list")},D.length>0?e.createElement(e.Fragment,null,l&&!c&&D.map((s,_)=>e.createElement(e.Fragment,{key:s.id},e.createElement(We,{data:s,label:s.label,required:s.required,listIndex:_}),_===D.length-1&&e.createElement(he,{isPhantomDroppableContainer:!0,index:_+1}))),(!l||c)&&D.map(s=>e.createElement(U,{key:s.id,filtering:!!c,manualSorting:l,id:s.id,...u("item")},s.label,!s.required&&e.createElement(E.SpsButton,{kind:g.ButtonKind.ICON,icon:g.SpsIcon.X,onClick:()=>{Q(s.label,f,i)},className:K,...u("move-item-button")})))):e.createElement(re.Card,null,O?e.createElement(e.Fragment,null,O):e.createElement(oe.ZeroState,{heading:S("addToList.noDataZeroStateColumnTitle",{defaultValue:"This Column is Empty"}),subHeading:S("addToList.noDataZeroStateOnColumnSubheading",{columnName:o,defaultValue:`Move options from the ${o}`}),artwork:se.DOCUMENT_SEARCH_NO_RESULTS_LARGE,micro:!0,...u("on-list-zero-state")}))),e.createElement(pe,{headerText:o,showCount:!c&&v,showIcons:b,showMoveAllLinks:Ke,showMoreOptionsText:Ue,maxHeight:ue,vertical:L,side:"right",className:Oe({vertical:L}),otherHeader:a,itemCount:f.length,moveAll:fe,adjustForPhantomDroppableContainer:ge,...u("off-items-list")},B.length>0?B.map(s=>e.createElement(U,{key:s.id,className:Be,...u("item")},s.label,e.createElement(E.SpsButton,{kind:g.ButtonKind.ICON,icon:g.SpsIcon.PLUS_SIGN,onClick:()=>{Q(s.label,i,f)},className:K,...u("move-item-button")}))):e.createElement(re.Card,null,V?e.createElement(e.Fragment,null,V):e.createElement(oe.ZeroState,{heading:S("addToList.noDataZeroStateColumnTitle",{defaultValue:"This Column is Empty"}),subHeading:S("addToList.noDataZeroStateOffColumnSubheading",{columnName:a,defaultValue:`Remove options from the ${a}`}),artwork:se.DOCUMENT_SEARCH_NO_RESULTS_SMALL,micro:!0,...u("off-list-zero-state")})))))}h.Metadata.set(me,{name:"Add To List",props:{onList:{type:"ItemProps[]",required:!0},offList:{type:"ItemProps[]",required:!0},onHeader:{type:"string"},offHeader:{type:"string"},showFilter:{type:"boolean"},showCount:{type:"boolean"},showIcons:{type:"boolean"},showMoveAllLinks:{type:"boolean"},manualSort:{type:"boolean"},maxDisplayedItems:{type:"number"},maxHeight:{type:"string"},onChange:{type:"(newValue: AddToListAggregateValue) => void"},autoSort:{type:"boolean"},onListZeroState:{type:"ZeroState"},offListZeroState:{type:"ZeroState"}}}),n.AddToList=me,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));