@steroidsjs/core 3.0.0-beta.25 → 3.0.0-beta.27

package/package.json

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

package/ui/list/Grid/Grid.d.ts

@@ -76,7 +76,7 @@ export interface IGridColumn {
      * Параметры для ссылки в колонке
     * @example {attribute: 'name', linkProps: {target: 'blank'}, url: 'https://kozhindev.com'}
     */
-    link: {
+    link?: {
         attribute: string;
         linkProps?: ILinkProps;
         urlAttribute: string;
@@ -85,7 +85,7 @@ export interface IGridColumn {
     * Параметры для иконки в колонке
     * @example {attribute: 'icon', isLeft: true}
     */
-    icon: {
+    icon?: {
         attribute: string;
         isLeft?: boolean;
     };
@@ -93,7 +93,7 @@ export interface IGridColumn {
     *  Параметры для картинки в колонке
     * @example {attribute: 'icon', isLeft: true}
     */
-    picture: {
+    picture?: {
         attribute: string;
         isLeft?: boolean;
     };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IControlItem } from '../../nav/Controls/Controls';
+import { IButtonProps } from 'src/ui/form/Button/Button';
 /**
  * Modal
  * Модальное окно
@@ -20,10 +20,10 @@ export interface IModalProps {
      */
     componentProps?: any;
     /**
-     * Коллекция контролов, которая отобразится в Modal
+     * Коллекция кнопок, которая отобразится в нижней секции Modal
      * @example [{label: __(('Закрыть')), onClick: () => props.onClose()}]
      */
-    controls?: IControlItem[];
+    buttons?: IButtonProps[];
     /**
      * Время, в течение которого будет происходить анимация закрытия Modal.
      * Переопределяет отрезок времени, заданный в ModalPortal

package/ui/modal/Modal/Modal.js

@@ -49,7 +49,7 @@ function Modal(props) {
     return (React.createElement(ModalView, __assign({}, props), (ContentComponent && (React.createElement(ContentComponent, __assign({}, props, props.componentProps)))) || (props.children)));
 }
 Modal.defaultProps = {
-    size: 'middle',
+    size: 'md',
     shouldCloseOnEsc: true,
     shouldCloseOnOverlayClick: true
 };

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

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

package/ui/modal/Modal/demo/basic.js

@@ -1,63 +0,0 @@
-"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 __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 Modal_1 = __importDefault(require("../Modal"));
-var Button_1 = __importDefault(require("../../../form/Button"));
-var modal_1 = require("../../../../actions/modal");
-var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
-function DemoModal(props) {
-    return (React.createElement(Modal_1["default"], __assign({ title: 'Basic Modal', onClose: props.onClose }, props),
-        React.createElement("div", { style: { marginBottom: '20px' } }, "This is your modal content.")));
-}
-/**
- * Простой пример Modal, с заданным заголовком и контентом.
- * @order 1
- * @col 6
- */
-exports["default"] = (function () {
-    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((0, modal_1.openModal)(DemoModal, {
-                    modalId: 'demo'
-                }));
-            } })));
-});

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

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

package/ui/modal/Modal/demo/closeTimeout.js

@@ -1,64 +0,0 @@
-"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 __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 Modal_1 = __importDefault(require("../Modal"));
-var Button_1 = __importDefault(require("../../../form/Button"));
-var modal_1 = require("../../../../actions/modal");
-var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
-function DemoModal(props) {
-    return (React.createElement(Modal_1["default"], __assign({ title: 'Custom closing time', onClose: props.onClose }, props),
-        React.createElement("div", { style: { marginBottom: '20px' } }, "This is your modal content.")));
-}
-/**
- * Настройка времени, через которое произойдет закрытие Modal.
- * @order 5
- * @col 6
- */
-exports["default"] = (function () {
-    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((0, modal_1.openModal)(DemoModal, {
-                    modalId: 'demo',
-                    closeTimeoutMs: 1000
-                }));
-            } })));
-});

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

@@ -1,9 +0,0 @@
-/// <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

@@ -1,67 +0,0 @@
-"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 __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 Modal_1 = __importDefault(require("../Modal"));
-var Button_1 = __importDefault(require("../../../form/Button"));
-var modal_1 = require("../../../../actions/modal");
-var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
-function DemoModal(props) {
-    return (React.createElement(Modal_1["default"], __assign({ title: 'Modal with custom closing', onClose: props.onClose }, props),
-        React.createElement("div", { style: { marginBottom: '20px' } }, "This is your modal content.")));
-}
-/**
- * Обработка закрытия Modal при помощи onClose.
- * Также это модальное окно не закроется при нажатии на клавишу 'ESC' или клике на overlay.
- * @order 4
- * @col 6
- */
-exports["default"] = (function () {
-    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((0, modal_1.openModal)(DemoModal, {
-                    modalId: 'demo',
-                    onClose: function () { return alert('Modal will be closed!'); },
-                    shouldCloseOnOverlayClick: false,
-                    shouldCloseOnEsc: false
-                }));
-            } })));
-});

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

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

package/ui/modal/Modal/demo/component.js

@@ -1,55 +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 Modal_1 = __importDefault(require("../Modal"));
-var Button_1 = __importDefault(require("../../../form/Button"));
-var modal_1 = require("../../../../actions/modal");
-var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
-/**
- * Контент для Modal также можно задать через свойство component.
- * При этом, в action openModal необязательно передавать отдельный компонент, построенный на базе Modal.
- * Можно передать сам Modal, контент настроить уже через свойства Modal.
- * @order 6
- * @col 6
- */
-exports["default"] = (function () {
-    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((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.")); },
-                    controls: [
-                        { label: 'Show Alert', onClick: function () { return alert('This is alert!'); } },
-                    ]
-                }));
-            } })));
-});

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

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

package/ui/modal/Modal/demo/controls.js

@@ -1,66 +0,0 @@
-"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 __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 Modal_1 = __importDefault(require("../Modal"));
-var Button_1 = __importDefault(require("../../../form/Button"));
-var modal_1 = require("../../../../actions/modal");
-var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
-function DemoModal(props) {
-    return (React.createElement(Modal_1["default"], __assign({ title: 'Modal with controls', onClose: props.onClose, controls: [
-            { label: 'Show Alert', onClick: function () { return alert('This is alert!'); } },
-            { label: 'Close', onClick: function () { return props.onClose(); } },
-        ] }, props),
-        React.createElement("div", { style: { marginBottom: '20px' } }, "This is your modal content.")));
-}
-/**
- * Modal содержит набор контролов с привязанными обработчиками.
- * @order 2
- * @col 6
- */
-exports["default"] = (function () {
-    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((0, modal_1.openModal)(DemoModal, {
-                    modalId: 'demo'
-                }));
-            } })));
-});

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

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

package/ui/modal/Modal/demo/size.js

@@ -1,70 +0,0 @@
-"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 __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 Modal_1 = __importDefault(require("../Modal"));
-var Button_1 = __importDefault(require("../../../form/Button"));
-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: "".concat(props.size, " modal"), onClose: props.onClose }, props),
-        React.createElement("div", { style: { marginBottom: '20px' } },
-            "This is your content for",
-            React.createElement("strong", null,
-                ' ',
-                props.size,
-                ' '),
-            "modal.")));
-}
-/**
- * По-умолчанию, Modal имеет 3 заданных размера.
- * @order 3
- * @col 12
- */
-exports["default"] = (function () {
-    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((0, modal_1.openModal)(DemoModal, {
-                modalId: 'demo',
-                size: size
-            }));
-        }, style: { marginRight: '20px' } })); })));
-});