@itcase/ui 1.8.37 → 1.8.38

package/dist/{DatePicker_cjs_CmqgSNw7.js → DatePicker_cjs_DKoF73mp.js}

@@ -100,35 +100,35 @@ function DatePickerInput(props) {
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(datePickerProps, appearanceConfig);
     var daySize = propsGenerator.daySize, dayTextColor = propsGenerator.dayTextColor, dayTextShape = propsGenerator.dayTextShape, dayTextSize = propsGenerator.dayTextSize, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconLeft = propsGenerator.iconLeft, iconRight = propsGenerator.iconRight, iconShape = propsGenerator.iconShape, monthTextColor = propsGenerator.monthTextColor, monthTextSize = propsGenerator.monthTextSize, monthTextWeight = propsGenerator.monthTextWeight, popper = propsGenerator.popper, popperPlacement = propsGenerator.popperPlacement, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, yearTextColor = propsGenerator.yearTextColor, yearTextSize = propsGenerator.yearTextSize, yearTextWeight = propsGenerator.yearTextWeight, isClearable = propsGenerator.isClearable;
     var _d = React.useMemo(function () {
-        var startDate;
+        var dateStart;
         if (value) {
             if (typeof value === 'string') {
-                startDate = new Date(value);
+                dateStart = new Date(value);
             }
             else {
-                startDate = value;
+                dateStart = value;
             }
         }
         else {
-            startDate = undefined;
+            dateStart = undefined;
         }
-        var endDate;
+        var dateEnd;
         if (endValue) {
             if (typeof endValue === 'string') {
-                endDate = new Date(endValue);
+                dateEnd = new Date(endValue);
             }
             else {
-                endDate = endValue;
+                dateEnd = endValue;
             }
         }
         else {
-            endDate = undefined;
+            dateEnd = undefined;
         }
-        return [startDate, endDate];
-    }, [value, endValue]), startDate = _d[0], endDate = _d[1];
-    var handleChange = React.useCallback(function (_a) {
-        var newStartDate = _a[0], newEndDate = _a[1];
-        onChange(newStartDate, newEndDate);
+        return [dateStart, dateEnd];
+    }, [value, endValue]), dateStart = _d[0], dateEnd = _d[1];
+    var handleChange = React.useCallback(function (valuesList) {
+        var newDateStart = valuesList[0], newDateEnd = valuesList[1];
+        onChange(newDateStart, newDateEnd);
     }, [onChange]);
     var renderDayContents = React.useCallback(function (day, date) {
         return (jsxRuntime.jsx(Button.Button, { className: "react-datepicker__day-button", size: daySize, label: date.getDate().toString(), labelTextColor: dayTextColor, labelTextSize: dayTextSize, shape: dayTextShape }));
@@ -152,7 +152,7 @@ function DatePickerInput(props) {
         yearTextWeight,
     ]);
     var datePickerStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', sizeClass && "datepicker_size_".concat(sizeClass), widthClass && "datepicker_width_".concat(widthClass)), style: datePickerStyles, children: jsxRuntime.jsx(DatePicker, tslib_es6.__assign({ minDate: disablePastDays ? new Date() : undefined, customInput: jsxRuntime.jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? endDate : undefined, locale: locale.ru, popperClassName: popper && "react-datepicker-popper-".concat(popper), popperPlacement: popperPlacement, ref: datepickerRef, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, onChange: selectsRange ? handleChange : onChange }, datePickerProps, { 
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', sizeClass && "datepicker_size_".concat(sizeClass), widthClass && "datepicker_width_".concat(widthClass)), style: datePickerStyles, children: jsxRuntime.jsx(DatePicker, tslib_es6.__assign({ minDate: disablePastDays ? new Date() : undefined, customInput: jsxRuntime.jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? dateEnd : undefined, locale: locale.ru, popperClassName: popper && "react-datepicker-popper-".concat(popper), popperPlacement: popperPlacement, ref: datepickerRef, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: dateStart, startDate: dateStart, onChange: selectsRange ? handleChange : onChange }, datePickerProps, { 
             // Important for use custom clear button
             isClearable: false })) }));
 }

