@steroidsjs/core 3.0.0-beta.37 → 3.0.0-beta.39

package/package.json

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

package/ui/content/Icon/Icon.js

@@ -17,6 +17,7 @@ exports.__esModule = true;
 var isObject_1 = __importDefault(require("lodash-es/isObject"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
 var hooks_1 = require("../../../hooks");
+var DEFAULT_ICON_NAME = 'default_24x24';
 function Icon(props) {
     var components = (0, hooks_1.useComponents)();
     var name = props.name;
@@ -42,7 +43,9 @@ function Icon(props) {
             }
         }
         if (!icon) {
-            throw new Error('Not found icon with name "' + name + '"');
+            // eslint-disable-next-line no-console
+            console.warn('Not found icon with name "' + name + '"');
+            icon = components.ui.getIcon(DEFAULT_ICON_NAME);
         }
     }
     return components.ui.renderView(props.view || 'content.IconView', __assign(__assign({}, props), { icon: icon }));

package/ui/form/MaskField/MaskField.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IInputFieldProps } from '../InputField/InputField';
+export interface IMaskFieldProps extends IInputFieldProps {
+    mask?: string;
+}
+declare function MaskField(props: IMaskFieldProps): JSX.Element;
+export default MaskField;

package/ui/form/MaskField/MaskField.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = __importDefault(require("react"));
+var InputField_1 = __importDefault(require("../InputField/InputField"));
+function MaskField(props) {
+    var mask = props.mask, maskProps = props.maskProps, inputProps = __rest(props, ["mask", "maskProps"]);
+    return (react_1["default"].createElement(InputField_1["default"], __assign({}, inputProps, { maskProps: __assign({ mask: mask }, maskProps) })));
+}
+exports["default"] = MaskField;

package/ui/form/MaskField/index.d.ts

@@ -0,0 +1,2 @@
+import MaskField from './MaskField';
+export default MaskField;

package/ui/form/MaskField/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var MaskField_1 = __importDefault(require("./MaskField"));
+exports["default"] = MaskField_1["default"];

package/ui/form/index.d.ts

@@ -28,7 +28,8 @@ import SwitcherField from './SwitcherField';
 import TextField from './TextField';
 import TimeField from './TimeField';
 import RateField from './RateField';
-export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, };
+import MaskField from './MaskField';
+export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, MaskField, };
 declare const _default: {
     AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
     BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
@@ -59,5 +60,6 @@ declare const _default: {
     TextField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TextField/TextField").ITextFieldProps>;
     TimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TimeField/TimeField").ITimeFieldProps>;
     RateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RateField/RateField").IRateFieldProps>;
+    MaskField: typeof MaskField;
 };
 export default _default;

package/ui/form/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.RateField = exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.RadioField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.HtmlField = exports.Form = exports.FileField = exports.FieldSet = exports.FieldList = exports.FieldLayout = exports.Field = exports.DropDownField = exports.DateTimeRangeField = exports.DateTimeField = exports.DateRangeField = exports.DateField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
+exports.MaskField = exports.RateField = exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.RadioField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.HtmlField = exports.Form = exports.FileField = exports.FieldSet = exports.FieldList = exports.FieldLayout = exports.Field = exports.DropDownField = exports.DateTimeRangeField = exports.DateTimeField = exports.DateRangeField = exports.DateField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
 var AutoCompleteField_1 = __importDefault(require("./AutoCompleteField"));
 exports.AutoCompleteField = AutoCompleteField_1["default"];
 var BlankField_1 = __importDefault(require("./BlankField"));
@@ -62,6 +62,8 @@ var TimeField_1 = __importDefault(require("./TimeField"));
 exports.TimeField = TimeField_1["default"];
 var RateField_1 = __importDefault(require("./RateField"));
 exports.RateField = RateField_1["default"];
+var MaskField_1 = __importDefault(require("./MaskField"));
+exports.MaskField = MaskField_1["default"];
 exports["default"] = {
     AutoCompleteField: AutoCompleteField_1["default"],
     BlankField: BlankField_1["default"],
@@ -91,5 +93,6 @@ exports["default"] = {
     SwitcherField: SwitcherField_1["default"],
     TextField: TextField_1["default"],
     TimeField: TimeField_1["default"],
-    RateField: RateField_1["default"]
+    RateField: RateField_1["default"],
+    MaskField: MaskField_1["default"]
 };

package/ui/modal/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { IButtonProps } from 'src/ui/form/Button/Button';
 /**
  * Modal
@@ -14,7 +14,7 @@ export interface IModalProps {
      * Компонент, который отрендерится внутри Modal
      * @example () => <InnerModalComponent />
      */
-    component?: any;
+    component?: (props: React.ComponentProps<any>) => JSX.Element;
     /**
      * Свойства для внутреннего компонента
      */

package/ui/nav/Router/Router.js

@@ -82,13 +82,13 @@ var renderComponent = function (route, activePath, routeProps) {
 function Router(props) {
     var components = (0, hooks_1.useComponents)();
     var _a = (0, hooks_1.useSelector)(function (state) {
-        var _a, _b;
+        var _a, _b, _c;
         return ({
             isInitialized: (0, router_2.isRouterInitialized)(state),
             pathname: (0, get_1["default"])(state, 'router.location.pathname'),
             route: (0, router_2.getRoute)(state),
-            routeParams: state.router.params,
-            activePath: (_b = (_a = state.router) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.pathname,
+            routeParams: (_a = state.router.match) === null || _a === void 0 ? void 0 : _a.params,
+            activePath: (_c = (_b = state.router) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.pathname,
             activeRouteIds: (0, router_2.getActiveRouteIds)(state)
         });
     }), isInitialized = _a.isInitialized, pathname = _a.pathname, route = _a.route, routeParams = _a.routeParams, activePath = _a.activePath, activeRouteIds = _a.activeRouteIds;
@@ -152,8 +152,7 @@ function Router(props) {
                 return activeRoute && activeRoute.role !== exports.ROUTER_ROLE_MODAL;
             });
             if (parentRouteId) {
-                // TODO route params?..
-                dispatch((0, router_1.goToRoute)(parentRouteId));
+                dispatch((0, router_1.goToRoute)(parentRouteId, routeParams));
             }
         }
     });