@steroidsjs/core 3.0.82 → 3.0.84

package/docs-autogen-result.json

@@ -3182,6 +3182,14 @@
                     "type": "number[]",
                     "example": "[1, 22]"
                 },
+                {
+                    "name": "isFetchDisabled",
+                    "decorators": [],
+                    "description": "Сигнал, запрещающий отправку запроса на получение данных",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -13916,6 +13924,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "isFetchDisabled",
+                    "decorators": [],
+                    "description": "Сигнал, запрещающий отправку запроса на получение данных",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "isRenderWithoutFieldLayout",
                     "decorators": [],
@@ -15765,6 +15782,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "isFetchDisabled",
+                    "decorators": [],
+                    "description": "Сигнал, запрещающий отправку запроса на получение данных",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "isRenderWithoutFieldLayout",
                     "decorators": [],
@@ -16348,6 +16374,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "isFetchDisabled",
+                    "decorators": [],
+                    "description": "Сигнал, запрещающий отправку запроса на получение данных",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "isRenderWithoutFieldLayout",
                     "decorators": [],
@@ -16784,6 +16819,15 @@
                     "example": "true",
                     "defaultValue": null
                 },
+                {
+                    "name": "disabledDays",
+                    "decorators": [],
+                    "description": " Ограничение доступных дат.",
+                    "required": false,
+                    "type": "{after: Date, before: Date}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "displayFormat",
                     "decorators": [],
@@ -17551,6 +17595,15 @@
                     "example": "true",
                     "defaultValue": null
                 },
+                {
+                    "name": "disabledDays",
+                    "decorators": [],
+                    "description": " Ограничение доступных дат.",
+                    "required": false,
+                    "type": "{after: Date, before: Date}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "displayFormat",
                     "decorators": [],
@@ -18086,6 +18139,15 @@
                     "example": "'isVisible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": "Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "calendarProps",
                     "decorators": [],
@@ -18140,6 +18202,15 @@
                     "example": "true",
                     "defaultValue": null
                 },
+                {
+                    "name": "disabledDays",
+                    "decorators": [],
+                    "description": " Ограничение доступных дат.",
+                    "required": false,
+                    "type": "{after: Date, before: Date}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "displayFormat",
                     "decorators": [],
@@ -18239,6 +18310,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15",
+                    "defaultValue": null
+                },
                 {
                     "name": "model",
                     "decorators": [],
@@ -18518,6 +18598,15 @@
                     "example": "'toTime'",
                     "defaultValue": null
                 },
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": "Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "calendarProps",
                     "decorators": [],
@@ -18536,6 +18625,24 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "dateTimeSeparator",
+                    "decorators": [],
+                    "description": "Разделитель для даты и времени, не влияет на отображение",
+                    "required": false,
+                    "type": "string",
+                    "example": null,
+                    "defaultValue": null
+                },
+                {
+                    "name": "disabledDays",
+                    "decorators": [],
+                    "description": " Ограничение доступных дат.",
+                    "required": false,
+                    "type": "{after: Date, before: Date}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "hasInitialFocus",
                     "decorators": [],
@@ -18572,6 +18679,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15",
+                    "defaultValue": null
+                },
                 {
                     "name": "rangeButtonsPosition",
                     "decorators": [],
@@ -19345,6 +19461,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "isFetchDisabled",
+                    "decorators": [],
+                    "description": "Сигнал, запрещающий отправку запроса на получение данных",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "isFetchOnClose",
                     "decorators": [],
@@ -19644,6 +19769,15 @@
                         }
                     ]
                 },
+                {
+                    "name": "onOpen",
+                    "decorators": [],
+                    "description": "Callback-функция, которая вызывается при открытии DropDown",
+                    "required": false,
+                    "type": "void",
+                    "example": null,
+                    "parameters": []
+                },
                 {
                     "name": "onReset",
                     "decorators": [],
@@ -19842,6 +19976,14 @@
                     "type": "boolean",
                     "example": null
                 },
