@steroidsjs/core 3.0.0-beta.75 → 3.0.0-beta.77

package/package.json

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

package/ui/form/Form/Form.js

@@ -270,7 +270,7 @@ function Form(props) {
                             props.onError(requestError_1);
                         }
                         else {
-                            reduxDispatch((0, notifications_1.showNotification)(props.submitErrorMessage || __('Ошибка сервера'), 'danger'));
+                            reduxDispatch((0, notifications_1.showNotification)(props.submitErrorMessage || __('Ошибка сервера'), 'error'));
                         }
                         return [2 /*return*/, null];
                     case 9:

package/ui/form/PasswordField/PasswordField.d.ts

@@ -1,6 +1,10 @@
 import { ChangeEvent } from 'react';
 import { IBaseFieldProps } from '../InputField/InputField';
 import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+export declare enum InputType {
+    TEXT = "text",
+    PASSWORD = "password"
+}
 /**
  * PasswordField
  *
@@ -27,10 +31,9 @@ export interface IPasswordFieldViewProps extends IPasswordFieldProps, IFieldWrap
         placeholder: string;
         disabled: boolean;
     };
+    onShowButtonClick: () => void;
     onClear?: () => void;
     securityLevel?: 'success' | 'warning' | 'danger';
-    onShowPassword: () => void;
-    onHidePassword: () => void;
 }
 export declare const checkPassword: (password: any) => "success" | "warning" | "danger";
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IPasswordFieldProps>;

package/ui/form/PasswordField/PasswordField.js

@@ -14,10 +14,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.checkPassword = void 0;
+exports.checkPassword = exports.InputType = void 0;
+/* eslint-disable no-unused-expressions */
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
+var InputType;
+(function (InputType) {
+    InputType["TEXT"] = "text";
+    InputType["PASSWORD"] = "password";
+})(InputType = exports.InputType || (exports.InputType = {}));
 var checkPassword = function (password) {
     if (!password) {
         return null;
@@ -47,18 +53,17 @@ var checkPassword = function (password) {
 };
 exports.checkPassword = checkPassword;
 function PasswordField(props) {
-    var _a = (0, react_1.useState)('password'), type = _a[0], setType = _a[1];
+    var _a = (0, react_1.useState)(InputType.PASSWORD), type = _a[0], setType = _a[1];
     var components = (0, hooks_1.useComponents)();
     var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
-    props.inputProps = (0, react_1.useMemo)(function () {
+    var onShowButtonClick = (0, react_1.useCallback)(function () {
+        type === InputType.PASSWORD ? setType(InputType.TEXT) : setType(InputType.PASSWORD);
+    }, [type]);
+    var inputProps = (0, react_1.useMemo)(function () {
         var _a;
         return (__assign({ name: props.input.name, defaultValue: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (value) { return props.input.onChange(value); }, type: type, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
     }, [props.disabled, props.input, props.inputProps, props.placeholder, type]);
-    props.securityLevel = props.showSecurityBar ? (0, exports.checkPassword)(props.input.value) : null;
-    props.onShowPassword = function () { return setType('text'); };
-    props.onHidePassword = function () { return setType('password'); };
-    props.onClear = onClear;
-    return components.ui.renderView(props.view || 'form.PasswordFieldView' || 'form.InputFieldView', props);
+    return components.ui.renderView(props.view || 'form.PasswordFieldView' || 'form.InputFieldView', __assign(__assign({}, props), { inputProps: inputProps, securityLevel: props.showSecurityBar ? (0, exports.checkPassword)(props.input.value) : null, onClear: onClear, onShowButtonClick: onShowButtonClick }));
 }
 PasswordField.defaultProps = {
     disabled: false,

package/ui/nav/Tree/Tree.js

@@ -10,15 +10,38 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var React = __importStar(require("react"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
 var omit_1 = __importDefault(require("lodash-es/omit"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var keys_1 = __importDefault(require("lodash-es/keys"));
-var react_use_1 = require("react-use");
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var router_1 = require("../../../reducers/router");
@@ -43,7 +66,7 @@ function Tree(props) {
                     ? route.items.map(function (r) { return routeToItem_1(r); })
                     : Object.keys(route.items || {}).map(function (id) { return routeToItem_1(route.items[id]); })).filter(function (r) { return r.visible; });
                 return {
-                    id: route.id,
+                    id: route.id.toLowerCase(),
                     label: route.label || route.title,
                     visible: route.isNavVisible !== false,
                     toRoute: routeItems.length === 0 ? route.id : null,
@@ -62,20 +85,20 @@ function Tree(props) {
     var findChildById = function (sourceItems, itemId, parentId, level) {
         if (parentId === void 0) { parentId = ''; }
         if (level === void 0) { level = 1; }
-        var finedItem = null;
+        var foundItem = null;
         if ((0, isString_1["default"])(sourceItems)) {
             return null;
         }
         (sourceItems || []).forEach(function (item, index) {
             var uniqId = resolveId(item, index, parentId);
-            if (!finedItem && (item.id === itemId || uniqId === itemId)) {
-                finedItem = __assign(__assign({}, item), { uniqId: uniqId, level: level });
+            if (!foundItem && (item.id === itemId || uniqId === itemId)) {
+                foundItem = __assign(__assign({}, item), { uniqId: uniqId, level: level });
             }
-            if (!finedItem) {
-                finedItem = findChildById(item[props.itemsKey], itemId, uniqId, level + 1);
+            if (!foundItem) {
+                foundItem = findChildById(item[props.itemsKey], itemId, uniqId, level + 1);
             }
         });
-        return finedItem;
+        return foundItem;
     };
     var autoOpen = function (sourceItems, parentId, level) {
         if (parentId === void 0) { parentId = ''; }
@@ -100,17 +123,17 @@ function Tree(props) {
         return opened;
     };
     // Initial opened items
-    (0, react_use_1.useEffectOnce)(function () {
+    React.useEffect(function () {
         // TODO add  clientStorage
         // const key = STORAGE_KEY_PREFIX + props.id;
         // const opened = !this.state && this.props.clientStorage.get(key) && this.props.autoSave
         //     ? JSON.parse(this.props.clientStorage.get(key))
         //     : this._autoOpen(this.props._items);
         var opened = autoOpen(items);
-        var selectedItem = findChildById(items, selectedItemId);
         setOpenedItems(opened);
-        setSelectedUniqId(selectedItem ? selectedItemId.uniqId : null);
-    });
+        var selectedItem = findChildById(items, selectedItemId);
+        setSelectedUniqId(selectedItem ? selectedItem.uniqId : null);
+    }, [items]);
     var onItemClick = (0, react_1.useCallback)(function (e, uniqId, item) {
         var _a;
         var _b;