@majoo-ui/react 1.57.12 → 1.57.13

package/components/editableTable/EditableTable.d.ts

@@ -62,6 +62,10 @@ interface EditableTableProps<Data extends object> {
      * expanded row callback.
      */
     onExpand?: (expanded: boolean) => void;
+    /**
+     * Override isMobile condition
+     */
+    isMobileLayout?: boolean;
 }
 interface RemoveProps {
     position?: 'leftBottom' | 'rightBottom' | 'leftTop' | 'rightTop';

package/index.esm.js

@@ -47509,7 +47509,8 @@ function EditableTable(props) {
     getCheckboxProps,
     keyId = 'id',
     selectedIds,
-    onExpand
+    onExpand,
+    isMobileLayout
   } = props;
   const {
     t
@@ -47582,7 +47583,7 @@ function EditableTable(props) {
       });
     }
   }, [selectedRowIds, data, onSelectedChange, selectedIndex]);
-  const isDesktop = useMediaQuery('(min-width: 767px)');
+  const isMobile = useMediaQuery(isMobileLayout === undefined ? '(max-width: 767px)' : isMobileLayout ? '(max-width: 8000px)' : '(max-width: 0px)');
   const getCustomRows = (row, renderRow) => {
     var _a;
     let customStyle = {};
@@ -47634,7 +47635,7 @@ function EditableTable(props) {
       })
     }), void 0);
   };
-  return isDesktop ? jsx(TableContainer$1, Object.assign({
+  return !isMobile ? jsx(TableContainer$1, Object.assign({
     css: props === null || props === void 0 ? void 0 : props.css
   }, {
     children: jsxs(TableContent$1, Object.assign({}, getTableProps(), {

package/index.umd.js

@@ -47928,7 +47928,8 @@
       _a = props.keyId,
       keyId = _a === void 0 ? 'id' : _a,
       selectedIds = props.selectedIds,
-      onExpand = props.onExpand;
+      onExpand = props.onExpand,
+      isMobileLayout = props.isMobileLayout;
     var t = reactI18next.useTranslation('translation').t;
     var _b = React.useState(null),
       selectedIndex = _b[0],
@@ -48000,7 +48001,7 @@
         });
       }
     }, [selectedRowIds, data, onSelectedChange, selectedIndex]);
-    var isDesktop = useMediaQuery('(min-width: 767px)');
+    var isMobile = useMediaQuery(isMobileLayout === undefined ? '(max-width: 767px)' : isMobileLayout ? '(max-width: 8000px)' : '(max-width: 0px)');
     var getCustomRows = function getCustomRows(row, renderRow) {
       var _a;
       var customStyle = {};
@@ -48055,7 +48056,7 @@
         })
       }), void 0);
     };
-    return isDesktop ? jsxRuntime.jsx(TableContainer$1, __assign({
+    return !isMobile ? jsxRuntime.jsx(TableContainer$1, __assign({
       css: props === null || props === void 0 ? void 0 : props.css
     }, {
       children: jsxRuntime.jsxs(TableContent$1, __assign({}, getTableProps(), {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.57.12",
+  "version": "1.57.13",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",