+                {
+                    "name": "isFetchDisabled",
+                    "decorators": [],
+                    "description": "Сигнал, запрещающий отправку запроса на получение данных",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null
+                },
                 {
                     "name": "isFetchOnClose",
                     "decorators": [],
@@ -20166,7 +20308,7 @@
                 {
                     "name": "onOpen",
                     "decorators": [],
-                    "description": "",
+                    "description": "Callback-функция, которая вызывается при открытии DropDown",
                     "required": false,
                     "type": "void",
                     "example": null,
@@ -26398,6 +26540,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "isFetchDisabled",
+                    "decorators": [],
+                    "description": "Сигнал, запрещающий отправку запроса на получение данных",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "isRenderWithoutFieldLayout",
                     "decorators": [],
@@ -29901,6 +30052,15 @@
                     "example": "'isVisible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": " Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -30027,6 +30187,24 @@
                     "example": "'Visible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "maskOptions",
+                    "decorators": [],
+                    "description": "Опции маски для поля ввода",
+                    "required": false,
+                    "type": "MaskitoOptions",
+                    "example": null,
+                    "defaultValue": null
+                },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15",
+                    "defaultValue": null
+                },
                 {
                     "name": "model",
                     "decorators": [],
@@ -30184,10 +30362,18 @@
             "defaultProps": null,
             "extends": [
                 "IDateInputStateOutput",
-                "Pick<ITimeFieldProps",
-                "'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps' | 'style'>"
+                "Pick<\n        ITimeFieldProps",
+                "'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps' | 'style' | 'availableTime' | 'minuteStep'\n    >"
             ],
             "properties": [
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": " Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -30220,6 +30406,14 @@
                     "type": "boolean",
                     "example": null
                 },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15"
+                },
                 {
                     "name": "noBorder",
                     "decorators": [],
@@ -30300,9 +30494,17 @@
             "defaultProps": null,
             "extends": [
                 "Pick<ITimeFieldViewProps",
-                "'value' | 'onClose' | 'onNow' | 'onSelect' | 'className'>"
+                "'value' | 'onClose' | 'onNow' | 'onSelect' | 'className' | 'availableTime' | 'minuteStep'>"
             ],
             "properties": [
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": " Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -30311,6 +30513,14 @@
                     "type": "string",
                     "example": null
                 },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15"
+                },
                 {
                     "name": "showHeader",
                     "decorators": [],
@@ -30390,6 +30600,15 @@
                     "example": "'toTime'",
                     "defaultValue": null
                 },
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": " Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -30543,6 +30762,24 @@
                     "example": "'Visible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "maskOptions",
