@steroidsjs/bootstrap 3.0.45 → 3.1.0

package/form/DateTimeField/DateTimeFieldView.js

@@ -10,63 +10,31 @@ 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 hooks_1 = require("@steroidsjs/core/hooks");
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var react_1 = require("react");
-var React = __importStar(require("react"));
 var TimePanelView_1 = __importDefault(require("../TimeField/TimePanelView"));
 function DateTimeFieldView(props) {
     var bem = (0, hooks_1.useBem)('DateTimeFieldView');
-    var renderContent = (0, react_1.useCallback)(function () { return (React.createElement("div", { className: bem.element('panel-container') },
-        React.createElement(Calendar_1["default"], __assign({}, props.calendarProps, { className: bem.element('calendar') })),
-        React.createElement("div", { className: bem.element('separator') }),
-        React.createElement(TimePanelView_1["default"], __assign({}, props.timePanelViewProps, { className: bem.element('time-panel') })))); }, [bem, props.calendarProps, props.timePanelViewProps]);
-    return (React.createElement(DropDown_1["default"], { content: renderContent, position: 'bottomLeft', visible: props.isOpened, onClose: props.onClose, hasArrow: false, className: bem.element('dropdown') },
-        React.createElement("div", { className: bem(bem.block({
+    var renderContent = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('panel-container') }, { children: [(0, jsx_runtime_1.jsx)(Calendar_1["default"], __assign({}, props.calendarProps, { className: bem.element('calendar') })), (0, jsx_runtime_1.jsx)("div", { className: bem.element('separator') }), (0, jsx_runtime_1.jsx)(TimePanelView_1["default"], __assign({}, props.timePanelViewProps, { className: bem.element('time-panel') }))] }))); }, [bem, props.calendarProps, props.timePanelViewProps]);
+    return ((0, jsx_runtime_1.jsx)(DropDown_1["default"], __assign({ content: renderContent, position: 'bottomLeft', visible: props.isOpened, onClose: props.onClose, hasArrow: false, className: bem.element('dropdown') }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block({
                 size: props.size,
                 disabled: props.disabled,
                 'is-invalid': !!props.errors
-            }), props.className), style: props.style },
-            React.createElement("div", { className: bem.element('body') },
-                React.createElement("input", __assign({}, props.inputProps, { id: props.id, placeholder: props.placeholder
-                        ? props.placeholder
-                        : props.inputProps.placeholder, className: bem(bem.element('input', {
-                        size: props.size
-                    }), props.isInvalid && 'is-invalid'), onInput: function (e) { return props.inputProps.onChange(e.currentTarget.value); }, ref: props.maskInputRef })),
-                React.createElement("div", { className: bem.element('icon-container') },
-                    !props.inputProps.value && props.icon && (React.createElement(Icon_1["default"], { className: bem.element('date-icon'), name: typeof props.icon === 'string' ? props.icon : 'calendar_range', tabIndex: -1 })),
-                    props.showRemove && props.inputProps.value && (React.createElement(Icon_1["default"], { className: bem.element('close-icon'), onClick: function (e) {
-                            e.preventDefault();
-                            props.onClear();
-                        }, name: typeof props.icon === 'string' ? props.icon : 'cross_8x8' })))))));
+            }), props.className), style: props.style }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('body') }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props.inputProps, { id: props.id, placeholder: props.placeholder
+                            ? props.placeholder
+                            : props.inputProps.placeholder, className: bem(bem.element('input', {
+                            size: props.size
+                        }), props.isInvalid && 'is-invalid'), onInput: function (e) { return props.inputProps.onChange(e.currentTarget.value); }, ref: props.maskInputRef })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('icon-container') }, { children: [!props.inputProps.value && props.icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('date-icon'), name: typeof props.icon === 'string' ? props.icon : 'calendar_range', tabIndex: -1 })), props.showRemove && props.inputProps.value && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('close-icon'), onClick: function (e) {
+                                    e.preventDefault();
+                                    props.onClear();
+                                }, name: typeof props.icon === 'string' ? props.icon : 'cross_8x8' }))] }))] })) })) })));
 }
 exports["default"] = DateTimeFieldView;

package/form/DateTimeRangeField/DateTimeRangeFieldView.js

