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

package/ui/layout/Tooltip/Tooltip.js

@@ -1,114 +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 react_1 = require("react");
-var react_use_1 = require("react-use");
-var calculate_1 = __importDefault(require("../Tooltip/calculate"));
-var hooks_1 = require("../../../hooks");
-var TooltipPortalInner_1 = __importDefault(require("./TooltipPortalInner"));
-/*
-* @Todo + check all calculations + describe
-*       + 12 positions
-*       - custom styles / classes
-*       - defaultVisible -> logic
-*       - check window resize
-*       - check for more properties
-*       - fix arrow position (right, bottom) NOT centered
-*       - refactor code
-* */
-function Tooltip(props) {
-    var components = hooks_1.useComponents();
-    var _a = react_1.useState(false), isComponentExist = _a[0], setIsComponentExist = _a[1];
-    var _b = react_1.useState(props.defaultVisible), isTooltipVisible = _b[0], setIsTooltipVisible = _b[1];
-    var _c = react_1.useState({
-        left: null,
-        right: null,
-        top: null
-    }), style = _c[0], setStyle = _c[1];
-    var _d = react_1.useState({
-        left: null,
-        right: null,
-        top: null,
-        bottom: null
-    }), arrowPosition = _d[0], setArrowPosition = _d[1];
-    var timerRef = react_1.useRef(null);
-    var positionRef = react_1.useRef(props.position);
-    var childRef = react_1.useRef(null);
-    var onShowTooltip = react_1.useCallback(function () {
-        if (timerRef.current) {
-            clearTimeout(timerRef.current);
-        }
-        setIsComponentExist(true);
-        setIsTooltipVisible(false);
-        // TODO: How to wait setState callback?
-        setTimeout(function () { return setIsTooltipVisible(true); });
-    }, []);
-    var onHideTooltip = react_1.useCallback(function () {
-        setIsTooltipVisible(false);
-        if (timerRef.current) {
-            clearTimeout(timerRef.current);
-        }
-        timerRef.current = setTimeout(function () { return setIsComponentExist(false); }, props.animationMs);
-    }, [props.animationMs]);
-    // Основная функция расчета позиции
-    var calculatePosition = react_1.useCallback(function (tooltipSize, arrowSize) {
-        var result = calculate_1["default"](props.gap, positionRef.current, childRef.current, tooltipSize, arrowSize);
-        positionRef.current = result.position;
-        setStyle(result.style);
-        if (result.arrowPosition) {
-            setArrowPosition(result.arrowPosition);
-        }
-    }, [props.gap]);
-    react_use_1.useMount(function () {
-        if (isTooltipVisible) {
-            onShowTooltip();
-        }
-    });
-    if (!props.content) {
-        return props.children;
-    }
-    var TooltipView = components.ui.getView('layout.TooltipView');
-    var childrenElement = typeof props.children === 'object'
-        ? React.Children.only(props.children)
-        : undefined;
-    return (React.createElement(React.Fragment, null,
-        childrenElement
-            ? React.cloneElement(childrenElement, {
-                ref: childRef,
-                onMouseOver: onShowTooltip,
-                onMouseOut: onHideTooltip
-            })
-            : (React.createElement("span", { ref: childRef, onFocus: onShowTooltip, onMouseOver: onShowTooltip, onBlur: onHideTooltip, onMouseOut: onHideTooltip }, props.children)),
-        isComponentExist && (React.createElement(TooltipPortalInner_1["default"], null,
-            React.createElement(TooltipView, { isTooltipVisible: isTooltipVisible, content: props.content, position: positionRef.current, style: style, arrowPosition: arrowPosition, calculatePosition: calculatePosition })))));
-}
-Tooltip.defaultProps = {
-    content: '',
-    position: 'top',
-    defaultVisible: false,
-    gap: 16,
-    animationMs: 300
-};
-exports["default"] = Tooltip;

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/layout/Tooltip/TooltipPortalInner.js

