@steroidsjs/core 3.0.96 → 3.1.3

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 /**
  * Empty
  * Компонент используется в качестве заглушки в случае, когда пришла пустая коллекция данных.
@@ -13,7 +13,7 @@ export interface IEmptyProps extends IUiComponent {
      * Текст заглушки
      * @example 'Записи не найдены'
      */
-    text?: string | React.ReactNode;
+    text?: string | ReactNode;
     [key: string]: any;
 }
 export type IEmptyViewProps = IEmptyProps;
@@ -25,5 +25,5 @@ declare namespace Empty {
     };
 }
 export declare const normalizeEmptyProps: (props: any) => any;
-declare const _default: React.MemoExoticComponent<typeof Empty>;
+declare const _default: import("react").MemoExoticComponent<typeof Empty>;
 export default _default;

package/ui/list/Empty/Empty.js

@@ -10,32 +10,9 @@ 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;
 exports.normalizeEmptyProps = void 0;
-var React = __importStar(require("react"));
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function Empty(props) {
     return (0, hooks_1.useComponents)().ui.renderView(props.view || 'list.EmptyView', props);
@@ -54,4 +31,4 @@ var normalizeEmptyProps = function (props) { return (__assign(__assign(__assign(
         }
         : props)))); };
 exports.normalizeEmptyProps = normalizeEmptyProps;
-exports["default"] = React.memo(Empty);
+exports["default"] = (0, react_1.memo)(Empty);

