@mailstep/design-system 0.6.3-beta.5 → 0.6.3-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.3-beta.5",
+  "version": "0.6.3-beta.6",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/hooks/useManageColumn.js

@@ -70,11 +70,11 @@ var useManageColumn = function (_a) {
     }, [columns, updatedColumnsOrder]);
     var displayColumnsDefinitions = useMemo(function () {
         return columns.sort(function (col1, col2) {
-            var i = (columnsOrder || []).indexOf(col1.name);
-            var j = (columnsOrder || []).indexOf(col2.name);
+            var i = (updatedColumnsOrder || []).indexOf(col1.name);
+            var j = (updatedColumnsOrder || []).indexOf(col2.name);
             return i > j ? 1 : i < j ? -1 : 0;
         });
-    }, [columns, columnsOrder]);
+    }, [columns, updatedColumnsOrder]);
     return {
         columnsConfigValues: columnsConfigValues,
         setColumnsConfigOptions: setColumnsConfigOptions,

package/ui/index.es.js

@@ -37799,9 +37799,9 @@ const Es = /* @__PURE__ */ ho(_4e), xSe = ({
     const j = [...g], G = j.findIndex((V) => e[B].name === V), J = j.findIndex((V) => _ && e[_].name === V), L = j[G];
     j.splice(G, 1), j.splice(J === -1 ? 0 : J, 0, L), v(j);
   }, [e, g]), O = at(() => e.sort((T, k) => {
-    const M = (u || []).indexOf(T.name), _ = (u || []).indexOf(k.name);
+    const M = (g || []).indexOf(T.name), _ = (g || []).indexOf(k.name);
     return M > _ ? 1 : M < _ ? -1 : 0;
-  }), [e, u]);
+  }), [e, g]);
   return {
     columnsConfigValues: m,
     setColumnsConfigOptions: p,

package/ui/index.umd.js

@@ -3058,7 +3058,7 @@ function print() { __p += __j.call(arguments, '') }
   svg {
     color: blue2;
   }
-`,FB=({canEdit:e,onClick:t,linkTo:r})=>{const n=I.useCallback(()=>{E1.isFunction(t)&&t()},[t]),i=I.useMemo(()=>{const o=[];return e?o.push(b.jsx(Z8,{icon:"pen",onClick:n,linkTo:r},"edit")):o.push(b.jsx(Z8,{icon:"chevronRight",onClick:n,linkTo:r},"read")),o},[e,n,r]);return b.jsx(t5e,{onClick:n,children:i})},r5e=({rowData:e,column:t,onRowAction:r})=>{var h;const n=!!((h=t==null?void 0:t.passProps)!=null&&h.inverse),i=ns(t.name,e),o=n?!i:!!i,l=`toggle_${t.name}`,[u,c]=I.useState(o);I.useEffect(()=>{c(o)},[e.id]);const f=I.useCallback(()=>{if(!r)return;const g=r(e.id,l,!u);g?g.then(()=>c(!u)):c(!u)},[r,e.id,l,u]);return b.jsx(BB,{checked:u,onChange:f})},n5e=e=>function({rowData:r,onRowAction:n}){const i=E1.isFunction(e==null?void 0:e.canRowEdit)?e==null?void 0:e.canRowEdit(r):e==null?void 0:e.canRowEdit,o=E1.isFunction(e==null?void 0:e.canRowRead)?e==null?void 0:e.canRowRead(r):e==null?void 0:e.canRowRead,l=I.useCallback(()=>{const c=i?"row_edit":"row_read";n&&n(r==null?void 0:r.id,c,r)},[i,n,r]),u=I.useMemo(()=>{var f;const c=i?"edit":"read";return(f=e==null?void 0:e.createLink)==null?void 0:f.call(e,{mode:c,id:r==null?void 0:r.id})},[i,r==null?void 0:r.id]);return!i&&!o?null:b.jsx(FB,{canEdit:!!i,onClick:l,linkTo:u})},i5e=e=>{const{onRowAction:t,actionColumnDefinition:r,columnsDefinitions:n,onRowEditClick:i,onRowReadClick:o}=e,l=I.useMemo(()=>{var h;return r!=null&&r.forceCheckboxes||(h=r==null?void 0:r.actionOptions)!=null&&h.length?{flexBasis:40,forceCheckboxes:!0,addRowNumbers:!0,checkAllPosition:"top"}:r!=null&&r.addRowNumbers?{flexBasis:40,addRowNumbers:!0}:void 0},[r]),u=I.useCallback((h,g,v)=>{if(g==="row_edit"||g==="row_read")g==="row_edit"&&i&&i(h,v),g==="row_read"&&o&&o(h,v);else if(t)return t(h,g,v)},[t,i,o]),c=I.useMemo(()=>n5e(r),[r]);return{columnsDefinitions:I.useMemo(()=>(r==null?void 0:r.canRowEdit)!==void 0||(r==null?void 0:r.canRowRead)!==void 0?[...n,{name:"sticky",flexBasis:88,filtering:!1,sorting:!1,sticky:!0,stickTo:"right",alwaysOn:!0,cellComponent:c}]:n,[c,r==null?void 0:r.canRowEdit,r==null?void 0:r.canRowRead,n]),actionColumnDefinition:l,onRowAction:u}},a5e=({columns:e,gridSelectors:t,gridActions:r,onClose:n})=>{const{resetGrid:i,setColumnConfig:o,setColumnsOrder:l}=r,{columnConfig:u,columnsOrder:c}=t,[f,h]=I.useState({...u}),[g,v]=I.useState(c||e.map(P=>P.name));console.log("columnConfig",u),console.log("columnsOrder",c),console.log("columnsConfigOptions",f),console.log("updatedColumnsOrder",g);const m=I.useMemo(()=>e==null?void 0:e.filter(P=>{var D;const T=(D=u==null?void 0:u[P.name])==null?void 0:D.isHidden;return P!=null&&P.alwaysOn||typeof T=="boolean"?!T:!(P!=null&&P.defaultHidden)}).map(P=>P.name),[u,e]);I.useMemo(()=>c!=null&&c.length?c:e.map(T=>T.name),[e,c]);const w=I.useCallback(()=>{o!=null&&o(f)&&(l!=null&&l(g))&&(n==null||n())},[f,g,n,o]),E=I.useCallback(()=>{v([]),i!=null&&i()&&(n==null||n()),h(u||{})},[n,i]),S=I.useCallback(()=>{v(c??[]),n==null||n()},[]),C=I.useCallback(P=>{const{destination:T,source:D}=P,R=T==null?void 0:T.index,F=D==null?void 0:D.index;if(R===F||!T)return;const W=[...g],z=W.findIndex(j=>e[F].name===j),J=W.findIndex(j=>R&&e[R].name===j),B=W[z];W.splice(z,1),W.splice(J===-1?0:J,0,B),v(W)},[e,g]),O=I.useMemo(()=>e.sort((P,T)=>{const D=(c||[]).indexOf(P.name),R=(c||[]).indexOf(T.name);return D>R?1:D<R?-1:0}),[e,c]);return{columnsConfigValues:m,setColumnsConfigOptions:h,onConfirmForm:w,resetColumnConfig:E,handleDragEnd:C,onCloseForm:S,displayColumnsDefinitions:O}},o5e=se.div`
+`,FB=({canEdit:e,onClick:t,linkTo:r})=>{const n=I.useCallback(()=>{E1.isFunction(t)&&t()},[t]),i=I.useMemo(()=>{const o=[];return e?o.push(b.jsx(Z8,{icon:"pen",onClick:n,linkTo:r},"edit")):o.push(b.jsx(Z8,{icon:"chevronRight",onClick:n,linkTo:r},"read")),o},[e,n,r]);return b.jsx(t5e,{onClick:n,children:i})},r5e=({rowData:e,column:t,onRowAction:r})=>{var h;const n=!!((h=t==null?void 0:t.passProps)!=null&&h.inverse),i=ns(t.name,e),o=n?!i:!!i,l=`toggle_${t.name}`,[u,c]=I.useState(o);I.useEffect(()=>{c(o)},[e.id]);const f=I.useCallback(()=>{if(!r)return;const g=r(e.id,l,!u);g?g.then(()=>c(!u)):c(!u)},[r,e.id,l,u]);return b.jsx(BB,{checked:u,onChange:f})},n5e=e=>function({rowData:r,onRowAction:n}){const i=E1.isFunction(e==null?void 0:e.canRowEdit)?e==null?void 0:e.canRowEdit(r):e==null?void 0:e.canRowEdit,o=E1.isFunction(e==null?void 0:e.canRowRead)?e==null?void 0:e.canRowRead(r):e==null?void 0:e.canRowRead,l=I.useCallback(()=>{const c=i?"row_edit":"row_read";n&&n(r==null?void 0:r.id,c,r)},[i,n,r]),u=I.useMemo(()=>{var f;const c=i?"edit":"read";return(f=e==null?void 0:e.createLink)==null?void 0:f.call(e,{mode:c,id:r==null?void 0:r.id})},[i,r==null?void 0:r.id]);return!i&&!o?null:b.jsx(FB,{canEdit:!!i,onClick:l,linkTo:u})},i5e=e=>{const{onRowAction:t,actionColumnDefinition:r,columnsDefinitions:n,onRowEditClick:i,onRowReadClick:o}=e,l=I.useMemo(()=>{var h;return r!=null&&r.forceCheckboxes||(h=r==null?void 0:r.actionOptions)!=null&&h.length?{flexBasis:40,forceCheckboxes:!0,addRowNumbers:!0,checkAllPosition:"top"}:r!=null&&r.addRowNumbers?{flexBasis:40,addRowNumbers:!0}:void 0},[r]),u=I.useCallback((h,g,v)=>{if(g==="row_edit"||g==="row_read")g==="row_edit"&&i&&i(h,v),g==="row_read"&&o&&o(h,v);else if(t)return t(h,g,v)},[t,i,o]),c=I.useMemo(()=>n5e(r),[r]);return{columnsDefinitions:I.useMemo(()=>(r==null?void 0:r.canRowEdit)!==void 0||(r==null?void 0:r.canRowRead)!==void 0?[...n,{name:"sticky",flexBasis:88,filtering:!1,sorting:!1,sticky:!0,stickTo:"right",alwaysOn:!0,cellComponent:c}]:n,[c,r==null?void 0:r.canRowEdit,r==null?void 0:r.canRowRead,n]),actionColumnDefinition:l,onRowAction:u}},a5e=({columns:e,gridSelectors:t,gridActions:r,onClose:n})=>{const{resetGrid:i,setColumnConfig:o,setColumnsOrder:l}=r,{columnConfig:u,columnsOrder:c}=t,[f,h]=I.useState({...u}),[g,v]=I.useState(c||e.map(P=>P.name));console.log("columnConfig",u),console.log("columnsOrder",c),console.log("columnsConfigOptions",f),console.log("updatedColumnsOrder",g);const m=I.useMemo(()=>e==null?void 0:e.filter(P=>{var D;const T=(D=u==null?void 0:u[P.name])==null?void 0:D.isHidden;return P!=null&&P.alwaysOn||typeof T=="boolean"?!T:!(P!=null&&P.defaultHidden)}).map(P=>P.name),[u,e]);I.useMemo(()=>c!=null&&c.length?c:e.map(T=>T.name),[e,c]);const w=I.useCallback(()=>{o!=null&&o(f)&&(l!=null&&l(g))&&(n==null||n())},[f,g,n,o]),E=I.useCallback(()=>{v([]),i!=null&&i()&&(n==null||n()),h(u||{})},[n,i]),S=I.useCallback(()=>{v(c??[]),n==null||n()},[]),C=I.useCallback(P=>{const{destination:T,source:D}=P,R=T==null?void 0:T.index,F=D==null?void 0:D.index;if(R===F||!T)return;const W=[...g],z=W.findIndex(j=>e[F].name===j),J=W.findIndex(j=>R&&e[R].name===j),B=W[z];W.splice(z,1),W.splice(J===-1?0:J,0,B),v(W)},[e,g]),O=I.useMemo(()=>e.sort((P,T)=>{const D=(g||[]).indexOf(P.name),R=(g||[]).indexOf(T.name);return D>R?1:D<R?-1:0}),[e,g]);return{columnsConfigValues:m,setColumnsConfigOptions:h,onConfirmForm:w,resetColumnConfig:E,handleDragEnd:C,onCloseForm:S,displayColumnsDefinitions:O}},o5e=se.div`
   ${Wo};
   display: flex;
   min-height: 32px;