@steroidsjs/bootstrap 3.0.45 → 3.1.0

package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.js

@@ -1,4 +1,15 @@
 "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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -12,6 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-shadow */
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType"));
@@ -20,7 +32,7 @@ var form_1 = require("@steroidsjs/core/ui/form");
 var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
 var get_1 = __importDefault(require("lodash-es/get"));
 var slice_1 = __importDefault(require("lodash-es/slice"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var getFormattedExpandLabel_1 = require("../../../../../utils/getFormattedExpandLabel");
 require("./MonthDay.scss");
 var SIXTH_ELEMENT_INDEX = 6;
@@ -28,7 +40,7 @@ function MonthDay(props) {
     var bem = (0, useBem_1["default"])('MonthDay');
     var day = props.day, getEventsFromDate = props.getEventsFromDate;
     var _a = (0, useExpandClickAway_1["default"])(), isExpanded = _a.isExpanded, setIsExpanded = _a.setIsExpanded, monthDayRef = _a.triggerRef;
-    var _b = react_1["default"].useMemo(function () {
+    var _b = (0, react_1.useMemo)(function () {
         var callingDate = new Date(props.day.date);
         var events = getEventsFromDate(callingDate, CalendarType_1["default"].MONTH);
         var dayHasMoreThanSixEvents = events.length > 6;
@@ -37,8 +49,8 @@ function MonthDay(props) {
             hasSixEvents: dayHasMoreThanSixEvents
         };
     }, [getEventsFromDate, props.day.date]), events = _b.events, hasSixEvents = _b.hasSixEvents;
-    var formattedExpandLabel = react_1["default"].useMemo(function () { return (0, getFormattedExpandLabel_1.getFormattedExpandRestLabel)((0, slice_1["default"])(__spreadArray([], events, true), SIXTH_ELEMENT_INDEX)); }, [events]);
-    var handleEventClick = react_1["default"].useCallback(function (event) {
+    var formattedExpandLabel = (0, react_1.useMemo)(function () { return (0, getFormattedExpandLabel_1.getFormattedExpandRestLabel)((0, slice_1["default"])(__spreadArray([], events, true), SIXTH_ELEMENT_INDEX)); }, [events]);
+    var handleEventClick = (0, react_1.useCallback)(function (event) {
         var eventFromHour = event.target;
         var eventId = (0, get_1["default"])(eventFromHour, 'dataset.eventid');
         if (!eventId) {
@@ -47,24 +59,19 @@ function MonthDay(props) {
         var requiredEvent = events.filter(function (hourEvent) { return hourEvent.id === Number(eventId); })[0];
         props.openEditModal(requiredEvent);
     }, [events, props]);
-    var handleOnContextMenuCreateClick = react_1["default"].useCallback(function (e) {
+    var handleOnContextMenuCreateClick = (0, react_1.useCallback)(function (e) {
         e.preventDefault();
         var day = (0, cloneDeep_1["default"])(props.day);
         day.date.setHours(0, 0, 0, 0);
         props.openCreateModal(day);
     }, [props]);
-    return (react_1["default"].createElement("div", { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block({
             outOfRange: day.outOfRange,
             isToday: day.isToday
-        })), ref: monthDayRef, onClick: handleEventClick, onContextMenu: handleOnContextMenuCreateClick },
-        react_1["default"].createElement("div", { className: bem.element('wrapper') },
-            react_1["default"].createElement("span", { className: bem.element('number') }, day.dayNumber.toString()),
-            react_1["default"].createElement("div", { className: bem.element('content', {
-                    isExpanded: isExpanded
-                }) },
-                events.map(function (event) { return props.renderEventView({
-                    event: event
-                }); }),
-                hasSixEvents && !isExpanded && (react_1["default"].createElement(form_1.Button, { link: true, className: bem.element('expand-button'), onClick: function () { return setIsExpanded(true); } }, formattedExpandLabel))))));
+        })), ref: monthDayRef, onClick: handleEventClick, onContextMenu: handleOnContextMenuCreateClick }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('wrapper') }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('number') }, { children: day.dayNumber.toString() })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content', {
+                        isExpanded: isExpanded
+                    }) }, { children: [events.map(function (event) { return props.renderEventView({
+                            event: event
+                        }); }), hasSixEvents && !isExpanded && ((0, jsx_runtime_1.jsx)(form_1.Button, __assign({ link: true, className: bem.element('expand-button'), onClick: function () { return setIsExpanded(true); } }, { children: formattedExpandLabel })))] }))] })) })));
 }
 exports["default"] = MonthDay;