@@ -10,75 +10,38 @@ 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 hooks_1 = require("@steroidsjs/core/hooks");
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var react_1 = require("react");
-var React = __importStar(require("react"));
 var RangeButtons_1 = __importDefault(require("../DateRangeField/views/RangeButtons"));
 var TimePanelView_1 = __importDefault(require("../TimeField/TimePanelView"));
 function DateTimeRangeFieldView(props) {
     var bem = (0, hooks_1.useBem)('DateTimeRangeFieldView');
     var hasValue = props.inputPropsFrom.value || props.inputPropsTo.value;
-    var calendarComponent = React.useMemo(function () { return (React.createElement("div", { className: bem.element('panel-container') },
-        React.createElement(Calendar_1["default"], __assign({}, props.calendarProps, { className: bem.element('calendar'), showTodayButton: !props.withRangeButtons })),
-        React.createElement("div", { className: bem.element('separator') }),
-        React.createElement(TimePanelView_1["default"], __assign({}, props.timePanelViewProps, { className: bem.element('time-panel') })))); }, [bem, props.calendarProps, props.timePanelViewProps, props.withRangeButtons]);
-    var renderCalendar = (0, react_1.useCallback)(function () { return (props.withRangeButtons ? (React.createElement("div", { className: bem.element('calendar-wrapper', {
+    var calendarComponent = (0, react_1.useMemo)(function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('panel-container') }, { children: [(0, jsx_runtime_1.jsx)(Calendar_1["default"], __assign({}, props.calendarProps, { className: bem.element('calendar'), showTodayButton: !props.withRangeButtons })), (0, jsx_runtime_1.jsx)("div", { className: bem.element('separator') }), (0, jsx_runtime_1.jsx)(TimePanelView_1["default"], __assign({}, props.timePanelViewProps, { className: bem.element('time-panel') }))] }))); }, [bem, props.calendarProps, props.timePanelViewProps, props.withRangeButtons]);
+    var renderCalendar = (0, react_1.useCallback)(function () { return (props.withRangeButtons ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('calendar-wrapper', {
             position: props.rangeButtonsPosition
-        }) },
-        React.createElement("div", { className: bem.element('additional-buttons') },
-            React.createElement(RangeButtons_1["default"], { config: props.withRangeButtons, changeTo: props.inputPropsTo.onChange, changeFrom: props.inputPropsFrom.onChange, position: props.rangeButtonsPosition, format: props.displayFormat })),
-        React.createElement("div", { className: bem.element('calendar') }, calendarComponent)))
+        }) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('additional-buttons') }, { children: (0, jsx_runtime_1.jsx)(RangeButtons_1["default"], { config: props.withRangeButtons, changeTo: props.inputPropsTo.onChange, changeFrom: props.inputPropsFrom.onChange, position: props.rangeButtonsPosition, format: props.displayFormat }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('calendar') }, { children: calendarComponent }))] })))
         : calendarComponent); }, [bem, calendarComponent, props.inputPropsFrom.onChange, props.inputPropsTo.onChange,
         props.rangeButtonsPosition, props.displayFormat, props.withRangeButtons]);
