@gravity-ui/dynamic-forms 1.7.1 → 1.8.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [1.8.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.8.0...v1.8.1) (2023-05-30)
+
+
+### Bug Fixes
+
+* fixed deleting numbers from arrays ([#50](https://github.com/gravity-ui/dynamic-forms/issues/50)) ([76fba69](https://github.com/gravity-ui/dynamic-forms/commit/76fba69c47e016fb806d5d2d06fa367f4672c524))
+
+## [1.8.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.7.1...v1.8.0) (2023-05-25)
+
+
+### Features
+
+* **Switch:** added new input switch ([#48](https://github.com/gravity-ui/dynamic-forms/issues/48)) ([47e2f51](https://github.com/gravity-ui/dynamic-forms/commit/47e2f51dcda0579b00f6fadc3008d2e78a2f47e7))
+
 ## [1.7.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.7.0...v1.7.1) (2023-05-22)
 
 

package/build/cjs/lib/core/components/Form/hooks/useField.js

@@ -55,7 +55,7 @@ const useField = ({ name, spec, initialValue, value: externalValue, validate: pr
                 const _value = lodash_1.default.isFunction(valOrSetter) ? valOrSetter(state.value) : valOrSetter;
                 const error = validate === null || validate === void 0 ? void 0 : validate(_value);
                 let value = (0, utils_1.transformArrIn)(_value);
-                if ((0, helpers_1.isNumberSpec)(spec) && value && !error) {
+                if ((0, helpers_1.isNumberSpec)(spec) && value && value !== constants_1.REMOVED_ITEM && !error) {
                     value = Number(value);
                 }
                 let newChildErrors = Object.assign({}, state.childErrors);

package/build/cjs/lib/kit/components/Inputs/Switch/Switch.css

@@ -0,0 +1,5 @@
+.df-switch {
+  height: 28px;
+  display: flex;
+  align-items: center;
+}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../../utils");
+const b = (0, utils_1.block)('switch');
+const Switch = ({ name, input, spec }) => {
+    const { value, onBlur, onChange, onFocus } = input;
+    const handleChange = react_1.default.useCallback((e) => onChange(e.target.checked), [onChange]);
+    return (react_1.default.createElement(uikit_1.Switch, { checked: value, onChange: handleChange, onBlur: onBlur, onFocus: onFocus, disabled: spec.viewSpec.disabled, className: b(), qa: name }));
+};
+exports.Switch = Switch;

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

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

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

@@ -12,6 +12,7 @@ tslib_1.__exportStar(require("./OneOf"), exports);
 tslib_1.__exportStar(require("./OneOfCard"), exports);
 tslib_1.__exportStar(require("./Secret"), exports);
 tslib_1.__exportStar(require("./Select"), exports);
+tslib_1.__exportStar(require("./Switch"), exports);
 tslib_1.__exportStar(require("./TableArrayInput"), exports);
 tslib_1.__exportStar(require("./Text"), exports);
 tslib_1.__exportStar(require("./TextArea"), exports);

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrayBaseView = 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 ArrayBaseView = ({ spec, name, value = [] }) => {
     const itemSpecCorrect = react_1.default.useMemo(() => (0, core_1.isCorrectSpec)(spec.items), [spec.items]);
@@ -16,7 +17,7 @@ const ArrayBaseView = ({ spec, name, value = [] }) => {
                 : `${idx + 1}` });
         return itemSpec;
     }, [spec.items, itemSpecCorrect]);
-    const items = react_1.default.useMemo(() => value.map((__, idx) => {
+    const items = react_1.default.useMemo(() => lodash_1.default.map(value, (__, idx) => {
         const itemSpec = getItemSpec(idx);
         if (!itemSpec) {
             return null;

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

@@ -30,6 +30,7 @@ exports.dynamicConfig = {
     boolean: {
         inputs: {
             base: { Component: components_1.Checkbox },
+            switch: { Component: components_1.Switch },
         },
         layouts: {
             row: components_1.Row,
@@ -132,6 +133,7 @@ exports.dynamicCardConfig = {
     boolean: {
         inputs: {
             base: { Component: components_1.Checkbox },
+            switch: { Component: components_1.Switch },
         },
         layouts: {
             row: components_1.Row2,
@@ -224,6 +226,7 @@ exports.dynamicViewConfig = {
     boolean: {
         views: {
             base: { Component: components_1.BaseView },
+            switch: { Component: components_1.BaseView },
         },
         layouts: {
             row: components_1.ViewRow,
@@ -306,6 +309,7 @@ exports.dynamicViewCardConfig = {
     boolean: {
         views: {
             base: { Component: components_1.BaseView },
+            switch: { Component: components_1.BaseView },
         },
         layouts: {
             row: components_1.ViewRow2,

package/build/esm/lib/core/components/Form/hooks/useField.js

@@ -51,7 +51,7 @@ export const useField = ({ name, spec, initialValue, value: externalValue, valid
                 const _value = _.isFunction(valOrSetter) ? valOrSetter(state.value) : valOrSetter;
                 const error = validate === null || validate === void 0 ? void 0 : validate(_value);
                 let value = transformArrIn(_value);
-                if (isNumberSpec(spec) && value && !error) {
+                if (isNumberSpec(spec) && value && value !== REMOVED_ITEM && !error) {
                     value = Number(value);
                 }
                 let newChildErrors = Object.assign({}, state.childErrors);

package/build/esm/lib/kit/components/Inputs/Switch/Switch.css

@@ -0,0 +1,5 @@
+.df-switch {
+  height: 28px;
+  display: flex;
+  align-items: center;
+}

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

@@ -0,0 +1,3 @@
+import { BooleanInput } from '../../../../core';
+import './Switch.css';
+export declare const Switch: BooleanInput;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Switch as SwitchBase } from '@gravity-ui/uikit';
+import { block } from '../../../utils';
+import './Switch.css';
+const b = block('switch');
+export const Switch = ({ name, input, spec }) => {
+    const { value, onBlur, onChange, onFocus } = input;
+    const handleChange = React.useCallback((e) => onChange(e.target.checked), [onChange]);
+    return (React.createElement(SwitchBase, { checked: value, onChange: handleChange, onBlur: onBlur, onFocus: onFocus, disabled: spec.viewSpec.disabled, className: b(), qa: name }));
+};

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

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

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

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

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

@@ -9,6 +9,7 @@ export * from './OneOf';
 export * from './OneOfCard';
 export * from './Secret';
 export * from './Select';
+export * from './Switch';
 export * from './TableArrayInput';
 export * from './Text';
 export * from './TextArea';

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

@@ -9,6 +9,7 @@ export * from './OneOf';
 export * from './OneOfCard';
 export * from './Secret';
 export * from './Select';
+export * from './Switch';
 export * from './TableArrayInput';
 export * from './Text';
 export * from './TextArea';

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import _ from 'lodash';
 import { ViewController, isCorrectSpec } from '../../../core';
 export const ArrayBaseView = ({ spec, name, value = [] }) => {
     const itemSpecCorrect = React.useMemo(() => isCorrectSpec(spec.items), [spec.items]);
@@ -12,7 +13,7 @@ export const ArrayBaseView = ({ spec, name, value = [] }) => {
                 : `${idx + 1}` });
         return itemSpec;
     }, [spec.items, itemSpecCorrect]);
-    const items = React.useMemo(() => value.map((__, idx) => {
+    const items = React.useMemo(() => _.map(value, (__, idx) => {
         const itemSpec = getItemSpec(idx);
         if (!itemSpec) {
             return null;

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, ObjectValueInput, ObjectValueInputView, OneOf, OneOfCard, OneOfCardView, OneOfFlat, OneOfFlatView, 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, OneOfFlat, OneOfFlatView, OneOfView, Row, Row2, RowVerbose, Secret, Section, Section2, SectionCard, SectionCard2, SectionWithSubtitle, SectionWithSubtitle2, Select, Switch, 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: {
@@ -27,6 +27,7 @@ export const dynamicConfig = {
     boolean: {
         inputs: {
             base: { Component: Checkbox },
+            switch: { Component: Switch },
         },
         layouts: {
             row: Row,
@@ -129,6 +130,7 @@ export const dynamicCardConfig = {
     boolean: {
         inputs: {
             base: { Component: Checkbox },
+            switch: { Component: Switch },
         },
         layouts: {
             row: Row2,
@@ -221,6 +223,7 @@ export const dynamicViewConfig = {
     boolean: {
         views: {
             base: { Component: BaseView },
+            switch: { Component: BaseView },
         },
         layouts: {
             row: ViewRow,
@@ -303,6 +306,7 @@ export const dynamicViewCardConfig = {
     boolean: {
         views: {
             base: { Component: BaseView },
+            switch: { Component: BaseView },
         },
         layouts: {
             row: ViewRow2,

package/package.json

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