@gravity-ui/dynamic-forms 5.14.0 → 5.16.0

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

@@ -26,9 +26,11 @@
   white-space: initial;
   line-height: var(--_--height);
 }
-.df-text-content__icon {
+.df-text-content__icon, .df-text-content__alert-icon {
   display: flex;
   align-items: center;
+}
+.df-text-content__icon {
   margin-right: var(--df-text-content-icon-margin-right, var(--g-spacing-1));
 }
 .df-text-content__wrapper {

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

@@ -14,18 +14,23 @@ const TextContentComponent = ({ spec, value, Layout, }) => {
     var _a;
     const { textContentParams, layoutDescription } = spec.viewSpec;
     const text = react_1.default.useMemo(() => ((textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.text) ? textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.text : layoutDescription), [layoutDescription, textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.text]);
+    const iconName = textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.icon;
+    const alertView = textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.viewAlert;
+    const hasIconParam = typeof iconName === 'string';
+    const IconComponent = react_1.default.useMemo(() => (iconName ? (0, utils_2.loadIcon)(iconName) : undefined), [iconName]);
+    const iconLib = react_1.default.useMemo(() => (IconComponent ? react_1.default.createElement(LazyLoader_1.LazyLoader, { component: IconComponent }) : null), [IconComponent]);
+    const alertIcon = react_1.default.useMemo(() => (iconLib ? react_1.default.createElement("span", { className: b('alert-icon') }, iconLib) : null), [iconLib]);
     if (!text) {
         return null;
     }
-    const iconLib = (textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.icon) ? (react_1.default.createElement(LazyLoader_1.LazyLoader, { component: (0, utils_2.loadIcon)(textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.icon) })) : undefined;
     let content = react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: text } });
     if (textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.themeAlert) {
         const titleAlert = (textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.titleAlert) || !(0, lodash_1.isEmpty)(textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.titleAlert)
             ? textContentParams.titleAlert
             : undefined;
-        content = (react_1.default.createElement(uikit_1.Alert, { icon: iconLib, message: content, 
+        content = (react_1.default.createElement(uikit_1.Alert, Object.assign({}, (alertIcon || hasIconParam ? { icon: alertIcon } : {}), { message: content, 
             // If the title is an empty line, then you need to explicitly write undefined, otherwise there will be an additional indent
-            title: titleAlert, theme: textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.themeAlert, view: textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.viewAlert }));
+            title: titleAlert, theme: textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.themeAlert, view: (0, utils_2.isAlertView)(alertView) ? alertView : undefined })));
     }
     else if (textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.themeLabel) {
         content = (react_1.default.createElement(uikit_1.Label, { size: "m", theme: textContentParams.themeLabel, className: b(), value: value, icon: iconLib }, content));

package/build/cjs/lib/kit/components/Inputs/TextContent/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadIcon = void 0;
+exports.isAlertView = exports.loadIcon = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const loadIcon = (name) => {
@@ -20,3 +20,7 @@ const loadIcon = (name) => {
     return Icon;
 };
 exports.loadIcon = loadIcon;
+const isAlertView = (view) => {
+    return view === 'filled' || view === 'outlined';
+};
+exports.isAlertView = isAlertView;

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

@@ -5,16 +5,17 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Inputs_1 = require("../Inputs");
 const TextContentView = ({ name, spec, Layout, value }) => {
+    var _a;
+    const layoutValue = ((_a = spec.viewSpec.textContentParams) === null || _a === void 0 ? void 0 : _a.text) || spec.viewSpec.layoutDescription || value;
     const WrappedLayout = react_1.default.useMemo(() => {
         if (Layout) {
             const Component = (props) => {
-                const VALUE_STUB = 'if u see this, please create issue about it here: https://github.com/gravity-ui/dynamic-forms/issues/new';
-                return react_1.default.createElement(Layout, Object.assign({ name: name, value: VALUE_STUB }, props));
+                return react_1.default.createElement(Layout, Object.assign({ name: name, value: layoutValue }, props));
             };
             return Component;
         }
         return undefined;
-    }, [Layout, name]);
+    }, [Layout, layoutValue, name]);
     return react_1.default.createElement(Inputs_1.TextContentComponent, { spec: spec, value: value, Layout: WrappedLayout });
 };
 exports.TextContentView = TextContentView;

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

