@sps-woodland/core 8.53.12 → 8.53.14

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

@@ -1,169 +1,168 @@
 import * as e from "react";
-import { useDrop as xe, useDrag as ke, DragPreview as Ce } from "react-aria";
-import { SpsButton as H, SpsTooltip as Le, useSpsForm as Ee, SpsTextInput as Ne } from "@spscommerce/ds-react";
-import { ButtonKind as B, TooltipShowTrigger as Te, Position as ye, SpsIcon as j } from "@spscommerce/ds-shared";
+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 ce, cl as y, Icon as De, Metadata as pe } from "@sps-woodland/core";
+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 re } from "@sps-woodland/core/card";
-import { grid as oe } from "@sps-woodland/tokens";
+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";
-const Pe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let Ae = (t = 21) => {
-  let o = "", s = crypto.getRandomValues(new Uint8Array(t |= 0));
+let Pe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Ae = (t = 21) => {
+  let _ = "", s = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )
-    o += Pe[s[t] & 63];
-  return o;
+    _ += Pe[s[t] & 63];
+  return _;
 };
-function Fe(t, o, s) {
-  return o in t ? Object.defineProperty(t, o, {
+function Fe(t, _, s) {
+  return _ in t ? Object.defineProperty(t, _, {
     value: s,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : t[o] = s, t;
+  }) : t[_] = s, t;
 }
-function ne(t, o) {
+function re(t, _) {
   var s = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(t);
-    o && (r = r.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(t, i).enumerable;
-    })), s.push.apply(s, r);
+    var o = Object.getOwnPropertySymbols(t);
+    _ && (o = o.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(t, n).enumerable;
+    })), s.push.apply(s, o);
   }
   return s;
 }
 function le(t) {
-  for (var o = 1; o < arguments.length; o++) {
-    var s = arguments[o] != null ? arguments[o] : {};
-    o % 2 ? ne(Object(s), !0).forEach(function(r) {
-      Fe(t, r, s[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(s)) : ne(Object(s)).forEach(function(r) {
-      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(s, r));
+  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) {
+      Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(s, o));
     });
   }
   return t;
 }
-var Re = (t, o, s) => {
-  for (var r of Object.keys(t)) {
-    var i;
-    if (t[r] !== ((i = o[r]) !== null && i !== void 0 ? i : s[r]))
+var Re = (t, _, s) => {
+  for (var o of Object.keys(t)) {
+    var n;
+    if (t[o] !== ((n = _[o]) !== null && n !== void 0 ? n : s[o]))
       return !1;
   }
   return !0;
-}, k = (t) => (o) => {
-  var s = t.defaultClassName, r = le(le({}, t.defaultVariants), o);
-  for (var i in r) {
-    var h, f = (h = r[i]) !== null && h !== void 0 ? h : t.defaultVariants[i];
-    if (f != null) {
-      var g = f;
+}, x = (t) => (_) => {
+  var s = t.defaultClassName, o = le(le({}, t.defaultVariants), _);
+  for (var n in o) {
+    var u, h = (u = o[n]) !== null && u !== void 0 ? u : t.defaultVariants[n];
+    if (h != null) {
+      var g = h;
       typeof g == "boolean" && (g = g === !0 ? "true" : "false");
-      var n = (
+      var r = (
         // @ts-expect-error
-        t.variantClassNames[i][g]
+        t.variantClassNames[n][g]
       );
-      n && (s += " " + n);
+      r && (s += " " + r);
     }
   }
-  for (var [C, L] of t.compoundVariants)
-    Re(C, r, t.defaultVariants) && (s += " " + L);
+  for (var [k, C] of t.compoundVariants)
+    Re(k, o, t.defaultVariants) && (s += " " + C);
   return s;
-}, je = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx91", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), He = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx94", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), _e = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx96", Be = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx98", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9a", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9c", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), qe = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9f", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), Ue = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9i", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), ie = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9k", Ze = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9l", We = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9m", Ke = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9o", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), $e = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9q", me = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9s", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), Ge = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9v", false: "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), X = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9x", Je = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9y", Xe = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx9z", ze = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx910", Qe = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx911", Ye = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx912", et = "pkg_sps-woodland_core__version_8_53_12__hash_13b8tx913";
+}, je = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), He = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), ie = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx96", Be = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), qe = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), Ue = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), ne = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9k", Ze = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9l", We = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9m", Ke = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), $e = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9q", ce = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), Ge = x({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), X = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9x", Je = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9y", Xe = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx9z", ze = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx910", Qe = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx911", Ye = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx912", et = "pkg_sps-woodland_core__family_add-to-list__version_8_53_14__hash_13b8tx913";
 function de({
   headerText: t,
-  showCount: o,
+  showCount: _,
   showIcons: s,
-  showMoveAllLinks: r,
-  showMoreOptionsText: i,
-  disableMoveAllLinks: h,
-  maxHeight: f,
+  showMoveAllLinks: o,
+  showMoreOptionsText: n,
+  disableMoveAllLinks: u,
+  maxHeight: h,
   children: g,
-  side: n,
-  itemCount: C,
-  otherHeader: L,
+  side: r,
+  itemCount: k,
+  otherHeader: C,
   className: q,
-  vertical: w,
-  moveAll: E,
+  vertical: y,
+  moveAll: L,
   adjustForPhantomDroppableContainer: O,
-  "data-testid": x
+  "data-testid": w
 }) {
-  const S = ce({ "data-testid": x }), { t: v } = Q(), m = v(n === "left" ? "addToList.onColumnHeader" : "addToList.offColumnHeader"), N = n === "left" ? "eye" : "eye-slash", U = v(n === "left" ? "addToList.offColumnHeader" : "addToList.onColumnHeader"), Z = v("addToList.moveAllItemsToCol", {
-    columnName: L || U
-  }), c = w ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
+  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", {
+    columnName: C || U
+  }), m = y ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
     "div",
     {
       className: Be({
-        isLeftSide: n === "left",
-        isRightSide: n === "right",
-        adjustForPhantomDroppableContainer: !!O && n === "left"
+        isLeftSide: r === "left",
+        isRightSide: r === "right",
+        adjustForPhantomDroppableContainer: !!O && r === "left"
       })
     }
   );
   function W() {
-    E && typeof E == "function" && E(n);
+    L && typeof L == "function" && L(r);
   }
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: y(Ue({ vertical: w }), q),
-      "data-testid": x
+      className: T(Ue({ vertical: y }), q),
+      "data-testid": w
     },
