@steroidsjs/bootstrap 3.0.44 → 3.1.0

package/form/NumberField/NumberFieldView.js

@@ -10,56 +10,26 @@ 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 isNumber_1 = __importDefault(require("lodash-es/isNumber"));
+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 isNumber_1 = __importDefault(require("lodash-es/isNumber"));
 function NumberFieldView(props) {
     var _a, _b;
     var bem = (0, hooks_1.useBem)('NumberFieldView');
-    return (React.createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             disabled: props.inputProps.disabled,
             size: props.size,
             hasErrors: !!props.errors,
             filled: !!((_b = (_a = props.inputRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.value)
-        }), props.className) },
-        React.createElement("input", __assign({ ref: props.inputRef, className: bem(bem.element('input')) }, props.inputProps, { onWheel: function (event) { return event.currentTarget.blur(); }, id: props.id })),
-        !props.disabled && !props.errors && (React.createElement("div", { className: bem.element('arrows-container') },
-            React.createElement("button", { className: bem.element('arrow', {
-                    disabled: (0, isNumber_1["default"])(props.inputProps.max) && props.inputProps.value >= props.inputProps.max
-                }), type: 'button', onClick: props.onStepUp },
-                React.createElement(Icon_1["default"], { name: 'expand_up', tabIndex: -1 })),
-            React.createElement("button", { className: bem.element('arrow', {
-                    disabled: (0, isNumber_1["default"])(props.inputProps.min) && props.inputProps.value <= props.inputProps.min
-                }), type: 'button', onClick: props.onStepDown },
-                React.createElement(Icon_1["default"], { name: 'expand_up', tabIndex: -1 })))),
-        React.createElement("span", { className: bem.element('input-effects') })));
+        }), props.className) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ ref: props.inputRef, className: bem(bem.element('input')) }, props.inputProps, { onWheel: function (event) { return event.currentTarget.blur(); }, id: props.id })), !props.disabled && !props.errors && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('arrows-container') }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ className: bem.element('arrow', {
+                            disabled: (0, isNumber_1["default"])(props.inputProps.max) && props.inputProps.value >= props.inputProps.max
+                        }), type: 'button', onClick: props.onStepUp }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'expand_up', tabIndex: -1 }) })), (0, jsx_runtime_1.jsx)("button", __assign({ className: bem.element('arrow', {
+                            disabled: (0, isNumber_1["default"])(props.inputProps.min) && props.inputProps.value <= props.inputProps.min
+                        }), type: 'button', onClick: props.onStepDown }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'expand_up', tabIndex: -1 }) }))] }))), (0, jsx_runtime_1.jsx)("span", { className: bem.element('input-effects') })] })));
 }
 exports["default"] = NumberFieldView;

package/form/PasswordField/PasswordFieldView.js

@@ -10,55 +10,27 @@ 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 PasswordField_1 = require("@steroidsjs/core/ui/form/PasswordField/PasswordField");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+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 PasswordField_1 = require("@steroidsjs/core/ui/form/PasswordField/PasswordField");
 function PasswordFieldView(props) {
     var bem = (0, hooks_1.useBem)('PasswordFieldView');
-    return (React.createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             size: props.size,
             filled: !!props.input.value,
             disabled: props.disabled,
             hasError: !!props.errors
-        }), props.className), style: props.style },
-        React.createElement("div", { className: bem.element('container', {
-                disabled: props.inputProps.disabled
-            }) },
-            React.createElement("input", __assign({ className: bem(bem.element('input', {
-                    size: props.size
-                })) }, props.inputProps, { disabled: props.disabled, required: props.required, id: props.id, ref: props.inputRef })),
-            props.showSecurityIcon && (React.createElement("span", { className: bem(bem.element('icon-eye', {
-                    viewHide: props.inputProps.type === PasswordField_1.InputType.PASSWORD
-                })), onClick: props.onShowButtonClick },
-                React.createElement(Icon_1["default"], { name: props.inputProps.type === 'password' ? 'view_hide' : 'view' })))),
-        props.showSecurityBar && (React.createElement("div", { className: bem.element('security-bar', props.securityLevel) }))));
+        }), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('container', {
+                    disabled: props.inputProps.disabled
+                }) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ className: bem(bem.element('input', {
+                            size: props.size
+                        })) }, props.inputProps, { disabled: props.disabled, required: props.required, id: props.id, ref: props.inputRef })), props.showSecurityIcon && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem(bem.element('icon-eye', {
+                            viewHide: props.inputProps.type === PasswordField_1.InputType.PASSWORD
+                        })), onClick: props.onShowButtonClick }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { name: props.inputProps.type === 'password' ? 'view_hide' : 'view' }) })))] })), props.showSecurityBar && ((0, jsx_runtime_1.jsx)("div", { className: bem.element('security-bar', props.securityLevel) }))] })));
 }
 exports["default"] = PasswordFieldView;

