@steroidsjs/core 3.0.0-beta.2 → 3.0.0-beta.21

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];
@@ -24,12 +28,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var List_1 = __importDefault(require("../../List"));
-var search_form_1 = require("../../List/demo/search-form");
+// import {searchForm, items} from '../../List/demo/search-form';
 /**
  * List with search form
  * @order 1
  * @col 6
  */
-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' },
+exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoSearch', 
+    // items={items}
+    // searchForm={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.d.ts

@@ -3,16 +3,16 @@ interface IStepsProps {
     stepItems: IStepItem[];
     currentStep: number;
     isChangeable?: boolean;
-    className?: string;
+    className?: CssClassName;
     onChange?: (index: number) => void;
 }
 export interface IStepsViewProps {
-    className?: string;
+    className?: CssClassName;
     children?: React.ReactNode;
 }
 export interface IStepItemViewProps {
     stepItem: IStepItem;
-    className?: string;
+    className?: CssClassName;
     index: number;
     status: string;
     disabled: boolean;

package/ui/list/Steps/Steps.js

@@ -3,28 +3,34 @@ 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)
+        if (stepItem.isError) {
             return 'error';
-        if (props.currentStep < index)
+        }
+        if (props.currentStep < index) {
             return 'wait';
-        if (props.currentStep === index)
+        }
+        if (props.currentStep === index) {
             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),
             disabled: !isChangeable,
