@steroidsjs/bootstrap 3.0.0-beta.101 → 3.0.0-beta.102

package/content/CalendarSystem/MonthGrid/MonthGrid.scss

@@ -0,0 +1,131 @@
+@use "style/variables";
+
+:root {
+    --month-day-background-color: #ffffff;
+    --month-day-out-of-range-color: #f9fcff;
+    --month-day-color-text: #000000;
+    --month-day-out-of-range-color-text: rgba(0, 0, 0, 0.3);
+}
+
+html[data-theme="dark"] {
+    --month-day-background-color: #333646;
+    --month-day-out-of-range-color: #161b20;
+    --month-day-color-text: #ffffff;
+    --month-day-out-of-range-color-text: rgba(255, 255, 255, 0.3);
+}
+
+$month-day-background-color: var(--month-day-background-color);
+$month-day-out-of-range-color: var(--month-day-out-of-range-color);
+$month-day-color-text: var(--month-day-color-text);
+$month-day-out-of-range-color-text: var(--month-day-out-of-range-color-text);
+
+.MonthGrid {
+    display: flex;
+    flex-flow: column nowrap;
+    height: 100%;
+
+    &__grid {
+        flex-shrink: 0;
+        flex-grow: 1;
+        display: grid;
+        height: 90%;
+        gap: 5px;
+        grid-template-columns: repeat(7, 1fr);
+        grid-template-rows: repeat(6, 1fr);
+    }
+
+    &__week-days {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+        text-align: right;
+
+        &-day {
+            color: $month-day-color-text;
+            font-size: variables.$font-size-14;
+            font-weight: variables.$font-weight-md;
+            line-height: variables.$line-height-18;
+            padding: 8px 10px;
+        }
+    }
+
+    &__day {
+        $dayRoot: &;
+        padding: 4px 8px 0px 8px;
+        min-height: 84px;
+        border-radius: variables.$radius-large;
+        background-color: $month-day-background-color;
+
+        &-wrapper {
+            display: block;
+            text-align: right;
+        }
+
+        &-number {
+            position: relative;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            font-size: variables.$font-size-14;
+            font-weight: variables.$font-weight-sm;
+            line-height: variables.$line-height-18;
+            color: $month-day-color-text;
+            width: 24px;
+            height: 24px;
+        }
+
+        &_outOfRange {
+            background-color: $month-day-out-of-range-color;
+
+            #{$dayRoot}-number {
+                color: $month-day-out-of-range-color-text;
+            }
+        }
+
+        &_isToday {
+            #{$dayRoot}-number {
+                &::before {
+                    position: absolute;
+                    content: "";
+                    border: 1px solid variables.$primary;
+                    display: block;
+                    width: 100%;
+                    height: 100%;
+                    border-radius: variables.$radius-small;
+                }
+                color: variables.$primary;
+            }
+        }
+
+        &-content {
+            overflow: hidden;
+            display: flex;
+            flex-flow: column nowrap;
+            gap: 1px;
+        }
+
+        &-event {
+            position: relative;
+            display: inline-block;
+            width: 100%;
+            font-size: variables.$font-size-xs;
+            font-weight: variables.$font-weight-sm;
+            line-height: variables.$line-height-xs;
+            color: variables.$text-color;
+
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
+            cursor: pointer;
+            text-align: left;
+
+
+            &-dot {
+                display: inline-block;
+                width: 6px;
+                height: 6px;
+                margin-right: 8px;
+                border-radius: 100px;
+            } 
+        }
+    }
+}

package/content/CalendarSystem/MonthGrid/index.d.ts

@@ -0,0 +1,2 @@
+import MonthGrid from './MonthGrid';
+export default MonthGrid;

