@gravity-ui/dynamic-forms 5.0.0-beta.0 → 5.1.0

package/build/esm/lib/kit/components/ViewLayouts/ViewRow/ViewRow.css

@@ -68,7 +68,7 @@
   text-overflow: ellipsis;
 }
 .df-view-row__right > .df-view-transparent {
-  margin-bottom: var(--df-view-row-right-child-view-transparent-margin-bottom, 6px);
+  margin-bottom: var(--df-view-row-right-child-view-transparent-margin-bottom, var(--g-spacing-2));
 }
 .df-view-row__right > .df-view-transparent:last-child {
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));

package/build/esm/lib/kit/components/ViewLayouts/ViewTableCell/ViewTableCell.css

@@ -49,7 +49,7 @@
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));
 }
 .df-view-table-cell__inner > .df-view-transparent {
-  margin-bottom: var(--df-view-table-cell-inner-child-view-transparent-margin-bottom, 6px);
+  margin-bottom: var(--df-view-table-cell-inner-child-view-transparent-margin-bottom, var(--g-spacing-2));
 }
 .df-view-table-cell__inner > .df-view-transparent:last-child {
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));

package/build/esm/lib/kit/components/Views/ArrayBaseView/ArrayBaseView.css

@@ -18,5 +18,5 @@
 */
 /* Border-radius */
 .df-array-base-view__item-prefix {
-  margin-bottom: var(--df-array-base-view-item-prefix-margin-bottom, 6px);
+  margin-bottom: var(--df-array-base-view-item-prefix-margin-bottom, var(--g-spacing-2));
 }

package/build/esm/lib/kit/components/Views/CardOneOfView.js

