@itcase/ui 1.9.65 → 1.9.66

package/dist/components/Code/Code.appearance.js

@@ -1,19 +0,0 @@
-import { codeAppearanceDefault } from './appearance/codeDefault';
-import { codeAppearanceDisabled } from './appearance/codeDisabled';
-import { codeAppearanceError } from './appearance/codeError';
-import { codeAppearanceRequire } from './appearance/codeRequire';
-import { codeAppearanceShape } from './appearance/codeShape';
-import { codeAppearanceSize } from './appearance/codeSize';
-import { codeAppearanceStyle } from './appearance/codeStyle';
-import { codeAppearanceSuccess } from './appearance/codeSuccess';
-const codeAppearance = {
-    ...codeAppearanceDisabled,
-    ...codeAppearanceShape,
-    ...codeAppearanceRequire,
-    ...codeAppearanceSize,
-    ...codeAppearanceDefault,
-    ...codeAppearanceStyle,
-    ...codeAppearanceError,
-    ...codeAppearanceSuccess,
-};
-export { codeAppearance };

package/dist/components/Code/Code.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Code/Code.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import clsx from 'clsx';
-import OtpInput from 'react-otp-input';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { codeAppearance } from './Code.appearance';
-const codeConfig = {
-    appearance: codeAppearance,
-    setAppearance: (appearanceConfig) => {
-        codeConfig.appearance = appearanceConfig;
-    },
-};
-function Code(props) {
-    const { appearance, className, dataTestId, dataTour, initialValue = '', inputAutoFocus, inputCount = 6, inputPlaceholder, inputType = 'number', separatorComponent, before, after, isDisabled, isSkeleton, onBlur, onChange, onFocus, } = props;
-    const [otp, setOtp] = useState(initialValue);
-    const appearanceConfig = useAppearanceConfig(appearance, codeConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { inputBorderColorClass, inputBorderColorHoverClass, inputBorderFocusColorClass, inputBorderWidthClass, inputCaretColorClass, inputFillClass, inputFillHoverClass, inputPlaceholderTextColorClass, inputSizeClass, inputTextColorClass, inputTextSizeClass, inputTextWeightClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    const renderInput = (otpInputProps, index) => {
-        return (_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: (event) => {
-                onFocus && onFocus(event);
-                otpInputProps.onFocus(event);
-            } }));
-    };
-    useEffect(() => {
-        onChange && onChange(otp);
-    }, [onChange, otp]);
-    return (_jsxs("div", { className: clsx(className, 'code', widthClass, sizeClass && `code_size_${sizeClass}`), "data-testid": dataTestId, "data-tour": dataTour, children: [before, _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] }));
-}
-export { Code, codeConfig };

package/dist/components/Code/appearance/codeDefault.js

@@ -1,11 +0,0 @@
-const codeAppearanceDefault = {
-    defaultPrimary: {
-        inputBorderColor: 'surfaceBorderTertiary',
-        inputCaretColor: 'surfaceItemPrimary',
-        inputFill: 'surfaceSecondary',
-        inputFillHover: 'surfaceSecondary',
-        inputPlaceholderTextColor: 'surfaceTextQuaternary',
-        inputTextColor: 'surfaceTextPrimary',
-    },
-};
-export { codeAppearanceDefault };

package/dist/components/Code/appearance/codeDisabled.js

@@ -1,12 +0,0 @@
-const codeAppearanceDisabled = {
-    disabledPrimary: {
-        inputBorderColor: 'surfaceBorderDisabled',
-        inputBorderColorHover: 'surfaceBorderDisabled',
-        inputCaretColor: 'surfaceItemPrimary',
-        inputFill: 'surfaceDisabled',
-        inputFillHover: 'surfaceDisabled',
-        inputPlaceholderTextColor: 'surfaceTextQuaternary',
-        inputTextColor: 'surfaceTextPrimary',
-    },
-};
-export { codeAppearanceDisabled };

