@gravity-ui/dynamic-forms 5.9.4 → 5.10.0

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumInput = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const isNil_1 = tslib_1.__importDefault(require("lodash/isNil"));
+const NumInput = ({ name, input: { value, onBlur, onChange, onFocus }, spec, inputProps, }) => {
+    const props = Object.assign(Object.assign({ hasClear: true }, inputProps), { value: (0, isNil_1.default)(value) ? null : Number(value), defaultValue: (0, isNil_1.default)(inputProps === null || inputProps === void 0 ? void 0 : inputProps.defaultValue) ? null : Number(inputProps === null || inputProps === void 0 ? void 0 : inputProps.defaultValue), onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, qa: name });
+    const handleUpdate = (value) => {
+        props.onUpdate(value !== null ? value : undefined);
+    };
+    return react_1.default.createElement(uikit_1.NumberInput, Object.assign({}, props, { onUpdate: handleUpdate, allowDecimal: true }));
+};
+exports.NumInput = NumInput;

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

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

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

@@ -24,3 +24,4 @@ tslib_1.__exportStar(require("./TextArea"), exports);
 tslib_1.__exportStar(require("./TextContent"), exports);
 tslib_1.__exportStar(require("./TextLink"), exports);
 tslib_1.__exportStar(require("./TimeRangeSelector"), exports);
+tslib_1.__exportStar(require("./Number"), exports);

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

@@ -48,7 +48,7 @@ exports.dynamicConfig = {
     },
     number: {
         inputs: {
-            base: { Component: components_1.Text },
+            base: { Component: components_1.NumInput },
         },
         layouts: {
             row: components_1.Row,

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { NumberInputProps as NumberInputBaseProps } from '@gravity-ui/uikit';
+import type { NumberInputProps } from '../../../../core';
+export interface NumberProps extends Omit<NumberInputBaseProps, 'value' | 'onBlur' | 'onFocus' | 'onUpdate' | 'disabled' | 'placeholder' | 'qa'> {
+}
+export declare const NumInput: ({ name, input: { value, onBlur, onChange, onFocus }, spec, inputProps, }: NumberInputProps<NumberProps>) => React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { NumberInput as CommonNumberInput } from '@gravity-ui/uikit';
+import isNil from 'lodash/isNil';
+export const NumInput = ({ name, input: { value, onBlur, onChange, onFocus }, spec, inputProps, }) => {
+    const props = Object.assign(Object.assign({ hasClear: true }, inputProps), { value: isNil(value) ? null : Number(value), defaultValue: isNil(inputProps === null || inputProps === void 0 ? void 0 : inputProps.defaultValue) ? null : Number(inputProps === null || inputProps === void 0 ? void 0 : inputProps.defaultValue), onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, qa: name });
+    const handleUpdate = (value) => {
+        props.onUpdate(value !== null ? value : undefined);
+    };
+    return React.createElement(CommonNumberInput, Object.assign({}, props, { onUpdate: handleUpdate, allowDecimal: true }));
+};

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

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

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

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

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

@@ -21,3 +21,4 @@ export * from './TextArea';
 export * from './TextContent';
 export * from './TextLink';
 export * from './TimeRangeSelector';
+export * from './Number';

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

@@ -21,3 +21,4 @@ export * from './TextArea';
 export * from './TextContent';
 export * from './TextLink';
 export * from './TimeRangeSelector';
+export * from './Number';

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

@@ -1,4 +1,4 @@
-import { Accordeon, AccordeonCardForm, ArrayBase, ArrayBaseView, BaseView, CardAccordeon, CardOneOf, CardOneOfView, CardSection, Checkbox, CheckboxGroup, CheckboxGroupView, Column, DateInput, DateView, FileInput, FileInputView, Group, Group2, MonacoInput, MonacoView, MultiOneOf, MultiOneOfFlat, MultiOneOfFlatView, MultiOneOfView, MultiSelect, MultiSelectView, NumberWithScale, NumberWithScaleView, ObjectBase, ObjectBaseView, ObjectInline, ObjectInlineView, ObjectValueInput, ObjectValueInputView, OneOf, OneOfFlat, OneOfFlatView, OneOfView, RadioGroup, Row, RowVerbose, Secret, Section, Section2, Select, Switch, TableArrayInput, TableArrayView, TableCell, Text, TextArea, TextAreaView, TextContent, TextContentView, TextLink, TextLinkView, TimeRangeSelector, TimeRangeSelectorView, Transparent, ViewAccordeon, ViewAccordeonCard, ViewCardAccordeon, ViewCardSection, ViewColumn, ViewGroup, ViewGroup2, ViewRow, ViewSection, ViewSection2, ViewTableCell, ViewTransparent, } from '../components';
+import { Accordeon, AccordeonCardForm, ArrayBase, ArrayBaseView, BaseView, CardAccordeon, CardOneOf, CardOneOfView, CardSection, Checkbox, CheckboxGroup, CheckboxGroupView, Column, DateInput, DateView, FileInput, FileInputView, Group, Group2, MonacoInput, MonacoView, MultiOneOf, MultiOneOfFlat, MultiOneOfFlatView, MultiOneOfView, MultiSelect, MultiSelectView, NumInput, NumberWithScale, NumberWithScaleView, ObjectBase, ObjectBaseView, ObjectInline, ObjectInlineView, ObjectValueInput, ObjectValueInputView, OneOf, OneOfFlat, OneOfFlatView, OneOfView, RadioGroup, Row, RowVerbose, Secret, Section, Section2, Select, Switch, TableArrayInput, TableArrayView, TableCell, Text, TextArea, TextAreaView, TextContent, TextContentView, TextLink, TextLinkView, TimeRangeSelector, TimeRangeSelectorView, Transparent, ViewAccordeon, ViewAccordeonCard, ViewCardAccordeon, ViewCardSection, ViewColumn, ViewGroup, ViewGroup2, ViewRow, ViewSection, ViewSection2, ViewTableCell, ViewTransparent, } from '../components';
 import { getArrayValidator, getBooleanValidator, getNumberValidator, getObjectValidator, getStringValidator, } from '../validators';
 export const dynamicConfig = {
     array: {
@@ -45,7 +45,7 @@ export const dynamicConfig = {
     },
     number: {
         inputs: {
-            base: { Component: Text },
+            base: { Component: NumInput },
         },
         layouts: {
             row: Row,

package/package.json

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