@gravity-ui/dynamic-forms 1.2.0 → 1.4.0

package/build/esm/lib/core/components/View/hooks/useComponents.js

@@ -3,10 +3,8 @@ import _ from 'lodash';
 import { isValidElementType } from 'react-is';
 import { isCorrectSpec } from '../../../helpers';
 import { isCorrectViewConfig } from '../helpers';
-import { useDynamicFormsCtx } from './';
-export const useComponents = (spec) => {
+export const useComponents = (spec, config) => {
     var _a, _b;
-    const { config } = useDynamicFormsCtx();
     const { views, layouts } = React.useMemo(() => {
         if (isCorrectViewConfig(config) && isCorrectSpec(spec)) {
             return config[spec.type];

package/build/esm/lib/core/constants.d.ts

@@ -5,3 +5,4 @@ export declare enum SpecTypes {
     Object = "object",
     String = "string"
 }
+export type ReadAsMethod = 'readAsArrayBuffer' | 'readAsBinaryString' | 'readAsDataURL' | 'readAsText';

package/build/esm/lib/core/types/specs.d.ts

@@ -1,5 +1,5 @@
 import { LabelProps } from '@gravity-ui/uikit';
-import { SpecTypes } from '../constants';
+import { ReadAsMethod, SpecTypes } from '../constants';
 import { ArrayValue, ObjectValue } from './';
 export interface ArraySpec<LinkType = any> {
     defaultValue?: ArrayValue;
@@ -114,6 +114,11 @@ export interface StringSpec<LinkType = any> {
         hideValues?: string[];
         placeholder?: string;
         themeLabel?: LabelProps['theme'];
+        fileInput?: {
+            accept?: string;
+            readAsMethod?: ReadAsMethod;
+            ignoreText?: boolean;
+        };
     };
 }
 export type Spec = ArraySpec | BooleanSpec | NumberSpec | ObjectSpec | StringSpec;

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

@@ -0,0 +1,20 @@
+.df-file-input {
+  display: flex;
+}
+.df-file-input__input {
+  opacity: 0;
+  position: absolute;
+  clip: rect(0 0 0 0);
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+}
+.df-file-input__file-name {
+  display: block;
+  margin: auto 10px;
+  max-width: 160px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  color: var(--yc-color-text-secondary);
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StringInputProps } from '../../../../core';
+import './FileInput.css';
+export declare const FileInput: React.FC<StringInputProps>;

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Xmark } from '@gravity-ui/icons';
+import { Button, Icon, Label } from '@gravity-ui/uikit';
+import i18n from '../../../../kit/i18n';
+import { block } from '../../../utils';
+import { readFile } from './utils';
+import './FileInput.css';
+const b = block('file-input');
+export const FileInput = ({ input, spec }) => {
+    var _a, _b;
+    const { value, onChange } = input;
+    const inputRef = React.useRef(null);
+    const [fileName, setFileName] = React.useState('');
+    const handleClick = React.useCallback(() => {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    }, []);
+    const handleDownload = React.useCallback(async (file) => { var _a; return await readFile(file, (_a = spec.viewSpec.fileInput) === null || _a === void 0 ? void 0 : _a.readAsMethod); }, [(_a = spec.viewSpec.fileInput) === null || _a === void 0 ? void 0 : _a.readAsMethod]);
+    const handleReset = React.useCallback(() => {
+        setFileName('');
+        onChange('');
+    }, [onChange]);
+    const handleInputChange = React.useCallback(async (event) => {
+        const file = event.target.files;
+        if (file && file.length > 0) {
+            setFileName(file[0].name);
+            const data = (await handleDownload(file[0]));
+            onChange(data);
+        }
+    }, [handleDownload, onChange]);
+    const fileNameContent = React.useMemo(() => {
+        if (value) {
+            if (fileName) {
+                return React.createElement(React.Fragment, null, fileName);
+            }
+            return (React.createElement(Label, { size: "m", theme: "info" }, i18n('label-data_loaded')));
+        }
+        return null;
+    }, [fileName, value]);
+    return (React.createElement("div", { className: b() },
+        React.createElement(Button, { disabled: spec.viewSpec.disabled, onClick: handleClick }, i18n('button-upload_file')),
+        React.createElement("input", { type: "file", ref: inputRef, autoComplete: "off", disabled: spec.viewSpec.disabled, onChange: handleInputChange, className: b('input'), tabIndex: -1, accept: (_b = spec.viewSpec.fileInput) === null || _b === void 0 ? void 0 : _b.accept }),
+        React.createElement("span", { className: b('file-name') }, fileNameContent),
+        value ? (React.createElement(Button, { view: "flat", onClick: handleReset, disabled: spec.viewSpec.disabled },
+            React.createElement(Icon, { data: Xmark, size: 16 }))) : null));
+};

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

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

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

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

package/build/esm/lib/kit/components/Inputs/FileInput/utils.d.ts

@@ -0,0 +1,2 @@
+import { ReadAsMethod } from '../../../../core';
+export declare function readFile(file: Blob, readAsMethod?: ReadAsMethod): Promise<string | ArrayBuffer | null>;

package/build/esm/lib/kit/components/Inputs/FileInput/utils.js

@@ -0,0 +1,12 @@
+export function readFile(file, readAsMethod = 'readAsBinaryString') {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        if (typeof reader[readAsMethod] !== 'function') {
+            reject(new Error(`Unknown parameter: ${readAsMethod}`));
+            return;
+        }
+        reader.addEventListener('load', () => resolve(reader.result));
+        reader.addEventListener('error', () => reject(reader.error));
+        reader[readAsMethod](file);
+    });
+}

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

@@ -65,9 +65,10 @@ export const TableArrayInput = ({ spec, name, arrayInput, input }) => {
         return [idxColumn, ...columns, removeColumn];
     }, [name, spec, onItemRemove, parentOnChange, parentOnUnmount, input.value]);
     const getRowClassNames = React.useCallback(({ key }) => {
-        const searchResult = isHiddenField(`${name}.<${key}>`);
+        var _a;
+        const searchResult = (_a = spec.viewSpec.table) === null || _a === void 0 ? void 0 : _a.every(({ property }) => isHiddenField(`${name}.<${key}>.${property}`));
         return [b('row', { hidden: searchResult })];
-    }, [isHiddenField, name]);
+    }, [isHiddenField, name, spec.viewSpec.table]);
     if (!columns) {
         return null;
     }

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

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import _ from 'lodash';
+import { Controller, isStringSpec, } from '../../../../core';
+const TEXT_LINK_PROPERTY_NAME = 'text';
+export const TextLink = ({ 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[TEXT_LINK_PROPERTY_NAME] ||
+        !isStringSpec(specProperties[TEXT_LINK_PROPERTY_NAME])) {
+        return null;
+    }
+    return (React.createElement(Controller, { initialValue: (_a = input.value) === null || _a === void 0 ? void 0 : _a[TEXT_LINK_PROPERTY_NAME], spec: specProperties[TEXT_LINK_PROPERTY_NAME], name: `${name}.${TEXT_LINK_PROPERTY_NAME}`, key: `${name}.${TEXT_LINK_PROPERTY_NAME}`, parentOnChange: parentOnChange, parentOnUnmount: parentOnUnmount }));
+};

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

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

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

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

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