@@ -123,6 +123,7 @@ exports.dynamicConfig = {
         validators: {
             base: (0, validators_1.getStringValidator)(),
             number: (0, validators_1.getNumberValidator)(),
+            number_with_scale: (0, validators_1.getNumberWithScaleValidator)(),
         },
     },
 };

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

@@ -37,6 +37,8 @@
   ],
   "label_error-min-number": "Value must be an integer no less than {{count}}",
   "label_error-max-number": "Value must not be greater than {{count}}",
+  "label_error-min-number-with-scale": "Value must be no less than {{count}} {{scale}}",
+  "label_error-max-number-with-scale": "Value must not be greater than {{count}} {{scale}}",
   "label_error-space-end": "Value must not end with a space",
   "label_error-space-start": "Value must not start with a space",
   "label_error-zero-start": "Value must not start with a zero",

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

@@ -37,6 +37,8 @@
   ],
   "label_error-min-number": "Значение должно быть числом не меньше {{count}}",
   "label_error-max-number": "Значение должно быть числом не больше {{count}}",
+  "label_error-min-number-with-scale": "Значение должно быть не меньше {{count}} {{scale}}",
+  "label_error-max-number-with-scale": "Значение должно быть не больше {{count}} {{scale}}",
   "label_error-space-end": "Значение не должно заканчиваться пробелом",
   "label_error-space-start": "Значение не должно начинаться с пробела",
   "label_error-zero-start": "Значение не должно начинаться с нуля",

