@steroidsjs/core 3.0.96 → 3.1.3

package/ui/form/BlankField/BlankField.js

@@ -1,36 +1,13 @@
 "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 __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 enums_1 = require("../../../enums");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function BlankField(props) {
     var _a;
-    return React.createElement("span", null, props.text || props.children || ((_a = props.input) === null || _a === void 0 ? void 0 : _a.value));
+    return (0, jsx_runtime_1.jsx)("span", { children: props.text || props.children || ((_a = props.input) === null || _a === void 0 ? void 0 : _a.value) });
 }
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.BLANK_FIELD, BlankField);

package/ui/form/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { MouseEvent } from 'react';
 export interface IButtonBadge {
     /**
     * Включить/выключить badge
@@ -101,7 +101,7 @@ export interface IButtonProps extends IUiComponent {
      * автоматически будет переключаться в режим загрузки (`loading`) на время выполнения `Promise`.
      * @param e => fetch(...)
      */
-    onClick?: (e: Event | React.MouseEvent) => Promise<any> | any;
+    onClick?: (e: Event | MouseEvent) => Promise<any> | any;
     /**
      * Переводит кнопку в состояние "не активна"
      * @example true

package/ui/form/Button/Button.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_redux_1 = require("react-redux");
 var router_1 = require("../../../actions/router");
 var hooks_1 = require("../../../hooks");
@@ -57,7 +34,7 @@ function Button(props) {
         isLoading: false,
         isFailed: false
     }), _b = _a[0], isLoading = _b.isLoading, isFailed = _b.isFailed, setStateFlags = _a[1];
-    react_1["default"].useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setStateFlags({
             isLoading: props.isLoading,
             isFailed: props.isFailed

package/ui/form/CheckboxField/CheckboxField.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ChangeEvent } from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * CheckboxField
@@ -27,7 +27,7 @@ export interface ICheckboxFieldViewProps extends ICheckboxFieldProps, IFieldWrap
         name?: string;
         type?: string;
         checked?: boolean;
-        onChange?: (value: string | React.ChangeEvent) => void;
+        onChange?: (value: string | ChangeEvent) => void;
         disabled?: boolean;
         required?: boolean;
     };

package/ui/form/CheckboxField/CheckboxField.js

@@ -10,41 +10,18 @@ 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_1 = __importStar(require("react"));
+var react_1 = require("react");
 var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function CheckboxField(props) {
     var _a, _b;
     var components = (0, hooks_1.useComponents)();
-    var onChangeHandler = react_1["default"].useCallback(function () {
+    var onChangeHandler = (0, react_1.useCallback)(function () {
         var _a;
         props.input.onChange(!((_a = props.input) === null || _a === void 0 ? void 0 : _a.value));
         if (props.onChange) {

package/ui/form/CheckboxListField/CheckboxListField.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import Enum from '../../../base/Enum';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';

package/ui/form/CheckboxTreeField/CheckboxTreeField.js

@@ -10,37 +10,15 @@ 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.getNestedItemsIds = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var react_use_1 = require("react-use");
 var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
@@ -122,7 +100,7 @@ function CheckboxTreeField(props) {
         }
     }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
     var CheckboxFieldView = components.ui.getView('form.CheckboxFieldView');
-    var renderCheckbox = function (checkboxProps) { return (react_1["default"].createElement(CheckboxFieldView, __assign({}, checkboxProps))); };
+    var renderCheckbox = function (checkboxProps) { return ((0, jsx_runtime_1.jsx)(CheckboxFieldView, __assign({}, checkboxProps))); };
     var viewProps = (0, react_1.useMemo)(function () { return ({
         items: treeItems,
         onItemSelect: onItemSelect,

package/ui/form/DateField/DateField.d.ts

@@ -1,6 +1,6 @@
 import { MaskitoOptions } from '@maskito/core';
 import { IAbsolutePositioningInputProps } from '@steroidsjs/core/hooks/useAbsolutePositioning';
-import React from 'react';
+import { RefCallback } from 'react';
 import { IDateInputStateInput, IDateInputStateOutput } from './useDateInputState';
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 /**
@@ -38,7 +38,7 @@ export interface IDateFieldViewProps extends IDateInputStateOutput, Pick<IDateFi
     /**
      * Ref для input элемента, который накладывает маску
      */
-    maskInputRef?: React.RefCallback<HTMLElement>;
+    maskInputRef?: RefCallback<HTMLElement>;
     [key: string]: any;
 }
 declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateFieldProps>;

package/ui/form/DateRangeField/DateRangeField.d.ts

@@ -1,5 +1,5 @@
 import { MaskitoOptions } from '@maskito/core';
-import React from 'react';
+import { RefCallback } from 'react';
 import { ILocaleComponent } from '../../../components/LocaleComponent';
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
@@ -129,11 +129,11 @@ export interface IDateRangeFieldViewProps extends IDateInputStateOutput, Omit<IF
     /**
      * Ref для input элемента, который накладывает маску на поле from
      */