@@ -3,7 +3,7 @@ import isObjectLike from 'lodash/isObjectLike';
 import { Card, ViewRow } from '../';
 import { ViewController } from '../../../core';
 export const CardOneOfView = (props) => {
-    const { value = {}, spec, name } = props;
+    const { value = {}, spec, name, Layout } = props;
     const [open, setOpen] = React.useState(true);
     const onToggle = React.useCallback(() => setOpen((f) => !f), [setOpen]);
     const specProperties = React.useMemo(() => (isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
@@ -14,8 +14,18 @@ export const CardOneOfView = (props) => {
             ((_b = specProperties[valueKey]) === null || _b === void 0 ? void 0 : _b.viewSpec.layoutTitle) ||
             valueKey);
     }, [valueKey, spec.description, specProperties]);
-    const title = React.useMemo(() => (React.createElement(ViewRow, { spec: spec, value: valueName, name: name },
-        React.createElement(React.Fragment, null, valueName))), [spec, name, valueName]);
+    const title = React.useMemo(() => {
+        const titleProps = {
+            spec: spec,
+            value: valueName,
+            name: name,
+            children: React.createElement(React.Fragment, null, valueName),
+        };
+        if (Layout) {
+            return React.createElement(Layout, Object.assign({}, titleProps));
+        }
+        return React.createElement(ViewRow, Object.assign({}, titleProps));
+    }, [spec, name, valueName, Layout]);
     if (!value || !Object.keys(value).length) {
         return null;
     }

package/build/esm/lib/kit/components/Views/CheckboxGroupView/CheckboxGroupView.css

@@ -21,14 +21,14 @@
   display: flex;
 }
 .df-checkbox-group-view > *:not(:last-child) {
-  margin-right: var(--df-checkbox-group-view-child-margin-right, 6px);
+  margin-right: var(--df-checkbox-group-view-child-margin-right, var(--g-spacing-3));
 }
 .df-checkbox-group-view_vertical {
   flex-direction: column;
   align-items: flex-start;
 }
 .df-checkbox-group-view_vertical > *:not(:last-child) {
-  margin: var(--df-checkbox-group-view-vertical-child-margin, var(--g-spacing-0) var(--g-spacing-0) 6px);
+  margin: var(--df-checkbox-group-view-vertical-child-margin, var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-2));
 }
 .df-checkbox-group-view__popover {
   padding: var(--g-spacing-2);

package/build/esm/lib/kit/components/Views/MonacoInputView/MonacoViewDialog.css

@@ -18,7 +18,7 @@
 */
 /* Border-radius */
 .df-monaco-view-dialog .g-dialog-footer {
-  padding: var(--df-monaco-view-dialog-footer-padding, 10px var(--g-spacing-8) var(--g-spacing-8));
+  padding: var(--df-monaco-view-dialog-footer-padding, var(--g-spacing-4));
 }
 .df-monaco-view-dialog__container {
   border: 1px solid var(--g-color-line-generic);

package/build/esm/lib/kit/components/Views/TableArrayView/TableArrayView.css

@@ -18,7 +18,7 @@
 */
 /* Border-radius */
 .df-table-array-view__table {
-  margin-bottom: var(--df-table-array-view-table-margin-bottom, 10px);
+  margin-bottom: var(--df-table-array-view-table-margin-bottom, var(--g-spacing-3));
 }
 .df-table-array-view__cell {
   max-width: var(--df-table-array-view-cell-min-width, 150px);

package/build/esm/lib/kit/components/Views/TextAreaView/TextAreaView.css

@@ -24,7 +24,7 @@
   cursor: pointer;
 }
 .df-text-area-view__chevron {
-  margin: var(--df-text-area-view-chevron-margin, 3px);
+  margin: var(--df-text-area-view-chevron-margin, var(--g-spacing-half));
 }
 .df-text-area-view__chevron_open {
   transform: rotate(180deg);

package/build/esm/lib/kit/hooks/useOneOf/useOneOf.css

@@ -23,7 +23,7 @@
 }
 .df-use-oneof__toggler_card + .df-group-indent > .df-use-search:not(.df-group-indent) {
   padding-top: var(--df-use-oneof-card-child-padding, var(--g-spacing-0));
-  margin-top: var(--df-spacing-inputs, 15px);
+  margin-top: var(--df-spacing-inputs, var(--g-spacing-4));
 }
 .df-use-oneof__card {
   display: flex;

package/build/esm/lib/kit/utils/common.js

@@ -37,7 +37,7 @@ export const isNotEmptyValue = (value, spec) => {
     return true;
 };
 export const prepareSpec = (spec, parseJsonDefaultValue, overridePatternError) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     if (isObjectLike(spec)) {
         const result = cloneDeep(spec);
         if (isString(result.type)) {
@@ -49,7 +49,7 @@ export const prepareSpec = (spec, parseJsonDefaultValue, overridePatternError) =
                 try {
                     _defaultValue = JSON.parse(result.defaultValue);
                 }
-                catch (_l) {
+                catch (_m) {
                     _defaultValue = undefined;
                 }
             }
@@ -70,20 +70,21 @@ export const prepareSpec = (spec, parseJsonDefaultValue, overridePatternError) =
         if (isString((_c = result.viewSpec) === null || _c === void 0 ? void 0 : _c.addButtonPosition)) {
             result.viewSpec.addButtonPosition = result.viewSpec.addButtonPosition.toLowerCase();
         }
-        if (isString((_d = result.viewSpec) === null || _d === void 0 ? void 0 : _d.themeLabel)) {
-            result.viewSpec.textContentParams = Object.assign(Object.assign({}, result.viewSpec.textContentParams), { themeLabel: result.viewSpec.themeLabel.toLowerCase() });
-        }
-        if (isString((_f = (_e = result.viewSpec) === null || _e === void 0 ? void 0 : _e.oneOfParams) === null || _f === void 0 ? void 0 : _f.toggler)) {
+        if (isString((_e = (_d = result.viewSpec) === null || _d === void 0 ? void 0 : _d.oneOfParams) === null || _e === void 0 ? void 0 : _e.toggler)) {
             result.viewSpec.oneOfParams.toggler = result.viewSpec.oneOfParams.toggler.toLowerCase();
         }
-        if (isString((_h = (_g = result.viewSpec) === null || _g === void 0 ? void 0 : _g.textContentParams) === null || _h === void 0 ? void 0 : _h.themeLabel)) {
+        if (isString((_g = (_f = result.viewSpec) === null || _f === void 0 ? void 0 : _f.textContentParams) === null || _g === void 0 ? void 0 : _g.themeLabel)) {
             result.viewSpec.textContentParams.themeLabel =
                 result.viewSpec.textContentParams.themeLabel.toLowerCase();
         }
-        if (isString((_k = (_j = result.viewSpec) === null || _j === void 0 ? void 0 : _j.textContentParams) === null || _k === void 0 ? void 0 : _k.themeAlert)) {
+        if (isString((_j = (_h = result.viewSpec) === null || _h === void 0 ? void 0 : _h.textContentParams) === null || _j === void 0 ? void 0 : _j.themeAlert)) {
             result.viewSpec.textContentParams.themeAlert =
                 result.viewSpec.textContentParams.themeAlert.toLowerCase();
         }
+        if (isString((_l = (_k = result.viewSpec) === null || _k === void 0 ? void 0 : _k.textContentParams) === null || _l === void 0 ? void 0 : _l.viewAlert)) {
+            result.viewSpec.textContentParams.viewAlert =
+                result.viewSpec.textContentParams.viewAlert.toLowerCase();
+        }
         if (isString(result.validator)) {
             result.validator = result.validator.toLowerCase();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "5.0.0-beta.0",
+  "version": "5.1.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/date-components": "^3.0.0-beta.0",
+    "@gravity-ui/date-components": "^3.0.0",
     "@gravity-ui/date-utils": "^2.5.5",
     "@gravity-ui/i18n": "^1.2.0",
     "@gravity-ui/icons": "^2.12.0",
@@ -60,7 +60,7 @@
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^7.0.0-beta.5",
+    "@gravity-ui/uikit": "^7.1.0",
     "@playwright/experimental-ct-react": "^1.40.0",
     "@playwright/test": "^1.40.0",
     "@storybook/addon-essentials": "^7.0.27",
@@ -114,7 +114,7 @@
     "uuid": "^9.0.1"
   },
   "peerDependencies": {
-    "@gravity-ui/uikit": "^7.0.0-beta.5",
+    "@gravity-ui/uikit": "^7.0.0",
     "final-form": "^4.20.2",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0",