package/dist/components/Code/appearance/codeError.js

@@ -1,12 +0,0 @@
-const codeAppearanceError = {
-    errorPrimary: {
-        inputBorderColor: 'errorBorderQuaternary',
-        inputBorderColorHover: 'errorBorderSecondary',
-        inputCaretColor: 'surfaceItemPrimary',
-        inputFill: 'errorTertiary',
-        inputFillHover: 'errorHoverTertiary',
-        inputPlaceholderTextColor: 'surfaceTextQuaternary',
-        inputTextColor: 'surfaceTextPrimary',
-    },
-};
-export { codeAppearanceError };

package/dist/components/Code/appearance/codeRequire.js

@@ -1,12 +0,0 @@
-const codeAppearanceRequire = {
-    requirePrimary: {
-        inputBorderColor: 'warningBorderSecondary',
-        inputBorderColorHover: 'warningBorderSecondary',
-        inputCaretColor: 'surfaceItemPrimary',
-        inputFill: 'warningTertiary',
-        inputFillHover: 'warningTertiary',
-        inputPlaceholderTextColor: 'surfaceTextQuaternary',
-        inputTextColor: 'surfaceTextPrimary',
-    },
-};
-export { codeAppearanceRequire };

package/dist/components/Code/appearance/codeShape.js

@@ -1,25 +0,0 @@
-const codeAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-export { codeAppearanceShape };

package/dist/components/Code/appearance/codeSize.js

@@ -1,13 +0,0 @@
-const codeAppearanceSize = {
-    sizeL: {
-        size: 'l',
-        inputSize: 'l',
-        inputTextSize: 'xxl',
-    },
-    sizeM: {
-        size: 'm',
-        inputSize: 'm',
-        inputTextSize: 'xxl',
-    },
-};
-export { codeAppearanceSize };

package/dist/components/Code/appearance/codeStyle.js

@@ -1,16 +0,0 @@
-const codeAppearanceStyle = {
-    solid: {
-        inputBorderColor: 'none',
-    },
-    outlined: {
-        inputFill: 'none',
-    },
-    full: {
-        inputBorderColor: 'none',
-    },
-    ghost: {
-        inputBorderColor: 'none',
-        inputFill: 'none',
-    },
-};
-export { codeAppearanceStyle };

package/dist/components/Code/appearance/codeSuccess.js

@@ -1,12 +0,0 @@
-const codeAppearanceSuccess = {
-    successPrimary: {
-        inputBorderColor: 'successBorderSecondary',
-        inputBorderColorHover: 'successBorderSecondary',
-        inputCaretColor: 'surfaceItemPrimary',
-        inputFill: 'successTertiary',
-        inputFillHover: 'successHoverTertiary',
-        inputPlaceholderTextColor: 'surfaceTextQuaternary',
-        inputTextColor: 'surfaceTextPrimary',
-    },
-};
-export { codeAppearanceSuccess };

package/dist/components/Code/index.js

@@ -1,2 +0,0 @@
-export { Code, codeConfig } from './Code';
-export { codeAppearance } from './Code.appearance';

package/dist/components/CookiesWarning/CookiesWarning.appearance.js

@@ -1,5 +0,0 @@
-import { cookiesWarningAppearanceDefault } from './appearance/cookiesWarningDefault';
-const cookiesWarningAppearance = {
-    ...cookiesWarningAppearanceDefault,
-};
-export { cookiesWarningAppearance };