package/content/CalendarSystem/MonthGrid/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var MonthGrid_1 = __importDefault(require("./MonthGrid"));
+exports["default"] = MonthGrid_1["default"];

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IDay, IEvent } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
+import './WeekGrid.scss';
+interface IWeekGridProps {
+    onClickHour: () => void;
+    currentWeekDays: IDay[];
+    allHours: string[];
+    getEventsFromDate: (dateFromDay: Date, isMonth: boolean) => IEvent[];
+}
+declare function WeekGrid(props: IWeekGridProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof WeekGrid>;
+export default _default;

package/content/CalendarSystem/WeekGrid/WeekGrid.js

@@ -0,0 +1,25 @@
+"use strict";
+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 Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
+var WeekHour_1 = __importDefault(require("./views/WeekHour"));
+require("./WeekGrid.scss");
+function WeekGrid(props) {
+    var bem = (0, useBem_1["default"])('WeekGrid');
+    var currentWeekDays = props.currentWeekDays, onClickHour = props.onClickHour, getEventsFromDate = props.getEventsFromDate;
+    var renderWeekHours = react_1["default"].useCallback(function (hour) { return currentWeekDays.map(function (dayOfWeek, dayOfWeekIndex) { return (react_1["default"].createElement(WeekHour_1["default"], { parentBem: bem, hour: hour, getEventsFromDate: getEventsFromDate, key: dayOfWeekIndex, dayOfWeek: dayOfWeek })); }); }, [bem, currentWeekDays, getEventsFromDate]);
+    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.allHours.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') }, currentWeekDays.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.allHours.map(function (hour, hourIndex) { return (react_1["default"].createElement("div", { key: hourIndex, className: bem.element('table-grid-row') }, renderWeekHours(hour))); }))))));
+}
+exports["default"] = react_1["default"].memo(WeekGrid);

package/content/CalendarSystem/WeekGrid/WeekGrid.scss

@@ -0,0 +1,225 @@
+@use "style/variables";
+
+:root {
+    --calendar-system-hour-border-color: #dbe2e6;
+    --calendar-system-time-background-color: #fff;
+    --calendar-system-today-background-color: #dbe2e6;
+    --calendar-system-today-border-color: #cbd5db;
+}
+
+html[data-theme="dark"] {
+    --calendar-system-hour-border-color: #333646;
+    --calendar-system-time-background-color: #4b4e5e;
+    --calendar-system-today-background-color: #191b1f;
+    --calendar-system-today-border-color: #333646;
+    --calendar-system-today-day-background-color: #651fff;
+}
+
+$calendar-system-hour-border-color: var(--calendar-system-hour-border-color);
+$calendar-system-time-background-color: var(--calendar-system-time-background-color);
+$calendar-system-today-background-color: var(--calendar-system-today-background-color);
+$calendar-system-today-border-color: var(--calendar-system-today-border-color);
+
+$calendar-border-style: 1px solid $calendar-system-hour-border-color;
+$calendar-today-border-style: 1px solid $calendar-system-today-border-color;
+
+.WeekGrid {
+    $root: &;
+    overflow-y: scroll;
+    margin-top: 11px;
+
+    @include variables.scrollWrapper(568px, 20px, variables.$scroll-thumb-color, variables.$scroll-track-color);
+
+    &__content {
+        display: flex;
+
+        #{$root}__hours-time {
+            display: flex;
+            flex-flow: column nowrap;
+            justify-content: space-around;
+            margin-right: 8px;
+
+            &-item {
+                width: 40px;
+                height: 24px;
+                border-radius: variables.$radius-small;
+                background-color: $calendar-system-time-background-color;
+                color: variables.$custom-text-color-base;
+                font-size: variables.$font-size-xs;
+                font-weight: variables.$font-weight-sm;
+                line-height: variables.$line-height-xs;
+
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+        }
+    }
+
+    &__table {
+        display: flex;
+        flex-flow: column nowrap;
+        width: calc(100% - 48px);
+
+        &-heading {
+            display: grid;
+            max-height: 100%;
+            grid-template-columns: repeat(7, 1fr);
+        }
+
+        &-grid {
+            width: auto;
+            display: grid;
+            grid-template-rows: repeat(24, 1fr);
+
+            &-row {
+                display: grid;
+                height: auto;
+                grid-template-columns: repeat(7, 1fr);
+                min-height: 80px;
+
+                //Borders
+                &:first-child #{$root}__hour {
+                    border-top: $calendar-border-style;
+                }
+
+                #{$root}__hour {
+                    border-right: $calendar-border-style;
+                    border-bottom: $calendar-border-style;
+
+                    &:first-child {
+                        border-left: $calendar-border-style;
+                    }
+                }
+
+                &:first-child #{$root}__hour_isToday {
+                    border-top: $calendar-today-border-style;
+                }
+
+                #{$root}__hour_isToday {
+                    background-color: $calendar-system-today-background-color;
+                    border-right: $calendar-today-border-style;
+                    border-bottom: $calendar-today-border-style;
+
+                    &:first-child {
+                        border-left: $calendar-today-border-style;
+                    }
+                }
+            }
+        }
+    }
+
+    &__hours-time {
+        margin-top: 32px;
+    }
+
+    &__day {
+        $dayRoot: &;
+
+        font-size: variables.$font-size-sm;
+        font-weight: variables.$font-weight-md;
+        line-height: variables.$line-height-sm;
+        padding: 8px 10px;
+        margin-bottom: 0;
+        display: flex;
+        justify-content: flex-end;
+
+        &_isToday {
+            padding: 4px 10px;
+            color: variables.$white;
+
+            #{$dayRoot}-wrapper {
+                position: relative;
+                padding: 4px;
+                background-color: variables.$primary;
+                border-radius: 200px;
+
+                &::before {
+                    content: "";
+                    display: block;
+                    position: absolute;
+                    width: 100%;
+                    height: 100%;
+                    border: 3px solid variables.$primary-light;
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    bottom: 0;
+                    border-radius: inherit;
+                    transform: translate(-3px, -3px);
+                }
+            }
+        }
+    }
+
+    &__hour {
+        $rootHour: &;
+        display: flex;
+        flex-flow: column nowrap;
+        gap: 1px;
+        max-height: 80px;
+
+        &-event {
+            position: relative;
+            padding: 4px 8px;
+            overflow: hidden;
+            border-radius: 4px;
+
+            &-title {
+                font-size: variables.$font-size-sm;
+                font-weight: variables.$font-weight-sm;
+                line-height: variables.$line-height-sm;
+                color: #312c3a;
+
+                padding-right: 36px;
+            }
+
+            &-time {
+                top: 4px;
+                right: 8px;
+                position: absolute;
+                display: inline-block;
+                font-size: variables.$font-size-xs;
+                font-weight: variables.$font-weight-sm;
+                line-height: variables.$line-height-xs;
+            }
+        }
+
+        &_hasOneEvent {
+            #{$rootHour}-event-title {
+                -webkit-line-clamp: 4; /* Число отображаемых строк */
+                display: -webkit-box; /* Включаем флексбоксы */
+                -webkit-box-orient: vertical; /* Вертикальная ориентация */
+                overflow: hidden;
+            }
+        }
+
+        &_hasTwoEvents {
+            #{$rootHour}-event-title {
+                -webkit-line-clamp: 2; /* Число отображаемых строк */
+                display: -webkit-box; /* Включаем флексбоксы */
+                -webkit-box-orient: vertical; /* Вертикальная ориентация */
+                overflow: hidden;
+            }
+        }
+
+        &_hasTreeEvents {
+            #{$rootHour}-event-title {
+                -webkit-line-clamp: 1; /* Число отображаемых строк */
+                display: -webkit-box; /* Включаем флексбоксы */
+                -webkit-box-orient: vertical; /* Вертикальная ориентация */
+                overflow: hidden;
+            }
+
+            #{$rootHour}-event { 
+                max-height: 18px;
+                padding: 0 8px;
+            }
+
+            #{$rootHour}-event-time { 
+                top: 0;
+                right: 8px
+            }
+        }
+    }
+}

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

