@mailstep/design-system 0.6.30 → 0.6.31
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/package.json
CHANGED
|
@@ -40,7 +40,7 @@ var FloatingButton = function (_a) {
|
|
|
40
40
|
name: item.name,
|
|
41
41
|
}); });
|
|
42
42
|
}, [handleSelectItem, options]);
|
|
43
|
-
return (_jsx(FloatingWrapper, { children: _jsxs(StyledButton, { ref: ref, onClick: handleOnClick, children: [_jsxs(StyledCross, { isOpen: showDropdownMenu, children: [_jsx("span", { className: "line" }), _jsx("span", { className: "line" })] }), showDropdownMenu && (_jsx(Popover, { parentRef: ref, onClose: onClose, placement: "
|
|
43
|
+
return (_jsx(FloatingWrapper, { children: _jsxs(StyledButton, { ref: ref, onClick: handleOnClick, children: [_jsxs(StyledCross, { isOpen: showDropdownMenu, children: [_jsx("span", { className: "line" }), _jsx("span", { className: "line" })] }), showDropdownMenu && (_jsx(Popover, { parentRef: ref, onClose: onClose, placement: "top-end", children: _jsx(StyledDropdownMenu, { showMenu: true, items: items }) }))] }) }));
|
|
44
44
|
};
|
|
45
45
|
export default FloatingButton;
|
|
46
46
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
package/ui/index.es.js
CHANGED
|
@@ -46455,7 +46455,7 @@ const iCe = ie.div`
|
|
|
46455
46455
|
/* @__PURE__ */ b.jsx("span", { className: "line" }),
|
|
46456
46456
|
/* @__PURE__ */ b.jsx("span", { className: "line" })
|
|
46457
46457
|
] }),
|
|
46458
|
-
n && /* @__PURE__ */ b.jsx(Oj, { parentRef: o, onClose: l, placement: "
|
|
46458
|
+
n && /* @__PURE__ */ b.jsx(Oj, { parentRef: o, onClose: l, placement: "top-end", children: /* @__PURE__ */ b.jsx(oCe, { showMenu: !0, items: f }) })
|
|
46459
46459
|
] }) });
|
|
46460
46460
|
}, cCe = {
|
|
46461
46461
|
outline: "none"
|
package/ui/index.umd.js
CHANGED
|
@@ -3370,7 +3370,7 @@ Avoid returning a new reference inside your input selector, e.g.
|
|
|
3370
3370
|
> :nth-child(2) {
|
|
3371
3371
|
transform: ${({isOpen:e})=>e?"rotate(45deg) translate(-1px, -1px)":"rotate(90deg) translate(-2px, 0)"};
|
|
3372
3372
|
}
|
|
3373
|
-
`,axe=({options:e,onSelect:t,onClick:r})=>{const[n,i]=I.useState(!1),o=I.useRef(null),l=I.useCallback(()=>i(!1),[]),u=I.useCallback(()=>{e&&(e==null?void 0:e.length)>0&&i(h=>!h),r==null||r()},[r,e]),c=I.useCallback(h=>{i(!1),t==null||t(h.value)},[t]),f=I.useMemo(()=>e==null?void 0:e.map(h=>({title:h.label,onClick:()=>c(h),link:"#",name:h.name})),[c,e]);return b.jsx(txe,{children:b.jsxs(nxe,{ref:o,onClick:u,children:[b.jsxs(ixe,{isOpen:n,children:[b.jsx("span",{className:"line"}),b.jsx("span",{className:"line"})]}),n&&b.jsx(C9,{parentRef:o,onClose:l,placement:"
|
|
3373
|
+
`,axe=({options:e,onSelect:t,onClick:r})=>{const[n,i]=I.useState(!1),o=I.useRef(null),l=I.useCallback(()=>i(!1),[]),u=I.useCallback(()=>{e&&(e==null?void 0:e.length)>0&&i(h=>!h),r==null||r()},[r,e]),c=I.useCallback(h=>{i(!1),t==null||t(h.value)},[t]),f=I.useMemo(()=>e==null?void 0:e.map(h=>({title:h.label,onClick:()=>c(h),link:"#",name:h.name})),[c,e]);return b.jsx(txe,{children:b.jsxs(nxe,{ref:o,onClick:u,children:[b.jsxs(ixe,{isOpen:n,children:[b.jsx("span",{className:"line"}),b.jsx("span",{className:"line"})]}),n&&b.jsx(C9,{parentRef:o,onClose:l,placement:"top-end",children:b.jsx(rxe,{showMenu:!0,items:f})})]})})},oxe={outline:"none"},nv=(...e)=>null,sxe=Xn.uxState,lxe={},uxe=({filters:e,handleDragEnd:t,gridSelectors:r,gridActions:n,isLoading:i,rowsData:o,hasColouredRows:l,columnsDefinitions:u,actionColumnDefinition:c,allowRowSelect:f,allowRowSelectOnAction:h,onRowAction:p,onRowEditClick:v,onRowReadClick:m,onRowClick:w,columnLayout:C="normal",displayColumnsDefinitions:S,className:x,gridRef:k,minColumnWidth:T,errorMessage:P,floatingButtonProps:D})=>{const{uxState:B=sxe,columnConfig:F,columnsWidth:W=lxe,columnsWidthVariant:G,page:U=1,filter:R,sorting:j,rowsPerPage:V=10}=r,{clearUxState:$,handleUxChange:Y,addFilter:ne=nv,addSorting:he=nv,setColumnWidth:be=nv,setColumnsOrder:fe=nv}=n,Z=Zwe(o,B,Y);Ywe(o,B,$);let X,le="info";i&&(X=b.jsx(vn,{id:"dataGrid.status.loadingData",message:"... loading data ..."})),!i&&(!o||o.length<1)&&(X=b.jsx(vn,{id:"dataGrid.status.noDataFound",message:"No data found."})),!i&&P&&(X=P,le="error");const{displayColumnsWidth:se,totalColumnsWidth:ve,gridBoxRef:oe,handleResizeDrag:K}=eAe(S,W,G,be,C,T),ie=I.useMemo(()=>P6e(S),[S]),de=I.useCallback(ge=>{oe.current=ge,k&&(k.current=ge)},[]);return b.jsxs(b.Fragment,{children:[b.jsx(ot.div,{className:x||"",children:b.jsxs(E5e,{columnLayout:C,isLoading:i,totalColumnsWidth:ve,floatingChildren:X&&b.jsx(S1,{className:"dataRow",align:"center",children:b.jsx(y5e,{align:"center",className:`gridMessage ${le}`,width:window.innerWidth,children:X})}),ref:de,children:[b.jsxs("div",{className:"gridHead",children:[u.find(ge=>ge.group)&&b.jsx(I5e,{actionColumn:c,columns:S,displayColumnsWidth:se,groups:ie}),b.jsx(zwe,{columns:S,actionColumn:c,onAddSort:he,columnLayout:C,sortingValues:j,displayColumnsWidth:se,handleResizeDrag:K,groups:ie,handleDragEnd:t}),u.find(ge=>ge.filtering)&&b.jsx(Y5e,{filters:e,columns:S,actionColumn:c,onChange:ne,filterValues:R,displayColumnsWidth:se,groups:ie,rowsData:o,uxState:B,handleUxChange:Y})]}),b.jsx("div",{className:"body flx_1",style:oxe,tabIndex:-1,onKeyDown:Z,children:!i&&o&&S&&o.map((ge,Te)=>{const Ce=V*U+(Te+1)-V;return b.jsx($5e,{rowData:ge,rowIndex:Ce,uxState:B,isEven:l&&(Te+1)%2===0,allowRowSelect:f,allowRowSelectOnAction:h,onRowAction:p,onUxChange:Y,onRowEditClick:v,onRowReadClick:m,onRowClick:w,columns:S,actionColumn:c,displayColumnsWidth:se,groups:ie},ge.id)})})]})}),D&&b.jsx(axe,{...D})]})},cxe=ae(ot.div)`
|
|
3374
3374
|
padding-bottom: 11px;
|
|
3375
3375
|
padding-top: 10px;
|
|
3376
3376
|
position: ${({isFixed:e})=>e?"fixed":"relative"};
|