package/content/CalendarSystem/MonthGrid/views/MonthDay/views/MonthEvent/MonthEvent.js

@@ -1,20 +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 jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var Tooltip_1 = __importDefault(require("@steroidsjs/core/ui/layout/Tooltip/Tooltip"));
-var react_1 = __importDefault(require("react"));
 require("./MonthEvent.scss");
 function MonthEvent(_a) {
     var event = _a.event;
     var bem = (0, useBem_1["default"])('MonthEvent');
-    return (react_1["default"].createElement(Tooltip_1["default"], { key: event.id, position: 'rightBottom', content: event.title, className: bem.element('tooltip') },
-        react_1["default"].createElement("span", { className: bem.element('event'), "data-eventid": event.id },
-            react_1["default"].createElement("span", { className: bem.element('event-dot'), style: {
-                    backgroundColor: event.color
-                } }),
-            event.title)));
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1["default"], __assign({ position: 'rightBottom', content: event.title, className: bem.element('tooltip') }, { children: (0, jsx_runtime_1.jsxs)("span", __assign({ className: bem.element('event'), "data-eventid": event.id }, { children: [(0, jsx_runtime_1.jsx)("span", { className: bem.element('event-dot'), style: {
+                        backgroundColor: event.color
+                    } }), event.title] })) }), event.id));
 }
 exports["default"] = MonthEvent;

package/content/CalendarSystem/WeekGrid/WeekGrid.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
 import './WeekGrid.scss';
 type IWeekGridProps = Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> & ICalendarSystemViewProps['weekGridProps'];
 declare function WeekGrid(props: IWeekGridProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof WeekGrid>;
+declare const _default: import("react").MemoExoticComponent<typeof WeekGrid>;
 export default _default;

package/content/CalendarSystem/WeekGrid/WeekGrid.js

@@ -1,31 +1,37 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 require("./WeekGrid.scss");
 function WeekGrid(props) {
     var bem = (0, useBem_1["default"])('WeekGrid');
     var weekGridCurrentWeekDays = props.weekGridCurrentWeekDays;
-    var renderWeekHours = react_1["default"].useCallback(function (hour) { return weekGridCurrentWeekDays.map(function (dayOfWeek, dayOfWeekIndex) { return (react_1["default"].createElement(react_1["default"].Fragment, { key: dayOfWeekIndex }, props.renderHourView({
-        openEditModal: props.openEditModal,
-        openCreateModal: props.openCreateModal,
-        getEventsFromDate: props.getEventsFromDate,
-        renderEventView: props.renderEventView,
-        dayOfWeek: dayOfWeek,
-        hour: hour
-    }))); }); }, [weekGridCurrentWeekDays, props]);
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        react_1["default"].createElement("div", { className: bem.element('content') },
-            react_1["default"].createElement("div", { className: bem.element('hours-time') }, props.weekGridTwentyFourHoursArray.map(function (hour, hourIndex) { return (react_1["default"].createElement("div", { key: hourIndex, className: bem.element('hours-time-item') }, hour)); })),
-            react_1["default"].createElement("div", { className: bem.element('table') },
-                react_1["default"].createElement("div", { className: bem.element('table-heading') }, weekGridCurrentWeekDays.map(function (weekDay, weekDayIndex) { return (react_1["default"].createElement(Text_1["default"], { key: weekDayIndex, className: bem.element('day', {
-                        isToday: weekDay.isToday
-                    }) },
-                    react_1["default"].createElement("span", { className: bem.element('day-wrapper') }, weekDay.formattedDisplay))); })),
-                react_1["default"].createElement("div", { className: bem.element('table-grid') }, props.weekGridTwentyFourHoursArray.map(function (hour, hourIndex) { return (react_1["default"].createElement("div", { key: hourIndex, className: bem.element('table-grid-row') }, renderWeekHours(hour))); }))))));
+    var renderWeekHours = (0, react_1.useCallback)(function (hour) { return weekGridCurrentWeekDays.map(function (dayOfWeek, dayOfWeekIndex) { return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: props.renderHourView({
+            openEditModal: props.openEditModal,
+            openCreateModal: props.openCreateModal,
+            getEventsFromDate: props.getEventsFromDate,
+            renderEventView: props.renderEventView,
+            dayOfWeek: dayOfWeek,
+            hour: hour
+        }) }, dayOfWeekIndex)); }); }, [weekGridCurrentWeekDays, props]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('hours-time') }, { children: props.weekGridTwentyFourHoursArray.map(function (hour, hourIndex) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('hours-time-item') }, { children: hour }), hourIndex)); }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('table') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-heading') }, { children: weekGridCurrentWeekDays.map(function (weekDay, weekDayIndex) { return ((0, jsx_runtime_1.jsx)(Text_1["default"], __assign({ className: bem.element('day', {
+                                    isToday: weekDay.isToday
+                                }) }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('day-wrapper') }, { children: weekDay.formattedDisplay })) }), weekDayIndex)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-grid') }, { children: props.weekGridTwentyFourHoursArray.map(function (hour, hourIndex) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-grid-row') }, { children: renderWeekHours(hour) }), hourIndex)); }) }))] }))] })) })));
 }
