@steroidsjs/bootstrap 3.0.44 → 3.1.0

package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.js

@@ -1,48 +1,30 @@
 "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_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var utils_1 = require("@steroidsjs/core/ui/content/Chat/utils");
+var react_1 = require("react");
 var BubbleMessage_1 = __importDefault(require("../BubbleMessage"));
 require("./BubblesDateGroup.scss");
 function BubblesDateGroup(props) {
     var _a;
     var bem = (0, useBem_1["default"])('BubblesDateGroup');
-    var toBubbles = (0, react_1.useCallback)(function (groupedMessages) { return (react_1["default"].createElement("div", { className: bem.element('bubbles') }, groupedMessages.map(function (bubbleMessage) { return (react_1["default"].createElement(BubbleMessage_1["default"], { key: bubbleMessage.id, user: bubbleMessage.user, text: bubbleMessage.text, files: bubbleMessage.files, timestamp: bubbleMessage.timestamp, timeAgo: (0, utils_1.calculateMessageTimeAgo)(bubbleMessage.timestamp), isTodayMessage: (0, utils_1.isTodayMessage)(bubbleMessage.timestamp), isCurrentUser: bubbleMessage.user.id === props.currentUser.id, isFirstMessage: bubbleMessage.isFirstMessage, isLastMessage: bubbleMessage.isLastMessage })); }))); }, [bem, props.currentUser.id]);
-    var renderDate = (0, react_1.useCallback)(function () { return (react_1["default"].createElement(react_1["default"].Fragment, null,
-        react_1["default"].createElement("div", { className: bem.element('date') },
-            react_1["default"].createElement("div", { className: bem.element('date-wrapper') },
-                react_1["default"].createElement("span", { className: bem.element('date-text') }, props.date))),
-        react_1["default"].createElement("div", { className: bem.element('date', 'invisible-date') },
-            react_1["default"].createElement("div", { className: bem.element('date-wrapper', 'invisible-date') }, props.date)))); }, [bem, props.date]);
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        renderDate(), (_a = props.groupedMessages) === null || _a === void 0 ? void 0 :
-        _a.map(toBubbles)));
+    var toBubbles = (0, react_1.useCallback)(function (groupedMessages) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('bubbles') }, { children: groupedMessages.map(function (bubbleMessage) { return ((0, jsx_runtime_1.jsx)(BubbleMessage_1["default"], { user: bubbleMessage.user, text: bubbleMessage.text, files: bubbleMessage.files, timestamp: bubbleMessage.timestamp, timeAgo: (0, utils_1.calculateMessageTimeAgo)(bubbleMessage.timestamp), isTodayMessage: (0, utils_1.isTodayMessage)(bubbleMessage.timestamp), isCurrentUser: bubbleMessage.user.id === props.currentUser.id, isFirstMessage: bubbleMessage.isFirstMessage, isLastMessage: bubbleMessage.isLastMessage }, bubbleMessage.id)); }) }))); }, [bem, props.currentUser.id]);
+    var renderDate = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('date') }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('date-wrapper') }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('date-text') }, { children: props.date })) })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('date', 'invisible-date') }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('date-wrapper', 'invisible-date') }, { children: props.date })) }))] })); }, [bem, props.date]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [renderDate(), (_a = props.groupedMessages) === null || _a === void 0 ? void 0 : _a.map(toBubbles)] })));
 }
 exports["default"] = (0, react_1.memo)(BubblesDateGroup);

package/content/Chat/views/ChatFileItem/ChatFileItemView.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { IFileFieldItemViewProps } from '@steroidsjs/core/ui/form/FileField/FileField';
 import { IMessageFile } from '@steroidsjs/core/ui/content/Chat/Chat';