@@ -0,0 +1,2 @@
+import WeekGrid from './WeekGrid';
+export default WeekGrid;

package/content/CalendarSystem/WeekGrid/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var WeekGrid_1 = __importDefault(require("./WeekGrid"));
+exports["default"] = WeekGrid_1["default"];

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

@@ -0,0 +1,12 @@
+import { IBem } from '@steroidsjs/core/hooks/useBem';
+import { IDay, IEvent } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
+import CalendarEnum from '@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType';
+import './WeekHour.scss';
+interface IWeekHourProps {
+    dayOfWeek: IDay;
+    getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
+    hour: string;
+    parentBem: IBem;
+}
+export default function WeekHour(props: IWeekHourProps): JSX.Element;
+export {};

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

@@ -0,0 +1,38 @@
+"use strict";
+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 calendar_1 = require("@steroidsjs/core/utils/calendar");
+var form_1 = require("@steroidsjs/core/ui/form");
+var CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType"));
+require("./WeekHour.scss");
+function WeekHour(props) {
+    var bem = (0, useBem_1["default"])('WeekHour');
+    var parentBem = props.parentBem;
+    var _a = react_1["default"].useState(false), isExpanded = _a[0], setIsExpanded = _a[1];
+    var events = react_1["default"].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);
+        return props.getEventsFromDate(callingDate, CalendarType_1["default"].WEEK);
+    }, [props]);
+    var getFormattedExpandLabel = react_1["default"].useCallback(function () { return "".concat(__('Показать ещё'), " +").concat(events.length - 3); }, [events.length]);
+    var hasOneEvent = events.length <= 1;
+    var hasTwoEvents = events.length === 2;
+    var hasTreeEvents = events.length >= 3;
+    return (react_1["default"].createElement("div", { className: parentBem.element('hour', {
+            isToday: props.dayOfWeek.isToday,
+            hasOneEvent: hasOneEvent,
+            hasTwoEvents: hasTwoEvents,
+            hasTreeEvents: hasTreeEvents,
+            isExpanded: isExpanded
+        }) },
+        events.map(function (event, eventIndex) { return (react_1["default"].createElement("div", { key: eventIndex, className: parentBem.element('hour-event'), style: { backgroundColor: event.color }, title: event.title },
+            react_1["default"].createElement("span", { className: parentBem.element('hour-event-title') }, event.title),
+            react_1["default"].createElement("span", { className: parentBem.element('hour-event-time') }, (0, calendar_1.convertDate)(event.date, null, 'HH:mm')))); }),
+        hasTreeEvents && events.length > 3 && (react_1["default"].createElement(form_1.Button, { link: true, className: bem.element('expand-button') }, getFormattedExpandLabel()))));
+}
+exports["default"] = WeekHour;

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

