@steroidsjs/core 3.0.0-beta.45 → 3.0.0-beta.47

package/package.json

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

package/ui/form/ImageField/ImageField.d.ts

@@ -2,6 +2,7 @@ import ReactCropProps, { Crop } from 'react-image-crop';
 import { IModalProps } from '../../modal/Modal/Modal';
 import { IFileInput } from '../../../hooks/useFile';
 import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
+import { IButtonProps } from '../Button/Button';
 export interface ICropConfig {
     /**
      * Изначальные параметры обрезки изображения
@@ -38,6 +39,10 @@ export interface IImageFieldProps extends IFieldWrapperInputProps, Omit<IFileInp
      * @example 'Загрузить'
      */
     label?: string;
+    /**
+     * Пропсы для кнопки
+     */
+    buttonProps?: IButtonProps;
     [key: string]: any;
 }
 export interface ICropOutputProps extends ICropConfig {

package/ui/form/ImageField/ImageField.js

@@ -144,6 +144,10 @@ ImageField.defaultProps = {
         initialValues: {
             aspect: 1
         }
+    },
+    buttonProps: {
+        color: 'basic',
+        outline: true
     }
 };
 exports["default"] = (0, fieldWrapper_1["default"])('ImageField', ImageField);

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

@@ -23,7 +23,7 @@ export interface ITimeFieldProps extends IDateInputStateInput, IUiComponent {
     timePanelViewProps?: any;
     [key: string]: any;
 }
