@steroidsjs/core 3.0.0-beta.1 → 3.0.0-beta.11

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();
     }

package/hooks/useLayout.js

@@ -38,20 +38,20 @@ exports.HTTP_STATUS_CODES = (_a = {},
 var runInitAction = function (initAction, components, dispatch) { return (initAction(null, dispatch, components)
     .then(function (result) {
     // Configure components
-    if (isObject_1["default"](result.config)) {
+    if ((0, isObject_1["default"])(result.config)) {
         Object.keys(result.config).forEach(function (name) {
             if (!components[name]) {
                 return;
             }
             Object.keys(result.config[name]).forEach(function (key) {
                 var value = result.config[name][key];
-                var setter = 'set' + upperFirst_1["default"](key);
-                if (isFunction_1["default"](components[name][setter])) {
+                var setter = 'set' + (0, upperFirst_1["default"])(key);
+                if ((0, isFunction_1["default"])(components[name][setter])) {
                     components[name][setter](value);
                 }
-                else if (isObject_1["default"](components[name][key])
-                    && isObject_1["default"](value)) {
-                    merge_1["default"](components[name][key], value);
+                else if ((0, isObject_1["default"])(components[name][key])
+                    && (0, isObject_1["default"])(value)) {
+                    (0, merge_1["default"])(components[name][key], value);
                 }
                 else {
                     components[name][key] = value;
@@ -72,49 +72,50 @@ var runInitAction = function (initAction, components, dispatch) { return (initAc
     }
     dispatch([
         // Meta models & enums
-        Boolean(resultMeta) && fields_1.setMeta(resultMeta),
+        Boolean(resultMeta) && (0, fields_1.setMeta)(resultMeta),
         // User auth
-        auth_2.setData(result),
+        (0, auth_2.setData)(result),
         // User auth
-        auth_2.setUser(resultUser),
+        (0, auth_2.setUser)(resultUser),
     ].filter(Boolean));
 })); };
 exports.runInitAction = runInitAction;
 function useLayout(initAction) {
     if (initAction === void 0) { initAction = null; }
-    var _a = useSelector_1["default"](function (state) {
-        var routesMap = router_1.getRoutesMap(state);
+    var _a = (0, useSelector_1["default"])(function (state) {
+        var routesMap = (0, router_1.getRoutesMap)(state);
         return {
-            route: router_1.getRoute(state),
-            user: auth_1.getUser(state),
-            data: auth_1.getData(state),
-            isInitialized: auth_1.isInitialized(state),
-            initializeCounter: auth_1.getInitializeCounter(state),
+            route: (0, router_1.getRoute)(state),
+            user: (0, auth_1.getUser)(state),
+            data: (0, auth_1.getData)(state),
+            isInitialized: (0, auth_1.isInitialized)(state),
+            initializeCounter: (0, auth_1.getInitializeCounter)(state),
             redirectPageId: state.auth.redirectPageId,
             loginRouteId: routesMap && Object.keys(routesMap).find(function (name) { return routesMap[name].role === Router_1.ROUTER_ROLE_LOGIN; })
         };
     }), route = _a.route, user = _a.user, data = _a.data, isInitialized = _a.isInitialized, initializeCounter = _a.initializeCounter, redirectPageId = _a.redirectPageId, loginRouteId = _a.loginRouteId;
-    var _b = react_1.useState(null), error = _b[0], setError = _b[1];
-    var dispatch = useDispatch_1["default"]();
-    var components = useComponents_1["default"]();
-    react_use_1.useMount(function () {
+    var _b = (0, react_1.useState)(null), error = _b[0], setError = _b[1];
+    var dispatch = (0, useDispatch_1["default"])();
+    var components = (0, useComponents_1["default"])();
+    (0, react_use_1.useMount)(function () {
         // Callback for load initial page data (return promise)
-        if (isFunction_1["default"](initAction)) {
-            dispatch(auth_2.init(true));
+        if ((0, isFunction_1["default"])(initAction)) {
+            dispatch((0, auth_2.init)(true));
         }
         else {
-            dispatch(auth_2.setUser(null));
+            dispatch((0, auth_2.setUser)(null));
         }
     });
-    var initializeCounterPrev = react_use_1.usePrevious(initializeCounter);
-    react_use_1.useUpdateEffect(function () {
-        if (!isFunction_1["default"](initAction) || initializeCounter <= initializeCounterPrev) {
+    var initializeCounterPrev = (0, react_use_1.usePrevious)(initializeCounter);
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (!(0, isFunction_1["default"])(initAction) || initializeCounter <= initializeCounterPrev) {
             return;
         }
-        exports.runInitAction(initAction, components, dispatch)
+        //@ts-ignore
+        (0, exports.runInitAction)(initAction, components, dispatch)
             .then(function () {
             if (redirectPageId) {
-                dispatch(router_2.goToRoute(redirectPageId));
+                dispatch((0, router_2.goToRoute)(redirectPageId));
             }
         })["catch"](function (e) {
             setError(e);
@@ -137,9 +138,9 @@ function useLayout(initAction) {
         if (userRoles.length === 0) {
             userRoles.push(null); // Guest
         }
-        if (intersection_1["default"](pageRoles, userRoles).length === 0) {
+        if ((0, intersection_1["default"])(pageRoles, userRoles).length === 0) {
             if (loginRouteId && route.id !== loginRouteId) {
-                dispatch(router_2.goToRoute(loginRouteId));
+                dispatch((0, router_2.goToRoute)(loginRouteId));
             }
             else {
                 status = exports.STATUS_ACCESS_DENIED;
@@ -151,7 +152,7 @@ function useLayout(initAction) {
         }
     }
     //save status code for ssr
-    var ssrContextValue = useSsr_1["default"]();
+    var ssrContextValue = (0, useSsr_1["default"])();
     if (process.env.IS_SSR) {
         ssrContextValue.staticContext.statusCode = exports.HTTP_STATUS_CODES[status];
     }

package/hooks/useList.d.ts

@@ -7,7 +7,7 @@ import { IPaginationSizeProps } from '../ui/list/PaginationSize/PaginationSize';
 import { IEmptyProps } from '../ui/list/Empty/Empty';
 import { IFormProps } from '../ui/form/Form/Form';
 import { Model } from '../components/MetaComponent';
-export declare type ListControlPosition = 'top' | 'bottom' | 'both' | string;
+export type ListControlPosition = 'top' | 'bottom' | 'both' | string;
 interface ISortProps {
     /**
      * Включить сортировку

package/hooks/useList.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];
@@ -109,12 +113,12 @@ exports.createInitialValues = createInitialValues;
 function useList(config) {
     var _a, _b;
     // Get list from redux state
-    var list = useSelector_1["default"](function (state) { return list_1.getList(state, config.listId); });
+    var list = (0, useSelector_1["default"])(function (state) { return (0, list_1.getList)(state, config.listId); });
     // Normalize sort config
-    var sort = exports.normalizeSortProps(config.sort);
+    var sort = (0, exports.normalizeSortProps)(config.sort);
     // Empty
     var Empty = require('../ui/list/Empty')["default"];
-    var emptyProps = Empty_1.normalizeEmptyProps(config.empty);
+    var emptyProps = (0, Empty_1.normalizeEmptyProps)(config.empty);
     var renderEmpty = function () {
         var _a;
         if (!emptyProps.enable || (list === null || list === void 0 ? void 0 : list.isLoading) || ((_a = list === null || list === void 0 ? void 0 : list.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
@@ -124,35 +128,35 @@ function useList(config) {
     };
     // Pagination size
     var PaginationSize = require('../ui/list/PaginationSize')["default"];
-    var paginationSizeProps = PaginationSize_1.normalizePaginationSizeProps(config.paginationSize);
+    var paginationSizeProps = (0, PaginationSize_1.normalizePaginationSizeProps)(config.paginationSize);
     var renderPaginationSize = function () { return paginationSizeProps.enable
         ? (React.createElement(PaginationSize, __assign({ list: list }, paginationSizeProps)))
         : null; };
     // Pagination
     var Pagination = require('../ui/list/Pagination')["default"];
-    var paginationProps = Pagination_1.normalizePaginationProps(config.pagination);
+    var paginationProps = (0, Pagination_1.normalizePaginationProps)(config.pagination);
     var renderPagination = function () { return paginationProps.enable
         ? (React.createElement(Pagination, __assign({ list: list }, paginationProps, { sizeAttribute: paginationSizeProps.attribute })))
         : null; };
     // Layout switcher
     var LayoutNames = require('../ui/list/LayoutNames')["default"];
-    var layoutNamesProps = LayoutNames_1.normalizeLayoutNamesProps(config.layout);
-    var renderLayoutNames = function () { return React.createElement(LayoutNames, __assign({ list: list }, layoutNamesProps)); };
+    var layoutNamesProps = (0, LayoutNames_1.normalizeLayoutNamesProps)(config.layout);
+    var renderLayoutNames = function () { return (React.createElement(LayoutNames, __assign({ list: list }, layoutNamesProps))); };
     // Models
-    var defaultSearchModel = react_1.useMemo(function () { return exports.getDefaultSearchModel({
+    var defaultSearchModel = (0, react_1.useMemo)(function () { return (0, exports.getDefaultSearchModel)({
         paginationProps: paginationProps,
         paginationSizeProps: paginationSizeProps,
         sort: sort,
         layoutNamesProps: layoutNamesProps
     }); }, [layoutNamesProps, paginationProps, paginationSizeProps, sort]);
-    var model = useModel_1["default"](config.model);
-    var searchModel = useModel_1["default"](config.searchModel || ((_a = config.searchForm) === null || _a === void 0 ? void 0 : _a.model), defaultSearchModel);
+    var model = (0, useModel_1["default"])(config.model);
+    var searchModel = (0, useModel_1["default"])(config.searchModel || ((_a = config.searchForm) === null || _a === void 0 ? void 0 : _a.model), defaultSearchModel);
     // Address bar synchronization
-    var _c = useAddressBar_1["default"](__assign({ enable: !!config.addressBar, model: searchModel }, (typeof config.addressBar === 'boolean' ? { enable: config.addressBar } : config.addressBar))), initialQuery = _c.initialQuery, updateQuery = _c.updateQuery;
+    var _c = (0, useAddressBar_1["default"])(__assign({ enable: !!config.addressBar, model: searchModel }, (typeof config.addressBar === 'boolean' ? { enable: config.addressBar } : config.addressBar))), initialQuery = _c.initialQuery, updateQuery = _c.updateQuery;
     // Outside search form
     var searchFormFields = (_b = config.searchForm) === null || _b === void 0 ? void 0 : _b.fields;
     var SearchForm = require('../ui/list/SearchForm')["default"];
-    var initialValuesSearchForm = react_1.useMemo(function () { return (searchFormFields || []).reduce(function (acc, field) {
+    var initialValuesSearchForm = (0, react_1.useMemo)(function () { return (searchFormFields || []).reduce(function (acc, field) {
         var attribute = typeof field === 'string' ? field : field.attribute;
         acc[attribute] = initialQuery === null || initialQuery === void 0 ? void 0 : initialQuery[attribute];
         return acc;
@@ -160,10 +164,10 @@ function useList(config) {
     var searchFormProps = __assign(__assign({ listId: config.listId }, config.searchForm), { model: searchModel, initialValues: initialValuesSearchForm });
     var renderSearchForm = function () { return React.createElement(SearchForm, __assign({}, searchFormProps)); };
     // Form id
-    var formId = get_1["default"](config, 'searchForm.formId') || config.listId;
-    var dispatch = useDispatch_1["default"]();
+    var formId = (0, get_1["default"])(config, 'searchForm.formId') || config.listId;
+    var dispatch = (0, useDispatch_1["default"])();
     // List wrapper (form context)
-    var _initialValues = react_1.useMemo(function () { return exports.createInitialValues({
+    var _initialValues = (0, react_1.useMemo)(function () { return (0, exports.createInitialValues)({
         paginationProps: paginationProps,
         paginationSizeProps: paginationSizeProps,
         sort: sort,
@@ -171,16 +175,16 @@ function useList(config) {
         initialQuery: initialQuery,
         configQuery: config.query
     }); }, [config.query, initialQuery, layoutNamesProps, paginationProps, paginationSizeProps, sort]);
-    var initialValues = useInitial_1["default"](function () { return _initialValues; });
-    var renderList = react_1.useCallback(function (children) {
+    var initialValues = (0, useInitial_1["default"])(function () { return _initialValues; });
+    var renderList = (0, react_1.useCallback)(function (children) {
         var Form = require('../ui/form/Form')["default"];
         return (React.createElement(Form, { formId: formId, initialValues: initialValues, view: false, useRedux: true }, children));
     }, [formId, initialValues]);
     // Init list in redux store
-    react_use_1.useMount(function () {
+    (0, react_use_1.useMount)(function () {
         if (!list) {
             var toDispatch = [
-                list_2.listInit(config.listId, {
+                (0, list_2.listInit)(config.listId, {
                     listId: config.listId,
                     action: config.action || config.action === '' ? config.action : null,
                     actionMethod: config.actionMethod || exports.defaultConfig.actionMethod,
@@ -201,66 +205,66 @@ function useList(config) {
                 }),
             ];
             if (config.initialItems || config.items) {
-                toDispatch.push(list_2.listSetItems(config.listId, config.initialItems || config.items));
+                toDispatch.push((0, list_2.listSetItems)(config.listId, config.initialItems || config.items));
             }
             if (!config.initialItems) {
-                toDispatch.push(list_2.listLazyFetch(config.listId));
+                toDispatch.push((0, list_2.listLazyFetch)(config.listId));
             }
             dispatch(toDispatch);
         }
     });
     // Check form values change
-    var formValues = useSelector_1["default"](function (state) { return form_2.formSelector(state, formId, function (_a) {
+    var formValues = (0, useSelector_1["default"])(function (state) { return (0, form_2.formSelector)(state, formId, function (_a) {
         var values = _a.values;
         return values;
     }); });
-    var prevFormValues = react_use_1.usePrevious(formValues);
-    react_use_1.useUpdateEffect(function () {
-        if (prevFormValues && !isEqual_1["default"](formValues, prevFormValues)) {
+    var prevFormValues = (0, react_use_1.usePrevious)(formValues);
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (prevFormValues && !(0, isEqual_1["default"])(formValues, prevFormValues)) {
             // Has changes (but not page) -> reset page
             var attribute = paginationProps.attribute;
             if ((prevFormValues === null || prevFormValues === void 0 ? void 0 : prevFormValues[attribute]) === formValues[attribute] && formValues[attribute] > 1) {
                 formValues[attribute] = paginationProps.defaultValue;
-                dispatch(form_1.formChange(formId, attribute, formValues[attribute]));
+                dispatch((0, form_1.formChange)(formId, attribute, formValues[attribute]));
             }
             // Sync with address bar
             updateQuery(formValues);
             // Send request
             if (config.autoFetchOnFormChanges !== false) {
-                dispatch(list_2.listLazyFetch(config.listId));
+                dispatch((0, list_2.listLazyFetch)(config.listId));
             }
         }
     }, [config.autoFetchOnFormChanges, config.listId, dispatch, formId, formValues,
         paginationProps.attribute, paginationProps.defaultValue, prevFormValues, updateQuery]);
     // Check change query
-    var prevQuery = react_use_1.usePrevious(config.query);
-    react_use_1.useUpdateEffect(function () {
-        union_1["default"](Object.keys(prevQuery), Object.keys(config.query))
+    var prevQuery = (0, react_use_1.usePrevious)(config.query);
+    (0, react_use_1.useUpdateEffect)(function () {
+        (0, union_1["default"])(Object.keys(prevQuery), Object.keys(config.query))
             .forEach(function (key) {
-            if (!isEqual_1["default"](prevQuery[key], config.query[key])) {
-                dispatch(form_1.formChange(formId, key, config.query[key]));
+            if (!(0, isEqual_1["default"])(prevQuery[key], config.query[key])) {
+                dispatch((0, form_1.formChange)(formId, key, config.query[key]));
             }
         });
     }, [formId, prevQuery, config.query, dispatch]);
     // Check change items
-    react_use_1.useUpdateEffect(function () {
+    (0, react_use_1.useUpdateEffect)(function () {
         dispatch([
-            list_2.listSetItems(config.listId, config.items),
+            (0, list_2.listSetItems)(config.listId, config.items),
         ]);
     }, [dispatch, config.items, config.listId]);
     // Destroy
-    react_use_1.useUnmount(function () {
+    (0, react_use_1.useUnmount)(function () {
         var autoDestroy = typeof config.autoDestroy === 'boolean' ? config.autoDestroy : exports.defaultConfig.autoDestroy;
         if (autoDestroy) {
-            dispatch(list_2.listDestroy(config.listId));
+            dispatch((0, list_2.listDestroy)(config.listId));
         }
     });
-    var onFetch = react_1.useCallback(function (params) {
+    var onFetch = (0, react_1.useCallback)(function (params) {
         if (params === void 0) { params = {}; }
-        dispatch(list_2.listFetch(config.listId, params));
+        dispatch((0, list_2.listFetch)(config.listId, params));
     }, [config.listId, dispatch]);
-    var onSort = react_1.useCallback(function (value) {
-        dispatch(form_1.formChange(formId, sort.attribute, value));
+    var onSort = (0, react_1.useCallback)(function (value) {
+        dispatch((0, form_1.formChange)(formId, sort.attribute, value));
     }, [dispatch, formId, sort.attribute]);
     return {
         list: list,

package/hooks/useModel.js

@@ -7,7 +7,7 @@ var react_1 = require("react");
 var useComponents_1 = __importDefault(require("./useComponents"));
 function useModel(model, defaultModel) {
     if (defaultModel === void 0) { defaultModel = null; }
-    var components = useComponents_1["default"]();
-    return react_1.useMemo(function () { return components.meta.normalizeModel(typeof model === 'string' ? components.meta.getModel(model) : model, defaultModel); }, [components.meta, defaultModel, model]);
+    var components = (0, useComponents_1["default"])();
+    return (0, react_1.useMemo)(function () { return components.meta.normalizeModel(typeof model === 'string' ? components.meta.getModel(model) : model, defaultModel); }, [components.meta, defaultModel, model]);
 }
 exports["default"] = useModel;

package/hooks/useScreen.js

@@ -3,6 +3,6 @@ exports.__esModule = true;
 var react_1 = require("react");
 var ScreenProvider_1 = require("../providers/ScreenProvider");
 function useScreen() {
-    return react_1.useContext(ScreenProvider_1.ScreenContext);
+    return (0, react_1.useContext)(ScreenProvider_1.ScreenContext);
 }
 exports["default"] = useScreen;

package/hooks/useSelector.js

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

package/hooks/useSsr.js

@@ -3,6 +3,6 @@ exports.__esModule = true;
 var react_1 = require("react");
 var SsrProvider_1 = require("../providers/SsrProvider");
 function useSsr() {
-    return react_1.useContext(SsrProvider_1.SsrProviderContext) || {};
+    return (0, react_1.useContext)(SsrProvider_1.SsrProviderContext) || {};
 }
 exports["default"] = useSsr;

package/hooks/useUniqueId.d.ts

@@ -1 +1 @@
-export default function useUniqueId(prefix: string): undefined;
+export default function useUniqueId(prefix: string): string;

package/hooks/useUniqueId.js

@@ -6,9 +6,9 @@ exports.__esModule = true;
 var react_1 = require("react");
 var uniqueId_1 = __importDefault(require("lodash-es/uniqueId"));
 function useUniqueId(prefix) {
-    var idRef = react_1.useRef();
+    var idRef = (0, react_1.useRef)('');
     if (!idRef.current) {
-        idRef.current = uniqueId_1["default"](prefix);
+        idRef.current = (0, uniqueId_1["default"])(prefix);
     }
     return idRef.current;
 }

package/index.d.ts

@@ -34,6 +34,7 @@ declare type ColorName =
     | 'danger'
     | 'light'
     | 'dark'
+    | 'basic'
     | string;
 
 /**
@@ -88,7 +89,7 @@ declare type CustomStyle = React.CSSProperties;
  * Переопределение view React компонента для кастомизации отображения
  * @example MyCustomView
  */
-declare type CustomView = React.ReactNode;
+declare type CustomView = React.ReactNode | React.FunctionComponent;
 
 /**
  * HTTP метод