@@ -1,6 +1,7 @@
 export * from './ArrayBase';
 export * from './CardOneOf';
 export * from './Checkbox';
+export * from './FileInput';
 export * from './MultiSelect';
 export * from './ObjectBase';
 export * from './OneOf';
@@ -11,5 +12,6 @@ export * from './TableArrayInput';
 export * from './Text';
 export * from './TextArea';
 export * from './TextContent';
+export * from './TextLink';
 export * from './NumberWithScale';
 export * from './MonacoInput';

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

@@ -1,6 +1,7 @@
 export * from './ArrayBase';
 export * from './CardOneOf';
 export * from './Checkbox';
+export * from './FileInput';
 export * from './MultiSelect';
 export * from './ObjectBase';
 export * from './OneOf';
@@ -11,5 +12,6 @@ export * from './TableArrayInput';
 export * from './Text';
 export * from './TextArea';
 export * from './TextContent';
+export * from './TextLink';
 export * from './NumberWithScale';
 export * from './MonacoInput';

package/build/esm/lib/kit/components/Layouts/Row/Row.css

@@ -13,13 +13,16 @@
 }
 .df-row__left {
   width: 180px;
+  min-height: 28px;
   display: flex;
+  margin-bottom: auto;
   flex-direction: column;
   flex-shrink: 0;
 }
 .df-row__left-inner {
-  min-height: 28px;
-  display: flex;
+  display: inline;
+  margin-top: auto;
+  margin-bottom: auto;
 }
 .df-row__left::after {
   content: "";
@@ -27,18 +30,24 @@
   flex-shrink: 1;
 }
 .df-row__title {
-  align-self: center;
+  word-break: break-word;
+  margin-right: 3px;
+}
+.df-row__title_required::after {
+  content: "*";
+  color: var(--yc-color-text-danger);
 }
 .df-row__note {
-  height: 28px;
-  display: flex;
-  align-items: center;
-  margin-left: 5px;
+  padding-right: 16px;
+}
+.df-row__note-inner {
+  position: absolute;
+  margin-top: 1px;
 }