-    return (React.createElement(DropDown_1["default"], { content: renderCalendar, position: 'bottomLeft', visible: props.isOpened, onClose: props.onClose, hasArrow: false, className: bem.element('dropdown') },
-        React.createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsx)(DropDown_1["default"], __assign({ content: renderCalendar, position: 'bottomLeft', visible: props.isOpened, onClose: props.onClose, hasArrow: false, className: bem.element('dropdown') }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block({
                 disabled: props.disabled,
                 size: props.size,
                 'is-invalid': !!props.errors
-            }), props.className), style: props.style },
-            React.createElement("div", { className: bem.element('body') },
-                React.createElement("input", __assign({}, props.inputPropsFrom, { id: props.id, className: bem(bem.element('input', {
-                        size: props.size
-                    })), onInput: function (e) { return props.inputPropsFrom.onChange(e.currentTarget.value); } })),
-                React.createElement("input", __assign({}, props.inputPropsTo, { className: bem(bem.element('input', {
-                        size: props.size
-                    }), !!props.errorsTo && 'is-invalid'), onInput: function (e) { return props.inputPropsTo.onChange(e.currentTarget.value); } })),
-                React.createElement("div", { className: bem.element('icon-container') },
-                    props.icon && !hasValue && (React.createElement(Icon_1["default"], { className: bem.element('date-icon'), name: typeof props.icon === 'string' ? props.icon : 'calendar_range', tabIndex: -1 })),
-                    props.showRemove && hasValue && (React.createElement(Icon_1["default"], { className: bem.element('close-icon'), onClick: function (e) {
-                            e.preventDefault();
-                            props.onClear();
-                        }, name: 'cross_8x8' }))),
-                React.createElement("span", { className: bem.element('effect') })))));
+            }), props.className), style: props.style }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('body') }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props.inputPropsFrom, { id: props.id, className: bem(bem.element('input', {
+                            size: props.size
+                        })), onInput: function (e) { return props.inputPropsFrom.onChange(e.currentTarget.value); } })), (0, jsx_runtime_1.jsx)("input", __assign({}, props.inputPropsTo, { className: bem(bem.element('input', {
+                            size: props.size
+                        }), !!props.errorsTo && 'is-invalid'), onInput: function (e) { return props.inputPropsTo.onChange(e.currentTarget.value); } })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('icon-container') }, { children: [props.icon && !hasValue && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('date-icon'), name: typeof props.icon === 'string' ? props.icon : 'calendar_range', tabIndex: -1 })), props.showRemove && hasValue && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('close-icon'), onClick: function (e) {
+                                    e.preventDefault();
+                                    props.onClear();
+                                }, name: 'cross_8x8' }))] })), (0, jsx_runtime_1.jsx)("span", { className: bem.element('effect') })] })) })) })));
 }
 exports["default"] = DateTimeRangeFieldView;

package/form/DropDownField/DropDownFieldView.js

@@ -10,55 +10,33 @@ 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 hooks_1 = require("@steroidsjs/core/hooks");
 var content_1 = require("@steroidsjs/core/ui/content");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
-var React = __importStar(require("react"));
+var react_1 = require("react");
 var utils_1 = require("./utils");
 function DropDownFieldView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('DropDownFieldView');
     var onClose = props.onClose;
-    var setFocusOnAutoCompleteInput = React.useCallback(function (isComponentVisible) {
+    var setFocusOnAutoCompleteInput = (0, react_1.useCallback)(function (isComponentVisible) {
         if (isComponentVisible && props.autoCompleteInputForwardedRef.current && props.isSearchAutoFocus) {
             props.autoCompleteInputForwardedRef.current.focus();
         }
     }, [props.autoCompleteInputForwardedRef, props.isSearchAutoFocus]);
-    var renderPlaceholder = React.useCallback(function () {
+    var renderPlaceholder = (0, react_1.useCallback)(function () {
         var _a;
         return props.placeholder && !((_a = props.selectedIds) === null || _a === void 0 ? void 0 : _a.length)
-            ? (React.createElement("div", { className: bem.element('placeholder') }, props.placeholder))
+            ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('placeholder') }, { children: props.placeholder })))
             : null;
     }, [bem, props.placeholder, props.selectedIds]);
