@steroidsjs/core 2.2.87 → 2.3.0-beta.1

package/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "jsx": "react",
+    "lib": ["dom", "es2020.Intl"],
+    "experimentalDecorators": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "declaration": true,
+    "isolatedModules": true,
+    "outDir": "./dist",
+    "skipLibCheck": true,
+    "paths": {
+      "@steroidsjs/core/*": [
+        "../react/src/*"
+      ],
+      "@steroidsjs/bootstrap/*": [
+        "../react-bootstrap/src/*"
+      ]
+    }
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "src/**/*.test.ts",
+    "src/**/*.test.tsx"
+  ]
+}

package/components/JwtHttpComponent.d.ts

@@ -1,20 +0,0 @@
-import BaseHttpComponent from '@steroidsjs/core/components/HttpComponent';
-export default class JwtHttpComponent extends BaseHttpComponent {
-    refreshTokenRequest: {
-        url: string;
-        method: string;
-    };
-    refreshTokenKey: string;
-    _refreshToken: any;
-    constructor(components: any, config?: any);
-    getAxiosConfig(): Promise<{
-        withCredentials: boolean;
-        headers: any;
-    }>;
-    private setRefreshTokenInterceptor;
-    getAxiosInstance(): Promise<any>;
-    removeRefreshToken(): void;
-    setRefreshToken(value: any): void;
-    getRefreshToken(): Promise<any>;
-    onLogout(): void;
-}

package/components/JwtHttpComponent.js

@@ -1,187 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var axios_1 = __importDefault(require("axios"));
-var HttpComponent_1 = __importDefault(require("@steroidsjs/core/components/HttpComponent"));
-var auth_1 = require("@steroidsjs/core/actions/auth");
-var JwtHttpComponent = /** @class */ (function (_super) {
-    __extends(JwtHttpComponent, _super);
-    function JwtHttpComponent(components, config) {
-        if (config === void 0) { config = {}; }
-        var _this = _super.call(this, components, config) || this;
-        _this.refreshTokenKey = 'refreshToken';
-        _this.refreshTokenKey = config.refreshTokenKey || 'refreshToken';
-        _this.refreshTokenRequest = config.refreshTokenRequest;
-        return _this;
-    }
-    JwtHttpComponent.prototype.getAxiosConfig = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var config, clientStorage, tokenValue, _a, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        config = _super.prototype.getAxiosConfig.call(this);
-                        if (!!this._refreshToken) return [3 /*break*/, 4];
-                        clientStorage = this._components.clientStorage;
-                        tokenValue = clientStorage.get(this.refreshTokenKey, clientStorage.STORAGE_COOKIE)
-                            || clientStorage.get(this.refreshTokenKey)
-                            || null;
-                        _a = this;
-                        if (!(tokenValue instanceof Promise)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, tokenValue];
-                    case 1:
-                        _b = _c.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        _b = tokenValue;
-                        _c.label = 3;
-                    case 3:
-                        _a._refreshToken = _b;
-                        if (this._refreshToken) {
-                            clientStorage.set(this.refreshTokenKey, this._refreshToken, clientStorage.STORAGE_COOKIE, 180);
-                        }
-                        _c.label = 4;
-                    case 4: return [2 /*return*/, config];
-                }
-            });
-        });
-    };
-    JwtHttpComponent.prototype.setRefreshTokenInterceptor = function (axiosInstance) {
-        var _this = this;
-        axiosInstance.interceptors.response.use(function (config) { return config; }, function (error) { return __awaiter(_this, void 0, void 0, function () {
-            var originalRequest, store, response, accessToken;
-            var _a;
-            var _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        originalRequest = error.config;
-                        if (!(error.response.status === 401 && error.config && !error.config._isRetry)) return [3 /*break*/, 2];
-                        store = this._components.store;
-                        return [4 /*yield*/, this.send(this.refreshTokenRequest.method, this.refreshTokenRequest.url, (_a = {},
-                                _a[this.refreshTokenKey] = this._refreshToken,
-                                _a))];
-                    case 1:
-                        response = _c.sent();
-                        accessToken = (_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b[this.accessTokenKey];
-                        if (accessToken) {
-                            store.dispatch(auth_1.login(accessToken));
-                            originalRequest._isRetry = true;
-                            originalRequest.headers.Authorization = 'Bearer ' + accessToken;
-                            return [2 /*return*/, axiosInstance.request(originalRequest)];
-                        }
-                        else {
-                            store.dispatch(auth_1.logout());
-                        }
-                        _c.label = 2;
-                    case 2: throw error;
-                }
-            });
-        }); });
-    };
-    JwtHttpComponent.prototype.getAxiosInstance = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a, _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        if (!!this._axios) return [3 /*break*/, 2];
-                        _a = this;
-                        _c = (_b = axios_1["default"]).create;
-                        return [4 /*yield*/, this.getAxiosConfig()];
-                    case 1:
-                        _a._axios = _c.apply(_b, [_d.sent()]);
-                        this.setRefreshTokenInterceptor(this._axios);
-                        _d.label = 2;
-                    case 2: return [2 /*return*/, this._axios];
-                }
-            });
-        });
-    };
-    JwtHttpComponent.prototype.removeRefreshToken = function () {
-        this._refreshToken = null;
-        this.resetConfig();
-        this._components.clientStorage.remove(this.refreshTokenKey, this._components.clientStorage.STORAGE_COOKIE);
-    };
-    JwtHttpComponent.prototype.setRefreshToken = function (value) {
-        this._refreshToken = value;
-        this.resetConfig();
-        this._components.clientStorage.set(this.refreshTokenKey, value, this._components.clientStorage.STORAGE_COOKIE, 180);
-    };
-    JwtHttpComponent.prototype.getRefreshToken = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (!(this._refreshToken === false)) return [3 /*break*/, 2];
-                        _a = this;
-                        return [4 /*yield*/, this._components.clientStorage.get(this.refreshTokenKey)];
-                    case 1:
-                        _a._refreshToken = (_b.sent()) || null;
-                        _b.label = 2;
-                    case 2: return [2 /*return*/, this._refreshToken];
-                }
-            });
-        });
-    };
-    JwtHttpComponent.prototype.onLogout = function () {
-        this.removeAccessToken();
-        this.removeRefreshToken();
-    };
-    return JwtHttpComponent;
-}(HttpComponent_1["default"]));
-exports["default"] = JwtHttpComponent;

