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

package/ui/form/TimeField/demo/placeholder.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Сообщение пользователю для заполнения по контексту использования.
  * @order 5
  * @col 3
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/TimeField/demo/placeholder.js

@@ -1,7 +1,11 @@
 "use strict";
 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];

package/ui/form/TimeField/demo/required.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Как обязательное поле для заполнения.
  * @order 3
  * @col 3
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/TimeField/demo/required.js

@@ -1,7 +1,11 @@
 "use strict";
 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];

package/ui/form/TimeField/demo/showRemove.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * После выбора времени при наведении на иконку иконка меняется на кнопку для очищении значения.
  * @order 8
  * @col 3
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/TimeField/demo/showRemove.js

@@ -1,7 +1,11 @@
 "use strict";
 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];

package/ui/form/index.d.ts

@@ -26,7 +26,8 @@ import SliderField from './SliderField';
 import SwitcherField from './SwitcherField';
 import TextField from './TextField';
 import TimeField from './TimeField';
-export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, 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, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, };
 declare const _default: {
     AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
     BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
@@ -55,5 +56,6 @@ declare const _default: {
     SwitcherField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SwitcherField/SwitcherField").ISwitcherFieldProps>;
     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>;
 };
 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.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = 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.RateField = exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = 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"));
@@ -58,6 +58,8 @@ var TextField_1 = __importDefault(require("./TextField"));
 exports.TextField = TextField_1["default"];
 var TimeField_1 = __importDefault(require("./TimeField"));
 exports.TimeField = TimeField_1["default"];
+var RateField_1 = __importDefault(require("./RateField"));
+exports.RateField = RateField_1["default"];
 exports["default"] = {
     AutoCompleteField: AutoCompleteField_1["default"],
     BlankField: BlankField_1["default"],
@@ -85,5 +87,6 @@ exports["default"] = {
     SliderField: SliderField_1["default"],
     SwitcherField: SwitcherField_1["default"],
     TextField: TextField_1["default"],
-    TimeField: TimeField_1["default"]
+    TimeField: TimeField_1["default"],
+    RateField: RateField_1["default"]
 };

package/ui/form/validate.d.ts

@@ -1,5 +1,2 @@
-declare const validate: {
-    (data: any, rules: any): void;
-    error(attribute: any, message: any): void;
-};
+declare const validate: (data: any, rules: any) => void;
 export default validate;

package/ui/form/validate.js

@@ -18,7 +18,7 @@ var validate = function (data, rules) {
         var rule = item[1];
         var params = item[2] || {};
         attributes.forEach(function (attribute) {
-            var value = get_1["default"](data, attribute);
+            var value = (0, get_1["default"])(data, attribute);
             switch (rule) {
                 case 'required':
                     if (!value) {
@@ -26,17 +26,17 @@ var validate = function (data, rules) {
                     }
                     break;
                 case 'date':
-                    if (value && !moment_1["default"](value, 'YYYY-MM-DD').isValid()) {
+                    if (value && !(0, moment_1["default"])(value, 'YYYY-MM-DD').isValid()) {
                         errors[attribute] = __('Date wrong format');
                     }
                     break;
                 case 'integer':
                 case 'number':
                     if (value) {
-                        if (isString_1["default"](value)) {
+                        if ((0, isString_1["default"])(value)) {
                             value = Number(value);
                         }
-                        if (rule === 'integer' && !isInteger_1["default"](value)) {
+                        if (rule === 'integer' && !(0, isInteger_1["default"])(value)) {
                             errors[attribute] = __('Field must be integer');
                         }
                         else if ((params.min || params.min === 0) && value < params.min) {
@@ -54,44 +54,46 @@ var validate = function (data, rules) {
                 case 'string':
                     params.max = params.max || 1000;
                     if (value) {
-                        if (isInteger_1["default"](value)) {
+                        if ((0, isInteger_1["default"])(value)) {
                             value = String(value);
                         }
-                        if (!isString_1["default"](value)) {
+                        if (!(0, isString_1["default"])(value)) {
                             errors[attribute] = __('Field must be string');
                         }
-                        else if (size_1["default"](value) > params.max) {
+                        else if ((0, size_1["default"])(value) > params.max) {
                             errors[attribute] = __('String is too long, max: {max}', {
                                 max: params.max
                             });
                         }
-                        else if ((params.min || params.min === 0) &&
-                            size_1["default"](value) < params.min) {
+                        else if ((params.min || params.min === 0)
+                            && (0, size_1["default"])(value) < params.min) {
                             errors[attribute] = __('String is too short, min: {min}', {
                                 min: params.min
                             });
                         }
                     }
                     break;
+                default:
+                    break;
             }
-            if (isFunction_1["default"](rule)) {
+            if ((0, isFunction_1["default"])(rule)) {
                 var error = rule(data, attribute);
                 if (error) {
                     errors[attribute] = error;
                 }
             }
-            set_1["default"](data, attribute, value);
+            (0, set_1["default"])(data, attribute, value);
         });
     });
-    if (!isEmpty_1["default"](errors)) {
+    if (!(0, isEmpty_1["default"])(errors)) {
         // TODO
         // throw new SubmissionError(errors);
     }
 };
-validate.error = function (attribute, message) {
-    // TODO
-    // throw new SubmissionError({
-    //     [attribute]: message
-    // });
-};
+// validate.error = (attribute, message) => {
+//     // TODO
+//     // throw new SubmissionError({
+//     //     [attribute]: message
+//     // });
+// };
 exports["default"] = validate;

package/ui/format/BooleanFormatter/BooleanFormatter.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 var hooks_1 = require("../../../hooks");
 function BooleanFormatter(props) {
-    return hooks_1.useComponents().ui.renderView(props.view || 'format.BooleanFormatterView', {
+    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'format.BooleanFormatterView', {
         value: props.value
     });
 }

package/ui/format/DateFormatter/DateFormatter.js

@@ -5,7 +5,7 @@ var defaultProps = {
     format: 'LL'
 };
 function DateFormatter(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     if (!props.value) {
         return null;
     }

package/ui/format/DateFormatter/demo/basic.js

@@ -1,7 +1,11 @@
 "use strict";
 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];

package/ui/format/DateTimeFormatter/DateTimeFormatter.js

@@ -6,12 +6,12 @@ exports.__esModule = true;
 var moment_1 = __importDefault(require("moment"));
 var hooks_1 = require("../../../hooks");
 function DateTimeFormatter(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     if (!props.value) {
         return null;
     }
     var date = props.timeZone === false
-        ? moment_1["default"](props.value).locale(components.locale.language)
+        ? (0, moment_1["default"])(props.value).locale(components.locale.language)
         : components.locale.moment(props.value);
     return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
         value: date.format(props.format)

package/ui/format/DateTimeFormatter/demo/basic.js

@@ -1,7 +1,11 @@
 "use strict";
 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];

package/ui/format/EnumFormatter/EnumFormatter.js

@@ -15,22 +15,22 @@ var hooks_1 = require("../../../hooks");
  */
 var getLabel = function (items, id) {
     // Array
-    if (isArray_1["default"](items)) {
+    if ((0, isArray_1["default"])(items)) {
         var foundItem = items.find(function (item) { return item.id === id; });
         return foundItem ? foundItem.label : null;
     }
     // Enum
-    if (isObject_1["default"](items) && isFunction_1["default"](items.getLabel)) {
+    if ((0, isObject_1["default"])(items) && (0, isFunction_1["default"])(items.getLabel)) {
         return items.getLabel(id);
     }
     return null;
 };
 exports.getLabel = getLabel;
 function EnumFormatter(props) {
-    var components = hooks_1.useComponents();
-    var items = hooks_1.useDataProvider({ items: props.items }).items;
+    var components = (0, hooks_1.useComponents)();
+    var items = (0, hooks_1.useDataProvider)({ items: props.items }).items;
     return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
-        value: exports.getLabel(items, props.value)
+        value: (0, exports.getLabel)(items, props.value)
     });
 }
 exports["default"] = EnumFormatter;

package/ui/format/FileSize/FileSize.js

@@ -29,8 +29,8 @@ var asHumanFileSize = function (bytes, showZero) {
 };
 exports.asHumanFileSize = asHumanFileSize;
 function FileSize(props) {
-    return hooks_1.useComponents().ui.renderView(props.view || 'format.DefaultFormatterView', {
-        value: exports.asHumanFileSize(props.value, this.props.showZero)
+    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'format.DefaultFormatterView', {
+        value: (0, exports.asHumanFileSize)(props.value, this.props.showZero)
     });
 }
 exports["default"] = FileSize;

package/ui/format/Format/Format.js

@@ -30,14 +30,14 @@ function getFormatterPropsFromModel(model, attribute) {
 }
 exports.getFormatterPropsFromModel = getFormatterPropsFromModel;
 function Format(props) {
-    var context = react_1.useContext(Form_1.FormContext);
-    var components = hooks_1.useComponents();
+    var context = (0, react_1.useContext)(Form_1.FormContext);
+    var components = (0, hooks_1.useComponents)();
     // Get field config from model
-    var model = useModel_1["default"](props.model || (context === null || context === void 0 ? void 0 : context.model));
+    var model = (0, useModel_1["default"])(props.model || (context === null || context === void 0 ? void 0 : context.model));
     var component = props.component || getFormatterPropsFromModel(model, props.attribute);
-    if (isString_1["default"](component)) {
+    if ((0, isString_1["default"])(component)) {
         component = components.ui.getFormatter('format.' + component);
     }
-    return components.ui.renderView(component || 'format.DefaultFormatterView', __assign(__assign({}, props), { value: get_1["default"](props.item, props.attribute) || props.emptyText || null }));
+    return components.ui.renderView(component || 'format.DefaultFormatterView', __assign(__assign({}, props), { value: (0, get_1["default"])(props.item, props.attribute) || props.emptyText || null }));
 }
 exports["default"] = Format;

package/ui/format/MoneyFormatter/MoneyFormatter.js

@@ -13,7 +13,7 @@ var moneyFormat = function (amount, currency, scale) {
         usd: __('$')
     };
     return __('{amount, number} {symbol}', {
-        amount: round_1["default"](amount, scale),
+        amount: (0, round_1["default"])(amount, scale),
         symbol: symbols[currency] || currency.toUpperCase()
     });
 };
@@ -22,8 +22,8 @@ function MoneyFormatter(props) {
     var value = props.precision > 0
         ? props.value / Math.pow(10, props.precision)
         : props.value;
-    return hooks_1.useComponents().ui.renderView(props.view || 'format.DefaultFormatterView', {
-        value: exports.moneyFormat(value, props.currency, props.scale)
+    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'format.DefaultFormatterView', {
+        value: (0, exports.moneyFormat)(value, props.currency, props.scale)
     });
 }
 MoneyFormatter.defaultProps = {

package/ui/layout/Header/Header.d.ts

@@ -20,5 +20,5 @@ export interface IHeaderProps {
     dark?: boolean;
     [key: string]: any;
 }
-export declare type IHeaderViewProps = IHeaderProps;
+export type IHeaderViewProps = IHeaderProps;
 export default function Header(props: IHeaderProps): JSX.Element;

package/ui/layout/Header/Header.js

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 var hooks_1 = require("../../../hooks");
 function Header(props) {
-    return hooks_1.useComponents().ui.renderView(props.view || 'layout.HeaderView', props);
+    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'layout.HeaderView', props);
 }
 exports["default"] = Header;

package/ui/layout/Loader/Loader.js

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 var hooks_1 = require("../../../hooks");
 function Loader(props) {
-    return hooks_1.useComponents().ui.renderView(props.view || 'layout.LoaderView', props);
+    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'layout.LoaderView', props);
 }
 exports["default"] = Loader;

package/ui/layout/Meta/Meta.js

@@ -21,9 +21,9 @@ function Meta(props) {
     return (react_1["default"].createElement(react_helmet_1["default"], null,
         react_1["default"].createElement("title", null, props.title),
         props.base && react_1["default"].createElement("base", __assign({}, props.base)),
-        props.description && react_1["default"].createElement("meta", { name: 'description', content: props.description }), (_a = props.meta) === null || _a === void 0 ? void 0 :
-        _a.map(function (attrs, index) { return react_1["default"].createElement("meta", __assign({ key: index }, attrs)); }), (_b = props.links) === null || _b === void 0 ? void 0 :
-        _b.map(function (attrs, index) { return react_1["default"].createElement("link", __assign({ key: index }, attrs)); }), (_c = props.styles) === null || _c === void 0 ? void 0 :
+        props.description && (react_1["default"].createElement("meta", { name: 'description', content: props.description })), (_a = props.meta) === null || _a === void 0 ? void 0 :
+        _a.map(function (attrs, index) { return (react_1["default"].createElement("meta", __assign({ key: index }, attrs))); }), (_b = props.links) === null || _b === void 0 ? void 0 :
+        _b.map(function (attrs, index) { return (react_1["default"].createElement("link", __assign({ key: index }, attrs))); }), (_c = props.styles) === null || _c === void 0 ? void 0 :
         _c.map(function (attrs, index) { return (react_1["default"].createElement("style", __assign({ key: index }, attrs, { dangerouslySetInnerHTML: {
                 __html: attrs.innerHtml
             } }))); }), (_d = props.scripts) === null || _d === void 0 ? void 0 :

package/ui/layout/Notifications/Notifications.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];
@@ -42,17 +46,17 @@ var hooks_1 = require("../../../hooks");
 var notifications_1 = require("../../../actions/notifications");
 var notifications_2 = require("../../../reducers/notifications");
 function Notifications(props) {
-    var _a = hooks_1.useSelector(function (state) { return ({
-        notifications: notifications_2.getNotifications(state),
-        position: notifications_2.getPosition(state)
+    var _a = (0, hooks_1.useSelector)(function (state) { return ({
+        notifications: (0, notifications_2.getNotifications)(state),
+        position: (0, notifications_2.getPosition)(state)
     }); }), notifications = _a.notifications, position = _a.position;
-    var components = hooks_1.useComponents();
-    var _b = react_1.useState(props.notifications || []), innerNotifications = _b[0], setInnerNotifications = _b[1];
-    var _c = react_1.useState([]), closing = _c[0], setClosing = _c[1];
-    var dispatch = useDispatch_1["default"]();
-    react_use_1.useMount(function () {
+    var components = (0, hooks_1.useComponents)();
+    var _b = (0, react_1.useState)(props.notifications || []), innerNotifications = _b[0], setInnerNotifications = _b[1];
+    var _c = (0, react_1.useState)([]), closing = _c[0], setClosing = _c[1];
+    var dispatch = (0, useDispatch_1["default"])();
+    (0, react_use_1.useMount)(function () {
         if (props.initialFlashes) {
-            dispatch(notifications_1.setFlashes(props.initialFlashes));
+            dispatch((0, notifications_1.setFlashes)(props.initialFlashes));
             // Disable scroll or scroll to top on show notifications
             if (!process.env.IS_SSR) {
                 if ('scrollRestoration' in window.history) {
@@ -64,8 +68,8 @@ function Notifications(props) {
             }
         }
     });
-    var prevNotifications = react_use_1.usePrevious(notifications);
-    react_use_1.useUpdateEffect(function () {
+    var prevNotifications = (0, react_use_1.usePrevious)(notifications);
+    (0, react_use_1.useUpdateEffect)(function () {
         if (prevNotifications !== notifications) {
             var propsIds_1 = notifications.map(function (item) { return item.id; });
             var toClose_1 = innerNotifications.filter(function (item) { return !propsIds_1.includes(item.id); });
@@ -76,9 +80,9 @@ function Notifications(props) {
             }
         }
     }, [closing, innerNotifications, notifications, prevNotifications, props.closeTimeoutMs]);
-    var onClose = react_1.useCallback(function (notificationId) { return dispatch(notifications_1.closeNotification(notificationId)); }, [dispatch]);
+    var onClose = (0, react_1.useCallback)(function (notificationId) { return dispatch((0, notifications_1.closeNotification)(notificationId)); }, [dispatch]);
     var closingIds = closing.map(function (item) { return item.id; });
-    var items = react_1.useMemo(function () { return (orderBy_1["default"]([].concat(innerNotifications).concat(closing), ['id'], 'asc')
+    var items = (0, react_1.useMemo)(function () { return ((0, orderBy_1["default"])([].concat(innerNotifications).concat(closing), ['id'], 'asc')
         .map(function (item) { return (__assign(__assign({}, item), { isClosing: closingIds.includes(item.id), onClose: function () { return onClose(item.id); } })); })); }, [innerNotifications, closing, closingIds, onClose]);
     var NotificationsItemView = props.itemView || components.ui.getView('layout.NotificationsItemView');
     return components.ui.renderView(props.view || 'layout.NotificationsView', __assign(__assign({}, props), { position: position || '', children: items.map(function (item) { return (React.createElement(NotificationsItemView, __assign({ key: item.id }, item))); }) }));

package/ui/layout/Notifications/demo/basic.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Все типы уведомлений
  * @order 1
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/layout/Notifications/demo/basic.js

@@ -1,7 +1,11 @@
 "use strict";
 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];
@@ -32,7 +36,7 @@ var notifications_1 = require("../../../../actions/notifications");
  * @col 6
  */
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
+    var dispatch = (0, useDispatch_1["default"])();
     var notifications = {
         primary: 'Primary notification',
         secondary: 'Secondary notification',
@@ -47,7 +51,7 @@ exports["default"] = (function () {
             display: 'flex',
             flexFlow: 'column'
         } }, Object.keys(notifications).map(function (level) { return ([].concat(notifications[level] || [])
-        .map(function (message) { return (React.createElement(Button_1["default"], { key: level, color: level, label: __("\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435 \u0442\u0438\u043F\u0430 \"" + level + "\""), onClick: function () {
-            dispatch(notifications_1.showNotification(message, level));
+        .map(function (message) { return (React.createElement(Button_1["default"], { key: level, color: level, label: __("\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435 \u0442\u0438\u043F\u0430 \"".concat(level, "\"")), onClick: function () {
+            dispatch((0, notifications_1.showNotification)(message, level));
         }, style: { margin: '10px 0' } })); })); })));
 });

package/ui/layout/Notifications/demo/position.js

@@ -1,7 +1,11 @@
 "use strict";
 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];
@@ -38,8 +42,8 @@ var positions = {
     bl: 'bottom-left'
 };
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
-    return (React.createElement("div", { style: { display: 'grid', gridAutoFlow: 'column', gridGap: '10px', justifyContent: 'center' } }, Object.values(positions).map(function (position) { return (React.createElement(form_1.Button, { key: position, color: 'dark', label: "\u041F\u043E\u0437\u0438\u0446\u0438\u044F " + position, onClick: function () {
-            dispatch(notifications_1.showNotification(position, 'success', { position: position, timeOut: 1000 }));
+    var dispatch = (0, useDispatch_1["default"])();
+    return (React.createElement("div", { style: { display: 'grid', gridAutoFlow: 'column', gridGap: '10px', justifyContent: 'center' } }, Object.values(positions).map(function (position) { return (React.createElement(form_1.Button, { key: position, color: 'dark', label: "\u041F\u043E\u0437\u0438\u0446\u0438\u044F ".concat(position), onClick: function () {
+            dispatch((0, notifications_1.showNotification)(position, 'success', { position: position, timeOut: 1000 }));
         } })); })));
 });

package/ui/layout/Notifications/demo/timeOut.js

@@ -1,7 +1,11 @@
 "use strict";
 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];
@@ -38,8 +42,8 @@ var times = {
     10: 10000
 };
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
-    return (React.createElement("div", { style: { display: 'flex', flexFlow: 'column' } }, Object.values(times).map(function (time) { return (React.createElement(form_1.Button, { key: time, color: 'primary', label: "\u0427\u0435\u0440\u0435\u0437 " + time / 1000 + " \u0441\u0435\u043A\u0443\u043D\u0434 \u043F\u0440\u043E\u043F\u0430\u0434\u0435\u0442 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435", onClick: function () {
-            dispatch(notifications_1.showNotification(time / 1000 + " \u0441\u0435\u043A\u0443\u043D\u0434", 'info', { position: 'bottom-right', timeOut: time }));
+    var dispatch = (0, useDispatch_1["default"])();
+    return (React.createElement("div", { style: { display: 'flex', flexFlow: 'column' } }, Object.values(times).map(function (time) { return (React.createElement(form_1.Button, { key: time, color: 'primary', label: "\u0427\u0435\u0440\u0435\u0437 ".concat(time / 1000, " \u0441\u0435\u043A\u0443\u043D\u0434 \u043F\u0440\u043E\u043F\u0430\u0434\u0435\u0442 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435"), onClick: function () {
+            dispatch((0, notifications_1.showNotification)("".concat(time / 1000, " \u0441\u0435\u043A\u0443\u043D\u0434"), 'info', { position: 'bottom-right', timeOut: time }));
         }, style: { margin: '10px 0' } })); })));
 });

package/ui/layout/Portal.d.ts

@@ -1 +1,6 @@
-export default function Portal(props: any): any;
+import React from 'react';
+interface IPortalProps {
+    children?: React.ReactNode;
+}
+export default function Portal(props: IPortalProps): React.ReactPortal;
+export {};

package/ui/layout/Portal.js

@@ -1,21 +1,21 @@
 "use strict";
 exports.__esModule = true;
-var react_dom_1 = require("react-dom");
 var react_1 = require("react");
+var react_dom_1 = require("react-dom");
 var react_use_1 = require("react-use");
 var hooks_1 = require("../../hooks");
 function Portal(props) {
-    var components = hooks_1.useComponents();
-    var elementRef = react_1.useRef(null);
+    var components = (0, hooks_1.useComponents)();
+    var elementRef = (0, react_1.useRef)(null);
     if (!elementRef.current) {
         elementRef.current = document.createElement('div');
         elementRef.current.className = 'Portal';
     }
-    react_use_1.useMount(function () {
+    (0, react_use_1.useMount)(function () {
         document.body.appendChild(elementRef.current);
         components.ui.setPortalElement(elementRef.current);
     });
-    react_use_1.useUnmount(function () {
+    (0, react_use_1.useUnmount)(function () {
         if (elementRef.current) {
             components.ui.setPortalElement(null);
             document.body.removeChild(elementRef.current);
@@ -24,6 +24,6 @@ function Portal(props) {
     if (process.env.IS_SSR) {
         return null;
     }
-    return react_dom_1.createPortal(props.children, elementRef.current);
+    return (0, react_dom_1.createPortal)(props.children, elementRef.current);
 }
 exports["default"] = Portal;