@sps-woodland/column-manager 8.45.4 → 8.45.5

package/lib/column-manager/ColumnManager.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { ComponentProps } from "@sps-woodland/core";
 import type { ItemProps } from "@sps-woodland/add-to-list";
 export type ColumnmanagerProps = ComponentProps<{
@@ -20,4 +19,4 @@ export type ColumnmanagerProps = ComponentProps<{
     onClose?: () => void;
     onOpen?: () => void;
 }>;
-export declare function ColumnManager({ isOpen: isOpenProp, title, visibleColumnsHeader, hiddenColumnsHeader, visibleColumns, hiddenColumns, maxDisplayedItems, manualSort, showIcons, showCount, showFilter, showMoveAllLinks, cancelButtonText, saveButtonText, onSave, onOpen, onClose, "data-testid": dataTestId, }: ColumnmanagerProps): React.JSX.Element | null;
+export declare function ColumnManager({ isOpen: isOpenProp, title, visibleColumnsHeader, hiddenColumnsHeader, visibleColumns, hiddenColumns, maxDisplayedItems, manualSort, showIcons, showCount, showFilter, showMoveAllLinks, cancelButtonText, saveButtonText, onSave, onOpen, onClose, "data-testid": dataTestId, }: ColumnmanagerProps): JSX.Element | null;

package/lib/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(n,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/add-to-list"),require("@sps-woodland/tokens"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@spscommerce/i18n"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/add-to-list","@sps-woodland/tokens","@spscommerce/ds-react","@spscommerce/ds-shared","@spscommerce/i18n","@spscommerce/utils"],d):(n=typeof globalThis<"u"?globalThis:n||self,d(n.ColumnManager={},n.React,n.core,n.addToList,n.tokens,n.dsReact,n.dsShared,n.i18n,n.utils))})(this,function(n,d,H,R,L,h,C,q,b){"use strict";function j(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const u=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,u.get?u:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const e=j(d);function g({isOpen:t,title:r,visibleColumnsHeader:o,hiddenColumnsHeader:u,visibleColumns:m,hiddenColumns:c,maxDisplayedItems:s,manualSort:a=!0,showIcons:v=!0,showCount:E=!0,showFilter:M=!0,showMoveAllLinks:S=!0,cancelButtonText:k,saveButtonText:l,onSave:i,onOpen:w,onClose:F,"data-testid":B}){const[O,A]=e.useState(!!t),{t:p}=q.useWoodlandLanguage(),T=H.useChildTestIdAttrBuilder({"data-testid":B}),[f,P]=e.useState({visibleColumns:m,hiddenColumns:c}),y=()=>{A(!1),F?.()};return e.useEffect(()=>{O&&(P({visibleColumns:m,hiddenColumns:c}),w?.())},[O]),e.useEffect(()=>{A(!!t)},[t]),O?e.createElement(h.SpsModal,{title:r||p("columnManager.title",{defaultValue:"Manage Table Columns"}),kind:C.ModalKind.GENERAL,size:C.ModalSize.LARGE,"data-testid":B,onClose:y},e.createElement(R.AddToList,{onHeader:o||p("columnManager.onListHeader",{defaultValue:"Visible Columns"}),offHeader:u||p("columnManager.offListHeader",{defaultValue:"Hidden Columns"}),onList:f.visibleColumns,offList:f.hiddenColumns,onChange:I=>{P({visibleColumns:I.onList,hiddenColumns:I.offList})},manualSort:a,maxDisplayedItems:s,showIcons:v,showCount:E,showFilter:M,showMoveAllLinks:S,...T("add-to-list")}),e.createElement(h.SpsModalFooter,null,e.createElement(h.SpsButton,{kind:C.ButtonKind.DEFAULT,onClick:()=>{P({visibleColumns:m,hiddenColumns:c}),y()},className:L.sprinkles({mr:"sm"}),...T("cancel-button")},k||p("columnManager.cancelButton",{defaultValue:"Cancel"})),e.createElement(h.SpsButton,{kind:C.ButtonKind.KEY,onClick:()=>{i?.(f.visibleColumns,f.hiddenColumns),y()},...T("save-button")},l||p("columnManager.saveButton",{defaultValue:"Save"})))):null}H.Metadata.set(g,{name:"Column Manager",props:{isOpen:{type:"boolean",required:!0},title:{type:"string"},visibleColumnsHeader:{type:"string"},hiddenColumnsHeader:{type:"string"},visibleColumns:{type:"ItemProps[]",required:!0},hiddenColumns:{type:"ItemProps[]",required:!0},manualSort:{type:"boolean"},maxDisplayedItems:{type:"number"},showIcons:{type:"boolean"},showCount:{type:"boolean"},showFilter:{type:"boolean"},showMoveAllLinks:{type:"boolean"},cancelButtonText:{type:"string"},saveButtonText:{type:"string"},onSave:{type:"(visibleColumns: ItemProps[], hiddenColumns: ItemProps[]) => void"},onClose:{type:"() => void"},onOpen:{type:"() => void"}}});const V=({isOpen:t,visibleColumns:r,hiddenColumns:o,onClose:u,onOpen:m,onSave:c})=>{const[s,a]=e.useState({isOpen:!!t,visibleColumns:r,hiddenColumns:o});e.useEffect(()=>{a(l=>({...l,isOpen:!!t}))},[t]);const v=()=>{a(l=>({...l,isOpen:!0})),m?.()},E=()=>{a(l=>({...l,isOpen:!1})),u?.()},M=(l,i)=>{a({isOpen:!1,visibleColumns:l,hiddenColumns:i}),c?.(l,i)},S=e.useCallback((l,i)=>{a(w=>({...w,visibleColumns:l,hiddenColumns:i}))},[]),k=e.useCallback(l=>{a(i=>({...i,isOpen:l}))},[]);return{visibleColumns:s.visibleColumns,hiddenColumns:s.hiddenColumns,isOpen:s.isOpen,columnManagerProps:{visibleColumns:s.visibleColumns,hiddenColumns:s.hiddenColumns,isOpen:s.isOpen,onClose:E,onSave:M},triggerProps:{onClick:v},setColumns:S,setOpen:k}},x={"Column Manager":{components:[g],examples:{basic:{label:"Basic Usage",examples:{basic:{react:b.code`
+(function(n,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/add-to-list"),require("@sps-woodland/tokens"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@spscommerce/i18n"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/add-to-list","@sps-woodland/tokens","@spscommerce/ds-react","@spscommerce/ds-shared","@spscommerce/i18n","@spscommerce/utils"],d):(n=typeof globalThis<"u"?globalThis:n||self,d(n.ColumnManager={},n.React,n.core,n.addToList,n.tokens,n.dsReact,n.dsShared,n.i18n,n.utils))})(this,(function(n,d,H,R,L,h,C,q,b){"use strict";function j(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const u=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,u.get?u:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const e=j(d);function g({isOpen:t,title:r,visibleColumnsHeader:o,hiddenColumnsHeader:u,visibleColumns:m,hiddenColumns:c,maxDisplayedItems:s,manualSort:a=!0,showIcons:v=!0,showCount:E=!0,showFilter:M=!0,showMoveAllLinks:S=!0,cancelButtonText:k,saveButtonText:l,onSave:i,onOpen:w,onClose:F,"data-testid":B}){const[O,A]=e.useState(!!t),{t:p}=q.useWoodlandLanguage(),T=H.useChildTestIdAttrBuilder({"data-testid":B}),[f,P]=e.useState({visibleColumns:m,hiddenColumns:c}),y=()=>{A(!1),F?.()};return e.useEffect(()=>{O&&(P({visibleColumns:m,hiddenColumns:c}),w?.())},[O]),e.useEffect(()=>{A(!!t)},[t]),O?e.createElement(h.SpsModal,{title:r||p("columnManager.title",{defaultValue:"Manage Table Columns"}),kind:C.ModalKind.GENERAL,size:C.ModalSize.LARGE,"data-testid":B,onClose:y},e.createElement(R.AddToList,{onHeader:o||p("columnManager.onListHeader",{defaultValue:"Visible Columns"}),offHeader:u||p("columnManager.offListHeader",{defaultValue:"Hidden Columns"}),onList:f.visibleColumns,offList:f.hiddenColumns,onChange:I=>{P({visibleColumns:I.onList,hiddenColumns:I.offList})},manualSort:a,maxDisplayedItems:s,showIcons:v,showCount:E,showFilter:M,showMoveAllLinks:S,...T("add-to-list")}),e.createElement(h.SpsModalFooter,null,e.createElement(h.SpsButton,{kind:C.ButtonKind.DEFAULT,onClick:()=>{P({visibleColumns:m,hiddenColumns:c}),y()},className:L.sprinkles({mr:"sm"}),...T("cancel-button")},k||p("columnManager.cancelButton",{defaultValue:"Cancel"})),e.createElement(h.SpsButton,{kind:C.ButtonKind.KEY,onClick:()=>{i?.(f.visibleColumns,f.hiddenColumns),y()},...T("save-button")},l||p("columnManager.saveButton",{defaultValue:"Save"})))):null}H.Metadata.set(g,{name:"Column Manager",props:{isOpen:{type:"boolean",required:!0},title:{type:"string"},visibleColumnsHeader:{type:"string"},hiddenColumnsHeader:{type:"string"},visibleColumns:{type:"ItemProps[]",required:!0},hiddenColumns:{type:"ItemProps[]",required:!0},manualSort:{type:"boolean"},maxDisplayedItems:{type:"number"},showIcons:{type:"boolean"},showCount:{type:"boolean"},showFilter:{type:"boolean"},showMoveAllLinks:{type:"boolean"},cancelButtonText:{type:"string"},saveButtonText:{type:"string"},onSave:{type:"(visibleColumns: ItemProps[], hiddenColumns: ItemProps[]) => void"},onClose:{type:"() => void"},onOpen:{type:"() => void"}}});const V=({isOpen:t,visibleColumns:r,hiddenColumns:o,onClose:u,onOpen:m,onSave:c})=>{const[s,a]=e.useState({isOpen:!!t,visibleColumns:r,hiddenColumns:o});e.useEffect(()=>{a(l=>({...l,isOpen:!!t}))},[t]);const v=()=>{a(l=>({...l,isOpen:!0})),m?.()},E=()=>{a(l=>({...l,isOpen:!1})),u?.()},M=(l,i)=>{a({isOpen:!1,visibleColumns:l,hiddenColumns:i}),c?.(l,i)},S=e.useCallback((l,i)=>{a(w=>({...w,visibleColumns:l,hiddenColumns:i}))},[]),k=e.useCallback(l=>{a(i=>({...i,isOpen:l}))},[]);return{visibleColumns:s.visibleColumns,hiddenColumns:s.hiddenColumns,isOpen:s.isOpen,columnManagerProps:{visibleColumns:s.visibleColumns,hiddenColumns:s.hiddenColumns,isOpen:s.isOpen,onClose:E,onSave:M},triggerProps:{onClick:v},setColumns:S,setOpen:k}},x={"Column Manager":{components:[g],examples:{basic:{label:"Basic Usage",examples:{basic:{react:b.code`
             import { ColumnManager } from "@sps-woodland/column-manager";
             import { SpsButton } from "@spscommerce/ds-react";
 
@@ -176,4 +176,4 @@
                   </div>
                 )
             }
-          `}}}}}};n.ColumnManager=g,n.MANIFEST=x,n.useColumnManager=V,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+          `}}}}}};n.ColumnManager=g,n.MANIFEST=x,n.useColumnManager=V,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/column-manager",
   "description": "SPS Woodland Design System column manager component",
