@gravity-ui/dynamic-forms 1.4.1 → 1.5.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.5.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.4.1...v1.5.0) (2023-04-18)
+
+
+### Features
+
+* **ObjectValue:** added new input object value ([#28](https://github.com/gravity-ui/dynamic-forms/issues/28)) ([67214a1](https://github.com/gravity-ui/dynamic-forms/commit/67214a13f5ed67dd46071caf0d0ad0bee1a4d071))
+
 ## [1.4.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.4.0...v1.4.1) (2023-04-13)
 
 

package/build/cjs/lib/kit/components/Inputs/ObjectValueInput/ObjectValueInput.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectValueInput = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const core_1 = require("../../../../core");
+const OBJECT_VALUE_PROPERTY_NAME = 'value';
+const ObjectValueInput = ({ spec, input, name }) => {
+    var _a;
+    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => lodash_1.default.set(Object.assign({}, (currentValue || {})), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnUnmount = react_1.default.useCallback((childName) => input.onChange((currentValue) => currentValue, { [childName]: false }), [input.onChange]);
+    const specProperties = Object.assign({}, spec.properties);
+    if (!specProperties[OBJECT_VALUE_PROPERTY_NAME]) {
+        return null;
+    }
+    return (react_1.default.createElement(core_1.Controller, { initialValue: (_a = input.value) === null || _a === void 0 ? void 0 : _a[OBJECT_VALUE_PROPERTY_NAME], spec: specProperties[OBJECT_VALUE_PROPERTY_NAME], name: `${name}.${OBJECT_VALUE_PROPERTY_NAME}`, key: `${name}.${OBJECT_VALUE_PROPERTY_NAME}`, parentOnChange: parentOnChange, parentOnUnmount: parentOnUnmount }));
+};
+exports.ObjectValueInput = ObjectValueInput;

package/build/cjs/lib/kit/components/Inputs/ObjectValueInput/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ObjectValueInput"), exports);

package/build/cjs/lib/kit/components/Inputs/index.js

@@ -7,6 +7,7 @@ tslib_1.__exportStar(require("./Checkbox"), exports);
 tslib_1.__exportStar(require("./FileInput"), exports);
 tslib_1.__exportStar(require("./MultiSelect"), exports);
 tslib_1.__exportStar(require("./ObjectBase"), exports);
+tslib_1.__exportStar(require("./ObjectValueInput"), exports);
 tslib_1.__exportStar(require("./OneOf"), exports);
 tslib_1.__exportStar(require("./OneOfCard"), exports);
 tslib_1.__exportStar(require("./Secret"), exports);

package/build/cjs/lib/kit/components/Views/ObjectValueInputView/ObjectValueInputView.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectValueInputView = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const core_1 = require("../../../../core");
+const OBJECT_VALUE_PROPERTY_NAME = 'value';
+const ObjectValueInputView = ({ spec, name }) => {
+    const specProperties = Object.assign({}, spec.properties);
+    if (!specProperties[OBJECT_VALUE_PROPERTY_NAME]) {
+        return null;
+    }
+    return (react_1.default.createElement(core_1.ViewController, { spec: specProperties[OBJECT_VALUE_PROPERTY_NAME], name: `${name}.${OBJECT_VALUE_PROPERTY_NAME}` }));
+};
+exports.ObjectValueInputView = ObjectValueInputView;

package/build/cjs/lib/kit/components/Views/ObjectValueInputView/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ObjectValueInputView"), exports);

package/build/cjs/lib/kit/components/Views/index.js

@@ -9,6 +9,7 @@ tslib_1.__exportStar(require("./MonacoInputView"), exports);
 tslib_1.__exportStar(require("./MultiSelectView"), exports);
 tslib_1.__exportStar(require("./NumberWithScaleView"), exports);
 tslib_1.__exportStar(require("./ObjectBaseView"), exports);
+tslib_1.__exportStar(require("./ObjectValueInputView"), exports);
 tslib_1.__exportStar(require("./OneOfCardView"), exports);
 tslib_1.__exportStar(require("./OneOfView"), exports);
 tslib_1.__exportStar(require("./TableArrayView"), exports);

package/build/cjs/lib/kit/constants/config.js

@@ -61,6 +61,7 @@ exports.dynamicConfig = {
             secret: { Component: components_1.Secret, independent: true },
             base: { Component: components_1.ObjectBase, independent: true },
             text_link: { Component: components_1.TextLink, independent: true },
+            object_value: { Component: components_1.ObjectValueInput, independent: true },
         },
         layouts: {
             row: components_1.Row,
@@ -158,6 +159,7 @@ exports.dynamicCardConfig = {
             secret: { Component: components_1.Secret, independent: true },
             base: { Component: components_1.ObjectBase, independent: true },
             text_link: { Component: components_1.TextLink, independent: true },
+            object_value: { Component: components_1.ObjectValueInput, independent: true },
         },
         layouts: {
             row: components_1.Row2,
@@ -244,6 +246,7 @@ exports.dynamicViewConfig = {
             secret: undefined,
             base: { Component: components_1.ObjectBaseView, independent: true },
             text_link: { Component: components_1.TextLinkView, independent: true },
+            object_value: { Component: components_1.ObjectValueInputView, independent: true },
         },
         layouts: {
             row: components_1.ViewRow,
@@ -323,6 +326,7 @@ exports.dynamicViewCardConfig = {
             secret: undefined,
             base: { Component: components_1.ObjectBaseView, independent: true },
             text_link: { Component: components_1.TextLinkView, independent: true },
+            object_value: { Component: components_1.ObjectValueInputView, independent: true },
         },
         layouts: {
             row: components_1.ViewRow2,

package/build/esm/lib/kit/components/Inputs/ObjectValueInput/ObjectValueInput.d.ts

@@ -0,0 +1,2 @@
+import { ObjectIndependentInput } from '../../../../core';
+export declare const ObjectValueInput: ObjectIndependentInput;

package/build/esm/lib/kit/components/Inputs/ObjectValueInput/ObjectValueInput.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import _ from 'lodash';
+import { Controller } from '../../../../core';
+const OBJECT_VALUE_PROPERTY_NAME = 'value';
+export const ObjectValueInput = ({ spec, input, name }) => {
+    var _a;
+    const parentOnChange = React.useCallback((childName, childValue, childErrors) => input.onChange((currentValue) => _.set(Object.assign({}, (currentValue || {})), childName.split(`${name}.`).join(''), childValue), childErrors), [input.onChange, input.name]);
+    const parentOnUnmount = React.useCallback((childName) => input.onChange((currentValue) => currentValue, { [childName]: false }), [input.onChange]);
+    const specProperties = Object.assign({}, spec.properties);
+    if (!specProperties[OBJECT_VALUE_PROPERTY_NAME]) {
+        return null;
+    }
+    return (React.createElement(Controller, { initialValue: (_a = input.value) === null || _a === void 0 ? void 0 : _a[OBJECT_VALUE_PROPERTY_NAME], spec: specProperties[OBJECT_VALUE_PROPERTY_NAME], name: `${name}.${OBJECT_VALUE_PROPERTY_NAME}`, key: `${name}.${OBJECT_VALUE_PROPERTY_NAME}`, parentOnChange: parentOnChange, parentOnUnmount: parentOnUnmount }));
+};

package/build/esm/lib/kit/components/Inputs/ObjectValueInput/index.d.ts

@@ -0,0 +1 @@
+export * from './ObjectValueInput';

package/build/esm/lib/kit/components/Inputs/ObjectValueInput/index.js

@@ -0,0 +1 @@
+export * from './ObjectValueInput';

package/build/esm/lib/kit/components/Inputs/index.d.ts

@@ -4,6 +4,7 @@ export * from './Checkbox';
 export * from './FileInput';
 export * from './MultiSelect';
 export * from './ObjectBase';
+export * from './ObjectValueInput';
 export * from './OneOf';
 export * from './OneOfCard';
 export * from './Secret';

package/build/esm/lib/kit/components/Inputs/index.js

@@ -4,6 +4,7 @@ export * from './Checkbox';
 export * from './FileInput';
 export * from './MultiSelect';
 export * from './ObjectBase';
+export * from './ObjectValueInput';
 export * from './OneOf';
 export * from './OneOfCard';
 export * from './Secret';

package/build/esm/lib/kit/components/Views/ObjectValueInputView/ObjectValueInputView.d.ts

@@ -0,0 +1,2 @@
+import { ObjectIndependentView } from '../../../../core';
+export declare const ObjectValueInputView: ObjectIndependentView;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ViewController } from '../../../../core';
+const OBJECT_VALUE_PROPERTY_NAME = 'value';
+export const ObjectValueInputView = ({ spec, name }) => {
+    const specProperties = Object.assign({}, spec.properties);
+    if (!specProperties[OBJECT_VALUE_PROPERTY_NAME]) {
+        return null;
+    }
+    return (React.createElement(ViewController, { spec: specProperties[OBJECT_VALUE_PROPERTY_NAME], name: `${name}.${OBJECT_VALUE_PROPERTY_NAME}` }));
+};

package/build/esm/lib/kit/components/Views/ObjectValueInputView/index.d.ts

@@ -0,0 +1 @@
+export * from './ObjectValueInputView';

package/build/esm/lib/kit/components/Views/ObjectValueInputView/index.js

@@ -0,0 +1 @@
+export * from './ObjectValueInputView';

package/build/esm/lib/kit/components/Views/index.d.ts

@@ -6,6 +6,7 @@ export * from './MonacoInputView';
 export * from './MultiSelectView';
 export * from './NumberWithScaleView';
 export * from './ObjectBaseView';
+export * from './ObjectValueInputView';
 export * from './OneOfCardView';
 export * from './OneOfView';
 export * from './TableArrayView';

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

@@ -6,6 +6,7 @@ export * from './MonacoInputView';
 export * from './MultiSelectView';
 export * from './NumberWithScaleView';
 export * from './ObjectBaseView';
+export * from './ObjectValueInputView';
 export * from './OneOfCardView';
 export * from './OneOfView';
 export * from './TableArrayView';

package/build/esm/lib/kit/constants/config.js

@@ -1,4 +1,4 @@
-import { Accordeon, AccordeonCardLayout, ArrayBase, ArrayBaseView, BaseView, CardAccordeon, CardOneOf, CardOneOfView, CardSection, Checkbox, FileInput, FileInputView, Group, Group2, MonacoInput, MonacoInputCard, MonacoView, MonacoViewCard, MultiSelect, MultiSelectView, NumberWithScale, NumberWithScaleView, ObjectBase, ObjectBaseView, OneOf, OneOfCard, OneOfCardView, OneOfView, Row, Row2, RowVerbose, Secret, Section, Section2, SectionCard, SectionCard2, SectionWithSubtitle, SectionWithSubtitle2, Select, TableArrayInput, TableArrayView, TableCell, Text, TextArea, TextAreaView, TextContent, TextLink, TextLinkView, Transparent, ViewAccordeon, ViewAccordeonCard, ViewCardAccordeon, ViewCardSection, ViewGroup, ViewGroup2, ViewRow, ViewRow2, ViewSection, ViewSection2, ViewSectionCard, ViewSectionCard2, ViewTableCell, ViewTransparent, } from '../components';
+import { Accordeon, AccordeonCardLayout, ArrayBase, ArrayBaseView, BaseView, CardAccordeon, CardOneOf, CardOneOfView, CardSection, Checkbox, FileInput, FileInputView, Group, Group2, MonacoInput, MonacoInputCard, MonacoView, MonacoViewCard, MultiSelect, MultiSelectView, NumberWithScale, NumberWithScaleView, ObjectBase, ObjectBaseView, ObjectValueInput, ObjectValueInputView, OneOf, OneOfCard, OneOfCardView, OneOfView, Row, Row2, RowVerbose, Secret, Section, Section2, SectionCard, SectionCard2, SectionWithSubtitle, SectionWithSubtitle2, Select, TableArrayInput, TableArrayView, TableCell, Text, TextArea, TextAreaView, TextContent, TextLink, TextLinkView, Transparent, ViewAccordeon, ViewAccordeonCard, ViewCardAccordeon, ViewCardSection, ViewGroup, ViewGroup2, ViewRow, ViewRow2, ViewSection, ViewSection2, ViewSectionCard, ViewSectionCard2, ViewTableCell, ViewTransparent, } from '../components';
 import { getArrayValidator, getBooleanValidator, getNumberValidator, getObjectValidator, getStringValidator, } from '../validators';
 export const dynamicConfig = {
     array: {
@@ -58,6 +58,7 @@ export const dynamicConfig = {
             secret: { Component: Secret, independent: true },
             base: { Component: ObjectBase, independent: true },
             text_link: { Component: TextLink, independent: true },
+            object_value: { Component: ObjectValueInput, independent: true },
         },
         layouts: {
             row: Row,
@@ -155,6 +156,7 @@ export const dynamicCardConfig = {
             secret: { Component: Secret, independent: true },
             base: { Component: ObjectBase, independent: true },
             text_link: { Component: TextLink, independent: true },
+            object_value: { Component: ObjectValueInput, independent: true },
         },
         layouts: {
             row: Row2,
@@ -241,6 +243,7 @@ export const dynamicViewConfig = {
             secret: undefined,
             base: { Component: ObjectBaseView, independent: true },
             text_link: { Component: TextLinkView, independent: true },
+            object_value: { Component: ObjectValueInputView, independent: true },
         },
         layouts: {
             row: ViewRow,
@@ -320,6 +323,7 @@ export const dynamicViewCardConfig = {
             secret: undefined,
             base: { Component: ObjectBaseView, independent: true },
             text_link: { Component: TextLinkView, independent: true },
+            object_value: { Component: ObjectValueInputView, independent: true },
         },
         layouts: {
             row: ViewRow2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",