package/build/cjs/lib/kit/validators/helpers.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFloat = exports.isInt = void 0;
+exports.getScaledLimit = exports.isFloat = exports.isInt = void 0;
+const utils_1 = require("../utils");
 const isInt = (value) => {
     const regex = /^(?:[-+]?(?:0|[1-9]\d*))$/;
     return regex.test(value);
@@ -11,3 +12,71 @@ const isFloat = (value) => {
     return regex.test(value);
 };
 exports.isFloat = isFloat;
+const scaleValue = (value, scaleFactor, defaultFactor) => {
+    if (defaultFactor === scaleFactor) {
+        return String(value);
+    }
+    const valueStr = String(value);
+    try {
+        if (BigInt(scaleFactor) > BigInt(defaultFactor)) {
+            const ratio = (0, utils_1.divide)(scaleFactor, defaultFactor);
+            return ratio ? (0, utils_1.divide)(valueStr, ratio, 6) : null;
+        }
+        const ratio = (0, utils_1.divide)(defaultFactor, scaleFactor);
+        return ratio ? (0, utils_1.multiply)(valueStr, ratio, 6) : null;
+    }
+    catch (_a) {
+        return null;
+    }
+};
+const isReadable = (numStr) => {
+    if (numStr === null) {
+        return false;
+    }
+    // Math.abs does not support BigInt
+    const intPart = numStr.split('.')[0].replace('-', '');
+    try {
+        return BigInt(intPart) >= BigInt(1);
+    }
+    catch (_a) {
+        return false;
+    }
+};
+const getMostAppropriateScale = (sizeParams, value) => {
+    const { defaultType, scale } = sizeParams;
+    const valueStr = String(value);
+    const defaultFactor = scale[defaultType].factor;
+    let bestType = defaultType;
+    Object.keys(scale).forEach((key) => {
+        if (BigInt(scale[key].factor) > BigInt(scale[bestType].factor)) {
+            const ratio = (0, utils_1.divide)(scale[key].factor, defaultFactor);
+            if (!ratio) {
+                return;
+            }
+            if (!isReadable((0, utils_1.divide)(valueStr, ratio, 2))) {
+                return;
+            }
+            bestType = key;
+        }
+    });
+    return bestType;
+};
+const getScaledLimit = (spec, limit) => {
+    var _a;
+    const sizeParams = (_a = spec.viewSpec) === null || _a === void 0 ? void 0 : _a.sizeParams;
+    if (!sizeParams) {
+        return undefined;
+    }
+    const mostAppropriateScale = getMostAppropriateScale(sizeParams, limit);
+    const scaleEntry = sizeParams.scale[mostAppropriateScale];
+    const defaultEntry = sizeParams.scale[sizeParams.defaultType];
+    if (!scaleEntry || !defaultEntry) {
+        return undefined;
+    }
+    const count = scaleValue(limit, scaleEntry.factor, defaultEntry.factor);
+    if (count === null) {
+        return undefined;
+    }
+    return { count, scaleTitle: scaleEntry.title };
+};
+exports.getScaledLimit = getScaledLimit;

package/build/cjs/lib/kit/validators/messages.js

@@ -27,6 +27,12 @@ const getErrorMessages = () => ({
     maxNumber(count) {
         return (0, i18n_1.default)('label_error-max-number', { count });
     },
+    minNumberWithScale(count, scale) {
+        return (0, i18n_1.default)('label_error-min-number-with-scale', { count, scale });
+    },
+    maxNumberWithScale(count, scale) {
+        return (0, i18n_1.default)('label_error-max-number-with-scale', { count, scale });
+    },
     SPACE_START: (0, i18n_1.default)('label_error-space-start'),
     SPACE_END: (0, i18n_1.default)('label_error-space-end'),
     DOT_END: (0, i18n_1.default)('label_error-dot-end'),

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStringValidator = exports.getObjectValidator = exports.getNumberValidator = exports.getBooleanValidator = exports.getArrayValidator = void 0;
+exports.getStringValidator = exports.getObjectValidator = exports.getNumberWithScaleValidator = exports.getNumberValidator = exports.getBooleanValidator = exports.getArrayValidator = void 0;
 const tslib_1 = require("tslib");
 const isArray_1 = tslib_1.__importDefault(require("lodash/isArray"));
 const isNumber_1 = tslib_1.__importDefault(require("lodash/isNumber"));
@@ -101,6 +101,73 @@ const getNumberValidator = (params = {}) => {
     };
 };
 exports.getNumberValidator = getNumberValidator;
+const getNumberWithScaleValidator = (params = {}) => {
+    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, ignoreInvalidZeroFormat, ignoreZeroEnd, customErrorMessages, } = params;
+    // eslint-disable-next-line complexity
+    return (spec, value = '') => {
+        const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
+        const stringValue = String(value);
+        if (!ignoreRequiredCheck && spec.required && !stringValue.length) {
+            return errorMessages.REQUIRED;
+        }
+        if (stringValue.length) {
+            if (!ignoreSpaceStartCheck && !stringValue[0].trim()) {
+                return errorMessages.SPACE_START;
+            }
+            if (!ignoreSpaceEndCheck && !stringValue[stringValue.length - 1].trim()) {
+                return errorMessages.SPACE_END;
+            }
+            if (!ignoreDotEnd && stringValue[stringValue.length - 1] === '.') {
+                return errorMessages.DOT_END;
+            }
+            if (!ignoreNumberCheck && !(0, helpers_1.isFloat)(stringValue)) {
+                return errorMessages.NUMBER;
+            }
+            if (!ignoreZeroStart &&
+                ((stringValue.length > 1 && stringValue[0] === '0' && stringValue[1] !== '.') ||
+                    (stringValue.length > 2 &&
+                        stringValue.substring(0, 2) === '-0' &&
+                        stringValue[2] !== '.'))) {
+                return errorMessages.ZERO_START;
+            }
+            if (!ignoreInvalidZeroFormat &&
+                stringValue.trim().length > 1 &&
+                Number(stringValue.trim()) === 0) {
+                return errorMessages.INVALID_ZERO_FORMAT;
+            }
+            if (!ignoreZeroEnd &&
+                !(0, helpers_1.isInt)(stringValue) &&
+                stringValue[stringValue.length - 1] === '0') {
+                return errorMessages.ZERO_END;
+            }
+        }
+        if (!ignoreMaximumCheck &&
+            (0, isNumber_1.default)(spec.maximum) &&
+            stringValue.length &&
+            Number(stringValue) > spec.maximum) {
+            const scaled = (0, helpers_1.getScaledLimit)(spec, spec.maximum);
+            return scaled
+                ? errorMessages.maxNumberWithScale(scaled.count, scaled.scaleTitle)
+                : errorMessages.maxNumber(spec.maximum);
+        }
+        if (!ignoreMinimumCheck &&
+            (0, isNumber_1.default)(spec.minimum) &&
+            stringValue.length &&
+            spec.minimum > Number(stringValue)) {
+            const scaled = (0, helpers_1.getScaledLimit)(spec, spec.minimum);
+            return scaled
+                ? errorMessages.minNumberWithScale(scaled.count, scaled.scaleTitle)
+                : errorMessages.minNumber(spec.minimum);
+        }
+        if ((0, isString_1.default)(spec.format) && stringValue.length) {
+            if (!ignoreIntCheck && spec.format === 'int64' && !(0, helpers_1.isInt)(stringValue)) {
+                return errorMessages.INT;
+            }
+        }
+        return false;
+    };
+};
+exports.getNumberWithScaleValidator = getNumberWithScaleValidator;
 const getObjectValidator = (params = {}) => {
     const { ignoreRequiredCheck, customErrorMessages } = params;
     return (spec, value) => {

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

@@ -186,4 +186,9 @@ export interface StringSpec<LinkType = any, InputComponentProps extends Record<s
         generateRandomValueButton?: boolean;
     };
 }
+export interface NumberWithScaleSpec extends StringSpec {
+    minimum?: number;
+    maximum?: number;
+    format?: 'float' | 'int64';
+}
 export type Spec<LinkType = any, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> = ArraySpec<LinkType, InputComponentProps, LayoutComponentProps> | BooleanSpec<LinkType, InputComponentProps, LayoutComponentProps> | NumberSpec<LinkType, InputComponentProps, LayoutComponentProps> | ObjectSpec<LinkType, InputComponentProps, LayoutComponentProps> | StringSpec<LinkType, InputComponentProps, LayoutComponentProps>;

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

@@ -26,9 +26,11 @@
   white-space: initial;
   line-height: var(--_--height);
 }
