@steroidsjs/bootstrap 3.0.45 → 3.1.0

package/form/FieldSet/FieldSetView.js

@@ -1,34 +1,20 @@
 "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 React = __importStar(require("react"));
 function FieldSetView(props) {
     var bem = (0, hooks_1.useBem)('FieldSetView');
-    return (React.createElement("fieldset", { className: bem(bem.block(), props.className) },
-        React.createElement("legend", { className: bem.element('legend') }, props.label),
-        props.children));
+    return ((0, jsx_runtime_1.jsxs)("fieldset", __assign({ className: bem(bem.block(), props.className) }, { children: [(0, jsx_runtime_1.jsx)("legend", __assign({ className: bem.element('legend') }, { children: props.label })), props.children] })));
 }
 exports["default"] = FieldSetView;

package/form/FileField/FileFieldItemView.js

@@ -1,76 +1,51 @@
 "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 FileField_1 = require("@steroidsjs/core/ui/form/FileField/FileField");
-var React = __importStar(require("react"));
+var react_1 = require("react");
 function FileFieldItemView(props) {
     var bem = (0, hooks_1.useBem)('FileFieldItemView');
     var isLoading = props.progress && props.progress.percent !== 100;
     var isWall = props.filesLayout === FileField_1.FilesLayout.wall;
-    var renderLink = React.useCallback(function () { return (React.createElement("a", { className: bem.element('link'), title: props.title, href: props.error ? '#' : props.item.url, target: 'blank' }, isWall
-        ? React.createElement(Icon_1["default"], { name: 'view' })
-        : props.title)); }, [bem, props.title, props.error, props.item.url, isWall]);
-    var renderProgressBar = React.useCallback(function () { return (React.createElement("div", { className: bem.element('progress-track') },
-        React.createElement("div", { className: bem.element('progress-bar'), style: {
+    var renderLink = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsx)("a", __assign({ className: bem.element('link'), title: props.title, href: props.error ? '#' : props.item.url, target: 'blank' }, { children: isWall
+            ? (0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'view' })
+            : props.title }))); }, [bem, props.title, props.error, props.item.url, isWall]);
+    var renderProgressBar = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('progress-track') }, { children: (0, jsx_runtime_1.jsx)("div", { className: bem.element('progress-bar'), style: {
                 width: "".concat(props.progress.percent, "%")
-            } }))); }, [bem, props.progress]);
-    var renderLoadingState = React.useCallback(function () {
+            } }) }))); }, [bem, props.progress]);
+    var renderLoadingState = (0, react_1.useCallback)(function () {
         var _a;
-        return (React.createElement("div", { className: bem.element('left') },
-            React.createElement("div", { className: bem.element('icon-wrapper', 'loading') },
-                React.createElement(Icon_1["default"], { className: bem.element('icon-loading'), name: 'loading_default' })),
-            React.createElement("div", { className: bem.element('content') },
-                React.createElement("span", { className: bem.element('title', 'loading') }, props.title),
-                renderProgressBar(),
-                React.createElement("span", { className: bem.element('loading-text') }, (_a = props.loadingText) !== null && _a !== void 0 ? _a : __('Uploading...')))));
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('left') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('icon-wrapper', 'loading') }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('icon-loading'), name: 'loading_default' }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('title', 'loading') }, { children: props.title })), renderProgressBar(), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('loading-text') }, { children: (_a = props.loadingText) !== null && _a !== void 0 ? _a : __('Uploading...') }))] }))] })));
     }, [bem, props.loadingText, props.title, renderProgressBar]);
-    var renderFileItem = React.useCallback(function () { return (React.createElement("div", { className: bem.element('left') },
-        props.image
-            ? (React.createElement("div", { className: bem.element('image'), style: {
-                    backgroundImage: "url(".concat(props.image.url, ")")
-                } }))
-            : (React.createElement("div", { className: bem.element('icon-wrapper') },
-                React.createElement(Icon_1["default"], { className: bem.element('icon'), name: props.imagesOnly ? 'img_box' : 'clip' }))),
-        renderLink(),
-        React.createElement("span", { className: bem.element('title') }, props.title))); }, [bem, props.image, props.imagesOnly, props.title, renderLink]);
-    return (React.createElement("div", { className: bem.block({
+    var renderFileItem = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('left') }, { children: [props.image
+                ? ((0, jsx_runtime_1.jsx)("div", { className: bem.element('image'), style: {
+                        backgroundImage: "url(".concat(props.image.url, ")")
+                    } }))
+                : ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('icon-wrapper') }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('icon'), name: props.imagesOnly ? 'img_box' : 'clip' }) }))), renderLink(), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('title') }, { children: props.title }))] }))); }, [bem, props.image, props.imagesOnly, props.title, renderLink]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block({
             error: !!props.error,
             images: props.imagesOnly,
             isWall: isWall
-        }) },
-        isLoading
-            ? renderLoadingState()
-            : renderFileItem(),
-        props.showRemove && (React.createElement(Icon_1["default"], { name: props.customRemoveIcon || 'trash', className: bem.element('remove', {
-                isLoading: isLoading
-            }), onClick: props.onRemove })),
-        React.createElement("div", { className: bem.element('overlay') })));
+        }) }, { children: [isLoading
+                ? renderLoadingState()
+                : renderFileItem(), props.showRemove && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: props.customRemoveIcon || 'trash', className: bem.element('remove', {
+                    isLoading: isLoading
+                }), onClick: props.onRemove })), (0, jsx_runtime_1.jsx)("div", { className: bem.element('overlay') })] })));
 }
 exports["default"] = FileFieldItemView;

