@steroidsjs/core 3.0.6 → 3.0.8

package/en.json

@@ -987,5 +987,8 @@
     "Параметры для кнопки отправки формы": "",
     "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
-    "CSS-класс для элемента навигации.": ""
+    "Допустимое количество символов после разделителя": "",
+    "CSS-класс для элемента навигации.": "",
+    "Тип данных для параметров маршрута.": "",
+    "Обертка над Redux Store со встроенными middleware (thunk, multi, promise..) и react-router.": ""
 }

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/useDataSelect.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 exports.getFlattenedItems = void 0;
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 var isNil_1 = __importDefault(require("lodash-es/isNil"));
 var difference_1 = __importDefault(require("lodash-es/difference"));
@@ -80,6 +81,10 @@ function useDataSelect(config) {
             if (!config.multiple && ids.length > 1) {
                 ids = [ids[0]];
             }
+            if ((0, isEmpty_1["default"])(ids)) {
+                setSelectedIdsInternal([]);
+                return;
+            }
             // If all elements of selectedIds are equal to ids, remove all elements
             if ((0, isEqual_1["default"])(selectedIds, ids)) {
                 setSelectedIdsInternal([]);

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/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.6",
+    "version": "3.0.8",
     "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/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/InputField/InputField.js

@@ -100,8 +100,8 @@ function InputField(props) {
     var onClear = React.useCallback(function () { return props.input.onChange(''); }, [props.input]);
     var inputProps = (0, react_1.useMemo)(function () {
         var _a;
-        return (__assign({ type: props.type, name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onInput: onChange, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
-    }, [onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder, props.type]);
+        return (__assign({ type: props.type, name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onInput: onChange, placeholder: props.placeholder }, props.inputProps));
+    }, [onChange, props.input.name, props.input.value, props.inputProps, props.placeholder, props.type]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         inputRef: useInputFieldWarningByType_1.INPUT_TYPES_SUPPORTED_SELECTION.includes(props.type) ? inputRef : null,
         onClear: onClear,
@@ -123,7 +123,8 @@ function InputField(props) {
         placeholder: props.placeholder,
         required: props.required,
         id: props.id,
-        viewProps: props.viewProps
+        viewProps: props.viewProps,
+        disabled: props.disabled
     }); }, [inputProps, inputRef, onClear, props]);
     // No render for hidden input
     if (props.type === 'hidden') {

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

@@ -52,11 +52,20 @@ function NumberField(props) {
         min: props.min,
         value: props.input.value,
         required: props.required
-    }, onChange).onInputChange;
+    }, 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

@@ -5,7 +5,7 @@ interface IInputTypeNumberProps {
     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,7 +4,7 @@ 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.');
@@ -21,12 +21,18 @@ var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChan
             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/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;

package/ui/nav/Controls/Controls.d.ts

@@ -57,7 +57,7 @@ export interface IControlsViewProps extends IControlsProps {
     className?: CssClassName;
     items: (IControlItem & {
         icon?: string;
-        label?: string | any;
+        label?: string;
         confirm?: string;
         color?: ColorName;
         outline?: boolean;

package/ui/nav/Nav/Nav.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ComponentType } from 'react';
 import { IButtonProps } from '../../form/Button/Button';
 export interface INavItem extends IButtonProps {
     /**
@@ -38,7 +38,7 @@ export interface INavItem extends IButtonProps {
      * Контент, который отобразится, если элемент навигации будет активен
      * @example ContentComponent
      */
-    content?: any;
+    content?: ComponentType<any> | string;
     /**
      * Свойства для компонента с контентом
      * @example
@@ -46,7 +46,7 @@ export interface INavItem extends IButtonProps {
      *  content: 'Some text'
      * }
      */
-    contentProps?: any;
+    contentProps?: Record<string, any>;
     /**
     * Вложенные элементы
     */