@steroidsjs/bootstrap 2.1.21 → 3.0.0-beta.10

package/form/ReCaptchaField/ReCaptchaFieldView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -23,7 +27,7 @@ var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var nav_1 = require("@steroidsjs/core/ui/nav");
 function ReCaptchaFieldView(props) {
-    var bem = hooks_1.useBem('ReCaptchaFieldView');
+    var bem = (0, hooks_1.useBem)('ReCaptchaFieldView');
     return (React.createElement("div", { className: bem.block() },
         React.createElement("small", { className: 'text-muted' },
             __('This site is protected by reCAPTCHA and the Google') + ' ',

package/form/SliderField/SliderFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ISliderFieldViewProps } from '@steroidsjs/core/ui/form/SliderField/SliderField';
 export default function SliderFieldView(props: ISliderFieldViewProps & IBemHocOutput): JSX.Element;

package/form/SliderField/SliderFieldView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -38,10 +42,10 @@ var createSliderWithTooltip = rc_slider_1["default"].createSliderWithTooltip;
 var RangeComponent = createRangeWithTooltip(rc_slider_1.Range);
 var SliderComponent = createSliderWithTooltip(rc_slider_1["default"]);
 function SliderFieldView(props) {
-    var bem = hooks_1.useBem('SliderFieldView');
+    var bem = (0, hooks_1.useBem)('SliderFieldView');
     var handle = function (prevProps) {
         var value = prevProps.value;
-        return (React.createElement(rc_slider_1.SliderTooltip, { prefixCls: 'rc-slider-tooltip', placement: 'top', overlay: "" + value },
+        return (React.createElement(rc_slider_1.SliderTooltip, { prefixCls: 'rc-slider-tooltip', placement: 'top', overlay: "".concat(value) },
             React.createElement(rc_slider_1.Handle, { value: value })));
     };
     var commonProps = {
@@ -57,7 +61,7 @@ function SliderFieldView(props) {
             ? props.defaultValue
             : (props.isRange ? props.rangeDefaultValue : props.sliderDefaultValue),
         disabled: props.disabled,
-        tipFormatter: function (value) { return "" + (value + props.valuePostfix); },
+        tipFormatter: function (value) { return "".concat(value + props.valuePostfix); },
         handle: handle
     };
     var RangeField = (React.createElement(RangeComponent, __assign({}, commonProps, { draggableTrack: true, areaDisabled: true, pushable: true })));

package/form/SwitcherField/SwitcherFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ISwitcherFieldViewProps } from '@steroidsjs/core/ui/form/SwitcherField/SwitcherField';
 export default function SwitcherFieldView(props: ISwitcherFieldViewProps & IBemHocOutput): JSX.Element;

package/form/SwitcherField/SwitcherFieldView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -38,9 +42,9 @@ var get_1 = __importDefault(require("lodash-es/get"));
 var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function SwitcherFieldView(props) {
-    var bem = hooks_1.useBem('SwitcherFieldView');
+    var bem = (0, hooks_1.useBem)('SwitcherFieldView');
     return (React.createElement("div", { className: bem(bem.block({
             size: props.size
-        }), props.className, 'btn-group') }, props.items.map(function (item) { return (React.createElement(Button_1["default"], __assign({ key: String(item[props.primaryKey]) }, props.buttonProps, { className: bem(get_1["default"](props, 'buttonProps.className'), props.hoveredId === item[props.primaryKey] && 'hover', props.selectedIds.includes(item[props.primaryKey]) && 'active'), disabled: props.disabled, onClick: function () { return props.onItemSelect(item[props.primaryKey]); }, onMouseOver: function () { return props.onItemHover(item[props.primaryKey]); }, layout: false }), item.label)); })));
+        }), props.className, 'btn-group') }, props.items.map(function (item) { return (React.createElement(Button_1["default"], __assign({ key: String(item[props.primaryKey]) }, props.buttonProps, { className: bem((0, get_1["default"])(props, 'buttonProps.className'), props.hoveredId === item[props.primaryKey] && 'hover', props.selectedIds.includes(item[props.primaryKey]) && 'active'), disabled: props.disabled, onClick: function () { return props.onItemSelect(item[props.primaryKey]); }, onMouseOver: function () { return props.onItemHover(item[props.primaryKey]); }, layout: false }), item.label)); })));
 }
 exports["default"] = SwitcherFieldView;

