@steroidsjs/core 2.0.0-rc.7 → 2.0.1-beta.113

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

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { IListConfig, IListOutput } from '../../../hooks/useList';
-/**
- * List
- * Компонент для представления коллекции в виде списка.
- */
-export interface IListProps extends IListConfig {
-    /**
-     * Переопределение view React компонента для кастомизации отображения элемента коллекции
-     * @example MyCustomView
-     */
-    itemView?: React.ComponentType;
-    /**
-     * Свойства для элемента коллекции
-     */
-    itemProps?: Record<string, unknown>;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: React.ComponentType;
-    /**
-     * Дополнительный CSS-класс для элемента отображения
-     */
-    className?: CssClassName;
-    /**
-     * Дополнительный CSS-класс для элемента с контентом
-     */
-    contentClassName?: string;
-    [key: string]: any;
-}
-export interface IListViewProps extends Omit<IListProps, 'onFetch'>, Omit<IListOutput, 'list'> {
-    content: any;
-}
-export interface IListItemViewProps {
-    id: PrimaryKey;
-    item: {
-        id?: PrimaryKey;
-        title?: string | any;
-        label?: string | any;
-    };
-    index: number;
-    className?: CssClassName;
-    contentClassName?: string;
-    layoutSelected?: PrimaryKey;
-}
-export default function List(props: IListProps): any;

package/ui/list/List/List.js

@@ -1,82 +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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 hooks_1 = require("../../../hooks");
-var useList_1 = __importDefault(require("../../../hooks/useList"));
-function List(props) {
-    var components = hooks_1.useComponents();
-    var _a = useList_1["default"]({
-        listId: props.listId,
-        primaryKey: props.primaryKey,
-        action: props.action,
-        actionMethod: props.actionMethod,
-        pagination: props.pagination,
-        paginationSize: props.paginationSize,
-        sort: props.sort,
-        layout: props.layout,
-        empty: props.empty,
-        searchForm: props.searchForm,
-        autoDestroy: props.autoDestroy,
-        onFetch: props.onFetch,
-        condition: props.condition,
-        addressBar: props.addressBar,
-        scope: props.scope,
-        query: props.query,
-        model: props.model,
-        searchModel: props.searchModel,
-        items: props.items
-    }), list = _a.list, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm;
-    // Wait initialization
-    if (!list) {
-        return null;
-    }
-    var ItemView = props.itemView || components.ui.getView('list.ListItemView');
-    var content = (list.items || []).map(function (item, index) { return (React.createElement(ItemView, __assign({}, props.itemProps, { key: item[props.primaryKey] || index, primaryKey: props.primaryKey, item: item, index: index, layoutSelected: list.layoutName }))); });
-    return components.ui.renderView(props.view || 'list.ListView', __assign(__assign({}, props), { list: list,
-        paginationPosition: paginationPosition,
-        paginationSizePosition: paginationSizePosition,
-        layoutNamesPosition: layoutNamesPosition,
-        renderList: renderList,
-        renderEmpty: renderEmpty,
-        renderPagination: renderPagination,
-        renderPaginationSize: renderPaginationSize,
-        renderLayoutNames: renderLayoutNames,
-        renderSearchForm: renderSearchForm,
-        //onFetch,
-        //onSort,
-        content: content }));
-}
-exports["default"] = List;

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

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

package/ui/list/List/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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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" />
-declare const _default: () => JSX.Element;
-/**
- * List with filtration by custom condition
- * @order 7
- * @col 6
- */
-export default _default;

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