-            onChange: function () { if (isChangeable)
-                props.onChange(index); }
+            onChange: function () {
+                if (isChangeable) {
+                    props.onChange(index);
+                }
+            }
         }); })
     });
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IControlItem } from '../../nav/Controls/Controls';
 /**
  * Modal
@@ -83,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,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Простой пример 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,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Настройка времени, через которое произойдет закрытие 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,8 +1,9 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Обработка закрытия 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,

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

@@ -1,4 +1,4 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Контент для Modal также можно задать через свойство component.
  * При этом, в action openModal необязательно передавать отдельный компонент, построенный на базе Modal.
@@ -6,4 +6,5 @@ declare const _default: () => JSX.Element;
  * @order 6
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/modal/Modal/demo/component.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];
@@ -35,11 +39,11 @@ var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
  * @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(Modal_1["default"], {
+                dispatch((0, modal_1.openModal)(Modal_1["default"], {
                     modalId: 'demo',
                     title: 'Modal based only on props',
                     component: function () { return (React.createElement("div", { style: { marginBottom: '20px' } }, "This is your modal content.")); },

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

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

package/ui/modal/Modal/demo/controls.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];
@@ -51,11 +55,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/size.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * По-умолчанию, Modal имеет 3 заданных размера.
  * @order 3
  * @col 12
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/modal/Modal/demo/size.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];
@@ -40,7 +44,7 @@ var modal_1 = require("../../../../actions/modal");
 var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
 var sizesArray = ['small', 'middle', 'large'];
 function DemoModal(props) {
-    return (React.createElement(Modal_1["default"], __assign({ title: props.size + " modal", onClose: props.onClose }, props),
+    return (React.createElement(Modal_1["default"], __assign({ title: "".concat(props.size, " modal"), onClose: props.onClose }, props),
         React.createElement("div", { style: { marginBottom: '20px' } },
             "This is your content for",
             React.createElement("strong", null,
@@ -55,10 +59,10 @@ function DemoModal(props) {
  * @col 12
  */
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
-    return (React.createElement("div", { style: { display: 'flex' } }, sizesArray.map(function (size) { return (React.createElement(Button_1["default"], { key: size, label: "Open " + size + " modal", onClick: function (e) {
+    var dispatch = (0, useDispatch_1["default"])();
+    return (React.createElement("div", { style: { display: 'flex' } }, sizesArray.map(function (size) { return (React.createElement(Button_1["default"], { key: size, label: "Open ".concat(size, " modal"), onClick: function (e) {
             e.preventDefault();
-            dispatch(modal_1.openModal(DemoModal, {
+            dispatch((0, modal_1.openModal)(DemoModal, {
                 modalId: 'demo',
                 size: size
             }));

package/ui/modal/ModalPortal/ModalPortal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IModalPortalProps {
     /**
      * Время, через которое произойдет закрытие Modal

package/ui/modal/ModalPortal/ModalPortal.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];
@@ -41,30 +45,29 @@ var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
 var modal_1 = require("../../../actions/modal");
 var modal_2 = require("../../../reducers/modal");
 function ModalPortal(props) {
-    var dispatch = useDispatch_1["default"]();
+    var dispatch = (0, useDispatch_1["default"])();
     var group = props.group || ModalPortal.defaultProps.group;
-    var opened = hooks_1.useSelector(function (state) { return modal_2.getOpened(state, group); });
-    var closeInternal = react_1.useCallback(function (item) {
+    var opened = (0, hooks_1.useSelector)(function (state) { return (0, modal_2.getOpened)(state, group); });
+    var closeInternal = (0, react_1.useCallback)(function (item) {
         if (item.props && item.props.onClose) {
             item.props.onClose();
         }
-        dispatch(modal_1.closeModal(item.id, props.group));
+        dispatch((0, modal_1.closeModal)(item.id, props.group));
     }, [dispatch, props.group]);
-    var onClose = react_1.useCallback(function (item) {
+    var onClose = (0, react_1.useCallback)(function (item) {
         var _a, _b;
         var animationDelayMc = (_b = (_a = item.props) === null || _a === void 0 ? void 0 : _a.closeTimeoutMs) !== null && _b !== void 0 ? _b : props.animationDelayMc;
         if (animationDelayMc > 0) {
-            dispatch(modal_1.modalMarkClosing(item.id, props.group));
+            dispatch((0, modal_1.modalMarkClosing)(item.id, props.group));
             setTimeout(function () { return closeInternal(item); }, animationDelayMc);
         }
         else {
             closeInternal(item);
         }
     }, [closeInternal, dispatch, props.animationDelayMc, props.group]);
-    return orderBy_1["default"](opened, 'id').map(function (item, index) {
+    return (0, orderBy_1["default"])(opened, 'id').map(function (item, index) {
         var ModalComponent = item.modal;
-        var modalProps = __assign(__assign({}, item.props), { index: index,
-            group: group, isClosing: item.isClosing, onClose: function () { return onClose(item); }, closeTimeoutMs: item.props.closeTimeoutMs || props.animationDelayMc });
+        var modalProps = __assign(__assign({}, item.props), { index: index, group: group, isClosing: item.isClosing, onClose: function () { return onClose(item); }, closeTimeoutMs: item.props.closeTimeoutMs || props.animationDelayMc });
         return (React.createElement(ModalComponent, __assign({ key: item.id }, modalProps)));
     });
 }

package/ui/modal/TwoFactorModal/TwoFactorModal.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 interface ITwoFactorModalProps {
-    view?: any;
+    view?: CustomView;
     providerName: string;
     onClose?: any;
 }

package/ui/modal/TwoFactorModal/TwoFactorModal.js

@@ -19,11 +19,11 @@ var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
 var useFetch_1 = __importDefault(require("../../../hooks/useFetch"));
 var Modal_1 = __importDefault(require("../Modal"));
 function TwoFactorModal(props) {
-    var components = useComponents_1["default"]();
+    var components = (0, useComponents_1["default"])();
     // TODO set types
-    var data = useFetch_1["default"]({
+    var data = (0, useFetch_1["default"])({
         method: 'post',
-        url: "/api/v1/auth/2fa/" + props.providerName + "/send"
+        url: "/api/v1/auth/2fa/".concat(props.providerName, "/send")
     }).data;
     var providerData = data.providerData;
     var getDescription = function () {
@@ -49,7 +49,7 @@ function TwoFactorModal(props) {
     return (react_1["default"].createElement(Modal_1["default"], __assign({}, props, { onClose: props.onClose }),
         react_1["default"].createElement(TwoFactorModalView, __assign({}, props, { formProps: {
                 formId: 'TwoFactorModal',
-                action: "/api/v1/auth/2fa/" + props.providerName + "/confirm",
+                action: "/api/v1/auth/2fa/".concat(props.providerName, "/confirm"),
                 onComplete: function () { return props.onClose(); }
             }, description: getDescription() }))));
 }

package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IRouteItem } from '../Router/Router';
 /**
  * Breadcrumbs
@@ -26,6 +27,15 @@ export interface IBreadcrumbsProps {
      * @example 'Каталог'
      */
     pageTitle?: string;
+    /**
+     * Показать иконку заменяющую первый роут
+     * @example true
+     */
+    showIcon?: boolean;
+    /**
+     * Кастомная иконка, заменяющая первый роут
+     */
+    customIcon?: string | React.ReactElement;
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
@@ -33,7 +43,7 @@ export interface IBreadcrumbsProps {
     view?: CustomView;
     [key: string]: any;
 }
-export declare type IBreadcrumbsViewProps = IBreadcrumbsProps & {
+export type IBreadcrumbsViewProps = IBreadcrumbsProps & {
     routeParams?: any;
 };
 export default function Breadcrumbs(props: IBreadcrumbsProps): JSX.Element;

package/ui/nav/Breadcrumbs/Breadcrumbs.js

@@ -14,11 +14,10 @@ exports.__esModule = true;
 var hooks_1 = require("../../../hooks");
 var router_1 = require("../../../reducers/router");
 function Breadcrumbs(props) {
-    var components = hooks_1.useComponents();
-    var routeItems = hooks_1.useSelector(function (state) { return router_1.getRouteBreadcrumbs(state, props.pageId); });
-    var routeParams = hooks_1.useSelector(function (state) { return router_1.getRouteParams(state); });
+    var components = (0, hooks_1.useComponents)();
+    var routeItems = (0, hooks_1.useSelector)(function (state) { return (0, router_1.getRouteBreadcrumbs)(state, props.pageId); });
+    var routeParams = (0, hooks_1.useSelector)(function (state) { return (0, router_1.getRouteParams)(state); });
     var items = props.items || routeItems;
-    return components.ui.renderView(props.view || 'nav.BreadcrumbsView', __assign(__assign({}, props), { items: items,
-        routeParams: routeParams }));
+    return components.ui.renderView(props.view || 'nav.BreadcrumbsView', __assign(__assign({}, props), { items: items, routeParams: routeParams }));
 }
 exports["default"] = Breadcrumbs;

package/ui/nav/Controls/Controls.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IButtonProps } from '../../form/Button/Button';
 import { INavProps } from '../Nav/Nav';
 export interface IControlItem extends IButtonProps {
@@ -38,16 +39,16 @@ export interface IControlsProps {
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     /**
      * Дополнительный CSS-класс для элемента отображения
      * @example MyCustomView
      */
-    className?: string;
+    className?: CssClassName;
     [key: string]: any;
 }
 export interface IControlsViewProps extends IControlsProps {
-    className?: string;
+    className?: CssClassName;
     items: (IControlItem & {
         icon?: string;
         label?: string | any;

package/ui/nav/Controls/Controls.js

@@ -48,8 +48,8 @@ function Controls(props) {
             position: 'right'
         }
     };
-    var components = hooks_1.useComponents();
-    var items = react_1.useMemo(function () { return props.items.map(function (item) { return (__assign(__assign({}, defaultItems[item.id]), item)); }); }, [defaultItems, props.items]);
+    var components = (0, hooks_1.useComponents)();
+    var items = (0, react_1.useMemo)(function () { return props.items.map(function (item) { return (__assign(__assign({}, defaultItems[item.id]), item)); }); }, [defaultItems, props.items]);
     return components.ui.renderView(props.view || 'nav.ControlsView', __assign(__assign({}, props), { items: items }));
 }
 exports["default"] = Controls;

package/ui/nav/Controls/demo/basic.d.ts

@@ -1,11 +1,12 @@
+/// <reference types="react" />
 export declare const controls: {
     id: string;
     onClick: () => void;
 }[];
-declare const _default: () => JSX.Element;
 /**
  * Basic
  * @order 1
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/nav/Controls/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/nav/Link/Link.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IButtonProps, IButtonViewProps } from '../../form/Button/Button';
 /**
  * Link
@@ -6,5 +7,5 @@ import { IButtonProps, IButtonViewProps } from '../../form/Button/Button';
 export interface ILinkProps extends IButtonProps {
     [key: string]: any;
 }
-export declare type ILinkViewProps = IButtonViewProps;
+export type ILinkViewProps = IButtonViewProps;
 export default function Link(props: ILinkProps): JSX.Element;

package/ui/nav/Link/Link.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];

package/ui/nav/Link/demo/badge.d.ts

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