-.df-text-content__icon {
+.df-text-content__icon, .df-text-content__alert-icon {
   display: flex;
   align-items: center;
+}
+.df-text-content__icon {
   margin-right: var(--df-text-content-icon-margin-right, var(--g-spacing-1));
 }
 .df-text-content__wrapper {

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

@@ -4,25 +4,30 @@ import { isEmpty } from 'lodash';
 import cloneDeep from 'lodash/cloneDeep';
 import { block } from '../../../utils';
 import { LazyLoader } from '../../LazyLoader';
-import { loadIcon } from './utils';
+import { isAlertView, loadIcon } from './utils';
 import './TextContent.css';
 const b = block('text-content');
 export const TextContentComponent = ({ spec, value, Layout, }) => {
     var _a;
     const { textContentParams, layoutDescription } = spec.viewSpec;
     const text = React.useMemo(() => ((textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.text) ? textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.text : layoutDescription), [layoutDescription, textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.text]);
+    const iconName = textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.icon;
+    const alertView = textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.viewAlert;
+    const hasIconParam = typeof iconName === 'string';
+    const IconComponent = React.useMemo(() => (iconName ? loadIcon(iconName) : undefined), [iconName]);
+    const iconLib = React.useMemo(() => (IconComponent ? React.createElement(LazyLoader, { component: IconComponent }) : null), [IconComponent]);
+    const alertIcon = React.useMemo(() => (iconLib ? React.createElement("span", { className: b('alert-icon') }, iconLib) : null), [iconLib]);
     if (!text) {
         return null;
     }
-    const iconLib = (textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.icon) ? (React.createElement(LazyLoader, { component: loadIcon(textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.icon) })) : undefined;
     let content = React.createElement("span", { dangerouslySetInnerHTML: { __html: text } });
     if (textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.themeAlert) {
         const titleAlert = (textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.titleAlert) || !isEmpty(textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.titleAlert)
             ? textContentParams.titleAlert
             : undefined;
-        content = (React.createElement(Alert, { icon: iconLib, message: content, 
+        content = (React.createElement(Alert, Object.assign({}, (alertIcon || hasIconParam ? { icon: alertIcon } : {}), { message: content, 
             // If the title is an empty line, then you need to explicitly write undefined, otherwise there will be an additional indent
-            title: titleAlert, theme: textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.themeAlert, view: textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.viewAlert }));
+            title: titleAlert, theme: textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.themeAlert, view: isAlertView(alertView) ? alertView : undefined })));
     }
     else if (textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.themeLabel) {
         content = (React.createElement(Label, { size: "m", theme: textContentParams.themeLabel, className: b(), value: value, icon: iconLib }, content));

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

@@ -1,2 +1,4 @@
 import React from 'react';
+import type { AlertProps } from '@gravity-ui/uikit';
 export declare const loadIcon: (name: string) => React.LazyExoticComponent<React.ComponentType<any>>;
+export declare const isAlertView: (view: unknown) => view is AlertProps["view"];

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

@@ -15,3 +15,6 @@ export const loadIcon = (name) => {
     });
     return Icon;
 };
+export const isAlertView = (view) => {
+    return view === 'filled' || view === 'outlined';
+};

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

@@ -1,15 +1,16 @@
 import React from 'react';
 import { TextContentComponent } from '../Inputs';
 export const TextContentView = ({ name, spec, Layout, value }) => {
+    var _a;
+    const layoutValue = ((_a = spec.viewSpec.textContentParams) === null || _a === void 0 ? void 0 : _a.text) || spec.viewSpec.layoutDescription || value;
     const WrappedLayout = React.useMemo(() => {
         if (Layout) {
             const Component = (props) => {
-                const VALUE_STUB = 'if u see this, please create issue about it here: https://github.com/gravity-ui/dynamic-forms/issues/new';
-                return React.createElement(Layout, Object.assign({ name: name, value: VALUE_STUB }, props));
+                return React.createElement(Layout, Object.assign({ name: name, value: layoutValue }, props));
             };
             return Component;
         }
         return undefined;
-    }, [Layout, name]);
+    }, [Layout, layoutValue, name]);
     return React.createElement(TextContentComponent, { spec: spec, value: value, Layout: WrappedLayout });
 };

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