package/dist/{DatePicker_es_mk9wFTe9.js → DatePicker_es_CdEYxtwj.js}

@@ -98,35 +98,35 @@ function DatePickerInput(props) {
     var propsGenerator = useDevicePropsGenerator(datePickerProps, appearanceConfig);
     var daySize = propsGenerator.daySize, dayTextColor = propsGenerator.dayTextColor, dayTextShape = propsGenerator.dayTextShape, dayTextSize = propsGenerator.dayTextSize, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconLeft = propsGenerator.iconLeft, iconRight = propsGenerator.iconRight, iconShape = propsGenerator.iconShape, monthTextColor = propsGenerator.monthTextColor, monthTextSize = propsGenerator.monthTextSize, monthTextWeight = propsGenerator.monthTextWeight, popper = propsGenerator.popper, popperPlacement = propsGenerator.popperPlacement, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, yearTextColor = propsGenerator.yearTextColor, yearTextSize = propsGenerator.yearTextSize, yearTextWeight = propsGenerator.yearTextWeight, isClearable = propsGenerator.isClearable;
     var _d = useMemo(function () {
-        var startDate;
+        var dateStart;
         if (value) {
             if (typeof value === 'string') {
-                startDate = new Date(value);
+                dateStart = new Date(value);
             }
             else {
-                startDate = value;
+                dateStart = value;
             }
         }
         else {
-            startDate = undefined;
+            dateStart = undefined;
         }
-        var endDate;
+        var dateEnd;
         if (endValue) {
             if (typeof endValue === 'string') {
-                endDate = new Date(endValue);
+                dateEnd = new Date(endValue);
             }
             else {
-                endDate = endValue;
+                dateEnd = endValue;
             }
         }
         else {
-            endDate = undefined;
+            dateEnd = undefined;
         }
-        return [startDate, endDate];
-    }, [value, endValue]), startDate = _d[0], endDate = _d[1];
-    var handleChange = useCallback(function (_a) {
-        var newStartDate = _a[0], newEndDate = _a[1];
-        onChange(newStartDate, newEndDate);
+        return [dateStart, dateEnd];
+    }, [value, endValue]), dateStart = _d[0], dateEnd = _d[1];
+    var handleChange = useCallback(function (valuesList) {
+        var newDateStart = valuesList[0], newDateEnd = valuesList[1];
+        onChange(newDateStart, newDateEnd);
     }, [onChange]);
     var renderDayContents = useCallback(function (day, date) {
         return (jsx(Button, { className: "react-datepicker__day-button", size: daySize, label: date.getDate().toString(), labelTextColor: dayTextColor, labelTextSize: dayTextSize, shape: dayTextShape }));
@@ -150,7 +150,7 @@ function DatePickerInput(props) {
         yearTextWeight,
     ]);
     var datePickerStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', sizeClass && "datepicker_size_".concat(sizeClass), widthClass && "datepicker_width_".concat(widthClass)), style: datePickerStyles, children: jsx(DatePicker, __assign({ minDate: disablePastDays ? new Date() : undefined, customInput: jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? endDate : undefined, locale: ru, popperClassName: popper && "react-datepicker-popper-".concat(popper), popperPlacement: popperPlacement, ref: datepickerRef, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, onChange: selectsRange ? handleChange : onChange }, datePickerProps, { 
+    return (jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', sizeClass && "datepicker_size_".concat(sizeClass), widthClass && "datepicker_width_".concat(widthClass)), style: datePickerStyles, children: jsx(DatePicker, __assign({ minDate: disablePastDays ? new Date() : undefined, customInput: jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? dateEnd : undefined, locale: ru, popperClassName: popper && "react-datepicker-popper-".concat(popper), popperPlacement: popperPlacement, ref: datepickerRef, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: dateStart, startDate: dateStart, onChange: selectsRange ? handleChange : onChange }, datePickerProps, { 
             // Important for use custom clear button
             isClearable: false })) }));
 }

package/dist/cjs/components/DatePeriod.js

