@sps-woodland/core 8.53.28 → 8.53.30

package/lib/action-bar/action-bar/ActionBar.ve.js

@@ -1,5 +1,5 @@
 /* empty css                            */
-var a = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l0", o = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l1", n = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l2", r = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l3", s = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l4", e = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l5", i = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l6", l = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l7";
+var a = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l0", o = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l1", n = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l2", r = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l3", s = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l4", e = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l5", i = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l6", l = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l7";
 export {
   e as actionButtons,
   l as additionalContent,

package/lib/action-bar/index.js

@@ -3,7 +3,7 @@ import { Button as u } from "@sps-woodland/core/button";
 import { Metadata as l, Box as v, cl as o, selectChildren as f } from "@sps-woodland/core";
 import { Tag as h } from "@sps-woodland/core/tag";
 import { useWoodlandLanguage as g } from "@spscommerce/i18n";
-var S = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l0", y = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l1", b = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l2", k = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l3", B = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l4", E = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l5", A = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l6", N = "pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l7";
+var S = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l0", y = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l1", b = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l2", k = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l3", B = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l4", E = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l5", A = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l6", N = "pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l7";
 function i({
   className: a,
   children: t,

package/lib/action-bar/index.umd.cjs

@@ -1 +1 @@
-(function(e,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react"),require("@sps-woodland/core/button"),require("@sps-woodland/core"),require("@sps-woodland/core/tag"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core/button","@sps-woodland/core","@sps-woodland/core/tag","@spscommerce/i18n"],s):(e=typeof globalThis<"u"?globalThis:e||self,s(e.ActionBar={},e.react,e.spsWoodlandCoreButton,e.spsWoodlandCore,e.spsWoodlandCoreTag,e.spscommerceI18n))})(this,(function(e,s,d,r,m,u){"use strict";function p(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const _=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(o,n,_.get?_:{enumerable:!0,get:()=>a[n]})}}return o.default=a,Object.freeze(o)}const t=p(s);var f="pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l0",v="pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l1",h="pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l2",g="pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l3",y="pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l4",b="pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l5",S="pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l6",w="pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l7";function i({className:a,children:o,...n}){return t.createElement(r.Box,{className:r.cl(w,a),...n},o)}r.Metadata.set(i,{name:"ActionBarAdditionalContent",props:{}});function c({className:a,children:o,clearSelected:n,itemsSelected:_,itemsSelectedLabel:B,clearSelectedLabel:A,...k}){const{t:l}=u.useWoodlandLanguage(),[C,E]=r.selectChildren(o,[{type:i}]);return Number(_)>0?t.createElement("div",{className:r.cl(f,a),...k},t.createElement("div",{className:v},C,t.createElement("div",{className:h},t.createElement("div",{className:g},t.createElement(m.Tag,{kind:"info",className:y},_),B??l("listActionBar.itemsSelected",{defaultValue:"Items Selected"})),t.createElement("div",{className:b},E),t.createElement("div",{className:S},t.createElement(d.Button,{title:l("listActionBar.clearSelected",{defaultValue:"Clear Selected"}),kind:"link",icon:"x",onPress:n},A??l("listActionBar.clearSelected",{defaultValue:"Clear Selected"})))))):t.createElement(t.Fragment,null)}r.Metadata.set(c,{name:"ActionBar",props:{clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"number | string",required:!0},itemsSelectedLabel:{type:"string",required:!1},clearSelectedLabel:{type:"string",required:!1}}}),e.ActionBar=c,e.ActionBarAdditionalContent=i,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+(function(e,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react"),require("@sps-woodland/core/button"),require("@sps-woodland/core"),require("@sps-woodland/core/tag"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core/button","@sps-woodland/core","@sps-woodland/core/tag","@spscommerce/i18n"],s):(e=typeof globalThis<"u"?globalThis:e||self,s(e.ActionBar={},e.react,e.spsWoodlandCoreButton,e.spsWoodlandCore,e.spsWoodlandCoreTag,e.spscommerceI18n))})(this,(function(e,s,d,r,m,u){"use strict";function p(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const _=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(o,n,_.get?_:{enumerable:!0,get:()=>a[n]})}}return o.default=a,Object.freeze(o)}const t=p(s);var f="pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l0",v="pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l1",h="pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l2",g="pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l3",y="pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l4",b="pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l5",S="pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l6",w="pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l7";function i({className:a,children:o,...n}){return t.createElement(r.Box,{className:r.cl(w,a),...n},o)}r.Metadata.set(i,{name:"ActionBarAdditionalContent",props:{}});function c({className:a,children:o,clearSelected:n,itemsSelected:_,itemsSelectedLabel:B,clearSelectedLabel:A,...k}){const{t:l}=u.useWoodlandLanguage(),[C,E]=r.selectChildren(o,[{type:i}]);return Number(_)>0?t.createElement("div",{className:r.cl(f,a),...k},t.createElement("div",{className:v},C,t.createElement("div",{className:h},t.createElement("div",{className:g},t.createElement(m.Tag,{kind:"info",className:y},_),B??l("listActionBar.itemsSelected",{defaultValue:"Items Selected"})),t.createElement("div",{className:b},E),t.createElement("div",{className:S},t.createElement(d.Button,{title:l("listActionBar.clearSelected",{defaultValue:"Clear Selected"}),kind:"link",icon:"x",onPress:n},A??l("listActionBar.clearSelected",{defaultValue:"Clear Selected"})))))):t.createElement(t.Fragment,null)}r.Metadata.set(c,{name:"ActionBar",props:{clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"number | string",required:!0},itemsSelectedLabel:{type:"string",required:!1},clearSelectedLabel:{type:"string",required:!1}}}),e.ActionBar=c,e.ActionBarAdditionalContent=i,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/lib/action-bar/style.css