+import { IFileFieldItemViewProps } from '@steroidsjs/core/ui/form/FileField/FileField';
 import './ChatFileItemView.scss';
 interface IChatFileItemViewProps extends IFileFieldItemViewProps, IMessageFile {
     isFileFromMessage?: boolean;

package/content/Chat/views/ChatFileItem/ChatFileItemView.js

@@ -1,50 +1,51 @@
 "use strict";
+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_1 = __importDefault(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 typography_1 = require("@steroidsjs/core/ui/typography");
 var format_1 = require("@steroidsjs/core/ui/format");
+var typography_1 = require("@steroidsjs/core/ui/typography");
+var react_1 = require("react");
 require("./ChatFileItemView.scss");
 function ChatFileItemView(props) {
     var _a, _b;
     var bem = (0, hooks_1.useBem)('ChatFileItemView');
     var isLoading = props.progress && props.progress.percent !== 100;
-    var renderLink = react_1["default"].useCallback(function () {
+    var renderLink = (0, react_1.useCallback)(function () {
         var _a;
-        return (react_1["default"].createElement("a", { className: bem.element('link'), title: props.title, href: props.error ? '#' : (props.url || ((_a = props.item) === null || _a === void 0 ? void 0 : _a.url)), target: 'blank' }, props.title));
+        return ((0, jsx_runtime_1.jsx)("a", __assign({ className: bem.element('link'), title: props.title, href: props.error ? '#' : (props.url || ((_a = props.item) === null || _a === void 0 ? void 0 : _a.url)), target: 'blank' }, { children: props.title })));
     }, [bem, props.title, props.error, props.url, (_a = props.item) === null || _a === void 0 ? void 0 : _a.url]);
-    var renderProgressBar = react_1["default"].useCallback(function () { return (react_1["default"].createElement("div", { className: bem.element('progress-track') },
-        react_1["default"].createElement("div", { className: bem.element('progress-bar'), style: { width: "".concat(props.progress.percent, "%") } }))); }, [bem, props.progress]);
-    var renderLoadingState = react_1["default"].useCallback(function () { return (react_1["default"].createElement("div", { className: bem.element('left') },
-        react_1["default"].createElement("div", { className: bem.element('icon-wrapper', 'loading') },
-            react_1["default"].createElement(Icon_1["default"], { className: bem.element('icon-loading'), name: 'loading_default' })),
-        react_1["default"].createElement("div", { className: bem.element('content') },
-            react_1["default"].createElement("span", { className: bem.element('title', 'loading') }, props.title),
-            renderProgressBar()))); }, [bem, props.title, renderProgressBar]);
-    var renderFileItem = react_1["default"].useCallback(function () {
+    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 = (0, react_1.useCallback)(function () { 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()] }))] }))); }, [bem, props.title, renderProgressBar]);
+    var renderFileItem = (0, react_1.useCallback)(function () {
         var _a;
-        return (react_1["default"].createElement("div", { className: bem.element('left') },
-            react_1["default"].createElement("div", { className: bem.element('icon-wrapper') },
-                react_1["default"].createElement(Icon_1["default"], { className: bem.element('icon'), name: (((_a = props.item) === null || _a === void 0 ? void 0 : _a.fullHeight) || props.fullHeight) ? 'img_box' : 'file_dock' })),
-            react_1["default"].createElement("div", { className: bem.element('content') },
-                react_1["default"].createElement(typography_1.Text, { type: 'boldSpan', content: props.title, className: bem.element('title') }),
-                renderLink(),
-                react_1["default"].createElement(typography_1.Text, { type: 'body2', className: bem.element('size'), color: 'light' },
-                    react_1["default"].createElement(format_1.FileSize, { value: props.size, showZero: true })))));
+        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') }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('icon'), name: (((_a = props.item) === null || _a === void 0 ? void 0 : _a.fullHeight) || props.fullHeight) ? 'img_box' : 'file_dock' }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { type: 'boldSpan', content: props.title, className: bem.element('title') }), renderLink(), (0, jsx_runtime_1.jsx)(typography_1.Text, __assign({ type: 'body2', className: bem.element('size'), color: 'light' }, { children: (0, jsx_runtime_1.jsx)(format_1.FileSize, { value: props.size, showZero: true }) }))] }))] })));
     }, [bem, props.fullHeight, (_b = props.item) === null || _b === void 0 ? void 0 : _b.fullHeight, props.size, props.title, renderLink]);
-    return (react_1["default"].createElement("div", { className: bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block({
             error: !props.isFileFromMessage && !!props.error,
             isFileFromMessage: props.isFileFromMessage,
             isFileForUploading: !props.isFileFromMessage,
             'another-user': !!props.isFileByAnotherUser
-        }) },
-        isLoading
-            ? renderLoadingState()
-            : renderFileItem(),
-        props.isFileFromMessage ? (react_1["default"].createElement(Icon_1["default"], { name: 'import', className: bem.element('download'), onClick: function () { return window.open(props.downloadUrl || props.url); } })) : (react_1["default"].createElement(Icon_1["default"], { name: props.customRemoveIcon || 'cross_8x8', className: bem.element('remove', { isLoading: isLoading }), onClick: props.onRemove }))));
+        }) }, { children: [isLoading
+                ? renderLoadingState()
+                : renderFileItem(), props.isFileFromMessage ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'import', className: bem.element('download'), onClick: function () { return window.open(props.downloadUrl || props.url); } })) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: props.customRemoveIcon || 'cross_8x8', className: bem.element('remove', {
+                    isLoading: isLoading
+                }), onClick: props.onRemove }))] })));
 }
 exports["default"] = ChatFileItemView;

