@sps-woodland/core 8.56.1 → 8.56.2

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

@@ -1,381 +1,384 @@
 import * as e from "react";
-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 { useDrop as we, useDrag as xe, useButton as ke, DragPreview as Le } from "react-aria";
+import { SpsTooltip as Ce, useSpsForm as Ee, SpsTextInput as Ne } from "@spscommerce/ds-react";
+import { TooltipShowTrigger as Te, Position as De, SpsIcon as Oe } from "@spscommerce/ds-shared";
+import { DOCUMENT_SEARCH_NO_RESULTS_LARGE as Ve, DOCUMENT_SEARCH_NO_RESULTS_SMALL as Se } from "@sps-woodland/illustrations";
+import { useChildTestIdAttrBuilder as me, cl as T, Icon as Pe, 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 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--; )
-    _ += Re[s[t] & 63];
-  return _;
+import { FeedbackBlock as Re } from "@sps-woodland/core/feedback-block";
+import { useWoodlandLanguage as X } from "@spscommerce/i18n";
+import { Button as H } from "@sps-woodland/core/buttons";
+let Fe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Ie = (a = 21) => {
+  let l = "", s = crypto.getRandomValues(new Uint8Array(a |= 0));
+  for (; a--; )
+    l += Fe[s[a] & 63];
+  return l;
 };