package/form/RadioField/RadioFieldView.js

@@ -10,48 +10,21 @@ 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 hooks_1 = require("@steroidsjs/core/hooks");
 var useUniqueId_1 = __importDefault(require("@steroidsjs/core/hooks/useUniqueId"));
 function RadioFieldView(props) {
     var bem = (0, hooks_1.useBem)('RadioFieldView');
     var id = (0, useUniqueId_1["default"])('radio');
-    return (React.createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             hasError: !!props.errors,
             size: props.size
-        }), props.className), onClick: props.onChange },
-        React.createElement("input", __assign({ className: bem(bem.element('input', {
-                checked: props.checked
-            })), id: props.id || id }, props.inputProps, { required: props.required })),
-        React.createElement("label", { className: bem.element('label'), htmlFor: props.id || id },
-            React.createElement("span", { className: bem.element('ellipse') }),
-            props.label)));
+        }), props.className), onClick: props.onChange }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ className: bem(bem.element('input', {
+                    checked: props.checked
+                })), id: props.id || id }, props.inputProps, { required: props.required })), (0, jsx_runtime_1.jsxs)("label", __assign({ className: bem.element('label'), htmlFor: props.id || id }, { children: [(0, jsx_runtime_1.jsx)("span", { className: bem.element('ellipse') }), props.label] }))] })));
 }
 exports["default"] = RadioFieldView;

package/form/RadioListField/RadioListFieldView.js

@@ -1,55 +1,43 @@
 "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 React = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var useUniqueId_1 = __importDefault(require("@steroidsjs/core/hooks/useUniqueId"));
 function RadioListFieldView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('RadioListFieldView');
     var prefix = (0, useUniqueId_1["default"])('radio');
-    return (React.createElement("div", { className: bem(bem.block((_a = {},
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block((_a = {},
             _a["".concat(props.orientation)] = !!props.orientation,
-            _a)), props.className) }, props.items.map(function (radio, radioIndex) { return props.renderItem({
-        key: radioIndex,
-        id: "".concat(prefix, "_").concat(radio.id),
-        label: radio.label,
-        inputProps: {
-            name: "".concat(prefix, "_").concat(radio.id),
-            type: 'radio',
-            checked: props.selectedIds.includes(radio.id),
-            onChange: function () {
-                props.onItemSelect(radio.id);
+            _a)), props.className) }, { children: props.items.map(function (radio, radioIndex) { return props.renderItem({
+            key: radioIndex,
+            id: "".concat(prefix, "_").concat(radio.id),
+            label: radio.label,
+            inputProps: {
+                name: "".concat(prefix, "_").concat(radio.id),
+                type: 'radio',
+                checked: props.selectedIds.includes(radio.id),
+                onChange: function () {
+                    props.onItemSelect(radio.id);
+                },
+                disabled: props.disabled || radio.disabled
             },
-            disabled: props.disabled || radio.disabled
-        },
-        size: radio.size || props.size,
-        required: radio.required
-    }); })));
+            size: radio.size || props.size,
+            required: radio.required
+        }); }) })));
 }
 exports["default"] = RadioListFieldView;

package/form/RateField/RateFieldView.js