-exports["default"] = react_1["default"].memo(WeekGrid);
+exports["default"] = (0, react_1.memo)(WeekGrid);

package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.d.ts

@@ -1,10 +1,10 @@
 import { ICalendarSystemViewProps, IDay } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
+import { ReactNode } from 'react';
 import './WeekHour.scss';
 interface IWeekHourProps extends Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> {
     dayOfWeek: IDay;
     hour: string;
-    renderEventView: (componentProps: any) => React.ReactNode;
+    renderEventView: (componentProps: any) => ReactNode;
 }
 export default function WeekHour(props: IWeekHourProps): JSX.Element;
 export {};

package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.js

@@ -1,19 +1,31 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-shadow */
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType"));
 var calendar_1 = require("@steroidsjs/core/utils/calendar");
 var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
 var get_1 = __importDefault(require("lodash-es/get"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 require("./WeekHour.scss");
 function WeekHour(props) {
     var bem = (0, useBem_1["default"])('WeekHour');
-    var events = react_1["default"].useMemo(function () {
+    var events = (0, react_1.useMemo)(function () {
         var callingDate = new Date(props.dayOfWeek.date);
         var timeArray = props.hour.replace(':', '').split('');
         callingDate.setHours(Number(timeArray[0] + timeArray[1]), 0, 0, 0);
@@ -22,7 +34,7 @@ function WeekHour(props) {
             events: events
         };
     }, [props]).events;
-    var handleEventClick = react_1["default"].useCallback(function (event) {
+    var handleEventClick = (0, react_1.useCallback)(function (event) {
         var eventFromHour = event.target;
         var eventId = (0, get_1["default"])(eventFromHour, 'dataset.eventid');
         if (!eventId) {
@@ -31,16 +43,16 @@ function WeekHour(props) {
         var requiredEvent = events.filter(function (hourEvent) { return hourEvent.id === Number(eventId); })[0];
         props.openEditModal(requiredEvent);
     }, [events, props]);
-    var handleOnContextMenuCreateClick = react_1["default"].useCallback(function (e) {
+    var handleOnContextMenuCreateClick = (0, react_1.useCallback)(function (e) {
         e.preventDefault();
         var day = (0, cloneDeep_1["default"])(props.dayOfWeek);
         day.date.setHours(Number((0, calendar_1.convertDate)(props.hour, 'HH:mm', 'H')), 0, 0, 0);
         props.openCreateModal(day);
     }, [props]);
-    return (react_1["default"].createElement("div", { className: bem.element('hour', {
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('hour', {
             isToday: props.dayOfWeek.isToday
-        }), onClick: handleEventClick, onContextMenu: handleOnContextMenuCreateClick }, events.map(function (event) { return props.renderEventView({
-        event: event
-    }); })));
+        }), onClick: handleEventClick, onContextMenu: handleOnContextMenuCreateClick }, { children: events.map(function (event) { return props.renderEventView({
+            event: event
+        }); }) })));
 }
 exports["default"] = WeekHour;

package/content/CalendarSystem/WeekGrid/views/WeekHour/views/WeekEvent/WeekEvent.js

@@ -14,17 +14,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var utils_1 = require("@steroidsjs/core/ui/content/CalendarSystem/utils/utils");
 var Tooltip_1 = __importDefault(require("@steroidsjs/core/ui/layout/Tooltip/Tooltip"));
-var react_1 = __importDefault(require("react"));
 require("./WeekEvent.scss");
 function WeekEvent(_a) {
     var event = _a.event;
     var bem = (0, useBem_1["default"])('WeekEvent');
-    return (react_1["default"].createElement(Tooltip_1["default"], { position: 'rightBottom', content: event.title, className: bem.element('tooltip'), key: event.id },
-        react_1["default"].createElement("div", { className: bem.element('event'), style: __assign({ backgroundColor: event.color, height: "".concat((0, utils_1.getProportionFromEvent)(event), "%") }, (0, utils_1.getTopMarginFromEvent)(event)), title: event.title, "data-eventid": event.id },
-            react_1["default"].createElement("span", { className: bem.element('event-time') }, "".concat((0, utils_1.formatEventTime)(event.startDate), " - ").concat((0, utils_1.formatEventTime)(event.endDate))),
-            react_1["default"].createElement("span", { className: bem.element('event-title') }, event.title))));
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1["default"], __assign({ position: 'rightBottom', content: event.title, className: bem.element('tooltip') }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('event'), style: __assign({ backgroundColor: event.color, height: "".concat((0, utils_1.getProportionFromEvent)(event), "%") }, (0, utils_1.getTopMarginFromEvent)(event)), title: event.title, "data-eventid": event.id }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('event-time') }, { children: "".concat((0, utils_1.formatEventTime)(event.startDate), " - ").concat((0, utils_1.formatEventTime)(event.endDate)) })), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('event-title') }, { children: event.title }))] })) }), event.id));
 }
 exports["default"] = WeekEvent;