@@ -0,0 +1,14 @@
+@use "style/variables";
+
+.WeekHour {
+    &__expand-button {
+        font-size: variables.$font-size-xs;
+        font-weight: variables.$font-weight-sm;
+        line-height: variables.$line-height-xs;
+        text-align: center;
+       
+        .ButtonView__text { 
+            color: #312C3A;
+        }
+    }
+}

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

@@ -0,0 +1,2 @@
+import WeekHour from './WeekHour';
+export default WeekHour;

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

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var WeekHour_1 = __importDefault(require("./WeekHour"));
+exports["default"] = WeekHour_1["default"];

package/content/Icon/IconView.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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -22,15 +33,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var omit_1 = __importDefault(require("lodash-es/omit"));
 function IconView(props) {
     var bem = (0, hooks_1.useBem)('IconView');
+    var omittedProps = (0, omit_1["default"])(props, 'contentEditable', 'icon');
     if (typeof props.icon === 'string' && props.icon.indexOf('<svg') === 0) {
-        return (React.createElement("span", { 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 }));
+        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 })));
     }
-    return (React.createElement("span", { onClick: props.onClick, onKeyPress: props.onClick, role: 'button', tabIndex: props.tabIndex || 0 },
+    return (React.createElement("span", __assign({}, omittedProps, { onClick: props.onClick, onKeyPress: props.onClick, role: 'button', tabIndex: props.tabIndex || 0 }),
         React.createElement("img", { alt: props.title, title: props.title, src: props.icon, className: bem(bem.block(), props.className) })));
 }
 exports["default"] = IconView;

package/form/CheckboxField/CheckboxFieldView.js

@@ -43,11 +43,14 @@ var useUniqueId_1 = __importDefault(require("@steroidsjs/core/hooks/useUniqueId"
 function CheckboxFieldView(props) {
     var bem = (0, hooks_1.useBem)('CheckboxFieldView');
     var id = (0, useUniqueId_1["default"])('checkbox');
+    var customVariableColorStyle = { '--checkbox-custom-color': props.color };
     return (React.createElement("div", { className: bem(bem.block({
             size: props.size,
             hasErrors: !!props.errors
-        }), props.className), style: props.style, onClick: props.onChange },
-        React.createElement("input", __assign({ className: bem.element('input'), id: props.id || id }, props.inputProps, { disabled: props.disabled, required: props.required })),
+        }), props.className), style: __assign(__assign({}, props.style), customVariableColorStyle), onClick: props.onChange },
+        React.createElement("input", __assign({ className: bem.element('input', {
+                hasCustomColor: !!props.color
+            }), id: props.id || id }, props.inputProps, { disabled: props.disabled, required: props.required })),
         React.createElement("label", { className: bem.element('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/CheckboxField/CheckboxFieldView.scss

@@ -1,4 +1,5 @@
 @use "../../scss/variables";
+@use "sass:meta";
 
 :root {
     --disabled-text-color: rgba(0, 0, 0, 0.3);
@@ -92,6 +93,7 @@ $disabled-text-color: var(--disabled-text-color);
 
         &:checked:active + #{$root}__label::before {
             background-color: variables.$primary-light;
+
             border-color: transparent;
         }
 
@@ -104,6 +106,7 @@ $disabled-text-color: var(--disabled-text-color);
         &:checked + #{$root}__label::before {
             border-color: variables.$primary;
             background-color: variables.$primary;
+
             background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.20898 1L3.70898 7L1.20898 4.27273' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
         }
 
@@ -127,6 +130,29 @@ $disabled-text-color: var(--disabled-text-color);
         }
     }
 
+    &__input#{$root}__input_hasCustomColor {
+        //ACTIVE
+        &:not(:disabled):not(:checked):active + #{$root}__label::before {
+            border-color: var(--checkbox-custom-color);
+        }
+
+        &:checked:active + #{$root}__label::before {
+            background-color: var(--checkbox-custom-color);
+        }
+
+        //CHECKED
+        &:checked + #{$root}__label::before {
+            border-color: var(--checkbox-custom-color);
+            background-color: var(--checkbox-custom-color);
+        }
+
+        
+        //FOCUS
+        &:focus + #{$root}__label::after {
+            opacity: 0;
+        }
+    }
+
     &_size {
         &_lg {
             #{$root}__label {
@@ -196,6 +222,7 @@ $disabled-text-color: var(--disabled-text-color);
         }
     }
 }
