@steroidsjs/bootstrap 3.0.44 → 3.0.45

package/content/Chat/views/BubbleMessage/BubbleMessageView.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IChatUser } from '@steroidsjs/core/ui/content/Chat/Chat';
+import React from 'react';
 import './BubbleMessageView.scss';
 interface IBubbleMessageProps {
     user: IChatUser;

package/content/Chat/views/BubbleMessage/BubbleMessageView.js

@@ -37,18 +37,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
-var react_use_1 = require("react-use");
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var Avatar_1 = require("@steroidsjs/core/ui/content/Avatar");
-var typography_1 = require("@steroidsjs/core/ui/typography");
-var Title_1 = __importDefault(require("@steroidsjs/core/ui/typography/Title"));
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var timeTemplatesAndUnits_1 = require("@steroidsjs/core/ui/content/Chat/constants/timeTemplatesAndUnits");
 var utils_1 = require("@steroidsjs/core/ui/content/Chat/utils");
-require("./BubbleMessageView.scss");
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var typography_1 = require("@steroidsjs/core/ui/typography");
+var Title_1 = __importDefault(require("@steroidsjs/core/ui/typography/Title"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var react_1 = __importStar(require("react"));
+var react_use_1 = require("react-use");
 var ChatFileItem_1 = __importDefault(require("../ChatFileItem"));
+require("./BubbleMessageView.scss");
 function BubbleMessageView(props) {
     var _a, _b;
     var bem = (0, useBem_1["default"])('BubbleMessageView');

package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { IGroupedMessage } from '@steroidsjs/core/ui/content/Chat/hooks/useChat';
 import { IChatUser } from '@steroidsjs/core/ui/content/Chat/Chat';
+import { IGroupedMessage } from '@steroidsjs/core/ui/content/Chat/hooks/useChat';
+import React from 'react';
 import './BubblesDateGroup.scss';
 interface IBubblesDateGroupProps {
     date: string;

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

@@ -26,9 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var utils_1 = require("@steroidsjs/core/ui/content/Chat/utils");
+var react_1 = __importStar(require("react"));
 var BubbleMessage_1 = __importDefault(require("../BubbleMessage"));
 require("./BubblesDateGroup.scss");
 function BubblesDateGroup(props) {

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

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 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 = __importDefault(require("react"));
 require("./ChatFileItemView.scss");
 function ChatFileItemView(props) {
     var _a, _b;
@@ -18,7 +18,9 @@ function ChatFileItemView(props) {
         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));
     }, [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]);
+        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' })),
@@ -45,6 +47,8 @@ function ChatFileItemView(props) {
         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 }))));
+        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 }))));
 }
 exports["default"] = ChatFileItemView;

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

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var form_1 = require("@steroidsjs/core/ui/form");
+var react_1 = __importStar(require("react"));
 var ButtonView_1 = __importDefault(require("../../../../form/Button/ButtonView"));
 var ChatFileItem_1 = __importDefault(require("../ChatFileItem"));
 require("./ChatInputView.scss");

package/content/CopyToClipboard/CopyToClipboardView.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
+var react_1 = __importDefault(require("react"));
 var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 function CopyToClipboardView(props) {
     var bem = (0, useBem_1["default"])('CopyToClipboardView');

package/content/Dashboard/DashboardItemView.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 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");
+var react_1 = __importDefault(require("react"));
 function DashboardItemView(props) {
     var bem = (0, hooks_1.useBem)('DashboardItemView');
     return (react_1["default"].createElement("div", { className: bem.block() },

package/content/Detail/DetailView.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 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 = __importDefault(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 },

package/content/DropDown/DropDownView.js

@@ -26,9 +26,9 @@ 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 hooks_1 = require("@steroidsjs/core/hooks");
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
+var React = __importStar(require("react"));
 var react_1 = require("react");
 function DropDownView(props) {
     var bem = (0, hooks_1.useBem)('DropDownView');
@@ -51,7 +51,9 @@ function DropDownView(props) {
             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 })),
+        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))));
 }

package/content/Icon/IconView.js