-    /* @__PURE__ */ e.createElement("div", { className: Je, ...S("column-header") }, s && /* @__PURE__ */ e.createElement(De, { icon: N, className: Xe }), t || m, o && /* @__PURE__ */ e.createElement(Ve, { kind: "key", className: ze }, C)),
-    f ? /* @__PURE__ */ e.createElement("div", { className: _e }, c, /* @__PURE__ */ e.createElement(Ie, { maxHeight: f }, g)) : /* @__PURE__ */ e.createElement("div", { className: _e }, c, g),
-    r && C > 0 && /* @__PURE__ */ e.createElement(
+    /* @__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),
+    o && k > 0 && /* @__PURE__ */ e.createElement(
       H,
       {
-        className: O && n === "right" ? et : void 0,
+        className: O && r === "right" ? et : void 0,
         kind: B.LINK,
         onClick: W,
-        disabled: h,
+        disabled: u,
         ...S("move-all-button")
       },
       Z
     ),
-    i && C > 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(Me, { kind: "info", micro: !0 }, v("addToList.moreOptionsAvailable", { defaultValue: "More options available. Use the search field to filter results." }))
   );
 }
 function z({
   className: t,
-  children: o,
+  children: _,
   filtering: s,
-  manualSorting: r,
-  id: i,
-  "data-testid": h
+  manualSorting: o,
+  id: n,
+  "data-testid": u
 }) {
-  const { t: f } = Q();
+  const { t: h } = Q();
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
       role: "listitem",
-      className: y(
+      className: T(
         t,
-        me({ isDropTarget: !1 }),
+        ce({ isDropTarget: !1 }),
         We,
         "listitem-component"
       ),
-      "data-testid": h
+      "data-testid": u
     },
-    r && s && /* @__PURE__ */ e.createElement(
+    o && s && /* @__PURE__ */ e.createElement(
       "i",
       {
         className: Ze,
-        id: `list-item-${i}-drag-handle`
+        id: `list-item-${n}-drag-handle`
       }
     ),
-    o
-  ), r && s && /* @__PURE__ */ e.createElement(
-    Le,
+    _
+  ), o && s && /* @__PURE__ */ e.createElement(
+    Ce,
     {
-      for: `list-item-${i}-drag-handle`,
-      position: ye.TOP_LEFT,
-      showOn: Te.CLICK
+      for: `list-item-${n}-drag-handle`,
+      position: Te.TOP_LEFT,
+      showOn: Ne.CLICK
     },
-    f("addToList.disabledDragTooltip", {
+    h("addToList.disabledDragTooltip", {
       defaultValue: "Drag and drop are disabled when filters are engaged"
     })
   ));
@@ -171,66 +170,66 @@ function z({
 pe.set(z, { name: "ListItem" });
 function tt({
   onList: t,
-  offList: o,
+  offList: _,
   onHeader: s,
-  offHeader: r,
-  showFilter: i,
-  showCount: h,
-  showIcons: f,
+  offHeader: o,
+  showFilter: n,
+  showCount: u,
+  showIcons: h,
   showMoveAllLinks: g,
-  manualSort: n,
-  maxDisplayedItems: C,
-  maxHeightPx: L,
+  manualSort: r,
+  maxDisplayedItems: k,
+  maxHeightPx: C,
   maxHeightRem: q,
-  onChange: w,
-  onListZeroState: E,
+  onChange: y,
+  onListZeroState: L,
   offListZeroState: O,
-  vertical: x = !1,
+  vertical: w = !1,
   onListAlphaSort: S = !0,
   "data-testid": v
 }) {
-  const m = ce({ "data-testid": v }), { t: N } = Q(), { formValue: U, formMeta: Z } = Ee({
+  const c = me({ "data-testid": v }), { t: E } = Q(), { formValue: U, formMeta: Z } = Le({
     filterString: ""
-  }), [c, W] = e.useState(""), K = L ? L / 16 : q, Y = K ? `${K}rem` : "", D = e.useCallback(
-    (a, l) => (!n && S || l === "right" ? [...a].sort((p, d) => p.label.localeCompare(d.label)) : a).map((p) => {
+  }), [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;
     }),
-    [n, S]
-  ), _ = e.useMemo(() => D(t, "left"), [t, D]), u = e.useMemo(() => D(o, "right"), [o, D]), V = e.useCallback((a) => c ? a.label.toLowerCase().includes(c.toLowerCase()) : !0, [c]), $ = (a, l, b) => {
+    [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 === _ ? w({
-      onList: [..._, p],
-      offList: u.filter((d) => d.label !== p.label)
-    }) : b === _ && w({
-      onList: _.filter((d) => d.label !== p.label),
-      offList: [...u, p]
+    p ? l === i ? y({
+      onList: [...i, p],
+      offList: f.filter((d) => d.label !== p.label)
+    }) : b === i && y({
+      onList: i.filter((d) => d.label !== p.label),
+      offList: [...f, p]
     }) : console.error("could not remove item");
   };
-  function ue(a) {
+  function fe(a) {
     W(a.target.value);
   }
   function ee(a) {
-    w(a === "left" ? {
-      onList: _.filter((l) => l.required),
-      offList: [...u, ..._.filter((l) => !l.required)]
+    y(a === "left" ? {
+      onList: i.filter((l) => l.required),
+      offList: [...f, ...i.filter((l) => !l.required)]
     } : {
-      onList: [..._, ...u],
+      onList: [...i, ...f],
       offList: []
     });
   }
   const te = e.useCallback(
     (a) => {
-      const { className: l, index: b, ...p } = a, d = e.useRef(null), { dropProps: M, isDropTarget: P } = xe({
+      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 { index: F } = JSON.parse(A[0]), J = [..._], [be] = J.splice(F, 1), we = b > F ? b - 1 : b;
-          J.splice(we, 0, be), w({
+          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,
-            offList: u
+            offList: f
           });
         }
       });
@@ -238,25 +237,25 @@ function tt({
         "div",
         {
           ref: d,
-          ...n ? M : [],
+          ...r ? M : [],
           role: "button",
           tabIndex: 0,
-          className: y(l, a.isPhantomDroppableContainer ? Ge({ isDropTarget: P }) : me({ isDropTarget: P })),
-          ...m("droppable-container"),
+          className: T(l, a.isPhantomDroppableContainer ? Ge({ isDropTarget: P }) : ce({ isDropTarget: P })),
+          ...c("droppable-container"),
           ...p
         },
         a.children
       );
     },
-    [_, n]
-  ), he = e.useCallback(
+    [i, r]
+  ), ue = 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 } = ke({
+      } = a, M = e.useRef(null), P = { ...b, index: p }, { dragProps: G, dragButtonProps: A, isDragging: F } = xe({
         preview: M,
         hasDragButton: !0,
         getItems() {
@@ -270,81 +269,81 @@ function tt({
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ...n ? G : {},
-          role: n ? "button" : "listitem",
+          ...r ? G : {},
+          role: r ? "button" : "listitem",
           tabIndex: 0,
           id: `${l}${p}-drag`,
-          className: y(Ke({ isDragging: F })),
-          ...m("draggable-item")
+          className: T(Ke({ isDragging: F })),
+          ...c("draggable-item")
         },
-        /* @__PURE__ */ e.createElement(te, { index: p }, n && /* @__PURE__ */ e.createElement("i", { ...A, className: ie }), l, !d && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement(te, { index: p }, r && /* @__PURE__ */ e.createElement("i", { ...A, className: ne }), l, !d && /* @__PURE__ */ e.createElement(
           H,
           {
             kind: B.ICON,
             icon: j.X,
             onClick: () => {
-              $(l, u, _);
+              $(l, f, i);
             },
             className: X,
-            ...m("move-item-button")
+            ...c("move-item-button")
           }
         )),
-        /* @__PURE__ */ e.createElement(Ce, { ref: M }, () => /* @__PURE__ */ e.createElement("div", { className: $e }, /* @__PURE__ */ e.createElement("i", { ...A, className: ie }), l))
+        /* @__PURE__ */ e.createElement(ke, { ref: M }, () => /* @__PURE__ */ e.createElement("div", { className: $e }, /* @__PURE__ */ e.createElement("i", { ...A, className: ne }), l))
       );
     },
-    [_, n]
-  ), T = e.useMemo(
-    () => _.filter(V),
-    [_, V]
+    [i, r]
+  ), N = e.useMemo(
+    () => i.filter(V),
+    [i, V]
   ), I = e.useMemo(
-    () => u.filter(V).slice(0, C),
-    [u, V]
-  ), fe = !c && !!g && T.length > 0, ge = !c && !!g && I.length > 0, ve = !c && u.length > I.length, ae = !!n && !c && T.length > 0 && !K;
-  return /* @__PURE__ */ e.createElement("div", { "data-testid": v }, i && /* @__PURE__ */ e.createElement("div", { className: oe.root }, /* @__PURE__ */ e.createElement("div", { className: y(oe[12], Ye) }, /* @__PURE__ */ e.createElement(
-    Ne,
+    () => 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,
     {
       value: U.filterString,
       formMeta: Z.fields.filterString,
       icon: j.FILTER,
-      onChange: ue,
-      ...m("filter-input")
+      onChange: fe,
+      ...c("filter-input")
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: y(je({ vertical: x })) }, /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: T(je({ vertical: w })) }, /* @__PURE__ */ e.createElement(
     de,
     {
       headerText: s,
-      showCount: !c && h,
-      showIcons: f,
-      showMoveAllLinks: fe,
-      disableMoveAllLinks: _.every((a) => a.required),
+      showCount: !m && u,
+      showIcons: h,
+      showMoveAllLinks: he,
+      disableMoveAllLinks: i.every((a) => a.required),
       maxHeight: Y,
-      vertical: x,
+      vertical: w,
       side: "left",
       className: He({
-        vertical: x
+        vertical: w
       }),
-      otherHeader: r,
-      itemCount: _.length,
+      otherHeader: o,
+      itemCount: i.length,
       moveAll: ee,
       adjustForPhantomDroppableContainer: ae,
-      ...m("on-items-list")
+      ...c("on-items-list")
     },
-    T.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, n && !c && T.map((a, l) => /* @__PURE__ */ e.createElement(e.Fragment, { key: a.id }, /* @__PURE__ */ e.createElement(
-      he,
+    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,
       {
         data: a,
         label: a.label,
         required: a.required,
         listIndex: l
       }
-    ), l === T.length - 1 && /* @__PURE__ */ e.createElement(te, { isPhantomDroppableContainer: !0, index: l + 1 }))), (!n || c) && T.map((a) => /* @__PURE__ */ e.createElement(
+    ), l === N.length - 1 && /* @__PURE__ */ e.createElement(te, { isPhantomDroppableContainer: !0, index: l + 1 }))), (!r || m) && N.map((a) => /* @__PURE__ */ e.createElement(
       z,
       {
         key: a.id,
-        filtering: !!c,
-        manualSorting: n,
+        filtering: !!m,
+        manualSorting: r,
         id: a.id,
-        ...m("item")
+        ...c("item")
       },
       a.label,
       !a.required && /* @__PURE__ */ e.createElement(
@@ -353,65 +352,65 @@ function tt({
           kind: B.ICON,
           icon: j.X,
           onClick: () => {
-            $(a.label, u, _);
+            $(a.label, f, i);
           },
           className: X,
-          ...m("move-item-button")
+          ...c("move-item-button")
         }
       )
-    ))) : /* @__PURE__ */ e.createElement(re, null, E ? /* @__PURE__ */ e.createElement(e.Fragment, null, E) : /* @__PURE__ */ e.createElement(
+    ))) : /* @__PURE__ */ e.createElement(oe, null, L ? /* @__PURE__ */ e.createElement(e.Fragment, null, L) : /* @__PURE__ */ e.createElement(
       se,
       {
-        heading: N("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
-        subHeading: N("addToList.noDataZeroStateOnColumnSubheading", {
-          columnName: r,
-          defaultValue: `Move options from the ${r}`
+        heading: E("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
+        subHeading: E("addToList.noDataZeroStateOnColumnSubheading", {
+          columnName: o,
+          defaultValue: `Move options from the ${o}`
         }),
         artwork: Oe,
         micro: !0,
-        ...m("on-list-zero-state")
+        ...c("on-list-zero-state")
       }
     ))
   ), /* @__PURE__ */ e.createElement(
     de,
     {
-      headerText: r,
-      showCount: !c && h,
-      showIcons: f,
+      headerText: o,
+      showCount: !m && u,
+      showIcons: h,
       showMoveAllLinks: ge,
       showMoreOptionsText: ve,
       maxHeight: Y,
-      vertical: x,
+      vertical: w,
       side: "right",
-      className: qe({ vertical: x }),
+      className: qe({ vertical: w }),
       otherHeader: s,
-      itemCount: u.length,
+      itemCount: f.length,
       moveAll: ee,
       adjustForPhantomDroppableContainer: ae,
-      ...m("off-items-list")
+      ...c("off-items-list")
     },
-    I.length > 0 ? I.map((a) => /* @__PURE__ */ e.createElement(z, { key: a.id, className: Qe, ...m("item") }, a.label, /* @__PURE__ */ e.createElement(
+    I.length > 0 ? I.map((a) => /* @__PURE__ */ e.createElement(z, { key: a.id, className: Qe, ...c("item") }, a.label, /* @__PURE__ */ e.createElement(
       H,
       {
         kind: B.ICON,
         icon: j.PLUS_SIGN,
         onClick: () => {
-          $(a.label, _, u);
+          $(a.label, i, f);
         },
         className: X,
-        ...m("move-item-button")
+        ...c("move-item-button")
       }
-    ))) : /* @__PURE__ */ e.createElement(re, null, O ? /* @__PURE__ */ e.createElement(e.Fragment, null, O) : /* @__PURE__ */ e.createElement(
+    ))) : /* @__PURE__ */ e.createElement(oe, null, O ? /* @__PURE__ */ e.createElement(e.Fragment, null, O) : /* @__PURE__ */ e.createElement(
       se,
       {
-        heading: N("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
-        subHeading: N("addToList.noDataZeroStateOffColumnSubheading", {
+        heading: E("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
+        subHeading: E("addToList.noDataZeroStateOffColumnSubheading", {
           columnName: s,
           defaultValue: `Remove options from the ${s}`
         }),
         artwork: Se,
         micro: !0,
-        ...m("off-list-zero-state")
+        ...c("off-list-zero-state")
       }
     ))
   )));