@sps-woodland/core 8.53.4 → 8.53.6

package/lib/add-to-list/add-to-list/AddToList.ve.js

@@ -0,0 +1,25 @@
+/* empty css                            */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var o = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx91", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), e = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx94", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), r = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx96", n = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx98", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9a", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9c", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), t = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9f", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), d = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9i", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), p = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9k", l = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9l", i = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9m", h = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9o", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), v = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9q", c = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9s", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), g = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9v", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), b = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9x", x = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9y", w = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9z", k = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx910", u = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx911", m = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx912", f = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx913";
+export {
+  x as columnHeads,
+  p as dragHandle,
+  l as dragHandleDisabled,
+  v as dragPreview,
+  h as draggableBox,
+  c as droppableContainer,
+  m as filterContainer,
+  o as flexListWrapper,
+  w as headIcons,
+  k as headTag,
+  e as leftList,
+  d as listComponentWrapper,
+  i as listItem,
+  n as listItemsSeparator,
+  r as listItemsWrapper,
+  f as moveAllButtonAdjustmentForPhantomDroppableContainer,
+  u as offItems,
+  g as phantomDroppableContainer,
+  t as rightList,
+  b as rowButton
+};

package/lib/add-to-list/add-to-list/ItemsList.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function ItemsList({ headerText, showCount, showIcons, showMoveAllLinks, showMoreOptionsText, disableMoveAllLinks, maxHeight, children, side, itemCount, otherHeader, className, vertical, moveAll, adjustForPhantomDroppableContainer, "data-testid": dataTestId, }: ComponentProps<{
+    headerText?: string;
+    showCount?: boolean;
+    showIcons?: boolean;
+    showMoveAllLinks?: boolean;
+    showMoreOptionsText?: boolean;
+    disableMoveAllLinks?: boolean;
+    maxHeight?: string;
+    side: string;
+    itemCount: number;
+    otherHeader?: string;
+    vertical: boolean;
+    moveAll?: (side: string) => void;
+    adjustForPhantomDroppableContainer?: boolean;
+}>): JSX.Element;
+//# sourceMappingURL=ItemsList.d.ts.map

package/lib/add-to-list/add-to-list/ItemsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsList.d.ts","sourceRoot":"","sources":["../../../src/add-to-list/add-to-list/ItemsList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAQzD,wBAAgB,SAAS,CAAC,EACxB,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,kCAAkC,EAClC,aAAa,EAAE,UAAU,GAC1B,EAAE,cAAc,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C,CAAC,eA6ED"}

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

@@ -0,0 +1,67 @@
+import * as e from "react";
+import { useChildTestIdAttrBuilder as B, cl as S, Icon as H } 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({
+  headerText: u,
+  showCount: p,
+  showIcons: h,
+  showMoveAllLinks: E,
+  showMoreOptionsText: v,
+  disableMoveAllLinks: L,
+  maxHeight: r,
+  children: n,
+  side: t,
+  itemCount: a,
+  otherHeader: N,
+  className: T,
+  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
+  }), d = m ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: M({
+        isLeftSide: t === "left",
+        isRightSide: t === "right",
+        adjustForPhantomDroppableContainer: !!s && t === "left"
+      })
+    }
+  );
+  function b() {
+    l && typeof l == "function" && l(t);
+  }
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: S(O({ vertical: m }), T),
+      "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,
+      {
+        className: s && t === "right" ? D : void 0,
+        kind: F.LINK,
+        onClick: b,
+        disabled: L,
+        ...c("move-all-button")
+      },
+      I
+    ),
+    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." }))
+  );
+}
+export {
+  X as ItemsList
+};

package/lib/add-to-list/add-to-list/ListItem.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function ListItem({ className, children, filtering, manualSorting, id, "data-testid": dataTestId, }: ComponentProps<{
+    filtering?: boolean;
+    manualSorting?: boolean;
+    id?: number | string;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ListItem.d.ts.map

package/lib/add-to-list/add-to-list/ListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/add-to-list/add-to-list/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMzD,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,aAAa,EACb,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,cAAc,CACf;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAmCrB"}

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

@@ -0,0 +1,51 @@
+import * as e from "react";
+import { Metadata as m, cl as d } from "@sps-woodland/core";
+import { SpsTooltip as n } from "@spscommerce/ds-react";
+import { TooltipShowTrigger as p, Position as c } from "@spscommerce/ds-shared";
+import { droppableContainer as g, listItem as f, dragHandleDisabled as T } from "./AddToList.ve.js";
+import { useWoodlandLanguage as u } from "@spscommerce/i18n";
+function L({
+  className: r,
+  children: i,
+  filtering: t,
+  manualSorting: a,
+  id: o,
+  "data-testid": l
+}) {
+  const { t: s } = u();
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      role: "listitem",
+      className: d(
+        r,
+        g({ isDropTarget: !1 }),
+        f,
+        "listitem-component"
+      ),
+      "data-testid": l
+    },
+    a && t && /* @__PURE__ */ e.createElement(
+      "i",
+      {
+        className: T,
+        id: `list-item-${o}-drag-handle`
+      }
+    ),
+    i
+  ), a && t && /* @__PURE__ */ e.createElement(
+    n,
+    {
+      for: `list-item-${o}-drag-handle`,
+      position: c.TOP_LEFT,
+      showOn: p.CLICK
+    },
+    s("addToList.disabledDragTooltip", {
+      defaultValue: "Drag and drop are disabled when filters are engaged"
+    })
+  ));
+}
+m.set(L, { name: "ListItem" });
+export {
+  L as ListItem
+};