-.df-row__note .yc-help-popover {
+.df-row__note-inner .yc-help-popover {
   display: flex;
 }
-.df-row__note .yc-help-popover > span {
+.df-row__note-inner .yc-help-popover > span {
   display: flex;
 }
 .df-row__right {
@@ -59,6 +68,5 @@
   margin-left: 5px;
 }
 .df-row__required-mark {
-  margin-left: 2px;
   color: var(--yc-color-text-danger);
 }

package/build/esm/lib/kit/components/Layouts/Row/Row.js

@@ -11,11 +11,10 @@ const RowBase = ({ name, spec, input, meta, verboseDescription, children, }) =>
     return (React.createElement("div", { className: b({ 'extra-width': isArraySpec(spec) || arrayItem }) },
         React.createElement("div", { className: b('left') },
             React.createElement("div", { className: b('left-inner') },
-                React.createElement("div", { className: b('title') },
-                    spec.viewSpec.layoutTitle,
-                    spec.required && React.createElement("span", { className: b('required-mark') }, "*")),
-                !verboseDescription && spec.viewSpec.layoutDescription ? (React.createElement("div", { className: b('note') },
-                    React.createElement(HelpPopover, { htmlContent: spec.viewSpec.layoutDescription, placement: ['bottom', 'top'] }))) : null)),
+                React.createElement("span", { className: b('title', { required: spec.required }) }, spec.viewSpec.layoutTitle),
+                !verboseDescription && spec.viewSpec.layoutDescription ? (React.createElement("span", { className: b('note') },
+                    React.createElement("span", { className: b('note-inner') },
+                        React.createElement(HelpPopover, { htmlContent: spec.viewSpec.layoutDescription, placement: ['bottom', 'top'] })))) : null)),
         React.createElement("div", { className: b('right') },
             React.createElement("div", { className: b('right-inner') },
                 React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: isArraySpec(spec) || isObjectSpec(spec) }, children),

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StringViewProps } from '../../../../core';
+export declare const FileInputView: React.FC<StringViewProps>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import i18n from '../../../../kit/i18n';
+import { LongValue } from '../../../components';
+export const FileInputView = ({ value, spec }) => {
+    var _a;
+    return (React.createElement(LongValue, { value: ((_a = spec.viewSpec.fileInput) === null || _a === void 0 ? void 0 : _a.ignoreText) ? i18n('label-data_loaded') : value }));
+};

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ViewController } from '../../../../core';
+const TEXT_LINK_PROPERTY_NAME = 'text';
+export const TextLinkView = ({ value, spec, name }) => {
+    const specProperties = spec.properties;
+    const preparedSpec = React.useMemo(() => {
+        var _a;
+        return specProperties && specProperties[TEXT_LINK_PROPERTY_NAME]
+            ? Object.assign(Object.assign({}, specProperties[TEXT_LINK_PROPERTY_NAME]), { viewSpec: Object.assign(Object.assign({}, (_a = specProperties[TEXT_LINK_PROPERTY_NAME]) === null || _a === void 0 ? void 0 : _a.viewSpec), { link: value === null || value === void 0 ? void 0 : value.link }) }) : undefined;
+    }, [specProperties, value === null || value === void 0 ? void 0 : value.link]);
+    return preparedSpec ? (React.createElement(ViewController, { spec: preparedSpec, name: `${name}.${TEXT_LINK_PROPERTY_NAME}` })) : null;
+};

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

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

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

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

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

