@steroidsjs/core 3.0.5 → 3.0.7

package/en.json

@@ -979,11 +979,15 @@
     "Скрыть иконку c лева от элемента": "",
     "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n\nДля корректной работы функционала создания задач,\nнеобходимо установить в проекте зависимости `@ckeditor/ckeditor5-react` и `@steroidsjs/ckeditor5`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nИмпортированные компоненты нужно передать в проп `createTaskEditorConfig`,\nв поле `htmlComponent` передать `CKEditor`, а в `editorConstructor` передать `ClassicEditor`.\n": "",
     "Компонент для создания HTML-разметки, использующий WYSIWYG редактор.\n\nДля использования WYSIWYG редактора, необходимо установить в проекте зависимости `@ckeditor/ckeditor5-react` и `@steroidsjs/ckeditor5`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nКомпонент `CKEditor` нужно передать в проп `htmlComponent`, а конструктор `ClassicEditor` в проп `editorConstructor`.\n\nПри передаче `HtmlField` с бэкенда, необходимо переопределить `view` компонента, указав локальный.\nВ локальном компоненте добавить вместо пропсов `htmlComponent` и `editorConstructor` импорты `CKEditor` и `ClassicEditor` соотвественно.\n": "",
+    "Идентификатор (ключ) для сохранения в LocalStorage коллекции.": "",
+    "Сохранение в localStorage уровней вложенности.": "",
     "Компоненты для подключения wysiwyg редактора": "",
     "Отображать чекбоксы только на узлах, не имеющих вложенных элементов": "",
     "Размер компонента и вложенных полей": "",
     "Параметры для кнопки отправки формы": "",
     "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
-    "CSS-класс для элемента навигации.": ""
+    "Допустимое количество символов после разделителя": "",
+    "CSS-класс для элемента навигации.": "",
+    "Тип данных для параметров маршрута.": ""
 }

package/hooks/useDataProvider.d.ts