@@ -4,9 +4,8 @@ var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var luxon = require('luxon');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_CmqgSNw7.js');
+var DatePicker = require('../../DatePicker_cjs_DKoF73mp.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var ChipsGroup = require('../../ChipsGroup_cjs_DrOhD-Fc.js');
 require('date-fns/locale');
@@ -78,7 +77,7 @@ var datePeriodConfig = {
     },
 };
 function DatePeriod(props) {
-    var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, isSkeleton = props.isSkeleton, monthsShown = props.monthsShown, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
+    var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, monthsShown = props.monthsShown, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = datePeriodConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
@@ -88,18 +87,7 @@ function DatePeriod(props) {
     var onClickPeriodChips = React.useCallback(function (selectedPeriodItem) {
         var dateStartIso = selectedPeriodItem.dateIntervalsList[0];
         var dateEndIso = selectedPeriodItem.dateIntervalsList[1];
-        onChangeDatePeriod(dateStartIso, dateEndIso);
-    }, [onChangeDatePeriod]);
-    var onChangeDatePicker = React.useCallback(function (dateStart, dateEnd) {
-        var dateStartIso = null;
-        var dateEndIso = null;
-        if (dateStart) {
-            dateStartIso = luxon.DateTime.fromJSDate(dateStart).toISODate();
-        }
-        if (dateEnd) {
-            dateEndIso = luxon.DateTime.fromJSDate(dateEnd).toISODate();
-        }
-        onChangeDatePeriod(dateStartIso, dateEndIso);
+        onChangeDatePeriod(new Date(dateStartIso), new Date(dateEndIso));
     }, [onChangeDatePeriod]);
     var checkIsChipsActive = React.useCallback(function (targetPeriodItem) {
         var dateStartIso = targetPeriodItem.dateIntervalsList[0];
@@ -107,14 +95,28 @@ function DatePeriod(props) {
         return (dateStartIso === datePeriodValueStart &&
             dateEndIso === datePeriodValueEnd);
     }, [datePeriodValueEnd, datePeriodValueStart]);
+    // const onChangeDatePicker = useCallback(
+    //   (dateStart: Date | null, dateEnd: Date | null) => {
+    //     let dateStartIso = null
+    //     let dateEndIso = null
+    //     if (dateStart) {
+    //       dateStartIso = DateTime.fromJSDate(dateStart).toISODate()
+    //     }
+    //     if (dateEnd) {
+    //       dateEndIso = DateTime.fromJSDate(dateEnd).toISODate()
+    //     }
+    //     onChangeDatePeriod(dateStartIso, dateEndIso)
+    //   },
+    //   [onChangeDatePeriod],
+    // )
     return (jsxRuntime.jsx("div", { className: clsx(className, 'date-period', shapeClass && "date-period_shape_".concat(shapeClass), sizeClass && "date-period_size_".concat(sizeClass), isSkeleton && "date-period_skeleton", fillClass && "fill_".concat(fillClass), 'cursor_type_pointer'), children: jsxRuntime.jsxs(ChipsGroup.ChipsGroup, { direction: "horizontal", children: [datePeriodIntervalsList.map(function (datePeriodItem) { return (jsxRuntime.jsx(ChipsGroup.Chips, { appearance: "".concat(chipsAppearance, " ").concat(chipsAppearanceSize), label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: function () { return onClickPeriodChips(datePeriodItem); } }, datePeriodItem.value)); }), jsxRuntime.jsx(DatePicker.DatePickerInput, { datePickerProps: {
                         appearance: "".concat(datePickerAppearance, " ").concat(datePickerAppearanceSize),
                         dateFormat: 'dd/MM/yyyy',
+                        monthsShown: monthsShown,
                         selectsRange: true,
                         showWeekNumbers: true,
                         isClearable: false,
                         isStartDefaultNull: true,
-                        monthsShown: monthsShown,
                         onKeyDown: onKeyDown,
                     }, endValue: datePeriodValueEnd, inputProps: {
                         className: "date-period__datepicker-input date-period__datepicker-input_size_".concat(datePickerInputSize),
@@ -122,7 +124,9 @@ function DatePeriod(props) {
                         fillHover: datePickerInputFillHover,
                         textSize: datePickerInputTextSize,
                         placeholder: 'Выбрать период',
-                    }, value: datePeriodValueStart, onChange: onChangeDatePicker })] }) }));
+                    }, value: datePeriodValueStart, 
+                    // onChange={onChangeDatePicker}
+                    onChange: onChangeDatePeriod })] }) }));
 }
 
 exports.DatePeriod = DatePeriod;

