@steroidsjs/core 2.0.0-rc.9 → 2.0.1-beta.112

package/ui/layout/Tooltip/demo/basic.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 form_1 = require("../../../../ui/form");
-var Tooltip_1 = __importDefault(require("../Tooltip"));
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement("div", { style: { display: 'flex', justifyContent: 'center' } },
-        React.createElement(Tooltip_1["default"], { position: 'left', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { label: 'Show Tooltip Left' }))),
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'top', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip on Top' }))),
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'bottom', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { label: 'Show Tooltip Bottom' }))),
-        React.createElement(Tooltip_1["default"], { position: 'right', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip Right' })))))); });

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

@@ -1,2 +0,0 @@
-import Tooltip from './Tooltip';
-export default Tooltip;

package/ui/layout/Tooltip/index.js

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

package/ui/layout/index.d.ts

@@ -1,5 +0,0 @@
-import Header from './Header';
-import Loader from './Loader';
-import Notifications from './Notifications';
-import Tooltip from './Tooltip';
-export { Header, Loader, Notifications, Tooltip, };

package/ui/layout/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.Tooltip = exports.Notifications = exports.Loader = exports.Header = void 0;
-var Header_1 = __importDefault(require("./Header"));
-exports.Header = Header_1["default"];
-var Loader_1 = __importDefault(require("./Loader"));
-exports.Loader = Loader_1["default"];
-var Notifications_1 = __importDefault(require("./Notifications"));
-exports.Notifications = Notifications_1["default"];
-var Tooltip_1 = __importDefault(require("./Tooltip"));
-exports.Tooltip = Tooltip_1["default"];

package/ui/list/CheckboxColumn/CheckboxColumn.d.ts

@@ -1,36 +0,0 @@
-/**
- * CheckboxColumn
- * Колонка с чекбоксом, которая позволяет выбирать одну или все записи в таблице.
- */
-export interface ICheckboxColumnProps {
-    /**
-     * Первичный ключ для доступа к идентификатору item
-     */
-    primaryKey?: string;
-    /**
-     * Элемент коллекции item
-     */
-    item?: any;
-    fieldProps?: any;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: any;
-    [key: string]: any;
-}
-export interface ICheckboxColumnViewProps {
-    fieldProps: Record<string, any>;
-    input: {
-        name: string;
-        value: any;
-        onChange: any;
-    };
-}
-declare function CheckboxColumn(props: ICheckboxColumnProps): any;
-declare namespace CheckboxColumn {
-    var defaultProps: {
-        primaryKey: string;
-    };
-}
-export default CheckboxColumn;

package/ui/list/CheckboxColumn/CheckboxColumn.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
-var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
-var list_1 = require("../../../actions/list");
-var list_2 = require("../../../reducers/list");
-function CheckboxColumn(props) {
-    var _a;
-    var components = hooks_1.useComponents();
-    var itemId = (_a = props.item) === null || _a === void 0 ? void 0 : _a[props.primaryKey];
-    var dispatch = useDispatch_1["default"]();
-    var value = hooks_1.useSelector(function (state) { return (props.item
-        ? list_2.isChecked(state, props.listId, itemId)
-        : list_2.isCheckedAll(state, props.listId)); });
-    var onChange = react_1.useCallback(function () {
-        dispatch(props.item ? list_1.toggleItem(props.listId, itemId) : list_1.toggleAll(props.listId));
-    }, [dispatch, itemId, props.item, props.listId]);
-    var input = react_1.useMemo(function () { return ({
-        name: props.listId + '_checkbox',
-        value: value,
-        onChange: onChange
-    }); }, [onChange, props.listId, value]);
-    return components.ui.renderView(props.view || 'list.CheckboxColumnView', {
-        input: input
-    });
-}
-exports["default"] = CheckboxColumn;
-CheckboxColumn.defaultProps = {
-    primaryKey: 'id'
-};

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

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

package/ui/list/CheckboxColumn/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;
-    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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var Grid_1 = __importDefault(require("@steroidsjs/core/ui/list/Grid"));
-var React = __importStar(require("react"));
-var CheckboxColumn_1 = __importDefault(require("@steroidsjs/core/ui/list/CheckboxColumn"));
-var basic_1 = require("../../Grid/demo/basic");
-/**
- * Basic
- * @order 1
- * @col 8
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Grid_1["default"], { listId: 'CheckboxColumnBasicDemo', items: basic_1.items, columns: __spreadArray([{
-                valueView: CheckboxColumn_1["default"],
-                headerView: CheckboxColumn_1["default"]
-            }], basic_1.columns) }))); });

package/ui/list/CheckboxColumn/index.d.ts

@@ -1,2 +0,0 @@
-import CheckboxColumn from './CheckboxColumn';
-export default CheckboxColumn;

package/ui/list/CheckboxColumn/index.js

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

package/ui/list/ControlsColumn/ControlsColumn.d.ts

@@ -1,37 +0,0 @@
-import { IButtonProps } from '../../form/Button/Button';
-import { IControlItem } from '../../nav/Controls/Controls';
-/**
- * ControlsColumn
- * Колонка для контролов
- */
-export interface IControlsColumnItem extends IButtonProps {
-    rule?: 'view' | 'update' | 'delete' | string;
-    visible?: boolean;
-}
-export interface IControlsColumnProps {
-    /**
-     * Первичный ключ
-     */
-    primaryKey?: string;
-    /**
-     * Коллекция с контролами
-     * @example [{id: 'delete'}, {id: 'view', position: 'left'}]
-     */
-    controls?: IControlItem[] | ((item: any, primaryKey: string) => IControlItem[]);
-    /**
-     * Элемент, для которого будет отображаться список с контролами, в нём можно задать видимость контрола
-     * с помощью свойства 'can' + _upperFirst(control.id)
-     * @example {name: 'Ivan', work: 'development', canView: false}
-     */
-    item?: any;
-    /**
-     * Переопределение view React компонента для кастомизации отображения колонки
-     * @example MyCustomView
-     */
-    view?: any;
-    [key: string]: any;
-}
-export interface IControlsColumnViewProps {
-    items: IControlsColumnItem[];
-}
-export default function ControlsColumn(props: IControlsColumnProps): any;

package/ui/list/ControlsColumn/ControlsColumn.js

@@ -1,30 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
-var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
-function ControlsColumn(props) {
-    var components = hooks_1.useComponents();
-    var items = react_1.useMemo(function () {
-        var controls = typeof props.controls === 'function'
-            ? props.controls(props.item, props.primaryKey)
-            : props.controls;
-        return controls.map(function (control) { return (__assign(__assign({}, control), { position: 'left', visible: control.visible !== false && props.item['can' + upperFirst_1["default"](control.id)] !== false })); });
-    }, [props]);
-    return components.ui.renderView(props.view || 'list.ControlsColumnView', __assign(__assign({}, props), { items: items }));
-}
-exports["default"] = ControlsColumn;

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

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

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

@@ -1,36 +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 ControlsColumn_1 = __importDefault(require("@steroidsjs/core/ui/list/ControlsColumn"));
-/**
- * Basic
- * @order 1
- * @col 8
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(ControlsColumn_1["default"], { controls: ['back', 'create', 'view', 'update', 'delete'].map(function (id) { return ({
-            id: id,
-            visible: true
-        }); }), item: {} }))); });

package/ui/list/ControlsColumn/index.d.ts

@@ -1,2 +0,0 @@
-import ControlsColumn from './ControlsColumn';
-export default ControlsColumn;

package/ui/list/ControlsColumn/index.js

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

package/ui/list/Empty/Empty.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-/**
- * Empty
- * Компонент используется в качестве заглушки в случае, когда пришла пустая коллекция данных.
- */
-export interface IEmptyProps {
-    /**
-     * Показывать заглушку?
-     * @example true
-     */
-    enable?: boolean;
-    /**
-     * Текст заглушки
-     * @example 'Записи не найдены'
-     */
-    text?: string | React.ReactNode;
-    /**
-     * Дополнительный CSS-класс для элемента отображения
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    [key: string]: any;
-}
-export declare type IEmptyViewProps = IEmptyProps;
-declare function Empty(props: IEmptyProps): any;
-declare namespace Empty {
-    var defaultProps: {
-        enable: boolean;
-        text: string;
-    };
-}
-export declare const normalizeEmptyProps: (props: any) => any;
-declare const _default: React.MemoExoticComponent<typeof Empty>;
-export default _default;

package/ui/list/Empty/Empty.js

@@ -1,54 +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;
-};
-exports.__esModule = true;
-exports.normalizeEmptyProps = void 0;
-var React = __importStar(require("react"));
-var hooks_1 = require("../../../hooks");
-function Empty(props) {
-    var _a, _b, _c;
-    var components = hooks_1.useComponents();
-    if (!props.enable || ((_a = props.list) === null || _a === void 0 ? void 0 : _a.isLoading) || ((_c = (_b = props.list) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-        return null;
-    }
-    return components.ui.renderView(props.view || 'list.EmptyView', props);
-}
-Empty.defaultProps = {
-    enable: true,
-    text: 'Записи не найдены'
-};
-var normalizeEmptyProps = function (props) { return (__assign(__assign(__assign({}, Empty.defaultProps), { enable: !!props, text: __('Записи не найдены') }), (typeof props === 'boolean'
-    ? { enable: props }
-    : (typeof props === 'string'
-        ? { text: props }
-        : props)))); };
-exports.normalizeEmptyProps = normalizeEmptyProps;
-exports["default"] = React.memo(Empty);

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

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

@@ -1,28 +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"));
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Empty_1["default"], null))); });

package/ui/list/Empty/demo/custom-text.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

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

@@ -1,28 +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"));
-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/Empty/index.d.ts

@@ -1,2 +0,0 @@
-import Empty from './Empty';
-export default Empty;

package/ui/list/Empty/index.js

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

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

@@ -1,108 +0,0 @@
-import * as React from 'react';
-import { IListConfig, ListControlPosition } from '../../../hooks/useList';
-import { IControlItem } from '../../nav/Controls/Controls';
-/**
- * Grid
- * Компонент для представления данных коллекции в виде таблицы.
- */
-export interface IGridColumn {
-    /**
-     * Атрибут колонки, по которому происходит поиск нужного свойства в items и нужного поля в SearchForm
-     * @example 'Name'
-     */
-    attribute?: string;
-    /**
-     * Свойства для компонента форматирования
-     * @example {component: DateFormatter, format: 'DD MMMM'}
-     */
-    formatter?: Record<string, any>;
-    /**
-     * Заголовок колонки
-     * @example 'Name'
-     */
-    label?: React.ReactNode;
-    /**
-     * Подсказка
-     * @example 'Some text'
-     */
-    hint?: React.ReactNode;
-    /**
-     * CSS-класс для ячейки с заголовком колонки <th>...</th>
-     */
-    headerClassName?: CssClassName;
-    /**
-     * Скрыть или показать колонку
-     * @example true
-     */
-    visible?: boolean;
-    /**
-     * Компонент для кастомизации отображения заголовка колонки
-     * @example MyCustomView
-     */
-    headerView?: any;
-    /**
-     * Свойства для компонента отображения заголовка колонки
-     */
-    headerProps?: any;
-    /**
-     * Компонент для кастомизации отображения значения в ячейке
-     * @example MyCustomView
-     */
-    valueView?: any;
-    /**
-     * Свойства для компонента отображения значения в ячейке
-     */
-    valueProps?: any;
-    /**
-     * CSS-класс для ячейки со значением
-     */
-    className?: CssClassName;
-    /**
-     * Включить возможность сортировки по данным в колонке
-     * @example true
-     */
-    sortable?: boolean;
-}
-export interface IGridProps extends IListConfig {
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: any;
-    /**
-     * Коллекция с наименованиями и свойствами колонок в таблице
-     * @example [{label: 'Name', attribute: 'name'}, {label: 'Work', attribute: 'work'}]
-     */
-    columns: (string | IGridColumn)[];
-    /**
-     * Коллекция с элементами управления. Данная коллекция отобразится в колонке рядом с каждой записью в таблице.
-     * Например, кнопки для удаления и детального просмотра записи.
-     * @example [{id: 'delete'}, {id: 'view', position: 'left'}]
-     */
-    controls?: IControlItem[] | ((item: any, primaryKey: string) => IControlItem[]);
-    /**
-     * Нужно ли отображать колонку с порядковым номером элемента? Если да, то для каждого элемента в коллекции items
-     * должно быть задано свойство index
-     */
-    itemsIndexing?: any;
-    [key: string]: any;
-}
-export interface IGridViewProps extends Omit<IGridProps, 'onFetch'> {
-    className: CssClassName;
-    columns: (IGridColumn & {
-        label: any;
-    })[];
-    paginationPosition: ListControlPosition;
-    paginationSizePosition: ListControlPosition;
-    layoutNamesPosition: ListControlPosition;
-    renderList: (children: any) => any;
-    renderEmpty: () => any;
-    renderPagination: () => any;
-    renderPaginationSize: () => any;
-    renderLayoutNames: () => any;
-    renderSearchForm: () => any;
-    renderValue: (item: Record<string, unknown>, column: IGridColumn) => any;
-    onFetch: (params?: Record<string, unknown>) => void;
-    onSort: (value: any) => void;
-}
-export default function Grid(props: IGridProps): any;