@steroidsjs/core 2.3.0-beta.7 → 3.0.0-beta.1

package/ui/list/LayoutNames/index.js

@@ -1,7 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var LayoutNames_1 = __importDefault(require("./LayoutNames"));
-exports["default"] = LayoutNames_1["default"];
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var LayoutNames_1 = __importDefault(require("./LayoutNames"));
+exports["default"] = LayoutNames_1["default"];

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

@@ -1,47 +1,47 @@
-/// <reference types="react" />
-import { IListConfig, IListOutput } from '../../../hooks/useList';
-/**
- * List
- * Компонент для представления коллекции в виде списка.
- */
-export interface IListProps extends IListConfig {
-    /**
-     * Переопределение view React компонента для кастомизации отображения элемента коллекции
-     * @example MyCustomView
-     */
-    itemView?: CustomView;
-    /**
-     * Свойства для элемента коллекции
-     */
-    itemProps?: Record<string, unknown>;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     * Дополнительный 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): JSX.Element;
+/// <reference types="react" />
+import { IListConfig, IListOutput } from '../../../hooks/useList';
+/**
+ * List
+ * Компонент для представления коллекции в виде списка.
+ */
+export interface IListProps extends IListConfig {
+    /**
+     * Переопределение view React компонента для кастомизации отображения элемента коллекции
+     * @example MyCustomView
+     */
+    itemView?: CustomView;
+    /**
+     * Свойства для элемента коллекции
+     */
+    itemProps?: Record<string, unknown>;
+    /**
+     * Переопределение view React компонента для кастомизации отображения
+     * @example MyCustomView
+     */
+    view?: CustomView;
+    /**
+     * Дополнительный 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): JSX.Element;

package/ui/list/List/List.js

@@ -1,81 +1,81 @@
-"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,
-        initialItems: props.initialItems,
-        initialTotal: props.initialTotal,
-        autoFetchOnFormChanges: props.autoFetchOnFormChanges
-    }), 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;
-    var ItemView = props.itemView || components.ui.getView('list.ListItemView');
-    var content = ((list === null || list === void 0 ? void 0 : 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;
+"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,
+        initialItems: props.initialItems,
+        initialTotal: props.initialTotal,
+        autoFetchOnFormChanges: props.autoFetchOnFormChanges
+    }), 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;
+    var ItemView = props.itemView || components.ui.getView('list.ListItemView');
+    var content = ((list === null || list === void 0 ? void 0 : 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 +1,12 @@
-/// <reference types="react" />
-export declare const demoItems: {
-    id: number;
-    title: string;
-}[];
-declare const _default: () => JSX.Element;
-/**
- * Basic
- * @order 1
- * @col 6
- */
-export default _default;
+/// <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 +1,57 @@
-"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'
-    } })); });
+"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 +1,8 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * List with filtration by custom condition
- * @order 7
- * @col 6
- */
-export default _default;
+/// <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,88 +1,86 @@
-"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("../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', 
-    // @ts-ignore
-    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))); } })); });
+"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("../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 +1,8 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * Empty view with custom text when no items
- * @order 3
- * @col 6
- */
-export default _default;
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Empty view with custom text when no items
+ * @order 3
+ * @col 6
+ */
+export default _default;