-    var fieldRef = React.useRef(null);
-    var menuWidth = React.useMemo(function () {
+    var fieldRef = (0, react_1.useRef)(null);
+    var menuWidth = (0, react_1.useMemo)(function () {
         if (!fieldRef.current) {
             return 0;
         }
@@ -66,28 +44,20 @@ function DropDownFieldView(props) {
         // Отключена проверка, т.к. необходимо пересчитывать ширину меню, когда меняется fieldRef.current
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [fieldRef.current, props.isOpened]);
-    var renderList = React.useCallback(function () { return (React.createElement("div", { className: bem.element('drop-down'), style: {
+    var renderList = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('drop-down'), style: {
             '--width': menuWidth + 'px',
             '--maxHeight': props.maxHeight
-        } },
-        props.isAutoComplete && (React.createElement("div", { className: bem.element('search', {
-                size: props.size
-            }) },
-            React.createElement(Icon_1["default"], { name: 'search', className: bem.element('search-icon') }),
-            React.createElement("input", __assign({}, props.searchInputProps, { ref: props.autoCompleteInputForwardedRef, onChange: function (e) { return props.searchInputProps.onChange(e.target.value); }, className: bem(bem.element('search-input'), props.searchInputProps.className) })))),
-        React.createElement("div", { className: bem.element('drop-down-list') },
-            props.multiple
-                && props.itemToSelectAll
-                && props.renderItem(props.itemToSelectAll),
-            props.items.map(function (item) { return props.renderItem(item); })))); }, [bem, menuWidth, props]);
-    var closeIfOpened = React.useCallback(function () {
+        } }, { children: [props.isAutoComplete && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('search', {
+                    size: props.size
+                }) }, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'search', className: bem.element('search-icon') }), (0, jsx_runtime_1.jsx)("input", __assign({}, props.searchInputProps, { ref: props.autoCompleteInputForwardedRef, onChange: function (e) { return props.searchInputProps.onChange(e.target.value); }, className: bem(bem.element('search-input'), props.searchInputProps.className) }))] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('drop-down-list') }, { children: [props.multiple
+                        && props.itemToSelectAll
+                        && props.renderItem(props.itemToSelectAll), props.items.map(function (item) { return props.renderItem(item); })] }))] }))); }, [bem, menuWidth, props]);
+    var closeIfOpened = (0, react_1.useCallback)(function () {
         if (props.isOpened) {
             onClose();
         }
     }, [onClose, props.isOpened]);
-    return (React.createElement(content_1.DropDown, __assign({ content: renderList, onVisibleChange: setFocusOnAutoCompleteInput, visible: props.isOpened, onClose: onClose, hasArrow: false, className: bem.element('wrapper') }, props.dropDownProps),
-        React.createElement("div", null,
-            React.createElement("div", { className: bem(bem.block((_a = {
+    return ((0, jsx_runtime_1.jsx)(content_1.DropDown, __assign({ content: renderList, onVisibleChange: setFocusOnAutoCompleteInput, visible: props.isOpened, onClose: onClose, hasArrow: false, className: bem.element('wrapper') }, props.dropDownProps, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block((_a = {
                         size: props.size
                     },
                     _a["".concat(props.color)] = !!props.color && !props.outline,
@@ -95,16 +65,10 @@ function DropDownFieldView(props) {
                     _a.opened = props.isOpened,
                     _a['is-invalid'] = !!props.errors,
                     _a.disabled = props.disabled,
-                    _a)), props.className), onKeyPress: function (e) { return e.key === 'Enter' && !props.disabled && props.onOpen(); }, style: props.style, role: "button", tabIndex: 0, onClick: closeIfOpened, ref: fieldRef },
-                React.createElement("div", { className: bem.element('selected-items', {
-                        reset: props.showReset
-                    }), onClick: props.onOpen, tabIndex: -1, role: 'button' },
-                    renderPlaceholder(),
-                    React.createElement("span", { className: bem.element('selected-items') }, props.showEllipses
-                        ? (0, utils_1.getSelectedItemsLabel)(props.selectedItems)
-                        : (0, utils_1.getSelectedItemsCount)(props.selectedItems)),
-                    React.createElement("input", { className: bem.element('input'), ref: props.inputRef, disabled: props.disabled })),
-                props.showReset && props.selectedIds.length > 0 && (React.createElement(Icon_1["default"], { name: "cross_8x8", className: bem.element('icon-close'), tabIndex: -1, onClick: props.onReset, "aria-label": __('Сбросить') })),
-                React.createElement(Icon_1["default"], { name: 'arrow_down_24x24', className: bem.element('icon-chevron'), tabIndex: -1, onClick: props.onOpen })))));
+                    _a)), props.className), onKeyPress: function (e) { return e.key === 'Enter' && !props.disabled && props.onOpen(); }, style: props.style, role: 'button', tabIndex: 0, onClick: closeIfOpened, ref: fieldRef }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('selected-items', {
+                            reset: props.showReset
+                        }), onClick: props.onOpen, tabIndex: -1, role: 'button' }, { children: [renderPlaceholder(), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('selected-items') }, { children: props.showEllipses
+                                    ? (0, utils_1.getSelectedItemsLabel)(props.selectedItems)
+                                    : (0, utils_1.getSelectedItemsCount)(props.selectedItems) })), (0, jsx_runtime_1.jsx)("input", { className: bem.element('input'), ref: props.inputRef, disabled: props.disabled })] })), props.showReset && props.selectedIds.length > 0 && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'cross_8x8', className: bem.element('icon-close'), tabIndex: -1, onClick: props.onReset, "aria-label": __('Сбросить') })), (0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'arrow_down_24x24', className: bem.element('icon-chevron'), tabIndex: -1, onClick: props.onOpen })] })) }) })));
 }
 exports["default"] = DropDownFieldView;

