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

package/hooks/useDataProvider.d.ts

@@ -17,7 +17,7 @@ export interface AutoCompleteConfig {
      */
     delay?: number;
 }
-export declare type DataProviderItems = string | ({
+export type DataProviderItems = string | ({
     new (): Enum;
 }) | (string | number | {
     id: string | number | boolean;

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

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

package/hooks/useFetch.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]) {
@@ -63,7 +63,7 @@ var getConfigId = function (config) {
     if (config === null) {
         return null;
     }
-    var result = trim_1["default"](config.id || config.url, '/');
+    var result = (0, trim_1["default"])(config.id || config.url, '/');
     if (!result) {
         // eslint-disable-next-line no-console
         console.warn('Please set id for fetch config, it`s necessary for SSR to work properly');
@@ -97,28 +97,28 @@ exports.fetchData = fetchData;
 function useFetch(rawConfig) {
     var _this = this;
     if (rawConfig === void 0) { rawConfig = null; }
-    var components = index_1.useComponents();
+    var components = (0, index_1.useComponents)();
     // Store config in state
-    var _a = react_1.useState(exports.normalizeConfig(rawConfig)), config = _a[0], setConfig = _a[1];
+    var _a = (0, react_1.useState)((0, exports.normalizeConfig)(rawConfig)), config = _a[0], setConfig = _a[1];
     // Update config in state on raw config updated
-    react_use_1.useUpdateEffect(function () {
-        setConfig(exports.normalizeConfig(rawConfig));
+    (0, react_use_1.useUpdateEffect)(function () {
+        setConfig((0, exports.normalizeConfig)(rawConfig));
     }, [rawConfig]);
     // Get preloaded data
-    var configId = exports.getConfigId(config);
-    var ssrValueContext = index_1.useSsr();
+    var configId = (0, exports.getConfigId)(config);
+    var ssrValueContext = (0, index_1.useSsr)();
     var preloadedData = process.env.IS_SSR ? ssrValueContext.preloadedData : window.APP_PRELOADED_DATA;
     var preloadedDataByConfigId = (preloadedData && configId) ? preloadedData[configId] : null;
     // State for data and loading flag
-    var _b = react_1.useState(preloadedDataByConfigId || null), data = _b[0], setData = _b[1];
-    var _c = react_1.useState(null), axiosError = _c[0], setAxiosError = _c[1];
-    var _d = react_1.useState(!!config && !data), isLoading = _d[0], setIsLoading = _d[1];
+    var _b = (0, react_1.useState)(preloadedDataByConfigId || null), data = _b[0], setData = _b[1];
+    var _c = (0, react_1.useState)(null), axiosError = _c[0], setAxiosError = _c[1];
+    var _d = (0, react_1.useState)(!!config && !data), isLoading = _d[0], setIsLoading = _d[1];
     // Cancel tokens
-    var cancelTokens = react_1.useRef([]);
+    var cancelTokens = (0, react_1.useRef)([]);
     var addCancelToken = function (token) { return cancelTokens.current.push(token); };
-    react_use_1.useUnmount(function () { return cancelTokens.current.forEach(function (cancel) { return cancel('Canceled on unmount component'); }); });
+    (0, react_use_1.useUnmount)(function () { return cancelTokens.current.forEach(function (cancel) { return cancel('Canceled on unmount component'); }); });
     // Fetch handler
-    var fetch = react_1.useCallback(function (newConfig) {
+    var fetch = (0, react_1.useCallback)(function (newConfig) {
         if (newConfig === void 0) { newConfig = null; }
         return __awaiter(_this, void 0, void 0, function () {
             var _a, error_1;
@@ -136,7 +136,7 @@ function useFetch(rawConfig) {
                     case 1:
                         _b.trys.push([1, 3, , 4]);
                         _a = setData;
-                        return [4 /*yield*/, exports.fetchData(config, components, addCancelToken)];
+                        return [4 /*yield*/, (0, exports.fetchData)(config, components, addCancelToken)];
                     case 2:
                         _a.apply(void 0, [_b.sent()]);
                         return [3 /*break*/, 4];
@@ -154,13 +154,13 @@ function useFetch(rawConfig) {
             });
         });
     }, [components, config]);
-    react_use_1.useEffectOnce(function () {
+    (0, react_use_1.useEffectOnce)(function () {
         if (!data) {
             fetch();
         }
     });
     // Fetch data on config update
-    react_use_1.useUpdateEffect(function () {
+    (0, react_use_1.useUpdateEffect)(function () {
         fetch();
     }, [fetch]);
     return { data: data, isLoading: isLoading, fetch: fetch, axiosError: axiosError };

package/hooks/useFile.js

@@ -36,16 +36,16 @@ var imagesMimeTypes = [
     'image/heic-sequence',
 ];
 function generateBackendUrl(props) {
-    return buildURL_1["default"](props.backendUrl, {
+    return (0, buildURL_1["default"])(props.backendUrl, {
         mimeTypes: props.imagesOnly ? imagesMimeTypes : props.mimeTypes,
         imagesProcessor: props.imagesProcessor,
         imagesExactSize: props.imagesExactSize
     });
 }
 function useFile(props) {
-    var http = index_1.useComponents().http;
+    var http = (0, index_1.useComponents)().http;
     http.getAccessToken(); // TODO Run promise..
-    var uploader = useInitial_1["default"](function () {
+    var uploader = (0, useInitial_1["default"])(function () {
         var _a;
         return new fileup_core_1["default"](__assign(__assign({ dropArea: {}, backendUrl: generateBackendUrl(props), uploaderConfig: __assign(__assign({}, props.uploaderConfig), { headers: __assign(__assign({}, (_a = props.uploaderConfig) === null || _a === void 0 ? void 0 : _a.headers), { Authorization: 'Bearer ' + http._accessToken }) }) }, props.uploader), { form: __assign(__assign({}, (props.uploader && props.uploader.form)), { multiple: props.multiple, accept: props.imagesOnly ? imagesMimeTypes.join(', ') : '' }) }));
     });
@@ -53,15 +53,15 @@ function useFile(props) {
      * Force component update when file status or progress changes
      * @private
      */
-    var forceUpdate = react_use_1.useUpdate();
+    var forceUpdate = (0, react_use_1.useUpdate)();
     // Check for initial files
-    var form = index_1.useForm();
+    var form = (0, index_1.useForm)();
     var initialFiles = props.initialFiles;
     if (!initialFiles) {
         // Find in form values
-        initialFiles = form.formSelector(function (state) { return get_1["default"](state, 'values.' + props.input.name.replace(/Ids?$/, '')); });
+        initialFiles = form.formSelector(function (state) { return (0, get_1["default"])(state, 'values.' + props.input.name.replace(/Ids?$/, '')); });
     }
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (initialFiles) {
             var normalizedInitialFiles_1 = [].concat(initialFiles || [])
                 .filter(function (item) { return !!item.uid; });
@@ -103,14 +103,14 @@ function useFile(props) {
      * @param {File} file
      * @private
      */
-    var onQueueItemEnd = react_1.useCallback(function (file) {
+    var onQueueItemEnd = (0, react_1.useCallback)(function (file) {
         forceUpdate();
         // Check successfully
         if (file.getResult() !== File_1["default"].RESULT_SUCCESS) {
             return;
         }
         // Check file id exists
-        var id = get_1["default"](file.getResultHttpMessage(), 'id');
+        var id = (0, get_1["default"])(file.getResultHttpMessage(), 'id');
         if (!id) {
             return;
         }
@@ -122,14 +122,14 @@ function useFile(props) {
             props.input.onChange(id);
         }
     }, [forceUpdate, props.input, props.multiple]);
-    var prevOnQueueItemEnd = react_use_1.usePrevious(onQueueItemEnd);
-    react_1.useEffect(function () {
+    var prevOnQueueItemEnd = (0, react_use_1.usePrevious)(onQueueItemEnd);
+    (0, react_1.useEffect)(function () {
         if (prevOnQueueItemEnd) {
             uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_END, prevOnQueueItemEnd);
         }
         uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_END, onQueueItemEnd);
     }, [onQueueItemEnd, prevOnQueueItemEnd, uploader.queue]);
-    react_use_1.useUnmount(function () {
+    (0, react_use_1.useUnmount)(function () {
         uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_END, onQueueItemEnd);
     });
     /**
@@ -137,9 +137,9 @@ function useFile(props) {
      * @param {File[]} removedFiles
      * @private
      */
-    var onQueueRemove = react_1.useCallback(function (removedFiles) {
+    var onQueueRemove = (0, react_1.useCallback)(function (removedFiles) {
         var toRemove = removedFiles
-            .map(function (file) { return get_1["default"](file.getResultHttpMessage(), 'id'); })
+            .map(function (file) { return (0, get_1["default"])(file.getResultHttpMessage(), 'id'); })
             .filter(Boolean);
         if (toRemove.length === 0) {
             return;
@@ -155,26 +155,26 @@ function useFile(props) {
         }
         forceUpdate();
     }, [forceUpdate, props.input, props.multiple]);
-    var prevOnQueueRemove = react_use_1.usePrevious(onQueueRemove);
-    react_1.useEffect(function () {
+    var prevOnQueueRemove = (0, react_use_1.usePrevious)(onQueueRemove);
+    (0, react_1.useEffect)(function () {
         if (prevOnQueueRemove) {
             uploader.queue.off(QueueCollection_1["default"].EVENT_REMOVE, prevOnQueueRemove);
         }
         uploader.queue.on(QueueCollection_1["default"].EVENT_REMOVE, onQueueRemove);
     }, [onQueueRemove, prevOnQueueRemove, uploader.queue]);
-    react_use_1.useUnmount(function () {
+    (0, react_use_1.useUnmount)(function () {
         uploader.queue.off(QueueCollection_1["default"].EVENT_REMOVE, onQueueRemove);
     });
-    react_use_1.useMount(function () {
+    (0, react_use_1.useMount)(function () {
         uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_STATUS, forceUpdate);
         uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_PROGRESS, forceUpdate);
     });
-    react_use_1.useUnmount(function () {
+    (0, react_use_1.useUnmount)(function () {
         uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_STATUS, forceUpdate);
         uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_PROGRESS, forceUpdate);
     });
     // Check backend url changes
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         uploader.backendUrl = generateBackendUrl({
             backendUrl: props.backendUrl,
             imagesOnly: props.imagesOnly,
@@ -185,7 +185,7 @@ function useFile(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.backendUrl, props.imagesExactSize, props.imagesOnly, props.imagesProcessor, props.mimeTypes]);
     // Check multiple flag update
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         uploader.form.multiple = props.multiple;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.multiple]);
@@ -194,13 +194,13 @@ function useFile(props) {
     //    _merge(uploader, props.uploader);
     //}, [props.uploader, uploader]);
     // Check remove keys from value
-    var prevInputValue = react_use_1.usePrevious(props.input.value);
+    var prevInputValue = (0, react_use_1.usePrevious)(props.input.value);
     //todo refactoring
-    react_1.useEffect(function () {
-        if (prevInputValue && !isEqual_1["default"](prevInputValue !== props.input.value)) {
-            var toRemove_1 = difference_1["default"]([].concat(prevInputValue || []), [].concat(props.input.value || []));
+    (0, react_1.useEffect)(function () {
+        if (prevInputValue && !(0, isEqual_1["default"])(prevInputValue !== props.input.value)) {
+            var toRemove_1 = (0, difference_1["default"])([].concat(prevInputValue || []), [].concat(props.input.value || []));
             if (toRemove_1.length > 0) {
-                uploader.queue.remove(uploader.queue.getFiles().filter(function (file) { return (toRemove_1.indexOf(get_1["default"](file.getResultHttpMessage(), 'id')) !== -1); }));
+                uploader.queue.remove(uploader.queue.getFiles().filter(function (file) { return (toRemove_1.indexOf((0, get_1["default"])(file.getResultHttpMessage(), 'id')) !== -1); }));
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/hooks/useForm.js

@@ -3,8 +3,8 @@ exports.__esModule = true;
 var react_1 = require("react");
 var Form_1 = require("../ui/form/Form/Form");
 function useForm() {
-    var context = react_1.useContext(Form_1.FormContext);
-    return react_1.useMemo(function () { return (context
+    var context = (0, react_1.useContext)(Form_1.FormContext);
+    return (0, react_1.useMemo)(function () { return (context
         ? {
             formId: context.formId,
             model: context.model,

package/hooks/useInitial.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 var react_1 = require("react");
 function useInitial(creator) {
-    var initialRef = react_1.useRef(null);
+    var initialRef = (0, react_1.useRef)(null);
     if (!initialRef.current) {
         initialRef.current = creator();
     }