package/content/Chat/views/ChatInput/ChatInputView.js

@@ -10,40 +10,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var form_1 = require("@steroidsjs/core/ui/form");
+var react_1 = require("react");
 var ButtonView_1 = __importDefault(require("../../../../form/Button/ButtonView"));
 var ChatFileItem_1 = __importDefault(require("../ChatFileItem"));
 require("./ChatInputView.scss");
-var HiddenUploadFileButton = (0, react_1.forwardRef)(function (props, ref) { return (react_1["default"].createElement("button", __assign({ type: 'button', ref: ref }, props))); });
+var HiddenUploadFileButton = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)("button", __assign({ type: 'button', ref: ref }, props))); });
 function ChatInputView(props) {
     var bem = (0, useBem_1["default"])('ChatInputView');
     var filePickerRef = (0, react_1.useRef)(null);
@@ -51,14 +29,9 @@ function ChatInputView(props) {
         e.preventDefault();
         filePickerRef.current.click();
     }, [filePickerRef]);
-    var renderInputActions = (0, react_1.useCallback)(function () { return (react_1["default"].createElement("div", { className: bem.element('actions') },
-        react_1["default"].createElement(ButtonView_1["default"], { className: bem.element('action'), icon: "clip", onClick: onBrowseFile, type: 'button' }),
-        react_1["default"].createElement(ButtonView_1["default"], { className: bem.element('action'), icon: 'send', type: 'submit' }))); }, [bem, onBrowseFile]);
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        react_1["default"].createElement(form_1.Form, { formId: props.chatId, className: bem.element('form'), onSubmit: props.onSendMessage, useRedux: true },
-            react_1["default"].createElement(form_1.InputField, { className: bem.element('input'), attribute: 'text', size: 'lg', placeholder: props.inputPlaceholder, addonAfter: renderInputActions() }),
-            react_1["default"].createElement(form_1.FileField, __assign({ className: bem.element('files'), attribute: 'filesId', itemView: ChatFileItem_1["default"], buttonView: HiddenUploadFileButton, buttonProps: {
-                    ref: filePickerRef
-                }, multiple: false, showRemove: true, onChange: props.onUploadFiles }, props.fileFieldProps)))));
+    var renderInputActions = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('actions') }, { children: [(0, jsx_runtime_1.jsx)(ButtonView_1["default"], { className: bem.element('action'), icon: "clip", onClick: onBrowseFile, type: 'button' }), (0, jsx_runtime_1.jsx)(ButtonView_1["default"], { className: bem.element('action'), icon: 'send', type: 'submit' })] }))); }, [bem, onBrowseFile]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsxs)(form_1.Form, __assign({ formId: props.chatId, className: bem.element('form'), onSubmit: props.onSendMessage, useRedux: true }, { children: [(0, jsx_runtime_1.jsx)(form_1.InputField, { className: bem.element('input'), attribute: 'text', size: 'lg', placeholder: props.inputPlaceholder, addonAfter: renderInputActions() }), (0, jsx_runtime_1.jsx)(form_1.FileField, __assign({ className: bem.element('files'), attribute: 'filesId', itemView: ChatFileItem_1["default"], buttonView: HiddenUploadFileButton, buttonProps: {
+                        ref: filePickerRef
+                    }, multiple: false, showRemove: true, onChange: props.onUploadFiles }, props.fileFieldProps))] })) })));
 }
 exports["default"] = ChatInputView;

package/content/CopyToClipboard/CopyToClipboardView.js

@@ -1,19 +1,28 @@
 "use strict";
+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_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 function CopyToClipboardView(props) {
     var bem = (0, useBem_1["default"])('CopyToClipboardView');
-    return (react_1["default"].createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             disabled: props.disabled
-        })), onClick: props.onClick },
-        props.children,
-        props.showCopyIcon && (0, renderIcon_1["default"])(props.icon || 'copy', {
-            className: bem.element('icon')
-        })));
+        })), onClick: props.onClick }, { children: [props.children, props.showCopyIcon && (0, renderIcon_1["default"])(props.icon || 'copy', {
+                className: bem.element('icon')
+            })] })));
 }
 exports["default"] = CopyToClipboardView;