package/content/Card/CardView.js

@@ -14,37 +14,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var react_1 = require("react");
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var content_1 = require("@steroidsjs/core/ui/content");
 var Avatar_1 = __importDefault(require("@steroidsjs/core/ui/content/Avatar/Avatar"));
 var form_1 = require("@steroidsjs/core/ui/form");
 var nav_1 = require("@steroidsjs/core/ui/nav");
-var react_1 = __importDefault(require("react"));
 function CardView(props) {
     var bem = (0, hooks_1.useBem)('CardView');
     var hasContent = !!(props.title || props.buttons || props.links || props.description || props.children);
-    return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className), style: props.style },
-        props.header && (react_1["default"].createElement("div", { className: bem.element('header', {
-                withoutCover: !props.cover && hasContent
-            }) },
-            react_1["default"].createElement("div", { className: bem.element('header-data') },
-                props.header.avatar && (react_1["default"].createElement(Avatar_1["default"], __assign({}, props.header.avatar, { className: bem(props.header.avatar.className, bem.element('header-avatar')) }))),
-                react_1["default"].createElement("div", { className: bem.element('header-text-content') },
-                    react_1["default"].createElement("h3", { className: bem.element('header-head') }, props.header.head),
-                    react_1["default"].createElement("p", { className: bem.element('header-subhead') }, props.header.subhead))),
-            props.header.menu && (react_1["default"].createElement("div", { className: bem.element('header-menu'), role: 'button' },
-                react_1["default"].createElement(content_1.Menu, __assign({}, props.header.menu)))))),
-        props.cover && (react_1["default"].createElement("div", { className: bem.element('cover') },
-            react_1["default"].createElement("img", { src: props.cover, alt: 'Card cover img' }))),
-        hasContent && (react_1["default"].createElement("div", { className: bem.element('content') },
-            props.title && (react_1["default"].createElement("h3", { className: bem.element('title') }, props.title)),
-            react_1["default"].createElement("div", { className: bem.element('content-inner') },
-                props.description && (react_1["default"].createElement("p", { className: bem.element('description') }, props.description)),
-                props.buttons && (react_1["default"].createElement("div", { className: bem.element('buttons') }, props.buttons.map(function (button, buttonIndex) { return (react_1["default"].createElement(form_1.Button, __assign({}, button, { key: buttonIndex }))); }))),
-                props.links && (react_1["default"].createElement("div", { className: bem.element('links') }, props.links.map(function (link, linkIndex) { return (react_1["default"].createElement(nav_1.Link, __assign({}, link, { key: linkIndex }))); }))),
-                props.children))),
-        props.footer && (react_1["default"].createElement("div", { className: bem.element('footer') },
-            react_1["default"].createElement("h3", { className: bem.element('footer-head') }, props.footer.head),
-            react_1["default"].createElement("p", { className: bem.element('footer-subhead') }, props.footer.subhead)))));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: [props.header && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header', {
+                    withoutCover: !props.cover && hasContent
+                }) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header-data') }, { children: [props.header.avatar && ((0, jsx_runtime_1.jsx)(Avatar_1["default"], __assign({}, props.header.avatar, { className: bem(props.header.avatar.className, bem.element('header-avatar')) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header-text-content') }, { children: [(0, jsx_runtime_1.jsx)("h3", __assign({ className: bem.element('header-head') }, { children: props.header.head })), (0, jsx_runtime_1.jsx)("p", __assign({ className: bem.element('header-subhead') }, { children: props.header.subhead }))] }))] })), props.header.menu && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('header-menu'), role: 'button' }, { children: (0, jsx_runtime_1.jsx)(content_1.Menu, __assign({}, props.header.menu)) })))] }))), props.cover && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('cover') }, { children: (0, jsx_runtime_1.jsx)("img", { src: props.cover, alt: 'Card cover img' }) }))), hasContent && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [props.title && ((0, jsx_runtime_1.jsx)("h3", __assign({ className: bem.element('title') }, { children: props.title }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content-inner') }, { children: [props.description && ((0, jsx_runtime_1.jsx)("p", __assign({ className: bem.element('description') }, { children: props.description }))), props.buttons && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('buttons') }, { children: props.buttons.map(function (button, buttonIndex) { return ((0, react_1.createElement)(form_1.Button, __assign({}, button, { key: buttonIndex }))); }) }))), props.links && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('links') }, { children: props.links.map(function (link, linkIndex) { return ((0, react_1.createElement)(nav_1.Link, __assign({}, link, { key: linkIndex }))); }) }))), props.children] }))] }))), props.footer && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('footer') }, { children: [(0, jsx_runtime_1.jsx)("h3", __assign({ className: bem.element('footer-head') }, { children: props.footer.head })), (0, jsx_runtime_1.jsx)("p", __assign({ className: bem.element('footer-subhead') }, { children: props.footer.subhead }))] })))] })));
 }
 exports["default"] = CardView;

package/content/Chart/ChartView.js

@@ -10,15 +10,12 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var form_1 = require("@steroidsjs/core/ui/form");
 var nav_1 = require("@steroidsjs/core/ui/nav");
 var typography_1 = require("@steroidsjs/core/ui/typography");
-var react_1 = __importDefault(require("react"));
 var DEFAULT_AXIS_PARAMS = {
     tickSize: 5,
     tickPadding: 5,
@@ -49,13 +46,8 @@ function ChartView(props) {
     var customChartHeightVariable = {
         '--chart-custom-height': "".concat(props.chartHeight, "px")
     };
-    return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className), style: __assign(__assign(__assign({}, props.style), { height: "".concat(props.wrapperHeight, "px") }), customChartHeightVariable) },
-        props.title && (react_1["default"].createElement(typography_1.Title, { type: 'h3', content: props.title, className: bem.element('title') })),
-        react_1["default"].createElement("div", { className: bem.element('controls') },
-            props.checkboxes && (react_1["default"].createElement(form_1.CheckboxListField, __assign({}, props.checkboxes))),
-            props.buttonGroup && (react_1["default"].createElement(nav_1.ButtonGroup, __assign({}, props.buttonGroup)))),
-        react_1["default"].createElement(ChartComponent, __assign({ style: {
-                height: "".concat(props.chartHeight, "px !important")
-            }, data: props.data }, defaultChartConfig, props.config))));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className), style: __assign(__assign(__assign({}, props.style), { height: "".concat(props.wrapperHeight, "px") }), customChartHeightVariable) }, { children: [props.title && ((0, jsx_runtime_1.jsx)(typography_1.Title, { type: 'h3', content: props.title, className: bem.element('title') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('controls') }, { children: [props.checkboxes && ((0, jsx_runtime_1.jsx)(form_1.CheckboxListField, __assign({}, props.checkboxes))), props.buttonGroup && ((0, jsx_runtime_1.jsx)(nav_1.ButtonGroup, __assign({}, props.buttonGroup)))] })), (0, jsx_runtime_1.jsx)(ChartComponent, __assign({ style: {
+                    height: "".concat(props.chartHeight, "px !important")
+                }, data: props.data }, defaultChartConfig, props.config))] })));
 }
 exports["default"] = ChartView;