@@ -1,52 +1,34 @@
 "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");
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 function RateFieldView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('RateFieldView');
-    return (React.createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             size: props.size,
             disabled: props.disabled
-        }), props.className), style: props.style },
-        React.createElement("ul", { className: bem.element('rate-list') }, props.items.map(function (item, index) { return (React.createElement("div", { key: index, className: bem.element('rate-item', {
-                'is-full': item.value <= props.inputProps.value
-            }), onClick: function (e) {
-                e.preventDefault();
-                props.onItemClick(item);
-            } },
-            React.createElement("span", { className: bem.element('rate-value-first') },
-                React.createElement(Icon_1["default"], { className: bem.element('rate-icon'), name: 'star' })),
-            React.createElement("span", { className: bem.element('rate-value-second') },
-                React.createElement(Icon_1["default"], { className: bem.element('rate-icon'), name: 'star' })))); })),
-        props.badge && (React.createElement("span", { className: bem.element('badge') }, (_a = props.badge) === null || _a === void 0 ? void 0 : _a.title))));
+        }), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsx)("ul", __assign({ className: bem.element('rate-list') }, { children: props.items.map(function (item, index) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('rate-item', {
+                        'is-full': item.value <= props.inputProps.value
+                    }), onClick: function (e) {
+                        e.preventDefault();
+                        props.onItemClick(item);
+                    } }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('rate-value-first') }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('rate-icon'), name: 'star' }) })), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('rate-value-second') }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('rate-icon'), name: 'star' }) }))] }), index)); }) })), props.badge && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('badge') }, { children: (_a = props.badge) === null || _a === void 0 ? void 0 : _a.title })))] })));
 }
 exports["default"] = RateFieldView;

package/form/ReCaptchaField/ReCaptchaFieldView.js

@@ -10,40 +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 hooks_1 = require("@steroidsjs/core/hooks");
 var react_google_recaptcha_1 = __importDefault(require("react-google-recaptcha"));
 function ReCaptchaFieldView(props) {
     var bem = (0, hooks_1.useBem)('ReCaptchaFieldView');
     var theme = (0, hooks_1.useTheme)().theme;
-    return (React.createElement("div", { className: bem(bem.block(), props.className), style: props.style },
-        React.createElement(react_google_recaptcha_1["default"], __assign({}, props.recaptchaOptions, { theme: theme }))));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: (0, jsx_runtime_1.jsx)(react_google_recaptcha_1["default"], __assign({}, props.recaptchaOptions, { theme: theme })) })));
 }
 exports["default"] = ReCaptchaFieldView;

package/form/SliderField/SliderFieldView.js

@@ -34,7 +34,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var rc_slider_1 = __importStar(require("rc-slider"));
 var createRangeWithTooltip = rc_slider_1["default"].createSliderWithTooltip;
@@ -47,8 +47,7 @@ function SliderFieldView(props) {
     var Handle = rc_slider_1.Handle;
     var handle = function (prevProps) {
         var value = prevProps.value;
-        return (React.createElement(rc_slider_1.SliderTooltip, { prefixCls: 'rc-slider-tooltip', placement: 'top', overlay: "".concat(value) },
-            React.createElement(Handle, { value: value })));
+        return ((0, jsx_runtime_1.jsx)(rc_slider_1.SliderTooltip, __assign({ prefixCls: 'rc-slider-tooltip', placement: 'top', overlay: "".concat(value) }, { children: (0, jsx_runtime_1.jsx)(Handle, { value: value }) })));
     };
     var commonProps = {
         slider: props.slider,
@@ -66,8 +65,8 @@ function SliderFieldView(props) {
         tipFormatter: function (value) { return "".concat(value + props.valuePostfix); },
         handle: handle
     };
-    var RangeField = (React.createElement(RangeComponent, __assign({}, commonProps, { draggableTrack: true, areaDisabled: true, pushable: true })));
-    var SliderField = (React.createElement(SliderComponent, __assign({}, commonProps)));
-    return (React.createElement("div", { className: bem(bem.block(), props.className), style: props.style }, props.isRange ? RangeField : SliderField));
+    var RangeField = ((0, jsx_runtime_1.jsx)(RangeComponent, __assign({}, commonProps, { draggableTrack: true, areaDisabled: true, pushable: true })));
+    var SliderField = ((0, jsx_runtime_1.jsx)(SliderComponent, __assign({}, commonProps)));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: props.isRange ? RangeField : SliderField })));
 }
 exports["default"] = SliderFieldView;

package/form/SwitcherField/SwitcherFieldView.js