@@ -1,64 +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 __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 __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-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;
-var React = __importStar(require("react"));
-var react_dom_1 = require("react-dom");
-var hoc_1 = require("../../../hoc");
-var TooltipPortal = /** @class */ (function (_super) {
-    __extends(TooltipPortal, _super);
-    function TooltipPortal() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TooltipPortal.prototype.componentDidMount = function () {
-        if (!this.props.ui.getPortalElement()) {
-            throw new Error('Not found UI Portal container. Please set <Portal/> in layout.');
-        }
-    };
-    TooltipPortal.prototype.render = function () {
-        return react_dom_1.createPortal(this.props.children, this.props.ui.getPortalElement());
-    };
-    TooltipPortal = __decorate([
-        hoc_1.components('ui')
-    ], TooltipPortal);
-    return TooltipPortal;
-}(React.PureComponent));
-exports["default"] = TooltipPortal;

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

@@ -1,6 +0,0 @@
-import { TooltipArrowPosition, TooltipStylePosition } from '../Tooltip/Tooltip';
-export default function calculate(gap: any, position: any, parentRef: any, tooltipSize: any, arrowSize: any): {
-    style: TooltipStylePosition;
-    position: any;
-    arrowPosition: TooltipArrowPosition;
-};

package/ui/layout/Tooltip/calculate.js