@@ -1,5 +1,5 @@
 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, RangeInputPicker, RangeInputPickerNumber, RangeInputPickerNumberView, RangeInputPickerView, 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';
+import { getArrayValidator, getBooleanValidator, getNumberValidator, getNumberWithScaleValidator, getObjectValidator, getStringValidator, } from '../validators';
 export const dynamicConfig = {
     array: {
         inputs: {
@@ -120,6 +120,7 @@ export const dynamicConfig = {
         validators: {
             base: getStringValidator(),
             number: getNumberValidator(),
+            number_with_scale: getNumberWithScaleValidator(),
         },
     },
 };

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

@@ -37,6 +37,8 @@
   ],
   "label_error-min-number": "Value must be an integer no less than {{count}}",
   "label_error-max-number": "Value must not be greater than {{count}}",
+  "label_error-min-number-with-scale": "Value must be no less than {{count}} {{scale}}",
+  "label_error-max-number-with-scale": "Value must not be greater than {{count}} {{scale}}",
   "label_error-space-end": "Value must not end with a space",
   "label_error-space-start": "Value must not start with a space",
   "label_error-zero-start": "Value must not start with a zero",

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

@@ -37,6 +37,8 @@
   ],
   "label_error-min-number": "Значение должно быть числом не меньше {{count}}",
   "label_error-max-number": "Значение должно быть числом не больше {{count}}",
+  "label_error-min-number-with-scale": "Значение должно быть не меньше {{count}} {{scale}}",
+  "label_error-max-number-with-scale": "Значение должно быть не больше {{count}} {{scale}}",
   "label_error-space-end": "Значение не должно заканчиваться пробелом",
   "label_error-space-start": "Значение не должно начинаться с пробела",
   "label_error-zero-start": "Значение не должно начинаться с нуля",

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

@@ -1,2 +1,7 @@
+import type { StringSpec } from 'src/lib/core';
 export declare const isInt: (value: string) => boolean;
 export declare const isFloat: (value: string) => boolean;
+export declare const getScaledLimit: (spec: StringSpec, limit: number) => {
+    count: string;
+    scaleTitle: string;
+} | undefined;

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

