@dartech/arsenal-ui 1.3.44 → 1.3.46

package/index.js

@@ -1238,7 +1238,8 @@ const JsonView = ({
     },
     extensions: [langs.json()],
     style: {
-      fontSize: _fontSize
+      fontSize: _fontSize,
+      width: '100%'
     }
   });
 };
@@ -3190,7 +3191,7 @@ const EntityPropertiesShortView = ({
   const stepperData = useMemo(() => {
     if (_properties) {
       return _properties.map(property => {
-        const propertyType = typeof property.propertyType === 'string' ? property.propertyType : property['propertyType']['value'];
+        const propertyType = typeof property.propertyType === 'string' ? property.propertyType : property['propertyType'] ? property['propertyType']['value'] : '';
         return {
           label: jsxs(Box, Object.assign({
             display: "flex",
@@ -3199,7 +3200,7 @@ const EntityPropertiesShortView = ({
             children: [jsxs("b", {
               children: [property.name, property.isRequired ? '*' : '']
             }), jsxs("span", {
-              children: [property.key, " | ", property.isMultiple ? 'multiple' : 'single', " | ", propertyType]
+              children: [property.key, " | ", property.isMultiple ? 'multiple' : 'single', " |", ' ', propertyType]
             })]
           })),
           content: property.propertyType === 'ENTITY' && jsx(EntityPropertiesShortView, {
@@ -3309,7 +3310,9 @@ const EntityAdditionalFields = ({
           children: [jsxs(Grid$1, Object.assign({
             xs: 3,
             style: {
-              backgroundColor: '#f9f9f9'
+              backgroundColor: '#f9f9f9',
+              height: '100%',
+              overflowY: 'auto'
             }
           }, {
             children: [jsx(Stepper, Object.assign({
@@ -6566,7 +6569,8 @@ const ContentLayout = ({
     component: "main",
     sx: {
       flexGrow: 1,
-      bgcolor: 'background.default'
+      bgcolor: 'background.default',
+      width: `calc(100% - ${drawerWidth}px)`
     }
   }, {
     children: [jsx(Toolbar, Object.assign({

package/package.json

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

package/src/lib/Sidebar/Sidebar.styled.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+export declare const drawerWidth = 248;
 export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Drawer: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const Header: import("@emotion/styled").StyledComponent<{