package/form/DropDownFieldItem/DropDownFieldItemView.js

@@ -14,9 +14,10 @@ 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 react_1 = require("react");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var DropDownField_1 = require("@steroidsjs/core/ui/form/DropDownField/DropDownField");
-var react_1 = __importDefault(require("react"));
 var AccordionItemView_1 = __importDefault(require("../../content/Accordion/AccordionItemView"));
 var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 var CheckboxFieldView_1 = __importDefault(require("../CheckboxField/CheckboxFieldView"));
@@ -42,18 +43,18 @@ function DropDownItemView(props) {
     };
     switch (props.type) {
         case DropDownField_1.GROUP_CONTENT_TYPE:
-            return (react_1["default"].createElement(AccordionItemView_1["default"], { isShowMore: props.isShowMore, childIndex: props.childIndex, toggleCollapse: props.toggleCollapse, toggleAccordion: function () { }, showIcon: true, title: props.item.label, position: 'middle', key: uniqItemId, className: bem.element('group', {
+            return ((0, jsx_runtime_1.jsx)(AccordionItemView_1["default"], __assign({ isShowMore: props.isShowMore, childIndex: props.childIndex, toggleCollapse: props.toggleCollapse, toggleAccordion: function () { }, showIcon: true, title: props.item.label, position: 'middle', className: bem.element('group', {
                     size: props.size
-                }) }, (_a = props.item[props.groupAttribute]) === null || _a === void 0 ? void 0 : _a.map(function (subItem, itemIndex) { return (react_1["default"].createElement(DropDownItemView, __assign({}, props, { type: subItem.type ? subItem.type : props.itemsContent.type, key: itemIndex, item: subItem }))); })));
+                }) }, { children: (_a = props.item[props.groupAttribute]) === null || _a === void 0 ? void 0 : _a.map(function (subItem, itemIndex) { return ((0, react_1.createElement)(DropDownItemView, __assign({}, props, { type: subItem.type ? subItem.type : props.itemsContent.type, key: itemIndex, item: subItem }))); }) }), uniqItemId));
         case DropDownField_1.ICON_CONTENT_TYPE:
-            return (react_1["default"].createElement("div", __assign({}, commonProps, { key: uniqItemId }),
+            return ((0, react_1.createElement)("div", __assign({}, commonProps, { key: uniqItemId }),
                 (0, renderIcon_1["default"])(props.item.contentSrc, {
                     className: bem.element('icon')
                 }),
-                react_1["default"].createElement("span", null, props.item.label)));
+                (0, jsx_runtime_1.jsx)("span", { children: props.item.label })));
         case DropDownField_1.CHECKBOX_CONTENT_TYPE:
-            return (react_1["default"].createElement("div", __assign({}, commonProps, { key: uniqItemId }),
-                react_1["default"].createElement(CheckboxFieldView_1["default"], { label: props.item.label, className: bem.element('checkbox'), size: props.size, inputProps: {
+            return ((0, react_1.createElement)("div", __assign({}, commonProps, { key: uniqItemId }),
+                (0, jsx_runtime_1.jsx)(CheckboxFieldView_1["default"], { label: props.item.label, className: bem.element('checkbox'), size: props.size, inputProps: {
                         disabled: false,
                         name: props.item.label,
                         checked: props.selectedIds.includes(uniqItemId),
@@ -61,8 +62,8 @@ function DropDownItemView(props) {
                         type: 'checkbox'
                     } })));
         case DropDownField_1.RADIO_CONTENT_TYPE:
-            return (react_1["default"].createElement("div", __assign({}, commonProps, { key: uniqItemId }),
-                react_1["default"].createElement(RadioFieldView_1["default"], { label: props.item.label, className: bem.element('radio', {
+            return ((0, react_1.createElement)("div", __assign({}, commonProps, { key: uniqItemId }),
+                (0, jsx_runtime_1.jsx)(RadioFieldView_1["default"], { label: props.item.label, className: bem.element('radio', {
                         size: props.size
                     }), size: props.size, inputProps: {
                         disabled: false,
@@ -72,12 +73,11 @@ function DropDownItemView(props) {
                         type: 'radio'
                     }, checked: props.selectedIds.includes(uniqItemId) })));
         case DropDownField_1.IMG_CONTENT_TYPE:
-            return (react_1["default"].createElement("div", __assign({}, commonProps, { key: uniqItemId }),
-                react_1["default"].createElement("span", { className: bem.element('img') },
-                    react_1["default"].createElement("img", { src: props.item.contentSrc, alt: 'custom source for item' })),
-                react_1["default"].createElement("span", null, props.item.label)));
+            return ((0, react_1.createElement)("div", __assign({}, commonProps, { key: uniqItemId }),
+                (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('img') }, { children: (0, jsx_runtime_1.jsx)("img", { src: props.item.contentSrc, alt: 'custom source for item' }) })),
+                (0, jsx_runtime_1.jsx)("span", { children: props.item.label })));
         default:
-            return (react_1["default"].createElement("div", __assign({}, commonProps, { key: uniqItemId }), props.item.label));
+            return ((0, react_1.createElement)("div", __assign({}, commonProps, { key: uniqItemId }), props.item.label));
     }
 }
 exports["default"] = DropDownItemView;

package/form/FieldLayout/FieldLayoutView.js

@@ -1,51 +1,32 @@
 "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);
 };
 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 hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var React = __importStar(require("react"));
 function FieldLayoutView(props) {
     var bem = (0, hooks_1.useBem)('FieldLayoutView');
-    return (React.createElement("div", { className: bem(bem.block(), props.className) },
-        props.label && (React.createElement("label", { htmlFor: props.id, className: bem.element('label', {
-                required: props.required,
-                size: props.size
-            }) }, props.label + ':')),
-        React.createElement("div", { className: bem.element('field') },
-            props.children,
-            !(0, isEmpty_1["default"])(props.errors) && (React.createElement("div", { className: bem.element('invalid-feedback') }, [].concat(props.errors).filter(function (error) { return typeof error === 'string'; }).map(function (error, index) { return (React.createElement("div", { key: index, className: bem.element('error-message') },
-                React.createElement(Icon_1["default"], { name: 'error_24x24', className: bem.element('icon_error'), tabIndex: -1 }),
-                React.createElement("span", { className: bem.element('error-text', {
-                        size: props.size || 'md'
-                    }) }, error))); }))),
-            (0, isEmpty_1["default"])(props.errors) && props.hint && (React.createElement("div", { className: bem.element('hint', {
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className) }, { children: [props.label && ((0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: props.id, className: bem.element('label', {
+                    required: props.required,
                     size: props.size
-                }) }, props.hint)))));
+                }) }, { children: props.label + ':' }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('field') }, { children: [props.children, !(0, isEmpty_1["default"])(props.errors) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('invalid-feedback') }, { children: [].concat(props.errors).filter(function (error) { return typeof error === 'string'; }).map(function (error, index) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('error-message') }, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'error_24x24', className: bem.element('icon_error'), tabIndex: -1 }), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('error-text', {
+                                        size: props.size || 'md'
+                                    }) }, { children: error }))] }), index)); }) }))), (0, isEmpty_1["default"])(props.errors) && props.hint && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('hint', {
+                            size: props.size
+                        }) }, { children: props.hint })))] }))] })));
 }
 exports["default"] = FieldLayoutView;