-  "version": "8.45.4",
+  "version": "8.45.5",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/column-manager",
@@ -22,33 +22,33 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@spscommerce/utils": "^7.0.0 || ^8.0.0",
+    "@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
     "@vanilla-extract/css-utils": "^0.1.3",
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@sps-woodland/add-to-list": "8.45.4",
-    "@sps-woodland/core": "8.45.4",
-    "@sps-woodland/tokens": "8.45.4",
-    "@spscommerce/ds-react": "8.45.4",
-    "@spscommerce/ds-shared": "8.45.4",
-    "@spscommerce/i18n": "8.45.4"
+    "@sps-woodland/add-to-list": "8.45.5",
+    "@sps-woodland/core": "8.45.5",
+    "@sps-woodland/tokens": "8.45.5",
+    "@spscommerce/ds-react": "8.45.5",
+    "@spscommerce/ds-shared": "8.45.5",
+    "@spscommerce/i18n": "8.45.5"
   },
   "devDependencies": {
-    "@spscommerce/utils": "^8.1.1",
-    "@vanilla-extract/css": "^1.17.4",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.2.5",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "@sps-woodland/add-to-list": "8.45.4",
-    "@sps-woodland/core": "8.45.4",
-    "@sps-woodland/tokens": "8.45.4",
-    "@spscommerce/ds-react": "8.45.4",
-    "@spscommerce/ds-shared": "8.45.4",
-    "@spscommerce/i18n": "8.45.4"
+    "@spscommerce/utils": "9.0.3",
+    "@vanilla-extract/css": "1.17.4",
+    "@vanilla-extract/css-utils": "0.1.3",
+    "@vanilla-extract/recipes": "0.2.5",
+    "react": "16.14.0",
+    "react-dom": "16.14.0",
+    "@sps-woodland/add-to-list": "8.45.5",
+    "@sps-woodland/core": "8.45.5",
+    "@sps-woodland/tokens": "8.45.5",
+    "@spscommerce/ds-react": "8.45.5",
+    "@spscommerce/ds-shared": "8.45.5",
+    "@spscommerce/i18n": "8.45.5"
   },
   "dependencies": {
-    "nanoid": "^5.1.5"
+    "nanoid": "5.1.5"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",