@@ -10,28 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
+var react_1 = require("react");
 function SwitcherFieldView(props) {
     var bem = (0, hooks_1.useBem)('SwitcherFieldView');
     var uniqueId = (0, hooks_1.useUniqueId)('switcher');
-    var renderLabel = react_1["default"].useCallback(function () {
+    var renderLabel = (0, react_1.useCallback)(function () {
         if (typeof props.label === 'object') {
             return props.inputProps.checked ? props.label.checked : props.label.unchecked;
         }
         return props.label;
     }, [props.inputProps.checked, props.label]);
-    var customVariableColorStyle = { '--checkbox-custom-color': props.color };
-    return (react_1["default"].createElement("div", { className: bem(bem.block({
+    var customVariableColorStyle = {
+        '--checkbox-custom-color': props.color
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             size: props.size,
             hasErrors: !!props.errors
-        }), props.className), style: __assign(__assign({}, props.style), customVariableColorStyle), onClick: props.onChange },
-        react_1["default"].createElement("input", __assign({ id: props.id || uniqueId, disabled: props.disabled, required: props.required, onChange: function () { return props.onItemSelect(props.id); }, className: bem.element('input') }, props.inputProps)),
-        react_1["default"].createElement("span", { className: bem.element('slider') }),
-        react_1["default"].createElement("span", { className: bem.element('label') }, renderLabel())));
+        }), props.className), style: __assign(__assign({}, props.style), customVariableColorStyle), onClick: props.onChange }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.id || uniqueId, disabled: props.disabled, required: props.required, onChange: function () { return props.onItemSelect(props.id); }, className: bem.element('input') }, props.inputProps)), (0, jsx_runtime_1.jsx)("span", { className: bem.element('slider') }), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('label') }, { children: renderLabel() }))] })));
 }
 exports["default"] = SwitcherFieldView;

package/form/SwitcherListField/SwitcherListFieldView.js

@@ -1,54 +1,42 @@
 "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 React = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var SwitcherFieldView_1 = __importDefault(require("../SwitcherField/SwitcherFieldView"));
 function SwitcherListFieldView(props) {
     var bem = (0, hooks_1.useBem)('SwitcherListFieldView');
     var prefix = (0, hooks_1.useUniqueId)('switcher');
-    return (React.createElement("div", { className: bem(bem.block(), props.className), style: props.style }, props.items.map(function (checkbox, checkboxIndex) { return props.renderItem({
-        key: checkboxIndex,
-        id: "".concat(prefix, "_").concat(checkbox.id),
-        label: checkbox.label,
-        inputProps: {
-            name: "".concat(prefix, "_").concat(checkbox.id),
-            type: 'checkbox',
-            checked: props.selectedIds.includes(checkbox.id),
-            onChange: function () {
-                props.onItemSelect(checkbox.id);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: props.items.map(function (checkbox, checkboxIndex) { return props.renderItem({
+            key: checkboxIndex,
+            id: "".concat(prefix, "_").concat(checkbox.id),
+            label: checkbox.label,
+            inputProps: {
+                name: "".concat(prefix, "_").concat(checkbox.id),
+                type: 'checkbox',
+                checked: props.selectedIds.includes(checkbox.id),
+                onChange: function () {
+                    props.onItemSelect(checkbox.id);
+                },
+                disabled: props.disabled || checkbox.disabled
             },
-            disabled: props.disabled || checkbox.disabled
-        },
-        size: checkbox.size || props.size,
-        color: checkbox.color,
-        required: checkbox.required,
-        view: SwitcherFieldView_1["default"]
-    }); })));
+            size: checkbox.size || props.size,
+            color: checkbox.color,
+            required: checkbox.required,
+            view: SwitcherFieldView_1["default"]
+        }); }) })));
 }
 exports["default"] = SwitcherListFieldView;

package/form/TextField/TextFieldView.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 react_1 = __importStar(require("react"));
+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 react_1 = require("react");
 function TextFieldView(props) {
     var bem = (0, hooks_1.useBem)('TextFieldView');
     /*
@@ -65,12 +43,10 @@ function TextFieldView(props) {
             inputElement.style.height = "".concat(inputElement.scrollHeight + borderTopWidth + borderBottomWidth, "px");
         }
     }, [props.inputProps.ref, props.inputProps.value, props.autoHeight]);
-    return (react_1["default"].createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             hasErrors: !!props.errors,
             filled: !!props.inputProps.value,
             size: props.size
-        }), props.className) },
-        react_1["default"].createElement("textarea", __assign({ className: bem.element('textarea'), id: props.id }, props.inputProps)),
-        props.showClear && (react_1["default"].createElement(Icon_1["default"], { className: bem.element('clear'), name: "cross_8x8", onClick: props.onClear }))));
+        }), props.className) }, { children: [(0, jsx_runtime_1.jsx)("textarea", __assign({ className: bem.element('textarea'), id: props.id }, props.inputProps)), props.showClear && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('clear'), name: "cross_8x8", onClick: props.onClear }))] })));
 }
 exports["default"] = TextFieldView;