package/ui/form/SliderField/demo/marks.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 SliderField_1 = __importDefault(require("../SliderField"));
-/**
- * Обычный пример задания отметок со описанием по всей длине слайдера.
- * @order 7
- * @col 4
- */
-var marks = {
-    0: React.createElement("strong", null, "0\u00B0C"),
-    26: '26°C',
-    37: '37°C',
-    50: '50°C',
-    80: {
-        style: {
-            color: 'red'
-        },
-        label: React.createElement("strong", null, "80\u00B0C")
-    }
-};
-exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
-    React.createElement(SliderField_1["default"], { min: -10, max: 80, marks: marks }))); });

package/ui/layout/Portal.d.ts

@@ -1 +0,0 @@
-export default function Portal(props: any): any;

package/ui/layout/Tooltip/TooltipPortalInner.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { IComponentsHocOutput } from '../../../hoc/components';
-export default class TooltipPortal extends React.PureComponent<IComponentsHocOutput> {
-    componentDidMount(): void;
-    render(): any;
-}

package/ui/list/Empty/demo/custom-text.js

@@ -1,33 +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 Empty_1 = __importDefault(require("../Empty"));
-/**
- * With custom view
- * @order 2
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Empty_1["default"], { text: '\u041A \u0441\u043E\u0436\u0430\u043B\u0435\u043D\u0438\u044E, \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E', view: function (props) { return (React.createElement("div", { className: 'alert alert-primary', role: 'alert' }, props.text)); } }))); });

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("../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/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/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.js

@@ -1,88 +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.items = void 0;
-var List_1 = __importDefault(require("../List"));
-var React = __importStar(require("react"));
-exports.items = [
-    {
-        id: 1,
-        price: 50,
-        title: 'Jeans'
-    },
-    {
-        id: 2,
-        price: 125,
-        title: 'Coat'
-    },
-    {
-        id: 3,
-        price: 18,
-        title: 'Shirt'
-    },
-    {
-        id: 4,
-        price: 62,
-        title: 'Dress'
-    },
-    {
-        price: 100,
-        title: 'Boots'
-    },
-];
-/**
- * List with sorting
- * @order 8
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoSort', items: exports.items, className: 'list-group', searchForm: {
-        layout: 'horizontal',
-        fields: ['sort'],
-        model: {
-            attributes: [
-                {
-                    attribute: 'sort',
-                    label: 'Sort',
-                    searchField: 'DropDownField',
-                    searchFieldProps: {
-                        items: [
-                            {
-                                id: '-price',
-                                label: 'Descending price'
-                            },
-                            {
-                                id: 'price',
-                                label: 'Ascending price'
-                            },
-                        ]
-                    }
-                },
-            ]
-        }
-    }, sort: {
-        enable: true,
-        defaultValue: '-price'
-    }, itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
-        React.createElement("div", null, props.item.title),
-        React.createElement("div", null, "Price: " + props.item.price + " $"))); } })); });