package/form/FileField/FileFieldView.js

@@ -10,49 +10,24 @@ 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 Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var FileField_1 = require("@steroidsjs/core/ui/form/FileField/FileField");
-var React = __importStar(require("react"));
 function FileFieldView(props) {
     var bem = (0, hooks_1.useBem)('FileFieldView');
     var ButtonView = props.buttonView || Button_1["default"];
     var FileItemView = props.itemView;
     var isWall = props.filesLayout === FileField_1.FilesLayout.wall;
-    return (React.createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             isWall: isWall,
             'is-invalid': !!props.errors
-        }), props.className) },
-        React.createElement(ButtonView, __assign({ className: bem.element('button', {
-                isWall: isWall
-            }), icon: isWall ? 'add' : 'export' }, props.buttonProps)),
-        React.createElement("div", { className: bem(bem.element('files')) }, props.items.map(function (item) { return (React.createElement(FileItemView, __assign({ key: item.uid, filesLayout: props.filesLayout, imagesOnly: props.imagesOnly, customRemoveIcon: props.customRemoveIcon, loadingText: props.loadingText }, item, props.itemProps))); }))));
+        }), props.className) }, { children: [(0, jsx_runtime_1.jsx)(ButtonView, __assign({ className: bem.element('button', {
+                    isWall: isWall
+                }), icon: isWall ? 'add' : 'export' }, props.buttonProps)), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.element('files')) }, { children: props.items.map(function (item) { return ((0, jsx_runtime_1.jsx)(FileItemView, __assign({ filesLayout: props.filesLayout, imagesOnly: props.imagesOnly, customRemoveIcon: props.customRemoveIcon, loadingText: props.loadingText }, item, props.itemProps), item.uid)); }) }))] })));
 }
 exports["default"] = FileFieldView;

package/form/Form/FormView.d.ts

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

package/form/Form/FormView.js

@@ -10,38 +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;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var Field_1 = __importDefault(require("@steroidsjs/core/ui/form/Field"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 function FormView(props) {
@@ -58,12 +35,8 @@ function FormView(props) {
             }, 10);
         }
     });
-    return (React.createElement("form", { ref: formRef, className: bem(bem.block(), props.className), onSubmit: props.onSubmit, style: props.style },
-        props.children,
-        (props.fields || []).map(function (field, index) { return (React.createElement(Field_1["default"], __assign({ key: index }, ((0, isString_1["default"])(field) ? {
-            attribute: field
-        } : field), { size: field.size || props.size || null }))); }),
-        props.buttons,
-        props.submitLabel && (React.createElement(Button_1["default"], __assign({ type: 'submit', label: props.submitLabel }, props.submitButtonProps)))));
+    return ((0, jsx_runtime_1.jsxs)("form", __assign({ ref: formRef, className: bem(bem.block(), props.className), onSubmit: props.onSubmit, style: props.style }, { children: [props.children, (props.fields || []).map(function (field, index) { return ((0, jsx_runtime_1.jsx)(Field_1["default"], __assign({}, ((0, isString_1["default"])(field) ? {
+                attribute: field
+            } : field), { size: field.size || props.size || null }), index)); }), props.buttons, props.submitLabel && ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ type: 'submit', label: props.submitLabel }, props.submitButtonProps)))] })));
 }
-exports["default"] = React.memo(FormView);
+exports["default"] = (0, react_1.memo)(FormView);

package/form/HtmlField/HtmlFieldView.js