package/dist/components/CookiesWarning/CookiesWarning.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/CookiesWarning/CookiesWarning.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef } from 'react';
-import clsx from 'clsx';
-import Cookies from 'js-cookie';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { Button } from 'src/components/Button';
-import { Text } from 'src/components/Text';
-import { cookiesWarningAppearance } from './CookiesWarning.appearance';
-const cookiesWarningConfig = {
-    appearance: cookiesWarningAppearance,
-    setAppearance: (appearanceConfig) => {
-        cookiesWarningConfig.appearance = appearanceConfig;
-    },
-};
-function CookiesWarning(props) {
-    const { appearance, className, dataTestId, dataTour, message, isHideOnScroll = false, } = props;
-    const cookiesWarningRef = useRef(null);
-    const isOpen = useMemo(() => Cookies.get('cookies-warning') !== 'close', []);
-    const closeCookiesWarning = useCallback(() => {
-        cookiesWarningRef.current?.classList.add('cookies-warning_state_hidden');
-        Cookies.set('cookies-warning', 'close');
-    }, []);
-    useEffect(() => {
-        if (isHideOnScroll) {
-            window.addEventListener('scroll', closeCookiesWarning, true);
-        }
-        return () => {
-            window.removeEventListener('scroll', closeCookiesWarning, true);
-        };
-    }, [closeCookiesWarning, isHideOnScroll]);
-    useEffect(() => {
-        if (!isOpen) {
-            window.removeEventListener('scroll', closeCookiesWarning, true);
-        }
-    }, [closeCookiesWarning, isOpen]);
-    const appearanceConfig = useAppearanceConfig(appearance, cookiesWarningConfig);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, messageTextColor, messageTextSize, buttonAppearance, buttonFill, buttonFillHover, buttonLabel, buttonLabelSize, buttonLabelTextColor, buttonShape, buttonSize, buttonWidth, elevationClass, } = propsGenerator;
-    return (isOpen && (_jsx("div", { className: clsx('cookies-warning', className, fillClass && `fill_${fillClass}`, elevationClass && `elevation_${elevationClass}`), ref: cookiesWarningRef, "data-testid": dataTestId, "data-tour": dataTour, children: _jsxs("div", { className: "cookies-warning__inner", children: [_jsx(Text, { size: messageTextSize, textColor: messageTextColor, children: message }), _jsx(Button, { appearance: buttonAppearance, width: buttonWidth, size: buttonSize, fill: buttonFill, fillHover: buttonFillHover, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, shape: buttonShape, onClick: closeCookiesWarning, children: buttonLabel })] }) })));
-}
-export { CookiesWarning, cookiesWarningConfig };

package/dist/components/CookiesWarning/appearance/cookiesWarningDefault.js

@@ -1,12 +0,0 @@
-const cookiesWarningAppearanceDefault = {
-    defaultPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        messageTextColor: 'surfaceTextPrimary',
-        messageTextSize: 's',
-        elevation: '8',
-        buttonAppearance: 'accentPrimary sizeXL',
-        buttonWidth: 'fill',
-    },
-};
-export { cookiesWarningAppearanceDefault };

package/dist/components/CookiesWarning/index.js

@@ -1,3 +0,0 @@
-import { CookiesWarning, cookiesWarningConfig } from './CookiesWarning';
-import { cookiesWarningAppearance } from './CookiesWarning.appearance';
-export { CookiesWarning, cookiesWarningAppearance, cookiesWarningConfig };

package/dist/components/Dadata/Dadata.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Dadata/Dadata.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import { PartySuggestions } from 'react-dadata';
-import { Input } from 'src/components/Input';
-function Dadata(props) {
-    const { dataTestId, dataTour, delay, input, inputProps, meta, token, setValue, } = props;
-    const dadataInputProps = useMemo(() => {
-        return {
-            ...inputProps,
-            className: clsx('react-dadata__input', meta?.active && 'input_state_focus', meta?.error &&
-                meta?.touched &&
-                `input_state_${meta.error.key || 'error'}`),
-            inputValue: input?.value,
-            onBlur: input?.onBlur,
-            onChange: input?.onChange,
-            onFocus: input?.onFocus,
-        };
-    }, [
-        inputProps,
-        meta?.active,
-        meta?.error,
-        meta?.touched,
-        input?.value,
-        input?.onFocus,
-        input?.onBlur,
-        input?.onChange,
-    ]);
-    return (_jsx(PartySuggestions, { minChars: 3, customInput: DadataCustomInput, "data-testid": dataTestId, "data-tour": dataTour, delay: delay || 750, inputProps: dadataInputProps, token: token, onChange: setValue }));
-}
-function DadataCustomInput(props) {
-    const { inputValue, ...otherProps } = props;
-    return _jsx(Input, { ...otherProps, value: inputValue });
-}
-export { Dadata };

