@steroidsjs/core 2.2.5 → 2.2.9

package/hooks/index.d.ts

@@ -1,8 +1,20 @@
+import useAbsolutePositioning from './useAbsolutePositioning';
+import useAddressBar from './useAddressBar';
+import useApplication from './useApplication';
 import useBem from './useBem';
 import useComponents from './useComponents';
 import useDataProvider from './useDataProvider';
 import useDataSelect from './useDataSelect';
-import useSelector from './useSelector';
+import useDispatch from './useDispatch';
+import useFetch from './useFetch';
+import useFile from './useFile';
 import useForm from './useForm';
+import useInitial from './useInitial';
+import useLayout from './useLayout';
+import useList from './useList';
+import useModel from './useModel';
+import useScreen from './useScreen';
+import useSelector from './useSelector';
 import useSsr from './useSsr';
-export { useBem, useComponents, useDataProvider, useDataSelect, useSelector, useForm, useSsr, };
+import useUniqueId from './useUniqueId';
+export { useAbsolutePositioning, useAddressBar, useApplication, useBem, useComponents, useDataProvider, useDataSelect, useDispatch, useFetch, useFile, useForm, useInitial, useLayout, useList, useModel, useScreen, useSelector, useSsr, useUniqueId, };

package/hooks/index.js

@@ -3,7 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.useSsr = exports.useForm = exports.useSelector = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = void 0;
+exports.useUniqueId = exports.useSsr = exports.useSelector = exports.useScreen = exports.useModel = exports.useList = exports.useLayout = exports.useInitial = exports.useForm = exports.useFile = exports.useFetch = exports.useDispatch = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = exports.useApplication = exports.useAddressBar = exports.useAbsolutePositioning = void 0;
+var useAbsolutePositioning_1 = __importDefault(require("./useAbsolutePositioning"));
+exports.useAbsolutePositioning = useAbsolutePositioning_1["default"];
+var useAddressBar_1 = __importDefault(require("./useAddressBar"));
+exports.useAddressBar = useAddressBar_1["default"];
+var useApplication_1 = __importDefault(require("./useApplication"));
+exports.useApplication = useApplication_1["default"];
 var useBem_1 = __importDefault(require("./useBem"));
 exports.useBem = useBem_1["default"];
 var useComponents_1 = __importDefault(require("./useComponents"));
@@ -12,9 +18,27 @@ var useDataProvider_1 = __importDefault(require("./useDataProvider"));
 exports.useDataProvider = useDataProvider_1["default"];
 var useDataSelect_1 = __importDefault(require("./useDataSelect"));
 exports.useDataSelect = useDataSelect_1["default"];
-var useSelector_1 = __importDefault(require("./useSelector"));
-exports.useSelector = useSelector_1["default"];
+var useDispatch_1 = __importDefault(require("./useDispatch"));
+exports.useDispatch = useDispatch_1["default"];
+var useFetch_1 = __importDefault(require("./useFetch"));
+exports.useFetch = useFetch_1["default"];
+var useFile_1 = __importDefault(require("./useFile"));
+exports.useFile = useFile_1["default"];
 var useForm_1 = __importDefault(require("./useForm"));
 exports.useForm = useForm_1["default"];
+var useInitial_1 = __importDefault(require("./useInitial"));
+exports.useInitial = useInitial_1["default"];
+var useLayout_1 = __importDefault(require("./useLayout"));
+exports.useLayout = useLayout_1["default"];
+var useList_1 = __importDefault(require("./useList"));
+exports.useList = useList_1["default"];
+var useModel_1 = __importDefault(require("./useModel"));
+exports.useModel = useModel_1["default"];
+var useScreen_1 = __importDefault(require("./useScreen"));
+exports.useScreen = useScreen_1["default"];
+var useSelector_1 = __importDefault(require("./useSelector"));
+exports.useSelector = useSelector_1["default"];
 var useSsr_1 = __importDefault(require("./useSsr"));
 exports.useSsr = useSsr_1["default"];
+var useUniqueId_1 = __importDefault(require("./useUniqueId"));
+exports.useUniqueId = useUniqueId_1["default"];