+
 .has-errors label {
     &::before {
         border-color: variables.$danger;

package/index.d.ts

@@ -41,6 +41,9 @@ declare const _default: {
     'content.SliderView': {
         lazy: () => any;
     };
+    'content.CalendarSystemView': {
+        lazy: () => any;
+    };
     'form.AutoCompleteFieldView': {
         lazy: () => any;
     };

package/index.js

@@ -44,6 +44,9 @@ exports["default"] = {
     'content.SliderView': {
         lazy: function () { return require('./content/Slider/SliderView')["default"]; }
     },
+    'content.CalendarSystemView': {
+        lazy: function () { return require('./content/CalendarSystem/CalendarSystemView')["default"]; }
+    },
     'form.AutoCompleteFieldView': {
         lazy: function () { return require('./form/AutoCompleteField/AutoCompleteFieldView')["default"]; }
     },

package/index.scss

@@ -14,6 +14,8 @@
 @include meta.load-css('content/Badge/BadgeView');
 @include meta.load-css('content/Calendar/CalendarView');
 @include meta.load-css('content/Calendar/CaptionElement');
+@include meta.load-css('content/CalendarSystem/CalendarSystemView');
+@include meta.load-css('content/CalendarSystem/CalendarSystemModal/CalendarSystemModalView');
 @include meta.load-css('content/Card/CardView');
 @include meta.load-css('content/Detail/DetailView');
 @include meta.load-css('content/DropDown/DropDownView');

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/bootstrap",
-    "version": "3.0.0-beta.101",
+    "version": "3.0.0-beta.102",
     "description": "",
     "main": "index.js",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -37,7 +37,7 @@
         "react-use": "^17.4.0"
     },
     "devDependencies": {
-        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.85",
+        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.86",
         "@steroidsjs/eslint-config": "^2.1.4",
         "@types/enzyme": "^3.10.8",
         "@types/googlemaps": "^3.43.3",