package/form/TextField/TextFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ITextFieldViewProps } from '@steroidsjs/core/ui/form/TextField/TextField';
 export default function TextFieldView(props: ITextFieldViewProps & IBemHocOutput): JSX.Element;

package/form/TextField/TextFieldView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -33,7 +37,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function TextFieldView(props) {
-    var bem = hooks_1.useBem('TextFieldView');
+    var bem = (0, hooks_1.useBem)('TextFieldView');
     return (React.createElement("textarea", __assign({ className: bem(bem.block({
             size: props.size
         }), 'form-control', 'form-control-' + props.size, !!props.errors && 'is-invalid', props.className) }, props.inputProps)));

package/form/TimeField/TimeFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ITimeFieldViewProps } from '@steroidsjs/core/ui/form/TimeField/TimeField';
 export default function TimeFieldView(props: ITimeFieldViewProps & IBemHocOutput): JSX.Element;

package/form/TimeField/TimeFieldView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -36,12 +40,12 @@ 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/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var TimePanelView_1 = __importDefault(require("./TimePanelView"));
 function TimeFieldView(props) {
-    var bem = hooks_1.useBem('TimeFieldView');
-    var renderContent = react_1.useCallback(function () { return (React.createElement(TimePanelView_1["default"], __assign({}, props.timePanelViewProps))); }, [props.timePanelViewProps]);
+    var bem = (0, hooks_1.useBem)('TimeFieldView');
+    var renderContent = (0, react_1.useCallback)(function () { return (React.createElement(TimePanelView_1["default"], __assign({}, props.timePanelViewProps))); }, [props.timePanelViewProps]);
     var renderBody = function () { return (React.createElement("div", { className: bem(bem.block({
             disabled: props.disabled,
             'no-border': props.noBorder

package/form/TimeField/TimePanelView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ITimePanelViewProps } from '@steroidsjs/core/ui/form/TimeField/TimeField';
 declare function TimePanelView(props: ITimePanelViewProps): JSX.Element;
 declare namespace TimePanelView {

package/form/TimeField/TimePanelView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -28,7 +32,7 @@ var padStart_1 = __importDefault(require("lodash-es/padStart"));
 var getHours = function () {
     var result = [];
     for (var i = 0; i < 24; i += 1) {
-        var hour = padStart_1["default"](i, 2, '0');
+        var hour = (0, padStart_1["default"])(i, 2, '0');
         result.push(hour);
     }
     return result;
@@ -36,16 +40,16 @@ var getHours = function () {
 var getMinutes = function () {
     var result = [];
     for (var i = 0; i < 60; i += 1) {
-        var minute = padStart_1["default"](i, 2, '0');
+        var minute = (0, padStart_1["default"])(i, 2, '0');
         result.push(minute);
     }
     return result;
 };
 function TimePanelView(props) {
-    var bem = hooks_1.useBem('TimePanelView');
+    var bem = (0, hooks_1.useBem)('TimePanelView');
     var _a = props.value ? props.value.split(':') : ['00', '00'], hours = _a[0], minutes = _a[1];
     return (React.createElement("div", { className: bem(bem.block(), props.className) },
-        props.showHeader && (React.createElement("div", { className: bem.element('header') }, props.value && (hours + ":" + minutes))),
+        props.showHeader && (React.createElement("div", { className: bem.element('header') }, props.value && ("".concat(hours, ":").concat(minutes)))),
         React.createElement("div", { className: bem.element('body') },
             React.createElement("div", { className: bem.element('column') }, getHours().map(function (value, index) { return (React.createElement("div", { key: index, className: bem.element('cell', {
                     selected: value === hours

package/format/DefaultFormatter/DefaultFormatterView.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IBooleanFormatterPropsView } from '@steroidsjs/core/ui/format/BooleanFormatter/BooleanFormatter';
-export default function DefaultFormatterView(props: IBooleanFormatterPropsView): {};
+export default function DefaultFormatterView(props: IBooleanFormatterPropsView): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment;

package/{icon → icons}/fontawesome.js

@@ -1,5 +1,6 @@
 "use strict";
 exports.__esModule = true;
+/* eslint-disable import/no-dynamic-require */
 var groupedIcons = {
     brands: [
         '500px', 'accessible-icon', 'accusoft', 'acquisitions-incorporated', 'adn', 'adversal',
@@ -52,7 +53,7 @@ var groupedIcons = {
         'strava', 'stripe', 'stripe-s', 'studiovinari', 'stumbleupon', 'stumbleupon-circle', 'superpowers',
         'supple', 'suse', 'swift', 'symfony', 'teamspeak', 'telegram', 'telegram-plane', 'tencent-weibo',
         'the-red-yeti', 'themeco', 'themeisle', 'think-peaks', 'tiktok', 'trade-federation', 'trello',
-        'tripadvisor', 'tumblr', 'tumblr-square', 'twitch', 'twitter', 'twitter-square', 'typo3', 'uber', 'ubuntu',
+        'tumblr', 'tumblr-square', 'twitch', 'twitter', 'twitter-square', 'typo3', 'uber', 'ubuntu',
         'uikit', 'umbraco', 'uniregistry', 'unity', 'unsplash', 'untappd', 'ups', 'usb', 'usps', 'ussunnah',
         'vaadin', 'viacoin', 'viadeo', 'viadeo-square', 'viber', 'vimeo', 'vimeo-square', 'vimeo-v', 'vine', 'vk',
         'vnv', 'vuejs', 'waze', 'weebly', 'weibo', 'weixin', 'whatsapp', 'whatsapp-square', 'whmcs', 'wikipedia-w',
@@ -225,7 +226,7 @@ exports["default"] = (function () {
     var icons = {};
     Object.keys(groupedIcons).forEach(function (group) {
         groupedIcons[group].forEach(function (name) {
-            icons[name] = require("@fortawesome/fontawesome-free/svgs/" + group + "/" + name + ".svg");
+            icons[name] = require("@fortawesome/fontawesome-free/svgs/".concat(group, "/").concat(name, ".svg"));
         });
     });
     // Core icons
@@ -238,12 +239,19 @@ exports["default"] = (function () {
         reject: 'times-circle',
         back: 'arrow-left',
         securityEye: 'eye',
-        securityEyeSlash: 'eye-slash',
-        success: 'check-circle',
-        info: 'info-circle',
-        warning: 'exclamation-circle',
-        error: 'times-circle'
+        securityEyeSlash: 'eye-slash'
     };
+    var steroidsIcons = [
+        'success',
+        'info',
+        'warning',
+        'error',
+        'close',
+        'default',
+    ];
+    steroidsIcons.forEach(function (iconName) {
+        icons[iconName] = require("./svgs/".concat(iconName, ".svg"));
+    });
     Object.keys(coreIconsMap).forEach(function (name) {
         icons[name] = icons[coreIconsMap[name]];
     });

package/index.d.ts

@@ -20,6 +20,9 @@ declare const _default: {
     'content.DetailView': {
         lazy: () => any;
     };
+    'content.IconView': {
+        lazy: () => any;
+    };
     'form.AutoCompleteFieldView': {
         lazy: () => any;
     };
@@ -122,9 +125,6 @@ declare const _default: {
     'format.DefaultFormatterView': {
         lazy: () => any;
     };
-    'icon.IconView': {
-        lazy: () => any;
-    };
     'layout.HeaderView': {
         lazy: () => any;
     };

package/index.js

@@ -23,6 +23,9 @@ exports["default"] = {
     'content.DetailView': {
         lazy: function () { return require('./content/Detail/DetailView')["default"]; }
     },
+    'content.IconView': {
+        lazy: function () { return require('./content/Icon/IconView')["default"]; }
+    },
     'form.AutoCompleteFieldView': {
         lazy: function () { return require('./form/AutoCompleteField/AutoCompleteFieldView')["default"]; }
     },
@@ -125,9 +128,6 @@ exports["default"] = {
     'format.DefaultFormatterView': {
         lazy: function () { return require('./format/DefaultFormatter/DefaultFormatterView')["default"]; }
     },
-    'icon.IconView': {
-        lazy: function () { return require('./icon/Icon/IconView')["default"]; }
-    },
     'layout.HeaderView': {
         lazy: function () { return require('./layout/Header/HeaderView')["default"]; }
     },

package/index.scss

@@ -38,7 +38,7 @@
 @import './form/TextField/TextFieldView';
 @import './form/TimeField/TimeFieldView';
 @import './form/TimeField/TimePanelView';
-@import './icon/Icon/IconView';
+@import './content/Icon/IconView';
 @import './layout/Header/HeaderView';
 @import './layout/Tooltip/TooltipView';
 @import './layout/Notifications/NotificationsView';

package/layout/Header/HeaderView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IHeaderViewProps } from '@steroidsjs/core/ui/layout/Header/Header';
 export default function HeaderView(props: IHeaderViewProps): JSX.Element;

package/layout/Header/HeaderView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -36,10 +40,10 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var nav_1 = require("@steroidsjs/core/ui/nav");
 var Nav_1 = __importDefault(require("@steroidsjs/core/ui/nav/Nav"));
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function HeaderView(props) {
-    var bem = hooks_1.useBem('HeaderView');
+    var bem = (0, hooks_1.useBem)('HeaderView');
     return (React.createElement("nav", { className: bem('navbar navbar-expand-lg', props.dark ? 'navbar-dark' : 'navbar-light', props.dark ? 'bg-dark' : 'bg-light', bem.block(), props.className) },
         props.logo && (React.createElement(nav_1.Link, __assign({ className: bem('navbar-brand', bem.element('logo')), toRoute: 'root' }, props.logo.linkProps),
             props.logo.icon && (React.createElement(Icon_1["default"], { className: bem.element('logo-image'), name: props.logo.icon, title: props.logo.title })),

package/layout/Loader/LoaderView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 export default function LoaderView(props: IBemHocOutput): JSX.Element;

package/layout/Loader/LoaderView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function LoaderView(props) {
-    var bem = hooks_1.useBem('LoaderView');
+    var bem = (0, hooks_1.useBem)('LoaderView');
     return (React.createElement("div", { className: bem.block() },
         React.createElement("div", { className: bem.element('loader') })));
 }

package/layout/Notifications/NotificationsItemView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { INotificationsItemViewProps } from '@steroidsjs/core/ui/layout/Notifications/Notifications';
 export default function NotificationsItemView(props: INotificationsItemViewProps & IBemHocOutput): JSX.Element;

package/layout/Notifications/NotificationsItemView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -25,11 +29,11 @@ var react_transition_group_1 = require("react-transition-group");
 var hooks_1 = require("@steroidsjs/core/hooks");
 function NotificationsItemView(props) {
     var _a, _b;
-    var _c = react_1.useState(false), isShow = _c[0], setIsShow = _c[1];
-    react_1.useEffect(function () {
+    var _c = (0, react_1.useState)(false), isShow = _c[0], setIsShow = _c[1];
+    (0, react_1.useEffect)(function () {
         setIsShow(!props.isClosing);
     }, [props.isClosing]);
-    var bem = hooks_1.useBem('NotificationsItemView');
+    var bem = (0, hooks_1.useBem)('NotificationsItemView');
     return (React.createElement(react_transition_group_1.CSSTransition, { "in": isShow, timeout: 1000, classNames: bem(bem.block((_a = {},
             _a[props.position] = true,
             _a))), unmountOnExit: true },

package/layout/Notifications/NotificationsView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { INotificationsViewProps } from '@steroidsjs/core/ui/layout/Notifications/Notifications';
 export default function NotificationsView(props: INotificationsViewProps & IBemHocOutput): JSX.Element;

package/layout/Notifications/NotificationsView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -23,7 +27,7 @@ var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function NotificationsView(props) {
     var _a;
-    var bem = hooks_1.useBem('NotificationsView');
+    var bem = (0, hooks_1.useBem)('NotificationsView');
     return (React.createElement("div", { className: bem(bem.block((_a = {},
             _a[props.position] = true,
             _a))) }, props.children));

package/layout/ProgressBar/CircleProgressBarView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IProgressBarViewProps } from '@steroidsjs/core/ui/layout/ProgressBar/ProgressBar';
 export default function CircleProgressBarView(props: IProgressBarViewProps & IBemHocOutput): JSX.Element;

package/layout/ProgressBar/CircleProgressBarView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function CircleProgressBarView(props) {
-    var bem = hooks_1.useBem('CircleProgressBarView');
+    var bem = (0, hooks_1.useBem)('CircleProgressBarView');
     var size = {
         large: { radius: 64 },
         medium: { radius: 48 },
@@ -33,8 +37,11 @@ function CircleProgressBarView(props) {
         React.createElement("svg", null,
             React.createElement("g", { className: bem.element('circles') },
                 React.createElement("circle", { className: bem.element('emptyCircle'), style: { strokeDasharray: getCircumference() } }),
-                React.createElement("circle", { className: bem.element('progressCircle'), style: { strokeDashoffset: getCircumference() - Math.min(props.percent, 100) * getCircumference() / 100,
-                        strokeDasharray: getCircumference() } }))),
+                React.createElement("circle", { className: bem.element('progressCircle'), style: {
+                        // eslint-disable-next-line max-len
+                        strokeDashoffset: getCircumference() - (Math.min(props.percent, 100) * getCircumference()) / 100,
+                        strokeDasharray: getCircumference()
+                    } }))),
         React.createElement("div", { className: bem.element('content') }, props.label)));
 }
 exports["default"] = CircleProgressBarView;

package/layout/ProgressBar/LineProgressBarView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IProgressBarViewProps } from '@steroidsjs/core/ui/layout/ProgressBar/ProgressBar';
 export default function LineProgressBarView(props: IProgressBarViewProps & IBemHocOutput): JSX.Element;

package/layout/ProgressBar/LineProgressBarView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,10 +26,10 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function LineProgressBarView(props) {
-    var bem = hooks_1.useBem('LineProgressBarView');
+    var bem = (0, hooks_1.useBem)('LineProgressBarView');
     return (React.createElement("div", { className: bem.block({ size: props.size, status: props.status }) },
         React.createElement("div", { className: bem.element('emptyLine') },
-            React.createElement("div", { className: bem.element('progressLine'), style: { width: props.percent + "%" } })),
+            React.createElement("div", { className: bem.element('progressLine'), style: { width: "".concat(props.percent, "%") } })),
         React.createElement("div", { className: bem.element('text') }, props.label)));
 }
 exports["default"] = LineProgressBarView;

package/layout/Skeleton/SkeletonView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ISkeletonViewProps } from '@steroidsjs/core/ui/layout/Skeleton/Skeleton';
 export default function SkeletonView(props: ISkeletonViewProps): JSX.Element;

package/layout/Skeleton/SkeletonView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function SkeletonView(props) {
-    var bem = hooks_1.useBem('SkeletonView');
+    var bem = (0, hooks_1.useBem)('SkeletonView');
     return (React.createElement("span", { className: bem(props.className, bem.block({
             type: props.children ? null : props.type,
             animation: props.animation

package/layout/Tooltip/TooltipView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ITooltipViewProps } from '@steroidsjs/core/ui/layout/Tooltip/Tooltip';
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 export default function TooltipView(props: ITooltipViewProps & IBemHocOutput): JSX.Element;

package/layout/Tooltip/TooltipView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -24,12 +28,12 @@ var react_1 = require("react");
 var hooks_1 = require("@steroidsjs/core/hooks");
 function TooltipView(props) {
     var _a;
-    var tooltipRef = react_1.useRef(null);
-    var arrowRef = react_1.useRef(null);
-    react_1.useEffect(function () {
+    var tooltipRef = (0, react_1.useRef)(null);
+    var arrowRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
         props.calculatePosition(tooltipRef.current.getBoundingClientRect(), arrowRef.current.getBoundingClientRect());
     }, [props.calculatePosition]);
-    var bem = hooks_1.useBem('TooltipView');
+    var bem = (0, hooks_1.useBem)('TooltipView');
     return (React.createElement("div", { ref: tooltipRef, className: bem(bem.block({
             show: props.isTooltipVisible
         }), 'tooltip', 'tooltip-position-' + props.position), style: props.style },

package/list/CheckboxColumn/CheckboxColumnView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ICheckboxColumnViewProps } from '@steroidsjs/core/ui/list/CheckboxColumn/CheckboxColumn';
 export default function CheckboxColumnView(props: ICheckboxColumnViewProps & IBemHocOutput): JSX.Element;

package/list/CheckboxColumn/CheckboxColumnView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
 var CheckboxField_1 = __importDefault(require("@steroidsjs/core/ui/form/CheckboxField"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function CheckboxColumnView(props) {
-    var bem = hooks_1.useBem('CheckboxColumnView');
+    var bem = (0, hooks_1.useBem)('CheckboxColumnView');
     var CheckboxFieldInternal = CheckboxField_1["default"].WrappedComponent;
     return (React.createElement("div", { className: bem.block() },
         React.createElement(CheckboxFieldInternal, __assign({}, props.fieldProps, { input: props.input }))));

package/list/ControlsColumnView/ControlsColumnView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IControlsColumnViewProps } from '@steroidsjs/core/ui/list/ControlsColumn/ControlsColumn';
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 export default function ControlsColumnView(props: IControlsColumnViewProps & IBemHocOutput): JSX.Element;