@@ -1,17 +1,24 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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 react_1 = __importDefault(require("react"));
 function HtmlFieldView(props) {
     var bem = (0, hooks_1.useBem)('HtmlFieldView');
     var HtmlComponent = props.htmlComponent;
     if (process.env.IS_SSR) {
         return null;
     }
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        react_1["default"].createElement(HtmlComponent, { editor: props.editorConstructor, disabled: props.disabled, config: props.editorProps, data: !props.input.value ? '' : props.input.value, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsx)(HtmlComponent, { editor: props.editorConstructor, disabled: props.disabled, config: props.editorProps, data: !props.input.value ? '' : props.input.value, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur }) })));
 }
 exports["default"] = HtmlFieldView;

package/form/ImageField/ImageFieldModalView.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 hooks_1 = require("@steroidsjs/core/hooks");
 var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal"));
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var react_image_crop_1 = __importDefault(require("react-image-crop"));
 require("react-image-crop/dist/ReactCrop.css");
@@ -48,14 +25,12 @@ function ImageFieldModalView(props) {
     //TODO Исправить тип, связано с yarn tsc в action publish.yml
     var ReactCrop = react_image_crop_1["default"];
     var _a = (0, react_1.useState)(props.crop.initialValues), crop = _a[0], setCrop = _a[1];
-    return (React.createElement(Modal_1["default"], { className: bem.block(), title: props.title || __('Выберите область изображения'), onClose: props.onClose, buttons: [{
+    return ((0, jsx_runtime_1.jsx)(Modal_1["default"], __assign({ className: bem.block(), title: props.title || __('Выберите область изображения'), onClose: props.onClose, buttons: [{
                 label: __(('Сохранить')),
                 onClick: function () {
                     props.onClose();
                     props.crop.onSubmit(crop, props.image.id);
                 }
-            }] },
-        React.createElement("div", { className: 'mb-3' },
-            React.createElement(ReactCrop, __assign({}, props.crop.reactImageCropProps, { className: bem.element('crop'), src: props.image && props.image.url, crop: crop, onChange: setCrop })))));
+            }] }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: 'mb-3' }, { children: (0, jsx_runtime_1.jsx)(ReactCrop, __assign({}, props.crop.reactImageCropProps, { className: bem.element('crop'), src: props.image && props.image.url, crop: crop, onChange: setCrop })) })) })));
 }
 exports["default"] = ImageFieldModalView;

package/form/ImageField/ImageFieldView.js

@@ -10,57 +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 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 form_1 = require("@steroidsjs/core/ui/form");
-var React = __importStar(require("react"));
+var react_1 = require("react");
 function ImageFieldView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('ImageFieldView');
     var item = props.item;
-    var srcImage = React.useMemo(function () { return (item === null || item === void 0 ? void 0 : item.image) ? item.image.url + '?w=' + item.image.width + '&h=' + item.image.height : ''; }, [item]);
-    return (React.createElement("div", { className: bem(bem.block({
+    var srcImage = (0, react_1.useMemo)(function () { return (item === null || item === void 0 ? void 0 : item.image) ? item.image.url + '?w=' + item.image.width + '&h=' + item.image.height : ''; }, [item]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block({
             'is-invalid': !!props.errors
-        }), props.className) }, !item || !item.image ? (React.createElement(form_1.Button, __assign({ className: bem.element('button', {
-            loading: item ? item.progress : false,
-            hasErrors: !!props.errors
-        }), onClick: props.onClick }, props.buttonProps),
-        !item || !item.progress ? (React.createElement(Icon_1["default"], { className: bem.element('button-icon'), name: 'add' })) : (React.createElement("div", { className: bem.element('progress-bar') },
-            React.createElement("div", { className: bem.element('progress-slider'), style: {
-                    width: "".concat(item ? item.progress.percent : 0, "%")
-                } }))),
-        React.createElement("span", { className: bem.element('button-label') }, !item || !item.progress ? props.label : 'Uploading...'))) : (React.createElement("div", { className: bem.element('content') },
-        React.createElement("img", { className: bem.element('image'), src: srcImage, width: item.image.width, height: item.image.height, alt: item.title }),
-        React.createElement("div", { className: bem.element('image-controls') },
-            React.createElement("a", { className: bem.element('show-icon'), href: (_a = item.image.url) !== null && _a !== void 0 ? _a : '#', target: 'blank' },
-                React.createElement(Icon_1["default"], { name: 'view' })),
-            React.createElement(Icon_1["default"], { className: bem.element('delete-icon'), name: 'trash', onClick: item.onRemove }))))));
+        }), props.className) }, { children: !item || !item.image ? ((0, jsx_runtime_1.jsxs)(form_1.Button, __assign({ className: bem.element('button', {
+                loading: item ? item.progress : false,
+                hasErrors: !!props.errors
+            }), onClick: props.onClick }, props.buttonProps, { children: [!item || !item.progress ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('button-icon'), name: 'add' })) : ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('progress-bar') }, { children: (0, jsx_runtime_1.jsx)("div", { className: bem.element('progress-slider'), style: {
+                            width: "".concat(item ? item.progress.percent : 0, "%")
+                        } }) }))), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('button-label') }, { children: !item || !item.progress ? props.label : 'Uploading...' }))] }))) : ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)("img", { className: bem.element('image'), src: srcImage, width: item.image.width, height: item.image.height, alt: item.title }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('image-controls') }, { children: [(0, jsx_runtime_1.jsx)("a", __assign({ className: bem.element('show-icon'), href: (_a = item.image.url) !== null && _a !== void 0 ? _a : '#', target: 'blank' }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'view' }) })), (0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('delete-icon'), name: 'trash', onClick: item.onRemove })] }))] }))) })));
 }
 exports["default"] = ImageFieldView;

