@dartech/arsenal-ui 1.4.44 → 1.4.45

package/index.js

@@ -1711,8 +1711,7 @@ const tableThemeOptions = {
     MuiTableHead: {
       styleOverrides: {
         root: {
-          backgroundColor: '#F7F8FC',
-          height: 40
+          backgroundColor: '#F7F8FC'
         }
       }
     },
@@ -1721,22 +1720,19 @@ const tableThemeOptions = {
         root: {
           '&:hover': {
             backgroundColor: '#F7F8FC!important'
-          },
-          height: 40
+          }
         }
       }
     },
     MuiTableCell: {
       styleOverrides: {
         root: {
-          minHeight: 40,
           padding: baseTheme.spacing(1, 2),
           '&:first-of-type': {
             paddingLeft: baseTheme.spacing(4)
           }
         },
         head: {
-          maxHeight: '40px',
           padding: baseTheme.spacing(2.75, 2),
           color: '#6D6E85'
         },
@@ -1989,7 +1985,7 @@ const formatTableRowValue = ({
       });
     case 'array':
       return jsx(Box, {
-        children: value.map((val, index) => jsx(Box, {
+        children: value === null || value === void 0 ? void 0 : value.map((val, index) => jsx(Box, {
           children: val
         }, index))
       });
@@ -3453,12 +3449,12 @@ const StyledDataGrid = styled(DataGrid)(({
     border: '1px solid rgba(38, 40, 66, 0.08)'
   },
   '& .MuiDataGrid-columnHeaders': {
+    minHeight: '48px !important',
     backgroundColor: '#F7F8FC',
     borderTopLeftRadius: theme.spacing(3),
     borderTopRightRadius: theme.spacing(3)
   },
   '& .MuiDataGrid-columnHeader, .MuiDataGrid-cell': {
-    maxHeight: '40px!important',
     padding: theme.spacing(2.75, 2),
     color: '#6D6E85',
     '&.Sorted': {
@@ -3468,16 +3464,18 @@ const StyledDataGrid = styled(DataGrid)(({
       paddingLeft: theme.spacing(4)
     },
     borderRight: 0,
-    borderLeft: 0
+    borderLeft: 0,
+    minHeight: '48px !important'
   },
   '& .MuiDataGrid-columnsContainer, .MuiDataGrid-cell': {
-    maxHeight: '40px!important',
     padding: theme.spacing(1, 2),
     '&:first-of-type': {
       paddingLeft: theme.spacing(4)
     }
   },
   '& .MuiDataGrid-row': {
+    maxHeight: 'none !important',
+    minHeight: '48px !important',
     '&:hover': {
       backgroundColor: '#F7F8FC!important'
     }
@@ -3487,9 +3485,12 @@ const StyledDataGrid = styled(DataGrid)(({
     '&:focus': {
       border: 0
     },
+    maxHeight: 'none !important',
+    minHeight: '48px !important',
+    lineHeight: 'unset !important',
+    // whiteSpace: 'normal !important',
     textOverflow: 'ellipsis',
     wordBreak: 'break-all',
-    overflow: 'hidden',
     '& .MuiDataGrid-actionsCell': {
       width: '100%',
       gridGap: '4px',
@@ -3502,9 +3503,16 @@ const StyledDataGrid = styled(DataGrid)(({
   '& .MuiPaginationItem-root': {
     borderRadius: 0
   },
+  '& .MuiDataGrid-virtualScrollerContent': {
+    height: 'auto !important',
+    minHeight: '48px !important'
+  },
   '& .MuiDataGrid-virtualScrollerRenderZone': {
     position: 'static'
   },
+  '& .MuiDataGrid-renderingZone': {
+    maxHeight: 'none !important'
+  },
   '& .MuiDataGrid-cell:focus-within, & .MuiDataGrid-cell:focus': {
     outline: 'none !important'
   },
@@ -3622,8 +3630,6 @@ const Table = ({
   }, {
     children: jsx(StyledDataGrid, Object.assign({
       autoHeight: true,
-      headerHeight: 40,
-      rowHeight: 40,
       hideFooterPagination: !_pagination,
       hideFooter: !_pagination,
       disableSelectionOnClick: true,
@@ -3884,7 +3890,10 @@ function TableInner({
                   maxWidth: '90%',
                   overflow: 'hidden',
                   whiteSpace: 'nowrap',
-                  textOverflow: 'ellipsis'
+                  textOverflow: 'ellipsis',
+                  padding: ({
+                    spacing
+                  }) => spacing(2.5, 0)
                 }
               }, {
                 children: jsx(Box, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.44",
+  "version": "1.4.45",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/lib/Property/UpsertProperty/PropertyValueField/BooleanValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Control } from 'react-hook-form';
 type Props = {
     control: Control<any>;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateTimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     format: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/JsonValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/TimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/ViewProperty/PropertyItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PropertyUnion } from '../../../interfaces';
 type PropertyItemProps = {
     property: PropertyUnion;

package/src/theme/tableThemeOptions.d.ts

@@ -13,7 +13,6 @@ declare const tableThemeOptions: {
             styleOverrides: {
                 root: {
                     backgroundColor: string;
-                    height: number;
                 };
             };
         };
@@ -23,21 +22,18 @@ declare const tableThemeOptions: {
                     '&:hover': {
                         backgroundColor: string;
                     };
-                    height: number;
                 };
             };
         };
         MuiTableCell: {
             styleOverrides: {
                 root: {
-                    minHeight: number;
                     padding: string;
                     '&:first-of-type': {
                         paddingLeft: string;
                     };
                 };
                 head: {
-                    maxHeight: string;
                     padding: string;
                     color: string;
                 };