@mailstep/design-system 0.7.19 → 0.7.20-beta.1

package/package.json

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

package/ui/Blocks/CommonGrid/CommonGridContainer.js

@@ -48,7 +48,7 @@ var CommonGridContainer = function (props) {
         autoHeight: autoHeight,
         gridActions: gridActions,
         queryRowsParam: queryRowsParam,
-        selectedRowsPerPage: gridSelectors.rowsPerPage,
+        selectedRowsPerPage: gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.rowsPerPage,
         autoRowsPerPage: autoRowsPerPage
     });
     var modifiedPassDownProps = useEditReadAsColumn(passDownProps);

package/ui/Blocks/Tabs/Tabs.js

@@ -9,7 +9,7 @@ var Tab = function (_a) {
     var handleOnClick = useCallback(function () {
         onTabSwitch(value);
     }, [onTabSwitch, value]);
-    return (_jsx(StyledTabWrapper, { children: _jsxs(StyledTab, { onClick: !disabled ? handleOnClick : undefined, active: isActive, disabled: disabled, children: [icon && (_jsx(StyledImageBox, { children: _jsx(Icon, { icon: icon }) })), _jsx(Text, { children: label }), isActive && badgeCount && badgeCount > 0 && (_jsx(RoundedWrap, { children: _jsx(Text, { variant: "medium", children: badgeCount }) }))] }) }));
+    return (_jsx(StyledTabWrapper, { children: _jsxs(StyledTab, { onClick: !disabled ? handleOnClick : undefined, active: isActive, disabled: disabled, children: [icon && (_jsx(StyledImageBox, { children: _jsx(Icon, { icon: icon }) })), _jsx(Text, { children: label }), badgeCount === 0 || (badgeCount && badgeCount > 0) && (_jsx(RoundedWrap, { children: _jsx(Text, { variant: "medium", children: badgeCount }) }))] }) }));
 };
 export var Tabs = function (_a) {
     var tabsDefinition = _a.tabsDefinition, activeTab = _a.activeTab, onTabSwitch = _a.onTabSwitch, mb = _a.mb;

package/ui/index.es.js

@@ -43360,7 +43360,7 @@ const QTe = (e = {}, t) => Cxe(e, (r) => {
     autoHeight: A,
     gridActions: b,
     queryRowsParam: u,
-    selectedRowsPerPage: w.rowsPerPage,
+    selectedRowsPerPage: w == null ? void 0 : w.rowsPerPage,
     autoRowsPerPage: T
   });
   const M = twe(m), R = Ue(() => vme(t), [t]), B = M.columnsDefinitions, {
@@ -48742,7 +48742,7 @@ const AOe = /* @__PURE__ */ Hr(fOe), pOe = Qe`
   return /* @__PURE__ */ p.jsx(wOe, { children: /* @__PURE__ */ p.jsxs(SOe, { onClick: s ? void 0 : c, active: r, disabled: s, children: [
     i && /* @__PURE__ */ p.jsx(COe, { children: /* @__PURE__ */ p.jsx(ct, { icon: i }) }),
     /* @__PURE__ */ p.jsx(Bh, { children: a }),
-    r && o && o > 0 && /* @__PURE__ */ p.jsx(xOe, { children: /* @__PURE__ */ p.jsx(Bh, { variant: "medium", children: o }) })
+    o === 0 || o && o > 0 && /* @__PURE__ */ p.jsx(xOe, { children: /* @__PURE__ */ p.jsx(Bh, { variant: "medium", children: o }) })
   ] }) });
 }, sMe = ({
   tabsDefinition: e,

package/ui/index.umd.js

@@ -3189,7 +3189,7 @@ Avoid returning a new reference inside your input selector, e.g.
   .sticky-right {
     right: 0;
   }
-`,O7e=e=>{var r;const t=(r=e==null?void 0:e.current)==null?void 0:r.clientHeight;return t?Math.floor((t-K5e-H2)/Gk):0},P7e=e=>{var Z;const{optimizeFilters:t=!1,extraControlButtons:r,onBatchAction:n,processCheckedValues:i,processCheckedValuesTitle:a,hideControlButtons:o,quickFilter:s,floatingButtonProps:c,queryRowsParam:u,customPaginationHandler:f,autoHeight:A=!0,gridName:h,withPresets:g=!0,...m}=e,{gridActions:b,gridSelectors:w,rowsData:y,actionColumnDefinition:S}=m,[k,I]=x.useState(!1),P=x.useRef(null),M=O7e(P);z6e({autoHeight:A,gridActions:b,queryRowsParam:u,selectedRowsPerPage:w.rowsPerPage,autoRowsPerPage:M});const D=H6e(m),j=x.useMemo(()=>_Ae(t),[t]),V=D.columnsDefinitions,{onOpen:W,isOpen:T,onClose:B}=As(),{columnsConfigValues:N,setColumnsConfigOptions:_,onConfirmForm:X,resetColumnConfig:J,handleDragEnd:se,onCloseForm:fe,displayColumnsDefinitions:le,manageColumnsFormDefinitions:H}=G6e({columns:V,gridActions:b,gridSelectors:w,onClose:B}),{isPresetsModalOpen:Y,onClosePresetsModal:ne,onOpenPresetsModal:re,setSelectedPresetName:ce,selectedPresetName:te}=U6e();return p.jsxs(p.Fragment,{children:[p.jsxs(S7e,{ref:P,children:[p.jsxs(E7e,{children:[p.jsx(XF,{children:p.jsx(I7e,{className:"buttonsStrip",children:p.jsx(Bhe,{hideControlButtons:o,extraControlButtons:r,gridActions:b,gridSelectors:w,quickFilter:s,displayColumnsDefinitions:le,filters:j,setDisplayManageColumnButton:I,displayManageColumnButton:k,openManageColumnForm:W,onOpenPresetsModal:re,selectedPresetName:te,withPresets:g,gridName:h})})}),p.jsx(k7e,{...m,...D,filters:j,floatingButtonProps:c,handleDragEnd:se(!1),displayColumnsDefinitions:le,hasColouredRows:!0})]}),p.jsxs(x7e,{children:[(i||!!((Z=S==null?void 0:S.actionOptions)!=null&&Z.length))&&p.jsx(rie,{rowsData:y,onBatchAction:n,gridActions:b,gridSelectors:w,actionColumn:S,processCheckedValues:i,processCheckedValuesTitle:a}),p.jsxs(Be.div,{display:"flex",justifyContent:"center",alignItems:"center",className:"paginatorWrapper",w:"100%",children:[p.jsx(j7,{page:w==null?void 0:w.page,itemCount:m==null?void 0:m.totalRowsCount,itemPerPage:(w==null?void 0:w.rowsPerPage)||10,onPageChange:b==null?void 0:b.setPage,customPaginationHandler:f,radius:window.innerWidth<768?3:5,rate:window.innerWidth<768?1:4}),p.jsx(e6e,{gridActions:b,gridSelectors:w,customPaginationHandler:f,autoRowsPerPage:M})]})]})]}),p.jsx(Q5e,{manageColumnFormVisible:T,onCloseForm:fe,resetColumnConfig:J,onConfirmForm:X,manageColumnsFormDefinitions:H,columnsConfigValues:N,setColumnsConfigOptions:_,handleDragEnd:se(!0),gridName:h,gridActions:b,gridSelectors:w,onClosePresetsModal:ne,isPresetsModalOpen:Y,selectedPresetName:te,setSelectedPresetName:ce})]})};var p4={};/**
+`,O7e=e=>{var r;const t=(r=e==null?void 0:e.current)==null?void 0:r.clientHeight;return t?Math.floor((t-K5e-H2)/Gk):0},P7e=e=>{var Z;const{optimizeFilters:t=!1,extraControlButtons:r,onBatchAction:n,processCheckedValues:i,processCheckedValuesTitle:a,hideControlButtons:o,quickFilter:s,floatingButtonProps:c,queryRowsParam:u,customPaginationHandler:f,autoHeight:A=!0,gridName:h,withPresets:g=!0,...m}=e,{gridActions:b,gridSelectors:w,rowsData:y,actionColumnDefinition:S}=m,[k,I]=x.useState(!1),P=x.useRef(null),M=O7e(P);z6e({autoHeight:A,gridActions:b,queryRowsParam:u,selectedRowsPerPage:w==null?void 0:w.rowsPerPage,autoRowsPerPage:M});const D=H6e(m),j=x.useMemo(()=>_Ae(t),[t]),V=D.columnsDefinitions,{onOpen:W,isOpen:T,onClose:B}=As(),{columnsConfigValues:N,setColumnsConfigOptions:_,onConfirmForm:X,resetColumnConfig:J,handleDragEnd:se,onCloseForm:fe,displayColumnsDefinitions:le,manageColumnsFormDefinitions:H}=G6e({columns:V,gridActions:b,gridSelectors:w,onClose:B}),{isPresetsModalOpen:Y,onClosePresetsModal:ne,onOpenPresetsModal:re,setSelectedPresetName:ce,selectedPresetName:te}=U6e();return p.jsxs(p.Fragment,{children:[p.jsxs(S7e,{ref:P,children:[p.jsxs(E7e,{children:[p.jsx(XF,{children:p.jsx(I7e,{className:"buttonsStrip",children:p.jsx(Bhe,{hideControlButtons:o,extraControlButtons:r,gridActions:b,gridSelectors:w,quickFilter:s,displayColumnsDefinitions:le,filters:j,setDisplayManageColumnButton:I,displayManageColumnButton:k,openManageColumnForm:W,onOpenPresetsModal:re,selectedPresetName:te,withPresets:g,gridName:h})})}),p.jsx(k7e,{...m,...D,filters:j,floatingButtonProps:c,handleDragEnd:se(!1),displayColumnsDefinitions:le,hasColouredRows:!0})]}),p.jsxs(x7e,{children:[(i||!!((Z=S==null?void 0:S.actionOptions)!=null&&Z.length))&&p.jsx(rie,{rowsData:y,onBatchAction:n,gridActions:b,gridSelectors:w,actionColumn:S,processCheckedValues:i,processCheckedValuesTitle:a}),p.jsxs(Be.div,{display:"flex",justifyContent:"center",alignItems:"center",className:"paginatorWrapper",w:"100%",children:[p.jsx(j7,{page:w==null?void 0:w.page,itemCount:m==null?void 0:m.totalRowsCount,itemPerPage:(w==null?void 0:w.rowsPerPage)||10,onPageChange:b==null?void 0:b.setPage,customPaginationHandler:f,radius:window.innerWidth<768?3:5,rate:window.innerWidth<768?1:4}),p.jsx(e6e,{gridActions:b,gridSelectors:w,customPaginationHandler:f,autoRowsPerPage:M})]})]})]}),p.jsx(Q5e,{manageColumnFormVisible:T,onCloseForm:fe,resetColumnConfig:J,onConfirmForm:X,manageColumnsFormDefinitions:H,columnsConfigValues:N,setColumnsConfigOptions:_,handleDragEnd:se(!0),gridName:h,gridActions:b,gridSelectors:w,onClosePresetsModal:ne,isPresetsModalOpen:Y,selectedPresetName:te,setSelectedPresetName:ce})]})};var p4={};/**
  * @license React
  * use-sync-external-store-with-selector.production.min.js
  *
@@ -4060,7 +4060,7 @@ ${Z.current.stack}
     background-color: ${R.color("bgLightGray1")};
     height: 2px;
   }
-`,fwe=({tabDefinition:e,value:t,isActive:r,onTabSwitch:n})=>{const{icon:i,label:a,badgeCount:o,disabled:s}=e,c=x.useCallback(()=>{n(t)},[n,t]);return p.jsx(lwe,{children:p.jsxs(uwe,{onClick:s?void 0:c,active:r,disabled:s,children:[i&&p.jsx(swe,{children:p.jsx(rt,{icon:i})}),p.jsx(Rp,{children:a}),r&&o&&o>0&&p.jsx(cwe,{children:p.jsx(Rp,{variant:"medium",children:o})})]})})},Awe=({tabsDefinition:e,activeTab:t,onTabSwitch:r,mb:n})=>p.jsx(dwe,{$mb:n,children:e.map((i,a)=>p.jsx(fwe,{value:a,tabDefinition:i,isActive:a===t,onTabSwitch:r},a))}),pwe=({activeTab:e,value:t,children:r})=>e===t?r:null,hwe=e=>{const t=e.map(o=>o.default).indexOf(!0),r=t===-1?0:t,[n,i]=x.useState(r),a=x.useCallback(o=>{i(o)},[]);return{activeTab:n,onTabSwitch:a}},gwe=Bt(Be.div)`
+`,fwe=({tabDefinition:e,value:t,isActive:r,onTabSwitch:n})=>{const{icon:i,label:a,badgeCount:o,disabled:s}=e,c=x.useCallback(()=>{n(t)},[n,t]);return p.jsx(lwe,{children:p.jsxs(uwe,{onClick:s?void 0:c,active:r,disabled:s,children:[i&&p.jsx(swe,{children:p.jsx(rt,{icon:i})}),p.jsx(Rp,{children:a}),o===0||o&&o>0&&p.jsx(cwe,{children:p.jsx(Rp,{variant:"medium",children:o})})]})})},Awe=({tabsDefinition:e,activeTab:t,onTabSwitch:r,mb:n})=>p.jsx(dwe,{$mb:n,children:e.map((i,a)=>p.jsx(fwe,{value:a,tabDefinition:i,isActive:a===t,onTabSwitch:r},a))}),pwe=({activeTab:e,value:t,children:r})=>e===t?r:null,hwe=e=>{const t=e.map(o=>o.default).indexOf(!0),r=t===-1?0:t,[n,i]=x.useState(r),a=x.useCallback(o=>{i(o)},[]);return{activeTab:n,onTabSwitch:a}},gwe=Bt(Be.div)`
   width: calc(100vw - 20px);
   display: flex;
   min-height: 48px;