@@ -1,86 +0,0 @@
-"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]; } });
-}) : (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 List_1 = __importDefault(require("@steroidsjs/core/ui/list/List"));
-var React = __importStar(require("react"));
-/**
- * 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: " + props.item.age))); } })); });

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

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

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

@@ -1,32 +0,0 @@
-"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]; } });
-}) : (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" />
-declare const _default: () => JSX.Element;
-/**
- * List with layout switcher
- * @order 5
- * @col 6
- */
-export default _default;

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

@@ -1,45 +0,0 @@
-"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]; } });
-}) : (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 " + (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" />
-declare const _default: () => JSX.Element;
-/**
- * List with load more and show sizes switcher
- * @order 4
- * @col 6
- */
-export default _default;

package/ui/list/List/demo/load-more.js

@@ -1,41 +0,0 @@
-"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]; } });
-}) : (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" />
-declare const _default: () => JSX.Element;
-/**
- * Pagination with page numbers and custom position (show both: top and bottom)
- * @order 2
- * @col 6
- */
-export default _default;

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

@@ -1,41 +0,0 @@
-"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]; } });
-}) : (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");
-/**
- * Pagination with page numbers and custom position (show both: top and bottom)
- * @order 2
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoPagination', items: basic_1.demoItems, pagination: {
-        loadMore: false,
-        position: 'both'
-    }, paginationSize: {
-        defaultValue: 3,
-        sizes: [2, 3, 4]
-    }, className: 'list-group', itemProps: {
-        className: 'list-group-item'
-    } })); });

package/ui/list/List/demo/search-form.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-export declare const items: {
-    id: number;
-    name: string;
-    category: string;
-}[];
-export declare const searchForm: {
-    layout: string;
-    fields: string[];
-    model: {
-        attributes: (string | {
-            attribute: string;
-            label: string;
-            searchField: string;
-            searchFieldProps: {
-                items: {
-                    id: string;
-                    label: string;
-                }[];
-            };
-        })[];
-    };
-};
-declare const _default: () => JSX.Element;
-/**
- * List with search form, address bar and custom pagination
- * @order 6
- * @col 6
- */
-export default _default;

package/ui/list/List/demo/search-form.js

@@ -1,103 +0,0 @@
-"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]; } });
-}) : (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.searchForm = exports.items = void 0;
-var React = __importStar(require("react"));
-var List_1 = __importDefault(require("../List"));
-exports.items = [
-    {
-        id: 1,
-        name: 'Hamster',
-        category: 'mammals'
-    },
-    {
-        id: 2,
-        name: 'Mockingbird',
-        category: 'birds'
-    },
-    {
-        id: 3,
-        name: 'Raccoon',
-        category: 'mammals'
-    },
-    {
-        id: 4,
-        name: 'Python',
-        category: 'reptiles'
-    },
-    {
-        id: 5,
-        name: 'Dolphin',
-        category: 'mammals'
-    },
-    {
-        id: 6,
-        name: 'Turtles',
-        category: 'reptiles'
-    },
-];
-exports.searchForm = {
-    layout: 'horizontal',
-    fields: [
-        'name',
-        'category',
-    ],
-    model: {
-        attributes: [
-            'name:string:Name',
-            {
-                attribute: 'category',
-                label: 'Category',
-                searchField: 'DropDownField',
-                searchFieldProps: {
-                    items: [
-                        {
-                            id: 'mammals',
-                            label: 'Mammals'
-                        },
-                        {
-                            id: 'birds',
-                            label: 'Birds'
-                        },
-                        {
-                            id: 'reptiles',
-                            label: 'Reptiles'
-                        },
-                    ]
-                }
-            },
-        ]
-    }
-};
-/**
- * List with search form, address bar and custom pagination
- * @order 6
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoSearch', items: exports.items, searchForm: exports.searchForm, paginationSize: {
-        attribute: 'ps',
-        sizes: [2, 4]
-    }, addressBar: true, className: 'list-group', itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
-        React.createElement("div", null, props.item.name),
-        React.createElement("div", null, "Category: " + props.item.category))); } })); });

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export declare const items: ({
-    id: number;
-    price: number;
-    title: string;
-} | {
-    price: number;
-    title: string;
-    id?: undefined;
-})[];
-declare const _default: () => JSX.Element;
-/**
- * List with sorting
- * @order 8
- * @col 6
- */
-export default _default;