package/dist/components/Dadata/index.js

@@ -1 +0,0 @@
-export { Dadata } from './Dadata';

package/dist/components/DatePeriod/DatePeriod.appearance.js

@@ -1,9 +0,0 @@
-import { datePeriodAppearanceShape } from './appearance/datePeriodShape';
-import { datePeriodAppearanceSize } from './appearance/datePeriodSize';
-import { datePeriodAppearanceSurface } from './appearance/datePeriodSurface';
-const datePeriodAppearance = {
-    ...datePeriodAppearanceSurface,
-    ...datePeriodAppearanceSize,
-    ...datePeriodAppearanceShape,
-};
-export { datePeriodAppearance };

package/dist/components/DatePeriod/DatePeriod.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/DatePeriod/DatePeriod.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _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 { Chips, ChipsGroup } from 'src/components/Chips';
-import { DatePickerInput } from 'src/components/DatePicker';
-import { Select } from 'src/components/Select';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { mergeAppearanceKeys } from 'src/utils';
-import { datePeriodAppearance } from './DatePeriod.appearance';
-const datePeriodConfig = {
-    appearance: datePeriodAppearance,
-    setAppearance: (appearanceConfig) => {
-        datePeriodConfig.appearance = appearanceConfig;
-    },
-};
-function DatePeriod(props) {
-    const { appearance, className, dataTestId, dataTour, datePeriodIntervalsList = Object.values(DATE_PERIOD_INTERVALS), datePeriodSelectFirstOptions, datePeriodSelectFirstPlaceholder, datePeriodSelectFirstValue, datePeriodSelectSecondOptions, datePeriodSelectSecondPlaceholder, datePeriodSelectSecondValue, datePeriodValueEnd, datePeriodValueStart, monthsShown, popperPlacement, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onChangeDatePeriodFirstSelect, onChangeDatePeriodSecondSelect, onKeyDown, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, chipsAppearance, chipsAppearanceSize, chipsShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputAppearanceSize, datePickerInputFillHover, datePickerInputTextSize, selectAppearance, selectAppearanceSize, selectShape, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
-    const onClickPeriodChips = useCallback((selectedPeriodItem) => {
-        const dateStartIso = selectedPeriodItem.dateIntervalsList[0];
-        const dateEndIso = selectedPeriodItem.dateIntervalsList[1];
-        onChangeDatePeriod?.(new Date(dateStartIso), new Date(dateEndIso));
-    }, [onChangeDatePeriod]);
-    const checkIsChipsActive = useCallback((targetPeriodItem) => {
-        const dateStartIso = targetPeriodItem.dateIntervalsList[0];
-        const dateEndIso = targetPeriodItem.dateIntervalsList[1];
-        let normalizedDatePeriodValueStart = null;
-        let normalizedDatePeriodValueEnd = null;
-        if (datePeriodValueStart) {
-            normalizedDatePeriodValueStart = DateTime.fromJSDate(new Date(datePeriodValueStart)).toISODate();
-        }
-        if (datePeriodValueEnd) {
-            normalizedDatePeriodValueEnd = DateTime.fromJSDate(new Date(datePeriodValueEnd)).toISODate();
-        }
-        return (dateStartIso === normalizedDatePeriodValueStart &&
-            dateEndIso === normalizedDatePeriodValueEnd);
-    }, [datePeriodValueEnd, datePeriodValueStart]);
-    return (_jsxs("div", { className: clsx(className, 'date-period', sizeClass && `date-period_size_${sizeClass}`, isSkeleton && `date-period_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, children: [_jsxs("div", { className: clsx('date-period__wrapper', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, 'cursor_type_pointer'), children: [_jsx(ChipsGroup, { className: "date-period__choice", direction: "horizontal", children: datePeriodIntervalsList.map((datePeriodItem) => (_jsx(Chips, { appearance: mergeAppearanceKeys(chipsAppearance, chipsAppearanceSize), label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: () => onClickPeriodChips(datePeriodItem) }, datePeriodItem.value))) }), _jsx(DatePickerInput, { className: "date-period__datepicker", datePickerProps: {
-                            appearance: mergeAppearanceKeys(datePickerAppearance, datePickerAppearanceSize),
-                            dateFormat: 'dd/MM/yyyy',
-                            monthsShown: monthsShown,
-                            popperPlacement: popperPlacement,
-                            selectsRange: selectsRange,
-                            showWeekNumbers: showWeekNumbers,
-                            isClearable: false,
-                            onKeyDown: onKeyDown,
-                        }, endValue: datePeriodValueEnd, inputProps: {
-                            appearance: mergeAppearanceKeys(datePickerInputAppearance, datePickerInputAppearanceSize, 'ghost'),
-                            className: `date-period__datepicker-input date-period__datepicker-input_size_${sizeClass} `,
-                            fillHover: datePickerInputFillHover,
-                            textSize: datePickerInputTextSize,
-                            placeholder: 'Выбрать период',
-                        }, value: datePeriodValueStart, onChange: onChangeDatePeriod })] }), datePeriodSelectFirstOptions && (_jsx(Select, { appearance: mergeAppearanceKeys(selectAppearance, selectAppearanceSize), className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectFirstOptions, placeholder: datePeriodSelectFirstPlaceholder, shape: selectShape, value: datePeriodSelectFirstValue, isSearchable: true, onChange: onChangeDatePeriodFirstSelect })), datePeriodSelectSecondOptions && (_jsx(Select, { appearance: mergeAppearanceKeys(selectAppearance, selectAppearanceSize), className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectSecondOptions, placeholder: datePeriodSelectSecondPlaceholder, shape: selectShape, value: datePeriodSelectSecondValue, isSearchable: true, onChange: onChangeDatePeriodSecondSelect }))] }));
-}
-export { DatePeriod, datePeriodConfig };

package/dist/components/DatePeriod/appearance/datePeriodShape.js

@@ -1,35 +0,0 @@
-const datePeriodAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        chipsShape: 'rounded',
-        selectShape: 'rounded',
-        shape: 'rounded',
-    },
-    roundedXL: {
-        chipsShape: 'rounded',
-        selectShape: 'rounded',
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        chipsShape: 'rounded',
-        selectShape: 'rounded',
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        chipsShape: 'rounded',
-        selectShape: 'rounded',
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        chipsShape: 'rounded',
-        selectShape: 'rounded',
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-export { datePeriodAppearanceShape };

package/dist/components/DatePeriod/appearance/datePeriodSize.js

@@ -1,24 +0,0 @@
-const datePeriodAppearanceSize = {
-    sizeL: {
-        size: 'l',
-        chipsAppearanceSize: 'sizeXL',
-        datePickerAppearanceSize: 'sizeL',
-        datePickerInputAppearanceSize: 'sizeL',
-        selectAppearanceSize: 'sizeL',
-    },
-    sizeM: {
-        size: 'm',
-        chipsAppearanceSize: 'sizeL',
-        datePickerAppearanceSize: 'sizeM',
-        datePickerInputAppearanceSize: 'sizeM',
-        selectAppearanceSize: 'sizeM',
-    },
-    sizeS: {
-        size: 's',
-        chipsAppearanceSize: 'sizeM',
-        datePickerAppearanceSize: 'sizeS',
-        datePickerInputAppearanceSize: 'sizeS',
-        selectAppearanceSize: 'sizeS',
-    },
-};
-export { datePeriodAppearanceSize };

package/dist/components/DatePeriod/appearance/datePeriodSurface.js

@@ -1,17 +0,0 @@
-const datePeriodAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        chipsAppearance: 'surfacePrimary ghost',
-        datePickerAppearance: 'surfacePrimary',
-        datePickerInputAppearance: 'defaultPrimary',
-        selectAppearance: 'defaultPrimary solid',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        chipsAppearance: 'surfacePrimary ghost',
-        datePickerAppearance: 'surfacePrimary',
-        datePickerInputAppearance: 'defaultPrimary',
-        selectAppearance: 'defaultPrimary solid',
-    },
-};
-export { datePeriodAppearanceSurface };

package/dist/components/DatePeriod/index.js

@@ -1,2 +0,0 @@
-export { DatePeriod, datePeriodConfig } from './DatePeriod';
-export { datePeriodAppearance } from './DatePeriod.appearance';

package/dist/components/DatePicker/DatePicker.appearance.js

@@ -1,9 +0,0 @@
-import { datePickerSize } from './appearance/datePickerSize';
-import { datePickerStyle } from './appearance/datePickerStyle';
-import { datePickerAppearanceSurface } from './appearance/datePickerSurface';
-const datePickerAppearance = {
-    ...datePickerAppearanceSurface,
-    ...datePickerSize,
-    ...datePickerStyle,
-};
-export { datePickerAppearance };

package/dist/components/DatePicker/DatePicker.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/DatePicker/DatePicker.js

@@ -1,110 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useMemo, useRef } from 'react';
-import clsx from 'clsx';
-import { ru } from 'date-fns/locale';
-import DatePicker from 'react-datepicker';
-import { Button } from 'src/components/Button';
-import { Icon } from 'src/components/Icon';
-import { Input } from 'src/components/Input';
-import { Label } from 'src/components/Label';
-import { Text } from 'src/components/Text';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { datePickerAppearance } from './DatePicker.appearance';
-import { getWeekRange } from './DatePicker.utils';
-const datePickerConfig = {
-    appearance: datePickerAppearance,
-    setAppearance: (appearanceConfig) => {
-        datePickerConfig.appearance = appearanceConfig;
-    },
-};
-function DatePickerInput(props) {
-    const { className, dataTestId, dataTour, datePickerProps = {}, endValue, inputProps = {}, value, onChange, } = props;
-    const { appearance, customTimeInput, disablePastDays, monthsShown, selectsRange, showWeekNumbers, showWeekPicker, } = datePickerProps;
-    const appearanceConfig = useAppearanceConfig(appearance, datePickerConfig);
-    const propsGenerator = useDevicePropsGenerator(datePickerProps, appearanceConfig);
-    const { daySize, dayTextColor, dayTextShape, dayTextSize, iconFill, iconFillHover, iconFillSize, iconItemFill, iconLeft, iconRight, iconShape, monthTextColor, monthTextSize, monthTextWeight, popper, popperPlacement, sizeClass, widthClass, yearTextColor, yearTextSize, yearTextWeight, isClearable, } = propsGenerator;
-    const datepickerRef = useRef(null);
-    const [dateStart, dateEnd] = useMemo(() => {
-        let dateStart = undefined;
-        if (value) {
-            if (typeof value === 'string') {
-                dateStart = new Date(value);
-            }
-            else {
-                dateStart = value;
-            }
-        }
-        let dateEnd = undefined;
-        if (endValue) {
-            if (typeof endValue === 'string') {
-                dateEnd = new Date(endValue);
-            }
-            else {
-                dateEnd = endValue;
-            }
-        }
-        return [dateStart, dateEnd];
-    }, [value, endValue]);
-    const handleChange = useCallback((selected) => {
-        const valuesList = Array.isArray(selected) ? selected : [selected];
-        const [selectedDateStart, selectedDateEnd] = valuesList;
-        if (selectedDateStart && showWeekPicker) {
-            const { mondayDate, sundayDate } = getWeekRange(selectedDateStart);
-            onChange?.(mondayDate, sundayDate);
-        }
-        else {
-            onChange?.(selectedDateStart, selectedDateEnd);
-        }
-    }, [showWeekPicker, onChange]);
-    const handleWeekSelect = useCallback((startDateOfSelectedWeek) => {
-        const { mondayDate, sundayDate } = getWeekRange(startDateOfSelectedWeek);
-        onChange?.(mondayDate, sundayDate);
-    }, [onChange]);
-    const renderDayContents = useCallback((day, date) => {
-        return (_jsx(Button, { className: "react-datepicker__day-button", size: daySize, label: date.getDate().toString(), labelTextColor: dayTextColor, labelTextSize: dayTextSize, shape: dayTextShape }));
-    }, [daySize, dayTextColor, dayTextShape, dayTextSize]);
-    const renderCustomHeader = useCallback(({ decreaseMonth, increaseMonth, monthDate, }) => (_jsxs("div", { className: "react-datepicker__header--div", children: [iconLeft && (_jsx(Icon, { className: "react-datepicker__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, shape: iconShape, SvgImage: iconLeft, onClick: decreaseMonth })), _jsxs("div", { className: "react-datepicker__data", children: [_jsx(Text, { className: "react-datepicker__month", size: monthTextSize, textColor: monthTextColor, textWeight: monthTextWeight, children: monthDate.toLocaleString('ru-RU', { month: 'long' }) }), _jsx(Text, { className: "react-datepicker__year", size: yearTextSize, textColor: yearTextColor, textWeight: yearTextWeight, children: monthDate.toLocaleString('ru-RU', { year: 'numeric' }) })] }), iconRight && (_jsx(Icon, { className: "react-datepicker__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, shape: iconShape, SvgImage: iconRight, onClick: increaseMonth }))] })), [
-        iconFill,
-        iconFillHover,
-        iconFillSize,
-        iconItemFill,
-        iconLeft,
-        iconRight,
-        iconShape,
-        monthTextColor,
-        monthTextSize,
-        monthTextWeight,
-        yearTextColor,
-        yearTextSize,
-        yearTextWeight,
-    ]);
-    const { styles: datePickerStyles } = useStyles(props);
-    return (_jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', sizeClass && `datepicker_size_${sizeClass}`, widthClass && `datepicker_width_${widthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: datePickerStyles, children: _jsx(DatePicker, { ref: datepickerRef, ...datePickerProps, minDate: disablePastDays ? new Date() : undefined, customInput: _jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? dateEnd : undefined, locale: ru, outsideClickIgnoreClass: "react-datepicker-popper", popperClassName: popper && `react-datepicker-popper-${popper}`, popperPlacement: popperPlacement, preventOpenOnFocus: true, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: dateStart, startDate: dateStart, isClearable: false, onChange: handleChange, onWeekSelect: showWeekNumbers ? handleWeekSelect : undefined }) }));
-}
-const DatePickerCustomInput = React.forwardRef((props, ref) => {
-    const { inputIcon, inputProps, value, isClearable } = props;
-    const multipleValue = useMemo(() => {
-        if (value) {
-            const twoDates = value.split(' - ');
-            return twoDates[0] === twoDates[1] ? twoDates[0] : value;
-        }
-        return '';
-    }, [value]);
-    return (_jsxs(React.Fragment, { children: [_jsx(Input, { ...props, ...inputProps, className: clsx(inputProps?.className, 'datepicker__input'), ref: ref, autocomplete: "off", value: multipleValue }), inputIcon && _jsx(DatePickerInputIcon, { ...inputProps }), isClearable && _jsx(DatePickerClearButton, { ...inputProps })] }));
-});
-function DatePickerClearButton(props) {
-    const { clearIcon, clearIconFill, clearIconFillHover, clearIconFillSize, clearIconItemFill, clearIconItemFillHover, clearIconShape, clearIconSize, clearIconSrc, clearLabel, clearLabelTextColor, clearLabelTextColorHover, clearLabelTextSize, datepickerRef, } = props;
-    const onClick = useCallback((event) => {
-        datepickerRef?.current?.onClearClick(event);
-        datepickerRef?.current?.handleFocus(event);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return (_jsx(React.Fragment, { children: clearLabel ? (_jsx(Label, { className: clsx('react-datepicker__clear-label', 'cursor_type_pointer'), label: clearLabel, labelTextColor: clearLabelTextColor, labelTextColorHover: clearLabelTextColorHover, labelTextSize: clearLabelTextSize, onClick: onClick })) : ((clearIcon || clearIconSrc) && (_jsx(Icon, { className: clsx('react-datepicker__clear-icon', 'cursor_type_pointer'), size: clearIconSize, fill: clearIconFill, fillHover: clearIconFillHover, fillSize: clearIconFillSize, iconFill: clearIconItemFill, iconFillHover: clearIconItemFillHover, imageSrc: clearIconSrc, shape: clearIconShape, SvgImage: clearIcon, onClick: onClick }))) }));
-}
-function DatePickerInputIcon(props) {
-    const { inputIcon, inputIconFill, inputIconFillHover, inputIconFillSize, inputIconItemFill, inputIconShape, inputIconSize, inputIconSrc, onClick, } = props;
-    return (_jsx(Icon, { className: clsx('react-datepicker__input-icon', 'cursor_type_pointer'), size: inputIconSize, fill: inputIconFill, fillHover: inputIconFillHover, fillSize: inputIconFillSize, iconFill: inputIconItemFill, imageSrc: inputIconSrc, shape: inputIconShape, SvgImage: inputIcon, onClick: () => onClick && onClick() }));
-}
-export { datePickerConfig, DatePickerInput };

package/dist/components/DatePicker/DatePicker.utils.js

@@ -1,12 +0,0 @@
-const getWeekRange = (date) => {
-    const weekDayIndex = date.getDay() || 7;
-    const mondayDate = new Date(date);
-    mondayDate.setDate(date.getDate() - (weekDayIndex - 1));
-    const sundayDate = new Date(mondayDate);
-    sundayDate.setDate(mondayDate.getDate() + 6);
-    return {
-        mondayDate,
-        sundayDate,
-    };
-};
-export { getWeekRange };

package/dist/components/DatePicker/appearance/datePickerSize.js

@@ -1,31 +0,0 @@
-import { icons14 } from '@itcase/icons/default';
-const datePickerSize = {
-    sizeL: {
-        size: 'l',
-        daySize: 'xs',
-        dayTextSize: 'm',
-        iconFillSize: '24',
-        iconLeft: icons14.Arrow.ChevronLeft,
-        iconRight: icons14.Arrow.ChevronRight,
-    },
-    sizeM: {
-        size: 'm',
-        daySize: 'xxl',
-        dayTextSize: 'm',
-        iconFillSize: '24',
-        iconLeft: icons14.Arrow.ChevronLeft,
-        iconRight: icons14.Arrow.ChevronRight,
-        iconSize: '14',
-        monthTextSize: 'm',
-        yearTextSize: 'm',
-    },
-    sizeS: {
-        size: 's',
-        daySize: 'xs',
-        dayTextSize: 'm',
-        iconFillSize: '24',
-        iconLeft: icons14.Arrow.ChevronLeft,
-        iconRight: icons14.Arrow.ChevronRight,
-    },
-};
-export { datePickerSize };