package/lib/add-to-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./add-to-list/AddToList";
+//# sourceMappingURL=index.d.ts.map

package/lib/add-to-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/add-to-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

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

@@ -0,0 +1,441 @@
+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 { 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 { 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 { 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));
+  for (; t--; )
+    o += Pe[s[t] & 63];
+  return o;
+};
+function Fe(t, o, s) {
+  return o in t ? Object.defineProperty(t, o, {
+    value: s,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[o] = s, t;
+}
+function ne(t, o) {
+  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);
+  }
+  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));
+    });
+  }
+  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]))
+      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;
+      typeof g == "boolean" && (g = g === !0 ? "true" : "false");
+      var n = (
+        // @ts-expect-error
+        t.variantClassNames[i][g]
+      );
+      n && (s += " " + n);
+    }
+  }
+  for (var [C, L] of t.compoundVariants)
+    Re(C, r, t.defaultVariants) && (s += " " + L);
+  return s;
+}, je = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx91", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), He = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx94", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), _e = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx96", Be = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx98", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9a", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9c", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), qe = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9f", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), Ue = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9i", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), ie = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9k", Ze = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9l", We = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9m", Ke = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9o", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), $e = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9q", me = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9s", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), Ge = k({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9v", false: "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), X = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9x", Je = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9y", Xe = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx9z", ze = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx910", Qe = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx911", Ye = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx912", et = "pkg_sps-woodland_core__version_8_53_6__hash_13b8tx913";
+function de({
+  headerText: t,
+  showCount: o,
+  showIcons: s,
+  showMoveAllLinks: r,
+  showMoreOptionsText: i,
+  disableMoveAllLinks: h,
+  maxHeight: f,
+  children: g,
+  side: n,
+  itemCount: C,
+  otherHeader: L,
+  className: q,
+  vertical: w,
+  moveAll: E,
+  adjustForPhantomDroppableContainer: O,
+  "data-testid": x
+}) {
+  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(
+    "div",
+    {
+      className: Be({
+        isLeftSide: n === "left",
+        isRightSide: n === "right",
+        adjustForPhantomDroppableContainer: !!O && n === "left"
+      })
+    }
+  );
+  function W() {
+    E && typeof E == "function" && E(n);
+  }
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: y(Ue({ vertical: w }), q),
+      "data-testid": x
+    },
+    /* @__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(
+      H,
+      {
+        className: O && n === "right" ? et : void 0,
+        kind: B.LINK,
+        onClick: W,
+        disabled: h,
+        ...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." }))
+  );
+}
+function z({
+  className: t,
+  children: o,
+  filtering: s,
+  manualSorting: r,
+  id: i,
+  "data-testid": h
+}) {
+  const { t: f } = Q();
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      role: "listitem",
+      className: y(
+        t,
+        me({ isDropTarget: !1 }),
+        We,
+        "listitem-component"
+      ),
+      "data-testid": h
+    },
+    r && s && /* @__PURE__ */ e.createElement(
+      "i",
+      {
+        className: Ze,
+        id: `list-item-${i}-drag-handle`
+      }
+    ),
+    o
+  ), r && s && /* @__PURE__ */ e.createElement(
+    Le,
+    {
+      for: `list-item-${i}-drag-handle`,
+      position: ye.TOP_LEFT,
+      showOn: Te.CLICK
+    },
+    f("addToList.disabledDragTooltip", {
+      defaultValue: "Drag and drop are disabled when filters are engaged"
+    })
+  ));
+}
+pe.set(z, { name: "ListItem" });
+function tt({
+  onList: t,
+  offList: o,
+  onHeader: s,
+  offHeader: r,
+  showFilter: i,
+  showCount: h,
+  showIcons: f,
+  showMoveAllLinks: g,
+  manualSort: n,
+  maxDisplayedItems: C,
+  maxHeightPx: L,
+  maxHeightRem: q,
+  onChange: w,
+  onListZeroState: E,
+  offListZeroState: O,
+  vertical: x = !1,
+  onListAlphaSort: S = !0,
+  "data-testid": v
+}) {
+  const m = ce({ "data-testid": v }), { t: N } = Q(), { formValue: U, formMeta: Z } = Ee({
+    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) => {
+      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) => {
+    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]
+    }) : console.error("could not remove item");
+  };
+  function ue(a) {
+    W(a.target.value);
+  }
+  function ee(a) {
+    w(a === "left" ? {
+      onList: _.filter((l) => l.required),
+      offList: [...u, ..._.filter((l) => !l.required)]
+    } : {
+      onList: [..._, ...u],
+      offList: []
+    });
+  }
+  const te = e.useCallback(
+    (a) => {
+      const { className: l, index: b, ...p } = a, d = e.useRef(null), { dropProps: M, isDropTarget: P } = xe({
+        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({
+            onList: J,
+            offList: u
+          });
+        }
+      });
+      return /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          ref: d,
+          ...n ? M : [],
+          role: "button",
+          tabIndex: 0,
+          className: y(l, a.isPhantomDroppableContainer ? Ge({ isDropTarget: P }) : me({ isDropTarget: P })),
+          ...m("droppable-container"),
+          ...p
+        },
+        a.children
+      );
+    },
+    [_, n]
+  ), he = 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({
+        preview: M,
+        hasDragButton: !0,
+        getItems() {
+          return [
+            {
+              "text/plain": JSON.stringify(P)
+            }
+          ];
+        }
+      });
+      return /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          ...n ? G : {},
+          role: n ? "button" : "listitem",
+          tabIndex: 0,
+          id: `${l}${p}-drag`,
+          className: y(Ke({ isDragging: F })),
+          ...m("draggable-item")
+        },
+        /* @__PURE__ */ e.createElement(te, { index: p }, n && /* @__PURE__ */ e.createElement("i", { ...A, className: ie }), l, !d && /* @__PURE__ */ e.createElement(
+          H,
+          {
+            kind: B.ICON,
+            icon: j.X,
+            onClick: () => {
+              $(l, u, _);
+            },
+            className: X,
+            ...m("move-item-button")
+          }
+        )),
+        /* @__PURE__ */ e.createElement(Ce, { ref: M }, () => /* @__PURE__ */ e.createElement("div", { className: $e }, /* @__PURE__ */ e.createElement("i", { ...A, className: ie }), l))
+      );
+    },
+    [_, n]
+  ), T = e.useMemo(
+    () => _.filter(V),
+    [_, 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,
+    {
+      value: U.filterString,
+      formMeta: Z.fields.filterString,
+      icon: j.FILTER,
+      onChange: ue,
+      ...m("filter-input")
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: y(je({ vertical: x })) }, /* @__PURE__ */ e.createElement(
+    de,
+    {
+      headerText: s,
+      showCount: !c && h,
+      showIcons: f,
+      showMoveAllLinks: fe,
+      disableMoveAllLinks: _.every((a) => a.required),
+      maxHeight: Y,
+      vertical: x,
+      side: "left",
+      className: He({
+        vertical: x
+      }),
+      otherHeader: r,
+      itemCount: _.length,
+      moveAll: ee,
+      adjustForPhantomDroppableContainer: ae,
+      ...m("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,
+      {
+        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(
+      z,
+      {
+        key: a.id,
+        filtering: !!c,
+        manualSorting: n,
+        id: a.id,
+        ...m("item")
+      },
+      a.label,
+      !a.required && /* @__PURE__ */ e.createElement(
+        H,
+        {
+          kind: B.ICON,
+          icon: j.X,
+          onClick: () => {
+            $(a.label, u, _);
+          },
+          className: X,
+          ...m("move-item-button")
+        }
+      )
+    ))) : /* @__PURE__ */ e.createElement(re, null, E ? /* @__PURE__ */ e.createElement(e.Fragment, null, E) : /* @__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}`
+        }),
+        artwork: Oe,
+        micro: !0,
+        ...m("on-list-zero-state")
+      }
+    ))
+  ), /* @__PURE__ */ e.createElement(
+    de,
+    {
+      headerText: r,
+      showCount: !c && h,
+      showIcons: f,
+      showMoveAllLinks: ge,
+      showMoreOptionsText: ve,
+      maxHeight: Y,
+      vertical: x,
+      side: "right",
+      className: qe({ vertical: x }),
+      otherHeader: s,
+      itemCount: u.length,
+      moveAll: ee,
+      adjustForPhantomDroppableContainer: ae,
+      ...m("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(
+      H,
+      {
+        kind: B.ICON,
+        icon: j.PLUS_SIGN,
+        onClick: () => {
+          $(a.label, _, u);
+        },
+        className: X,
+        ...m("move-item-button")
+      }
+    ))) : /* @__PURE__ */ e.createElement(re, 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", {
+          columnName: s,
+          defaultValue: `Remove options from the ${s}`
+        }),
+        artwork: Se,
+        micro: !0,
+        ...m("off-list-zero-state")
+      }
+    ))
+  )));
+}
+pe.set(tt, {
+  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" }
+  }
+});
+export {
+  tt as AddToList
+};