@itcase/ui 1.8.123 → 1.8.125

package/dist/cjs/components/Code.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -20,7 +19,7 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 
-var codeAppearanceDefault = {
+const codeAppearanceDefault = {
     defaultPrimary: {
         inputBorderColor: 'surfaceBorderTertiary',
         inputCaretColor: 'surfaceItemPrimary',
@@ -31,7 +30,7 @@ var codeAppearanceDefault = {
     },
 };
 
-var codeAppearanceDisabled = {
+const codeAppearanceDisabled = {
     disabledPrimary: {
         inputBorderColor: 'surfaceBorderDisabled',
         inputBorderColorHover: 'surfaceBorderDisabled',
@@ -43,7 +42,7 @@ var codeAppearanceDisabled = {
     },
 };
 
-var codeAppearanceError = {
+const codeAppearanceError = {
     errorPrimary: {
         inputBorderColor: 'errorBorderQuaternary',
         inputBorderColorHover: 'errorBorderSecondary',
@@ -55,7 +54,7 @@ var codeAppearanceError = {
     },
 };
 
-var codeAppearanceRequire = {
+const codeAppearanceRequire = {
     requirePrimary: {
         inputBorderColor: 'warningBorderSecondary',
         inputBorderColorHover: 'warningBorderSecondary',
@@ -67,7 +66,7 @@ var codeAppearanceRequire = {
     },
 };
 
-var codeAppearanceShape = {
+const codeAppearanceShape = {
     circular: {
         shape: 'circular',
     },
@@ -92,7 +91,7 @@ var codeAppearanceShape = {
     },
 };
 
-var codeAppearanceSize = {
+const codeAppearanceSize = {
     sizeL: {
         size: 'l',
         inputSize: 'l',
@@ -105,7 +104,7 @@ var codeAppearanceSize = {
     },
 };
 
-var codeAppearanceStyle = {
+const codeAppearanceStyle = {
     full: {
         inputBorderColor: 'none',
     },
@@ -121,7 +120,7 @@ var codeAppearanceStyle = {
     },
 };
 
-var codeAppearanceSuccess = {
+const codeAppearanceSuccess = {
     successPrimary: {
         inputBorderColor: 'successBorderSecondary',
         inputBorderColorHover: 'successBorderSecondary',
@@ -133,37 +132,46 @@ var codeAppearanceSuccess = {
     },
 };
 
-var codeAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, codeAppearanceDisabled), codeAppearanceShape), codeAppearanceRequire), codeAppearanceSize), codeAppearanceDefault), codeAppearanceStyle), codeAppearanceError), codeAppearanceSuccess);
+const codeAppearance = {
+    ...codeAppearanceDisabled,
+    ...codeAppearanceShape,
+    ...codeAppearanceRequire,
+    ...codeAppearanceSize,
+    ...codeAppearanceDefault,
+    ...codeAppearanceStyle,
+    ...codeAppearanceError,
+    ...codeAppearanceSuccess,
+};
 
-var codeConfig = {
+const codeConfig = {
     appearance: codeAppearance,
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         codeConfig.appearance = appearanceConfig;
     },
 };
 function Code(props) {
-    var className = props.className, appearance = props.appearance, _a = props.initialValue, initialValue = _a === void 0 ? '' : _a, isDisabled = props.isDisabled, inputAutoFocus = props.inputAutoFocus, _b = props.inputCount, inputCount = _b === void 0 ? 6 : _b, inputPlaceholder = props.inputPlaceholder, _c = props.inputType, inputType = _c === void 0 ? 'number' : _c, separatorComponent = props.separatorComponent, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
-    var _d = React.useState(initialValue), otp = _d[0], setOtp = _d[1];
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, codeConfig, isDisabled);
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var inputBorderColorClass = propsGenerator.inputBorderColorClass, inputBorderColorHoverClass = propsGenerator.inputBorderColorHoverClass, inputBorderFocusColorClass = propsGenerator.inputBorderFocusColorClass, inputBorderWidthClass = propsGenerator.inputBorderWidthClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputFillClass = propsGenerator.inputFillClass, inputFillHoverClass = propsGenerator.inputFillHoverClass, inputPlaceholderTextColorClass = propsGenerator.inputPlaceholderTextColorClass, inputSizeClass = propsGenerator.inputSizeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    const { className, appearance, initialValue = '', isDisabled, inputAutoFocus, inputCount = 6, inputPlaceholder, inputType = 'number', separatorComponent, before, after, isSkeleton, onBlur, onChange, onFocus, } = props;
+    const [otp, setOtp] = React.useState(initialValue);
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, codeConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const { inputBorderColorClass, inputBorderColorHoverClass, inputBorderFocusColorClass, inputBorderWidthClass, inputCaretColorClass, inputFillClass, inputFillHoverClass, inputPlaceholderTextColorClass, inputSizeClass, inputTextColorClass, inputTextSizeClass, inputTextWeightClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     // NOTE: too many dependencies for "useCallback" and possible too many checks
-    var renderInput = function (otpInputProps, index) {
-        return (jsxRuntime.jsx("input", tslib_es6.__assign({}, otpInputProps, { className: clsx('code__input', inputCaretColorClass && "caret-color_".concat(inputCaretColorClass), inputFillClass && "fill_".concat(inputFillClass), inputFillHoverClass && "fill_hover_".concat(inputFillHoverClass), inputPlaceholderTextColorClass &&
-                "placeholder-text-color_".concat(inputPlaceholderTextColorClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), inputTextSizeClass && "text_size_".concat(inputTextSizeClass), inputTextColorClass && "text-color_".concat(inputTextColorClass), inputTextWeightClass && "text-weight_".concat(inputTextWeightClass), inputBorderWidthClass && "border-width_".concat(inputBorderWidthClass), inputBorderColorClass && "border-color_".concat(inputBorderColorClass), inputBorderColorHoverClass &&
-                "border-color_hover_".concat(inputBorderColorHoverClass), inputBorderFocusColorClass &&
-                "border-color_focus_".concat(inputBorderFocusColorClass), inputSizeClass && "code__input_size_".concat(inputSizeClass), widthClass && "width_".concat(widthClass), isSkeleton && "code__input_skeleton"), name: "code-".concat(index), autoComplete: "one-time-code", placeholder: inputPlaceholder, onBlur: function (event) {
+    const renderInput = (otpInputProps, index) => {
+        return (jsxRuntime.jsx("input", { ...otpInputProps, className: clsx('code__input', inputCaretColorClass && `caret-color_${inputCaretColorClass}`, inputFillClass && `fill_${inputFillClass}`, inputFillHoverClass && `fill_hover_${inputFillHoverClass}`, inputPlaceholderTextColorClass &&
+                `placeholder-text-color_${inputPlaceholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, inputTextSizeClass && `text_size_${inputTextSizeClass}`, inputTextColorClass && `text-color_${inputTextColorClass}`, inputTextWeightClass && `text-weight_${inputTextWeightClass}`, inputBorderWidthClass && `border-width_${inputBorderWidthClass}`, inputBorderColorClass && `border-color_${inputBorderColorClass}`, inputBorderColorHoverClass &&
+                `border-color_hover_${inputBorderColorHoverClass}`, inputBorderFocusColorClass &&
+                `border-color_focus_${inputBorderFocusColorClass}`, inputSizeClass && `code__input_size_${inputSizeClass}`, widthClass && `width_${widthClass}`, isSkeleton && `code__input_skeleton`), name: `code-${index}`, autoComplete: "one-time-code", placeholder: inputPlaceholder, onBlur: (event) => {
                 onBlur && onBlur(event);
                 otpInputProps.onBlur(event);
-            }, onFocus: function (event) {
+            }, onFocus: (event) => {
                 onFocus && onFocus(event);
                 otpInputProps.onFocus(event);
-            } })));
+            } }));
     };
-    React.useEffect(function () {
+    React.useEffect(() => {
         onChange && onChange(otp);
     }, [otp]);
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'code', widthClass, sizeClass && "code_size_".concat(sizeClass)), children: [before, jsxRuntime.jsx(OtpInput, { containerStyle: clsx(className, 'code__wrapper'), inputType: inputType, numInputs: inputCount, placeholder: inputPlaceholder, renderInput: renderInput, renderSeparator: separatorComponent || null, shouldAutoFocus: inputAutoFocus, value: otp, onChange: setOtp }), after] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'code', widthClass, sizeClass && `code_size_${sizeClass}`), children: [before, jsxRuntime.jsx(OtpInput, { containerStyle: clsx(className, 'code__wrapper'), inputType: inputType, numInputs: inputCount, placeholder: inputPlaceholder, renderInput: renderInput, renderSeparator: separatorComponent || null, shouldAutoFocus: inputAutoFocus, value: otp, onChange: setOtp }), after] }));
 }
 
 exports.Code = Code;

package/dist/cjs/components/CookiesWarning.js

@@ -6,9 +6,8 @@ var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_Ce97psFT.js');
-var Text = require('../../Text_cjs_0EINiUq4.js');
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
+var Button = require('../../Button_cjs_C34BU1BK.js');
+var Text = require('../../Text_cjs_BDTjOTVB.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -21,16 +20,16 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon_cjs_Cz6IyOkb.js');
+require('../../Icon_cjs_BVLGzj7Y.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_C5UsZUiF.js');
-require('../../Loader_cjs_D3lnxPlI.js');
+require('../../Link_cjs_qKXVfU8e.js');
+require('../../Loader_cjs_DIDsIq3J.js');
 
-var cookiesWarningAppearanceDefault = {
+const cookiesWarningAppearanceDefault = {
     defaultPrimary: {
         fill: 'accentPrimary',
         fillHover: 'accentHover',
@@ -42,41 +41,42 @@ var cookiesWarningAppearanceDefault = {
     },
 };
 
-var cookiesWarningAppearance = tslib_es6.__assign({}, cookiesWarningAppearanceDefault);
+const cookiesWarningAppearance = {
+    ...cookiesWarningAppearanceDefault,
+};
 
-var cookiesWarningConfig = {
+const cookiesWarningConfig = {
     appearance: cookiesWarningAppearance,
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         cookiesWarningConfig.appearance = appearanceConfig;
     },
 };
 function CookiesWarning(props) {
-    var className = props.className, appearance = props.appearance, message = props.message, _a = props.isHideOnScroll, isHideOnScroll = _a === void 0 ? false : _a;
-    var cookiesWarningRef = React.useRef(null);
-    var isOpen = React.useMemo(function () { return Cookies.get('cookies-warning') !== 'close'; }, []);
-    var closeCookiesWarning = React.useCallback(function () {
-        var _a;
-        (_a = cookiesWarningRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('cookies-warning_state_hidden');
+    const { className, appearance, message, isHideOnScroll = false } = props;
+    const cookiesWarningRef = React.useRef(null);
+    const isOpen = React.useMemo(() => Cookies.get('cookies-warning') !== 'close', []);
+    const closeCookiesWarning = React.useCallback(() => {
+        cookiesWarningRef.current?.classList.add('cookies-warning_state_hidden');
         Cookies.set('cookies-warning', 'close');
     }, []);
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (isHideOnScroll) {
             window.addEventListener('scroll', closeCookiesWarning, true);
         }
-        return function () {
+        return () => {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         };
     }, []);
-    React.useEffect(function () {
+    React.useEffect(() => {
         // isHideOnScroll &&
         if (!isOpen) {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         }
     }, [isOpen]);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, cookiesWarningConfig);
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, messageTextColor = propsGenerator.messageTextColor, messageTextSize = propsGenerator.messageTextSize, buttonAppearance = propsGenerator.buttonAppearance, buttonFill = propsGenerator.buttonFill, buttonFillHover = propsGenerator.buttonFillHover, buttonLabel = propsGenerator.buttonLabel, buttonLabelSize = propsGenerator.buttonLabelSize, buttonLabelTextColor = propsGenerator.buttonLabelTextColor, buttonShape = propsGenerator.buttonShape, buttonSize = propsGenerator.buttonSize, buttonWidth = propsGenerator.buttonWidth, elevationClass = propsGenerator.elevationClass;
-    return (isOpen && (jsxRuntime.jsx("div", { className: clsx('cookies-warning', className, fillClass && "fill_".concat(fillClass), elevationClass && "elevation_".concat(elevationClass)), ref: cookiesWarningRef, children: jsxRuntime.jsxs("div", { className: "cookies-warning__inner", children: [jsxRuntime.jsx(Text.Text, { size: messageTextSize, textColor: messageTextColor, children: message }), jsxRuntime.jsx(Button.Button, { appearance: buttonAppearance, width: buttonWidth, size: buttonSize, fill: buttonFill, fillHover: buttonFillHover, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, shape: buttonShape, onClick: closeCookiesWarning, children: buttonLabel })] }) })));
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, cookiesWarningConfig);
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, messageTextColor, messageTextSize, buttonAppearance, buttonFill, buttonFillHover, buttonLabel, buttonLabelSize, buttonLabelTextColor, buttonShape, buttonSize, buttonWidth, elevationClass, } = propsGenerator;
+    return (isOpen && (jsxRuntime.jsx("div", { className: clsx('cookies-warning', className, fillClass && `fill_${fillClass}`, elevationClass && `elevation_${elevationClass}`), ref: cookiesWarningRef, children: jsxRuntime.jsxs("div", { className: "cookies-warning__inner", children: [jsxRuntime.jsx(Text.Text, { size: messageTextSize, textColor: messageTextColor, children: message }), jsxRuntime.jsx(Button.Button, { appearance: buttonAppearance, width: buttonWidth, size: buttonSize, fill: buttonFill, fillHover: buttonFillHover, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, shape: buttonShape, onClick: closeCookiesWarning, children: buttonLabel })] }) })));
 }
 
 exports.CookiesWarning = CookiesWarning;

package/dist/cjs/components/Dadata.js

@@ -1,11 +1,10 @@
 'use strict';
 
-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 reactDadata = require('react-dadata');
-var Input = require('../../Input_cjs_DRPK_RHK.js');
+var Input = require('../../Input_cjs_DDi5JVAV.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
@@ -22,15 +21,21 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 
 function Dadata(props) {
-    var delay = props.delay, input = props.input, inputProps = props.inputProps, meta = props.meta, token = props.token, setValue = props.setValue;
-    var dadataInputProps = React.useMemo(function () {
-        return tslib_es6.__assign(tslib_es6.__assign({}, inputProps), { className: clsx('react-dadata__input', meta.active && 'input_state_focus', meta.error &&
+    const { delay, input, inputProps, meta, token, setValue } = props;
+    const dadataInputProps = React.useMemo(() => {
+        return {
+            ...inputProps,
+            className: clsx('react-dadata__input', meta.active && 'input_state_focus', meta.error &&
                 meta.touched &&
-                "input_state_".concat(meta.error.key || 'error')), 
+                `input_state_${meta.error.key || 'error'}`),
             // https://www.npmjs.com/package/react-dadata
             // "Свойство value игнорируется."
             // value: input.value,
-            inputValue: input.value, onBlur: input.onBlur, onChange: input.onChange, onFocus: input.onFocus });
+            inputValue: input.value,
+            onBlur: input.onBlur,
+            onChange: input.onChange,
+            onFocus: input.onFocus,
+        };
     }, [
         inputProps,
         meta.active,
@@ -44,8 +49,8 @@ function Dadata(props) {
     return (jsxRuntime.jsx(reactDadata.PartySuggestions, { minChars: 3, customInput: DadataCustomInput, delay: delay || 750, inputProps: dadataInputProps, token: token, onChange: setValue }));
 }
 function DadataCustomInput(props) {
-    var inputValue = props.inputValue, otherProps = tslib_es6.__rest(props, ["inputValue"]);
-    return jsxRuntime.jsx(Input.Input, tslib_es6.__assign({}, otherProps, { value: inputValue }));
+    const { inputValue, ...otherProps } = props;
+    return jsxRuntime.jsx(Input.Input, { ...otherProps, value: inputValue });
 }
 
 exports.Dadata = Dadata;

package/dist/cjs/components/DatePeriod.js

@@ -4,11 +4,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_BzEtDAb8.js');
+var DatePicker = require('../../DatePicker_cjs_DfbeIL2m.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var ChipsGroup = require('../../ChipsGroup_cjs_C8L3ZeD_.js');
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_DfAKN5CA.js');
 require('date-fns/locale');
 require('react-datepicker');
 require('../hooks/useStyles/useStyles.js');
@@ -23,20 +22,20 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Button_cjs_Ce97psFT.js');
-require('../../Icon_cjs_Cz6IyOkb.js');
+require('../../Button_cjs_C34BU1BK.js');
+require('../../Icon_cjs_BVLGzj7Y.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_C5UsZUiF.js');
-require('../../Text_cjs_0EINiUq4.js');
-require('../../Loader_cjs_D3lnxPlI.js');
-require('../../Input_cjs_DRPK_RHK.js');
-require('../../Label_cjs_DMoaOoHi.js');
+require('../../Link_cjs_qKXVfU8e.js');
+require('../../Text_cjs_BDTjOTVB.js');
+require('../../Loader_cjs_DIDsIq3J.js');
+require('../../Input_cjs_DDi5JVAV.js');
+require('../../Label_cjs_DwAmukik.js');
 require('@itcase/icons/default');
 require('lodash/castArray');
 
-var datePeriodAppearanceSize = {
+const datePeriodAppearanceSize = {
     sizeL: {
         size: 'm',
         chipsAppearanceSize: 'sizeL',
@@ -53,7 +52,7 @@ var datePeriodAppearanceSize = {
     },
 };
 
-var datePeriodAppearanceSurface = {
+const datePeriodAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         chipsAppearance: 'surfacePrimary ghost',
@@ -72,27 +71,30 @@ var datePeriodAppearanceSurface = {
     },
 };
 
-var datePeriodAppearance = tslib_es6.__assign(tslib_es6.__assign({}, datePeriodAppearanceSurface), datePeriodAppearanceSize);
+const datePeriodAppearance = {
+    ...datePeriodAppearanceSurface,
+    ...datePeriodAppearanceSize,
+};
 
-var datePeriodConfig = {
+const datePeriodConfig = {
     appearance: datePeriodAppearance,
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         datePeriodConfig.appearance = appearanceConfig;
     },
 };
 function DatePeriod(props) {
-    var appearance = props.appearance, className = props.className, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, monthsShown = props.monthsShown, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var _b = propsGenerator, fillClass = _b.fillClass, chipsAppearance = _b.chipsAppearance, chipsAppearanceSize = _b.chipsAppearanceSize, chipsShape = _b.chipsShape, datePickerAppearance = _b.datePickerAppearance, datePickerAppearanceSize = _b.datePickerAppearanceSize, datePickerInputAppearance = _b.datePickerInputAppearance, datePickerInputFillHover = _b.datePickerInputFillHover, datePickerInputSize = _b.datePickerInputSize, datePickerInputTextSize = _b.datePickerInputTextSize, shapeClass = _b.shapeClass, sizeClass = _b.sizeClass;
-    var onClickPeriodChips = React.useCallback(function (selectedPeriodItem) {
-        var dateStartIso = selectedPeriodItem.dateIntervalsList[0];
-        var dateEndIso = selectedPeriodItem.dateIntervalsList[1];
+    const { appearance, className, datePeriodIntervalsList = Object.values(common.DATE_PERIOD_INTERVALS), datePeriodValueEnd, datePeriodValueStart, monthsShown, selectsRange = true, isDisabled, isSkeleton, onChangeDatePeriod, onKeyDown, } = props;
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, chipsAppearance, chipsAppearanceSize, chipsShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputFillHover, datePickerInputSize, datePickerInputTextSize, shapeClass, sizeClass, } = propsGenerator;
+    const onClickPeriodChips = React.useCallback((selectedPeriodItem) => {
+        const dateStartIso = selectedPeriodItem.dateIntervalsList[0];
+        const dateEndIso = selectedPeriodItem.dateIntervalsList[1];
         onChangeDatePeriod(new Date(dateStartIso), new Date(dateEndIso));
     }, [onChangeDatePeriod]);
-    var checkIsChipsActive = React.useCallback(function (targetPeriodItem) {
-        var dateStartIso = targetPeriodItem.dateIntervalsList[0];
-        var dateEndIso = targetPeriodItem.dateIntervalsList[1];
+    const checkIsChipsActive = React.useCallback((targetPeriodItem) => {
+        const dateStartIso = targetPeriodItem.dateIntervalsList[0];
+        const dateEndIso = targetPeriodItem.dateIntervalsList[1];
         return (dateStartIso === datePeriodValueStart &&
             dateEndIso === datePeriodValueEnd);
     }, [datePeriodValueEnd, datePeriodValueStart]);
@@ -110,18 +112,18 @@ function DatePeriod(props) {
     //   },
     //   [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, { className: "date-period__datepicker", datePickerProps: {
-                        appearance: "".concat(datePickerAppearance, " ").concat(datePickerAppearanceSize),
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'date-period', shapeClass && `date-period_shape_${shapeClass}`, sizeClass && `date-period_size_${sizeClass}`, isSkeleton && `date-period_skeleton`, fillClass && `fill_${fillClass}`, 'cursor_type_pointer'), children: jsxRuntime.jsxs(ChipsGroup.ChipsGroup, { direction: "horizontal", children: [datePeriodIntervalsList.map((datePeriodItem) => (jsxRuntime.jsx(ChipsGroup.Chips, { appearance: `${chipsAppearance} ${chipsAppearanceSize}`, label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: () => onClickPeriodChips(datePeriodItem) }, datePeriodItem.value))), jsxRuntime.jsx(DatePicker.DatePickerInput, { className: "date-period__datepicker", datePickerProps: {
+                        appearance: `${datePickerAppearance} ${datePickerAppearanceSize}`,
                         dateFormat: 'dd/MM/yyyy',
                         monthsShown: monthsShown,
-                        selectsRange: true,
+                        selectsRange: selectsRange,
                         showWeekNumbers: true,
                         isClearable: false,
                         isStartDefaultNull: true,
                         onKeyDown: onKeyDown,
                     }, endValue: datePeriodValueEnd, inputProps: {
-                        appearance: "".concat(datePickerInputAppearance, " ghost"),
-                        className: "date-period__datepicker-input date-period__datepicker-input_size_".concat(datePickerInputSize),
+                        appearance: `${datePickerInputAppearance} ghost`,
+                        className: `date-period__datepicker-input date-period__datepicker-input_size_${datePickerInputSize}`,
                         fillHover: datePickerInputFillHover,
                         textSize: datePickerInputTextSize,
                         placeholder: 'Выбрать период',

package/dist/cjs/components/DatePicker.js

@@ -1,7 +1,6 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_BzEtDAb8.js');
-require('../../tslib.es6_cjs_CCZ3TN_7.js');
+var DatePicker = require('../../DatePicker_cjs_DfbeIL2m.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -23,16 +22,16 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Button_cjs_Ce97psFT.js');
-require('../../Icon_cjs_Cz6IyOkb.js');
+require('../../Button_cjs_C34BU1BK.js');
+require('../../Icon_cjs_BVLGzj7Y.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_C5UsZUiF.js');
-require('../../Text_cjs_0EINiUq4.js');
-require('../../Loader_cjs_D3lnxPlI.js');
-require('../../Input_cjs_DRPK_RHK.js');
-require('../../Label_cjs_DMoaOoHi.js');
+require('../../Link_cjs_qKXVfU8e.js');
+require('../../Text_cjs_BDTjOTVB.js');
+require('../../Loader_cjs_DIDsIq3J.js');
+require('../../Input_cjs_DDi5JVAV.js');
+require('../../Label_cjs_DwAmukik.js');
 require('@itcase/icons/default');
 
 

package/dist/cjs/components/Divider.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var Divider = require('../../Divider_cjs_DUYtmwn2.js');
+var Divider = require('../../Divider_cjs_DrmV2ezS.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');

package/dist/cjs/components/Dot.js

@@ -4,7 +4,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -21,12 +20,12 @@ require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 
 function Dot(props) {
-    var className = props.className, children = props.children;
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
-    var fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
+    const { className, children } = props;
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    const { fillClass, borderColorClass, borderTypeClass, shapeClass, sizeClass, } = propsGenerator;
     // @ts-expect-error
-    var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'dot', borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), fillClass && "fill_".concat(fillClass), shapeClass && "dot_shape_".concat(shapeClass), sizeClass && "dot_size_".concat(sizeClass)), style: styles, children: children }));
+    const { styles } = useStyles.useStyles(props);
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'dot', borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `dot_shape_${shapeClass}`, sizeClass && `dot_size_${sizeClass}`), style: styles, children: children }));
 }
 
 exports.Dot = Dot;

package/dist/cjs/components/Drawer.js

@@ -4,12 +4,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var ReactDrawer = require('react-modern-drawer');
-var Divider = require('../../Divider_cjs_DUYtmwn2.js');
-var Icon = require('../../Icon_cjs_Cz6IyOkb.js');
-var Text = require('../../Text_cjs_0EINiUq4.js');
+var Divider = require('../../Divider_cjs_DrmV2ezS.js');
+var Icon = require('../../Icon_cjs_BVLGzj7Y.js');
+var Text = require('../../Text_cjs_BDTjOTVB.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var _default = require('@itcase/icons/default');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/camelCase');
@@ -27,10 +26,10 @@ require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_C5UsZUiF.js');
+require('../../Link_cjs_qKXVfU8e.js');
 require('lodash/castArray');
 
-var drawerAppearanceSize = {
+const drawerAppearanceSize = {
     sizeH3: {
         titleTextSize: 'h3',
         descTextSize: 's',
@@ -39,7 +38,7 @@ var drawerAppearanceSize = {
     },
 };
 
-var drawerAppearanceSurface = {
+const drawerAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfacePrimaryHover',
@@ -67,36 +66,39 @@ var drawerAppearanceSurface = {
     },
 };
 
-var drawerAppearance = tslib_es6.__assign(tslib_es6.__assign({}, drawerAppearanceSize), drawerAppearanceSurface);
+const drawerAppearance = {
+    ...drawerAppearanceSize,
+    ...drawerAppearanceSurface,
+};
 
-var drawerConfig = {
+const drawerConfig = {
     appearance: drawerAppearance,
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         drawerConfig.appearance = appearanceConfig;
     },
 };
 function Drawer(props) {
-    var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, type = props.type, appearance = props.appearance, title = props.title, desc = props.desc, enableOverlay = props.enableOverlay, stickyButton = props.stickyButton, before = props.before, after = props.after, close = props.close, isOpen = props.isOpen, isOpenModal = props.isOpenModal, onClickClose = props.onClickClose, onClose = props.onClose, children = props.children;
-    var _isOpen = isOpen !== null && isOpen !== void 0 ? isOpen : isOpenModal;
-    var isOpenPrevRef = React.useRef(Boolean(_isOpen));
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, drawerConfig);
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var direction = propsGenerator.direction, size = propsGenerator.size, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, divider = propsGenerator.divider, dividerSize = propsGenerator.dividerSize, zeroPadding = propsGenerator.zeroPadding, closeIcon = propsGenerator.closeIcon, closeIconFill = propsGenerator.closeIconFill, closeIconFillIcon = propsGenerator.closeIconFillIcon, closeIconFillSize = propsGenerator.closeIconFillSize, closeIconShape = propsGenerator.closeIconShape, closeIconSize = propsGenerator.closeIconSize, closeIconSrc = propsGenerator.closeIconSrc;
-    React.useEffect(function () {
-        var isFromOpenToClose = isOpenPrevRef.current === true && !_isOpen;
+    const { dataTestId, dataTour, className, type, appearance, title, desc, enableOverlay, stickyButton, before, after, close, isOpen, isOpenModal, onClickClose, onClose, children, } = props;
+    const _isOpen = isOpen ?? isOpenModal;
+    const isOpenPrevRef = React.useRef(Boolean(_isOpen));
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, drawerConfig);
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const { direction, size, titleTextColor, titleTextSize, descTextColor, descTextSize, divider, dividerSize, zeroPadding, closeIcon, closeIconFill, closeIconFillIcon, closeIconFillSize, closeIconShape, closeIconSize, closeIconSrc, } = propsGenerator;
+    React.useEffect(() => {
+        const isFromOpenToClose = isOpenPrevRef.current === true && !_isOpen;
         if (isFromOpenToClose && onClose) {
             onClose();
         }
         isOpenPrevRef.current = Boolean(_isOpen);
-        var isNeedShowWarning = process.env.NODE_ENV === 'development' &&
+        const isNeedShowWarning = process.env.NODE_ENV === 'development' &&
             typeof isOpenModal !== 'undefined';
         if (isNeedShowWarning) {
             console.warn('@itcase/ui Drawer warning: "isOpenModal" is deprecated, use "isOpen" instead.');
         }
     }, [_isOpen, onClose]);
-    return (jsxRuntime.jsxs(ReactDrawer, { dataTour: dataTour, className: clsx('drawer', type && "drawer_type_".concat(type), className, dataTour && "dataTour-".concat(dataTour), stickyButton && 'drawer_sticky-button', zeroPadding && 'drawer_reset-padding'), direction: direction || 'right', size: size || 600, 
+    return (jsxRuntime.jsxs(ReactDrawer, { dataTour: dataTour, className: clsx('drawer', type && `drawer_type_${type}`, className, dataTour && `dataTour-${dataTour}`, stickyButton && 'drawer_sticky-button', zeroPadding && 'drawer_reset-padding'), direction: direction || 'right', size: size || 600, 
         // Drawer set prefix "EZDrawer" for any id
-        customIdSuffix: dataTestId ? "_".concat(dataTestId) : undefined, enableOverlay: enableOverlay, lockBackgroundScroll: false, overlayClassName: "drawer__overlay", open: _isOpen, onClose: onClickClose, children: [before && jsxRuntime.jsx("div", { className: "drawer__before", children: before }), !close && (closeIcon || closeIconSrc) && (jsxRuntime.jsx("div", { className: "drawer__close", children: jsxRuntime.jsx(Icon.Icon, { className: "cursor_type_pointer", fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: onClickClose }) })), (title || desc) && (jsxRuntime.jsxs("div", { className: "drawer__header", children: [jsxRuntime.jsx(Icon.Title, { className: "drawer__header-title", size: titleTextSize, textColor: titleTextColor, children: title }), jsxRuntime.jsx(Text.Text, { className: "drawer__header-desc", size: descTextSize, textColor: descTextColor, children: desc })] })), divider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", size: dividerSize, fill: "surfaceTertiary" })), children && jsxRuntime.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsx("div", { className: "drawer__after", children: after })] }));
+        customIdSuffix: dataTestId ? `_${dataTestId}` : undefined, enableOverlay: enableOverlay, lockBackgroundScroll: false, overlayClassName: "drawer__overlay", open: _isOpen, onClose: onClickClose, children: [before && jsxRuntime.jsx("div", { className: "drawer__before", children: before }), !close && (closeIcon || closeIconSrc) && (jsxRuntime.jsx("div", { className: "drawer__close", children: jsxRuntime.jsx(Icon.Icon, { className: "cursor_type_pointer", fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: onClickClose }) })), (title || desc) && (jsxRuntime.jsxs("div", { className: "drawer__header", children: [jsxRuntime.jsx(Icon.Title, { className: "drawer__header-title", size: titleTextSize, textColor: titleTextColor, children: title }), jsxRuntime.jsx(Text.Text, { className: "drawer__header-desc", size: descTextSize, textColor: descTextColor, children: desc })] })), divider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", size: dividerSize, fill: "surfaceTertiary" })), children && jsxRuntime.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsx("div", { className: "drawer__after", children: after })] }));
 }
 
 exports.Drawer = Drawer;