-function je(t, _, s) {
-  return _ in t ? Object.defineProperty(t, _, {
+function He(a, l, s) {
+  return l in a ? Object.defineProperty(a, l, {
     value: s,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : t[_] = s, t;
+  }) : a[l] = s, a;
 }
-function ie(t, _) {
-  var s = Object.keys(t);
+function _e(a, l) {
+  var s = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    _ && (o = o.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(t, n).enumerable;
+    var o = Object.getOwnPropertySymbols(a);
+    l && (o = o.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(a, n).enumerable;
     })), s.push.apply(s, o);
   }
   return s;
 }
-function ne(t) {
-  for (var _ = 1; _ < arguments.length; _++) {
-    var s = arguments[_] != null ? arguments[_] : {};
-    _ % 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));
+function re(a) {
+  for (var l = 1; l < arguments.length; l++) {
+    var s = arguments[l] != null ? arguments[l] : {};
+    l % 2 ? _e(Object(s), !0).forEach(function(o) {
+      He(a, o, s[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(s)) : _e(Object(s)).forEach(function(o) {
+      Object.defineProperty(a, o, Object.getOwnPropertyDescriptor(s, o));
     });
   }
-  return t;
+  return a;
 }
-var Be = (t, _, s) => {
-  for (var o of Object.keys(t)) {
+var je = (a, l, s) => {
+  for (var o of Object.keys(a)) {
     var n;
-    if (t[o] !== ((n = _[o]) !== null && n !== void 0 ? n : s[o]))
+    if (a[o] !== ((n = l[o]) !== null && n !== void 0 ? n : s[o]))
       return !1;
   }
   return !0;
-}, x = (t) => (_) => {
-  var s = t.defaultClassName, o = ne(ne({}, t.defaultVariants), _);
+}, k = (a) => (l) => {
+  var s = a.defaultClassName, o = re(re({}, a.defaultVariants), l);
   for (var n in o) {
-    var u, h = (u = o[n]) !== null && u !== void 0 ? u : t.defaultVariants[n];
+    var f, h = (f = o[n]) !== null && f !== void 0 ? f : a.defaultVariants[n];
     if (h != null) {
       var g = h;
       typeof g == "boolean" && (g = g === !0 ? "true" : "false");
-      var r = (
+      var _ = (
         // @ts-expect-error
-        t.variantClassNames[n][g]
+        a.variantClassNames[n][g]
       );
-      r && (s += " " + r);
+      _ && (s += " " + _);
     }
   }
-  for (var [k, C] of t.compoundVariants)
-    Be(k, o, t.defaultVariants) && (s += " " + C);
+  for (var [L, C] of a.compoundVariants)
+    je(L, o, a.defaultVariants) && (s += " " + C);
   return s;
-}, qe = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), Ue = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), de = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx96", Ze = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), We = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), Ke = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), me = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9k", $e = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9l", Ge = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9m", Je = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), Xe = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9q", ue = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), ze = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), Q = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9x", Qe = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9y", Ye = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx9z", et = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx910", tt = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx911", at = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx912", st = "pkg_sps-woodland_core__family_add-to-list__version_8_56_1__hash_13b8tx913";
-function pe({
-  headerText: t,
-  showCount: _,
+}, Be = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), qe = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), ie = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx96", Ze = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), $e = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), Ue = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), ne = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9k", We = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9l", Je = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9m", Ke = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), ze = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9q", ce = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), Ge = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), G = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9x", Qe = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9y", Xe = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9z", Ye = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx910", et = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx911", tt = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx912", at = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx913";
+function de({
+  headerText: a,
+  showCount: l,
   showIcons: s,
   showMoveAllLinks: o,
   showMoreOptionsText: n,
-  disableMoveAllLinks: u,
+  disableMoveAllLinks: f,
   maxHeight: h,
   children: g,
-  side: r,
-  itemCount: k,
+  side: _,
+  itemCount: L,
   otherHeader: C,
-  className: q,
-  vertical: y,
-  moveAll: L,
-  adjustForPhantomDroppableContainer: O,
-  "data-testid": w
+  className: j,
+  vertical: w,
+  moveAll: E,
+  adjustForPhantomDroppableContainer: D,
+  "data-testid": x
 }) {
-  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
-  }), d = y ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
+  const O = me({ "data-testid": x }), { t: v } = X(), c = v(_ === "left" ? "addToList.onColumnHeader" : "addToList.offColumnHeader"), b = _ === "left" ? "eye" : "eye-slash", B = v(_ === "left" ? "addToList.offColumnHeader" : "addToList.onColumnHeader"), q = v("addToList.moveAllItemsToCol", {
+    columnName: C || B
+  }), d = w ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
     "div",
     {
       className: Ze({
-        isLeftSide: r === "left",
-        isRightSide: r === "right",
-        adjustForPhantomDroppableContainer: !!O && r === "left"
+        isLeftSide: _ === "left",
+        isRightSide: _ === "right",
+        adjustForPhantomDroppableContainer: !!D && _ === "left"
       })
     }
   );
-  function W() {
-    L && typeof L == "function" && L(r);
+  function Z() {
+    E && typeof E == "function" && E(_);
   }
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: T(Ke({ vertical: y }), q),
-      "data-testid": w
+      className: T(Ue({ vertical: w }), j),
+      "data-testid": x
     },
-    /* @__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(
-      j,
+    /* @__PURE__ */ e.createElement("div", { className: Qe, ...O("column-header") }, s && /* @__PURE__ */ e.createElement(Pe, { icon: b, className: Xe }), a || c, l && /* @__PURE__ */ e.createElement(Me, { kind: "key", className: Ye }, L)),
+    h ? /* @__PURE__ */ e.createElement("div", { className: ie }, d, /* @__PURE__ */ e.createElement(Ae, { maxHeight: h }, g)) : /* @__PURE__ */ e.createElement("div", { className: ie }, d, g),
+    o && L > 0 && /* @__PURE__ */ e.createElement(
+      H,
       {
-        className: O && r === "right" ? st : void 0,
-        kind: B.LINK,
-        onClick: W,
-        disabled: u,
-        ...S("move-all-button")
+        className: D && _ === "right" ? at : void 0,
+        kind: "link",
+        onClick: Z,
+        disabled: f,
+        ...O("move-all-button")
       },
-      Z
+      q
     ),
-    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." }))
+    n && L > 0 && /* @__PURE__ */ e.createElement(Re, { kind: "info", micro: !0 }, v("addToList.moreOptionsAvailable", {
+      defaultValue: "More options available. Use the search field to filter results."
+    }))
   );
 }
