@steroidsjs/core 3.0.0-beta.4 → 3.0.0-beta.5

package/ui/list/List/demo/load-more.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * List with load more and show sizes switcher
  * @order 4
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/List/demo/load-more.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/list/List/demo/pagination.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Pagination with page numbers and custom position (show both: top and bottom)
  * @order 2
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/List/demo/pagination.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/list/List/demo/search-form.d.ts

@@ -21,10 +21,10 @@ export declare const searchForm: {
         })[];
     };
 };
-declare const _default: () => JSX.Element;
 /**
  * List with search form, address bar and custom pagination
  * @order 6
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/List/demo/search-form.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];
@@ -100,4 +104,4 @@ exports["default"] = (function () { return (React.createElement(List_1["default"
         sizes: [2, 4]
     }, addressBar: true, className: 'list-group', itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
         React.createElement("div", null, props.item.name),
-        React.createElement("div", null, "Category: " + props.item.category))); } })); });
+        React.createElement("div", null, "Category: ".concat(props.item.category)))); } })); });

package/ui/list/List/demo/sort.d.ts

@@ -8,10 +8,10 @@ export declare const items: ({
     title: string;
     id?: undefined;
 })[];
-declare const _default: () => JSX.Element;
 /**
  * List with sorting
  * @order 8
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/List/demo/sort.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];
@@ -85,4 +89,4 @@ exports["default"] = (function () { return (React.createElement(List_1["default"
         defaultValue: '-price'
     }, itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
         React.createElement("div", null, props.item.title),
-        React.createElement("div", null, "Price: " + props.item.price + " $"))); } })); });
+        React.createElement("div", null, "Price: ".concat(props.item.price, " $")))); } })); });

package/ui/list/Pagination/Pagination.d.ts

@@ -6,6 +6,15 @@ import { IButtonProps } from '../../form/Button/Button';
  * Компонент с пагинацией страниц.
  */
 export interface IPaginationProps {
+    /**
+     * Подключить пагинацию
+     * @example true
+     */
+    enable?: boolean;
+    /**
+     * Значение по-умолчанию
+     */
+    defaultValue?: number;
     /**
      * Аттрибут (название) в форме для поля пагинации
      * @example page
@@ -56,6 +65,10 @@ export interface IPaginationProps {
      * Темная тема
      */
     dark?: boolean;
+    /**
+     * Список, для которого используется пагинация
+     */
+    list?: any;
     [key: string]: any;
 }
 export interface IPaginationViewProps extends IPaginationProps {

package/ui/list/Pagination/Pagination.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];
@@ -60,21 +64,21 @@ var generatePages = function (page, totalPages, aroundCount) {
 exports.generatePages = generatePages;
 function Pagination(props) {
     var _a, _b, _c;
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     var initialValues = {
         page: (_a = props.list) === null || _a === void 0 ? void 0 : _a[props.attribute],
         pageSize: (_b = props.list) === null || _b === void 0 ? void 0 : _b[props.sizeAttribute]
     };
-    var _d = useForm_1["default"](), formId = _d.formId, formDispatch = _d.formDispatch, formSelector = _d.formSelector;
+    var _d = (0, useForm_1["default"])(), formId = _d.formId, formDispatch = _d.formDispatch, formSelector = _d.formSelector;
     var _e = formSelector(function (_a) {
         var values = _a.values;
         return ({
-            page: get_1["default"](values, props.attribute),
-            pageSize: get_1["default"](values, props.sizeAttribute)
+            page: (0, get_1["default"])(values, props.attribute),
+            pageSize: (0, get_1["default"])(values, props.sizeAttribute)
         });
     }) || initialValues, page = _e.page, pageSize = _e.pageSize;
     var totalPages = Math.ceil((((_c = props.list) === null || _c === void 0 ? void 0 : _c.total) || 0) / (pageSize || 1));
-    var pages = react_1.useMemo(function () { return exports.generatePages(page, totalPages, props.aroundCount)
+    var pages = (0, react_1.useMemo)(function () { return (0, exports.generatePages)(page, totalPages, props.aroundCount)
         .map(function (pageItem, index, pagesArray) {
         // Номер страницы для '...' кнопки (выбирает страницу между двумя соседними пронумерованными)
         var pageNumberForButtonWithDots = Math.floor(((pagesArray[index + 1] + pagesArray[index - 1]) / 2));
@@ -84,15 +88,15 @@ function Pagination(props) {
             isActive: page === pageItem
         };
     }); }, [page, props.aroundCount, totalPages]);
-    var onSelect = react_1.useCallback(function (newPage) {
+    var onSelect = (0, react_1.useCallback)(function (newPage) {
         if (formDispatch) {
-            formDispatch(form_1.formChange(formId, props.attribute, newPage));
+            formDispatch((0, form_1.formChange)(formId, props.attribute, newPage));
         }
         if (props.onChange && newPage) {
             props.onChange.call(null, newPage);
         }
     }, [formDispatch, formId, props.attribute, props.onChange]);
-    var onSelectNext = react_1.useCallback(function () {
+    var onSelectNext = (0, react_1.useCallback)(function () {
         onSelect(page + 1);
     }, [onSelect, page]);
     if (!props.list || !page || !pageSize || props.list.total <= pageSize) {

package/ui/list/Pagination/demo/basic.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Basic
  * @order 1
  * @col 4
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/Pagination/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/list/Pagination/demo/load-more.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Load more
  * @order 2
  * @col 4
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/Pagination/demo/load-more.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/list/Pagination/demo/sizes.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Sizes
  * @order 3
  * @col 12
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/Pagination/demo/sizes.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/list/PaginationSize/PaginationSize.d.ts

@@ -44,6 +44,10 @@ export interface IPaginationSizeProps {
      * @return {void}
      */
     onChange?: (value: number) => void;
+    /**
+     * Список, для которого используется пагинация
+     */
+    list?: any;
     [key: string]: any;
 }
 export interface IPaginationSizeViewProps extends IPaginationSizeProps {

package/ui/list/PaginationSize/PaginationSize.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 useForm_1 = __importDefault(require("../../../hooks/useForm"));
 var form_1 = require("../../../actions/form");
 function PaginationSize(props) {
     var _a, _b, _c;
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     var pageSize = (_a = props.list) === null || _a === void 0 ? void 0 : _a.pageSize;
-    var items = react_1.useMemo(function () { return props.sizes.map(function (size) { return ({
+    var items = (0, react_1.useMemo)(function () { return props.sizes.map(function (size) { return ({
         size: size,
         label: size,
         isActive: pageSize === size
     }); }); }, [pageSize, props.sizes]);
-    var _d = useForm_1["default"](), formId = _d.formId, formDispatch = _d.formDispatch;
-    var onSelect = react_1.useCallback(function (newPage) {
+    var _d = (0, useForm_1["default"])(), formId = _d.formId, formDispatch = _d.formDispatch;
+    var onSelect = (0, react_1.useCallback)(function (newPage) {
         if (formDispatch) {
-            formDispatch(form_1.formChange(formId, props.attribute, newPage));
+            formDispatch((0, form_1.formChange)(formId, props.attribute, newPage));
         }
         if (props.onChange && newPage) {
             props.onChange.call(null, newPage);
@@ -61,8 +65,7 @@ function PaginationSize(props) {
     if (!((_c = (_b = props.list) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length)) {
         return null;
     }
-    return components.ui.renderView(props.view || 'list.PaginationSizeView', __assign(__assign({}, props), { items: items,
-        onSelect: onSelect }));
+    return components.ui.renderView(props.view || 'list.PaginationSizeView', __assign(__assign({}, props), { items: items, onSelect: onSelect }));
 }
 PaginationSize.defaultProps = {
     enable: false,
@@ -71,6 +74,6 @@ PaginationSize.defaultProps = {
     defaultValue: 50,
     position: 'top'
 };
-var normalizePaginationSizeProps = function (props) { return (__assign(__assign(__assign({}, PaginationSize.defaultProps), { enable: !!props, defaultValue: get_1["default"](props, 'sizes.0') || PaginationSize.defaultProps.defaultValue }), (typeof props === 'boolean' ? { enable: props } : props))); };
+var normalizePaginationSizeProps = function (props) { return (__assign(__assign(__assign({}, PaginationSize.defaultProps), { enable: !!props, defaultValue: (0, get_1["default"])(props, 'sizes.0') || PaginationSize.defaultProps.defaultValue }), (typeof props === 'boolean' ? { enable: props } : props))); };
 exports.normalizePaginationSizeProps = normalizePaginationSizeProps;
 exports["default"] = React.memo(PaginationSize);

package/ui/list/PaginationSize/demo/basic.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Basic
  * @order 1
  * @col 3
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/PaginationSize/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/list/PaginationSize/demo/size.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Sizes
  * @order 2
  * @col 12
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/PaginationSize/demo/size.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/list/SearchForm/SearchForm.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];
@@ -39,12 +43,12 @@ var react_redux_1 = require("react-redux");
 var useForm_1 = __importDefault(require("../../../hooks/useForm"));
 var form_1 = require("../../../actions/form");
 exports["default"] = React.memo(function (props) {
-    var formId = useForm_1["default"]().formId;
-    var dispatch = react_redux_1.useDispatch();
-    var onSubmit = react_1.useCallback(function (params) {
+    var formId = (0, useForm_1["default"])().formId;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var onSubmit = (0, react_1.useCallback)(function (params) {
         props.fields.forEach(function (field) {
             var attribute = typeof field === 'string' ? field : field.attribute;
-            dispatch(form_1.formChange(formId, attribute, (params === null || params === void 0 ? void 0 : params[attribute]) || null));
+            dispatch((0, form_1.formChange)(formId, attribute, (params === null || params === void 0 ? void 0 : params[attribute]) || null));
         });
     }, [dispatch, formId, props.fields]);
     if (!props.fields || props.layout === 'table') {

package/ui/list/SearchForm/demo/basic.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * List with search form
  * @order 1
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/SearchForm/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,4 +36,4 @@ var search_form_1 = require("../../List/demo/search-form");
  */
 exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoSearch', items: search_form_1.items, searchForm: search_form_1.searchForm, className: 'list-group', itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
         React.createElement("div", null, props.item.name),
-        React.createElement("div", null, "Category: " + props.item.category))); } })); });
+        React.createElement("div", null, "Category: ".concat(props.item.category)))); } })); });

package/ui/list/Steps/Steps.js

@@ -3,8 +3,8 @@ exports.__esModule = true;
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function Steps(props) {
-    var _a = react_1.useState(false), isChangeable = _a[0], setIsChangeable = _a[1];
-    react_1.useEffect(function () { return setIsChangeable(props.isChangeable); }, [props.isChangeable]);
+    var _a = (0, react_1.useState)(false), isChangeable = _a[0], setIsChangeable = _a[1];
+    (0, react_1.useEffect)(function () { return setIsChangeable(props.isChangeable); }, [props.isChangeable]);
     function getStepStatus(index, stepItem) {
         if (stepItem.isError)
             return 'error';
@@ -14,11 +14,11 @@ function Steps(props) {
             return 'active';
         return 'finish';
     }
-    return hooks_1.useComponents().ui.renderView('list.StepsView', {
+    return (0, hooks_1.useComponents)().ui.renderView('list.StepsView', {
         className: props.className,
         children: props.stepItems.map(
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        function (stepItem, index) { return hooks_1.useComponents().ui.renderView('list.StepItemView', {
+        function (stepItem, index) { return (0, hooks_1.useComponents)().ui.renderView('list.StepItemView', {
             stepItem: stepItem,
             index: index + 1,
             status: getStepStatus(index, stepItem),

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

@@ -84,9 +84,13 @@ export interface IModalProps {
      * @example MyCustomView
      */
     view?: CustomView;
+    /**
+     * Вложенные элементы
+     */
+    children?: string | any;
     [key: string]: any;
 }
-export declare type IModalViewProps = IModalProps;
+export type IModalViewProps = IModalProps;
 declare function Modal(props: IModalProps): JSX.Element;
 declare namespace Modal {
     var defaultProps: {

package/ui/modal/Modal/Modal.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];
@@ -33,7 +37,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("../../../hooks");
 function Modal(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     var ModalView = props.view || components.ui.getView('modal.ModalView');
     var ContentComponent = props.component;
     React.useEffect(function () {

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

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

package/ui/modal/Modal/demo/basic.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];
@@ -48,11 +52,11 @@ function DemoModal(props) {
  * @col 6
  */
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
+    var dispatch = (0, useDispatch_1["default"])();
     return (React.createElement(React.Fragment, null,
         React.createElement(Button_1["default"], { label: 'Open modal', onClick: function (e) {
                 e.preventDefault();
-                dispatch(modal_1.openModal(DemoModal, {
+                dispatch((0, modal_1.openModal)(DemoModal, {
                     modalId: 'demo'
                 }));
             } })));

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Настройка времени, через которое произойдет закрытие Modal.
  * @order 5
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/modal/Modal/demo/closeTimeout.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];
@@ -48,11 +52,11 @@ function DemoModal(props) {
  * @col 6
  */
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
+    var dispatch = (0, useDispatch_1["default"])();
     return (React.createElement(React.Fragment, null,
         React.createElement(Button_1["default"], { label: 'Open modal', onClick: function (e) {
                 e.preventDefault();
-                dispatch(modal_1.openModal(DemoModal, {
+                dispatch((0, modal_1.openModal)(DemoModal, {
                     modalId: 'demo',
                     closeTimeoutMs: 1000
                 }));

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Обработка закрытия Modal при помощи onClose.
  * Также это модальное окно не закроется при нажатии на клавишу 'ESC' или клике на overlay.
  * @order 4
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/modal/Modal/demo/closing.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];
@@ -49,11 +53,11 @@ function DemoModal(props) {
  * @col 6
  */
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
+    var dispatch = (0, useDispatch_1["default"])();
     return (React.createElement(React.Fragment, null,
         React.createElement(Button_1["default"], { label: 'Open modal', onClick: function (e) {
                 e.preventDefault();
-                dispatch(modal_1.openModal(DemoModal, {
+                dispatch((0, modal_1.openModal)(DemoModal, {
                     modalId: 'demo',
                     onClose: function () { return alert('Modal will be closed!'); },
                     shouldCloseOnOverlayClick: false,