@mailstep/design-system 0.7.4 → 0.7.5

package/package.json

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

package/ui/Blocks/CommonGrid/components/TablePagination/TablePagination.js

@@ -26,7 +26,7 @@ var TablePagination = function (_a) {
     var rowsPerPageOptions = useMemo(function () {
         return rowsPerPageOptionValues.map(function (value) { return ({ value: value, label: value }); });
     }, []);
-    return (_jsxs(Wrapper, { children: [_jsx(StyledSelect, { minWidth: "80px", children: _jsx(Select, { name: "rowsPerPage", menuPlacement: "auto", style: "gridFilter", placeholder: "".concat(gridSelectors.rowsPerPage), options: rowsPerPageOptions, value: gridSelectors.rowsPerPage, filterOption: filterRowsOption, isDarkPlaceholderText: true, onChange: onSetRowsPerPage }) }), _jsx(Paragraph4, { variant: "normal", mr: "20px", children: _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }) })] }));
+    return (_jsxs(Wrapper, { children: [_jsx(StyledSelect, { minWidth: "80px", children: _jsx(Select, { name: "rowsPerPage", menuPlacement: "top", style: "gridFilter", placeholder: "".concat(gridSelectors.rowsPerPage), options: rowsPerPageOptions, value: gridSelectors.rowsPerPage, filterOption: filterRowsOption, isDarkPlaceholderText: true, onChange: onSetRowsPerPage }) }), _jsx(Paragraph4, { variant: "normal", mr: "20px", children: _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }) })] }));
 };
 export default TablePagination;
 var templateObject_1, templateObject_2;

package/ui/index.es.js

@@ -38172,7 +38172,7 @@ const d9e = ({
     label: s
   })), []);
   return /* @__PURE__ */ p.jsxs(g9e, { children: [
-    /* @__PURE__ */ p.jsx(v9e, { minWidth: "80px", children: /* @__PURE__ */ p.jsx(Sm, { name: "rowsPerPage", menuPlacement: "auto", style: "gridFilter", placeholder: `${t.rowsPerPage}`, options: o, value: t.rowsPerPage, filterOption: y9e, isDarkPlaceholderText: !0, onChange: a }) }),
+    /* @__PURE__ */ p.jsx(v9e, { minWidth: "80px", children: /* @__PURE__ */ p.jsx(Sm, { name: "rowsPerPage", menuPlacement: "top", style: "gridFilter", placeholder: `${t.rowsPerPage}`, options: o, value: t.rowsPerPage, filterOption: y9e, isDarkPlaceholderText: !0, onChange: a }) }),
     /* @__PURE__ */ p.jsx(FO, { variant: "normal", mr: "20px", children: /* @__PURE__ */ p.jsx(wt, { id: "dataGrid.resultsPerPage", message: "Results per page" }) })
   ] });
 };

package/ui/index.umd.js

@@ -2681,7 +2681,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   @media (min-width: 1024px) {
     margin-right: 8px;
   }
-`,K4e=[10,20,50,100],q4e="_label_",$4e=e=>e.value!==q4e,eve=({gridActions:e,gridSelectors:t,customPaginationHandler:r})=>{const{setRowsPerPage:n}=e,{page:i}=t,a=x.useCallback(s=>{s&&"value"in s&&(n==null||n(Number(s.value)),r==null||r(i??1,Number(s.value)))},[n,i,r]),o=x.useMemo(()=>K4e.map(s=>({value:s,label:s})),[]);return p.jsxs(X4e,{children:[p.jsx(Q4e,{minWidth:"80px",children:p.jsx(u2,{name:"rowsPerPage",menuPlacement:"auto",style:"gridFilter",placeholder:`${t.rowsPerPage}`,options:o,value:t.rowsPerPage,filterOption:$4e,isDarkPlaceholderText:!0,onChange:a})}),p.jsx(Kh,{variant:"normal",mr:"20px",children:p.jsx(vt,{id:"dataGrid.resultsPerPage",message:"Results per page"})})]})};var R2={exports:{}};/**
+`,K4e=[10,20,50,100],q4e="_label_",$4e=e=>e.value!==q4e,eve=({gridActions:e,gridSelectors:t,customPaginationHandler:r})=>{const{setRowsPerPage:n}=e,{page:i}=t,a=x.useCallback(s=>{s&&"value"in s&&(n==null||n(Number(s.value)),r==null||r(i??1,Number(s.value)))},[n,i,r]),o=x.useMemo(()=>K4e.map(s=>({value:s,label:s})),[]);return p.jsxs(X4e,{children:[p.jsx(Q4e,{minWidth:"80px",children:p.jsx(u2,{name:"rowsPerPage",menuPlacement:"top",style:"gridFilter",placeholder:`${t.rowsPerPage}`,options:o,value:t.rowsPerPage,filterOption:$4e,isDarkPlaceholderText:!0,onChange:a})}),p.jsx(Kh,{variant:"normal",mr:"20px",children:p.jsx(vt,{id:"dataGrid.resultsPerPage",message:"Results per page"})})]})};var R2={exports:{}};/**
  * @license
  * Lodash <https://lodash.com/>
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>