@sps-woodland/core 8.53.29 → 8.53.31

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_29__hash_nz1a1l0", o = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l1", n = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l2", r = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l3", s = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l4", e = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l5", i = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l6", l = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l7";
+var a = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l0", o = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l1", n = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l2", r = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l3", s = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l4", e = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l5", i = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l6", l = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__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_29__hash_nz1a1l0", y = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l1", b = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l2", k = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l3", B = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l4", E = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l5", A = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l6", N = "pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l7";
+var S = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l0", y = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l1", b = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l2", k = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l3", B = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l4", E = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l5", A = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l6", N = "pkg_sps-woodland_core__family_action-bar__version_8_53_31__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_29__hash_nz1a1l0",v="pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l1",h="pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l2",g="pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l3",y="pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l4",b="pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l5",S="pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l6",w="pkg_sps-woodland_core__family_action-bar__version_8_53_29__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_31__hash_nz1a1l0",v="pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l1",h="pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l2",g="pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l3",y="pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l4",b="pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l5",S="pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l6",w="pkg_sps-woodland_core__family_action-bar__version_8_53_31__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_29__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_29__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_29__hash_nz1a1l2{height:2rem;display:flex;align-items:center;width:100%}.pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l3{flex:1}.pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l4{margin-right:.25rem}.pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l5{display:flex;flex:2;align-items:center;justify-content:center}.pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l6{flex:1;text-align:right}.pkg_sps-woodland_core__family_action-bar__version_8_53_29__hash_nz1a1l7{margin-bottom:.5rem}
+.pkg_sps-woodland_core__family_action-bar__version_8_53_31__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_31__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_31__hash_nz1a1l2{height:2rem;display:flex;align-items:center;width:100%}.pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l3{flex:1}.pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l4{margin-right:.25rem}.pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l5{display:flex;flex:2;align-items:center;justify-content:center}.pkg_sps-woodland_core__family_action-bar__version_8_53_31__hash_nz1a1l6{flex:1;text-align:right}.pkg_sps-woodland_core__family_action-bar__version_8_53_31__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,eAiWD"}
+{"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,59 +1,59 @@
 import * as e from "react";
 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, DragPreview as Le } from "react-aria";