+                    "decorators": [],
+                    "description": "Опции маски для полей",
+                    "required": false,
+                    "type": "{from: MaskitoOptions, to: MaskitoOptions}",
+                    "example": null,
+                    "defaultValue": null
+                },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15",
+                    "defaultValue": null
+                },
                 {
                     "name": "model",
                     "decorators": [],

package/en.json

@@ -985,6 +985,7 @@
     "Компонент, который представляет в виде дерева список с иерархической структурой данных\n\nДополнительный функционал: в кастомном view компонента есть возможность реализовать кнопку, по клику на которую\nбудет вызываться функция props.onItemFocus. Данная функция \"находит\" текущий роут в дереве -\nраскрывает родительские уровни, делает элемент активным.\nДанная функция не включает скролл к активному компоненту внутри дерева, это также необходимо\nреализовать в кастомном view локально в проекте.\n": "",
     "Значение страницы по умолчанию.": "",
     "Логическое значение, указывающее, можно ли загрузить еще элементы для списка при скролле.": "",
+    "Сигнал, запрещающий отправку запроса на получение данных": "",
     " Ref autocomplete поиска": "",
     "Нужно ли закрывать выпадающий список после выбора элемента": "",
     "Ref для drop area": "",
@@ -1020,11 +1021,14 @@
     "Пропсы для отображения элемента": "",
     "Отображать чекбоксы только на узлах, не имеющих вложенных элементов": "",
     "View компонент для элемента дерева": "",
+    " Ограничение доступных дат.": "",
     "Положение дополнительных кнопок (сегодня, вчера и прочие)\nЕсли указано в формате 'position1-position2', то 'position1' будет на устройствах > $tablet-width, а 'position2' на остальных.": "",
     "Перемещать ли фокус на пустое после заполнения": "",
     "Активирует логику:\n- Если кликнули по дате начала или конца диапазона, то позволяем её изменить следующим кликом\n- Если клик не на дату конца или начала диапазона, а диапазон есть, то сбрасываем его\n- Если клик не на дату конца или начала диапазона, а диапазона нет, то устанавливаем кликнутую дату в поле from": "",
     "Добавляет дополнительные кнопки к календарю\ntrue - будут отображены кнопки по-умолчанию\nсписок:\n string - одна из кнопок по-умолчанию\n object - кастомная кнопка": "",
+    "Ограничение доступного времени.": "",
     "Разделитель для даты и времени, не влияет на отображение": "",
+    "Шаг минут": "",
     "Свойства, которые напрямую передаются в DropDown компонент": "",
     "Нужно ли подгружать данные после закрытия DropDown": "",
     "Число в пикселях, больше которого не может быть выпадающее меню": "",
@@ -1039,6 +1043,7 @@
     "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Допустимое количество символов после разделителя": "",
     "Может ли число быть отрицательным": "",
+    " Ограничение доступного времени.": "",
     "Подключить бесконечный скролл": "",
     "Аттрибут (название) в форме для поля с флагом, определяющим есть ли следующая страница": "",
     "Аттрибут (название) в форме для поля с номером текущей страницы": "",

package/hooks/useDataProvider.d.ts

@@ -104,6 +104,10 @@ export interface IDataProviderConfig {
      * @example [1, 22]
      */
     initialSelectedIds?: number[];
+    /**
+     * Сигнал, запрещающий отправку запроса на получение данных
+     */
+    isFetchDisabled?: boolean;
 }
 export interface IDataProviderResult {
     fetchRemote: ((isAuto: boolean) => Promise<void>) | null;

package/hooks/useDataProvider.js

@@ -165,6 +165,9 @@ function useDataProvider(config) {
             setItems(config.query ? (0, text_1.smartSearch)(config.query, sourceItems) : sourceItems);
             return;
         }
+        if (config.isFetchDisabled) {
+            return;
+        }
         if (config.autoFetch && !isAutoFetchedRef.current) {
             isAutoFetchedRef.current = true;
             fetchRemote(true);
@@ -187,7 +190,8 @@ function useDataProvider(config) {
             }
         }
     }, [autoComplete, components.http, config.autoFetch, config.dataProvider, config.initialSelectedIds, config.query, dataProvider,
-        dataProvider.action, dataProvider.onSearch, fetchRemote, prevAction, prevParams, prevQuery, prevValues, setSourceItems, sourceItems]);
+        dataProvider.action, dataProvider.onSearch, fetchRemote, prevAction, prevParams, prevQuery, prevValues, setSourceItems, sourceItems,
+        config.isFetchDisabled]);
     return {
         fetchRemote: config.dataProvider && fetchRemote,
         sourceItems: sourceItems,

package/package.json

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

package/ui/form/AutoCompleteField/AutoCompleteField.d.ts

@@ -43,6 +43,10 @@ export interface IAutoCompleteFieldProps extends IBaseFieldProps, IDataProviderC
      * @example '; '
      */
     multipleSeparator?: string;
+    /**
+     * Сигнал, запрещающий отправку запроса на получение данных
+     */
+    isFetchDisabled?: boolean;
 }
 export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
     items: IAutoCompleteItem[];

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -42,7 +42,8 @@ function AutoCompleteField(props) {
         autoComplete: props.autoComplete,
         autoFetch: props.autoFetch,
         initialSelectedIds: props.selectedIds,
-        query: query
+        query: query,
+        isFetchDisabled: props.isFetchDisabled
     }), items = _b.items, isLoading = _b.isLoading, sourceItems = _b.sourceItems;
     // Data select
     var _c = (0, hooks_1.useDataSelect)({

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

@@ -25,6 +25,13 @@ export interface IDateFieldProps extends IDateInputStateInput, IUiComponent, Pic
      * Опции маски для поля ввода
      */
     maskOptions?: MaskitoOptions;
+    /**
+     *  Ограничение доступных дат.
+     */
+    disabledDays?: {
+        after?: Date;
+        before?: Date;
+    };
     [key: string]: any;
 }
 export interface IDateFieldViewProps extends IDateInputStateOutput, Pick<IDateFieldProps, 'size' | 'icon' | 'errors' | 'showRemove' | 'className' | 'calendarProps' | 'autoPositioning'> {

package/ui/form/DateField/DateField.js

@@ -26,9 +26,16 @@ var enums_1 = require("../../../enums");
  * Поле ввода с выпадающим календарём для выбора даты
  */
 function DateField(props) {
+    var _a, _b, _c;
     var components = (0, hooks_1.useComponents)();
-    var maskInputRef = (0, react_2.useMaskito)({ options: props.maskOptions });
-    var _a = (0, useDateInputState_1["default"])({
+    var maskInputRef = (0, react_2.useMaskito)({
+        options: (_a = props.maskOptions) !== null && _a !== void 0 ? _a : (0, kit_1.maskitoDateOptionsGenerator)({
+            mode: 'dd/mm/yyyy',
+            separator: '.',
+            min: (_c = (_b = props.disabledDays) === null || _b === void 0 ? void 0 : _b.before) !== null && _c !== void 0 ? _c : null
+        })
+    });
+    var _d = (0, useDateInputState_1["default"])({
         input: props.input,
         disabled: props.disabled,
         onChange: props.onChange,
@@ -37,9 +44,13 @@ function DateField(props) {
         placeholder: props.placeholder,
         valueFormat: props.valueFormat,
         displayFormat: props.displayFormat
-    }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
+    }), onClear = _d.onClear, onClose = _d.onClose, isOpened = _d.isOpened, inputProps = _d.inputProps;
     // Calendar props
-    var calendarProps = (0, react_1.useMemo)(function () { return (__assign({ value: props.input.value, onChange: props.input.onChange, valueFormat: props.valueFormat }, props.calendarProps)); }, [props.calendarProps, props.input.onChange, props.input.value, props.valueFormat]);
+    var calendarProps = (0, react_1.useMemo)(function () {
+        var _a;
+        return (__assign({ value: props.input.value, onChange: props.input.onChange, valueFormat: props.valueFormat }, ((props === null || props === void 0 ? void 0 : props.disabledDays)
+            ? __assign(__assign({}, props.calendarProps), { pickerProps: __assign(__assign({}, (_a = props.calendarProps) === null || _a === void 0 ? void 0 : _a.pickerProps), { disabledDays: props.disabledDays }) }) : props.calendarProps)));
+    }, [props.calendarProps, props.disabledDays, props.input.onChange, props.input.value, props.valueFormat]);
     var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { calendarProps: calendarProps, onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, size: props.size, icon: props.icon, errors: props.errors, label: props.label, disabled: props.disabled, className: props.className, showRemove: props.showRemove, style: props.style, autoPositioning: props.autoPositioning, maskInputRef: maskInputRef, id: props.id })); }, [
         props.viewProps, props.size, props.icon, props.errors, props.label, props.disabled,
         props.className, props.showRemove, props.style, props.autoPositioning, props.id, calendarProps,
@@ -54,10 +65,6 @@ DateField.defaultProps = {
     required: false,
     showRemove: true,
     autoPositioning: true,
-    valueFormat: 'YYYY-MM-DD',
-    maskOptions: (0, kit_1.maskitoDateOptionsGenerator)({
-        mode: 'dd/mm/yyyy',
-        separator: '.'
-    })
+    valueFormat: 'YYYY-MM-DD'
 };
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.DATE_FIELD, DateField);

package/ui/form/DateField/useDateInputState.js

@@ -42,6 +42,9 @@ function useDateInputState(props) {
     }, [propsDisplayValue]);
     // Display input change handler
     var onDisplayValueChange = (0, react_1.useCallback)(function (value) {
+        if (typeof value !== 'string') {
+            return;
+        }
         value = value.replace(/[^0-9:., ]/g, '');
         setDisplayValue(value);
         var newValue = value;

package/ui/form/DateRangeField/DateRangeField.d.ts

@@ -91,6 +91,13 @@ export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
         */
         to: MaskitoOptions;
     };
+    /**
+     *  Ограничение доступных дат.
+     */
+    disabledDays?: {
+        after?: Date;
+        before?: Date;
+    };
     /**
      * Активирует логику:
      * - Если кликнули по дате начала или конца диапазона, то позволяем её изменить следующим кликом