package/dist/cjs/components/DatePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_CmqgSNw7.js');
+var DatePicker = require('../../DatePicker_cjs_DKoF73mp.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Notification.js

@@ -145,7 +145,6 @@ function NotificationWrapper(props) {
     var notifications = Notifications.useNotifications();
     var hideNotifications = Notifications.useNotificationsAPI().hideNotifications;
     var className = props.className, close = props.close;
-    console.log(notifications);
     return (jsxRuntime.jsx("div", { className: clsx('notification', className), children: jsxRuntime.jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (jsxRuntime.jsx(Notification, { id: notification.id, appearance: notification.appearance, title: notification.title, status: notification.status, text: notification.text, close: close, onClickClose: hideNotifications }, i)); }) }) }));
 }
 

package/dist/cjs/components/Switch.js

@@ -125,7 +125,6 @@ var Switch = React.forwardRef(function Switch(props, ref) {
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var size = propsGenerator.size, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, fillToggleActiveClass = propsGenerator.fillToggleActiveClass, fillToggleActiveHoverClass = propsGenerator.fillToggleActiveHoverClass, fillToggleClass = propsGenerator.fillToggleClass, fillToggleHoverClass = propsGenerator.fillToggleHoverClass, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize;
-    console.log(checked);
     return (jsxRuntime.jsxs("div", { className: clsx('switch', className, align && "switch_align_".concat(align), size && "switch_size_".concat(size)), children: [title && (jsxRuntime.jsx(Text.Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsxRuntime.jsx(Text.Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc })), jsxRuntime.jsxs("div", { className: 'switch__item', children: [jsxRuntime.jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", disabled: disabled, checked: checked || isActive, 
                         // @ts-expect-error
                         ref: ref, onChange: onChange }), jsxRuntime.jsx("div", { className: clsx('switch__bg', !checked

package/dist/components/DatePeriod.js

@@ -2,9 +2,8 @@ import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
-import { DateTime } from 'luxon';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_mk9wFTe9.js';
+import { D as DatePickerInput } from '../DatePicker_es_CdEYxtwj.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_B9m4l0wN.js';
 import 'date-fns/locale';
@@ -76,7 +75,7 @@ var datePeriodConfig = {
     },
 };
 function DatePeriod(props) {
-    var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, isSkeleton = props.isSkeleton, monthsShown = props.monthsShown, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
+    var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, monthsShown = props.monthsShown, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (__assign(__assign({}, resultConfig), (_a = datePeriodConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
@@ -86,18 +85,7 @@ function DatePeriod(props) {
     var onClickPeriodChips = useCallback(function (selectedPeriodItem) {
         var dateStartIso = selectedPeriodItem.dateIntervalsList[0];
         var dateEndIso = selectedPeriodItem.dateIntervalsList[1];
-        onChangeDatePeriod(dateStartIso, dateEndIso);
-    }, [onChangeDatePeriod]);
-    var onChangeDatePicker = useCallback(function (dateStart, dateEnd) {
-        var dateStartIso = null;
-        var dateEndIso = null;
-        if (dateStart) {
-            dateStartIso = DateTime.fromJSDate(dateStart).toISODate();
-        }
-        if (dateEnd) {
-            dateEndIso = DateTime.fromJSDate(dateEnd).toISODate();
-        }
-        onChangeDatePeriod(dateStartIso, dateEndIso);
+        onChangeDatePeriod(new Date(dateStartIso), new Date(dateEndIso));
     }, [onChangeDatePeriod]);
     var checkIsChipsActive = useCallback(function (targetPeriodItem) {
         var dateStartIso = targetPeriodItem.dateIntervalsList[0];
@@ -105,14 +93,28 @@ function DatePeriod(props) {
         return (dateStartIso === datePeriodValueStart &&
             dateEndIso === datePeriodValueEnd);
     }, [datePeriodValueEnd, datePeriodValueStart]);
+    // const onChangeDatePicker = useCallback(
+    //   (dateStart: Date | null, dateEnd: Date | null) => {
+    //     let dateStartIso = null
+    //     let dateEndIso = null
+    //     if (dateStart) {
+    //       dateStartIso = DateTime.fromJSDate(dateStart).toISODate()
+    //     }
+    //     if (dateEnd) {
+    //       dateEndIso = DateTime.fromJSDate(dateEnd).toISODate()
+    //     }
+    //     onChangeDatePeriod(dateStartIso, dateEndIso)
+    //   },
+    //   [onChangeDatePeriod],
+    // )
     return (jsx("div", { className: clsx(className, 'date-period', shapeClass && "date-period_shape_".concat(shapeClass), sizeClass && "date-period_size_".concat(sizeClass), isSkeleton && "date-period_skeleton", fillClass && "fill_".concat(fillClass), 'cursor_type_pointer'), children: jsxs(ChipsGroup, { direction: "horizontal", children: [datePeriodIntervalsList.map(function (datePeriodItem) { return (jsx(Chips, { appearance: "".concat(chipsAppearance, " ").concat(chipsAppearanceSize), label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: function () { return onClickPeriodChips(datePeriodItem); } }, datePeriodItem.value)); }), jsx(DatePickerInput, { datePickerProps: {
                         appearance: "".concat(datePickerAppearance, " ").concat(datePickerAppearanceSize),
                         dateFormat: 'dd/MM/yyyy',
+                        monthsShown: monthsShown,
                         selectsRange: true,
                         showWeekNumbers: true,
                         isClearable: false,
                         isStartDefaultNull: true,
-                        monthsShown: monthsShown,
                         onKeyDown: onKeyDown,
                     }, endValue: datePeriodValueEnd, inputProps: {
                         className: "date-period__datepicker-input date-period__datepicker-input_size_".concat(datePickerInputSize),
@@ -120,7 +122,9 @@ function DatePeriod(props) {
                         fillHover: datePickerInputFillHover,
                         textSize: datePickerInputTextSize,
                         placeholder: 'Выбрать период',
-                    }, value: datePeriodValueStart, onChange: onChangeDatePicker })] }) }));
+                    }, value: datePeriodValueStart, 
+                    // onChange={onChangeDatePicker}
+                    onChange: onChangeDatePeriod })] }) }));
 }
 
 export { DatePeriod, datePeriodAppearance, datePeriodConfig };

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_mk9wFTe9.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_CdEYxtwj.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Notification.js

@@ -143,7 +143,6 @@ function NotificationWrapper(props) {
     var notifications = useNotifications();
     var hideNotifications = useNotificationsAPI().hideNotifications;
     var className = props.className, close = props.close;
-    console.log(notifications);
     return (jsx("div", { className: clsx('notification', className), children: jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (jsx(Notification, { id: notification.id, appearance: notification.appearance, title: notification.title, status: notification.status, text: notification.text, close: close, onClickClose: hideNotifications }, i)); }) }) }));
 }
 

package/dist/components/Switch.js

@@ -123,7 +123,6 @@ var Switch = React.forwardRef(function Switch(props, ref) {
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var size = propsGenerator.size, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, fillToggleActiveClass = propsGenerator.fillToggleActiveClass, fillToggleActiveHoverClass = propsGenerator.fillToggleActiveHoverClass, fillToggleClass = propsGenerator.fillToggleClass, fillToggleHoverClass = propsGenerator.fillToggleHoverClass, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize;
-    console.log(checked);
     return (jsxs("div", { className: clsx('switch', className, align && "switch_align_".concat(align), size && "switch_size_".concat(size)), children: [title && (jsx(Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsx(Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc })), jsxs("div", { className: 'switch__item', children: [jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", disabled: disabled, checked: checked || isActive, 
                         // @ts-expect-error
                         ref: ref, onChange: onChange }), jsx("div", { className: clsx('switch__bg', !checked

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.37",
+  "version": "1.8.38",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",