-import { useSpsForm as Ee, SpsButton as I, SpsTextInput as Ce } from "@spscommerce/ds-react";
-import { SpsIcon as y, ButtonKind as A } from "@spscommerce/ds-shared";
-import { DOCUMENT_SEARCH_NO_RESULTS_LARGE as ve, DOCUMENT_SEARCH_NO_RESULTS_SMALL as xe } from "@sps-woodland/illustrations";
-import { Metadata as Ne, useChildTestIdAttrBuilder as ye, cl as S } from "@sps-woodland/core";
-import { ZeroState as X } from "@sps-woodland/core/zero-state";
-import { Card as j } from "@sps-woodland/core/card";
-import { grid as K } from "@sps-woodland/tokens";
-import { ItemsList as Q } from "./ItemsList.js";
-import { phantomDroppableContainer as Se, droppableContainer as Te, draggableBox as Me, dragHandle as Y, rowButton as F, dragPreview as ke, filterContainer as De, flexListWrapper as we, leftList as Ie, rightList as Ae, offItems as Fe } from "./AddToList.ve.js";
-import { ListItem as ee } from "./ListItem.js";
-import { useWoodlandLanguage as Re } from "@spscommerce/i18n";
-function Oe({
-  onList: R,
-  offList: O,
+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: te,
-  showCount: P,
-  showIcons: q,
-  showMoveAllLinks: _,
+  showFilter: oe,
+  showCount: H,
+  showIcons: _,
+  showMoveAllLinks: B,
   manualSort: n,
-  maxDisplayedItems: oe,
-  maxHeightPx: B,
-  maxHeightRem: re,
+  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 = ye({ "data-testid": $ }), { t: b } = Re(), { formValue: ie, formMeta: le } = Ee({
+  const a = Se({ "data-testid": W }), { t: b } = Oe(), { formValue: ie, formMeta: ne } = Ce({
     filterString: ""
-  }), [s, ne] = e.useState(""), T = B ? B / 16 : re, U = T ? `${T}rem` : "", L = e.useCallback(
-    (t, o) => (!n && Z || o === "right" ? [...t].sort((i, l) => i.label.localeCompare(l.label)) : t).map((i) => {
-      const l = { ...i };
-      return l.id || (l.id = ge()), l;
+  }), [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]
-  ), r = e.useMemo(() => L(R, "left"), [R, L]), m = e.useMemo(() => L(O, "right"), [O, L]), E = e.useCallback((t) => s ? t.label.toLowerCase().includes(s.toLowerCase()) : !0, [s]), M = (t, o, d) => {
-    const i = d.find((l) => l.label === t);
-    i ? o === r ? u({
-      onList: [...r, i],
-      offList: m.filter((l) => l.label !== i.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((l) => l.label !== i.label),
-      offList: [...m, i]
+      onList: r.filter((i) => i.label !== l.label),
+      offList: [...m, l]
     }) : console.error("could not remove item");
   };
-  function ae(t) {
-    ne(t.target.value);
+  function se(t) {
+    ae(t.target.value);
   }
-  function W(t) {
+  function G(t) {
     u(t === "left" ? {
       onList: r.filter((o) => o.required),
       offList: [...m, ...r.filter((o) => !o.required)]
@@ -62,23 +62,23 @@ function Oe({
       offList: []
     });
   }
-  const z = e.useCallback(
+  const J = e.useCallback(
     (t) => {
       const {
         className: o,
         index: d,
-        isPhantomDroppableContainer: i,
-        children: l,
+        isPhantomDroppableContainer: l,
+        children: i,
         ...v
-      } = t, x = e.useRef(null), { dropProps: k, isDropTarget: f } = he({
-        ref: x,
-        async onDrop(D) {
-          let ue = await Promise.all(
-            D.items.filter((N) => N.kind === "text" && N.types.has("text/plain")).map((N) => N.getText("text/plain"))
+      } = 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: J } = JSON.parse(ue[0]), w = [...r], [pe] = w.splice(J, 1), fe = d > J ? d - 1 : d;
-          w.splice(fe, 0, pe), 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
           });
         }
@@ -86,59 +86,66 @@ function Oe({
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ref: x,
-          ...n ? k : [],
+          ref: f,
+          ...n ? D : [],
           role: "button",
           tabIndex: 0,
-          className: S(o, i ? Se({ isDropTarget: f }) : Te({ isDropTarget: f })),
+          className: T(o, l ? Te({ isDropTarget: x }) : Me({ isDropTarget: x })),
           ...a("droppable-container"),
           ...v
         },
-        l
+        i
       );
     },
     [r, n]
-  ), se = e.useCallback(
+  ), me = e.useCallback(
     (t) => {
       const {
         label: o,
         data: d,
-        listIndex: i,
-        required: l
-      } = t, v = e.useRef(null), x = { ...d, index: i }, { dragProps: k, dragButtonProps: f, isDragging: D } = be({
+        listIndex: l,
+        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(x)
+              "text/plain": JSON.stringify(D)
             }
           ];
         }
-      });
+      }), { buttonProps: N } = Le(w, f);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ...n ? k : {},
+          ...n ? x : {},
           role: n ? "button" : "listitem",
           tabIndex: 0,
-          id: `${o}${i}-drag`,
-          className: S(Me({ isDragging: D })),
+          id: `${o}${l}-drag`,
+          className: T(ke({ isDragging: I })),
           ...a("draggable-item")
         },
-        /* @__PURE__ */ e.createElement(z, { index: i }, n && /* @__PURE__ */ e.createElement("i", { ...f, className: Y }), o, !l && /* @__PURE__ */ e.createElement(
-          I,
+        /* @__PURE__ */ e.createElement(J, { index: l }, n && /* @__PURE__ */ e.createElement(
+          "i",
+          {
+            ...N,
+            ref: f,
+            className: ee
+          }
+        ), o, !i && /* @__PURE__ */ e.createElement(
+          A,
           {
-            kind: A.ICON,
-            icon: y.X,
+            kind: F.ICON,
+            icon: S.X,
             onClick: () => {
-              M(o, m, r);
+              k(o, m, r);
             },
-            className: F,
+            className: O,
             ...a("move-item-button")
           }
         )),
-        /* @__PURE__ */ e.createElement(Le, { ref: v }, () => /* @__PURE__ */ e.createElement("div", { className: ke }, /* @__PURE__ */ e.createElement("i", { ...f, className: Y }), o))
+        /* @__PURE__ */ e.createElement(Ee, { ref: v }, () => /* @__PURE__ */ e.createElement("div", { className: De }, /* @__PURE__ */ e.createElement("i", { className: ee }), o))
       );
     },
     [r, n]
@@ -146,48 +153,48 @@ function Oe({
     () => r.filter(E),
     [r, E]
   ), C = e.useMemo(
-    () => m.filter(E).slice(0, oe),
+    () => m.filter(E).slice(0, re),
     [m, E]
-  ), me = !s && !!_ && c.length > 0, de = !s && !!_ && C.length > 0, ce = !s && m.length > C.length, G = !!n && !s && c.length > 0 && !T;
-  return /* @__PURE__ */ e.createElement("div", { "data-testid": $ }, te && /* @__PURE__ */ e.createElement("div", { className: K.root }, /* @__PURE__ */ e.createElement("div", { className: S(K[12], De) }, /* @__PURE__ */ e.createElement(
-    Ce,
+  ), 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: le.fields.filterString,
-      icon: y.FILTER,
-      onChange: ae,
+      formMeta: ne.fields.filterString,
+      icon: S.FILTER,
+      onChange: se,
       ...a("filter-input")
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: S(we({ vertical: p })) }, /* @__PURE__ */ e.createElement(
-    Q,
+  ))), /* @__PURE__ */ e.createElement("div", { className: T(Ie({ vertical: p })) }, /* @__PURE__ */ e.createElement(
+    Y,
     {
       headerText: g,
-      showCount: !s && P,
-      showIcons: q,
-      showMoveAllLinks: me,
+      showCount: !s && H,
+      showIcons: _,
+      showMoveAllLinks: de,
       disableMoveAllLinks: r.every((t) => t.required),
-      maxHeight: U,
+      maxHeight: z,
       vertical: p,
       side: "left",
-      className: Ie({
+      className: Re({
         vertical: p
       }),
       otherHeader: h,
       itemCount: r.length,
-      moveAll: W,
-      adjustForPhantomDroppableContainer: G,
+      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(
-      se,
+      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(
-      ee,
+    ), 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,
@@ -197,75 +204,75 @@ function Oe({
       },
       t.label,
       !t.required && /* @__PURE__ */ e.createElement(
-        I,
+        A,
         {
-          kind: A.ICON,
-          icon: y.X,
+          kind: F.ICON,
+          icon: S.X,
           onClick: () => {
-            M(t.label, m, r);
+            k(t.label, m, r);
           },
-          className: F,
+          className: O,
           ...a("move-item-button")
         }
       )
-    ))) : /* @__PURE__ */ e.createElement(j, null, H ? /* @__PURE__ */ e.createElement(e.Fragment, null, H) : /* @__PURE__ */ e.createElement(
-      X,
+    ))) : /* @__PURE__ */ e.createElement(K, null, Z ? /* @__PURE__ */ e.createElement(e.Fragment, null, Z) : /* @__PURE__ */ e.createElement(
+      j,
       {
         heading: b("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
         subHeading: b("addToList.noDataZeroStateOnColumnSubheading", {
           columnName: h,
           defaultValue: `Move options from the ${h}`
         }),
-        artwork: ve,
+        artwork: xe,
         micro: !0,
         ...a("on-list-zero-state")
       }
     ))
   ), /* @__PURE__ */ e.createElement(
-    Q,
+    Y,
     {
       headerText: h,
-      showCount: !s && P,
-      showIcons: q,
-      showMoveAllLinks: de,
-      showMoreOptionsText: ce,
-      maxHeight: U,
+      showCount: !s && H,
+      showIcons: _,
+      showMoveAllLinks: ce,
+      showMoreOptionsText: ue,
+      maxHeight: z,
       vertical: p,
       side: "right",
       className: Ae({ vertical: p }),
       otherHeader: g,
       itemCount: m.length,
-      moveAll: W,
-      adjustForPhantomDroppableContainer: G,
+      moveAll: G,
+      adjustForPhantomDroppableContainer: X,
       ...a("off-items-list")
     },
-    C.length > 0 ? C.map((t) => /* @__PURE__ */ e.createElement(ee, { key: t.id, className: Fe, ...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,
-        icon: y.PLUS_SIGN,
+        kind: F.ICON,
+        icon: S.PLUS_SIGN,
         onClick: () => {
-          M(t.label, r, m);
+          k(t.label, r, m);
         },
-        className: F,
+        className: O,
         ...a("move-item-button")
       }
-    ))) : /* @__PURE__ */ e.createElement(j, null, V ? /* @__PURE__ */ e.createElement(e.Fragment, null, V) : /* @__PURE__ */ e.createElement(
-      X,
+    ))) : /* @__PURE__ */ e.createElement(K, null, $ ? /* @__PURE__ */ e.createElement(e.Fragment, null, $) : /* @__PURE__ */ e.createElement(
+      j,
       {
         heading: b("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
         subHeading: b("addToList.noDataZeroStateOffColumnSubheading", {
           columnName: g,
           defaultValue: `Remove options from the ${g}`
         }),
-        artwork: xe,
+        artwork: Ne,
         micro: !0,
         ...a("off-list-zero-state")
       }
     ))
   )));
 }
-Ne.set(Oe, {
+ye.set(Pe, {
   name: "Add To List",
   props: {
     onList: { type: "ItemProps[]", required: !0 },
@@ -286,5 +293,5 @@ Ne.set(Oe, {
   }
 });
 export {
-  Oe 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_29__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), t = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), d = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx96", l = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), e = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), i = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), r = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9k", n = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9l", p = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9m", h = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), m = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9q", v = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), f = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), c = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9x", g = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9y", b = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx9z", x = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx910", w = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx911", k = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx912", u = "pkg_sps-woodland_core__family_add-to-list__version_8_53_29__hash_13b8tx913";
+var o = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), t = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), d = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx96", l = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), e = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), i = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), r = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9k", n = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9l", p = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9m", h = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), m = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9q", v = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), f = _({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), c = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9x", g = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9y", b = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx9z", x = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx910", w = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx911", k = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx912", u = "pkg_sps-woodland_core__family_add-to-list__version_8_53_31__hash_13b8tx913";
 export {
   g as columnHeads,
   r as dragHandle,