@sps-woodland/column-manager 8.7.4 → 8.7.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs.js +1 -1
- package/package.json +11 -11
- /package/{vite.config.js → vite.config.mjs} +0 -0
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),P=require("@sps-woodland/core"),A=require("@sps-woodland/add-to-list"),L=require("@sps-woodland/tokens"),h=require("@spscommerce/ds-react"),C=require("@spscommerce/ds-shared"),b=require("@spscommerce/utils");function q(l){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const o in l)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(l,o);Object.defineProperty(r,o,s.get?s:{enumerable:!0,get:()=>l[o]})}}return r.default=l,Object.freeze(r)}const e=q(I);function O({isOpen:l,title:r,visibleColumnsHeader:o,hiddenColumnsHeader:s,visibleColumns:u,hiddenColumns:d,maxDisplayedItems:a,manualSort:i=!0,showIcons:g=!0,showCount:f=!0,showFilter:v=!0,showMoveAllLinks:E=!0,cancelButtonText:M,saveButtonText:n,onSave:t,onOpen:m,onClose:k,"data-testid":H}){const[S,B]=e.useState(!!l),{t:c}=e.useContext(P.I18nContext),w=P.useChildTestIdAttrBuilder({"data-testid":H}),[p,y]=e.useState({visibleColumns:u,hiddenColumns:d}),T=()=>{B(!1),k==null||k()};return e.useEffect(()=>{S&&(y({visibleColumns:u,hiddenColumns:d}),m==null||m())},[S]),e.useEffect(()=>{B(!!l)},[l]),S?e.createElement(h.SpsModal,{title:r||c("design-system:columnManager.title"),kind:C.ModalKind.GENERAL,size:C.ModalSize.LARGE,"data-testid":H,onClose:T},e.createElement(A.AddToList,{onHeader:o||c("design-system:columnManager.onListHeader"),offHeader:s||c("design-system:columnManager.offListHeader"),onList:p.visibleColumns,offList:p.hiddenColumns,onChange:R=>{y({visibleColumns:R.onList,hiddenColumns:R.offList})},manualSort:i,maxDisplayedItems:a,showIcons:g,showCount:f,showFilter:v,showMoveAllLinks:E,...w("add-to-list")}),e.createElement(h.SpsModalFooter,null,e.createElement(h.SpsButton,{kind:C.ButtonKind.DEFAULT,onClick:()=>{y({visibleColumns:u,hiddenColumns:d}),T()},className:L.sprinkles({mr:"sm"}),...w("cancel-button")},M||c("design-system:columnManager.cancelButton")),e.createElement(h.SpsButton,{kind:C.ButtonKind.KEY,onClick:()=>{t==null||t(p.visibleColumns,p.hiddenColumns),T()},...w("save-button")},n||c("design-system:columnManager.saveButton")))):null}P.Metadata.set(O,{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 j=({isOpen:l,visibleColumns:r,hiddenColumns:o,onClose:s,onOpen:u,onSave:d})=>{const[a,i]=e.useState({isOpen:!!l,visibleColumns:r,hiddenColumns:o});e.useEffect(()=>{i(n=>({...n,isOpen:!!l}))},[l]);const g=()=>{i(n=>({...n,isOpen:!0})),u==null||u()},f=()=>{i(n=>({...n,isOpen:!1})),s==null||s()},v=(n,t)=>{i({isOpen:!1,visibleColumns:n,hiddenColumns:t}),d==null||d(n,t)},E=e.useCallback((n,t)=>{i(m=>({...m,visibleColumns:n,hiddenColumns:t}))},[]),M=e.useCallback(n=>{i(t=>({...t,isOpen:n}))},[]);return{visibleColumns:a.visibleColumns,hiddenColumns:a.hiddenColumns,isOpen:a.isOpen,columnManagerProps:{visibleColumns:a.visibleColumns,hiddenColumns:a.hiddenColumns,isOpen:a.isOpen,onClose:f,onSave:v},triggerProps:{onClick:g},setColumns:E,setOpen:M}},x={components:[O],examples:{basic:{label:"Basic Usage",examples:{basic:{react:b.code`
|
|
2
2
|
import { ColumnManager } from "@sps-woodland/column-manager";
|
|
3
3
|
import { SpsButton } from "@spscommerce/ds-react";
|
|
4
4
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/column-manager",
|
|
3
3
|
"description": "SPS Woodland Design System column manager component",
|
|
4
|
-
"version": "8.7.
|
|
4
|
+
"version": "8.7.6",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/column-manager",
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
"@vanilla-extract/css-utils": "^0.1.3",
|
|
27
27
|
"react": "^16.9.0",
|
|
28
28
|
"react-dom": "^16.9.0",
|
|
29
|
-
"@sps-woodland/core": "8.7.
|
|
30
|
-
"@sps-woodland/add-to-list": "8.7.
|
|
31
|
-
"@sps-woodland/tokens": "8.7.
|
|
32
|
-
"@spscommerce/ds-react": "8.7.
|
|
33
|
-
"@spscommerce/ds-shared": "8.7.
|
|
29
|
+
"@sps-woodland/core": "8.7.6",
|
|
30
|
+
"@sps-woodland/add-to-list": "8.7.6",
|
|
31
|
+
"@sps-woodland/tokens": "8.7.6",
|
|
32
|
+
"@spscommerce/ds-react": "8.7.6",
|
|
33
|
+
"@spscommerce/ds-shared": "8.7.6"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@spscommerce/utils": "^6.12.1",
|
|
@@ -39,11 +39,11 @@
|
|
|
39
39
|
"@vanilla-extract/css-utils": "^0.1.3",
|
|
40
40
|
"react": "^16.9.0",
|
|
41
41
|
"react-dom": "^16.9.0",
|
|
42
|
-
"@sps-woodland/core": "8.7.
|
|
43
|
-
"@sps-woodland/add-to-list": "8.7.
|
|
44
|
-
"@sps-woodland/tokens": "8.7.
|
|
45
|
-
"@spscommerce/ds-react": "8.7.
|
|
46
|
-
"@spscommerce/ds-shared": "8.7.
|
|
42
|
+
"@sps-woodland/core": "8.7.6",
|
|
43
|
+
"@sps-woodland/add-to-list": "8.7.6",
|
|
44
|
+
"@sps-woodland/tokens": "8.7.6",
|
|
45
|
+
"@spscommerce/ds-react": "8.7.6",
|
|
46
|
+
"@spscommerce/ds-shared": "8.7.6"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"nanoid": "^3.3.4"
|
|
File without changes
|