-    maskInputFromRef?: React.RefCallback<HTMLElement>;
+    maskInputFromRef?: RefCallback<HTMLElement>;
     /**
      * Ref для input элемента, который накладывает маску на поле to
      */
-    maskInputFromTo?: React.RefCallback<HTMLElement>;
+    maskInputFromTo?: RefCallback<HTMLElement>;
     id: string;
 }
 declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateRangeFieldProps>;

package/ui/form/DateTimeField/DateTimeField.d.ts

@@ -1,5 +1,5 @@
 import { MaskitoOptions } from '@maskito/core';
-import React from 'react';
+import { RefCallback } from 'react';
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateInputStateInput, IDateInputStateOutput } from '../../form/DateField/useDateInputState';
 /**
@@ -52,7 +52,7 @@ export interface IDateTimeFieldViewProps extends IDateInputStateOutput, Pick<IDa
     /**
      * Ref для input элемента, который накладывает маску
      */
-    maskInputRef?: React.RefCallback<HTMLElement>;
+    maskInputRef?: RefCallback<HTMLElement>;
     [key: string]: any;
 }
 declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateTimeFieldProps>;

package/ui/form/DropDownField/DropDownField.d.ts

@@ -1,4 +1,4 @@
-import React, { MutableRefObject } from 'react';
+import { MutableRefObject, ReactElement } from 'react';
 import { DataProviderItems, IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
 import { IAccordionItemViewProps } from '../../../ui/content/Accordion/Accordion';
@@ -29,7 +29,7 @@ export interface IDropDownFieldItem {
     * Источник контента
     * @example 'https://steroids.kozhindev.com/images/icon.png'
     */
-    contentSrc?: string | React.ReactElement;
+    contentSrc?: string | ReactElement;
 }
 export interface IDropDownFieldItemViewProps extends IAccordionItemViewProps, Pick<IDropDownFieldProps, 'itemsContent'> {
     item: IDropDownFieldItem;
@@ -95,7 +95,7 @@ export interface IDropDownFieldProps extends IFieldWrapperInputProps, Omit<IData
      */
     itemsContent?: {
         type: ContentType | string;
-        src?: string | React.ReactElement;
+        src?: string | ReactElement;
     };
     /**
      * Элементы вложенные внутрь DropDownField

package/ui/form/DropDownField/DropDownField.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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -63,7 +40,7 @@ var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var isPlainObject_1 = __importDefault(require("lodash-es/isPlainObject"));
 var merge_1 = __importDefault(require("lodash-es/merge"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var react_use_1 = require("react-use");
 var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
@@ -96,8 +73,8 @@ function DropDownField(props) {
     var autoCompleteInputForwardedRef = (0, react_1.useRef)(null);
     var inputRef = (0, react_1.useRef)(null);
     var hasGroup = !!props.groupAttribute;
-    var _b = react_1["default"].useState([]), selectedAccordionItems = _b[0], setSelectedAccordionItems = _b[1];
-    var normalizedItemToSelectAll = react_1["default"].useMemo(function () { return normalizeItemToSelectAll(props.itemToSelectAll); }, [props.itemToSelectAll]);
+    var _b = (0, react_1.useState)([]), selectedAccordionItems = _b[0], setSelectedAccordionItems = _b[1];
+    var normalizedItemToSelectAll = (0, react_1.useMemo)(function () { return normalizeItemToSelectAll(props.itemToSelectAll); }, [props.itemToSelectAll]);
     var toggleCollapse = function (indexSelected) {
         if (selectedAccordionItems.includes(indexSelected)) {
             var newState = __spreadArray([], selectedAccordionItems, true);

package/ui/form/EmailField/EmailField.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_1 = __importStar(require("react"));
+var react_1 = require("react");
 var useInputTypeEmail_1 = __importDefault(require("./hooks/useInputTypeEmail"));
 var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
@@ -48,8 +25,8 @@ function EmailField(props) {
         inputParams: props.input
     }), currentInputRef = _a.inputRef, onChange = _a.onChange;
     var onInputChange = (0, useInputTypeEmail_1["default"])(currentInputRef, onChange, props.input.value, props.required).onInputChange;
-    var onClear = react_1["default"].useCallback(function () { return props.input.onChange(''); }, [props.input]);
-    var inputProps = react_1["default"].useMemo(function () {
+    var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
+    var inputProps = (0, react_1.useMemo)(function () {
         var _a;
         return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: onInputChange, type: 'text', placeholder: props.placeholder, disabled: props.disabled, required: props.required }, props.inputProps));
     }, [onInputChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder, props.required]);

package/ui/form/EmailField/hooks/useInputTypeEmail.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-declare const useInputTypeEmail: (currentInputRef: React.MutableRefObject<HTMLInputElement>, onChange: (event: React.ChangeEvent<HTMLInputElement>, value?: any) => void, currentValue: string | null | undefined, required: boolean) => {
-    onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+import { ChangeEvent, MutableRefObject } from 'react';
+declare const useInputTypeEmail: (currentInputRef: MutableRefObject<HTMLInputElement>, onChange: (event: ChangeEvent<HTMLInputElement>, value?: any) => void, currentValue: string | null | undefined, required: boolean) => {
+    onInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
 };
 export default useInputTypeEmail;

package/ui/form/EmailField/hooks/useInputTypeEmail.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
 /* eslint-disable max-len */
 /* eslint-disable no-unused-expressions */
-var react_1 = __importDefault(require("react"));
+exports.__esModule = true;
+var react_1 = require("react");
 var DEFAULT_VALIDITY = __('Неправильный формат адреса электронной почты.');
 var useInputTypeEmail = function (currentInputRef, onChange, currentValue, required) {
     var isValueEmail = function (value) {
@@ -16,7 +13,7 @@ var useInputTypeEmail = function (currentInputRef, onChange, currentValue, requi
         return emailRegexp.test(value.toLowerCase());
     };
     var errorMessage = isValueEmail(currentValue) ? '' : DEFAULT_VALIDITY;
-    react_1["default"].useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         (_a = currentInputRef.current) === null || _a === void 0 ? void 0 : _a.setCustomValidity(errorMessage);
     }, [currentInputRef, currentValue, errorMessage]);

package/ui/form/Field/Field.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IFieldWrapperInputProps } from './fieldWrapper';
 import { Model } from '../../../components/MetaComponent';
 /**
@@ -35,5 +35,5 @@ export interface IFieldProps extends IFieldWrapperInputProps {
     [key: string]: any;
 }
 declare function Field(props: IFieldProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Field>;
+declare const _default: import("react").MemoExoticComponent<typeof Field>;
 export default _default;

package/ui/form/Field/Field.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 isFunction_1 = __importDefault(require("lodash-es/isFunction"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
@@ -67,6 +44,6 @@ function Field(props) {
     // Render
     return (0, isFunction_1["default"])(ComponentField)
         ? ComponentField(viewProps)
-        : React.createElement(ComponentField, __assign({}, viewProps));
+        : (0, jsx_runtime_1.jsx)(ComponentField, __assign({}, viewProps));
 }
-exports["default"] = React.memo(Field);
+exports["default"] = (0, react_1.memo)(Field);

package/ui/form/Field/fieldWrapper.js

@@ -10,37 +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 has_1 = __importDefault(require("lodash-es/has"));
 var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
 var react_1 = require("react");
-var React = __importStar(require("react"));
 var hooks_1 = require("../../../hooks");
 var form_1 = require("../../../utils/form");
 var FieldLayout_1 = __importDefault(require("../FieldLayout/FieldLayout"));
@@ -138,7 +115,7 @@ function fieldWrapper(componentId, Component, optionsConfig) {
             return components.ui.renderView(Component.DynamicField, __assign(__assign({}, props), { size: props.size || DEFAULT_SIZE }));
         }
         var size = props.size || context.size || DEFAULT_SIZE;
-        return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { errorsAttribute: errorsAttribute, size: size, className: props.fieldLayoutClassName, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId, size: size }))) }));
+        return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { errorsAttribute: errorsAttribute, size: size, className: props.fieldLayoutClassName, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: ((0, jsx_runtime_1.jsx)(Component.DynamicField, __assign({}, props, { id: inputId, size: size }))) }));
     }
     NewComponent.WrappedComponent = Component;
     NewComponent.displayName = componentId;

package/ui/form/FieldLayout/FieldLayout.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 /**
  * FieldLayout
  *
@@ -42,9 +42,9 @@ export interface IFieldLayoutViewProps {
     successful: boolean;
     id: string;
     size: Size;
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: string;
 }
 declare function FieldLayout(props: IFieldLayoutProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FieldLayout>;
+declare const _default: import("react").MemoExoticComponent<typeof FieldLayout>;
 export default _default;

package/ui/form/FieldLayout/FieldLayout.js

@@ -1,33 +1,9 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
 var get_1 = __importDefault(require("lodash-es/get"));
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function FieldLayout(props) {
@@ -46,4 +22,4 @@ function FieldLayout(props) {
     }); }, [errors, props.children, props.className, props.errors, props.hint, props.id, props.label, props.required, props.size]);
     return components.ui.renderView(props.view || 'form.FieldLayoutView', viewProps);
 }
-exports["default"] = React.memo(FieldLayout);
+exports["default"] = (0, react_1.memo)(FieldLayout);

package/ui/form/FieldList/FieldList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
 export interface IFieldListItem extends IFieldWrapperInputProps, IUiComponent {
     /**
@@ -122,7 +122,7 @@ export interface IFieldListViewProps {
     onAdd?: () => void;
     showRemove?: boolean;
     showAdd?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: CssClassName;
     tableClassName?: string;
     style?: CustomStyle;