@@ -1,6 +1,7 @@
 export * from './ArrayBaseView';
 export * from './BaseView';
 export * from './CardOneOfView';
+export * from './FileInputView';
 export * from './MonacoInputView';
 export * from './MultiSelectView';
 export * from './NumberWithScaleView';
@@ -9,3 +10,4 @@ export * from './OneOfCardView';
 export * from './OneOfView';
 export * from './TableArrayView';
 export * from './TextAreaView';
+export * from './TextLinkView';

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

@@ -1,6 +1,7 @@
 export * from './ArrayBaseView';
 export * from './BaseView';
 export * from './CardOneOfView';
+export * from './FileInputView';
 export * from './MonacoInputView';
 export * from './MultiSelectView';
 export * from './NumberWithScaleView';
@@ -9,3 +10,4 @@ export * from './OneOfCardView';
 export * from './OneOfView';
 export * from './TableArrayView';
 export * from './TextAreaView';
+export * from './TextLinkView';

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

@@ -1,4 +1,4 @@
-import { Accordeon, AccordeonCardLayout, ArrayBase, ArrayBaseView, BaseView, CardAccordeon, CardOneOf, CardOneOfView, CardSection, Checkbox, 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, 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, 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: {
@@ -57,6 +57,7 @@ export const dynamicConfig = {
             card_oneof: { Component: CardOneOf, independent: true },
             secret: { Component: Secret, independent: true },
             base: { Component: ObjectBase, independent: true },
+            text_link: { Component: TextLink, independent: true },
         },
         layouts: {
             row: Row,
@@ -80,6 +81,7 @@ export const dynamicConfig = {
             textarea: { Component: TextArea },
             select: { Component: Select },
             base: { Component: Text },
+            file_input: { Component: FileInput },
             number_with_scale: { Component: NumberWithScale },
             monaco_input: { Component: MonacoInput },
             text_content: { Component: TextContent, independent: true },
@@ -152,6 +154,7 @@ export const dynamicCardConfig = {
             oneof: { Component: OneOfCard, independent: true },
             secret: { Component: Secret, independent: true },
             base: { Component: ObjectBase, independent: true },
+            text_link: { Component: TextLink, independent: true },
         },
         layouts: {
             row: Row2,
@@ -172,6 +175,7 @@ export const dynamicCardConfig = {
             textarea: { Component: TextArea },
             select: { Component: Select },
             base: { Component: Text },
+            file_input: { Component: FileInput },
             number_with_scale: { Component: NumberWithScale },
             monaco_input: { Component: MonacoInputCard },
             text_content: { Component: TextContent, independent: true },
@@ -236,6 +240,7 @@ export const dynamicViewConfig = {
             card_oneof: { Component: CardOneOfView, independent: true },
             secret: undefined,
             base: { Component: ObjectBaseView, independent: true },
+            text_link: { Component: TextLinkView, independent: true },
         },
         layouts: {
             row: ViewRow,
@@ -255,6 +260,7 @@ export const dynamicViewConfig = {
             textarea: { Component: TextAreaView },
             select: { Component: BaseView },
             base: { Component: BaseView },
+            file_input: { Component: FileInputView },
             number_with_scale: { Component: NumberWithScaleView },
             monaco_input: { Component: MonacoView },
             text_content: undefined,
@@ -313,6 +319,7 @@ export const dynamicViewCardConfig = {
             oneof: { Component: OneOfCardView, independent: true },
             secret: undefined,
             base: { Component: ObjectBaseView, independent: true },
+            text_link: { Component: TextLinkView, independent: true },
         },
         layouts: {
             row: ViewRow2,
@@ -330,6 +337,7 @@ export const dynamicViewCardConfig = {
             textarea: { Component: TextAreaView },
             select: { Component: BaseView },
             base: { Component: BaseView },
+            file_input: { Component: FileInputView },
             number_with_scale: { Component: NumberWithScaleView },
             monaco_input: { Component: MonacoViewCard },
             text_content: undefined,

package/build/esm/lib/kit/i18n/en.json

@@ -42,5 +42,7 @@
   "label_error-zero-start": "Value must not start with a zero",
   "label_error-dot-end": "Value must not end with a dot",
   "label_delete": "Delete",
-  "button_cancel": "Close"
+  "button_cancel": "Close",
+  "button-upload_file": "Upload file",
+  "label-data_loaded": "Data uploaded"
 }

package/build/esm/lib/kit/i18n/ru.json

@@ -42,5 +42,7 @@
   "label_error-zero-start": "Значение не должно начинаться с нуля",
   "label_error-dot-end": "Значение не должно заканчиваться точкой",
   "label_delete": "Удалить",
-  "button_cancel": "Закрыть"
+  "button_cancel": "Закрыть",
+  "button-upload_file": "Загрузить файл",
+  "label-data_loaded": "Данные загружены"
 }

package/build/esm/lib/kit/utils/common.d.ts

@@ -1,6 +1,4 @@
-import { ValidationErrors } from 'final-form';
 import { FormValue, Spec, StringSpec } from '../../core';
-export declare const getChildError: (name: string, errors?: ValidationErrors, head?: boolean) => boolean;
 export declare const isNotEmptyValue: (value: FormValue | undefined, spec: Spec | undefined) => boolean;
 export declare const prepareSpec: <Type extends Spec>(spec: Type, parseJsonDefaultValue?: boolean) => Type;
 export declare const isCorrectSizeParams: (spec: StringSpec) => boolean;

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

@@ -1,31 +1,7 @@
-import { ARRAY_ERROR } from 'final-form';
 import _ from 'lodash';
 import { isArraySpec, isObjectSpec, isStringSpec, } from '../../core';
 import { isFloat } from '../validators/helpers';
 import { divide } from './bigIntMath';
-export const getChildError = (name, errors, head) => {
-    const error = _.get(errors, name);
-    if (!head && (error === null || error === void 0 ? void 0 : error[ARRAY_ERROR])) {
-        return true;
-    }
-    else if (_.isArray(error)) {
-        return error.some((itemError, idx) => {
-            if (_.isArray(itemError) || _.isObjectLike(itemError)) {
-                return getChildError(`${name}[${idx}]`, errors);
-            }
-            return Boolean(itemError);
-        });
-    }
-    else if (_.isObjectLike(error)) {
-        return Object.keys(error).some((key) => {
-            if (_.isArray(error[key]) || _.isObjectLike(error[key])) {
-                return getChildError(`${name}.${key}`, errors);
-            }
-            return Boolean(error[key]);
-        });
-    }
-    return false;
-};
 export const isNotEmptyValue = (value, spec) => {
     var _a;
     if (_.isNil(value)) {

package/build/esm/lib/kit/validators/validators.d.ts

@@ -17,6 +17,8 @@ export interface GetNumberValidatorParams {
     ignoreMaximumCheck?: boolean;
     ignoreMinimumCheck?: boolean;
     ignoreIntCheck?: boolean;
+    ignoreDotEnd?: boolean;
+    ignoreZeroStart?: boolean;
 }
 export declare const getNumberValidator: (params?: GetNumberValidatorParams) => (spec: NumberSpec, value?: string | number) => string | false;
 export interface GetObjectValidatorParams {

package/build/esm/lib/kit/validators/validators.js

@@ -31,7 +31,7 @@ export const getBooleanValidator = (params = {}) => {
     };
 };
 export const getNumberValidator = (params = {}) => {
-    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, } = params;
+    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, } = params;
     return (spec, value = '') => {
         const stringValue = String(value);
         if (!ignoreRequiredCheck && spec.required && !stringValue.length) {
@@ -44,16 +44,17 @@ export const getNumberValidator = (params = {}) => {
             if (!ignoreSpaceEndCheck && !stringValue[stringValue.length - 1].trim()) {
                 return ErrorMessages.SPACE_END;
             }
-            if (stringValue[stringValue.length - 1] === '.') {
+            if (!ignoreDotEnd && stringValue[stringValue.length - 1] === '.') {
                 return ErrorMessages.DOT_END;
             }
             if (!ignoreNumberCheck && !isFloat(stringValue)) {
                 return ErrorMessages.NUMBER;
             }
-            if ((stringValue.length > 1 && stringValue[0] === '0' && stringValue[1] !== '.') ||
-                (stringValue.length > 2 &&
-                    stringValue.substring(0, 2) === '-0' &&
-                    stringValue[2] !== '.')) {
+            if (!ignoreZeroStart &&
+                ((stringValue.length > 1 && stringValue[0] === '0' && stringValue[1] !== '.') ||
+                    (stringValue.length > 2 &&
+                        stringValue.substring(0, 2) === '-0' &&
+                        stringValue[2] !== '.'))) {
                 return ErrorMessages.ZERO_START;
             }
         }
@@ -65,8 +66,7 @@ export const getNumberValidator = (params = {}) => {
         }
         if (!ignoreMinimumCheck &&
             _.isNumber(spec.minimum) &&
-            stringValue.length &&
-            spec.minimum > Number(stringValue)) {
+            ((stringValue.length && spec.minimum > Number(stringValue)) || !stringValue.length)) {
             return ErrorMessages.minNumber(spec.minimum);
         }
         if (_.isString(spec.format) && stringValue.length) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",
@@ -28,7 +28,8 @@
     "lint:js": "eslint src --quiet",
     "lint:prettier": "prettier --check 'src/**/*.{js,jsx,ts,tsx,css,scss}'",
     "lint:styles": "stylelint 'src/**/*.scss'",
-    "typecheck": "tsc -p src --noEmit",
+    "test": "jest",
+    "typecheck": "tsc --noEmit",
     "build": "gulp",
     "build-storybook": "build-storybook",
     "dev": "start-storybook -p 6006",
@@ -42,10 +43,10 @@
     "lodash": "^4.17.20"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.0.0",
-    "@commitlint/config-conventional": "^17.0.0",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-typescript": "^7.18.6",
+    "@commitlint/cli": "^17.0.0",
+    "@commitlint/config-conventional": "^17.0.0",
     "@gravity-ui/eslint-config": "^2.0.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^2.0.0",
@@ -54,6 +55,9 @@
     "@storybook/addon-essentials": "^6.5.16",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^6.5.16",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.0",
     "@types/lodash": "^4.14.180",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
@@ -67,6 +71,9 @@
     "gulp-replace": "^1.1.4",
     "gulp-typescript": "^6.0.0-alpha.1",
     "husky": "^7.0.4",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jest-transform-css": "^6.0.1",
     "monaco-editor": "^0.30.1",
     "monaco-editor-webpack-plugin": "^6.0.0",
     "npm-run-all": "^4.1.5",
@@ -83,6 +90,7 @@
     "style-loader": "^2.0.0",
     "stylelint": "^14.15.0",
     "stylelint-scss": "^4.2.0",
+    "ts-jest": "^29.0.5",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {