@crystaldesign/forms 26.7.0-beta.8 → 26.7.0-rc.0

package/build/esm/index.js

@@ -8,7 +8,7 @@ import { materialRenderers, materialCells } from '@jsonforms/material-renderers'
 import { withVanillaControlProps, JsonFormsStyleContext, vanillaStyles, vanillaRenderers, vanillaCells } from '@jsonforms/vanilla-renderers';
 import { rankWith, and, uiTypeIs, or } from '@jsonforms/core';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import Grid from '@mui/material/Grid2';
+import Grid from '@mui/material/Grid';
 import Divider from '@mui/material/Divider';
 import { useTranslation, getLogger } from '@crystaldesign/diva-core';
 import Ajv from 'ajv';
@@ -110,7 +110,7 @@ var MaterialLayoutRenderer = /*#__PURE__*/React.memo(function (_ref) {
   } else {
     return /*#__PURE__*/jsx("div", {
       style: visible ? undefined : {
-        display: 'node'
+        display: 'none'
       },
       children: /*#__PURE__*/jsx(Grid, {
         container: true,
@@ -119,7 +119,7 @@ var MaterialLayoutRenderer = /*#__PURE__*/React.memo(function (_ref) {
         children: elements.map(function (child, index) {
           var _child$options;
           return /*#__PURE__*/jsx(Grid, {
-            size: ((_child$options = child.options) === null || _child$options === void 0 ? void 0 : _child$options.xs) || true,
+            size: ((_child$options = child.options) === null || _child$options === void 0 ? void 0 : _child$options.xs) || 'grow',
             children: /*#__PURE__*/jsx(JsonFormsDispatch, {
               uischema: child,
               schema: schema,
@@ -159,19 +159,10 @@ var ExtendedMaterialHorizontalLayoutRenderer = function ExtendedMaterialHorizont
 };
 var ExtendedMaterialHorizontalLayout = withJsonFormsLayoutProps(ExtendedMaterialHorizontalLayoutRenderer);
 
-/**
- * Tests if there is a custom style specifed
- */
-var hasAdditionalOptions = function hasAdditionalOptions(uischema) {
-  return !!Object.keys(uischema.options || {}).find(function (k) {
-    return k == 'xs';
-  });
-};
-var hasChildAdditionalOptions = function hasChildAdditionalOptions(uischema) {
-  var _elements;
-  return (_elements = uischema.elements) === null || _elements === void 0 ? void 0 : _elements.some(hasAdditionalOptions);
-};
-var extendedMaterialHorizontalLayoutTester = rankWith(3, and(uiTypeIs('HorizontalLayout'), hasChildAdditionalOptions));
+// jsonforms' own MaterialHorizontalLayout still uses the legacy MUI Grid API (`<Grid item xs>`),
+// which MUI v7's new Grid ignores, so its items no longer grow/distribute. Render every
+// HorizontalLayout through this `size`-based renderer instead (rank 3 beats the default's rank 2).
+var extendedMaterialHorizontalLayoutTester = rankWith(3, uiTypeIs('HorizontalLayout'));
 
 var DividerRenderer = function DividerRenderer() {
   return /*#__PURE__*/jsx(Divider, {

package/build/types/forms/src/custom/material/layout/ExtendedMaterialHorizontalLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtendedMaterialHorizontalLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/custom/material/layout/ExtendedMaterialHorizontalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiC,WAAW,EAAsB,YAAY,EAAuC,MAAM,iBAAiB,CAAC;;AAmDpJ,wBAAkF;AAQlF,eAAO,MAAM,sCAAsC,EAAE,YAAwF,CAAC"}
+{"version":3,"file":"ExtendedMaterialHorizontalLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/custom/material/layout/ExtendedMaterialHorizontalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,WAAW,EAAsB,YAAY,EAAuC,MAAM,iBAAiB,CAAC;;AAmDvI,wBAAkF;AAKlF,eAAO,MAAM,sCAAsC,EAAE,YAAwD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/forms",
-  "version": "26.7.0-beta.8",
+  "version": "26.7.0-rc.0",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -16,14 +16,14 @@
     "ajv": "8.17.1"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^6.1.5",
-    "@mui/material": "^6.1.5",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/icons-material": "7.3.11",
+    "@mui/material": "7.3.11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "module": "build/esm/index.js",
   "types": "./build/types/forms/src/index.d.ts",
-  "gitHead": "524eabaabec875268f9a0253f99f4c223dfebc65"
+  "gitHead": "b65b125877e413f7263eea35690b28d0134da537"
 }