package/content/Chat/ChatView.js

@@ -1,33 +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 jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var BubblesDateGroup_1 = __importDefault(require("./views/BubblesDateGroup"));
 function ChatView(props) {
     var bem = (0, useBem_1["default"])('ChatView');
@@ -48,15 +37,11 @@ function ChatView(props) {
         }
         prevContentHeightRef.current = contentHeight;
     }, [props.groupedMessagesByDates]);
-    var renderChatScreen = (0, react_1.useCallback)(function () { return (react_1["default"].createElement("div", { className: bem.element('screen') },
-        react_1["default"].createElement("div", { className: bem.element('wrapper'), ref: wrapperRef },
-            react_1["default"].createElement("div", { className: bem.element('content'), ref: contentRef }, Object.entries(props.groupedMessagesByDates)
-                .map(function (_a) {
-                var date = _a[0], groupedMessages = _a[1];
-                return (react_1["default"].createElement(BubblesDateGroup_1["default"], { key: date, date: date, groupedMessages: groupedMessages, currentUser: props.currentUser }));
-            }))))); }, [bem, props.groupedMessagesByDates, props.currentUser]);
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        renderChatScreen(),
-        props.renderChatInput()));
+    var renderChatScreen = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('screen') }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('wrapper'), ref: wrapperRef }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content'), ref: contentRef }, { children: Object.entries(props.groupedMessagesByDates)
+                    .map(function (_a) {
+                    var date = _a[0], groupedMessages = _a[1];
+                    return ((0, jsx_runtime_1.jsx)(BubblesDateGroup_1["default"], { date: date, groupedMessages: groupedMessages, currentUser: props.currentUser }, date));
+                }) })) })) }))); }, [bem, props.groupedMessagesByDates, props.currentUser]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [renderChatScreen(), props.renderChatInput()] })));
 }
 exports["default"] = ChatView;

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

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { IChatUser } from '@steroidsjs/core/ui/content/Chat/Chat';
-import React from 'react';
 import './BubbleMessageView.scss';
 interface IBubbleMessageProps {
     user: IChatUser;
@@ -13,5 +13,5 @@ interface IBubbleMessageProps {
     files?: any[];
 }
 declare function BubbleMessageView(props: IBubbleMessageProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof BubbleMessageView>;
+declare const _default: import("react").MemoExoticComponent<typeof BubbleMessageView>;
 export default _default;

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

@@ -10,33 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var Avatar_1 = require("@steroidsjs/core/ui/content/Avatar");
 var timeTemplatesAndUnits_1 = require("@steroidsjs/core/ui/content/Chat/constants/timeTemplatesAndUnits");
@@ -45,7 +23,7 @@ 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_1 = require("react");
 var react_use_1 = require("react-use");
 var ChatFileItem_1 = __importDefault(require("../ChatFileItem"));
 require("./BubbleMessageView.scss");
@@ -55,18 +33,9 @@ function BubbleMessageView(props) {
     var isMessageByAnotherUser = !props.isCurrentUser;
     var _c = (0, react_1.useState)(props.timeAgo), timeAgo = _c[0], setTimeAgo = _c[1];
     (0, react_use_1.useInterval)(function () { return setTimeAgo((0, utils_1.calculateMessageTimeAgo)(props.timestamp)); }, props.isTodayMessage ? timeTemplatesAndUnits_1.SECONDS_IN_MINUTE_VALUE : null);
-    return (react_1["default"].createElement("div", { className: bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block({
             'another-user': isMessageByAnotherUser,
             'last-message': !!props.isLastMessage
-        }) },
-        react_1["default"].createElement("div", { className: bem.element('user-message') },
-            !props.isCurrentUser && props.isFirstMessage && (react_1["default"].createElement(Title_1["default"], { className: bem.element('username'), type: 'h4', tag: 'h4', content: "".concat(props.user.firstName, " ").concat(props.user.lastName) })),
-            react_1["default"].createElement(typography_1.Text, { className: bem.element('text'), type: "body", content: props.text }),
-            !(0, isEmpty_1["default"])(props.files) && (react_1["default"].createElement("div", { className: bem.element('files') }, props.files.map(function (file) { return (react_1["default"].createElement(ChatFileItem_1["default"], __assign({ key: file.uid, isFileByAnotherUser: isMessageByAnotherUser, isFileFromMessage: true }, file))); }))),
-            react_1["default"].createElement("div", { className: bem.element('indicators') },
-                react_1["default"].createElement(typography_1.Text, { className: bem.element('time'), type: "body3", content: timeAgo }),
-                props.isCurrentUser && (react_1["default"].createElement(Icon_1["default"], { className: bem.element('check'), name: "done-all_16x16" })))),
-        props.user && (react_1["default"].createElement("div", { className: bem.element('avatar') },
-            react_1["default"].createElement(Avatar_1.Avatar, { src: (_a = props.user.avatar) === null || _a === void 0 ? void 0 : _a.src, title: "".concat(props.user.firstName, " ").concat(props.user.lastName), status: (_b = props.user.avatar) === null || _b === void 0 ? void 0 : _b.status, size: 'sm' })))));
+        }) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('user-message') }, { children: [!props.isCurrentUser && props.isFirstMessage && ((0, jsx_runtime_1.jsx)(Title_1["default"], { className: bem.element('username'), type: 'h4', tag: 'h4', content: "".concat(props.user.firstName, " ").concat(props.user.lastName) })), (0, jsx_runtime_1.jsx)(typography_1.Text, { className: bem.element('text'), type: "body", content: props.text }), !(0, isEmpty_1["default"])(props.files) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('files') }, { children: props.files.map(function (file) { return ((0, jsx_runtime_1.jsx)(ChatFileItem_1["default"], __assign({ isFileByAnotherUser: isMessageByAnotherUser, isFileFromMessage: true }, file), file.uid)); }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('indicators') }, { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { className: bem.element('time'), type: "body3", content: timeAgo }), props.isCurrentUser && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('check'), name: "done-all_16x16" }))] }))] })), props.user && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('avatar') }, { children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: (_a = props.user.avatar) === null || _a === void 0 ? void 0 : _a.src, title: "".concat(props.user.firstName, " ").concat(props.user.lastName), status: (_b = props.user.avatar) === null || _b === void 0 ? void 0 : _b.status, size: 'sm' }) })))] })));
 }
 exports["default"] = (0, react_1.memo)(BubbleMessageView);

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

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 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;
@@ -8,5 +8,5 @@ interface IBubblesDateGroupProps {
     currentUser: IChatUser;
 }
 declare function BubblesDateGroup(props: IBubblesDateGroupProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof BubblesDateGroup>;
+declare const _default: import("react").MemoExoticComponent<typeof BubblesDateGroup>;
 export default _default;