package/content/Dashboard/DashboardItemView.js

@@ -1,18 +1,22 @@
 "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 react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var typography_1 = require("@steroidsjs/core/ui/typography");
 var content_1 = require("@steroidsjs/core/ui/content");
+var typography_1 = require("@steroidsjs/core/ui/typography");
 function DashboardItemView(props) {
     var bem = (0, hooks_1.useBem)('DashboardItemView');
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        react_1["default"].createElement("div", { className: bem.element('header') },
-            props.iconName && react_1["default"].createElement(content_1.Icon, { name: props.iconName }),
-            react_1["default"].createElement(typography_1.Title, { content: props.title, type: 'h3' })),
-        props.children));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header') }, { children: [props.iconName && (0, jsx_runtime_1.jsx)(content_1.Icon, { name: props.iconName }), (0, jsx_runtime_1.jsx)(typography_1.Title, { content: props.title, type: 'h3' })] })), props.children] })));
 }
 exports["default"] = DashboardItemView;

package/content/Detail/DetailView.js

@@ -1,37 +1,39 @@
 "use strict";
+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_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Detail_1 = require("@steroidsjs/core/ui/content/Detail/Detail");
 var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
+var react_1 = require("react");
 function DetailView(props) {
     var bem = (0, hooks_1.useBem)('DetailView');
-    return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className), ref: props.resizedNodeRef },
-        (props.title || props.controls) && (react_1["default"].createElement("div", { className: bem.element('header') },
-            props.title && (react_1["default"].createElement("div", { className: bem.element('title') }, props.title)),
-            props.controls && (react_1["default"].createElement(Controls_1["default"], { items: props.controls, className: bem.element('controls') })))),
-        react_1["default"].createElement("div", { className: bem.element('table-container') },
-            react_1["default"].createElement("table", { className: bem.element('table') },
-                react_1["default"].createElement("tbody", null, props.rows.map(function (row, rowIndex) {
-                    if (props.layout === Detail_1.DetailLayoutEnum.Vertical) {
-                        return (react_1["default"].createElement(react_1["default"].Fragment, { key: rowIndex },
-                            react_1["default"].createElement("tr", { className: bem.element('row') }, row.map(function (cell, cellIndex) { return (react_1["default"].createElement("th", { key: cellIndex, colSpan: cell.colspan, className: bem(bem.element('label', {
-                                    size: props.size
-                                }), cell.labelClassName) }, cell.label)); })),
-                            react_1["default"].createElement("tr", { className: bem.element('row') }, row.map(function (cell, cellIndex) { return (react_1["default"].createElement("td", { key: cellIndex, colSpan: cell.colspan, className: bem(bem.element('value', {
-                                    size: props.size
-                                }), cell.contentClassName) }, cell.value)); }))));
-                    }
-                    return (react_1["default"].createElement("tr", { key: rowIndex, className: bem.element('row') }, row.map(function (cell, cellIndex) { return (react_1["default"].createElement(react_1["default"].Fragment, { key: cellIndex },
-                        react_1["default"].createElement("th", { colSpan: Detail_1.constants.TABLE_HEAD_COLSPAN, className: bem(bem.element('label', {
-                                size: props.size
-                            }), cell.labelClassName) }, cell.label),
-                        react_1["default"].createElement("td", { colSpan: cell.colspan, className: bem(bem.element('value', {
-                                size: props.size
-                            }), cell.contentClassName) }, cell.value))); })));
-                }))))));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className), ref: props.resizedNodeRef }, { children: [(props.title || props.controls) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header') }, { children: [props.title && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('title') }, { children: props.title }))), props.controls && ((0, jsx_runtime_1.jsx)(Controls_1["default"], { items: props.controls, className: bem.element('controls') }))] }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-container') }, { children: (0, jsx_runtime_1.jsx)("table", __assign({ className: bem.element('table') }, { children: (0, jsx_runtime_1.jsx)("tbody", { children: props.rows.map(function (row, rowIndex) {
+                            if (props.layout === Detail_1.DetailLayoutEnum.Vertical) {
+                                return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", __assign({ className: bem.element('row') }, { children: row.map(function (cell, cellIndex) { return ((0, jsx_runtime_1.jsx)("th", __assign({ colSpan: cell.colspan, className: bem(bem.element('label', {
+                                                    size: props.size
+                                                }), cell.labelClassName) }, { children: cell.label }), cellIndex)); }) })), (0, jsx_runtime_1.jsx)("tr", __assign({ className: bem.element('row') }, { children: row.map(function (cell, cellIndex) { return ((0, jsx_runtime_1.jsx)("td", __assign({ colSpan: cell.colspan, className: bem(bem.element('value', {
+                                                    size: props.size
+                                                }), cell.contentClassName) }, { children: cell.value }), cellIndex)); }) }))] }, rowIndex));
+                            }
+                            return ((0, jsx_runtime_1.jsx)("tr", __assign({ className: bem.element('row') }, { children: row.map(function (cell, cellIndex) { return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("th", __assign({ colSpan: Detail_1.constants.TABLE_HEAD_COLSPAN, className: bem(bem.element('label', {
+                                                size: props.size
+                                            }), cell.labelClassName) }, { children: cell.label })), (0, jsx_runtime_1.jsx)("td", __assign({ colSpan: cell.colspan, className: bem(bem.element('value', {
+                                                size: props.size
+                                            }), cell.contentClassName) }, { children: cell.value }))] }, cellIndex)); }) }), rowIndex));
+                        }) }) })) }))] })));
 }
 exports["default"] = DetailView;