@@ -37,14 +37,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var omit_1 = __importDefault(require("lodash-es/omit"));
+var React = __importStar(require("react"));
 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 (React.createElement("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) })));

package/content/Kanban/KanbanView.js

@@ -14,8 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var react_1 = __importDefault(require("react"));
 function KanbanView(props) {
     var bem = (0, hooks_1.useBem)('KanbanView');
     var Droppable = props.droppableComponent;

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

@@ -14,10 +14,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 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");
+var react_1 = __importDefault(require("react"));
 function KanbanColumnView(props) {
     var bem = (0, hooks_1.useBem)('KanbanColumnView');
     var Draggable = props.draggableComponent;

package/content/Kanban/views/KanbanModal/KanbanModalView.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
-var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal/Modal"));
-var enums_1 = require("@steroidsjs/core/ui/content/Kanban/enums");
 var hooks_1 = require("@steroidsjs/core/hooks");
+var enums_1 = require("@steroidsjs/core/ui/content/Kanban/enums");
+var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal/Modal"));
+var react_1 = __importStar(require("react"));
 var CreateOrEditTaskModalContent_1 = __importDefault(require("./views/CreateOrEditTaskModalContent"));
 var TaskDetailsModalContent_1 = __importDefault(require("./views/TaskDetailsModalContent"));
 function KanbanModalView(props) {

package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/CreateOrEditTaskModalContentView.js

@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
+var content_1 = require("@steroidsjs/core/ui/content");
 var KanbanPrioritiesEnum_1 = __importDefault(require("@steroidsjs/core/ui/content/Kanban/enums/KanbanPrioritiesEnum"));
 var form_1 = require("@steroidsjs/core/ui/form");
-var content_1 = require("@steroidsjs/core/ui/content");
-var TagsSelector_1 = __importDefault(require("./views/TagsSelector"));
+var react_1 = __importStar(require("react"));
 var Label_1 = __importDefault(require("./views/Label"));
+var TagsSelector_1 = __importDefault(require("./views/TagsSelector"));
 function CreateOrEditTaskModalContentView(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var columns = (0, react_1.useMemo)(function () { return (props.columns.map(function (column) { return ({

package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/Label.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 var typography_1 = require("@steroidsjs/core/ui/typography");
+var react_1 = __importDefault(require("react"));
 function Label(props) {
     return (react_1["default"].createElement(typography_1.Text, { className: props.className, type: 'body2', content: props.content, color: "light-dark" }));
 }

package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/TagsSelector/TagsSelector.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var form_1 = require("@steroidsjs/core/reducers/form");
 var form_2 = require("@steroidsjs/core/ui/form");
+var react_1 = __importStar(require("react"));
 var TaskTags_1 = __importDefault(require("../../../../../TaskTags"));
 require("./TagsSelector.scss");
 function TagsSelector(props) {

package/content/Kanban/views/KanbanModal/views/TaskDetailsModalContent/TaskDetailsModalContentView.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var content_1 = require("@steroidsjs/core/ui/content");
-var typography_1 = require("@steroidsjs/core/ui/typography");
 var KanbanPrioritiesEnum_1 = __importDefault(require("@steroidsjs/core/ui/content/Kanban/enums/KanbanPrioritiesEnum"));
+var typography_1 = require("@steroidsjs/core/ui/typography");
+var react_1 = __importStar(require("react"));
 function TaskDetailsModalContentView(props) {
     var _a;
     var _b = props.task, tags = _b.tags, priority = _b.priority, description = _b.description, assigner = _b.assigner;

package/content/Kanban/views/KanbanTask/KanbanTaskView.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IKanbanTaskViewProps } from '@steroidsjs/core/ui/content/Kanban/Kanban';
+import React from 'react';
 declare function KanbanTaskView(props: IKanbanTaskViewProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof KanbanTaskView>;
 export default _default;

package/content/Kanban/views/KanbanTask/KanbanTaskView.js

@@ -37,10 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Avatar_1 = __importDefault(require("@steroidsjs/core/ui/content/Avatar/Avatar"));
 var typography_1 = require("@steroidsjs/core/ui/typography");
+var react_1 = __importStar(require("react"));
 var TaskTags_1 = __importDefault(require("../TaskTags"));
 function KanbanTaskView(props) {
     var bem = (0, hooks_1.useBem)('KanbanTaskView');

package/content/Kanban/views/TaskTags/TaskTags.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
-var content_1 = require("@steroidsjs/core/ui/content");
 var hooks_1 = require("@steroidsjs/core/hooks");
+var content_1 = require("@steroidsjs/core/ui/content");
+var react_1 = __importDefault(require("react"));
 require("./TaskTags.scss");
 function TaskTags(props) {
     var bem = (0, hooks_1.useBem)('TaskTags');

package/content/Menu/MenuItemView.js

@@ -12,7 +12,9 @@ function MenuItemView(props) {
             hasBorder: props.hasBorder,
             noneIcon: !props.icon
         }) },
-        props.icon && (0, renderIcon_1["default"])(props.icon, { className: bem.element('icon') }),
+        props.icon && (0, renderIcon_1["default"])(props.icon, {
+            className: bem.element('icon')
+        }),
         react_1["default"].createElement("span", { className: bem.element('label') }, props.label)));
 }
 exports["default"] = MenuItemView;

package/content/Menu/MenuView.js

@@ -14,20 +14,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
-var content_1 = require("@steroidsjs/core/ui/content");
 var hooks_1 = require("@steroidsjs/core/hooks");
+var content_1 = require("@steroidsjs/core/ui/content");
+var react_1 = __importDefault(require("react"));
 var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 function MenuView(props) {
     var bem = (0, hooks_1.useBem)('MenuView');
     var MenuItemView = props.itemView;
     var renderMenuItems = react_1["default"].useCallback(function () {
         var _a;
-        return (react_1["default"].createElement(react_1["default"].Fragment, null, (_a = props.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return (react_1["default"].createElement(MenuItemView, __assign({ key: index }, item))); })));
+        return ((_a = props.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return (react_1["default"].createElement(MenuItemView, __assign({ key: index }, item))); }));
     }, [MenuItemView, props.items]);
     return (react_1["default"].createElement(content_1.DropDown, __assign({}, props.dropDownProps, { className: bem(bem.block(), props.className), content: renderMenuItems }),
         react_1["default"].createElement("span", { className: bem.element('button') }, props.icon
-            ? (0, renderIcon_1["default"])(props.icon, { className: bem.element('icon') })
+            ? (0, renderIcon_1["default"])(props.icon, {
+                className: bem.element('icon')
+            })
             : (react_1["default"].createElement(content_1.Icon, { name: 'menu_dots', className: bem.element('icon') })))));
 }
 exports["default"] = MenuView;

package/content/Slider/SliderView.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 /* eslint-disable import/no-extraneous-dependencies */
-var react_1 = __importDefault(require("react"));
-var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var react_splide_1 = require("@splidejs/react-splide");
+var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
+var react_1 = __importDefault(require("react"));
 require("@splidejs/splide/dist/css/splide.min.css");
 function SliderView(props) {
     var _a;

package/crud/Crud/CrudView.js

@@ -26,9 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
+var React = __importStar(require("react"));
 function CrudView(props) {
     var bem = (0, hooks_1.useBem)('CrudView');
     return (React.createElement("div", { className: bem(bem.block(), props.className) },

package/form/AutoCompleteField/AutoCompleteFieldView.js

@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var isArray_1 = __importDefault(require("lodash-es/isArray"));
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
 var content_1 = require("@steroidsjs/core/ui/content");
+var Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
+var isArray_1 = __importDefault(require("lodash-es/isArray"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var React = __importStar(require("react"));
 var normalizeItems = function (items) {
     var categories = {};
     var itemsWithoutCategory = [];

package/form/Button/ButtonView.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var isString_1 = __importDefault(require("lodash-es/isString"));
+var React = __importStar(require("react"));
 function ButtonView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('ButtonView');

package/form/CheckboxField/CheckboxFieldView.js

@@ -37,13 +37,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var useUniqueId_1 = __importDefault(require("@steroidsjs/core/hooks/useUniqueId"));
+var React = __importStar(require("react"));
 function CheckboxFieldView(props) {
     var bem = (0, hooks_1.useBem)('CheckboxFieldView');
     var id = (0, useUniqueId_1["default"])('checkbox');
-    var customVariableColorStyle = { '--checkbox-custom-color': props.color };
+    var customVariableColorStyle = {
+        '--checkbox-custom-color': props.color
+    };
     return (React.createElement("div", { className: bem(bem.block({
             size: props.size,
             hasErrors: !!props.errors
@@ -53,6 +55,8 @@ function CheckboxFieldView(props) {
             }), id: props.id || id, disabled: props.disabled, required: props.required }, props.inputProps)),
         React.createElement("label", { className: bem.element('label', {
                 'has-label-only': props.hasOnlyLeafCheckboxes && !props.id
-            }), htmlFor: props.id || id }, props.label && (React.createElement("span", { className: bem.element('label-text', { required: props.required }) }, props.label)))));
+            }), htmlFor: props.id || id }, props.label && (React.createElement("span", { className: bem.element('label-text', {
+                required: props.required
+            }) }, props.label)))));
 }
 exports["default"] = CheckboxFieldView;

package/form/CheckboxListField/CheckboxListFieldView.js

@@ -26,9 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var useUniqueId_1 = __importDefault(require("@steroidsjs/core/hooks/useUniqueId"));
+var React = __importStar(require("react"));
 function CheckboxListFieldView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('CheckboxListFieldView');

package/form/CheckboxTreeField/CheckboxTreeFieldView.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
-var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
+var react_1 = __importDefault(require("react"));
 function CheckboxTreeFieldView(props) {
     var bem = (0, useBem_1["default"])('CheckboxTreeFieldView');
     var prefix = (0, hooks_1.useUniqueId)('checkbox');

package/form/DateField/DateFieldView.js

@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
+var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var React = __importStar(require("react"));
+var react_1 = require("react");
 function DateFieldView(props) {
     var bem = (0, hooks_1.useBem)('DateFieldView');
     var renderCalendar = (0, react_1.useCallback)(function () { return (React.createElement(Calendar_1["default"], __assign({}, props.calendarProps))); }, [props.calendarProps]);

package/form/DateRangeField/DateRangeFieldView.js

@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var react_1 = require("react");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
-var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
+var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var react_1 = require("react");
+var React = __importStar(require("react"));
 var RangeButtons_1 = __importDefault(require("./views/RangeButtons"));
 function DateRangeFieldView(props) {
     var bem = (0, hooks_1.useBem)('DateRangeFieldView');

package/form/DateRangeField/views/RangeButtons/RangeButtons.js

@@ -34,9 +34,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var form_1 = require("@steroidsjs/core/ui/form");
+var react_1 = __importStar(require("react"));
 var consts_1 = require("./consts");
 var DEFAULT_BUTTONS = [
     consts_1.RANGE_BUTTONS.today,
@@ -55,6 +55,8 @@ function RangeButtons(props) {
     var changeFrom = props.changeFrom, changeTo = props.changeTo;
     var buttons = (0, react_1.useMemo)(function () { return (Array.isArray(props.config) ? props.config : DEFAULT_BUTTONS)
         .map(function (button) { return (__assign(__assign({}, button), { onClick: button.onClick.bind(null, locale, changeFrom, changeTo, props.format || DEFAULT_VALUE_FORMAT) })); }); }, [changeFrom, changeTo, locale, props.config, props.format]);
-    return (react_1["default"].createElement("div", { className: bem.block({ position: props.position }) }, buttons.map(function (button, index) { return (react_1["default"].createElement(form_1.Button, { key: index, onClick: button.onClick, label: button.label, outline: true, size: 'sm', color: 'basic' })); })));
+    return (react_1["default"].createElement("div", { className: bem.block({
+            position: props.position
+        }) }, buttons.map(function (button, index) { return (react_1["default"].createElement(form_1.Button, { key: index, onClick: button.onClick, label: button.label, outline: true, size: 'sm', color: 'basic' })); })));
 }
 exports["default"] = RangeButtons;

package/form/DateTimeField/DateTimeFieldView.js

@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var react_1 = require("react");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var react_1 = require("react");
+var React = __importStar(require("react"));
 var TimePanelView_1 = __importDefault(require("../TimeField/TimePanelView"));
 function DateTimeFieldView(props) {
     var bem = (0, hooks_1.useBem)('DateTimeFieldView');

package/form/DateTimeRangeField/DateTimeRangeFieldView.js

@@ -37,14 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var react_1 = require("react");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
-var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
-var TimePanelView_1 = __importDefault(require("../TimeField/TimePanelView"));
+var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var react_1 = require("react");
+var React = __importStar(require("react"));
 var RangeButtons_1 = __importDefault(require("../DateRangeField/views/RangeButtons"));
+var TimePanelView_1 = __importDefault(require("../TimeField/TimePanelView"));
 function DateTimeRangeFieldView(props) {
     var bem = (0, hooks_1.useBem)('DateTimeRangeFieldView');
     var hasValue = props.inputPropsFrom.value || props.inputPropsTo.value;

package/form/DropDownField/DropDownFieldView.js

@@ -37,10 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var content_1 = require("@steroidsjs/core/ui/content");
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var React = __importStar(require("react"));
 var utils_1 = require("./utils");
 function DropDownFieldView(props) {
     var _a;