-function Y({
-  className: t,
-  children: _,
+function Q({
+  className: a,
+  children: l,
   filtering: s,
   manualSorting: o,
   id: n,
-  "data-testid": u
+  "data-testid": f
 }) {
-  const { t: h } = ee();
+  const { t: h } = X();
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
       role: "listitem",
       className: T(
-        t,
-        ue({ isDropTarget: !1 }),
-        Ge,
+        a,
+        ce({ isDropTarget: !1 }),
+        Je,
         "listitem-component"
       ),
-      "data-testid": u
+      "data-testid": f
     },
     o && s && /* @__PURE__ */ e.createElement(
       "i",
       {
-        className: $e,
+        className: We,
         id: `list-item-${n}-drag-handle`
       }
     ),
-    _
+    l
   ), o && s && /* @__PURE__ */ e.createElement(
-    Ne,
+    Ce,
     {
       for: `list-item-${n}-drag-handle`,
       position: De.TOP_LEFT,
-      showOn: Se.CLICK
+      showOn: Te.CLICK
     },
     h("addToList.disabledDragTooltip", {
       defaultValue: "Drag and drop are disabled when filters are engaged"
     })
   ));
 }
-fe.set(Y, { name: "ListItem" });
-function ot({
-  onList: t,
-  offList: _,
+pe.set(Q, { name: "ListItem" });
+function st({
+  onList: a,
+  offList: l,
   onHeader: s,
   offHeader: o,
   showFilter: n,
-  showCount: u,
+  showCount: f,
   showIcons: h,
   showMoveAllLinks: g,
-  manualSort: r,
-  maxDisplayedItems: k,
+  manualSort: _,
+  maxDisplayedItems: L,
   maxHeightPx: C,
-  maxHeightRem: q,
-  onChange: y,
-  onListZeroState: L,
-  offListZeroState: O,
-  vertical: w = !1,
-  onListAlphaSort: S = !0,
+  maxHeightRem: j,
+  onChange: w,
+  onListZeroState: E,
+  offListZeroState: D,
+  vertical: x = !1,
+  onListAlphaSort: O = !0,
   "data-testid": v
 }) {
-  const c = ce({ "data-testid": v }), { t: E } = ee(), { formValue: U, formMeta: Z } = Te({
+  const c = me({ "data-testid": v }), { t: b } = X(), { formValue: B, formMeta: q } = Ee({
     filterString: ""
-  }), [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) => {
+  }), [d, Z] = e.useState(""), $ = C ? C / 16 : j, Y = $ ? `${$}rem` : "", S = e.useCallback(
+    (t, r) => (!_ && O || r === "right" ? [...t].sort((m, p) => m.label.localeCompare(p.label)) : t).map((m) => {
       const p = { ...m };
-      return p.id || (p.id = He()), p;
+      return p.id || (p.id = Ie()), p;
     }),
-    [r, S]
-  ), 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({
+    [_, O]
+  ), i = e.useMemo(() => S(a, "left"), [a, S]), u = e.useMemo(() => S(l, "right"), [l, S]), P = e.useCallback(
+    (t) => d ? t.label.toLowerCase().includes(d.toLowerCase()) : !0,
+    [d]
+  ), U = (t, r, y) => {
+    const m = y.find((p) => p.label === t);
+    m ? r === i ? w({
       onList: [...i, m],
-      offList: f.filter((p) => p.label !== m.label)
-    }) : b === i && y({
+      offList: u.filter((p) => p.label !== m.label)
+    }) : y === i && w({
       onList: i.filter((p) => p.label !== m.label),
-      offList: [...f, m]
+      offList: [...u, m]
     }) : console.error("could not remove item");
   };
-  function he(a) {
-    W(a.target.value);
+  function ue(t) {
+    Z(t.target.value);
   }
-  function ae(a) {
-    y(a === "left" ? {
-      onList: i.filter((l) => l.required),
-      offList: [...f, ...i.filter((l) => !l.required)]
+  function ee(t) {
+    w(t === "left" ? {
+      onList: i.filter((r) => r.required),
+      offList: [...u, ...i.filter((r) => !r.required)]
     } : {
-      onList: [...i, ...f],
+      onList: [...i, ...u],
       offList: []
     });
   }
-  const se = e.useCallback(
-    (a) => {
-      const {
-        className: l,
-        index: b,
-        isPhantomDroppableContainer: m,
-        children: p,
-        ...M
-      } = a, D = e.useRef(null), { dropProps: G, isDropTarget: A } = ke({
-        ref: D,
+  const te = e.useCallback(
+    (t) => {
+      const { className: r, index: y, isPhantomDroppableContainer: m, children: p, ...A } = t, V = e.useRef(null), { dropProps: W, isDropTarget: R } = we({
+        ref: V,
         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"))
+          let K = await Promise.all(
+            J.items.filter((I) => I.kind === "text" && I.types.has("text/plain")).map((I) => I.getText("text/plain"))
           );
-          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({
+          const { index: F } = JSON.parse(K[0]), z = [...i], [be] = z.splice(F, 1), ye = y > F ? y - 1 : y;
+          z.splice(ye, 0, be), w({
             onList: z,
-            offList: f
+            offList: u
           });
         }
       });
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ref: D,
-          ...r ? G : [],
-          role: "button",
-          tabIndex: 0,
-          className: T(l, m ? ze({ isDropTarget: A }) : ue({ isDropTarget: A })),
+          ref: V,
+          ..._ ? W : [],
+          className: T(
+            r,
+            m ? Ge({ isDropTarget: R }) : ce({ isDropTarget: R })
+          ),
           ...c("droppable-container"),
-          ...M
+          ...A
         },
         p
       );
     },
-    [i, r]
-  ), ge = e.useCallback(
-    (a) => {
-      const {
-        label: l,
-        data: b,
-        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,
+    [i, _]
+  ), fe = e.useCallback(
+    (t) => {
+      const { label: r, data: y, listIndex: m, required: p } = t, A = e.useRef(null), V = e.useRef(null), W = { ...y, index: m }, { dragProps: R, dragButtonProps: J, isDragging: K } = xe({
+        preview: A,
         hasDragButton: !0,
         getItems() {
           return [
             {
-              "text/plain": JSON.stringify(G)
+              "text/plain": JSON.stringify(W)
             }
           ];
         }
-      }), { buttonProps: F } = Le(J, D);
+      }), { buttonProps: F } = ke(J, V);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ...r ? A : {},
-          role: r ? "button" : "listitem",
+          ..._ ? R : {},
+          role: _ ? "button" : "listitem",
           tabIndex: 0,
-          id: `${l}${m}-drag`,
-          className: T(Je({ isDragging: X })),
+          id: `${r}${m}-drag`,
+          className: T(Ke({ isDragging: K })),
           ...c("draggable-item")
         },
-        /* @__PURE__ */ e.createElement(se, { index: m }, r && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement(te, { index: m }, _ && /* @__PURE__ */ e.createElement(
           "i",
           {
             ...F,
-            ref: D,
-            className: me
+            ref: V,
+            className: ne
           }
-        ), l, !p && /* @__PURE__ */ e.createElement(
-          j,
+        ), r, !p && /* @__PURE__ */ e.createElement(
+          H,
           {
-            kind: B.ICON,
-            icon: H.X,
+            kind: "icon",
+            icon: "x",
+            "aria-label": b("addToList.remove", {
+              elementName: r,
+              defaultValue: `Remove ${r}`
+            }),
             onClick: () => {
-              $(l, f, i);
+              U(r, u, i);
             },
-            className: Q,
+            className: G,
             ...c("move-item-button")
           }
         )),
-        /* @__PURE__ */ e.createElement(Ee, { ref: M }, () => /* @__PURE__ */ e.createElement("div", { className: Xe }, /* @__PURE__ */ e.createElement("i", { className: me }), l))
+        /* @__PURE__ */ e.createElement(Le, { ref: A }, () => /* @__PURE__ */ e.createElement("div", { className: ze }, /* @__PURE__ */ e.createElement("i", { className: ne }), r))
       );
     },
-    [i, r]
-  ), N = e.useMemo(
-    () => 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,
+    [i, _]
+  ), N = e.useMemo(() => i.filter(P), [i, P]), M = e.useMemo(
+    () => u.filter(P).slice(0, L),
+    [u, P]
+  ), he = !d && !!g && N.length > 0, ge = !d && !!g && M.length > 0, ve = !d && u.length > M.length, ae = !!_ && !d && N.length > 0 && !$;
+  return /* @__PURE__ */ e.createElement("div", { "data-testid": v }, n && /* @__PURE__ */ e.createElement("div", { className: le.root }, /* @__PURE__ */ e.createElement("div", { className: T(le[12], tt) }, /* @__PURE__ */ e.createElement(
+    Ne,
     {
-      value: U.filterString,
-      formMeta: Z.fields.filterString,
-      icon: H.FILTER,
-      onChange: he,
+      value: B.filterString,
+      formMeta: q.fields.filterString,
+      icon: Oe.FILTER,
+      onChange: ue,
       ...c("filter-input")
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: T(qe({ vertical: w })) }, /* @__PURE__ */ e.createElement(
-    pe,
+  ))), /* @__PURE__ */ e.createElement("div", { className: T(Be({ vertical: x })) }, /* @__PURE__ */ e.createElement(
+    de,
     {
       headerText: s,
-      showCount: !d && u,
+      showCount: !d && f,
       showIcons: h,
-      showMoveAllLinks: ve,
-      disableMoveAllLinks: i.every((a) => a.required),
-      maxHeight: te,
-      vertical: w,
+      showMoveAllLinks: he,
+      disableMoveAllLinks: i.every((t) => t.required),
+      maxHeight: Y,
+      vertical: x,
       side: "left",
-      className: Ue({
-        vertical: w
+      className: qe({
+        vertical: x
       }),
       otherHeader: o,
       itemCount: i.length,
-      moveAll: ae,
-      adjustForPhantomDroppableContainer: oe,
+      moveAll: ee,
+      adjustForPhantomDroppableContainer: ae,
       ...c("on-items-list")
     },
-    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,
+    N.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, _ && !d && N.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, { key: t.id }, /* @__PURE__ */ e.createElement(
+      fe,
       {
-        data: a,
-        label: a.label,
-        required: a.required,
-        listIndex: l
+        data: t,
+        label: t.label,
+        required: t.required,
+        listIndex: r
       }
-    ), l === N.length - 1 && /* @__PURE__ */ e.createElement(se, { isPhantomDroppableContainer: !0, index: l + 1 }))), (!r || d) && N.map((a) => /* @__PURE__ */ e.createElement(
-      Y,
+    ), r === N.length - 1 && /* @__PURE__ */ e.createElement(te, { isPhantomDroppableContainer: !0, index: r + 1 }))), (!_ || d) && N.map((t) => /* @__PURE__ */ e.createElement(
+      Q,
       {
-        key: a.id,
+        key: t.id,
         filtering: !!d,
-        manualSorting: r,
-        id: a.id,
+        manualSorting: _,
+        id: t.id,
         ...c("item")
       },
-      a.label,
-      !a.required && /* @__PURE__ */ e.createElement(
-        j,
+      t.label,
+      !t.required && /* @__PURE__ */ e.createElement(
+        H,
         {
-          kind: B.ICON,
-          icon: H.X,
+          kind: "icon",
+          icon: "x",
+          "aria-label": b("addToList.remove", {
+            elementName: t.label,
+            defaultValue: `Remove ${t.label}`
+          }),
           onClick: () => {
-            $(a.label, f, i);
+            U(t.label, u, i);
           },
-          className: Q,
+          className: G,
           ...c("move-item-button")
         }
       )
-    ))) : /* @__PURE__ */ e.createElement(re, null, L ? /* @__PURE__ */ e.createElement(e.Fragment, null, L) : /* @__PURE__ */ e.createElement(
-      _e,
+    ))) : /* @__PURE__ */ e.createElement(oe, null, E ? /* @__PURE__ */ e.createElement(e.Fragment, null, E) : /* @__PURE__ */ e.createElement(
+      se,
       {
-        heading: E("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
-        subHeading: E("addToList.noDataZeroStateOnColumnSubheading", {
+        heading: b("addToList.noDataZeroStateColumnTitle", {
+          defaultValue: "This Column is Empty"
+        }),
+        subHeading: b("addToList.noDataZeroStateOnColumnSubheading", {
           columnName: o,
           defaultValue: `Move options from the ${o}`
         }),
@@ -385,50 +388,56 @@ function ot({
       }
     ))
   ), /* @__PURE__ */ e.createElement(
-    pe,
+    de,
     {
       headerText: o,
-      showCount: !d && u,
+      showCount: !d && f,
       showIcons: h,
-      showMoveAllLinks: be,
-      showMoreOptionsText: ye,
-      maxHeight: te,
-      vertical: w,
+      showMoveAllLinks: ge,
+      showMoreOptionsText: ve,
+      maxHeight: Y,
+      vertical: x,
       side: "right",
-      className: We({ vertical: w }),
+      className: $e({ vertical: x }),
       otherHeader: s,
-      itemCount: f.length,
-      moveAll: ae,
-      adjustForPhantomDroppableContainer: oe,
+      itemCount: u.length,
+      moveAll: ee,
+      adjustForPhantomDroppableContainer: ae,
       ...c("off-items-list")
     },
-    P.length > 0 ? P.map((a) => /* @__PURE__ */ e.createElement(Y, { key: a.id, className: tt, ...c("item") }, a.label, /* @__PURE__ */ e.createElement(
-      j,
+    M.length > 0 ? M.map((t) => /* @__PURE__ */ e.createElement(Q, { key: t.id, className: et, ...c("item") }, t.label, /* @__PURE__ */ e.createElement(
+      H,
       {
-        kind: B.ICON,
-        icon: H.PLUS_SIGN,
+        kind: "icon",
+        icon: "plus-sign",
+        "aria-label": b("addToList.add", {
+          elementName: t.label,
+          defaultValue: `Add ${t.label}`
+        }),
         onClick: () => {
-          $(a.label, i, f);
+          U(t.label, i, u);
         },
-        className: Q,
+        className: G,
         ...c("move-item-button")
       }
-    ))) : /* @__PURE__ */ e.createElement(re, null, O ? /* @__PURE__ */ e.createElement(e.Fragment, null, O) : /* @__PURE__ */ e.createElement(
-      _e,
+    ))) : /* @__PURE__ */ e.createElement(oe, null, D ? /* @__PURE__ */ e.createElement(e.Fragment, null, D) : /* @__PURE__ */ e.createElement(
+      se,
       {
-        heading: E("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
-        subHeading: E("addToList.noDataZeroStateOffColumnSubheading", {
+        heading: b("addToList.noDataZeroStateColumnTitle", {
+          defaultValue: "This Column is Empty"
+        }),
+        subHeading: b("addToList.noDataZeroStateOffColumnSubheading", {
           columnName: s,
           defaultValue: `Remove options from the ${s}`
         }),
-        artwork: Ie,
+        artwork: Se,
         micro: !0,
         ...c("off-list-zero-state")
       }
     ))
   )));
 }
-fe.set(ot, {
+pe.set(st, {
   name: "Add To List",
   props: {
     onList: { type: "ItemProps[]", required: !0 },
@@ -449,5 +458,5 @@ fe.set(ot, {
   }
 });
 export {
-  ot as AddToList
+  st as AddToList
 };