@@ -1,162 +0,0 @@
-"use strict";
-exports.__esModule = true;
-function calculate(gap, position, parentRef, tooltipSize, arrowSize) {
-    var style = { left: null, right: null, top: null };
-    var arrowPosition = null;
-    var _a = parentRef.getBoundingClientRect(), top = _a.top, right = _a.right, left = _a.left, width = _a.width, height = _a.height;
-    var parentDimensions = { top: top, right: right, left: left, width: width, height: height };
-    parentDimensions.top += window.scrollY;
-    // eslint-disable-next-line default-case
-    switch (position) {
-        case 'top':
-        case 'topLeft':
-        case 'topRight':
-            // Проверка - выходит ли tooltip за верхний край страницы?
-            // Если да - меняем позицию на bottom
-            if ((parentDimensions.top - window.scrollY) <= Math.round(tooltipSize.height + gap)) {
-                style.top = parentDimensions.top + parentDimensions.height;
-                position = position.replace('top', 'bottom');
-            }
-            else {
-                style.top = parentDimensions.top - tooltipSize.height;
-            }
-            break;
-        case 'bottom':
-        case 'bottomLeft':
-        case 'bottomRight':
-            /// Проверка - выходит ли tooltip за нижний край страницы?
-            // Если да - меняем позицию на top
-            if ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY))
-                <= Math.round(tooltipSize.height + gap)) {
-                style.top = parentDimensions.top - tooltipSize.height;
-                position = position.replace('bottom', 'top');
-            }
-            else {
-                style.top = parentDimensions.top + parentDimensions.height;
-            }
-            break;
-        case 'left':
-        case 'leftTop':
-        case 'leftBottom':
-            // Проверка - выходит ли tooltip за левый край страницы?
-            // Если да - меняем позицию на right
-            if (parentDimensions.left <= Math.round(tooltipSize.width + gap)) {
-                style.left = parentDimensions.right;
-                position = position.replace('left', 'right');
-            }
-            else {
-                style.left = parentDimensions.left - tooltipSize.width;
-            }
-            break;
-        case 'right':
-        case 'rightTop':
-        case 'rightBottom':
-            // Проверка - выходит ли tooltip за правый край страницы?
-            // Если да - меняем позицию на left
-            if (document.body.clientWidth - parentDimensions.right <= Math.round(tooltipSize.width + gap)) {
-                style.left = parentDimensions.left - tooltipSize.width;
-                position = position.replace('right', 'left');
-            }
-            else {
-                style.left = parentDimensions.right;
-            }
-            break;
-    }
-    // eslint-disable-next-line default-case
-    switch (position) {
-        case 'top':
-        case 'bottom':
-            // Выравнивание по середине
-            style.left = (parentDimensions.left + (parentDimensions.width / 2)) - (tooltipSize.width / 2);
-            break;
-        case 'topLeft':
-        case 'bottomLeft':
-            // Ширина tooltip больше родителя - стрелка на середину родителя
-            style.left = parentDimensions.left;
-            if (parentDimensions.width < tooltipSize.width) {
-                arrowPosition = { left: parentDimensions.width / 2 };
-            }
-            break;
-        case 'topRight':
-        case 'bottomRight':
-            // Ширина tooltip больше родителя - стрелка на середину родителя
-            style.right = document.body.clientWidth - parentDimensions.right;
-            if (parentDimensions.width < tooltipSize.width) {
-                arrowPosition = {
-                    left: null,
-                    right: (parentDimensions.width / 2) - (arrowSize.width / 2)
-                };
-            }
-            break;
-        case 'left':
-        case 'right':
-            style.top = (parentDimensions.top + (parentDimensions.height / 2)) - (tooltipSize.height / 2);
-            break;
-        case 'leftTop':
-        case 'rightTop':
-            style.top = parentDimensions.top;
-            if (parentDimensions.height < (tooltipSize.height)) {
-                arrowPosition = { top: parentDimensions.height / 2 };
-            }
-            break;
-        case 'leftBottom':
-        case 'rightBottom':
-            style.top = parentDimensions.top + parentDimensions.height - tooltipSize.height;
-            if (parentDimensions.height < tooltipSize.height) {
-                arrowPosition = {
-                    bottom: (parentDimensions.height / 2) - (arrowSize.height / 2)
-                };
-            }
-            break;
-    }
-    // Проверка - при позиционировании top/bottom tooltip не выходит за пределы страницы по горизонтали
-    if (position.includes('top') || position.includes('bottom')) {
-        if (!position.includes('Left')
-            && (style.left < 0 || parentDimensions.left <= Math.round((tooltipSize.width - parentDimensions.width) + gap))) {
-            style.right = null;
-            position = position.replace('Right', 'Left');
-            // Если ширина tooltip больше ширины родителя - выставить стрелку на середину родителя
-            if (parentDimensions.left < tooltipSize.width) {
-                arrowPosition = { left: parentDimensions.width / 2 };
-            }
-            style.left = parentDimensions.left;
-        }
-        if (!position.includes('Right')
-            && (document.body.clientWidth - parentDimensions.right
-                <= Math.round((tooltipSize.width - parentDimensions.width) + gap))) {
-            position = position.replace('Left', 'Right');
-            if (parentDimensions.width < tooltipSize.width) {
-                arrowPosition = {
-                    left: null,
-                    right: (parentDimensions.width / 2) - (arrowSize.width / 2)
-                };
-            }
-            style.left = null;
-            style.right = document.body.clientWidth - parentDimensions.right;
-        }
-    }
-    // Проверка - при позиционировании left/right tooltip не выходит за пределы страницы по вертикали
-    if (position.includes('left') || position.includes('right')) {
-        if (!position.includes('Top')
-            && parentDimensions.top - window.scrollY <= Math.round((tooltipSize.height - parentDimensions.height) + gap)) {
-            position = position.replace('Bottom', 'Top');
-            if (parentDimensions.height < tooltipSize.height) {
-                arrowPosition = { top: parentDimensions.height / 2 };
-            }
-            style.top = parentDimensions.top;
-        }
-        if (!position.includes('Bottom')
-            && (window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY)
-                <= Math.round((tooltipSize.height - parentDimensions.height) + gap))) {
-            position = position.replace('Top', 'Bottom');
-            if (parentDimensions.height < tooltipSize.height) {
-                arrowPosition = {
-                    bottom: (parentDimensions.height / 2) - (arrowSize.height / 2)
-                };
-            }
-            style.top = parentDimensions.top + parentDimensions.height - tooltipSize.height;
-        }
-    }
-    return { style: style, position: position, arrowPosition: arrowPosition };
-}
-exports["default"] = calculate;

package/ui/layout/Tooltip/demo/basic.d.ts

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

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.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.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;