-export interface ITimeFieldViewProps extends IDateInputStateOutput, Pick<ITimeFieldProps, 'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps'> {
+export interface ITimeFieldViewProps extends IDateInputStateOutput, Pick<ITimeFieldProps, 'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps' | 'style'> {
     [key: string]: any;
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITimeFieldProps>;

package/ui/form/TimeField/TimeField.js

@@ -40,11 +40,12 @@ TimeField.defaultProps = {
     displayFormat: 'HH:mm',
     required: false,
     placeholder: 'Select time',
-    noBorder: false,
     showRemove: true,
     type: 'text',
     valueFormat: 'HH:mm',
     useUTC: true,
-    dateInUTC: false
+    dateInUTC: false,
+    size: 'md',
+    icon: true
 };
 exports["default"] = (0, fieldWrapper_1["default"])('TimeField', TimeField);

package/ui/form/TimeRangeField/TimeRangeField.d.ts

@@ -0,0 +1,53 @@
+import { IDateInputStateInput, IDateInputStateOutput } from '../DateField/useDateInputState';
+import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { ITimePanelViewProps } from '../TimeField/TimeField';
+export interface ITimeRangeFieldProps extends IDateInputStateInput, Omit<IFieldWrapperInputProps, 'attribute'>, IUiComponent {
+    /**
+     * Аттрибут (название) поля в форме
+     * @example 'fromTime'
+     */
+    attributeFrom?: string;
+    /**
+     * Аттрибут (название) поля в форме
+     * @example 'toTime'
+     */
+    attributeTo?: string;
+    /**
+    * Свойства для view компонента
+    */
+    viewProps?: Record<string, unknown>;
+    /**
+     * Свойства для компонента панели времени
+     */
+    timePanelViewProps?: any;
+    /**
+    * Свойства для input элемента from
+    */
+    inputPropsFrom?: any;
+    /**
+    * Свойства для input элемента to
+    */
+    inputPropsTo?: any;
+    /**
+    * Placeholder подсказка
+    * @example Your text...
+    */
+    placeholder?: any;
+    /**
+     * Свойства для компонента DayPickerInput
+     * @example {dayPickerProps: {showWeekNumbers: true}}
+     */
+    pickerProps?: any;
+    [key: string]: any;
+}
+export interface ITimeRangeFieldViewProps extends IDateInputStateOutput, Pick<ITimeRangeFieldProps, 'size' | 'errors' | 'showRemove' | 'className' | 'timePanelViewProps' | 'disabled' | 'style' | 'icon'>, Omit<IFieldWrapperOutputProps, 'input'> {
+    inputFrom?: any;
+    inputTo?: any;
+    errorsFrom?: string[];
+    errorsTo?: string[];
+    timePanelFromViewProps: ITimePanelViewProps;
+    timePanelToViewProps: ITimePanelViewProps;
+    [key: string]: any;
+}
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITimeRangeFieldProps>;
+export default _default;

package/ui/form/TimeRangeField/TimeRangeField.js

@@ -0,0 +1,85 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var hooks_1 = require("../../../hooks");
+var useDateInputState_1 = __importDefault(require("../DateField/useDateInputState"));
+var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
+var useDateRange_1 = __importDefault(require("../DateField/useDateRange"));
+function TimeRangeField(props) {
+    var components = (0, hooks_1.useComponents)();
+    // Global onChange (from props)
+    var onChange = (0, react_1.useCallback)(function () {
+        var _a;
+        if (props.onChange) {
+            props.onChange.call(null, (_a = {},
+                _a[props.attributeFrom] = props.inputFrom.value,
+                _a[props.attributeTo] = props.inputTo.value,
+                _a));
+        }
+    }, [props.attributeFrom, props.attributeTo, props.inputFrom.value, props.inputTo.value, props.onChange]);
+    // Input 'from'
+    var _a = (0, useDateInputState_1["default"])({
+        input: props.inputFrom,
+        disabled: props.disabled,
+        onChange: onChange,
+        required: props.required,
+        inputProps: props.inputPropsFrom,
+        placeholder: props.placeholder,
+        valueFormat: props.valueFormat,
+        displayFormat: props.displayFormat
+    }), onNowFrom = _a.onNow, onCloseFrom = _a.onClose, inputPropsFrom = _a.inputProps, onClearFrom = _a.onClear, isOpenedFrom = _a.isOpened;
+    // Input 'to'
+    var _b = (0, useDateInputState_1["default"])({
+        input: props.inputTo,
+        disabled: props.disabled,
+        onChange: onChange,
+        required: props.required,
+        inputProps: props.inputPropsTo,
+        placeholder: props.placeholder,
+        valueFormat: props.valueFormat,
+        displayFormat: props.displayFormat
+    }), onNowTo = _b.onNow, onCloseTo = _b.onClose, inputPropsTo = _b.inputProps, onClearTo = _b.onClear, isOpenedTo = _b.isOpened;
+    var _c = (0, useDateRange_1["default"])({
+        onClearFrom: onClearFrom,
+        onCloseTo: onCloseTo,
+        onCloseFrom: onCloseFrom,
+        onClearTo: onClearTo,
+        inputPropsFrom: inputPropsFrom,
+        inputPropsTo: inputPropsTo,
+        inputFrom: props.inputFrom,
+        inputTo: props.inputTo,
+        useSmartFocus: true
+    }), focus = _c.focus, onClose = _c.onClose, onClear = _c.onClear, extendedInputPropsFrom = _c.extendedInputPropsFrom, extendedInputPropsTo = _c.extendedInputPropsTo;
+    var timePanelFromViewProps = (0, react_1.useMemo)(function () { return (__assign({ onNow: onNowFrom, onClose: onCloseFrom, value: inputPropsFrom.value, onSelect: inputPropsFrom.onChange }, props.timePanelViewProps)); }, [inputPropsFrom.onChange, inputPropsFrom.value, onCloseFrom, onNowFrom, props.timePanelViewProps]);
+    var timePanelToViewProps = (0, react_1.useMemo)(function () { return (__assign({ onNow: onNowTo, onClose: onCloseTo, value: inputPropsTo.value, onSelect: inputPropsTo.onChange }, props.timePanelViewProps)); }, [inputPropsTo.onChange, inputPropsTo.value, onCloseTo, onNowTo, props.timePanelViewProps]);
+    return components.ui.renderView(props.view || 'form.TimeRangeFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, inputPropsFrom: extendedInputPropsFrom, inputPropsTo: extendedInputPropsTo, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, style: props.style, errorsFrom: props.errorsFrom, errorsTo: props.errorsTo, timePanelFromViewProps: timePanelFromViewProps, timePanelToViewProps: timePanelToViewProps, size: props.size, icon: props.icon, disabled: props.disabled, showRemove: props.showRemove, className: props.className }));
+}
+TimeRangeField.defaultProps = {
+    disabled: false,
+    displayFormat: 'HH:mm',
+    required: false,
+    showRemove: true,
+    type: 'text',
+    valueFormat: 'HH:mm',
+    useUTC: true,
+    dateInUTC: false,
+    size: 'md',
+    icon: true
+};
+exports["default"] = (0, fieldWrapper_1["default"])('TimeRangeField', TimeRangeField, {
+    attributeSuffixes: ['from', 'to']
+});

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

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

package/ui/form/TimeRangeField/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 TimeRangeField_1 = __importDefault(require("./TimeRangeField"));
+exports["default"] = TimeRangeField_1["default"];

package/ui/format/MoneyFormatter/MoneyFormatter.js

@@ -19,15 +19,16 @@ var moneyFormat = function (amount, currency, scale) {
 };
 exports.moneyFormat = moneyFormat;
 function MoneyFormatter(props) {
+    var components = (0, hooks_1.useComponents)();
     var value = props.precision > 0
         ? props.value / Math.pow(10, props.precision)
         : props.value;
-    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'format.DefaultFormatterView', {
+    return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
         value: (0, exports.moneyFormat)(value, props.currency, props.scale)
     });
 }
+exports["default"] = MoneyFormatter;
 MoneyFormatter.defaultProps = {
     scale: 2,
     precision: 0
 };
-exports["default"] = MoneyFormatter;

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

@@ -18,10 +18,6 @@ export interface IHeaderProps extends IUiComponent {
      * Размер
      */
     size?: Size;
-    /**
-     * Темная тема
-     */
-    dark?: boolean;
     [key: string]: any;
 }
 export type IHeaderViewProps = IHeaderProps;

package/ui/list/Empty/Empty.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
  * Empty
  * Компонент используется в качестве заглушки в случае, когда пришла пустая коллекция данных.
  */
-export interface IEmptyProps {
+export interface IEmptyProps extends IUiComponent {
     /**
      * Показывать заглушку?
      * @example true
@@ -14,15 +14,6 @@ export interface IEmptyProps {
      * @example 'Записи не найдены'
      */
     text?: string | React.ReactNode;
-    /**
-     * Дополнительный CSS-класс для элемента отображения
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
     [key: string]: any;
 }
 export type IEmptyViewProps = IEmptyProps;

package/ui/list/Empty/Empty.js

@@ -42,9 +42,9 @@ function Empty(props) {
 }
 Empty.defaultProps = {
     enable: true,
-    text: 'Записи не найдены'
+    text: 'Ничего не найдено'
 };
-var normalizeEmptyProps = function (props) { return (__assign(__assign(__assign({}, Empty.defaultProps), { enable: !!props, text: __('Записи не найдены') }), (typeof props === 'boolean'
+var normalizeEmptyProps = function (props) { return (__assign(__assign(__assign({}, Empty.defaultProps), { enable: !!props, text: __('Ничего не найдено') }), (typeof props === 'boolean'
     ? { enable: props }
     : (typeof props === 'string'
         ? { text: props }

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
+import { IButtonProps } from 'src/ui/form/Button/Button';
 import { ListControlPosition } from '../../../hooks/useList';
 /**
  * PaginationSize
  * Компонент для выбора количества элементов в списке
  */
-export interface IPaginationSizeProps {
+export interface IPaginationSizeProps extends IUiComponent {
     /**
      * Подключить выбор количества элементов
      * @example true
@@ -25,19 +26,10 @@ export interface IPaginationSizeProps {
      * @example 'both'
      */
     position?: ListControlPosition;
-    /**
-     * Дополнительный CSS-класс для элемента отображения
-     */
-    className?: CssClassName;
     /**
      * Значение по-умолчанию
      */
     defaultValue?: number;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
     /**
      * Обработчик, который вызывается после смены страницы
      * @param {number} value
@@ -48,13 +40,16 @@ export interface IPaginationSizeProps {
      * Список, для которого используется пагинация
      */
     list?: any;
+    /**
+     * Свойства для кнопок пагинации
+     */
+    buttonProps?: IButtonProps;
     [key: string]: any;
 }
 export interface IPaginationSizeViewProps extends IPaginationSizeProps {
     items: {
-        size: number;
+        id: number;
         label: string | number;
-        isActive: boolean;
     }[];
     onSelect: (size: number) => void;
 }
@@ -66,6 +61,9 @@ declare namespace PaginationSize {
         sizes: number[];
         defaultValue: number;
         position: string;
+        buttonProps: {
+            size: string;
+        };
     };
 }
 export declare const normalizePaginationSizeProps: (props: any) => any;

package/ui/list/PaginationSize/PaginationSize.js

@@ -45,15 +45,13 @@ var hooks_1 = require("../../../hooks");
 var useForm_1 = __importDefault(require("../../../hooks/useForm"));
 var form_1 = require("../../../actions/form");
 function PaginationSize(props) {
-    var _a, _b, _c;
+    var _a, _b;
     var components = (0, hooks_1.useComponents)();
-    var pageSize = (_a = props.list) === null || _a === void 0 ? void 0 : _a.pageSize;
     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 = (0, useForm_1["default"])(), formId = _d.formId, formDispatch = _d.formDispatch;
+        id: size,
+        label: size
+    }); }); }, [props.sizes]);
+    var _c = (0, useForm_1["default"])(), formId = _c.formId, formDispatch = _c.formDispatch;
     var onSelect = (0, react_1.useCallback)(function (newPage) {
         if (formDispatch) {
             formDispatch((0, form_1.formChange)(formId, props.attribute, newPage));
@@ -62,7 +60,7 @@ function PaginationSize(props) {
             props.onChange.call(null, newPage);
         }
     }, [formDispatch, formId, props.attribute, props.onChange]);
-    if (!((_c = (_b = props.list) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length)) {
+    if (!((_b = (_a = props.list) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length)) {
         return null;
     }
     return components.ui.renderView(props.view || 'list.PaginationSizeView', __assign(__assign({}, props), { items: items, onSelect: onSelect }));
@@ -72,7 +70,10 @@ PaginationSize.defaultProps = {
     attribute: 'pageSize',
     sizes: [30, 50, 100],
     defaultValue: 50,
-    position: 'top'
+    position: 'top',
+    buttonProps: {
+        size: 'sm'
+    }
 };
 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;

package/ui/nav/Controls/Controls.js

@@ -16,7 +16,7 @@ var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function Controls(props) {
     var defaultItems = {
-        index: {
+        back: {
             icon: 'left_12x12',
             label: __('К списку'),
             color: 'secondary',

package/ui/nav/Nav/Nav.d.ts

@@ -101,6 +101,7 @@ declare function Nav(props: INavProps): JSX.Element;
 declare namespace Nav {
     var defaultProps: {
         layout: string;
+        size: string;
     };
 }
 export default Nav;

package/ui/nav/Nav/Nav.js

@@ -100,6 +100,7 @@ function Nav(props) {
     return components.ui.renderView(props.view || defaultViewMap[props.layout], __assign(__assign({}, props), { items: items, onClick: onClick, disabled: props.disabled, children: renderContent() }));
 }
 Nav.defaultProps = {
-    layout: 'button'
+    layout: 'button',
+    size: 'md'
 };
 exports["default"] = Nav;

package/ui/form/ReCaptchaField/demo/basic.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Обычный пример использования ReCaptchaField в Form.
- * @order 1
- * @col 4
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/ReCaptchaField/demo/basic.js

@@ -1,43 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var InputField_1 = __importDefault(require("../../InputField"));
-var Form_1 = __importDefault(require("../../Form"));
-var Button_1 = __importDefault(require("../../Button"));
-var ReCaptchaField_1 = __importDefault(require("../ReCaptchaField"));
-/**
- * Обычный пример использования ReCaptchaField в Form.
- * @order 1
- * @col 4
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Form_1["default"], { formId: 'CaptchaForm' },
-        React.createElement(InputField_1["default"], { label: 'Label', attribute: 'text', required: true }),
-        React.createElement(ReCaptchaField_1["default"], { attribute: 'token' }),
-        React.createElement(Button_1["default"], { type: 'submit', label: 'Submit' })))); });

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

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

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

@@ -1,57 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
-var Button_1 = __importDefault(require("../../../form/Button"));
-var notifications_1 = require("../../../../actions/notifications");
-/**
- * Все типы уведомлений
- * @order 1
- * @col 6
- */
-exports["default"] = (function () {
-    var dispatch = (0, useDispatch_1["default"])();
-    var notifications = {
-        primary: 'Primary notification',
-        secondary: 'Secondary notification',
-        success: 'Success notification',
-        danger: 'Danger notification',
-        warning: 'Warning notification',
-        info: 'Info notification',
-        light: 'Light notification',
-        dark: 'Dark notification'
-    };
-    return (React.createElement("div", { style: {
-            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 \"".concat(level, "\"")), onClick: function () {
-            dispatch((0, notifications_1.showNotification)(message, level));
-        }, style: { margin: '10px 0' } })); })); })));
-});

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

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

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

@@ -1,49 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var form_1 = require("../../../form");
-var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
-var notifications_1 = require("../../../../actions/notifications");
-/**
- * Все позиции уведомлений
- * @order 3
- * @col 12
- */
-var positions = {
-    tr: 'top-right',
-    tl: 'top-left',
-    br: 'bottom-right',
-    bl: 'bottom-left'
-};
-exports["default"] = (function () {
-    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.d.ts

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

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

@@ -1,49 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var form_1 = require("../../../form");
-var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
-var notifications_1 = require("../../../../actions/notifications");
-/**
- * Время самостоятельного пропадания уведомления в милесекундах
- * @order 2
- * @col 6
- */
-var times = {
-    1: 1000,
-    3: 3000,
-    5: 5000,
-    10: 10000
-};
-exports["default"] = (function () {
-    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' } })); })));
-});