package/content/DropDown/DropDownView.js

@@ -1,34 +1,22 @@
 "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 isFunction_1 = __importDefault(require("lodash-es/isFunction"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
 var react_1 = require("react");
 function DropDownView(props) {
     var bem = (0, hooks_1.useBem)('DropDownView');
@@ -47,12 +35,11 @@ function DropDownView(props) {
             content = ui.renderView(content, contentProps);
         }
     }
-    return (React.createElement("div", { ref: props.forwardedRef, className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: props.forwardedRef, className: bem(bem.block({
             show: props.isComponentVisible,
             position: props.position
-        }), props.className), style: props.style },
-        props.hasArrow && (React.createElement("div", { ref: arrowRef, className: bem.element('arrow', { position: props.position }), style: props.arrowPosition })),
-        React.createElement("div", { className: bem.element('content') },
-            React.createElement("span", null, content))));
+        }), props.className), style: props.style }, { children: [props.hasArrow && ((0, jsx_runtime_1.jsx)("div", { ref: arrowRef, className: bem.element('arrow', {
+                    position: props.position
+                }), style: props.arrowPosition })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: (0, jsx_runtime_1.jsx)("span", { children: content }) }))] })));
 }
 exports["default"] = DropDownView;

package/content/Icon/IconView.js

@@ -10,43 +10,23 @@ 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 omit_1 = __importDefault(require("lodash-es/omit"));
 function IconView(props) {
     var bem = (0, hooks_1.useBem)('IconView');
     var omittedProps = (0, omit_1["default"])(props, 'contentEditable', 'icon', 'dataIcon');
     if (typeof props.icon === 'string' && props.icon.indexOf('<svg') === 0) {
-        return (React.createElement("span", __assign({}, omittedProps, { dangerouslySetInnerHTML: { __html: props.icon } /* eslint-disable-line react/no-danger */, "aria-label": props.title, title: props.title, className: bem(bem.block(), props.className), onClick: props.onClick, onKeyPress: props.onClick, role: 'button', tabIndex: props.tabIndex || 0, "data-icon": props.dataIcon })));
+        return ((0, jsx_runtime_1.jsx)("span", __assign({}, omittedProps, { 
+            /* eslint-disable-next-line react/no-danger */
+            dangerouslySetInnerHTML: {
+                __html: props.icon
+            }, "aria-label": props.title, title: props.title, className: bem(bem.block(), props.className), onClick: props.onClick, onKeyPress: props.onClick, role: 'button', tabIndex: props.tabIndex || 0, "data-icon": props.dataIcon })));
     }
-    return (React.createElement("span", __assign({}, omittedProps, { onClick: props.onClick, onKeyPress: props.onClick, role: 'button', tabIndex: props.tabIndex || 0, "data-icon": props.dataIcon }),
-        React.createElement("img", { alt: props.title, title: props.title, src: props.icon, className: bem(bem.block(), props.className) })));
+    return ((0, jsx_runtime_1.jsx)("span", __assign({}, omittedProps, { onClick: props.onClick, onKeyPress: props.onClick, role: 'button', tabIndex: props.tabIndex || 0, "data-icon": props.dataIcon }, { children: (0, jsx_runtime_1.jsx)("img", { alt: props.title, title: props.title, src: props.icon, className: bem(bem.block(), props.className) }) })));
 }
 exports["default"] = IconView;

