@steroidsjs/core 3.0.0-beta.118 → 3.0.0-beta.119

package/docs-autogen-result.json

@@ -18182,6 +18182,15 @@
                     "example": "{\n label: 'All',\n id: 'all'\n}",
                     "defaultValue": null
                 },
+                {
+                    "name": "itemView",
+                    "decorators": [],
+                    "description": "Кастомная вьюшка для элемента",
+                    "required": false,
+                    "type": "React.ReactNode | {}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -18596,6 +18605,14 @@
                     "type": "{id: string, label: string}",
                     "example": null
                 },
+                {
+                    "name": "itemView",
+                    "decorators": [],
+                    "description": "Кастомная вьюшка для элемента",
+                    "required": false,
+                    "type": "React.ReactNode | {}",
+                    "example": null
+                },
                 {
                     "name": "items",
                     "decorators": [],

package/package.json

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

package/ui/form/DropDownField/DropDownField.d.ts

@@ -126,6 +126,10 @@ export interface IDropDownFieldProps extends IFieldWrapperInputProps, Omit<IData
         label: string;
         id: string;
     };
+    /**
+     * Кастомная вьюшка для элемента
+     */
+    itemView?: CustomView;
     [key: string]: any;
 }
 export interface IDropDownFieldViewProps extends IDropDownFieldProps {

package/ui/form/DropDownField/DropDownField.js

@@ -170,7 +170,7 @@ function DropDownField(props) {
             onReset();
         }
     }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
-    var renderItemView = function (item, type, src) { return components.ui.renderView('form.DropDownFieldItemView', {
+    var renderItemView = function (item, type, src) { return components.ui.renderView(props.itemView || 'form.DropDownFieldItemView', {
         item: __assign(__assign({}, item), { contentSrc: src, contentType: type }),
         selectedIds: selectedIds,
         size: props.size,

package/ui/nav/Router/Router.js

@@ -80,9 +80,10 @@ var renderComponent = function (route, activePath, routeProps) {
     return (React.createElement(Component, __assign({}, routeProps, route.componentProps)));
 };
 function Router(props) {
+    var _a;
     var components = (0, hooks_1.useComponents)();
     var routeParams = (0, hooks_1.useSelector)(router_2.getRouteParams);
-    var _a = (0, hooks_1.useSelector)(function (state) {
+    var _b = (0, hooks_1.useSelector)(function (state) {
         var _a, _b;
         return ({
             isInitialized: (0, router_2.isRouterInitialized)(state),
@@ -91,7 +92,7 @@ function Router(props) {
             activePath: (_b = (_a = state.router) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.pathname,
             activeRouteIds: (0, router_2.getActiveRouteIds)(state)
         });
-    }), isInitialized = _a.isInitialized, pathname = _a.pathname, route = _a.route, activePath = _a.activePath, activeRouteIds = _a.activeRouteIds;
+    }), isInitialized = _b.isInitialized, pathname = _b.pathname, route = _b.route, activePath = _b.activePath, activeRouteIds = _b.activeRouteIds;
     var routeId = (route === null || route === void 0 ? void 0 : route.id) || null;
     // Init routes in redux
     var dispatch = (0, useDispatch_1["default"])();
@@ -101,14 +102,14 @@ function Router(props) {
         }
     });
     // Sync route params with redux
-    var prevRouteParams = (0, react_use_1.usePreviousDistinct)(routeParams);
+    var prevRouteParams = (_a = (0, react_use_1.usePreviousDistinct)(routeParams)) !== null && _a !== void 0 ? _a : routeParams;
     (0, react_1.useEffect)(function () {
         if (!(0, isEqual_1["default"])(prevRouteParams, routeParams)) {
             dispatch((0, router_1.initParams)(routeParams));
         }
     }, [dispatch, prevRouteParams, routeParams]);
     // Routes state
-    var _b = (0, react_1.useState)((0, helpers_1.treeToList)(props.routes, true, null, props.alwaysAppendParentRoutePath)), routes = _b[0], setRoutes = _b[1];
+    var _c = (0, react_1.useState)((0, helpers_1.treeToList)(props.routes, true, null, props.alwaysAppendParentRoutePath)), routes = _c[0], setRoutes = _c[1];
     (0, react_use_1.useUpdateEffect)(function () {
         setRoutes(props.routes);
     }, [props.routes]);