package/ui/list/FlexGrid/FlexGrid.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export interface IFlexGridItem {
     /**
      * Содержимое элемента FlexGrid
@@ -52,7 +52,7 @@ export interface IFlexGridProps extends IUiComponent {
     /**
      * Вложенные элементы
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Дополнительный CSS-класс для элементов FlexGrid
      */

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { IListConfig, ListControlPosition } from '../../../hooks/useList';
 import { IControlItem } from '../../nav/Controls/Controls';
 import { ILinkProps } from '../../nav/Link/Link';
@@ -29,12 +29,12 @@ export interface IGridColumn {
      * Заголовок колонки
      * @example 'Name'
      */
-    label?: React.ReactNode;
+    label?: ReactNode;
     /**
      * Подсказка
      * @example 'Some text'
      */
-    hint?: React.ReactNode;
+    hint?: ReactNode;
     /**
      * CSS-класс для ячейки с заголовком колонки '<th>...</th>'
      */

package/ui/list/Grid/Grid.js

@@ -10,36 +10,14 @@ 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 isString_1 = __importDefault(require("lodash-es/isString"));
 var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var useList_1 = __importDefault(require("../../../hooks/useList"));
 var Format_1 = __importDefault(require("../../format/Format"));
@@ -74,7 +52,7 @@ function Grid(props) {
     var renderLabel = (0, react_1.useCallback)(function (column) {
         if (column.headerView) {
             var HeaderView = column.headerView;
-            return (react_1["default"].createElement(HeaderView, __assign({}, column, column.headerProps, { listId: props.listId })));
+            return ((0, jsx_runtime_1.jsx)(HeaderView, __assign({}, column, column.headerProps, { listId: props.listId })));
         }
         if (column.label || column.label === '') {
             return column.label;
@@ -94,9 +72,9 @@ function Grid(props) {
             if (isValueViewString) {
                 return components.ui.renderView(ValueView, viewProps_1);
             }
-            return (react_1["default"].createElement(ValueView, __assign({}, viewProps_1)));
+            return ((0, jsx_runtime_1.jsx)(ValueView, __assign({}, viewProps_1)));
         }
-        return (react_1["default"].createElement(Format_1["default"], __assign({ item: item, model: props.model }, column, (column.formatter || {}))));
+        return ((0, jsx_runtime_1.jsx)(Format_1["default"], __assign({ item: item, model: props.model }, column, (column.formatter || {}))));
     }, [props.listId, props.model, props.primaryKey]);
     // Columns
     var columns = (0, react_1.useMemo)(function () { return []

package/ui/list/InfiniteScroll/InfiniteScroll.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 /**
  * InfiniteScroll
  * Компонент с бесконечным скроллом страниц.
@@ -40,5 +40,5 @@ declare namespace InfiniteScroll {
     };
 }
 export declare const normalizeInfiniteScrollProps: (props: any) => any;
-declare const _default: React.MemoExoticComponent<typeof InfiniteScroll>;
+declare const _default: import("react").MemoExoticComponent<typeof InfiniteScroll>;
 export default _default;

package/ui/list/InfiniteScroll/InfiniteScroll.js

@@ -10,36 +10,14 @@ 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;
 exports.normalizeInfiniteScrollProps = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var get_1 = __importDefault(require("lodash-es/get"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var hooks_1 = require("./hooks");
 var form_1 = require("../../../actions/form");
 var useForm_1 = __importDefault(require("../../../hooks/useForm"));
@@ -77,7 +55,7 @@ function InfiniteScroll(props) {
         onIntersect: function () { return onScrollFetch(); },
         enabled: Boolean(!props.list.isLoading && ((_b = props.list) === null || _b === void 0 ? void 0 : _b[props.hasNextPageAttribute]) && isScrollRefSet)
     });
-    return react_1["default"].createElement("div", { ref: setScrollContainerRef });
+    return (0, jsx_runtime_1.jsx)("div", { ref: setScrollContainerRef });
 }
 InfiniteScroll.defaultProps = {
     enable: false,

package/ui/list/LayoutNames/LayoutNames.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { IList } from '../../../actions/list';
 import { ListControlPosition } from '../../../hooks/useList';
 import { INavItem } from '../../nav/Nav/Nav';
@@ -64,5 +64,5 @@ declare namespace LayoutNames {
     };
 }
 export declare const normalizeLayoutNamesProps: (props: any) => any;
-declare const _default: React.MemoExoticComponent<typeof LayoutNames>;
+declare const _default: import("react").MemoExoticComponent<typeof LayoutNames>;
 export default _default;

package/ui/list/LayoutNames/LayoutNames.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;
 exports.normalizeLayoutNamesProps = void 0;
 var get_1 = __importDefault(require("lodash-es/get"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var list_1 = require("../../../actions/list");
 var hooks_1 = require("../../../hooks");
 var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
@@ -71,4 +48,4 @@ var normalizeLayoutNamesProps = function (props) { return (__assign(__assign(__a
     enable: props
 } : props))); };
 exports.normalizeLayoutNamesProps = normalizeLayoutNamesProps;
-exports["default"] = react_1["default"].memo(LayoutNames);
+exports["default"] = (0, react_1.memo)(LayoutNames);

package/ui/list/List/List.js

@@ -10,35 +10,12 @@ 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 react_1 = require("react");
+var react_2 = require("react");
 var hooks_1 = require("../../../hooks");
 var useList_1 = __importDefault(require("../../../hooks/useList"));
 function List(props) {
@@ -70,8 +47,8 @@ function List(props) {
         autoFetchOnFormChanges: props.autoFetchOnFormChanges
     }), list = _a.list, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderLoading = _a.renderLoading, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm, renderInfiniteScroll = _a.renderInfiniteScroll;
     var ItemView = props.itemView || components.ui.getView('list.ListItemView');
-    var content = ((list === null || list === void 0 ? void 0 : list.items) || []).map(function (item, index) { return (React.createElement(ItemView, __assign({}, props.itemProps, { key: item[props.primaryKey] || index, primaryKey: props.primaryKey, item: item, index: index, layoutSelected: list.layoutName }))); });
-    var viewProps = (0, react_1.useMemo)(function () { return ({
+    var content = ((list === null || list === void 0 ? void 0 : list.items) || []).map(function (item, index) { return ((0, react_1.createElement)(ItemView, __assign({}, props.itemProps, { key: item[props.primaryKey] || index, primaryKey: props.primaryKey, item: item, index: index, layoutSelected: list.layoutName }))); });
+    var viewProps = (0, react_2.useMemo)(function () { return ({
         list: list,
         paginationPosition: paginationPosition,
         paginationSizePosition: paginationSizePosition,

package/ui/list/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { IButtonProps } from '../../form/Button/Button';
 /**
  * Pagination
@@ -118,5 +118,5 @@ declare namespace Pagination {
     };
 }
 export declare const normalizePaginationProps: (props: any) => any;
-declare const _default: React.MemoExoticComponent<typeof Pagination>;
+declare const _default: import("react").MemoExoticComponent<typeof Pagination>;
 export default _default;

package/ui/list/Pagination/Pagination.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;
 exports.normalizePaginationProps = exports.generatePages = void 0;
 var get_1 = __importDefault(require("lodash-es/get"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var form_1 = require("../../../actions/form");
 var hooks_1 = require("../../../hooks");
 var useForm_1 = __importDefault(require("../../../hooks/useForm"));
@@ -78,8 +55,8 @@ function Pagination(props) {
         });
     }) || initialValues, page = _e.page, pageSize = _e.pageSize;
     var totalPages = Math.ceil((((_c = props.list) === null || _c === void 0 ? void 0 : _c.total) || 0) / (pageSize || 1));
-    var isFirstPage = react_1["default"].useMemo(function () { return page === FIRST_PAGE; }, [page]);
-    var isLastPage = react_1["default"].useMemo(function () { return page === totalPages; }, [page, totalPages]);
+    var isFirstPage = (0, react_1.useMemo)(function () { return page === FIRST_PAGE; }, [page]);
+    var isLastPage = (0, react_1.useMemo)(function () { return page === totalPages; }, [page, totalPages]);
     var pages = (0, react_1.useMemo)(function () { return (0, exports.generatePages)(page, totalPages, props.aroundCount)
         .map(function (pageItem, index, pagesArray) {
         // Номер страницы для '...' кнопки (выбирает страницу между двумя соседними пронумерованными)
@@ -151,4 +128,4 @@ var normalizePaginationProps = function (props) { return (__assign(__assign({},
     enable: props
 } : props))); };
 exports.normalizePaginationProps = normalizePaginationProps;
-exports["default"] = react_1["default"].memo(Pagination);
+exports["default"] = (0, react_1.memo)(Pagination);

package/ui/list/PaginationSize/PaginationSize.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ListControlPosition } from '../../../hooks/useList';
 import { IButtonProps } from '../../form/Button/Button';
 /**
@@ -67,5 +67,5 @@ declare namespace PaginationSize {
     };
 }
 export declare const normalizePaginationSizeProps: (props: any) => any;
-declare const _default: React.MemoExoticComponent<typeof PaginationSize>;
+declare const _default: import("react").MemoExoticComponent<typeof PaginationSize>;
 export default _default;

package/ui/list/PaginationSize/PaginationSize.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;
 exports.normalizePaginationSizeProps = void 0;
 var get_1 = __importDefault(require("lodash-es/get"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var form_1 = require("../../../actions/form");
 var hooks_1 = require("../../../hooks");
 var useForm_1 = __importDefault(require("../../../hooks/useForm"));
@@ -85,4 +62,4 @@ var normalizePaginationSizeProps = function (props) { return (__assign(__assign(
     enable: props
 } : props))); };
 exports.normalizePaginationSizeProps = normalizePaginationSizeProps;
-exports["default"] = react_1["default"].memo(PaginationSize);
+exports["default"] = (0, react_1.memo)(PaginationSize);

package/ui/list/SearchForm/SearchForm.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IFormProps } from '../../../ui/form/Form/Form';
 /**
  * SearchForm
@@ -12,5 +12,5 @@ export interface ISearchFormProps extends IFormProps {
     */
     listId?: string;
 }
-declare const _default: React.MemoExoticComponent<(props: ISearchFormProps) => JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: ISearchFormProps) => JSX.Element>;
 export default _default;

package/ui/list/SearchForm/SearchForm.js

@@ -10,39 +10,16 @@ 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_redux_1 = require("react-redux");
 var form_1 = require("../../../actions/form");
 var useForm_1 = __importDefault(require("../../../hooks/useForm"));
-exports["default"] = React.memo(function (props) {
+exports["default"] = (0, react_1.memo)(function (props) {
     var formId = (0, useForm_1["default"])().formId;
     var dispatch = (0, react_redux_1.useDispatch)();
     var onSubmit = (0, react_1.useCallback)(function (params) {
@@ -55,5 +32,5 @@ exports["default"] = React.memo(function (props) {
         return null;
     }
     var Form = require('../../form/Form')["default"];
-    return (React.createElement(Form, __assign({ submitLabel: __('Найти') }, props, { formId: formId, addressBar: false, onSubmit: onSubmit })));
+    return ((0, jsx_runtime_1.jsx)(Form, __assign({ submitLabel: __('Найти') }, props, { formId: formId, addressBar: false, onSubmit: onSubmit })));
 });

package/ui/list/Steps/Steps.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 /**
  * Компонент Steps предоставляет шаги для выполнения определенного процесса.
  **/
@@ -9,11 +9,11 @@ export interface IStepsProps extends IUiComponent {
     onChange?: (index: number) => void;
     showDivider?: boolean;
     stepTitleOrientation?: Orientation;
-    stepItemView?: React.ReactNode;
+    stepItemView?: ReactNode;
 }
 export interface IStepsViewProps {
     className?: CssClassName;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export interface IStepItemViewProps extends Pick<IStepsProps, 'showDivider' | 'stepTitleOrientation' | 'onChange'>, IUiComponent {
     stepItem: IStepItem;
@@ -28,7 +28,7 @@ export interface IStepItem {
     subtitle?: string;
     description?: string;
     status?: string;
-    icon?: string | React.ReactNode;
+    icon?: string | ReactNode;
     isError?: boolean;
 }
 export declare const ERROR_STATUS = "error";

package/ui/list/TreeTable/TreeTable.d.ts

@@ -1,5 +1,5 @@
 import { ITreeProps } from '@steroidsjs/core/ui/nav/Tree/Tree';
-import * as React from 'react';
+import { ReactElement } from 'react';
 import { IPreparedTreeItem, ITreeItem } from '../../../hooks/useTree';
 import { IColumnViewProps, IGridColumn, IGridProps } from '../Grid/Grid';
 export interface ITreeColumnViewProps extends IColumnViewProps, Pick<ITreeTableProps, 'levelPadding' | 'customIcon'> {
@@ -36,7 +36,7 @@ export interface ITreeTableProps extends Omit<IGridProps, 'items' | 'itemsIndexi
      * Кастомная иконка для сворачивания элементов
      * @example 'arrow'
      */
-    customIcon?: string | React.ReactElement;
+    customIcon?: CustomIcon;
     /**
      * Ключ для доступа к вложенным элементам узла
      * @example 'items'
@@ -44,7 +44,7 @@ export interface ITreeTableProps extends Omit<IGridProps, 'items' | 'itemsIndexi
     itemsKey?: string;
     itemsIndexing?: never;
 }
-export declare const addTreeColumnFieldsToFirstColumn: (columns: IGridColumn[], levelPadding: string | number, customIcon?: string | React.ReactElement) => IGridColumn[];
+export declare const addTreeColumnFieldsToFirstColumn: (columns: IGridColumn[], levelPadding: string | number, customIcon?: string | ReactElement) => IGridColumn[];
 declare function TreeTable(props: ITreeTableProps): JSX.Element;
 declare namespace TreeTable {
     var defaultProps: {

package/ui/list/TreeTable/TreeTable.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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -47,13 +24,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.addTreeColumnFieldsToFirstColumn = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Format_1 = __importDefault(require("@steroidsjs/core/ui/format/Format"));
 var ControlsColumn_1 = __importDefault(require("@steroidsjs/core/ui/list/ControlsColumn"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
 var merge_1 = __importDefault(require("lodash-es/merge"));
 var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var useList_1 = __importDefault(require("../../../hooks/useList"));
 var useTree_1 = __importDefault(require("../../../hooks/useTree"));
@@ -110,7 +87,7 @@ function TreeTable(props) {
     var renderLabel = (0, react_1.useCallback)(function (column) {
         if (column.headerView) {
             var HeaderView = column.headerView;
-            return (React.createElement(HeaderView, __assign({}, column, column.headerProps, { listId: props.listId })));
+            return ((0, jsx_runtime_1.jsx)(HeaderView, __assign({}, column, column.headerProps, { listId: props.listId })));
         }
         if (column.label || column.label === '') {
             return column.label;
@@ -130,9 +107,9 @@ function TreeTable(props) {
             if (isValueViewString) {
                 return components.ui.renderView(ValueView, viewProps_1);
             }
-            return (React.createElement(ValueView, __assign({}, viewProps_1)));
+            return ((0, jsx_runtime_1.jsx)(ValueView, __assign({}, viewProps_1)));
         }
-        return (React.createElement(Format_1["default"], __assign({ item: item, model: props.model }, column, (column.formatter || {}))));
+        return ((0, jsx_runtime_1.jsx)(Format_1["default"], __assign({ item: item, model: props.model }, column, (column.formatter || {}))));
     }, [props.listId, props.model, props.primaryKey]);
     // Columns
     var columns = (0, react_1.useMemo)(function () { return []