@steroidsjs/core 3.0.0-beta.4 → 3.0.0-beta.41

package/hooks/useAbsolutePositioning.d.ts

@@ -8,7 +8,7 @@ interface IStyleObj {
  * Варианты абсолютного позиционирования
  * @example 'top'
  */
-declare type Position = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
+type Position = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
 export interface IAbsolutePositioningInputProps {
     /**
      * Включает "умное" позиционирование - если компонент не может быть помещен в промежуток между целевым компонентом

package/hooks/useAbsolutePositioning.js

@@ -2,16 +2,16 @@
 exports.__esModule = true;
 var react_1 = require("react");
 function useAbsolutePositioning(props) {
-    var _a = react_1.useState(props.visible), isComponentExist = _a[0], setIsComponentExist = _a[1];
-    var _b = react_1.useState(props.visible), isComponentVisible = _b[0], setIsComponentVisible = _b[1];
-    var _c = react_1.useState(props.position), position = _c[0], setPosition = _c[1];
-    var _d = react_1.useState({
+    var _a = (0, react_1.useState)(props.visible), isComponentExist = _a[0], setIsComponentExist = _a[1];
+    var _b = (0, react_1.useState)(props.visible), isComponentVisible = _b[0], setIsComponentVisible = _b[1];
+    var _c = (0, react_1.useState)(props.position), position = _c[0], setPosition = _c[1];
+    var _d = (0, react_1.useState)({
         left: null,
         right: null,
         top: null
     }), style = _d[0], setStyle = _d[1];
-    var timerRef = react_1.useRef(null);
-    var calculateAbsolutePosition = react_1.useCallback(function (newPosition, childRef, componentSize) {
+    var timerRef = (0, react_1.useRef)(null);
+    var calculateAbsolutePosition = (0, react_1.useCallback)(function (newPosition, childRef, componentSize) {
         var newStyle = { left: null, right: null, top: null };
         var _a = childRef.getBoundingClientRect(), top = _a.top, right = _a.right, left = _a.left, width = _a.width, height = _a.height;
         var parentDimensions = { top: top, right: right, left: left, width: width, height: height };
@@ -141,7 +141,7 @@ function useAbsolutePositioning(props) {
         setPosition(newPosition);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.gap]);
-    var onShow = react_1.useCallback(function () {
+    var onShow = (0, react_1.useCallback)(function () {
         if (timerRef.current) {
             clearTimeout(timerRef.current);
         }
@@ -150,7 +150,7 @@ function useAbsolutePositioning(props) {
         // TODO: How to wait setState callback?
         setTimeout(function () { return setIsComponentVisible(true); });
     }, []);
-    var onHide = react_1.useCallback(function () {
+    var onHide = (0, react_1.useCallback)(function () {
         setIsComponentVisible(false);
         if (timerRef.current) {
             clearTimeout(timerRef.current);
@@ -159,7 +159,7 @@ function useAbsolutePositioning(props) {
         timerRef.current = setTimeout(function () { return setIsComponentExist(false); }, props.componentDestroyDelay);
     }, [props.componentDestroyDelay]);
     // Trigger on visible
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (props.visible) {
             onShow();
         }
@@ -169,7 +169,7 @@ function useAbsolutePositioning(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.visible]);
     // Trigger on isComponentVisible
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (props.onVisibleChange) {
             props.onVisibleChange(isComponentVisible);
         }

package/hooks/useAddressBar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="connected-react-router" />
 import { Model } from '../components/MetaComponent';
-export declare type ListControlPosition = 'top' | 'bottom' | 'both' | string;
+export type ListControlPosition = 'top' | 'bottom' | 'both' | string;
 export interface IAddressBarConfig {
     enable?: boolean;
     useHash?: boolean;
@@ -19,5 +19,5 @@ export declare const queryRestore: (model: Model, location: any, useHash: any) =
  * // @todo use 'qs' library instead of 'query-string'
  *
  */
-export declare const queryReplace: (model: Model, location: any, values: any, useHash: any) => any[] | import("connected-react-router").CallHistoryMethodAction<[any, any?]>;
+export declare const queryReplace: (model: Model, location: any, values: any, useHash: any) => any[] | import("connected-react-router").CallHistoryMethodAction<[Path, LocationState?]>;
 export default function useAddressBar(config: IAddressBarConfig): IAddressBarOutput;

package/hooks/useAddressBar.js

@@ -21,13 +21,13 @@ var defaultFromStringConverter = function (value, type, item) {
     if (type.substr(-2) === '[]') {
         var subType_1 = type.substr(0, type.length - 2);
         return value
-            ? value.split(ARRAY_VALUE_SEPARATOR).map(function (v) { return exports.defaultFromStringConverter(v, subType_1, item); })
+            ? value.split(ARRAY_VALUE_SEPARATOR).map(function (v) { return (0, exports.defaultFromStringConverter)(v, subType_1, item); })
             : null;
     }
     // Single
     switch (type) {
         case 'number':
-            return value || String(value) === '0' ? toInteger_1["default"](value) : null;
+            return value || String(value) === '0' ? (0, toInteger_1["default"])(value) : null;
         case 'boolean':
             return ['1', 't', 'y'].includes(String(value).substr(0, 1)) || null;
         default:
@@ -63,7 +63,7 @@ var queryRestore = function (model, location, useHash) {
         if (typeof item === 'string') {
             item = { attribute: item };
         }
-        var defaultValue = has_1["default"](item, 'defaultValue') ? item.defaultValue : null;
+        var defaultValue = (0, has_1["default"])(item, 'defaultValue') ? item.defaultValue : null;
         var converter = item.fromStringConverter || exports.defaultFromStringConverter;
         var value = converter(values[item.attribute], item.jsType || 'string', item);
         if (value !== null || defaultValue !== null) {
@@ -86,7 +86,7 @@ var queryReplace = function (model, location, values, useHash) {
         if (typeof item === 'string') {
             item = { attribute: item };
         }
-        var defaultValue = has_1["default"](item, 'defaultValue') ? item.defaultValue : null;
+        var defaultValue = (0, has_1["default"])(item, 'defaultValue') ? item.defaultValue : null;
         if ((values === null || values === void 0 ? void 0 : values[item.attribute]) !== defaultValue) {
             var converter = item.toStringConverter || exports.defaultToStringConverter;
             var value = converter(values === null || values === void 0 ? void 0 : values[item.attribute], item.jsType || 'string', item);
@@ -106,39 +106,37 @@ var queryReplace = function (model, location, values, useHash) {
     }
     query = '?' + query;
     if (location.search !== query) {
-        return connected_react_router_1.replace(location.pathname + query);
+        return (0, connected_react_router_1.replace)(location.pathname + query);
     }
     return [];
 };
 exports.queryReplace = queryReplace;
 function useAddressBar(config) {
     // Get location from redux
-    var location = useSelector_1["default"](function (state) { return get_1["default"](state, 'router.location') || null; });
+    var location = (0, useSelector_1["default"])(function (state) { return (0, get_1["default"])(state, 'router.location') || null; });
     // Initial query
-    var initialQueryRef = react_1.useRef(null);
+    var initialQueryRef = (0, react_1.useRef)(null);
     if (!initialQueryRef.current && config.enable) {
-        initialQueryRef.current = exports.queryRestore(config.model, location, config.useHash);
+        initialQueryRef.current = (0, exports.queryRestore)(config.model, location, config.useHash);
     }
     // Update handler
-    var dispatch = useDispatch_1["default"]();
-    var updateQuery = react_1.useCallback(function (values) {
+    var dispatch = (0, useDispatch_1["default"])();
+    var updateQuery = (0, react_1.useCallback)(function (values) {
         if (config.enable) {
             // Remove all 'undefined' values or empty objects/arrays from passed form values
             var normalizedValues = Object.keys(values).reduce(function (obj, key) {
                 var value = values[key];
                 var isValidValue = typeof value === 'object'
-                    ? !isEmpty_1["default"](value)
+                    ? !(0, isEmpty_1["default"])(value)
                     : value !== undefined;
                 if (isValidValue) {
                     obj[key] = value;
                 }
                 return obj;
             }, {});
-            if (!isEqual_1["default"](initialQueryRef.current, normalizedValues)) {
+            if (!(0, isEqual_1["default"])(initialQueryRef.current, normalizedValues)) {
                 initialQueryRef.current = normalizedValues;
-                //TODO Remove @ts-ignore
-                //@ts-ignore
-                dispatch(exports.queryReplace(config.model, location, normalizedValues, config.useHash));
+                dispatch((0, exports.queryReplace)(config.model, location, normalizedValues, config.useHash));
             }
         }
     }, [config.enable, config.model, config.useHash, dispatch, location]);

package/hooks/useApplication.d.ts

@@ -27,7 +27,7 @@ export interface IApplicationHookConfig {
     routes?: () => IRouteItem;
     layoutView?: () => CustomView;
     layoutProps?: Record<string, unknown>;
-    screen?: boolean | Omit<IScreenProviderProps, 'children'>;
+    screen?: Omit<IScreenProviderProps, 'children'>;
     /**
      * These fetch configurations will be used to preload and store for no matter what route matched in case of SSR
      */

package/hooks/useApplication.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -88,14 +92,14 @@ exports.defaultComponents = {
 function useApplication(config) {
     if (config === void 0) { config = {}; }
     var useGlobal = config.useGlobal !== false;
-    var components = useComponents_1["default"]();
+    var components = (0, useComponents_1["default"])();
     if (useGlobal && !process.env.IS_SSR) {
         components = window.SteroidsComponents || null;
     }
     // Create components
     if (!components) {
         components = {};
-        var componentsConfig_1 = merge_1["default"]({}, exports.defaultComponents, config.components);
+        var componentsConfig_1 = (0, merge_1["default"])({}, exports.defaultComponents, config.components);
         Object.keys(componentsConfig_1).forEach(function (name) {
             if (typeof componentsConfig_1[name] === 'function') {
                 componentsConfig_1[name] = { className: componentsConfig_1[name] };
@@ -117,7 +121,7 @@ function useApplication(config) {
         }
     }
     // Application wrapper
-    var renderApplication = react_1.useCallback(function (children) {
+    var renderApplication = (0, react_1.useCallback)(function (children) {
         if (children === void 0) { children = null; }
         var content = children;
         // Wrap in routes

package/hooks/useBem.js

@@ -9,6 +9,6 @@ var useComponents_1 = __importDefault(require("./useComponents"));
  * Возвращает утилиту `bem` для правильной генерации CSS классов по методологии БЭМ (блок, элемент, модификатор)
  */
 function useBem(namespace) {
-    return useComponents_1["default"]().html.bem(namespace);
+    return (0, useComponents_1["default"])().html.bem(namespace);
 }
 exports["default"] = useBem;

package/hooks/useComponents.js

@@ -6,6 +6,6 @@ function useComponents() {
     if (!process.env.IS_SSR) {
         return window.SteroidsComponents;
     }
-    return react_1.useContext(ComponentsProvider_1.ComponentsContext); // eslint-disable-line react-hooks/rules-of-hooks
+    return (0, react_1.useContext)(ComponentsProvider_1.ComponentsContext); // eslint-disable-line react-hooks/rules-of-hooks
 }
 exports["default"] = useComponents;

package/hooks/useDataProvider.d.ts

@@ -1,6 +1,6 @@
 import { IApiMethod } from '../components/ApiComponent';
 import Enum from '../base/Enum';
-export interface AutoCompleteConfig {
+export interface IAutoCompleteConfig {
     /**
      * Подключить autocomplete?
      * @example true
@@ -17,13 +17,39 @@ export interface AutoCompleteConfig {
      */
     delay?: number;
 }
-export declare type DataProviderItems = string | ({
+export type DataProviderItems = string | ({
     new (): Enum;
 }) | (string | number | {
     id: string | number | boolean;
     label: string | any;
     [key: string]: any;
 })[];
+export interface IDataProvider {
+    /**
+     * Уникальный (глобально) идентификатор, под которых будут храниться
+     * подгруженные данные в redux (при включенном флаге useRedux). Если
+     * не задан - данные будут храниться в локальном стейте
+     */
+    reduxId?: string;
+    /**
+     * URL для подгрузки новой коллекции данных
+     * @example '/api/v1/search'
+     */
+    action?: string | IApiMethod;
+    /**
+     * Параметры запроса
+     * @example {pageSize: 3}
+     */
+    params?: Record<string, unknown>;
+    /**
+     * Обработчик, который вызывается для подгрузки данных.
+     * Если обработчик не передан, то по умолчанию отправится post-запрос.
+     * @param {string} action
+     * @param {Object} params
+     * @return {Promise<Array> | Array}
+     */
+    onSearch?: (action: string, params: Record<string, unknown>) => Array<unknown> | Promise<Array<unknown>>;
+}
 export interface IDataProviderConfig {
     /**
      * Коллекция элементов
@@ -34,32 +60,7 @@ export interface IDataProviderConfig {
      * Конфигурация для подгрузки данных извне.
      * Если dataProvider не передан, то поиск данных по запросу происходит локально.
      */
-    dataProvider?: {
-        /**
-         * Уникальный (глобально) идентификатор, под которых будут храниться
-         * подгруженные данные в redux (при включенном флаге useRedux). Если
-         * не задан - данные будут храниться в локальном стейте
-         */
-        reduxId?: string;
-        /**
-         * URL для подгрузки новой коллекции данных
-         * @example '/api/v1/search'
-         */
-        action?: string | IApiMethod;
-        /**
-         * Параметры запроса
-         * @example {pageSize: 3}
-         */
-        params?: Record<string, unknown>;
-        /**
-         * Обработчик, который вызывается для подгрузки данных.
-         * Если обработчик не передан, то по умолчанию отправится post-запрос.
-         * @param {string} action
-         * @param {Object} params
-         * @return {Promise<Array> | Array}
-         */
-        onSearch?: (action: string, params: Record<string, unknown>) => Array<unknown> | Promise<Array<unknown>>;
-    };
+    dataProvider?: IDataProvider;
     /**
      * Текст запроса
      * @example 'some text'
@@ -69,7 +70,7 @@ export interface IDataProviderConfig {
      * Настройки поиска
      * @example {enable: true, minLength: 2, delay: 100}
      */
-    autoComplete?: boolean | AutoCompleteConfig;
+    autoComplete?: boolean | IAutoCompleteConfig;
     /**
      * Загрузка данных после любого изменения запроса.
      * Если включен autoFetch, то настройки autoComplete не применятся.

package/hooks/useDataProvider.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -46,10 +46,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -83,45 +87,45 @@ var defaultProps = {
 function useDataProvider(config) {
     var _this = this;
     var _a;
-    var components = index_1.useComponents();
-    var dispatch = index_1.useDispatch();
+    var components = (0, index_1.useComponents)();
+    var dispatch = (0, index_1.useDispatch)();
     var reduxDataProviderId = (_a = config.dataProvider) === null || _a === void 0 ? void 0 : _a.reduxId;
     // Check enum
-    var enumItems = react_redux_1.useSelector(function (state) { return isString_1["default"](config.items) ? fields_2.getEnumLabels(state, config.items) : null; });
+    var enumItems = (0, react_redux_1.useSelector)(function (state) { return (0, isString_1["default"])(config.items) ? (0, fields_2.getEnumLabels)(state, config.items) : null; });
     // Initial items
-    var initialItems = data_1.normalizeItems(enumItems || config.items);
+    var initialItems = (0, data_1.normalizeItems)(enumItems || config.items);
     // Items state
-    var _b = react_1.useState(initialItems), items = _b[0], setItems = _b[1];
-    var _c = react_1.useState(false), isLoading = _c[0], setIsLoading = _c[1];
+    var _b = (0, react_1.useState)(initialItems), items = _b[0], setItems = _b[1];
+    var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
     // Source items state (redux or local)
-    var _d = react_1.useState(initialItems), sourceInternalItems = _d[0], setSourceInternalItems = _d[1];
-    var sourceReduxItems = react_redux_1.useSelector(function (state) { return fields_2.getDataProviderItems(state, reduxDataProviderId); });
+    var _d = (0, react_1.useState)(initialItems), sourceInternalItems = _d[0], setSourceInternalItems = _d[1];
+    var sourceReduxItems = (0, react_redux_1.useSelector)(function (state) { return (0, fields_2.getDataProviderItems)(state, reduxDataProviderId); });
     var sourceItems = reduxDataProviderId ? sourceReduxItems : sourceInternalItems;
-    var setSourceItems = react_1.useCallback(function (value) {
+    var setSourceItems = (0, react_1.useCallback)(function (value) {
         if (reduxDataProviderId) {
-            dispatch(fields_1.fieldsDataProviderSetItems(reduxDataProviderId, value));
+            dispatch((0, fields_1.fieldsDataProviderSetItems)(reduxDataProviderId, value));
         }
         else {
             setSourceInternalItems(value);
         }
     }, [reduxDataProviderId, dispatch]);
     // Check change items from props
-    var prevInitialItems = react_use_1.usePrevious(initialItems);
-    react_1.useEffect(function () {
-        if (prevInitialItems && !isEqual_1["default"](prevInitialItems, initialItems)) {
+    var prevInitialItems = (0, react_use_1.usePrevious)(initialItems);
+    (0, react_1.useEffect)(function () {
+        if (prevInitialItems && !(0, isEqual_1["default"])(prevInitialItems, initialItems)) {
             setSourceInternalItems(initialItems);
         }
     }, [prevInitialItems, initialItems]);
     // Normalize autoComplete
-    var autoComplete = react_1.useMemo(function () { return (__assign(__assign({}, defaultProps.autoComplete), (typeof config.autoComplete === 'boolean') ? { enable: config.autoComplete } : config.autoComplete)); }, [config.autoComplete]);
-    var dataProvider = react_1.useMemo(function () { return (__assign({ action: '', actionMethod: 'get', params: null, onSearch: null }, config.dataProvider)); }, [config.dataProvider]);
+    var autoComplete = (0, react_1.useMemo)(function () { return (__assign(__assign({}, defaultProps.autoComplete), (typeof config.autoComplete === 'boolean') ? { enable: config.autoComplete } : config.autoComplete)); }, [config.autoComplete]);
+    var dataProvider = (0, react_1.useMemo)(function () { return (__assign({ action: '', actionMethod: 'get', params: null, onSearch: null }, config.dataProvider)); }, [config.dataProvider]);
     // Fetch data
-    var delayTimerRef = react_1.useRef(null);
-    var isAutoFetchedRef = react_1.useRef(false);
-    var prevQuery = react_use_1.usePrevious(config.query);
-    var prevParams = react_use_1.usePrevious(dataProvider.params);
-    var prevValues = react_use_1.usePrevious(config.initialSelectedIds);
-    react_1.useEffect(function () {
+    var delayTimerRef = (0, react_1.useRef)(null);
+    var isAutoFetchedRef = (0, react_1.useRef)(false);
+    var prevQuery = (0, react_use_1.usePrevious)(config.query);
+    var prevParams = (0, react_use_1.usePrevious)(dataProvider.params);
+    var prevValues = (0, react_use_1.usePrevious)(config.initialSelectedIds);
+    (0, react_1.useEffect)(function () {
         var fetchRemote = function (isAuto) { return __awaiter(_this, void 0, void 0, function () {
             var searchHandler, result, newItems;
             var _a;
@@ -133,7 +137,7 @@ function useDataProvider(config) {
                             : function (method, params) { return components.http.send(dataProvider.actionMethod, method, params)
                                 .then(function (response) { return response.data; }); });
                         result = searchHandler(dataProvider.action, __assign(__assign(__assign({ query: config.query }, (isAuto ? { ids: config.initialSelectedIds } : null)), (((_a = config.initialSelectedIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? { withIds: config.initialSelectedIds } : null)), config.dataProvider.params));
-                        if (!(result && isFunction_1["default"](result.then))) return [3 /*break*/, 2];
+                        if (!(result && (0, isFunction_1["default"])(result.then))) return [3 /*break*/, 2];
                         setIsLoading(true);
                         return [4 /*yield*/, result];
                     case 1:
@@ -142,12 +146,12 @@ function useDataProvider(config) {
                         _b.label = 2;
                     case 2:
                         // Update items
-                        newItems = data_1.normalizeItems(newItems);
+                        newItems = (0, data_1.normalizeItems)(newItems);
                         if (!config.query) {
                             setSourceItems(newItems);
                         }
                         else {
-                            setSourceItems(uniqBy_1["default"](__spreadArray(__spreadArray([], sourceItems), newItems), 'id'));
+                            setSourceItems((0, uniqBy_1["default"])(__spreadArray(__spreadArray([], sourceItems, true), newItems, true), 'id'));
                         }
                         setItems(newItems);
                         return [2 /*return*/];
@@ -156,13 +160,13 @@ function useDataProvider(config) {
         }); };
         if (!config.dataProvider) {
             // Client-side search on static items
-            setItems(config.query ? text_1.smartSearch(config.query, sourceItems) : sourceItems);
+            setItems(config.query ? (0, text_1.smartSearch)(config.query, sourceItems) : sourceItems);
         }
         else if (config.autoFetch && isAutoFetchedRef.current === false) {
             isAutoFetchedRef.current = true;
             fetchRemote(true);
         }
-        else if (!isEqual_1["default"](prevValues, config.initialSelectedIds)) {
+        else if (!(0, isEqual_1["default"])(prevValues, config.initialSelectedIds)) {
             fetchRemote(false);
         }
         else if (autoComplete.enable || (config.autoFetch && isAutoFetchedRef.current === true)) {
@@ -170,7 +174,7 @@ function useDataProvider(config) {
                 clearTimeout(delayTimerRef.current);
             }
             // Changed query logic
-            if (prevQuery !== config.query || !isEqual_1["default"](prevParams, dataProvider.params)) {
+            if (prevQuery !== config.query || !(0, isEqual_1["default"])(prevParams, dataProvider.params)) {
                 // Search with delay
                 delayTimerRef.current = setTimeout(fetchRemote, autoComplete.delay);
             }

package/hooks/useDataSelect.d.ts

@@ -1,4 +1,4 @@
-interface IDataSelectItem {
+export interface IDataSelectItem {
     id: number | string | boolean;
     label?: string;
     [key: string]: unknown;
@@ -57,4 +57,3 @@ export interface IDataSelectResult {
 }
 export declare const getLinearItems: (items: any, groupAttribute: any) => any[];
 export default function useDataSelect(config: IDataSelectConfig): IDataSelectResult;
-export {};

package/hooks/useDataSelect.js

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -21,7 +25,7 @@ var getLinearItems = function (items, groupAttribute) {
     var result = [];
     items.forEach(function (item) {
         if (groupAttribute && Array.isArray(item[groupAttribute])) {
-            result = result.concat(exports.getLinearItems(item[groupAttribute], groupAttribute));
+            result = result.concat((0, exports.getLinearItems)(item[groupAttribute], groupAttribute));
         }
         else {
             result.push(item);
@@ -39,36 +43,36 @@ var isIdExists = function (id) {
 function useDataSelect(config) {
     // Get primary key
     var primaryKey = config.primaryKey || defaultProps.primaryKey;
-    var linearItems = react_1.useMemo(function () { return exports.getLinearItems(config.items, config.groupAttribute); }, [config.groupAttribute, config.items]);
+    var linearItems = (0, react_1.useMemo)(function () { return (0, exports.getLinearItems)(config.items, config.groupAttribute); }, [config.groupAttribute, config.items]);
     // Initial select
-    var initialSelectedIds = react_1.useMemo(function () {
+    var initialSelectedIds = (0, react_1.useMemo)(function () {
         var _a;
         if (((_a = config.selectedIds) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             return [].concat(config.selectedIds || []);
         }
-        if (!isNil_1["default"](config.inputValue)) {
-            return [].concat(isArray_1["default"](config.inputValue) ? config.inputValue : [config.inputValue]);
+        if (!(0, isNil_1["default"])(config.inputValue)) {
+            return [].concat((0, isArray_1["default"])(config.inputValue) ? config.inputValue : [config.inputValue]);
         }
         return config.selectFirst && linearItems.length > 0
             ? [linearItems[0][primaryKey]]
             : [];
     }, [config.selectedIds, config.inputValue, config.selectFirst, linearItems, primaryKey]);
-    var initialSelectedItems = react_1.useMemo(function () { return linearItems.length > 0
+    var initialSelectedItems = (0, react_1.useMemo)(function () { return linearItems.length > 0
         && initialSelectedIds.length > 0
         ? initialSelectedIds
             .map(function (selectedId) { return linearItems.find(function (item) { return item.id === selectedId; }); })
             .filter(isIdExists)
         : []; }, [initialSelectedIds, linearItems]);
     // State
-    var _a = react_1.useState(false), isOpened = _a[0], setIsOpened = _a[1];
-    var _b = react_1.useState(false), isFocused = _b[0], setIsFocused = _b[1];
-    var _c = react_1.useState(null), hoveredId = _c[0], setHoveredId = _c[1];
-    var _d = react_1.useState(initialSelectedIds), selectedIds = _d[0], setSelectedIdsInternal = _d[1];
-    var _e = react_1.useState(initialSelectedItems), selectedItems = _e[0], setSelectedItemsInternal = _e[1];
+    var _a = (0, react_1.useState)(false), isOpened = _a[0], setIsOpened = _a[1];
+    var _b = (0, react_1.useState)(false), isFocused = _b[0], setIsFocused = _b[1];
+    var _c = (0, react_1.useState)(null), hoveredId = _c[0], setHoveredId = _c[1];
+    var _d = (0, react_1.useState)(initialSelectedIds), selectedIds = _d[0], setSelectedIdsInternal = _d[1];
+    var _e = (0, react_1.useState)(initialSelectedItems), selectedItems = _e[0], setSelectedItemsInternal = _e[1];
     // Handler for select/toggle item by id
-    var setSelectedIds = react_1.useCallback(function (ids, skipToggle) {
+    var setSelectedIds = (0, react_1.useCallback)(function (ids, skipToggle) {
         if (skipToggle === void 0) { skipToggle = false; }
-        if (isArray_1["default"](ids)) {
+        if ((0, isArray_1["default"])(ids)) {
             if (!config.multiple && ids.length > 1) {
                 ids = [ids[0]];
             }
@@ -86,7 +90,7 @@ function useDataSelect(config) {
                     }
                 }
                 else {
-                    setSelectedIdsInternal(__spreadArray(__spreadArray([], selectedIds), [id_1]).sort());
+                    setSelectedIdsInternal(__spreadArray(__spreadArray([], selectedIds, true), [id_1], false).sort());
                 }
             }
             else {
@@ -98,8 +102,8 @@ function useDataSelect(config) {
         }
     }, [config.multiple, selectedIds]);
     // Update selected items on change selectedIds or items or source items
-    var prevSelectedIdsLength = react_use_1.usePrevious(selectedIds.length);
-    react_use_1.useUpdateEffect(function () {
+    var prevSelectedIdsLength = (0, react_use_1.usePrevious)(selectedIds.length);
+    (0, react_use_1.useUpdateEffect)(function () {
         var newSelectedItems = [];
         var hasChanges = false;
         selectedIds.forEach(function (selectedId) {
@@ -121,15 +125,15 @@ function useDataSelect(config) {
         }
     }, [linearItems, config.sourceItems, primaryKey, selectedIds, selectedItems, prevSelectedIdsLength]);
     // Select first after fetch data
-    var prevItemsLength = react_use_1.usePrevious(linearItems.length);
-    react_use_1.useUpdateEffect(function () {
+    var prevItemsLength = (0, react_use_1.usePrevious)(linearItems.length);
+    (0, react_use_1.useUpdateEffect)(function () {
         if (config.selectFirst && prevItemsLength === 0 && linearItems.length > 0) {
             setSelectedIdsInternal([linearItems[0][primaryKey]]);
         }
     }, [linearItems, config.selectFirst, prevItemsLength, primaryKey]);
     // Update selected items on change value
-    var prevConfigSelectedIds = react_use_1.usePrevious(config.selectedIds || []);
-    react_use_1.useUpdateEffect(function () {
+    var prevConfigSelectedIds = (0, react_use_1.usePrevious)(config.selectedIds || []);
+    (0, react_use_1.useUpdateEffect)(function () {
         var newSelectedIds = config.selectedIds || [];
         selectedItems.forEach(function (selectedItem) {
             if (!newSelectedIds.includes(selectedItem.id) && config.selectedIds
@@ -138,7 +142,7 @@ function useDataSelect(config) {
             }
         });
         newSelectedIds.sort();
-        if (!isEqual_1["default"](prevConfigSelectedIds, newSelectedIds) && !isEqual_1["default"](selectedIds, newSelectedIds)) {
+        if (!(0, isEqual_1["default"])(prevConfigSelectedIds, newSelectedIds) && !(0, isEqual_1["default"])(selectedIds, newSelectedIds)) {
             setSelectedIdsInternal(newSelectedIds);
         }
     }, [config.selectedIds, prevConfigSelectedIds, selectedIds, selectedItems]);
@@ -149,7 +153,7 @@ function useDataSelect(config) {
     // - enter
     // - up/down arrows
     // - space
-    var onKeyDown = react_1.useCallback(function (e) {
+    var onKeyDown = (0, react_1.useCallback)(function (e) {
         // Skip no active
         if (!isFocused && !isOpened) {
             return;
@@ -213,7 +217,7 @@ function useDataSelect(config) {
             }
         }
     }, [isFocused, isOpened, hoveredId, selectedIds, linearItems, setSelectedIds]);
-    react_use_1.useEvent('keydown', onKeyDown);
+    (0, react_use_1.useEvent)('keydown', onKeyDown);
     return {
         isOpened: isOpened,
         setIsOpened: setIsOpened,

package/hooks/useDispatch.d.ts

@@ -1 +1,2 @@
-export default function useDispatch(): import("redux").Dispatch<import("redux").AnyAction>;
+import { Dispatch } from 'react';
+export default function useDispatch(): Dispatch<any>;

package/hooks/useDispatch.js

@@ -2,6 +2,7 @@
 exports.__esModule = true;
 var react_redux_1 = require("react-redux");
 function useDispatch() {
-    return react_redux_1.useDispatch();
+    //@ts-ignore
+    return (0, react_redux_1.useDispatch)();
 }
 exports["default"] = useDispatch;