package/hooks/useDataProvider.js

@@ -90,6 +90,7 @@ function useDataProvider(config) {
     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);
     react_1.useEffect(function () {
         var fetchRemote = function (isAuto) { return __awaiter(_this, void 0, void 0, function () {
             var searchHandler, result, newItems;
@@ -132,7 +133,7 @@ function useDataProvider(config) {
                 clearTimeout(delayTimerRef.current);
             }
             // Changed query logic
-            if (prevQuery !== config.query) {
+            if (prevQuery !== config.query || prevParams !== dataProvider.params) {
                 // Search with delay
                 delayTimerRef.current = setTimeout(fetchRemote, autoComplete.delay);
             }

package/hooks/useDataSelect.js

@@ -109,7 +109,7 @@ function useDataSelect(config) {
     // Update selected items on change value
     var prevConfigSelectedIds = react_use_1.usePrevious(config.selectedIds || []);
     react_use_1.useUpdateEffect(function () {
-        var newSelectedIds = config.selectedIds;
+        var newSelectedIds = config.selectedIds || [];
         selectedItems.forEach(function (selectedItem) {
             if (!newSelectedIds.includes(selectedItem.id) && config.selectedIds
                 && config.selectedIds.includes(selectedItem.id)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.2.5",
+  "version": "2.2.9",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {
@@ -27,7 +27,7 @@
     "connected-react-router": "^6.9.1",
     "domready": "^1.0.8",
     "dot-prop-immutable": "^2.1.0",
-    "fileup-core": "^1.2.0",
+    "fileup-core": "^1.2.2",
     "history": "^4.10.1",
     "intl-messageformat": "^9.11.0",
     "js-cookie": "^2.2.1",

package/reducers/router.js

@@ -202,6 +202,7 @@ exports.getRouteParam = getRouteParam;
 var getRouteBreadcrumbs = function (state, routeId) {
     if (routeId === void 0) { routeId = null; }
     var items = [];
+    routeId = routeId || exports.getRouteId(state);
     findRecursive(state.router.routesTree, routeId, items);
     return items.reverse().filter(function (item) { return item.isVisible !== false && item.isNavVisible !== false; });
 };

package/ui/form/FieldList/FieldList.d.ts

@@ -66,6 +66,10 @@ export interface IFieldListProps extends IFieldWrapperInputProps {
      * Дополнительный CSS-класс для списка с группами полей
      */
     className?: CssClassName;
+    /**
+     * Дополнительный CSS-класс для таблицы
+     */
+    tableClassName?: CssClassName;
     /**
      * Переопределение view React компонента для кастомизации отображения списка с группами полей
      * @example MyCustomView
@@ -102,6 +106,7 @@ export interface IFieldListViewProps {
     showAdd?: boolean;
     children?: React.ReactNode;
     className?: string;
+    tableClassName?: string;
     style?: any;
     forwardedRef?: any;
     disabled?: boolean;

package/ui/form/FieldList/FieldList.js

@@ -95,6 +95,8 @@ function FieldList(props) {
         size: props.size,
         disabled: props.disabled,
         required: props.required,
+        className: props.className,
+        tableClassName: props.tableClassName,
         items: items
     };
     var FieldListView = props.view || components.ui.getView('form.FieldListView');

package/ui/form/NumberField/NumberField.js

@@ -21,7 +21,7 @@ function NumberField(props) {
     var components = hooks_1.useComponents();
     props.inputProps = react_1.useMemo(function () {
         var _a;
-        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : undefined, onChange: function (e) { return props.input.onChange(e.target ? e.target.value : e.nativeEvent.text); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : undefined, onChange: function (e) { var _a, _b; return props.input.onChange(((_a = e.target) === null || _a === void 0 ? void 0 : _a.value) || ((_b = e.nativeEvent) === null || _b === void 0 ? void 0 : _b.text)); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
     }, [props.disabled, props.input, props.inputProps, props.placeholder, props.min, props.max, props.step]);
     return components.ui.renderView(props.view || 'form.NumberFieldView' || 'form.InputFieldView', props);
 }

package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts

@@ -34,5 +34,7 @@ export interface IBreadcrumbsProps {
     view?: CustomView;
     [key: string]: any;
 }
-export declare type IBreadcrumbsViewProps = IBreadcrumbsProps;
+export declare type IBreadcrumbsViewProps = IBreadcrumbsProps & {
+    routeParams?: any;
+};
 export default function Breadcrumbs(props: IBreadcrumbsProps): JSX.Element;

package/ui/nav/Breadcrumbs/Breadcrumbs.js

@@ -15,8 +15,10 @@ var hooks_1 = require("../../../hooks");
 var router_1 = require("../../../reducers/router");
 function Breadcrumbs(props) {
     var components = hooks_1.useComponents();
-    var routeItems = hooks_1.useSelector(function (state) { return props.pageId ? router_1.getRouteBreadcrumbs(state, props.pageId) : null; });
+    var routeItems = hooks_1.useSelector(function (state) { return router_1.getRouteBreadcrumbs(state, props.pageId); });
+    var routeParams = hooks_1.useSelector(function (state) { return router_1.getRouteParams(state); });
     var items = props.items || routeItems;
-    return components.ui.renderView(props.view || 'nav.BreadcrumbsView', __assign(__assign({}, props), { items: items }));
+    return components.ui.renderView(props.view || 'nav.BreadcrumbsView', __assign(__assign({}, props), { items: items,
+        routeParams: routeParams }));
 }
 exports["default"] = Breadcrumbs;

package/ui/nav/Nav/Nav.js

@@ -54,7 +54,7 @@ function Nav(props) {
     var _a = hooks_1.useSelector(function (state) { return ({
         routes: typeof props.items === 'string' ? router_1.getNavItems(state, props.items) : null,
         activeRouteIds: router_1.getActiveRouteIds(state),
-        routerParams: router_1.getRouterParams(state)
+        routerParams: router_1.getRouteParams(state)
     }); }), routes = _a.routes, activeRouteIds = _a.activeRouteIds, routerParams = _a.routerParams;
     var _b = react_1.useState(props.activeTab || get_1["default"](props, 'items.0.id') || 0), activeTab = _b[0], setActiveTab = _b[1];
     react_1.useEffect(function () {

package/ui/nav/Router/Router.js

@@ -116,7 +116,9 @@ var treeToList = function (item, isRoot) {
 };
 exports.treeToList = treeToList;
 var renderComponent = function (route, activePath, routeProps) {
-    if (route.redirectTo && route.path === activePath) {
+    var _a, _b;
+    var routePath = router_2.buildUrl(route.path, (_a = routeProps === null || routeProps === void 0 ? void 0 : routeProps.match) === null || _a === void 0 ? void 0 : _a.params);
+    if (route.redirectTo && routePath === activePath) {
         var to = findRedirectPathRecursive(route);
         if (to === null) {
             // eslint-disable-next-line no-console
@@ -124,8 +126,9 @@ var renderComponent = function (route, activePath, routeProps) {
             return null;
         }
         // Check already redirected
-        if (activePath !== to) {
-            return (React.createElement(react_router_1.Redirect, __assign({}, routeProps, { to: to }, route.componentProps)));
+        var toPath = router_2.buildUrl(to, (_b = routeProps === null || routeProps === void 0 ? void 0 : routeProps.match) === null || _b === void 0 ? void 0 : _b.params);
+        if (activePath !== toPath) {
+            return (React.createElement(react_router_1.Redirect, __assign({}, routeProps, { to: toPath }, route.componentProps)));
         }
     }
     if (!route.component) {
@@ -224,6 +227,10 @@ function Router(props) {
             }
             var activeRoute = routes.find(function (r) { return r.id === activeRouteId; });
             children = renderComponent(activeRoute, activePath, __assign(__assign({}, routeProps), { children: children })) || children;
+            // Stop, if route is exact
+            if (activeRoute.exact) {
+                return true;
+            }
             return false;
         });
         var result = renderComponent(routeItem, activePath, __assign(__assign({}, routeProps), { children: children }));