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

package/ui/content/DropDown/DropDown.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { IAbsolutePositioningInputProps, IAbsolutePositioningOutputProps } from '@steroidsjs/core/hooks/useAbsolutePositioning';
-export interface IDropDownProps extends IAbsolutePositioningInputProps {
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
-    /**
-     * Содержимое DropDown (компонент или jsx-код)
-     * @example () => Component
-     */
-    content?: () => React.ReactNode;
-    /**
-     * Переопределение view React компонента для кастомизациии отображения
-     * @example MyCustomView
-     */
-    view?: any;
-}
-export interface IDropDownViewProps extends IDropDownProps, IAbsolutePositioningOutputProps {
-    /**
-     * Рассчет абсолютной позиции
-     */
-    calculatePosition: (componentSize: ClientRect) => void;
-    /**
-     * Ссылка на view
-     */
-    forwardedRef: any;
-}
-declare function DropDown(props: IDropDownProps): JSX.Element;
-declare namespace DropDown {
-    var defaultProps: {
-        componentDestroyDelay: number;
-        defaultVisible: boolean;
-        gap: number;
-        position: string;
-    };
-}
-export default DropDown;

package/ui/content/DropDown/DropDown.js

@@ -1,80 +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 hooks_1 = require("@steroidsjs/core/hooks");
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var TooltipPortalInner_1 = __importDefault(require("@steroidsjs/core/ui/layout/Tooltip/TooltipPortalInner"));
-var useAbsolutePositioning_1 = __importDefault(require("@steroidsjs/core/hooks/useAbsolutePositioning"));
-function DropDown(props) {
-    var components = hooks_1.useComponents();
-    var _a = useAbsolutePositioning_1["default"](props), isComponentExist = _a.isComponentExist, isComponentVisible = _a.isComponentVisible, calculateAbsolutePosition = _a.calculateAbsolutePosition, onShow = _a.onShow, onHide = _a.onHide, position = _a.position, style = _a.style;
-    var childRef = react_1.useRef(null);
-    var isManualControl = props.visible !== undefined;
-    // Outside click -> close
-    var forwardedRef = react_1.useRef(null);
-    react_use_1.useClickAway(forwardedRef, function (event) {
-        if (isManualControl) {
-            if (!childRef.current.contains(event.target) && props.toggleVisibility) {
-                props.toggleVisibility(props.visible);
-            }
-        }
-        else {
-            onHide();
-        }
-    });
-    var calculatePosition = react_1.useCallback(function (componentSize) {
-        calculateAbsolutePosition(position, childRef.current, componentSize);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    var DropDownView = components.ui.getView(props.view || 'content.DropDownView');
-    var childrenElement = typeof props.children === 'object'
-        ? React.Children.only(props.children)
-        : undefined;
-    var prevIsVisible = react_use_1.usePrevious(isComponentVisible);
-    return (React.createElement(React.Fragment, null,
-        childrenElement
-            ? React.cloneElement(childrenElement, {
-                ref: childRef,
-                onClick: function (e) {
-                    if (isManualControl || (childRef.current.contains(e.target) && prevIsVisible)) {
-                        return;
-                    }
-                    onShow();
-                }
-            })
-            : (React.createElement("span", null, props.children)),
-        isComponentExist && (
-        // TODO Change Portal to global
-        React.createElement(TooltipPortalInner_1["default"], null,
-            React.createElement(DropDownView, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible })))));
-}
-DropDown.defaultProps = {
-    componentDestroyDelay: 300,
-    defaultVisible: false,
-    gap: 15,
-    position: 'bottom'
-};
-exports["default"] = DropDown;

package/ui/content/DropDown/index.d.ts

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

package/ui/content/DropDown/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 DropDown_1 = __importDefault(require("./DropDown"));
-exports["default"] = DropDown_1["default"];

package/ui/crud/Crud/Crud.d.ts

@@ -1,85 +0,0 @@
-import * as React from 'react';
-import { IComponentsHocOutput } from '../../../hoc/components';
-import { IConnectHocOutput } from '../../../hoc/connect';
-import { IFormProps } from '../../form/Form/Form';
-import { IGridProps } from '../../list/Grid/Grid';
-import { IControlItem } from '../../nav/Controls/Controls';
-import { ReactNode } from 'react';
-export interface ICrudItem extends Omit<IControlItem, 'visible' | 'confirm' | 'onClick'> {
-    title?: string;
-    actionName?: string;
-    pkRequired?: boolean;
-    mode?: 'page' | 'modal';
-    component?: any;
-    componentProps?: any;
-    controlsInclude?: string[];
-    controlsExclude?: string[];
-    visible?: boolean | ((item: any, crudItem: ICrudItem, isGrid: boolean) => boolean);
-    confirm?: string | ((e: any, itemId: PrimaryKey, item: any, props: ICrudClickProps) => any);
-    onClick?: (e: Event | React.MouseEvent, itemId: PrimaryKey, item: any, props: ICrudClickProps) => any;
-}
-export interface ICrudClickProps extends ICrudProps, IConnectHocOutput, IComponentsHocOutput {
-    routeId?: string;
-    routeParams?: any;
-    item?: any;
-    itemId?: PrimaryKey;
-    action?: string;
-}
-export interface ICrudProps {
-    crudId?: string;
-    mode?: 'page' | 'modal';
-    restUrl?: string | ((props: ICrudClickProps) => string);
-    primaryKey?: 'id' | string;
-    queryKey?: 'id' | string;
-    model?: string;
-    searchModel?: string;
-    index?: boolean | ICrudItem;
-    create?: boolean | ICrudItem;
-    update?: boolean | ICrudItem;
-    view?: boolean | ICrudItem;
-    delete?: boolean | ICrudItem;
-    items?: ICrudItem[] | {
-        [key: string]: ICrudItem;
-    };
-    grid?: IGridProps | ((props: ICrudClickProps) => IGridProps);
-    gridComponent?: any;
-    form?: IFormProps | ((props: ICrudClickProps) => IFormProps);
-    formComponent?: any;
-    detail?: any;
-    detailComponent?: any;
-    [key: string]: any;
-}
-export interface ICrudChildrenProps extends ICrudProps, IConnectHocOutput, IComponentsHocOutput {
-    item?: any;
-    itemId?: PrimaryKey;
-    action?: string;
-    routeId?: string;
-    controlsGetter?: any;
-    restUrl?: string;
-    onComplete?: () => void;
-    form?: IFormProps;
-    grid?: IGridProps;
-}
-export declare const DEFAULT_PRIMARY_KEY = "id";
-export declare const DEFAULT_QUERY_KEY = "id";
-export declare const DEFAULT_MODE = "page";
-export declare const CRUD_ACTION_INDEX = "index";
-export interface ICrudViewProps {
-    className?: CssClassName;
-    controls?: IControlItem[];
-    title?: string;
-    children?: ReactNode;
-}
-export declare const getCrudId: (props: ICrudProps) => any;
-export declare const getCrudModalId: (props: ICrudProps) => any;
-export declare const getCrudGridId: (props: ICrudProps) => any;
-export declare const getCrudFormId: (props: ICrudProps, suffix?: any) => string;
-declare function Crud(props: ICrudProps): any;
-declare namespace Crud {
-    var defaultProps: {
-        primaryKey: string;
-        queryKey: string;
-        mode: string;
-    };
-}
-export default Crud;

package/ui/crud/Crud/Crud.js

@@ -1,359 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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;
-exports.getCrudFormId = exports.getCrudGridId = exports.getCrudModalId = exports.getCrudId = exports.CRUD_ACTION_INDEX = exports.DEFAULT_MODE = exports.DEFAULT_QUERY_KEY = exports.DEFAULT_PRIMARY_KEY = void 0;
-var React = __importStar(require("react"));
-var get_1 = __importDefault(require("lodash-es/get"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var omit_1 = __importDefault(require("lodash-es/omit"));
-var router_1 = require("../../../reducers/router");
-var router_2 = require("../../../actions/router");
-var CrudGrid_1 = __importDefault(require("./CrudGrid"));
-//TODO import {IDetailProps} from '../../list/Detail/Detail';
-var CrudForm_1 = __importDefault(require("./CrudForm"));
-var CrudDetail_1 = __importDefault(require("./CrudDetail"));
-var modal_1 = require("../../../actions/modal");
-var Modal_1 = __importDefault(require("../../modal/Modal"));
-var modal_2 = require("../../../reducers/modal");
-var list_1 = require("../../../actions/list");
-var react_1 = require("react");
-var hooks_1 = require("@steroidsjs/core/hooks");
-var useFetch_1 = __importDefault(require("@steroidsjs/core/hooks/useFetch"));
-var react_use_1 = require("react-use");
-var useDispatch_1 = __importDefault(require("@steroidsjs/core/hooks/useDispatch"));
-var MODE_PAGE = 'page';
-var MODE_MODAL = 'modal';
-exports.DEFAULT_PRIMARY_KEY = 'id';
-exports.DEFAULT_QUERY_KEY = 'id';
-exports.DEFAULT_MODE = MODE_PAGE;
-exports.CRUD_ACTION_INDEX = 'index';
-var getCrudId = function (props) { return props.crudId || props.routeId; };
-exports.getCrudId = getCrudId;
-var getCrudModalId = function (props) { return exports.getCrudId(props); };
-exports.getCrudModalId = getCrudModalId;
-var getCrudGridId = function (props) { return exports.getCrudId(props); };
-exports.getCrudGridId = getCrudGridId;
-var getCrudFormId = function (props, suffix) {
-    if (suffix === void 0) { suffix = null; }
-    return [exports.getCrudId(props), props.itemId, suffix].filter(Boolean).join('_');
-};
-exports.getCrudFormId = getCrudFormId;
-var defaultItems = {
-    index: {
-        component: CrudGrid_1["default"],
-        pkRequired: false
-    },
-    create: {
-        title: __('Добавление'),
-        component: CrudForm_1["default"],
-        pkRequired: false
-    },
-    update: {
-        title: __('Редактирование'),
-        component: CrudForm_1["default"],
-        controlsInclude: ['create', 'delete', 'view']
-    },
-    view: {
-        title: __('Просмотр'),
-        component: CrudDetail_1["default"],
-        controlsInclude: ['update', 'delete']
-    },
-    "delete": {
-        position: 'right',
-        confirm: function (e, id) { return __('Удалить запись {id}?', { id: id }); },
-        onClick: function (e, itemId, item, props) { return __awaiter(void 0, void 0, void 0, function () {
-            var restUrl;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        restUrl = typeof props.restUrl === 'function' ? props.restUrl(props) : props.restUrl;
-                        return [4 /*yield*/, props.http["delete"](restUrl + "/" + itemId)];
-                    case 1:
-                        _b.sent();
-                        if (props.action === exports.CRUD_ACTION_INDEX) {
-                            props.dispatch(list_1.listRefresh(exports.getCrudGridId(props)));
-                        }
-                        else {
-                            props.dispatch(router_2.goToRoute(props.routeId, __assign(__assign({}, props.routeParams), (_a = {}, _a[props.queryKey] = null, _a[props.queryKey + 'Action'] = null, _a))));
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        }); }
-    }
-};
-var resolveVisible = function (currentCrudItem, crudItem, itemId, isGrid, hasModal) {
-    // Force disable visible
-    if (crudItem.visible === false) {
-        return false;
-    }
-    // No render control on self page
-    if (currentCrudItem.actionName === crudItem.actionName) {
-        return false;
-    }
-    // Grid render only "pkRequired" actions
-    if (isGrid) {
-        return !!crudItem.pkRequired;
-    }
-    // Always show index action in page mode
-    if (crudItem.actionName === exports.CRUD_ACTION_INDEX) {
-        return !hasModal;
-    }
-    // Check includes
-    if (currentCrudItem.controlsInclude && !currentCrudItem.controlsInclude.includes(crudItem.id)) {
-        return false;
-    }
-    // Check excludes
-    if (currentCrudItem.controlsExclude && currentCrudItem.controlsExclude.includes(crudItem.id)) {
-        return false;
-    }
-    return !crudItem.pkRequired === !itemId;
-};
-function Crud(props) {
-    var components = hooks_1.useComponents();
-    var dispatch = useDispatch_1["default"]();
-    // Normalize items
-    var items = react_1.useMemo(function () {
-        var normalizedItems = {};
-        // Array -> Object
-        if (Array.isArray(props.items)) {
-            normalizedItems = props.items.reduce(function (obj, item) {
-                obj[item.id] = __assign({}, item);
-                return obj;
-            }, {});
-        }
-        else if (props.items) {
-            normalizedItems = props.items;
-        }
-        // Merge with defaults
-        Object.keys(defaultItems).forEach(function (id) {
-            normalizedItems[id] = __assign(__assign(__assign({ id: id }, defaultItems[id]), normalizedItems[id]), (typeof props[id] === 'object' ? props[id] : null));
-            if (props[id] === false) {
-                normalizedItems[id].visible = false;
-            }
-        });
-        // Object -> Array + defaults
-        return Object.keys(normalizedItems).map(function (id) { return (__assign({ id: id, actionName: id, pkRequired: true }, normalizedItems[id])); });
-    }, []);
-    var _a = hooks_1.useSelector(function (state) {
-        var routeParams = router_1.getRouteParams(state);
-        var queryKey = props.queryKey || exports.DEFAULT_QUERY_KEY;
-        var isModal = !!props.modalId;
-        var routeAction = get_1["default"](routeParams, queryKey + 'Action') || get_1["default"](routeParams, queryKey) || exports.CRUD_ACTION_INDEX;
-        var itemId = get_1["default"](routeParams, queryKey + 'Action') ? get_1["default"](routeParams, queryKey) : null;
-        var action = routeAction;
-        var crudItem = items.find(function (item) { return item.actionName === action; });
-        var mode = crudItem && crudItem.mode || props.mode || exports.DEFAULT_MODE;
-        if (mode === MODE_MODAL && !isModal) {
-            action = exports.CRUD_ACTION_INDEX;
-            itemId = null;
-        }
-        return {
-            routeId: router_1.getRouteId(state),
-            routeTitle: router_1.getRouteProp(state, null, 'title') || router_1.getRouteProp(state, null, 'label'),
-            routeAction: routeAction,
-            action: action,
-            itemId: itemId,
-            routeParams: routeParams,
-            hasModal: !isEmpty_1["default"](modal_2.getOpened(state))
-        };
-    }), routeId = _a.routeId, routeTitle = _a.routeTitle, routeAction = _a.routeAction, action = _a.action, itemId = _a.itemId, routeParams = _a.routeParams, hasModal = _a.hasModal;
-    var restUrl = typeof props.restUrl === 'function' ? props.restUrl(props) : props.restUrl;
-    var fetchConfig = react_1.useMemo(function () { return itemId && restUrl && ({
-        method: 'get',
-        id: exports.getCrudId(props) + '_' + itemId,
-        url: restUrl + "/" + itemId
-    }); }, []);
-    var _b = useFetch_1["default"](fetchConfig), data = _b.data, isLoading = _b.isLoading, fetch = _b.fetch;
-    var onModalClose = react_1.useCallback(function () {
-        var _a;
-        dispatch([
-            list_1.listRefresh(exports.getCrudGridId(props)),
-            router_2.goToRoute(routeId, __assign(__assign({}, routeParams), (_a = {}, _a[props.queryKey] = null, _a[props.queryKey + 'Action'] = null, _a))),
-        ]);
-    }, []);
-    var prevAction = react_use_1.usePrevious(props.prevAction || null);
-    react_1.useEffect(function () {
-        var crudItem = items.find(function (item) { return item.actionName === routeAction; });
-        var mode = crudItem && crudItem.mode || props.mode;
-        var isModal = !!props.modalId;
-        if (mode !== MODE_MODAL) {
-            if (isModal) {
-                props.dispatch(modal_1.closeModal(exports.getCrudModalId(props)));
-            }
-            return;
-        }
-        if (isModal) {
-            return;
-        }
-        var nextAction = routeAction;
-        if (prevAction !== nextAction) {
-            if (prevAction === exports.CRUD_ACTION_INDEX) {
-                props.dispatch(modal_1.closeModal(exports.getCrudModalId(props)));
-            }
-            if (nextAction !== exports.CRUD_ACTION_INDEX) {
-                props.dispatch(modal_1.openModal(Modal_1["default"], {
-                    modalId: exports.getCrudModalId(props),
-                    size: 'lg',
-                    title: crudItem.title || crudItem.label || null,
-                    onClose: onModalClose,
-                    component: Crud,
-                    componentProps: props
-                }));
-            }
-        }
-    }, []);
-    var onComplete = react_1.useCallback(function () {
-        var _a;
-        var crudItem = items.find(function (item) { return item.actionName === routeAction; });
-        var mode = crudItem && crudItem.mode || props.mode;
-        if (mode === MODE_MODAL) {
-            dispatch(modal_1.closeModal(exports.getCrudModalId(props)));
-            onModalClose();
-        }
-        else {
-            dispatch(router_2.goToRoute(routeId, __assign(__assign({}, routeParams), (_a = {}, _a[props.queryKey] = null, _a[props.queryKey + 'Action'] = null, _a))));
-        }
-    }, []);
-    var onClick = react_1.useCallback(function (e, currentItemId, item, crudItem) {
-        // Custom confirm
-        if (typeof crudItem.confirm === 'function') {
-            var value = crudItem.confirm(e, currentItemId, item, props);
-            var result = isString_1["default"](value) ? confirm(value) : !!value;
-            if (!result) {
-                e.preventDefault();
-                return;
-            }
-        }
-        crudItem.onClick(e, currentItemId, item, props);
-    }, []);
-    var getControls = react_1.useCallback(function (item) {
-        if (item === void 0) { item = null; }
-        var currentAction;
-        var currentItemId;
-        var isGrid = !!item;
-        if (hasModal && !props.modalId) {
-            currentAction = exports.CRUD_ACTION_INDEX;
-        }
-        else {
-            currentItemId = item && item[props.primaryKey];
-            // Try get item id from route params
-            if (!isGrid && !currentItemId) {
-                currentItemId = itemId;
-            }
-        }
-        var currentCrudItem = items.find(function (i) { return i.actionName === action; });
-        return (items || []).map(function (crudItem) {
-            var _a;
-            var visible = resolveVisible(currentCrudItem, crudItem, currentItemId, isGrid, hasModal);
-            if (visible && typeof crudItem.visible === 'function') {
-                visible = !!crudItem.visible(item, crudItem, isGrid);
-            }
-            var button = __assign(__assign({}, omit_1["default"](crudItem, ['actionName', 'pkRequired', 'component', 'componentProps', 'visible', 'confirm', 'onClick'])), { confirm: typeof crudItem.confirm === 'string' ? crudItem.confirm : null, visible: visible });
-            if (crudItem.onClick) {
-                button.onClick = function (e) { return onClick(e, currentItemId, item, crudItem); };
-            }
-            else {
-                button.toRoute = routeId;
-                button.toRouteParams = __assign(__assign({}, routeParams), (_a = {}, _a[props.queryKey] = crudItem.pkRequired ? currentItemId : undefined, _a[props.queryKey + 'Action'] = crudItem.actionName !== exports.CRUD_ACTION_INDEX ? crudItem.actionName : undefined, _a));
-            }
-            return button;
-        });
-    }, []);
-    var crudItem = items.find(function (item) { return item.actionName === action; });
-    var mode = crudItem && crudItem.mode || props.mode;
-    var isModal = !!props.modalId;
-    // In modal mode always render index on page
-    if (mode === MODE_MODAL && !isModal) {
-        crudItem = items.find(function (item) { return item.actionName === exports.CRUD_ACTION_INDEX; });
-    }
-    // No crud
-    if (!crudItem) {
-        return props.children;
-    }
-    // No render index in modal
-    if (isModal && action === exports.CRUD_ACTION_INDEX) {
-        return null;
-    }
-    var ItemComponent = crudItem.component;
-    var CrudView = /* TODO props.view || */ components.ui.getView('crud.CrudView');
-    var form = typeof props.form === 'function' ? props.form(props) : props.form;
-    var grid = typeof props.grid === 'function' ? props.grid(props) : props.grid;
-    return (React.createElement(CrudView, __assign({}, props, { title: routeTitle, controls: getControls() }), ItemComponent && (React.createElement(ItemComponent, __assign({}, props, { restUrl: restUrl, form: form, grid: grid, mode: mode, routeId: routeId, controlsGetter: getControls, onComplete: onComplete }, crudItem.componentProps)))));
-}
-Crud.defaultProps = {
-    primaryKey: exports.DEFAULT_PRIMARY_KEY,
-    queryKey: exports.DEFAULT_QUERY_KEY,
-    mode: exports.DEFAULT_MODE
-};
-exports["default"] = Crud;

package/ui/crud/Crud/CrudDetail.d.ts

@@ -1,2 +0,0 @@
-import { ICrudChildrenProps } from './Crud';
-export default function CrudGrid(props: ICrudChildrenProps): void;

package/ui/crud/Crud/CrudDetail.js

@@ -1,14 +0,0 @@
-"use strict";
-exports.__esModule = true;
-//import Detail from '../../list/Detail'; TODO
-function CrudGrid(props) {
-    /*return (
-        <Detail
-            item={this.props.item}
-            model={this.props.model}
-            attributes={[this.props.primaryKey]}
-            {...this.props.detail}
-        />
-    );*/
-}
-exports["default"] = CrudGrid;

package/ui/crud/Crud/CrudForm.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ICrudChildrenProps } from './Crud';
-export default function CrudForm(props: ICrudChildrenProps): JSX.Element;

package/ui/crud/Crud/CrudForm.js

@@ -1,49 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var notifications_1 = require("../../../actions/notifications");
-var Form_1 = __importDefault(require("../../form/Form/Form"));
-var Crud_1 = require("./Crud");
-function CrudForm(props) {
-    return (React.createElement(Form_1["default"], __assign({ formId: Crud_1.getCrudFormId(props), action: [props.restUrl, props.itemId].filter(Boolean).join('/'), model: props.model, autoFocus: true, submitLabel: props.itemId ? __('Сохранить') : __('Добавить'), layout: 'horizontal', onComplete: function () {
-            window.scrollTo(0, 0);
-            props.dispatch(notifications_1.showNotification(__('Запись успешно обновлена.')));
-            if (props.onComplete) {
-                props.onComplete();
-            }
-        } }, props.form, { initialValues: __assign(__assign({}, props.form.initialValues), props.item) })));
-}
-exports["default"] = CrudForm;

package/ui/crud/Crud/CrudGrid.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ICrudChildrenProps } from './Crud';
-export default function CrudGrid(props: ICrudChildrenProps): JSX.Element;