@steroidsjs/core 3.0.0-beta.15 → 3.0.0-beta.17

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

@@ -39,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/Nav/Nav.d.ts

@@ -28,7 +28,7 @@ export interface INavItem extends IButtonProps {
      * Переопределение view React компонента для кастомизации отображения элемента
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     /**
      * Видимость элемента
      * @example true
@@ -74,7 +74,7 @@ export interface INavProps {
      * Переопределение view React компонента для кастомизации отображения элемента
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     /**
      * Обработчик, который вызывается при смене активного элемента навигации
      * @param args

package/ui/nav/Tree/Tree.d.ts

@@ -55,7 +55,7 @@ export interface ITreeProps {
      * Переопределение view React компонента для кастомизации отображения элемента
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     /**
      * Максимальный уровень вложенности, до которого все узлы будут отображаться в развёрнутом виде
      * @example 1

package/ui/typography/Text/Text.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface ITextProps {
-    view?: any;
+    view?: CustomView;
     className?: CssClassName;
     /**
     * Дочерние элементы
@@ -24,7 +24,7 @@ export interface ITextProps {
      * @example {'Simple text'}
      */
     content?: string;
-    style?: React.CSSProperties;
+    style?: CustomStyle;
 }
 export type ITextViewProps = ITextProps;
 declare function Text(props: ITextProps): JSX.Element;

package/ui/typography/Title/Title.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface ITitleProps {
-    view?: any;
+    view?: CustomView;
     className?: CssClassName;
     /**
     * Дочерние элементы
@@ -24,7 +24,7 @@ export interface ITitleProps {
      * @example {'primary'}
      */
     color?: ColorName;
-    style?: React.CSSProperties;
+    style?: CustomStyle;
 }
 export type ITitleViewProps = ITitleProps;
 declare function Title(props: ITitleProps): JSX.Element;

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

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

package/ui/form/CheckboxListField/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;
-exports.items = void 0;
-var React = __importStar(require("react"));
-var CheckboxListField_1 = __importDefault(require("../CheckboxListField"));
-/**
- * Обычный пример использования списка из CheckboxListField.
- * @order 1
- * @col 6
- */
-exports.items = [
-    'test item 1',
-    'test item 2',
-    'test item 3',
-];
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(CheckboxListField_1["default"], { items: exports.items }))); });

package/ui/form/CheckboxListField/demo/disabled.d.ts

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

package/ui/form/CheckboxListField/demo/disabled.js

@@ -1,38 +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 CheckboxListField_1 = __importDefault(require("../CheckboxListField"));
-var basic_1 = require("./basic");
-/**
- * Список с недоступными для заполнения полями.
- * @order 2
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(CheckboxListField_1["default"], { label: 'Disabled', items: basic_1.items, disabled: true }))); });

package/ui/form/CheckboxListField/demo/errors.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Обработка ошибок в списке.
- * @order 4
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/CheckboxListField/demo/errors.js

@@ -1,38 +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 CheckboxListField_1 = __importDefault(require("../CheckboxListField"));
-var basic_1 = require("./basic");
-/**
- * Обработка ошибок в списке.
- * @order 4
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(CheckboxListField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], items: basic_1.items, layout: true }))); });

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

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

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

@@ -1,38 +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 CheckboxListField_1 = __importDefault(require("../CheckboxListField"));
-var basic_1 = require("./basic");
-/**
- * Список как обязательный для заполнения.
- * @order 3
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(CheckboxListField_1["default"], { label: 'Required', items: basic_1.items, required: true }))); });

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

@@ -1,7 +0,0 @@
-import demo from '../../List/demo/layout';
-/**
- * List with layout switcher
- * @order 1
- * @col 6
- */
-export default demo;

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

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

package/ui/list/List/demo/basic.js

@@ -1,61 +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;
-exports.demoItems = void 0;
-var React = __importStar(require("react"));
-var List_1 = __importDefault(require("../List"));
-exports.demoItems = [
-    {
-        id: 1,
-        title: 'Racing car sprays burning fuel into crowd.'
-    },
-    {
-        id: 2,
-        title: 'Japanese princess to wed commoner.'
-    },
-    {
-        id: 3,
-        title: 'Australian walks 100km after outback crash.'
-    },
-    {
-        id: 4,
-        title: 'Man charged over missing wedding girl.'
-    },
-    {
-        id: 5,
-        title: 'Los Angeles battles huge wildfires.'
-    },
-];
-/**
- * Basic
- * @order 1
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoBasic', items: exports.demoItems, className: 'list-group', itemProps: {
-        className: 'list-group-item'
-    } })); });

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

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

package/ui/list/List/demo/condition.js

@@ -1,90 +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 List_1 = __importDefault(require("../List"));
-/**
- * List with filtration by custom condition
- * @order 7
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoCondition', items: [
-        {
-            id: 1,
-            name: 'Michael',
-            age: 21
-        },
-        {
-            id: 2,
-            name: 'Brad',
-            age: 20
-        },
-        {
-            id: 3,
-            name: 'Charles',
-            age: 15
-        },
-        {
-            id: 4,
-            name: 'Martin',
-            age: 18
-        },
-        {
-            id: 5,
-            name: 'Kevin',
-            age: 14
-        },
-        {
-            id: 6,
-            name: 'Jacob',
-            age: 17
-        },
-    ], searchForm: {
-        layout: 'horizontal',
-        fields: [
-            'isAdult',
-        ],
-        model: {
-            attributes: [
-                {
-                    attribute: 'isAdult',
-                    searchField: 'CheckboxField',
-                    searchFieldProps: {
-                        label: 'Age over 18'
-                    }
-                },
-            ]
-        }
-    }, condition: function (query) {
-        if (query === null || query === void 0 ? void 0 : query.isAdult) {
-            return ['>=', 'age', 18];
-        }
-        return [];
-    }, 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, "Age: ".concat(props.item.age)))); } })); });

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Empty view with custom text when no items
- * @order 3
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/list/List/demo/empty.js

@@ -1,36 +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 List_1 = __importDefault(require("../List"));
-/**
- * Empty view with custom text when no items
- * @order 3
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoPaginationEmpty', items: [], empty: 'Empty data' })); });

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

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

package/ui/list/List/demo/layout.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 List_1 = __importDefault(require("../List"));
-var basic_1 = require("./basic");
-/**
- * List with layout switcher
- * @order 5
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoLayout', items: basic_1.demoItems, layout: {
-        items: [
-            {
-                id: 'list',
-                label: 'List'
-            },
-            {
-                id: 'grid',
-                label: 'Grid'
-            },
-        ]
-    }, contentClassName: 'row mx-lg-n1', itemView: function (props) { return (React.createElement("div", { className: "py-1 px-lg-1 ".concat(props.layoutSelected === 'list' ? 'col-12' : 'col-6') },
-        React.createElement("div", { className: 'card p-2' }, props.item.title))); } })); });

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * 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,45 +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 List_1 = __importDefault(require("../List"));
-var basic_1 = require("./basic");
-/**
- * List with load more and show sizes switcher
- * @order 4
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoLoadMore', items: basic_1.demoItems, pagination: {
-        loadMore: true
-    }, paginationSize: {
-        enable: true,
-        sizes: [3, 6, 9],
-        defaultValue: 3
-    }, className: 'list-group', itemProps: {
-        className: 'list-group-item'
-    } })); });

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

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