@sps-woodland/core 8.56.0 → 8.56.2

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

@@ -1,67 +1,68 @@
 import * as e from "react";
-import { useChildTestIdAttrBuilder as B, cl as S, Icon as H } from "@sps-woodland/core";
+import { useChildTestIdAttrBuilder as B, cl as H, Icon as S } from "@sps-woodland/core";
 import { Tag as y } from "@sps-woodland/core/tag";
-import { SpsButton as A } from "@spscommerce/ds-react";
-import { ButtonKind as F } from "@spscommerce/ds-shared";
-import { ScrollableContainer as W } from "@sps-woodland/core/scrollable-container";
-import { FeedbackBlock as K } from "@sps-woodland/core/feedback-block";
-import { listItemsSeparator as M, listComponentWrapper as O, columnHeads as R, headIcons as j, headTag as x, listItemsWrapper as f, moveAllButtonAdjustmentForPhantomDroppableContainer as D } from "./AddToList.ve.js";
-import { useWoodlandLanguage as P } from "@spscommerce/i18n";
-function X({
+import { ScrollableContainer as A } from "@sps-woodland/core/scrollable-container";
+import { FeedbackBlock as F } from "@sps-woodland/core/feedback-block";
+import { listItemsSeparator as W, listComponentWrapper as M, columnHeads as O, headIcons as R, headTag as j, listItemsWrapper as f, moveAllButtonAdjustmentForPhantomDroppableContainer as x } from "./AddToList.ve.js";
+import { useWoodlandLanguage as D } from "@spscommerce/i18n";
+import { Button as P } from "@sps-woodland/core/buttons";
+function K({
   headerText: u,
   showCount: p,
   showIcons: h,
   showMoveAllLinks: E,
-  showMoreOptionsText: v,
-  disableMoveAllLinks: L,
-  maxHeight: r,
-  children: n,
+  showMoreOptionsText: k,
+  disableMoveAllLinks: v,
+  maxHeight: n,
+  children: r,
   side: t,
-  itemCount: a,
-  otherHeader: N,
-  className: T,
+  itemCount: o,
+  otherHeader: T,
+  className: C,
   vertical: m,
   moveAll: l,
   adjustForPhantomDroppableContainer: s,
   "data-testid": i
 }) {
-  const c = B({ "data-testid": i }), { t: o } = P(), k = o(t === "left" ? "addToList.onColumnHeader" : "addToList.offColumnHeader"), C = t === "left" ? "eye" : "eye-slash", g = o(t === "left" ? "addToList.offColumnHeader" : "addToList.onColumnHeader"), I = o("addToList.moveAllItemsToCol", {
-    columnName: N || g
+  const c = B({ "data-testid": i }), { t: a } = D(), L = a(t === "left" ? "addToList.onColumnHeader" : "addToList.offColumnHeader"), N = t === "left" ? "eye" : "eye-slash", g = a(t === "left" ? "addToList.offColumnHeader" : "addToList.onColumnHeader"), b = a("addToList.moveAllItemsToCol", {
+    columnName: T || g
   }), d = m ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: M({
+      className: W({
         isLeftSide: t === "left",
         isRightSide: t === "right",
         adjustForPhantomDroppableContainer: !!s && t === "left"
       })
     }
   );
-  function b() {
+  function I() {
     l && typeof l == "function" && l(t);
   }
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: S(O({ vertical: m }), T),
+      className: H(M({ vertical: m }), C),
       "data-testid": i
     },
-    /* @__PURE__ */ e.createElement("div", { className: R, ...c("column-header") }, h && /* @__PURE__ */ e.createElement(H, { icon: C, className: j }), u || k, p && /* @__PURE__ */ e.createElement(y, { kind: "key", className: x }, a)),
-    r ? /* @__PURE__ */ e.createElement("div", { className: f }, d, /* @__PURE__ */ e.createElement(W, { maxHeight: r }, n)) : /* @__PURE__ */ e.createElement("div", { className: f }, d, n),
-    E && a > 0 && /* @__PURE__ */ e.createElement(
-      A,
+    /* @__PURE__ */ e.createElement("div", { className: O, ...c("column-header") }, h && /* @__PURE__ */ e.createElement(S, { icon: N, className: R }), u || L, p && /* @__PURE__ */ e.createElement(y, { kind: "key", className: j }, o)),
+    n ? /* @__PURE__ */ e.createElement("div", { className: f }, d, /* @__PURE__ */ e.createElement(A, { maxHeight: n }, r)) : /* @__PURE__ */ e.createElement("div", { className: f }, d, r),
+    E && o > 0 && /* @__PURE__ */ e.createElement(
+      P,
       {
-        className: s && t === "right" ? D : void 0,
-        kind: F.LINK,
-        onClick: b,
-        disabled: L,
+        className: s && t === "right" ? x : void 0,
+        kind: "link",
+        onClick: I,
+        disabled: v,
         ...c("move-all-button")
       },
-      I
+      b
     ),
-    v && a > 0 && /* @__PURE__ */ e.createElement(K, { kind: "info", micro: !0 }, o("addToList.moreOptionsAvailable", { defaultValue: "More options available. Use the search field to filter results." }))
+    k && o > 0 && /* @__PURE__ */ e.createElement(F, { kind: "info", micro: !0 }, a("addToList.moreOptionsAvailable", {
+      defaultValue: "More options available. Use the search field to filter results."
+    }))
   );
 }
 export {
-  X as ItemsList
+  K as ItemsList
 };