package/form/InputField/InputFieldView.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 jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable import/no-extraneous-dependencies */
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
-var React = __importStar(require("react"));
 var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 function InputFieldView(props) {
     var bem = (0, hooks_1.useBem)('InputFieldView');
-    return (React.createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             disabled: props.disabled,
             size: props.size,
             hasError: !!props.errors,
@@ -57,23 +34,15 @@ function InputFieldView(props) {
             hasTextAddon: !!props.textAfter || !!props.textBefore,
             hasTextAddonBefore: !!props.textBefore,
             hasTextAddonAfter: !!props.textAfter
-        }), props.className), style: props.style },
-        props.textBefore && (React.createElement("span", { className: bem.element('text-before') }, props.textBefore)),
-        React.createElement("div", { className: bem.element('input-wrapper') },
-            props.addonBefore && (React.createElement("span", { className: bem.element('addon-before') }, props.addonBefore)),
-            props.leadIcon && (0, renderIcon_1["default"])(props.leadIcon, {
-                className: bem.element('lead-icon'),
-                tabIndex: -1
-            }),
-            props.maskOptions
-                ? (React.createElement("input", __assign({ onBlur: props.onBlur, onFocus: props.onFocus, onMouseDown: props.onMouseDown, className: bem(bem.element('input', {
-                        size: props.size
-                    })) }, props.inputProps, { type: props.inputProps.type, placeholder: props.placeholder, disabled: props.disabled, required: props.required, id: props.id, ref: props.inputRef })))
-                : (React.createElement("input", __assign({ className: bem(bem.element('input', {
-                        size: props.size
-                    })) }, props.inputProps, { type: props.inputProps.type, placeholder: props.placeholder, disabled: props.disabled, required: props.required, id: props.id, ref: props.inputRef }))),
-            !props.disabled && props.showClear && !props.maskProps && !!props.inputProps.value && (React.createElement(Icon_1["default"], { name: 'cross_8x8', className: bem.element('icon-clear'), tabIndex: -1, onClick: props.onClear })),
-            props.addonAfter && (React.createElement("span", { className: bem.element('addon-after') }, props.addonAfter))),
-        props.textAfter && (React.createElement("span", { className: bem.element('text-after') }, props.textAfter))));
+        }), props.className), style: props.style }, { children: [props.textBefore && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('text-before') }, { children: props.textBefore }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('input-wrapper') }, { children: [props.addonBefore && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('addon-before') }, { children: props.addonBefore }))), props.leadIcon && (0, renderIcon_1["default"])(props.leadIcon, {
+                        className: bem.element('lead-icon'),
+                        tabIndex: -1
+                    }), props.maskOptions
+                        ? ((0, jsx_runtime_1.jsx)("input", __assign({ onBlur: props.onBlur, onFocus: props.onFocus, onMouseDown: props.onMouseDown, className: bem(bem.element('input', {
+                                size: props.size
+                            })) }, props.inputProps, { type: props.inputProps.type, placeholder: props.placeholder, disabled: props.disabled, required: props.required, id: props.id, ref: props.inputRef })))
+                        : ((0, jsx_runtime_1.jsx)("input", __assign({ className: bem(bem.element('input', {
+                                size: props.size
+                            })) }, props.inputProps, { type: props.inputProps.type, placeholder: props.placeholder, disabled: props.disabled, required: props.required, id: props.id, ref: props.inputRef }))), !props.disabled && props.showClear && !props.maskProps && !!props.inputProps.value && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'cross_8x8', className: bem.element('icon-clear'), tabIndex: -1, onClick: props.onClear })), props.addonAfter && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('addon-after') }, { children: props.addonAfter })))] })), props.textAfter && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('text-after') }, { children: props.textAfter })))] })));
 }
 exports["default"] = InputFieldView;

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 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"));
-var React = __importStar(require("react"));
 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;