@steroidsjs/core 3.0.94 → 3.1.1

package/ui/content/Detail/Detail.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { IDetailItemProps } from './DetailItem';
 import { IControlItem } from '../../nav/Controls/Controls';
 /**
@@ -79,7 +79,7 @@ export interface IDetailProps extends IUiComponent {
      * Заголовок таблицы
      * @example 'User info'
      */
-    title?: string | React.ReactNode;
+    title?: string | ReactNode;
     /**
      * Контролы, которые нужно расположить рядом с таблицей
      * @example
@@ -92,7 +92,7 @@ export interface IDetailProps extends IUiComponent {
     /**
      * Дочерние компоненты
      */
-    children?: React.ReactNode | React.ReactNode[];
+    children?: ReactNode | ReactNode[];
     [key: string]: any;
 }
 export interface IDetailItemOutputProps extends IDetailItemProps {

package/ui/content/Detail/Detail.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 };
 };
@@ -40,7 +17,7 @@ exports.__esModule = true;
 exports.constants = exports.DetailLayoutEnum = void 0;
 var isArray_1 = __importDefault(require("lodash/isArray"));
 var orderBy_1 = __importDefault(require("lodash/orderBy"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var DetailItem_1 = __importDefault(require("./DetailItem"));
 var hooks_1 = require("../../../hooks");
 /**
@@ -57,7 +34,7 @@ exports.constants = Object.freeze({
     CELLS_IN_COLUMN: 2,
     TABLE_HEAD_COLSPAN: 1
 });
-var getDetailItems = function (children) { return (react_1["default"].Children.toArray(children)
+var getDetailItems = function (children) { return (react_1.Children.toArray(children)
     .filter(function (child) { var _a; return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === DetailItem_1["default"].displayName; })); };
 var normalizeSpan = function (span, column) { return (span > column)
     ? column
@@ -135,7 +112,7 @@ function Detail(props) {
             setColumn(props.column || exports.constants.MAX_COLUMN);
         });
     }));
-    var resizedNodeRef = react_1["default"].useCallback(function (node) {
+    var resizedNodeRef = (0, react_1.useCallback)(function (node) {
         if (!resizeObserver.current) {
             return;
         }

package/ui/content/Detail/DetailItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 /**
  * DetailItem
  * Элемент "ключ-значение" в таблице Detail
@@ -8,12 +8,12 @@ export interface IDetailItemProps {
      * Наименование
      * @example 'Product'
      */
-    label: string | number | React.ReactNode;
+    label: string | number | ReactNode;
     /**
      * Значение
      * @example 'Cloud Database'
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * Количество колонок, которое занимает элемент
      * @example 3

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import { IAbsolutePositioningInputProps, IAbsolutePositioningOutputProps } from '../../../hooks/useAbsolutePositioning';
 /**
  * Menu
@@ -11,7 +11,7 @@ export interface IDropDownProps extends IAbsolutePositioningInputProps {
      * Содержимое DropDown (компонент или jsx-код)
      * @example () => Component
      */
-    content?: () => React.ReactNode;
+    content?: () => ReactNode;
     /**
      * В каком случае закрывать DropDown. По-умолчанию - `click-away`
      * @example click-any

package/ui/content/DropDown/DropDown.js

@@ -10,34 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var hooks_1 = require("../../../hooks");
@@ -76,7 +53,7 @@ function DropDown(props) {
     }, []);
     var DropDownView = components.ui.getView(props.view || 'content.DropDownView');
     var childrenElement = typeof props.children === 'object'
-        ? React.Children.only(props.children)
+        ? react_1.Children.only(props.children)
         : undefined;
     var resultProps = {
         ref: childRef
@@ -98,12 +75,9 @@ function DropDown(props) {
         onClose: onHide,
         hasArrow: props.hasArrow
     }); }, [arrowPosition, calculatePosition, isComponentVisible, onHide, props.className, props.content, props.hasArrow, position, style]);
-    return (React.createElement(React.Fragment, null,
-        childrenElement
-            ? React.cloneElement(childrenElement, resultProps)
-            : (React.createElement("span", null, props.children)),
-        isComponentExist && (React.createElement(TooltipPortalInner_1["default"], null,
-            React.createElement(DropDownView, __assign({}, viewProps))))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [childrenElement
+                ? (0, react_1.cloneElement)(childrenElement, resultProps)
+                : ((0, jsx_runtime_1.jsx)("span", { children: props.children })), isComponentExist && ((0, jsx_runtime_1.jsx)(TooltipPortalInner_1["default"], { children: (0, jsx_runtime_1.jsx)(DropDownView, __assign({}, viewProps)) }))] }));
 }
 DropDown.defaultProps = {
     autoPositioning: true,

package/ui/content/Kanban/Kanban.js

@@ -1,29 +1,18 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 __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);
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var hooks_1 = require("./hooks");
 var hooks_2 = require("../../../hooks");
 function Kanban(props) {
@@ -40,10 +29,10 @@ function Kanban(props) {
     }), columns = _a.columns, onDragEnd = _a.onDragEnd, onOpenTaskDetailsModal = _a.onOpenTaskDetailsModal, onOpenCreateTaskModal = _a.onOpenCreateTaskModal;
     // Task
     var Task = components.ui.getView('content.KanbanTaskView');
-    var renderTask = (0, react_1.useCallback)(function (task, columnId, index) { return (react_1["default"].createElement(Task, { key: task.id, task: task, columnId: columnId, index: index, draggableComponent: props.draggableComponent, onOpenTaskDetailsModal: onOpenTaskDetailsModal })); }, [Task, onOpenTaskDetailsModal, props.draggableComponent]);
+    var renderTask = (0, react_1.useCallback)(function (task, columnId, index) { return ((0, jsx_runtime_1.jsx)(Task, { task: task, columnId: columnId, index: index, draggableComponent: props.draggableComponent, onOpenTaskDetailsModal: onOpenTaskDetailsModal }, task.id)); }, [Task, onOpenTaskDetailsModal, props.draggableComponent]);
     // Column
     var Column = components.ui.getView('content.KanbanColumnView');
-    var renderColumn = (0, react_1.useCallback)(function (column, index) { return (react_1["default"].createElement(Column, { key: column.id, column: column, columnIndex: index, draggableComponent: props.draggableComponent, droppableComponent: props.droppableComponent, renderTask: renderTask, onOpenCreateTaskModal: onOpenCreateTaskModal })); }, [Column, onOpenCreateTaskModal, props.draggableComponent, props.droppableComponent, renderTask]);
+    var renderColumn = (0, react_1.useCallback)(function (column, index) { return ((0, jsx_runtime_1.jsx)(Column, { column: column, columnIndex: index, draggableComponent: props.draggableComponent, droppableComponent: props.droppableComponent, renderTask: renderTask, onOpenCreateTaskModal: onOpenCreateTaskModal }, column.id)); }, [Column, onOpenCreateTaskModal, props.draggableComponent, props.droppableComponent, renderTask]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         columns: columns,
         renderColumn: renderColumn,
@@ -51,6 +40,6 @@ function Kanban(props) {
         className: props.className,
         style: props.style
     }); }, [columns, renderColumn, props.droppableComponent, props.className, props.style]);
-    return (react_1["default"].createElement(DragDropContext, { onDragEnd: onDragEnd }, components.ui.renderView(props.view || 'content.KanbanView', viewProps)));
+    return ((0, jsx_runtime_1.jsx)(DragDropContext, __assign({ onDragEnd: onDragEnd }, { children: components.ui.renderView(props.view || 'content.KanbanView', viewProps) })));
 }
 exports["default"] = Kanban;

package/ui/content/Kanban/hooks/useKanban.js

@@ -10,31 +10,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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;
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var react_use_1 = require("react-use");
 var modal_1 = require("../../../../actions/modal");
 var hooks_1 = require("../../../../hooks");
@@ -78,7 +55,7 @@ function useKanban(config) {
         dispatch((0, actions_1.kanbanMoveColumn)(config.kanbanId, source, destination));
     }, [config.kanbanId, dispatch]);
     var components = (0, hooks_1.useComponents)();
-    var onCreateTask = react_1["default"].useCallback(function (_, data) {
+    var onCreateTask = (0, react_1.useCallback)(function (_, data) {
         var newTaskId = lastTaskId ? lastTaskId + 1 : INITIAL_TASK_ID;
         var newTask = normalizeEditTaskFormForState(newTaskId, data, config.assigners, tags);
         if (config.onCreateTask) {
@@ -91,7 +68,7 @@ function useKanban(config) {
         ];
         dispatch(toDispatch);
     }, [config, dispatch, lastTaskId, tags]);
-    var onEditTask = react_1["default"].useCallback(function (id, data, prevColumnId) {
+    var onEditTask = (0, react_1.useCallback)(function (id, data, prevColumnId) {
         var editedTask = normalizeEditTaskFormForState(id, data, config.assigners, tags);
         if (config.onEditTask) {
             config.onEditTask(config.kanbanId, data.columnId, editedTask);
@@ -104,20 +81,20 @@ function useKanban(config) {
     }, [config, dispatch, tags]);
     // common modal
     var KanbanModalView = components.ui.getView('content.KanbanModalView');
-    var createOrEditTaskCommonModalProps = react_1["default"].useMemo(function () { return ({
+    var createOrEditTaskCommonModalProps = (0, react_1.useMemo)(function () { return ({
         createTaskEditorConfig: config.createTaskEditorConfig,
         columns: kanban === null || kanban === void 0 ? void 0 : kanban.columns,
         assigners: normalizeAssignersForDropDownItems(config.assigners || []),
         tags: tags
     }); }, [config.createTaskEditorConfig, config.assigners, kanban === null || kanban === void 0 ? void 0 : kanban.columns, tags]);
     // create task modal
-    var onOpenCreateTaskModal = react_1["default"].useCallback(function (columnId) {
+    var onOpenCreateTaskModal = (0, react_1.useCallback)(function (columnId) {
         if (columnId) {
             dispatch((0, modal_1.openModal)(KanbanModalView, __assign(__assign({}, createOrEditTaskCommonModalProps), { modalId: modalAndFormIds_1.CREATE_TASK_MODAL_ID, modalType: enums_1.KanbanModalTypeEnum.CREATE, title: enums_1.KanbanModalTypeEnum.getLabel(enums_1.KanbanModalTypeEnum.CREATE), formId: modalAndFormIds_1.CREATE_TASK_FORM_ID, columnId: columnId, onSubmit: onCreateTask })));
         }
     }, [KanbanModalView, createOrEditTaskCommonModalProps, dispatch, onCreateTask]);
     // task details modal
-    var onOpenTaskDetailsModal = react_1["default"].useCallback(function (task, columnId) {
+    var onOpenTaskDetailsModal = (0, react_1.useCallback)(function (task, columnId) {
         if (task && columnId) {
             dispatch((0, modal_1.openModal)(KanbanModalView, {
                 modalId: modalAndFormIds_1.EDIT_TASK_MODAL_ID,
@@ -131,7 +108,7 @@ function useKanban(config) {
         }
     }, [KanbanModalView, dispatch, kanban]);
     // edit task modal
-    var onOpenEditTaskModal = react_1["default"].useCallback(function (task, columnId) {
+    var onOpenEditTaskModal = (0, react_1.useCallback)(function (task, columnId) {
         if (task && columnId) {
             dispatch((0, modal_1.openModal)(KanbanModalView, __assign(__assign({}, createOrEditTaskCommonModalProps), { modalId: modalAndFormIds_1.EDIT_TASK_MODAL_ID, modalType: enums_1.KanbanModalTypeEnum.EDIT, title: enums_1.KanbanModalTypeEnum.getLabel(enums_1.KanbanModalTypeEnum.EDIT), formId: modalAndFormIds_1.EDIT_TASK_FORM_ID, columnId: columnId, onSubmit: onEditTask, onToggleModalType: function () { return onOpenTaskDetailsModal(task, columnId); } })));
         }

package/ui/content/Menu/Menu.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactElement } from 'react';
 import { IDropDownProps } from '../DropDown/DropDown';
 export interface IMenuItem {
     /**
@@ -12,7 +12,7 @@ export interface IMenuItem {
     /**
      * Кастомная иконка
      */
-    icon?: string | React.ReactElement;
+    icon?: string | ReactElement;
     /**
      * Нижний border
      */
@@ -42,7 +42,7 @@ export interface IMenuProps extends IUiComponent {
     /**
     * Кастомная иконка, по клику на которую открывается меню
     */
-    icon?: string | React.ReactElement;
+    icon?: string | ReactElement;
     /**
      * Пропсы для DropDown
      */

package/ui/content/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { Options, SplideProps } from '@splidejs/react-splide';
-import React from 'react';
 /**
  * Slider
  *
@@ -25,5 +25,5 @@ export interface ISliderProps extends IUiComponent, Omit<SplideProps, 'items'> {
     [key: string]: any;
 }
 export type ISliderViewProps = ISliderProps;
-declare const _default: React.ForwardRefExoticComponent<Omit<ISliderProps, "ref"> & React.RefAttributes<unknown>>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<ISliderProps, "ref"> & import("react").RefAttributes<unknown>>;
 export default _default;

package/ui/content/Slider/Slider.js

@@ -10,14 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function Slider(props, ref) {
     var components = (0, hooks_1.useComponents)();
     return components.ui.renderView(props.view || 'content.SliderView', __assign(__assign({}, props), { ref: ref }));
 }
-exports["default"] = react_1["default"].forwardRef(Slider);
+exports["default"] = (0, react_1.forwardRef)(Slider);

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, MouseEvent } from 'react';
 import { IComponents } from '../../../providers/ComponentsProvider';
 import { IFormProps } from '../../form/Form/Form';
 import { IGridProps } from '../../list/Grid/Grid';
@@ -61,7 +60,7 @@ export interface ICrudItem extends Omit<IControlItem, 'visible' | 'confirm' | 'o
     /**
     * Функция обратного вызова, срабатывает после нажатия
     */
-    onClick?: (e: Event | React.MouseEvent, props: ICrudClickProps) => any;
+    onClick?: (e: Event | MouseEvent, props: ICrudClickProps) => any;
 }
 export interface ICrudClickProps {
     crudId?: string;
@@ -151,11 +150,11 @@ export interface ICrudProps {
     /**
     * Параметры Grid
     */
-    grid?: IGridProps | React.ReactNode;
+    grid?: IGridProps | ReactNode;
     /**
     * Параметры формы
     */
-    form?: IFormProps | React.ReactNode;
+    form?: IFormProps | ReactNode;
     /**
     * Параметры для колонки detail
     */

package/ui/crud/Crud/Crud.js

@@ -10,36 +10,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 jsx_runtime_1 = require("react/jsx-runtime");
 var get_1 = __importDefault(require("lodash-es/get"));
 var omit_1 = __importDefault(require("lodash-es/omit"));
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var CrudContent_1 = __importDefault(require("./CrudContent"));
@@ -188,7 +165,7 @@ function Crud(props) {
         controls: controls,
         children: (controlsAction === utils_1.CRUD_ACTION_INDEX || !isLoading) && (
         //@ts-ignore
-        React.createElement(CrudContent_1["default"], __assign({}, contentProps, { action: controlsAction })))
+        (0, jsx_runtime_1.jsx)(CrudContent_1["default"], __assign({}, contentProps, { action: controlsAction })))
     });
 }
 Crud.defaultProps = {

package/ui/crud/Crud/CrudContent.js

@@ -10,34 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var utils_1 = require("./utils");
 var notifications_1 = require("../../../actions/notifications");
@@ -71,15 +48,13 @@ function CrudContent(props) {
             if (!ItemComponent) {
                 ItemComponent = Grid_1["default"];
             }
-            return (React.createElement(ItemComponent
+            return ((0, jsx_runtime_1.jsx)(ItemComponent
             // Grid
-            , __assign({ 
-                // Grid
-                key: props.crudId, listId: props.crudId, action: props.restApi ? props.restApi.index : props.restUrl, scope: ['model', 'permission'], primaryKey: props.primaryKey, model: props.model, 
+            , __assign({ listId: props.crudId, action: props.restApi ? props.restApi.index : props.restUrl, scope: ['model', 'permission'], primaryKey: props.primaryKey, model: props.model, 
                 //searchModel={props.searchModel}
                 controls: controlsGetter, columns: [props.primaryKey], pagination: {
                     loadMore: false
-                } }, props.grid)));
+                } }, props.grid), props.crudId));
         case utils_1.CRUD_ACTION_CREATE:
         case utils_1.CRUD_ACTION_UPDATE:
             if (!ItemComponent) {
@@ -88,16 +63,14 @@ function CrudContent(props) {
             if (props.action === utils_1.CRUD_ACTION_UPDATE && (props.restUrl || props.restApi) && !props.record) {
                 return null;
             }
-            return (React.createElement(ItemComponent
+            return ((0, jsx_runtime_1.jsx)(ItemComponent
             // Form
-            , __assign({ 
-                // Form
-                key: formId, formId: formId, action: props.restApi
+            , __assign({ formId: formId, action: props.restApi
                     ? (props.recordId ? props.restApi.update : props.restApi.create)
-                    : [props.restUrl, props.recordId].filter(Boolean).join('/'), model: props.model, autoFocus: true, submitLabel: props.recordId ? __('Сохранить') : __('Добавить'), layout: 'horizontal', onComplete: onFormComplete }, props.form, { initialValues: formInitialValues })));
+                    : [props.restUrl, props.recordId].filter(Boolean).join('/'), model: props.model, autoFocus: true, submitLabel: props.recordId ? __('Сохранить') : __('Добавить'), layout: 'horizontal', onComplete: onFormComplete }, props.form, { initialValues: formInitialValues }), formId));
         default:
             if (ItemComponent) {
-                return (React.createElement(ItemComponent, __assign({ key: props.crudId + '_' + props.action }, props, crudItem.componentProps)));
+                return ((0, jsx_runtime_1.jsx)(ItemComponent, __assign({}, props, crudItem.componentProps), props.crudId + '_' + props.action));
             }
             return null;
     }

package/ui/crud/Crud/CrudModal.js

@@ -10,34 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var CrudContent_1 = __importDefault(require("./CrudContent"));
 var utils_1 = require("../../../ui/crud/Crud/utils");
@@ -49,7 +26,6 @@ function CrudModal(props) {
     var onModalClose = (0, react_1.useCallback)(function () {
         props.goToAction.call(null, utils_1.CRUD_ACTION_INDEX);
     }, [props.goToAction]);
-    return (React.createElement(Modal_1["default"], { size: 'lg', title: crudItem.title || crudItem.label || null, onClose: onModalClose },
-        React.createElement(CrudContent_1["default"], __assign({}, props))));
+    return ((0, jsx_runtime_1.jsx)(Modal_1["default"], __assign({ size: 'lg', title: crudItem.title || crudItem.label || null, onClose: onModalClose }, { children: (0, jsx_runtime_1.jsx)(CrudContent_1["default"], __assign({}, props)) })));
 }
 exports["default"] = CrudModal;

package/ui/form/AutoCompleteField/AutoCompleteField.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FocusEvent } from 'react';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
 import { IBaseFieldProps } from '../InputField/InputField';
@@ -61,7 +61,7 @@ export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProp
         value: (string | number) | (string | number)[];
         disabled: boolean;
         onChange: (value: string) => void;
-        onBlur: (e: Event | React.FocusEvent) => void;
+        onBlur: (e: Event | FocusEvent) => void;
         className?: CssClassName;
     };
     isOpened: boolean;

package/ui/form/BlankField/BlankField.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
 /**
  * BlankField
@@ -16,11 +16,11 @@ export interface IBlankFieldProps extends IFieldWrapperInputProps, IUiComponent
     * Текст для отображения
     * @example 'Hello World!'
     */
-    text?: string | React.ReactNode;
+    text?: string | ReactNode;
     /**
      * Дочерние элементы
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IBlankFieldProps>;
 export default _default;