@mailstep/design-system 0.6.3-beta.3 → 0.6.3-beta.4

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(T=>T.name));console.log("columnConfig",u),console.log("columnsOrder",c),console.log("columnsConfigOptions",f),console.log("updatedColumnsOrder",g),console.log("columns",e),I.useEffect(()=>{c!=null&&c.length&&(v==null||v(c))},[c]);const m=I.useMemo(()=>e==null?void 0:e.filter(T=>{var R;const D=(R=u==null?void 0:u[T.name])==null?void 0:R.isHidden;return T!=null&&T.alwaysOn||typeof D=="boolean"?!D:!(T!=null&&T.defaultHidden)}).map(T=>T.name),[u,e]),w=I.useMemo(()=>c!=null&&c.length?c:e.map(D=>D.name),[e,c]),E=I.useCallback(()=>{o!=null&&o(f)&&(l!=null&&l(g))&&(n==null||n())},[f,g,n,o]),S=I.useCallback(()=>{v(w),i!=null&&i()&&(n==null||n()),h(u||{})},[n,i]),C=I.useCallback(()=>{v(w),n==null||n()},[]),O=I.useCallback(T=>{const{destination:D,source:R}=T,F=D==null?void 0:D.index,W=R==null?void 0:R.index;if(F===W||!D)return;const z=[...g],J=z.findIndex(V=>e[W].name===V),B=z.findIndex(V=>F&&e[F].name===V),j=z[J];z.splice(J,1),z.splice(B===-1?0:B,0,j),v(z)},[e,g]),P=I.useMemo(()=>e.sort((T,D)=>{const R=(g||[]).indexOf(T.name),F=(g||[]).indexOf(D.name);return R>F?1:R<F?-1:0}),[e,g]);return{columnsConfigValues:m,setColumnsConfigOptions:h,onConfirmForm:E,resetColumnConfig:S,handleDragEnd:O,onCloseForm:C,displayColumnsDefinitions:P}},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??[]);console.log("columnConfig",u),console.log("columnsOrder",c),console.log("columnsConfigOptions",f),console.log("updatedColumnsOrder",g),console.log("columns",e);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]),w=I.useCallback(()=>{o!=null&&o(f)&&(l!=null&&l(g))&&(n==null||n())},[f,g,n,o]),E=I.useCallback(()=>{v([]),l==null||l([]),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;