@@ -20,7 +20,7 @@ export type DataProviderItems = string | ({
     new (): Enum;
 }) | (string | number | {
     id: string | number | boolean;
-    label: string | any;
+    label: string | Record<string, any>;
     [key: string]: any;
 })[];
 export interface IDataProvider {

package/hooks/useDataSelect.d.ts

@@ -24,7 +24,7 @@ export interface IDataSelectConfig {
      * Сделать активным первый элемент в списке
      * @example true
      */
-    selectFirst?: any;
+    selectFirst?: boolean;
     /**
      * Список с идентификаторами выбранных элементов
      * @example [1, 4]

package/hooks/useFile.d.ts

@@ -15,20 +15,20 @@ export interface IFileInput {
      * Экшен для отправки на бэкенд
      * @example '/api/v1/user/avatar/crop'
      */
-    backendUrl?: any;
+    backendUrl?: string;
     /**
     * Список mime-типов
     */
-    mimeTypes?: any;
+    mimeTypes?: string[];
     /**
     * Использовать только изображения
     */
-    imagesOnly?: any;
-    imagesProcessor?: any;
+    imagesOnly?: boolean;
+    imagesProcessor?: string;
     /**
     * Точные размеры изображений
     */
-    imagesExactSize?: any;
+    imagesExactSize?: string;
     /**
     * Начальные файлы
     */

package/hooks/useForm.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 export default function useForm(): {
     formId: string;
     model: any;
     prefix: string | boolean;
     size: string;
-    formDispatch: any;
+    formDispatch: import("react").Dispatch<any>;
     formSelector: (selector: (state: any, setValue: any) => any) => any;
 };

package/hooks/useTree.d.ts

@@ -100,5 +100,15 @@ export interface ITreeConfig {
      * @example true
     */
     useSameSelectedItemId?: boolean;
+    /**
+     * Сохранение в localStorage уровней вложенности.
+     * @example true
+    */
+    saveInClientStorage?: boolean;
+    /**
+     * Идентификатор (ключ) для сохранения в LocalStorage коллекции.
+     * @example 'exampleTree'
+     */
+    clientStorageId?: string;
 }
 export default function useTree(config: ITreeConfig): ITreeOutput;

package/hooks/useTree.js

@@ -22,12 +22,15 @@ var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var isNil_1 = __importDefault(require("lodash-es/isNil"));
 var keys_1 = __importDefault(require("lodash-es/keys"));
+var react_use_1 = require("react-use");
+var useComponents_1 = __importDefault(require("./useComponents"));
 var useSelector_1 = __importDefault(require("./useSelector"));
 var router_1 = require("../reducers/router");
 var INITIAL_CURRENT_LEVEL = 0;
 var DOT_SEPARATOR = '.';
 var EMPTY_PARENT_ID = '';
 var FIRST_LEVEL_PARENT_ID = '0';
+var CLIENT_STORAGE_KEY = '_tree';
 var defaultProps = {
     itemsKey: 'items',
     autoOpenLevels: 0
@@ -96,6 +99,7 @@ function useTree(config) {
     var primaryKey = config.itemsKey || defaultProps.itemsKey;
     var _a = (0, react_1.useState)(null), selectedUniqueId = _a[0], setSelectedUniqueId = _a[1];
     var _b = (0, react_1.useState)({}), expandedItems = _b[0], setExpandedItems = _b[1];
+    var clientStorage = (0, useComponents_1["default"])().clientStorage;
     //Redux connection
     var _c = (0, useSelector_1["default"])(function (state) { return ({
         routes: (0, isString_1["default"])(config.items) ? (0, router_1.getNavItems)(state, config.items) : null,
@@ -116,11 +120,32 @@ function useTree(config) {
     }, [config.items, config.routerParams, routes]);
     // Initial expanded items
     (0, react_1.useEffect)(function () {
-        // TODO add clientStorage
         setExpandedItems(getAutoExpandedItems(items, selectedItemId, primaryKey, config.autoOpenLevels));
         var selectedItem = findChildById(items, selectedItemId, primaryKey);
         setSelectedUniqueId(selectedItem ? selectedItem.uniqueId : null);
     }, [items]);
+    var localTree = JSON.parse(clientStorage.get(CLIENT_STORAGE_KEY)) || {};
+    var saveInClientStorage = function () {
+        if (config.saveInClientStorage) {
+            localTree[config.clientStorageId] = expandedItems;
+            clientStorage.set(CLIENT_STORAGE_KEY, JSON.stringify(localTree));
+        }
+    };
+    (0, react_use_1.useMount)(function () {
+        if (config.saveInClientStorage) {
+            var treeData = localTree[config.clientStorageId];
+            if (treeData) {
+                setExpandedItems(treeData);
+            }
+        }
+    });
+    (0, react_use_1.useUnmount)(function () {
+        saveInClientStorage();
+    });
+    (0, react_use_1.useBeforeUnload)(function () {
+        saveInClientStorage();
+        return true;
+    });
     var onExpand = (0, react_1.useCallback)(function (e, uniqueId, item) {
         var _a;
         e.preventDefault();

package/index.d.ts

@@ -79,6 +79,11 @@ declare type CustomStyle = React.CSSProperties;
  */
 declare type CustomView = React.ReactNode | ((props: React.ComponentProps<any>) => JSX.Element);
 
+/**
+ * Свойства для view компонента
+ */
+declare type CustomViewProps = React.ComponentProps<any>;
+
 /**
  * Кастомная иконка
  * @example custom-icon
@@ -108,3 +113,8 @@ declare interface IUiComponent {
      */
     style?: CustomStyle,
 }
+
+/**
+ * Тип данных для параметров маршрута.
+ */
+declare type RouteParams = Record<string, any> | null;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/core",
-    "version": "3.0.5",
+    "version": "3.0.7",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/ui/form/Button/Button.d.ts

@@ -31,12 +31,12 @@ export interface IButtonProps extends IUiComponent {
      * Текст кнопки или ссылки
      * @example Save
      */
-    label?: string | any;
+    label?: string;
     /**
      * Подсказка, отображается при наведении (через тег title)
      * @example Save
      */
-    hint?: string | any;
+    hint?: string;
     /**
      * HTML Тип
      * @example submit
@@ -148,7 +148,7 @@ export interface IButtonProps extends IUiComponent {
     /**
      * Цвет текста кнопки или ссылки
      */
-    textColor?: any;
+    textColor?: string;
     [key: string]: any;
 }
 export interface IButtonViewProps extends IButtonProps {

package/ui/form/CheckboxTreeField/CheckboxTreeField.d.ts

@@ -19,7 +19,7 @@ type CheckboxTreeItems = string | ({
  *
  * Список с вложенными чекбоксами. Используется в формах для создания иерархической структуры и выбора нескольких значений.
  */
-export interface ICheckboxTreeFieldProps extends IFieldWrapperInputProps, Omit<IDataProviderConfig, 'items'>, Omit<IDataSelectConfig, 'items'>, IUiComponent, Pick<ITreeProps, 'levelPadding' | 'alwaysOpened' | 'customIcon'> {
+export interface ICheckboxTreeFieldProps extends IFieldWrapperInputProps, Omit<IDataProviderConfig, 'items'>, Omit<IDataSelectConfig, 'items'>, IUiComponent, Pick<ITreeProps, 'levelPadding' | 'alwaysOpened' | 'hasIconExpandOnly' | 'customIcon' | 'saveInClientStorage'> {
     /**
      * Свойства для элемента input
      * @example { onKeyDown: ... }
@@ -52,7 +52,7 @@ export interface ICheckboxTreeFieldProps extends IFieldWrapperInputProps, Omit<I
     hasOnlyLeafCheckboxes?: boolean;
     [key: string]: any;
 }
-export interface ICheckboxTreeFieldViewProps extends IFieldWrapperOutputProps, Pick<ITreeProps, 'levelPadding' | 'customIcon'> {
+export interface ICheckboxTreeFieldViewProps extends IFieldWrapperOutputProps, Pick<ITreeProps, 'levelPadding' | 'hasIconExpandOnly' | 'customIcon'> {
     items: {
         id: number | string | boolean;
         label?: string;
@@ -67,6 +67,6 @@ export interface ICheckboxTreeFieldViewProps extends IFieldWrapperOutputProps, P
     size?: Size;
     hasOnlyLeafCheckboxes?: boolean;
 }
-export declare const getNestedItemsIds: (item: any, groupAttribute: any) => any[];
+export declare const getNestedItemsIds: (item: any, groupAttribute: any, hasOnlyLeafCheckboxes?: boolean) => any[];
 declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<ICheckboxTreeFieldProps>;
 export default _default;

package/ui/form/CheckboxTreeField/CheckboxTreeField.js

@@ -44,12 +44,13 @@ var isArray_1 = __importDefault(require("lodash-es/isArray"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
-var getNestedItemsIds = function (item, groupAttribute) {
+var getNestedItemsIds = function (item, groupAttribute, hasOnlyLeafCheckboxes) {
+    if (hasOnlyLeafCheckboxes === void 0) { hasOnlyLeafCheckboxes = false; }
     if (item.disabled) {
         return [];
     }
     var _a = item, _b = groupAttribute, _c = _a[_b], nestedItems = _c === void 0 ? [] : _c;
-    var result = [item.id];
+    var result = hasOnlyLeafCheckboxes ? [] : [item.id];
     if (groupAttribute && (0, isArray_1["default"])(nestedItems)) {
         nestedItems.reduce(function (acc, nestedItem) {
             if ((0, isArray_1["default"])(nestedItem[groupAttribute])) {
@@ -88,8 +89,8 @@ function CheckboxTreeField(props) {
         inputValue: props.input.value
     }), selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
     var onItemSelect = (0, react_1.useCallback)(function (checkbox) {
-        if (checkbox.hasItems && !props.hasOnlyLeafCheckboxes) {
-            var selectedItemIds = (0, exports.getNestedItemsIds)(checkbox, props.primaryKey);
+        if (checkbox.hasItems) {
+            var selectedItemIds = (0, exports.getNestedItemsIds)(checkbox, props.primaryKey, props.hasOnlyLeafCheckboxes);
             setSelectedIds(selectedItemIds);
         }
         else if (checkbox.id && !checkbox.hasItems) {
@@ -126,8 +127,9 @@ function CheckboxTreeField(props) {
         renderCheckbox: renderCheckbox,
         size: props.size,
         levelPadding: props.levelPadding,
-        hasOnlyLeafCheckboxes: props.hasOnlyLeafCheckboxes
-    }); }, [onItemSelect, props.levelPadding, props.hasOnlyLeafCheckboxes, props.size, renderCheckbox, selectedIds, treeItems]);
+        hasOnlyLeafCheckboxes: props.hasOnlyLeafCheckboxes,
+        hasIconExpandOnly: props.hasIconExpandOnly
+    }); }, [treeItems, onItemSelect, selectedIds, renderCheckbox, props.size, props.levelPadding, props.hasOnlyLeafCheckboxes, props.hasIconExpandOnly]);
     return components.ui.renderView(props.view || 'form.CheckboxTreeFieldView', viewProps);
 }
 CheckboxTreeField.defaultProps = {
@@ -137,6 +139,8 @@ CheckboxTreeField.defaultProps = {
     levelPadding: 32,
     alwaysOpened: false,
     primaryKey: 'items',
-    hasOnlyLeafCheckboxes: false
+    hasOnlyLeafCheckboxes: false,
+    hasIconExpandOnly: true,
+    saveInClientStorage: false
 };
 exports["default"] = (0, fieldWrapper_1["default"])('CheckboxTreeField', CheckboxTreeField);

package/ui/form/DateField/DateField.d.ts

@@ -16,7 +16,7 @@ export interface IDateFieldProps extends IDateInputStateInput, IUiComponent, Pic
     /**
      * Свойства для view компонента
      */
-    viewProps?: Record<string, unknown>;
+    viewProps?: CustomViewProps;
     /**
      * Свойства для компонента Calendar
      */

package/ui/form/Field/Field.d.ts

@@ -13,7 +13,7 @@ export interface IFieldProps extends IFieldWrapperInputProps {
      * Аттрибут (название) поля в форме
      * @example isVisible
      */
-    attribute?: any;
+    attribute?: string;
     /**
      * Модель с полями формы
      * @example

package/ui/form/FieldList/FieldList.d.ts

@@ -70,16 +70,16 @@ export interface IFieldListProps extends IFieldWrapperInputProps, IUiComponent {
     /**
      * Пропсы для компонента отображения списка с группами полей - FieldListView
      */
-    viewProps?: any;
+    viewProps?: CustomViewProps;
     /**
      * Переопределение view React компонента для кастомизации отображения группы полей
      * @example MyCustomView
      */
-    itemView?: any;
+    itemView?: CustomView;
     /**
      * Пропсы для компонента отображения группы полей - FieldListItemView
      */
-    itemViewProps?: any;
+    itemViewProps?: CustomViewProps;
     /**
      * При фокусировке на одном из элементов формы и нажатию на клавиши стрелок вверх/вниз + Shift
      * происходит добавление группы полей сверху или снизу соответственно

package/ui/form/FieldSet/FieldSet.d.ts

@@ -14,7 +14,7 @@ export interface IFieldSetProps extends IFormContext {
      * Заголовок для группы полей в форме
      * @example Save
      */
-    label?: any;
+    label?: string;
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
@@ -29,7 +29,7 @@ export interface IFieldSetProps extends IFormContext {
 export interface IFieldSetViewProps {
     className?: CssClassName;
     children?: React.ReactNode;
-    label?: string | any;
+    label?: string;
 }
 declare function FieldSet(props: IFieldSetProps): JSX.Element;
 export default FieldSet;

package/ui/form/FileField/FileField.d.ts

@@ -47,7 +47,7 @@ export interface IFileFieldProps extends IFieldWrapperInputProps, IFileFieldComm
      * View компонент для элемента списка файлов
      * @example true
      */
-    itemView?: any;
+    itemView?: CustomView;
     /**
      * Пропсы для элемента файла
      * @example true

package/ui/form/FileField/FileField.js

@@ -38,11 +38,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.FilesLayout = void 0;
-var React = __importStar(require("react"));
 var File_1 = __importDefault(require("fileup-core/lib/models/File"));
 var first_1 = __importDefault(require("lodash-es/first"));
 var values_1 = __importDefault(require("lodash-es/values"));
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var useFile_1 = __importDefault(require("../../../hooks/useFile"));
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
@@ -55,7 +54,7 @@ var FILE_STATUS_END = 'end';
 function FileFieldComponent(props) {
     var components = (0, hooks_1.useComponents)();
     var _a = (0, useFile_1["default"])(props), files = _a.files, onBrowse = _a.onBrowse, onRemove = _a.onRemove;
-    var _b = React.useState(false), isFilesLoaded = _b[0], setIsFilesLoaded = _b[1];
+    var _b = react_1["default"].useState(false), isFilesLoaded = _b[0], setIsFilesLoaded = _b[1];
     var FileFieldView = props.view || components.ui.getView('form.FileFieldView');
     var FileFieldItemView = props.itemView || components.ui.getView('form.FileFieldItemView');
     (0, react_1.useEffect)(function () {
@@ -125,13 +124,13 @@ function FileFieldComponent(props) {
         })
     }); }, [FileFieldItemView, files, onBrowse, onRemove, props.buttonProps, props.buttonView, props.className, props.disabled,
         props.filesLayout, props.imagesOnly, props.imagesProcessor, props.itemProps, props.showRemove, props.size]);
-    return (React.createElement(FileFieldView, __assign({}, viewProps)));
+    return (react_1["default"].createElement(FileFieldView, __assign({}, viewProps)));
 }
 function FileField(props) {
     if (process.env.IS_SSR) {
         return null;
     }
-    return (React.createElement(FileFieldComponent, __assign({}, props)));
+    return (react_1["default"].createElement(FileFieldComponent, __assign({}, props)));
 }
 FileField.defaultProps = {
     disabled: false,

package/ui/form/Form/Form.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { IButtonProps } from '@steroidsjs/core/ui/form/Button/Button';
 import { IAddressBarConfig } from '../../../hooks/useAddressBar';
 import { IFieldProps } from '../Field/Field';
+import { providers } from '../../../utils/form';
 /**
  * Form
  *
@@ -60,7 +61,7 @@ export interface IFormProps extends IUiComponent {
      *  ['age', 'integer']
      * ]
      */
-    validators?: any[];
+    validators?: string[] | Array<string[]> | Array<Record<string, any>>;
     /**
      * Обработчик события перед отправкой формы
      * @param args
@@ -207,7 +208,7 @@ export interface IFormContext {
     /**
     * Провайдер
     */
-    provider?: any;
+    provider?: typeof providers.redux | typeof providers.reducer;
     /**
     * Редьюсер
     */
@@ -218,7 +219,7 @@ export interface IFormContext {
     /**
     * Диспатч
     */
-    dispatch?: any;
+    dispatch?: React.Dispatch<any>;
 }
 export declare const FormContext: React.Context<IFormContext>;
 declare function Form(props: IFormProps): JSX.Element;

package/ui/form/NumberField/NumberField.d.ts

@@ -22,6 +22,10 @@ export interface INumberFieldProps extends IBaseFieldProps {
      * @example 5
      */
     step?: number;
+    /**
+    * Допустимое количество символов после разделителя
+    */
+    decimal?: number;
 }
 export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/NumberField/NumberField.js

@@ -50,12 +50,22 @@ function NumberField(props) {
     var onInputChange = (0, useInputTypeNumber_1["default"])(currentInputRef, {
         max: props.max,
         min: props.min,
-        value: props.input.value
-    }, onChange).onInputChange;
+        value: props.input.value,
+        required: props.required
+    }, onChange, props.decimal).onInputChange;
     var onStep = (0, react_1.useCallback)(function (isIncrement) {
         var _a;
-        onChange(null, String(Number((_a = currentInputRef === null || currentInputRef === void 0 ? void 0 : currentInputRef.current) === null || _a === void 0 ? void 0 : _a.value) + (isIncrement ? step : -step)));
-    }, [currentInputRef, onChange, step]);
+        var currentValue = Number((_a = currentInputRef === null || currentInputRef === void 0 ? void 0 : currentInputRef.current) === null || _a === void 0 ? void 0 : _a.value);
+        var newValue;
+        var fixToDecimal = function (value) { return props.decimal ? value.toFixed(props.decimal) : value; };
+        if (isIncrement) {
+            newValue = fixToDecimal(currentValue + step);
+        }
+        else {
+            newValue = fixToDecimal(currentValue - step);
+        }
+        onChange(null, String(newValue));
+    }, [currentInputRef, onChange, props.decimal, step]);
     var onStepUp = (0, react_1.useCallback)(function () {
         if (!(Number(currentInputRef.current.value) + step > props.max)) {
             onStep(true);

package/ui/form/NumberField/hooks/useInputTypeNumber.d.ts

@@ -3,8 +3,9 @@ interface IInputTypeNumberProps {
     max: any;
     min: any;
     value: string | undefined | null;
+    required?: boolean;
 }
-declare const useInputTypeNumber: (currentInputRef: React.MutableRefObject<HTMLInputElement>, inputTypeNumberProps: IInputTypeNumberProps, onChange: (event: React.ChangeEvent<HTMLInputElement>, value?: any) => void) => {
+declare const useInputTypeNumber: (currentInputRef: React.MutableRefObject<HTMLInputElement>, inputTypeNumberProps: IInputTypeNumberProps, onChange: (event: React.ChangeEvent<HTMLInputElement>, value?: any) => void, decimal: number) => {
     onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 };
 export default useInputTypeNumber;

package/ui/form/NumberField/hooks/useInputTypeNumber.js

@@ -4,28 +4,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
-var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChange) {
+var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChange, decimal) {
     react_1["default"].useEffect(function () {
         var _a;
-        var defaultValidity = 'The number is not valid.';
-        var errorMessage = inputTypeNumberProps.value > inputTypeNumberProps.max
-            || inputTypeNumberProps.value < inputTypeNumberProps.min
-            || !inputTypeNumberProps.value
-            ? __(defaultValidity)
+        var defaultValidity = __('The number is not valid.');
+        var errorMessage = inputTypeNumberProps.required
+            && (inputTypeNumberProps.value > inputTypeNumberProps.max
+                || inputTypeNumberProps.value < inputTypeNumberProps.min
+                || !inputTypeNumberProps.value)
+            ? defaultValidity
             : '';
         (_a = currentInputRef.current) === null || _a === void 0 ? void 0 : _a.setCustomValidity(errorMessage);
-    }, [currentInputRef, inputTypeNumberProps.value, inputTypeNumberProps.max, inputTypeNumberProps.min]);
+    }, [currentInputRef, inputTypeNumberProps.value, inputTypeNumberProps.max, inputTypeNumberProps.min, inputTypeNumberProps.required]);
     var isValueNumeric = function (value) {
         if (!value) {
             return true;
         }
         /**
-        * Подходят как отрицательные так и положительные числа
-        * @example -1
+        * Подходят как отрицательные так и положительные числа с плавающей точкой
+        * @example -1.0
+        * @example 1.1
+        */
+        var numericFloatRegExp = new RegExp("^-?\\d*\\.?\\d{0,".concat(decimal, "}$"));
+        /**
+        * Подходят как отрицательные так и положительные целые числа
         * @example 1
+        * @example -2
         */
-        var numericRegex = /^-?\d*\.?\d+$/;
-        return numericRegex.test(value);
+        var numericRegExp = new RegExp('^-?\\d*$');
+        return decimal ? numericFloatRegExp.test(value) : numericRegExp.test(value);
     };
     var onInputChange = function (event) {
         var _a;

package/ui/form/TimeField/TimeField.d.ts

@@ -16,7 +16,7 @@ export interface ITimeFieldProps extends IDateInputStateInput, IUiComponent {
     /**
      * Свойства для view компонента
      */
-    viewProps?: Record<string, unknown>;
+    viewProps?: CustomViewProps;
     /**
      * Свойства для компонента панели времени
      */

package/ui/form/TimeRangeField/TimeRangeField.d.ts

@@ -20,7 +20,7 @@ export interface ITimeRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
     /**
     * Свойства для view компонента
     */
-    viewProps?: Record<string, unknown>;
+    viewProps?: CustomViewProps;
     /**
      * Свойства для компонента панели времени
      */

package/ui/layout/Tooltip/Tooltip.d.ts

@@ -42,7 +42,7 @@ export interface ITooltipProps {
      * Текст подсказки
      * @example 'Это всплывающая подсказка.'
      */
-    content?: string | any;
+    content?: string;
     /**
      * Вложенные элементы
      */
@@ -90,7 +90,7 @@ export interface ITooltipProps {
 }
 export interface ITooltipViewProps extends ITooltipProps {
     isTooltipVisible: boolean;
-    content: string | any;
+    content: string;
     position: PositionType;
     style: ITooltipStylePosition;
     className?: CssClassName;

package/ui/list/List/List.d.ts

@@ -13,7 +13,7 @@ export interface IListProps extends IListConfig {
     /**
      * Свойства для элемента коллекции
      */
-    itemProps?: Record<string, unknown>;
+    itemProps?: CustomViewProps;
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
@@ -37,8 +37,8 @@ export interface IListItemViewProps {
     primaryKey: PrimaryKey;
     item: {
         id?: PrimaryKey;
-        title?: string | any;
-        label?: string | any;
+        title?: string;
+        label?: string;
         [key: string]: any;
     };
     index: number;

package/ui/list/TreeTable/TreeTable.d.ts

@@ -10,7 +10,7 @@ export interface ITreeColumnViewProps extends IColumnViewProps, Pick<ITreeTableP
  *
  * Компонент для представления данных коллекции в виде иерархической структуры.
  */
-export interface ITreeTableProps extends Omit<IGridProps, 'items'>, Pick<ITreeProps, 'alwaysOpened' | 'levelPadding' | 'customIcon'> {
+export interface ITreeTableProps extends Omit<IGridProps, 'items'>, Pick<ITreeProps, 'alwaysOpened' | 'levelPadding' | 'customIcon' | 'saveInClientStorage'> {
     /**
      * Элементы коллекции
      * @example
@@ -35,6 +35,7 @@ declare namespace TreeTable {
     var defaultProps: {
         levelPadding: number;
         alwaysOpened: boolean;
+        saveInClientStorage: boolean;
     };
 }
 export default TreeTable;

package/ui/list/TreeTable/TreeTable.js

@@ -73,12 +73,15 @@ function TreeTable(props) {
         autoOpenLevels: 0,
         alwaysOpened: props.alwaysOpened,
         currentPage: list === null || list === void 0 ? void 0 : list.page,
-        itemsOnPage: list === null || list === void 0 ? void 0 : list.pageSize
+        itemsOnPage: list === null || list === void 0 ? void 0 : list.pageSize,
+        saveInClientStorage: props.saveInClientStorage,
+        clientStorageId: props.listId
     }).treeItems;
     return (React.createElement(Grid_1["default"], __assign({}, props, { columns: columns, items: treeItems, itemsIndexing: false })));
 }
 exports["default"] = TreeTable;
 TreeTable.defaultProps = {
     levelPadding: 32,
-    alwaysOpened: false
+    alwaysOpened: false,
+    saveInClientStorage: false
 };

package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IRouteItem } from '../Router/Router';
 /**
  * Breadcrumbs
@@ -55,6 +55,6 @@ export interface IBreadcrumbsProps {
     [key: string]: any;
 }
 export type IBreadcrumbsViewProps = IBreadcrumbsProps & {
-    routeParams?: any;
+    routeParams?: Record<string, unknown>;
 };
 export default function Breadcrumbs(props: IBreadcrumbsProps): JSX.Element;