@@ -1 +1 @@
-.pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l0{background-color:#fff;display:flex;bottom:0;position:fixed;justify-content:center;left:0;right:0;padding:.5rem;box-shadow:0 0 .25rem .25rem #1f282c1a;z-index:99}.pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l1{display:flex;flex-direction:column;max-width:1280px;padding-left:1.25rem;padding-right:1.25rem;width:100%}.pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l2{height:2rem;display:flex;align-items:center;width:100%}.pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l3{flex:1}.pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l4{margin-right:.25rem}.pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l5{display:flex;flex:2;align-items:center;justify-content:center}.pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l6{flex:1;text-align:right}.pkg_sps-woodland_core__family_action-bar__version_8_53_28__hash_nz1a1l7{margin-bottom:.5rem}
+.pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l0{background-color:#fff;display:flex;bottom:0;position:fixed;justify-content:center;left:0;right:0;padding:.5rem;box-shadow:0 0 .25rem .25rem #1f282c1a;z-index:99}.pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l1{display:flex;flex-direction:column;max-width:1280px;padding-left:1.25rem;padding-right:1.25rem;width:100%}.pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l2{height:2rem;display:flex;align-items:center;width:100%}.pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l3{flex:1}.pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l4{margin-right:.25rem}.pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l5{display:flex;flex:2;align-items:center;justify-content:center}.pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l6{flex:1;text-align:right}.pkg_sps-woodland_core__family_action-bar__version_8_53_30__hash_nz1a1l7{margin-bottom:.5rem}

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

@@ -1 +1 @@
-{"version":3,"file":"AddToList.d.ts","sourceRoot":"","sources":["../../../src/add-to-list/add-to-list/AddToList.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAOzD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,SAAS,EAAE,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,QAAgB,EAChB,eAAsB,EACtB,aAAa,EAAE,UAAU,GAC1B,EAAE,cAAc,CAAC;IAChB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,QAAQ,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACtD,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC,eA+VD"}
+{"version":3,"file":"AddToList.d.ts","sourceRoot":"","sources":["../../../src/add-to-list/add-to-list/AddToList.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAOzD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,SAAS,EAAE,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,QAAgB,EAChB,eAAsB,EACtB,aAAa,EAAE,UAAU,GAC1B,EAAE,cAAc,CAAC;IAChB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,QAAQ,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACtD,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC,eAyWD"}

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

@@ -1,78 +1,84 @@
 import * as e from "react";
-import { nanoid as pe } from "../../node_modules/.pnpm/nanoid@5.1.16/node_modules/nanoid/index.browser.js";
-import { useDrop as fe, useDrag as ge, DragPreview as he } from "react-aria";
-import { useSpsForm as be, SpsButton as I, SpsTextInput as Le } from "@spscommerce/ds-react";
-import { SpsIcon as S, ButtonKind as A } from "@spscommerce/ds-shared";
-import { DOCUMENT_SEARCH_NO_RESULTS_LARGE as Ee, DOCUMENT_SEARCH_NO_RESULTS_SMALL as Ce } from "@sps-woodland/illustrations";
-import { Metadata as ve, useChildTestIdAttrBuilder as xe, cl as T } from "@sps-woodland/core";
-import { ZeroState as J } from "@sps-woodland/core/zero-state";
-import { Card as X } from "@sps-woodland/core/card";
-import { grid as j } from "@sps-woodland/tokens";
-import { ItemsList as K } from "./ItemsList.js";
-import { phantomDroppableContainer as Ne, droppableContainer as ye, draggableBox as Se, dragHandle as Q, rowButton as F, dragPreview as Te, filterContainer as Me, flexListWrapper as ke, leftList as De, rightList as we, offItems as Ie } from "./AddToList.ve.js";
-import { ListItem as Y } from "./ListItem.js";
-import { useWoodlandLanguage as Ae } from "@spscommerce/i18n";
-function Fe({
-  onList: R,
-  offList: O,
-  onHeader: f,
-  offHeader: g,
-  showFilter: ee,
-  showCount: P,
-  showIcons: q,
-  showMoveAllLinks: _,
+import { nanoid as ge } from "../../node_modules/.pnpm/nanoid@5.1.16/node_modules/nanoid/index.browser.js";
+import { useDrop as he, useDrag as be, useButton as Le, DragPreview as Ee } from "react-aria";
+import { useSpsForm as Ce, SpsButton as A, SpsTextInput as ve } from "@spscommerce/ds-react";
+import { SpsIcon as S, ButtonKind as F } from "@spscommerce/ds-shared";
+import { DOCUMENT_SEARCH_NO_RESULTS_LARGE as xe, DOCUMENT_SEARCH_NO_RESULTS_SMALL as Ne } from "@sps-woodland/illustrations";
+import { Metadata as ye, useChildTestIdAttrBuilder as Se, cl as T } from "@sps-woodland/core";
+import { ZeroState as j } from "@sps-woodland/core/zero-state";
+import { Card as K } from "@sps-woodland/core/card";
+import { grid as Q } from "@sps-woodland/tokens";
+import { ItemsList as Y } from "./ItemsList.js";
+import { phantomDroppableContainer as Te, droppableContainer as Me, draggableBox as ke, dragHandle as ee, rowButton as O, dragPreview as De, filterContainer as we, flexListWrapper as Ie, leftList as Re, rightList as Ae, offItems as Fe } from "./AddToList.ve.js";
+import { ListItem as te } from "./ListItem.js";
+import { useWoodlandLanguage as Oe } from "@spscommerce/i18n";
+function Pe({
+  onList: P,
+  offList: q,
+  onHeader: g,
+  offHeader: h,
+  showFilter: oe,
+  showCount: H,
+  showIcons: _,
+  showMoveAllLinks: B,
   manualSort: n,
-  maxDisplayedItems: te,
-  maxHeightPx: B,
-  maxHeightRem: oe,
+  maxDisplayedItems: re,
+  maxHeightPx: V,
+  maxHeightRem: le,
   onChange: u,
-  onListZeroState: H,
-  offListZeroState: V,
+  onListZeroState: Z,
+  offListZeroState: $,
   vertical: p = !1,
-  onListAlphaSort: Z = !0,
-  "data-testid": $
+  onListAlphaSort: U = !0,
+  "data-testid": W
 }) {
-  const a = xe({ "data-testid": $ }), { t: h } = Ae(), { formValue: ie, formMeta: re } = be({
+  const a = Se({ "data-testid": W }), { t: b } = Oe(), { formValue: ie, formMeta: ne } = Ce({
     filterString: ""
-  }), [s, le] = e.useState(""), M = B ? B / 16 : oe, U = M ? `${M}rem` : "", b = e.useCallback(
-    (t, o) => (!n && Z || o === "right" ? [...t].sort((l, r) => l.label.localeCompare(r.label)) : t).map((l) => {
-      const r = { ...l };
-      return r.id || (r.id = pe()), r;
+  }), [s, ae] = e.useState(""), M = V ? V / 16 : le, z = M ? `${M}rem` : "", L = e.useCallback(
+    (t, o) => (!n && U || o === "right" ? [...t].sort((l, i) => l.label.localeCompare(i.label)) : t).map((l) => {
+      const i = { ...l };
+      return i.id || (i.id = ge()), i;
     }),
-    [n, Z]
-  ), i = e.useMemo(() => b(R, "left"), [R, b]), m = e.useMemo(() => b(O, "right"), [O, b]), L = e.useCallback((t) => s ? t.label.toLowerCase().includes(s.toLowerCase()) : !0, [s]), k = (t, o, d) => {
-    const l = d.find((r) => r.label === t);
-    l ? o === i ? u({
-      onList: [...i, l],
-      offList: m.filter((r) => r.label !== l.label)
-    }) : d === i && u({
-      onList: i.filter((r) => r.label !== l.label),
+    [n, U]
+  ), r = e.useMemo(() => L(P, "left"), [P, L]), m = e.useMemo(() => L(q, "right"), [q, L]), E = e.useCallback((t) => s ? t.label.toLowerCase().includes(s.toLowerCase()) : !0, [s]), k = (t, o, d) => {
+    const l = d.find((i) => i.label === t);
+    l ? o === r ? u({
+      onList: [...r, l],
+      offList: m.filter((i) => i.label !== l.label)
+    }) : d === r && u({
+      onList: r.filter((i) => i.label !== l.label),
       offList: [...m, l]
     }) : console.error("could not remove item");
   };
-  function ne(t) {
-    le(t.target.value);
+  function se(t) {
+    ae(t.target.value);
   }
-  function W(t) {
+  function G(t) {
     u(t === "left" ? {
-      onList: i.filter((o) => o.required),
-      offList: [...m, ...i.filter((o) => !o.required)]
+      onList: r.filter((o) => o.required),
+      offList: [...m, ...r.filter((o) => !o.required)]
     } : {
-      onList: [...i, ...m],
+      onList: [...r, ...m],
       offList: []
     });
   }
-  const z = e.useCallback(
+  const J = e.useCallback(
     (t) => {
-      const { className: o, index: d, ...l } = t, r = e.useRef(null), { dropProps: C, isDropTarget: v } = fe({
-        ref: r,
-        async onDrop(D) {
-          let x = await Promise.all(
-            D.items.filter((y) => y.kind === "text" && y.types.has("text/plain")).map((y) => y.getText("text/plain"))
+      const {
+        className: o,
+        index: d,
+        isPhantomDroppableContainer: l,
+        children: i,
+        ...v
+      } = t, f = e.useRef(null), { dropProps: D, isDropTarget: x } = he({
+        ref: f,
+        async onDrop(w) {
+          let I = await Promise.all(
+            w.items.filter((y) => y.kind === "text" && y.types.has("text/plain")).map((y) => y.getText("text/plain"))
           );
-          const { index: N } = JSON.parse(x[0]), w = [...i], [ce] = w.splice(N, 1), ue = d > N ? d - 1 : d;
-          w.splice(ue, 0, ce), u({
-            onList: w,
+          const { index: N } = JSON.parse(I[0]), R = [...r], [pe] = R.splice(N, 1), fe = d > N ? d - 1 : d;
+          R.splice(fe, 0, pe), u({
+            onList: R,
             offList: m
           });
         }
@@ -80,108 +86,115 @@ function Fe({
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ref: r,
-          ...n ? C : [],
+          ref: f,
+          ...n ? D : [],
           role: "button",
           tabIndex: 0,
-          className: T(o, t.isPhantomDroppableContainer ? Ne({ isDropTarget: v }) : ye({ isDropTarget: v })),
+          className: T(o, l ? Te({ isDropTarget: x }) : Me({ isDropTarget: x })),
           ...a("droppable-container"),
-          ...l
+          ...v
         },
-        t.children
+        i
       );
     },
-    [i, n]
-  ), ae = e.useCallback(
+    [r, n]
+  ), me = e.useCallback(
     (t) => {
       const {
         label: o,
         data: d,
         listIndex: l,
-        required: r
-      } = t, C = e.useRef(null), v = { ...d, index: l }, { dragProps: D, dragButtonProps: x, isDragging: N } = ge({
-        preview: C,
+        required: i
+      } = t, v = e.useRef(null), f = e.useRef(null), D = { ...d, index: l }, { dragProps: x, dragButtonProps: w, isDragging: I } = be({
+        preview: v,
         hasDragButton: !0,
         getItems() {
           return [
             {
-              "text/plain": JSON.stringify(v)
+              "text/plain": JSON.stringify(D)
             }
           ];
         }
-      });
+      }), { buttonProps: N } = Le(w, f);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ...n ? D : {},
+          ...n ? x : {},
           role: n ? "button" : "listitem",
           tabIndex: 0,
           id: `${o}${l}-drag`,
-          className: T(Se({ isDragging: N })),
+          className: T(ke({ isDragging: I })),
           ...a("draggable-item")
         },
-        /* @__PURE__ */ e.createElement(z, { index: l }, n && /* @__PURE__ */ e.createElement("i", { ...x, className: Q }), o, !r && /* @__PURE__ */ e.createElement(
-          I,
+        /* @__PURE__ */ e.createElement(J, { index: l }, n && /* @__PURE__ */ e.createElement(
+          "i",
           {
-            kind: A.ICON,
+            ...N,
+            ref: f,
+            className: ee
+          }
+        ), o, !i && /* @__PURE__ */ e.createElement(
+          A,
+          {
+            kind: F.ICON,
             icon: S.X,
             onClick: () => {
-              k(o, m, i);
+              k(o, m, r);
             },
-            className: F,
+            className: O,
             ...a("move-item-button")
           }
         )),
-        /* @__PURE__ */ e.createElement(he, { ref: C }, () => /* @__PURE__ */ e.createElement("div", { className: Te }, /* @__PURE__ */ e.createElement("i", { ...x, className: Q }), o))
+        /* @__PURE__ */ e.createElement(Ee, { ref: v }, () => /* @__PURE__ */ e.createElement("div", { className: De }, /* @__PURE__ */ e.createElement("i", { className: ee }), o))
       );
     },
-    [i, n]
+    [r, n]
   ), c = e.useMemo(
-    () => i.filter(L),
-    [i, L]
-  ), E = e.useMemo(
-    () => m.filter(L).slice(0, te),
-    [m, L]
-  ), se = !s && !!_ && c.length > 0, me = !s && !!_ && E.length > 0, de = !s && m.length > E.length, G = !!n && !s && c.length > 0 && !M;
-  return /* @__PURE__ */ e.createElement("div", { "data-testid": $ }, ee && /* @__PURE__ */ e.createElement("div", { className: j.root }, /* @__PURE__ */ e.createElement("div", { className: T(j[12], Me) }, /* @__PURE__ */ e.createElement(
-    Le,
+    () => r.filter(E),
+    [r, E]
+  ), C = e.useMemo(
+    () => m.filter(E).slice(0, re),
+    [m, E]
+  ), de = !s && !!B && c.length > 0, ce = !s && !!B && C.length > 0, ue = !s && m.length > C.length, X = !!n && !s && c.length > 0 && !M;
+  return /* @__PURE__ */ e.createElement("div", { "data-testid": W }, oe && /* @__PURE__ */ e.createElement("div", { className: Q.root }, /* @__PURE__ */ e.createElement("div", { className: T(Q[12], we) }, /* @__PURE__ */ e.createElement(
+    ve,
     {
       value: ie.filterString,
-      formMeta: re.fields.filterString,
+      formMeta: ne.fields.filterString,
       icon: S.FILTER,
-      onChange: ne,
+      onChange: se,
       ...a("filter-input")
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: T(ke({ vertical: p })) }, /* @__PURE__ */ e.createElement(
-    K,
+  ))), /* @__PURE__ */ e.createElement("div", { className: T(Ie({ vertical: p })) }, /* @__PURE__ */ e.createElement(
+    Y,
     {
-      headerText: f,
-      showCount: !s && P,
-      showIcons: q,
-      showMoveAllLinks: se,
-      disableMoveAllLinks: i.every((t) => t.required),
-      maxHeight: U,
+      headerText: g,
+      showCount: !s && H,
+      showIcons: _,
+      showMoveAllLinks: de,
+      disableMoveAllLinks: r.every((t) => t.required),
+      maxHeight: z,
       vertical: p,
       side: "left",
-      className: De({
+      className: Re({
         vertical: p
       }),
-      otherHeader: g,
-      itemCount: i.length,
-      moveAll: W,
-      adjustForPhantomDroppableContainer: G,
+      otherHeader: h,
+      itemCount: r.length,
+      moveAll: G,
+      adjustForPhantomDroppableContainer: X,
       ...a("on-items-list")
     },
     c.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, n && !s && c.map((t, o) => /* @__PURE__ */ e.createElement(e.Fragment, { key: t.id }, /* @__PURE__ */ e.createElement(
-      ae,
+      me,
       {
         data: t,
         label: t.label,
         required: t.required,
         listIndex: o
       }
-    ), o === c.length - 1 && /* @__PURE__ */ e.createElement(z, { isPhantomDroppableContainer: !0, index: o + 1 }))), (!n || s) && c.map((t) => /* @__PURE__ */ e.createElement(
-      Y,
+    ), o === c.length - 1 && /* @__PURE__ */ e.createElement(J, { isPhantomDroppableContainer: !0, index: o + 1 }))), (!n || s) && c.map((t) => /* @__PURE__ */ e.createElement(
+      te,
       {
         key: t.id,
         filtering: !!s,
@@ -191,75 +204,75 @@ function Fe({
       },
       t.label,
       !t.required && /* @__PURE__ */ e.createElement(
-        I,
+        A,
         {
-          kind: A.ICON,
+          kind: F.ICON,
           icon: S.X,
           onClick: () => {
-            k(t.label, m, i);
+            k(t.label, m, r);
           },
-          className: F,
+          className: O,
           ...a("move-item-button")
         }
       )
-    ))) : /* @__PURE__ */ e.createElement(X, null, H ? /* @__PURE__ */ e.createElement(e.Fragment, null, H) : /* @__PURE__ */ e.createElement(
-      J,
+    ))) : /* @__PURE__ */ e.createElement(K, null, Z ? /* @__PURE__ */ e.createElement(e.Fragment, null, Z) : /* @__PURE__ */ e.createElement(
+      j,
       {
-        heading: h("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
-        subHeading: h("addToList.noDataZeroStateOnColumnSubheading", {
-          columnName: g,
-          defaultValue: `Move options from the ${g}`
+        heading: b("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
+        subHeading: b("addToList.noDataZeroStateOnColumnSubheading", {
+          columnName: h,
+          defaultValue: `Move options from the ${h}`
         }),
-        artwork: Ee,
+        artwork: xe,
         micro: !0,
         ...a("on-list-zero-state")
       }
     ))
   ), /* @__PURE__ */ e.createElement(
-    K,
+    Y,
     {
-      headerText: g,
-      showCount: !s && P,
-      showIcons: q,
-      showMoveAllLinks: me,
-      showMoreOptionsText: de,
-      maxHeight: U,
+      headerText: h,
+      showCount: !s && H,
+      showIcons: _,
+      showMoveAllLinks: ce,
+      showMoreOptionsText: ue,
+      maxHeight: z,
       vertical: p,
       side: "right",
-      className: we({ vertical: p }),
-      otherHeader: f,
+      className: Ae({ vertical: p }),
+      otherHeader: g,
       itemCount: m.length,
-      moveAll: W,
-      adjustForPhantomDroppableContainer: G,
+      moveAll: G,
+      adjustForPhantomDroppableContainer: X,
       ...a("off-items-list")
     },
-    E.length > 0 ? E.map((t) => /* @__PURE__ */ e.createElement(Y, { key: t.id, className: Ie, ...a("item") }, t.label, /* @__PURE__ */ e.createElement(
-      I,
+    C.length > 0 ? C.map((t) => /* @__PURE__ */ e.createElement(te, { key: t.id, className: Fe, ...a("item") }, t.label, /* @__PURE__ */ e.createElement(
+      A,
       {
-        kind: A.ICON,
+        kind: F.ICON,
         icon: S.PLUS_SIGN,
         onClick: () => {
-          k(t.label, i, m);
+          k(t.label, r, m);
         },
-        className: F,
+        className: O,
         ...a("move-item-button")
       }
-    ))) : /* @__PURE__ */ e.createElement(X, null, V ? /* @__PURE__ */ e.createElement(e.Fragment, null, V) : /* @__PURE__ */ e.createElement(
-      J,
+    ))) : /* @__PURE__ */ e.createElement(K, null, $ ? /* @__PURE__ */ e.createElement(e.Fragment, null, $) : /* @__PURE__ */ e.createElement(
+      j,
       {
-        heading: h("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
-        subHeading: h("addToList.noDataZeroStateOffColumnSubheading", {
-          columnName: f,
-          defaultValue: `Remove options from the ${f}`
+        heading: b("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
+        subHeading: b("addToList.noDataZeroStateOffColumnSubheading", {
+          columnName: g,
+          defaultValue: `Remove options from the ${g}`
         }),
-        artwork: Ce,
+        artwork: Ne,
         micro: !0,
         ...a("off-list-zero-state")
       }
     ))
   )));
 }
-ve.set(Fe, {
+ye.set(Pe, {
   name: "Add To List",
   props: {
     onList: { type: "ItemProps[]", required: !0 },
@@ -280,5 +293,5 @@ ve.set(Fe, {
   }
 });
 export {
-  Fe as AddToList
+  Pe as AddToList
 };

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

@@ -1,6 +1,6 @@
 /* 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__family_add-to-list__version_8_53_28__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), t = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), d = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx96", l = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), e = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), i = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), r = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9k", n = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9l", p = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9m", h = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), m = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9q", v = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), f = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), c = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9x", g = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9y", b = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx9z", x = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx910", w = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx911", k = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx912", u = "pkg_sps-woodland_core__family_add-to-list__version_8_53_28__hash_13b8tx913";
+var o = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), t = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), d = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx96", l = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), e = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), i = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), r = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9k", n = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9l", p = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9m", h = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), m = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9q", v = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), f = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), c = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9x", g = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9y", b = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx9z", x = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx910", w = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx911", k = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx912", u = "pkg_sps-woodland_core__family_add-to-list__version_8_53_30__hash_13b8tx913";
 export {
   g as columnHeads,
   r as dragHandle,