package/form/FieldList/FieldListItemView.d.ts

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import { IFieldListItemViewProps } from '@steroidsjs/core/ui/form/FieldList/FieldList';
-import * as React from 'react';
-declare const _default: React.MemoExoticComponent<(props: IFieldListItemViewProps) => JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: IFieldListItemViewProps) => JSX.Element>;
 export default _default;

package/form/FieldList/FieldListItemView.js

@@ -10,42 +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;
-};
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var content_1 = require("@steroidsjs/core/ui/content");
 var form_1 = require("@steroidsjs/core/ui/form");
-var React = __importStar(require("react"));
-exports["default"] = React.memo(function (props) {
+var react_1 = require("react");
+exports["default"] = (0, react_1.memo)(function (props) {
     var bem = (0, hooks_1.useBem)('FieldListItemView');
-    return (React.createElement("tr", { className: bem.block() },
-        props.items.map(function (field, index) { return (React.createElement("td", { key: index, className: field.className },
-            React.createElement(form_1.Field, __assign({}, field, { prefix: props.prefix })))); }),
-        props.showRemove && (React.createElement("td", null, (!props.required || props.rowIndex > 0) && (React.createElement("button", { type: 'button', className: bem.element('remove'), onClick: function (e) {
-                e.preventDefault();
-                props.onRemove(props.rowIndex);
-            } },
-            React.createElement(content_1.Icon, { name: props.removeIcon || 'circle_cross_18x18' })))))));
+    return ((0, jsx_runtime_1.jsxs)("tr", __assign({ className: bem.block() }, { children: [props.items.map(function (field, index) { return ((0, jsx_runtime_1.jsx)("td", __assign({ className: field.className }, { children: (0, jsx_runtime_1.jsx)(form_1.Field, __assign({}, field, { prefix: props.prefix })) }), index)); }), props.showRemove && ((0, jsx_runtime_1.jsx)("td", { children: (!props.required || props.rowIndex > 0) && ((0, jsx_runtime_1.jsx)("button", __assign({ type: 'button', className: bem.element('remove'), onClick: function (e) {
+                        e.preventDefault();
+                        props.onRemove(props.rowIndex);
+                    } }, { children: (0, jsx_runtime_1.jsx)(content_1.Icon, { name: props.removeIcon || 'circle_cross_18x18' }) }))) }))] })));
 });

package/form/FieldList/FieldListView.js

@@ -1,50 +1,28 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var form_1 = require("@steroidsjs/core/ui/form");
-var React = __importStar(require("react"));
 function FieldListView(props) {
     var bem = (0, hooks_1.useBem)('FieldListView');
-    return (React.createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block({
             hasAlternatingColors: props.hasAlternatingColors
-        }), props.className), style: props.style, ref: props.forwardedRef },
-        React.createElement("table", { className: bem(bem.element('table'), props.tableClassName) },
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    props.items.map(function (field, rowIndex) { return (React.createElement("th", { key: rowIndex, className: field.headerClassName }, field.title)); }),
-                    props.showRemove && (
-                    // eslint-disable-next-line jsx-a11y/control-has-associated-label
-                    React.createElement("th", null)))),
-            React.createElement("tbody", null, props.children),
-            props.showAdd && !props.disabled && (React.createElement("tfoot", null,
-                React.createElement("tr", null,
-                    React.createElement("td", { colSpan: props.items.length + 1 },
-                        React.createElement(form_1.Button, { formId: false, color: 'primary', size: 'sm', outline: true, icon: 'add', className: bem.element('button-add'), onClick: function (e) {
-                                e.preventDefault();
-                                props.onAdd();
-                            } }, __('Добавить')))))))));
+        }), props.className), style: props.style, ref: props.forwardedRef }, { children: (0, jsx_runtime_1.jsxs)("table", __assign({ className: bem(bem.element('table'), props.tableClassName) }, { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [props.items.map(function (field, rowIndex) { return ((0, jsx_runtime_1.jsx)("th", __assign({ className: field.headerClassName }, { children: field.title }), rowIndex)); }), props.showRemove && (
+                            // eslint-disable-next-line jsx-a11y/control-has-associated-label
+                            (0, jsx_runtime_1.jsx)("th", {}))] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: props.children }), props.showAdd && !props.disabled && ((0, jsx_runtime_1.jsx)("tfoot", { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", __assign({ colSpan: props.items.length + 1 }, { children: (0, jsx_runtime_1.jsx)(form_1.Button, __assign({ formId: false, color: 'primary', size: 'sm', outline: true, icon: 'add', className: bem.element('button-add'), onClick: function (e) {
+                                    e.preventDefault();
+                                    props.onAdd();
+                                } }, { children: __('Добавить') })) })) }) }))] })) })));
 }
 exports["default"] = FieldListView;