@@ -1,3 +1,4 @@
+import { divide, multiply } from '../utils';
 export const isInt = (value) => {
     const regex = /^(?:[-+]?(?:0|[1-9]\d*))$/;
     return regex.test(value);
@@ -6,3 +7,70 @@ export const isFloat = (value) => {
     const regex = /^(?:[-+]?(?:\d+))?(?:\.\d*)?(?:[eE][+-]?(?:\d+))?$/;
     return regex.test(value);
 };
+const scaleValue = (value, scaleFactor, defaultFactor) => {
+    if (defaultFactor === scaleFactor) {
+        return String(value);
+    }
+    const valueStr = String(value);
+    try {
+        if (BigInt(scaleFactor) > BigInt(defaultFactor)) {
+            const ratio = divide(scaleFactor, defaultFactor);
+            return ratio ? divide(valueStr, ratio, 6) : null;
+        }
+        const ratio = divide(defaultFactor, scaleFactor);
+        return ratio ? multiply(valueStr, ratio, 6) : null;
+    }
+    catch (_a) {
+        return null;
+    }
+};
+const isReadable = (numStr) => {
+    if (numStr === null) {
+        return false;
+    }
+    // Math.abs does not support BigInt
+    const intPart = numStr.split('.')[0].replace('-', '');
+    try {
+        return BigInt(intPart) >= BigInt(1);
+    }
+    catch (_a) {
+        return false;
+    }
+};
+const getMostAppropriateScale = (sizeParams, value) => {
+    const { defaultType, scale } = sizeParams;
+    const valueStr = String(value);
+    const defaultFactor = scale[defaultType].factor;
+    let bestType = defaultType;
+    Object.keys(scale).forEach((key) => {
+        if (BigInt(scale[key].factor) > BigInt(scale[bestType].factor)) {
+            const ratio = divide(scale[key].factor, defaultFactor);
+            if (!ratio) {
+                return;
+            }
+            if (!isReadable(divide(valueStr, ratio, 2))) {
+                return;
+            }
+            bestType = key;
+        }
+    });
+    return bestType;
+};
+export const getScaledLimit = (spec, limit) => {
+    var _a;
+    const sizeParams = (_a = spec.viewSpec) === null || _a === void 0 ? void 0 : _a.sizeParams;
+    if (!sizeParams) {
+        return undefined;
+    }
+    const mostAppropriateScale = getMostAppropriateScale(sizeParams, limit);
+    const scaleEntry = sizeParams.scale[mostAppropriateScale];
+    const defaultEntry = sizeParams.scale[sizeParams.defaultType];
+    if (!scaleEntry || !defaultEntry) {
+        return undefined;
+    }
+    const count = scaleValue(limit, scaleEntry.factor, defaultEntry.factor);
+    if (count === null) {
+        return undefined;
+    }
+    return { count, scaleTitle: scaleEntry.title };
+};

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

@@ -23,6 +23,12 @@ const getErrorMessages = () => ({
     maxNumber(count) {
         return i18n('label_error-max-number', { count });
     },
+    minNumberWithScale(count, scale) {
+        return i18n('label_error-min-number-with-scale', { count, scale });
+    },
+    maxNumberWithScale(count, scale) {
+        return i18n('label_error-max-number-with-scale', { count, scale });
+    },
     SPACE_START: i18n('label_error-space-start'),
     SPACE_END: i18n('label_error-space-end'),
     DOT_END: i18n('label_error-dot-end'),

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

@@ -9,6 +9,8 @@ export interface ErrorMessagesType {
     maxLengthArr: (count: number | bigint) => string;
     minNumber: (count: number | bigint) => string;
     maxNumber: (count: number | bigint) => string;
+    minNumberWithScale: (count: number | bigint | string, scale: string) => string;
+    maxNumberWithScale: (count: number | bigint | string, scale: string) => string;
     SPACE_START: string;
     SPACE_END: string;
     DOT_END: string;

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

@@ -1,4 +1,4 @@
-import type { ArraySpec, ArrayValue, BooleanSpec, NumberSpec, ObjectSpec, ObjectValue, StringSpec } from '../../core';
+import type { ArraySpec, ArrayValue, BooleanSpec, NumberSpec, NumberWithScaleSpec, ObjectSpec, ObjectValue, StringSpec } from '../../core';
 import type { ErrorMessagesType } from './types';
 interface CommonValidatorParams {
     ignoreRequiredCheck?: boolean;
@@ -25,6 +25,9 @@ export interface GetNumberValidatorParams extends CommonValidatorParams {
     ignoreZeroEnd?: boolean;
 }
 export declare const getNumberValidator: (params?: GetNumberValidatorParams) => (spec: NumberSpec, value?: string | number) => string | false;
+export interface GetNumberWithScaleValidatorParams extends GetNumberValidatorParams {
+}
+export declare const getNumberWithScaleValidator: (params?: GetNumberWithScaleValidatorParams) => (spec: NumberWithScaleSpec, value?: string) => string | false;
 export interface GetObjectValidatorParams extends CommonValidatorParams {
 }
 export declare const getObjectValidator: (params?: GetObjectValidatorParams) => (spec: ObjectSpec, value?: ObjectValue) => string | false;

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

@@ -2,7 +2,7 @@ import isArray from 'lodash/isArray';
 import isNumber from 'lodash/isNumber';
 import isString from 'lodash/isString';
 import { ErrorMessages } from '../validators';
-import { isFloat, isInt } from './helpers';
+import { getScaledLimit, isFloat, isInt } from './helpers';
 export const getArrayValidator = (params = {}) => {
     const { ignoreRequiredCheck, ignoreMaxLengthCheck, ignoreMinLengthCheck, customErrorMessages } = params;
     return (spec, value) => {
@@ -94,6 +94,72 @@ export const getNumberValidator = (params = {}) => {
         return false;
     };
 };
+export const getNumberWithScaleValidator = (params = {}) => {
+    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, ignoreInvalidZeroFormat, ignoreZeroEnd, customErrorMessages, } = params;
+    // eslint-disable-next-line complexity
+    return (spec, value = '') => {
+        const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
+        const stringValue = String(value);
+        if (!ignoreRequiredCheck && spec.required && !stringValue.length) {
+            return errorMessages.REQUIRED;
+        }
+        if (stringValue.length) {
+            if (!ignoreSpaceStartCheck && !stringValue[0].trim()) {
+                return errorMessages.SPACE_START;
+            }
+            if (!ignoreSpaceEndCheck && !stringValue[stringValue.length - 1].trim()) {
+                return errorMessages.SPACE_END;
+            }
+            if (!ignoreDotEnd && stringValue[stringValue.length - 1] === '.') {
+                return errorMessages.DOT_END;
+            }
+            if (!ignoreNumberCheck && !isFloat(stringValue)) {
+                return errorMessages.NUMBER;
+            }
+            if (!ignoreZeroStart &&
+                ((stringValue.length > 1 && stringValue[0] === '0' && stringValue[1] !== '.') ||
+                    (stringValue.length > 2 &&
+                        stringValue.substring(0, 2) === '-0' &&
+                        stringValue[2] !== '.'))) {
+                return errorMessages.ZERO_START;
+            }
+            if (!ignoreInvalidZeroFormat &&
+                stringValue.trim().length > 1 &&
+                Number(stringValue.trim()) === 0) {
+                return errorMessages.INVALID_ZERO_FORMAT;
+            }
+            if (!ignoreZeroEnd &&
+                !isInt(stringValue) &&
+                stringValue[stringValue.length - 1] === '0') {
+                return errorMessages.ZERO_END;
+            }
+        }
+        if (!ignoreMaximumCheck &&
+            isNumber(spec.maximum) &&
+            stringValue.length &&
+            Number(stringValue) > spec.maximum) {
+            const scaled = getScaledLimit(spec, spec.maximum);
+            return scaled
+                ? errorMessages.maxNumberWithScale(scaled.count, scaled.scaleTitle)
+                : errorMessages.maxNumber(spec.maximum);
+        }
+        if (!ignoreMinimumCheck &&
+            isNumber(spec.minimum) &&
+            stringValue.length &&
+            spec.minimum > Number(stringValue)) {
+            const scaled = getScaledLimit(spec, spec.minimum);
+            return scaled
+                ? errorMessages.minNumberWithScale(scaled.count, scaled.scaleTitle)
+                : errorMessages.minNumber(spec.minimum);
+        }
+        if (isString(spec.format) && stringValue.length) {
+            if (!ignoreIntCheck && spec.format === 'int64' && !isInt(stringValue)) {
+                return errorMessages.INT;
+            }
+        }
+        return false;
+    };
+};
 export const getObjectValidator = (params = {}) => {
     const { ignoreRequiredCheck, customErrorMessages } = params;
     return (spec, value) => {

package/package.json

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