package/content/Kanban/KanbanView.js

@@ -10,20 +10,15 @@ 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");
 function KanbanView(props) {
     var bem = (0, hooks_1.useBem)('KanbanView');
     var Droppable = props.droppableComponent;
-    return (react_1["default"].createElement(Droppable, { droppableId: "all-columns", direction: "horizontal", type: "column" }, function (provided) {
-        var _a;
-        return (react_1["default"].createElement("div", __assign({ className: bem.block(), id: "task-board", ref: provided.innerRef }, provided.droppableProps, { style: props.style }), (_a = props.columns) === null || _a === void 0 ? void 0 :
-            _a.map(function (column, index) { return props.renderColumn(column, index); }),
-            provided.placeholder));
-    }));
+    return ((0, jsx_runtime_1.jsx)(Droppable, __assign({ droppableId: "all-columns", direction: "horizontal", type: "column" }, { children: function (provided) {
+            var _a;
+            return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block(), id: "task-board", ref: provided.innerRef }, provided.droppableProps, { style: props.style }, { children: [(_a = props.columns) === null || _a === void 0 ? void 0 : _a.map(function (column, index) { return props.renderColumn(column, index); }), provided.placeholder] })));
+        } })));
 }
 exports["default"] = KanbanView;

package/content/Kanban/views/KanbanColumn/KanbanColumnView.js

@@ -10,27 +10,16 @@ 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 typography_1 = require("@steroidsjs/core/ui/typography");
 var form_1 = require("@steroidsjs/core/ui/form");
+var typography_1 = require("@steroidsjs/core/ui/typography");
 function KanbanColumnView(props) {
     var bem = (0, hooks_1.useBem)('KanbanColumnView');
     var Draggable = props.draggableComponent;
     var Droppable = props.droppableComponent;
     var _a = props.column, id = _a.id, title = _a.title, tasks = _a.tasks;
-    return (react_1["default"].createElement(Draggable, { draggableId: id.toString(), index: props.columnIndex }, function (providedDraggable) { return (react_1["default"].createElement("div", __assign({ className: bem.block() }, providedDraggable.draggableProps, { ref: providedDraggable.innerRef }),
-        react_1["default"].createElement("div", __assign({ className: bem.element('header') }, providedDraggable.dragHandleProps),
-            react_1["default"].createElement(typography_1.Title, { className: bem.element('title'), content: title, type: 'h3' },
-                react_1["default"].createElement("span", { className: bem.element('tasks-count') }, tasks.length))),
-        react_1["default"].createElement(Droppable, { droppableId: id.toString(), type: "task" }, function (providedDroppable) { return (react_1["default"].createElement("div", __assign({ className: bem.element('content'), ref: providedDroppable.innerRef }, providedDroppable.droppableProps),
-            tasks.map(function (task, taskIndex) { return (props.renderTask(task, props.column.id, taskIndex)); }),
-            providedDroppable.placeholder)); }),
-        react_1["default"].createElement("div", { className: bem.element('button') },
-            react_1["default"].createElement(form_1.Button, { size: "sm", color: 'basic', icon: "add", onClick: function () { return props.onOpenCreateTaskModal(props.column.id); }, block: true })))); }));
+    return ((0, jsx_runtime_1.jsx)(Draggable, __assign({ draggableId: id.toString(), index: props.columnIndex }, { children: function (providedDraggable) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, providedDraggable.draggableProps, { ref: providedDraggable.innerRef }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('header') }, providedDraggable.dragHandleProps, { children: (0, jsx_runtime_1.jsx)(typography_1.Title, __assign({ className: bem.element('title'), content: title, type: 'h3' }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('tasks-count') }, { children: tasks.length })) })) })), (0, jsx_runtime_1.jsx)(Droppable, __assign({ droppableId: id.toString(), type: "task" }, { children: function (providedDroppable) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content'), ref: providedDroppable.innerRef }, providedDroppable.droppableProps, { children: [tasks.map(function (task, taskIndex) { return (props.renderTask(task, props.column.id, taskIndex)); }), providedDroppable.placeholder] }))); } })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('button') }, { children: (0, jsx_runtime_1.jsx)(form_1.Button, { size: "sm", color: 'basic', icon: "add", onClick: function () { return props.onOpenCreateTaskModal(props.column.id); }, block: true }) }))] }))); } })));
 }
 exports["default"] = KanbanColumnView;