@itcase/ui 1.9.55 → 1.9.57

package/dist/Button_es_DmU0Szub.js

@@ -1,417 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { I as Icon } from './Icon_es_kewxGRUB.js';
-import { a as LinkWrapper } from './Link_es_BDAmhIzd.js';
-import { L as Loader } from './Loader_es_CqlLujBJ.js';
-import { T as Text } from './Text_es_DVNvU0m0.js';
-import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useHoldProgress } from './hooks/useHoldProgress.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-import { mergeAppearanceKeys } from './utils/mergeAppearanceKeys.js';
-
-const buttonAppearanceAccent = {
-    accentMutedPrimary: {
-        fill: 'accentTertiary',
-        fillHover: 'accentHoverTertiary',
-        labelTextColor: 'accentTextQuaternary',
-        labelTextColorHover: 'accentTextQuaternary',
-        borderColor: 'accentBorderSecondary',
-        iconAfterFillIcon: 'accentItemQuaternary',
-        iconBeforeFillIcon: 'accentItemQuaternary',
-        iconFillIcon: 'accentItemQuaternary',
-        loaderAppearance: 'accentTertiary',
-    },
-    accentPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-        iconAfterFillIcon: 'accentItemPrimary',
-        iconBeforeFillIcon: 'accentItemPrimary',
-        iconFillIcon: 'accentItemPrimary',
-        loaderAppearance: 'accentPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
-        iconAfterFillIcon: 'accentItemPrimary',
-        iconBeforeFillIcon: 'accentItemPrimary',
-        iconFillIcon: 'accentItemPrimary',
-        loaderAppearance: 'accentPrimary',
-    },
-};
-
-const buttonAppearanceDanger = {
-    dangerMutedPrimary: {
-        fill: 'dangerTertiary',
-        fillHover: 'dangerHoverPrimary',
-        labelTextColor: 'dangerTextQuaternary',
-        labelTextColorHover: 'dangerTextQuaternary',
-        borderColor: 'dangerBorderSecondary',
-        iconAfterFillIcon: 'dangerItemQuaternary',
-        iconBeforeFillIcon: 'dangerItemQuaternary',
-        iconFillIcon: 'dangerItemQuaternary',
-        loaderAppearance: 'dangerTertiary',
-    },
-    dangerPrimary: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHoverPrimary',
-        labelTextColor: 'dangerTextPrimary',
-        labelTextColorHover: 'dangerTextPrimary',
-        iconAfterFillIcon: 'dangerItemPrimary',
-        iconBeforeFillIcon: 'dangerItemPrimary',
-        iconFillIcon: 'dangerItemPrimary',
-        loaderAppearance: 'dangerPrimary',
-    },
-};
-
-const buttonAppearanceError = {
-    errorMutedPrimary: {
-        fill: 'errorTertiary',
-        fillHover: 'errorHoverPrimary',
-        labelTextColor: 'errorTextQuaternary',
-        labelTextColorHover: 'errorTextQuaternary',
-        borderColor: 'errorBorderSecondary',
-        iconAfterFillIcon: 'errorItemQuaternary',
-        iconBeforeFillIcon: 'errorItemQuaternary',
-        iconFillIcon: 'errorItemQuaternary',
-        loaderAppearance: 'errorTertiary',
-    },
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHoverPrimary',
-        labelTextColor: 'errorTextPrimary',
-        labelTextColorHover: 'errorTextPrimary',
-        iconAfterFillIcon: 'errorItemPrimary',
-        iconBeforeFillIcon: 'errorItemPrimary',
-        iconFillIcon: 'errorItemPrimary',
-        loaderAppearance: 'errorPrimary',
-    },
-};
-
-const buttonAppearanceExtra = {
-    extraMutedPrimary: {
-        fill: 'extraTertiary',
-        fillHover: 'extraHoverPrimary',
-        labelTextColor: 'extraTextQuaternary',
-        borderColor: 'extraBorderSecondary',
-        iconAfterFillIcon: 'extraItemQuaternary',
-        iconBeforeFillIcon: 'extraItemQuaternary',
-        iconFillIcon: 'extraItemQuaternary',
-        loaderAppearance: 'extraPrimary',
-    },
-    extraPrimary: {
-        fill: 'extraPrimary',
-        fillHover: 'extraHoverPrimary',
-        labelTextColor: 'extraTextPrimary',
-        iconAfterFillIcon: 'extraItemPrimary',
-        iconBeforeFillIcon: 'extraItemPrimary',
-        iconFillIcon: 'extraItemPrimary',
-        loaderAppearance: 'extraPrimary',
-    },
-};
-
-const buttonAppearanceInfo = {
-    infoMutedPrimary: {
-        fill: 'infoTertiary',
-        fillHover: 'infoHoverTertiary',
-        labelTextColor: 'infoTextSecondary',
-        labelTextColorHover: 'infoTextSecondary',
-        borderColor: 'infoBorderSecondary',
-        iconAfterFillIcon: 'infoItemSecondary',
-        iconBeforeFillIcon: 'infoItemSecondary',
-        iconFillIcon: 'infoItemSecondary',
-        loaderAppearance: 'infoTertiary',
-    },
-    infoPrimary: {
-        fill: 'infoPrimary',
-        fillHover: 'infoHoverPrimary',
-        labelTextColor: 'infoTextPrimary',
-        labelTextColorHover: 'infoTextPrimary',
-        borderColor: 'infoBorderPrimary',
-        iconAfterFillIcon: 'infoItemPrimary',
-        iconBeforeFillIcon: 'infoItemPrimary',
-        iconFillIcon: 'infoItemPrimary',
-        loaderAppearance: 'infoPrimary',
-    },
-    infoSecondary: {
-        fill: 'infoPrimary',
-        fillHover: 'infoHoverPrimary',
-        labelTextColor: 'infoTextSecondary',
-        labelTextColorHover: 'infoTextSecondary',
-        borderColor: 'infoBorderPrimary',
-        iconAfterFillIcon: 'infoItemPrimary',
-        iconBeforeFillIcon: 'infoItemPrimary',
-        iconFillIcon: 'infoItemPrimary',
-        loaderAppearance: 'infoPrimary',
-    },
-};
-
-const buttonAppearanceShape = {
-    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',
-    },
-};
-
-const buttonAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        labelTextSize: 'xl',
-        iconAfterAppearanceSize: 'size24_24',
-        iconBeforeAppearanceSize: 'size24_24',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeXL: {
-        size: 'xl',
-        labelTextSize: 'l',
-        iconAfterAppearanceSize: 'size24_24',
-        iconBeforeAppearanceSize: 'size24_24',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeL: {
-        size: 'l',
-        labelTextSize: 'l',
-        iconAfterAppearanceSize: 'size24_24',
-        iconBeforeAppearanceSize: 'size24_24',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeM: {
-        size: 'm',
-        labelTextSize: 'm',
-        iconAfterAppearanceSize: 'size24_24',
-        iconBeforeAppearanceSize: 'size24_24',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeS: {
-        size: 's',
-        labelTextSize: 's',
-        iconAfterAppearanceSize: 'size20_20',
-        iconBeforeAppearanceSize: 'size20_20',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeXS: {
-        size: 'xs',
-        labelTextSize: 'xs',
-        iconAfterAppearanceSize: 'size16_16',
-        iconBeforeAppearanceSize: 'size16_16',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        labelTextSize: 'xs',
-        iconAfterAppearanceSize: 'size14_14',
-        iconBeforeAppearanceSize: 'size14_14',
-        loaderAppearanceSize: 'sizeL',
-    },
-};
-
-const buttonAppearanceSpecial = {
-    specialMutedPrimary: {
-        fill: 'specialTertiary',
-        fillHover: 'specialHoverPrimary',
-        labelTextColor: 'specialTextSecondary',
-        borderColor: 'specialBorderTertiary',
-        iconAfterFillIcon: 'specialItemSecondary',
-        iconBeforeFillIcon: 'specialItemSecondary',
-        iconFillIcon: 'specialItemSecondary',
-        loaderAppearance: 'specialTertiary',
-    },
-    specialPrimary: {
-        fill: 'specialPrimary',
-        fillHover: 'specialHoverPrimary',
-        labelTextColor: 'specialTextPrimary',
-        iconAfterFillIcon: 'specialItemPrimary',
-        iconBeforeFillIcon: 'specialItemPrimary',
-        iconFillIcon: 'specialItemPrimary',
-        loaderAppearance: 'specialPrimary',
-    },
-};
-
-const buttonAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {},
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-
-const buttonAppearanceSuccess = {
-    successMutedPrimary: {
-        fill: 'successTertiary',
-        fillHover: 'successHoverPrimary',
-        labelTextColor: 'successTextQuaternary',
-        labelTextColorHover: 'successTextQuaternary',
-        borderColor: 'successBorderQuaternary',
-        iconAfterFillIcon: 'successItemQuaternary',
-        iconBeforeFillIcon: 'successItemQuaternary',
-        iconFillIcon: 'successItemQuaternary',
-        loaderAppearance: 'successTertiary',
-    },
-    successPrimary: {
-        fill: 'successPrimary',
-        fillHover: 'successHoverPrimary',
-        labelTextColor: 'successTextPrimary',
-        labelTextColorHover: 'successTextPrimary',
-        iconAfterFillIcon: 'successItemPrimary',
-        iconBeforeFillIcon: 'successItemPrimary',
-        iconFillIcon: 'successItemPrimary',
-        loaderAppearance: 'successPrimary',
-    },
-};
-
-const buttonAppearanceSurface = {
-    surfaceMutedPrimary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextQuaternary',
-        borderColor: 'surfaceBorderQuaternary',
-        iconAfterFillIcon: 'surfaceItemQuaternary',
-        iconBeforeFillIcon: 'surfaceItemQuaternary',
-        iconFillIcon: 'surfaceItemQuaternary',
-        loaderAppearance: 'surfaceTertiary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfaceSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        iconAfterFillIcon: 'surfaceItemPrimary',
-        iconBeforeFillIcon: 'surfaceItemPrimary',
-        iconFillIcon: 'surfaceItemPrimary',
-        loaderAppearance: 'surfacePrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        iconAfterFillIcon: 'surfaceItemPrimary',
-        iconBeforeFillIcon: 'surfaceItemPrimary',
-        iconFillIcon: 'surfaceItemPrimary',
-        loaderAppearance: 'surfacePrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        iconAfterFillIcon: 'surfaceItemPrimary',
-        iconBeforeFillIcon: 'surfaceItemPrimary',
-        iconFillIcon: 'surfaceItemPrimary',
-        loaderAppearance: 'surfacePrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        iconAfterFillIcon: 'surfaceItemPrimary',
-        iconBeforeFillIcon: 'surfaceItemPrimary',
-        iconFillIcon: 'surfaceItemPrimary',
-        loaderAppearance: 'surfacePrimary',
-    },
-};
-
-const buttonAppearanceWarning = {
-    warningMutedPrimary: {
-        fill: 'warningTertiary',
-        fillHover: 'warningHoverPrimary',
-        labelTextColor: 'warningTextSecondary',
-        labelTextColorHover: 'warningTextPrimary',
-        borderColor: 'warningBorderPrimary',
-        iconAfterFillIcon: 'warningItemSecondary',
-        iconBeforeFillIcon: 'warningItemSecondary',
-        iconFillIcon: 'warningItemSecondary',
-        loaderAppearance: 'warningTertiary',
-    },
-    warningPrimary: {
-        fill: 'warningPrimary',
-        fillHover: 'warningHoverPrimary',
-        labelTextColor: 'warningTextPrimary',
-        labelTextColorHover: 'warningTextPrimary',
-        iconAfterFillIcon: 'warningItemPrimary',
-        iconBeforeFillIcon: 'warningItemPrimary',
-        iconFillIcon: 'warningItemPrimary',
-        loaderAppearance: 'warningPrimary',
-    },
-};
-
-const buttonAppearance = {
-    ...buttonAppearanceSize,
-    ...buttonAppearanceShape,
-    ...buttonAppearanceStyle,
-    ...buttonAppearanceAccent,
-    ...buttonAppearanceDanger,
-    ...buttonAppearanceError,
-    ...buttonAppearanceInfo,
-    ...buttonAppearanceSpecial,
-    ...buttonAppearanceExtra,
-    ...buttonAppearanceSuccess,
-    ...buttonAppearanceSurface,
-    ...buttonAppearanceWarning,
-};
-
-const buttonConfig = {
-    appearance: buttonAppearance,
-    setAppearance: function (appearanceConfig) {
-        this.appearance = appearanceConfig;
-    },
-};
-const Button = React.forwardRef(function Button(props, ref) {
-    const { appearance, className, dataTestId, dataTour, label, Badge, href, htmlType = 'button', link, rel, target, tooltip, before, after, isDisabled, isHolding, isLoading = false, onClick, onHoldComplete, onMouseDown, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, buttonConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, labelTextColor, labelTextColorHover, labelTextSize, labelTextTruncate, labelTextWeight, labelTextWidth, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, elevationClass, icon, iconAfter, iconAfterAppearance, iconAfterAppearanceSize, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconAppearance, iconAppearanceSize, iconBefore, iconBeforeAppearance, iconBeforeAppearanceSize, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, loaderAppearance, loaderAppearanceSize, loaderFill, loaderItemFill, loaderSize, loaderType = 'dot', shapeClass, shapeStrengthClass, sizeClass, widthClass, zeroGap, zeroPadding, isSkeleton, } = propsGenerator;
-    const { label: labelStyles, styles: buttonStyles } = useStyles(props);
-    const { holdState, onHoldEnd, onHoldStart } = useHoldProgress({
-        holdDurationMs: 500, // hardcoded in button.css
-        onHoldComplete: onHoldComplete,
-    });
-    const buttonTypeClass = after ||
-        before ||
-        icon ||
-        iconAfter ||
-        iconAfterSrc ||
-        iconBefore ||
-        iconBeforeSrc ||
-        iconSrc;
-    return (jsxs(LinkWrapper, { className: clsx(className, 'button', label && buttonTypeClass
-            ? 'button_type_default'
-            : label
-                ? 'button_type_label'
-                : buttonTypeClass
-                    ? 'button_type_icon'
-                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'button_skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId && `${dataTestId}-button`, "data-tour": dataTour, disabled: isDisabled, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: [isHolding && (jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] })] }));
-});
-
-export { Button as B, buttonConfig as a, buttonAppearance as b };

package/dist/DatePicker_cjs_GlYhN9Og.js

@@ -1,197 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var locale = require('date-fns/locale');
-var DatePicker = require('react-datepicker');
-var Button = require('./Button_cjs_DQK8S06G.js');
-var Icon = require('./Icon_cjs_DTvdhr8B.js');
-var Input = require('./Input_cjs_BQIi1N63.js');
-var Label = require('./Label_cjs_RI5tFcPt.js');
-var Text = require('./Text_cjs_erTy2pUN.js');
-var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var _default = require('@itcase/icons/default');
-
-const datePickerSize = {
-    sizeL: {
-        size: 'l',
-        daySize: 'xs',
-        dayTextSize: 'm',
-        iconFillSize: '24',
-        iconLeft: _default.icons14.Arrow.ChevronLeft,
-        iconRight: _default.icons14.Arrow.ChevronRight,
-    },
-    sizeM: {
-        size: 'm',
-        daySize: 'xxl',
-        dayTextSize: 'm',
-        iconFillSize: '24',
-        iconLeft: _default.icons14.Arrow.ChevronLeft,
-        iconRight: _default.icons14.Arrow.ChevronRight,
-        iconSize: '14',
-        monthTextSize: 'm',
-        yearTextSize: 'm',
-    },
-    sizeS: {
-        size: 's',
-        daySize: 'xs',
-        dayTextSize: 'm',
-        iconFillSize: '24',
-        iconLeft: _default.icons14.Arrow.ChevronLeft,
-        iconRight: _default.icons14.Arrow.ChevronRight,
-    },
-};
-
-const datePickerStyle = {
-    solid: {
-        inputProps: {
-            borderColor: 'none',
-        },
-    },
-    outlined: {
-        inputProps: {
-            fill: 'none',
-        },
-    },
-    full: {},
-    ghost: {
-        inputProps: {
-            fill: 'none',
-            borderColor: 'none',
-        },
-    },
-};
-
-const datePickerAppearanceSurface = {
-    surfacePrimary: {
-        dayTextColor: 'surfaceTextPrimary',
-        dayTextShape: 'rounded',
-        iconFillHover: 'surfaceSecondary',
-        iconItemFill: 'surfaceItemPrimary',
-        iconShape: 'circular',
-        monthTextColor: 'surfaceTextPrimary',
-        monthTextWeight: '400',
-        yearTextColor: 'surfaceTextPrimary',
-        yearTextWeight: '400',
-    },
-};
-
-const datePickerAppearance = {
-    ...datePickerAppearanceSurface,
-    ...datePickerSize,
-    ...datePickerStyle,
-};
-
-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,
-    };
-};
-
-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.useAppearanceConfig(appearance, datePickerConfig);
-    const propsGenerator = useDevicePropsGenerator.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 = React.useRef(null);
-    const [dateStart, dateEnd] = React.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 = React.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 = React.useCallback((startDateOfSelectedWeek) => {
-        const { mondayDate, sundayDate } = getWeekRange(startDateOfSelectedWeek);
-        onChange?.(mondayDate, sundayDate);
-    }, [onChange]);
-    const renderDayContents = React.useCallback((day, date) => {
-        return (jsxRuntime.jsx(Button.Button, { className: "react-datepicker__day-button", size: daySize, label: date.getDate().toString(), labelTextColor: dayTextColor, labelTextSize: dayTextSize, shape: dayTextShape }));
-    }, [daySize, dayTextColor, dayTextShape, dayTextSize]);
-    const renderCustomHeader = React.useCallback(({ decreaseMonth, increaseMonth, monthDate, }) => (jsxRuntime.jsxs("div", { className: "react-datepicker__header--div", children: [iconLeft && (jsxRuntime.jsx(Icon.Icon, { className: "react-datepicker__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, shape: iconShape, SvgImage: iconLeft, onClick: decreaseMonth })), jsxRuntime.jsxs("div", { className: "react-datepicker__data", children: [jsxRuntime.jsx(Text.Text, { className: "react-datepicker__month", size: monthTextSize, textColor: monthTextColor, textWeight: monthTextWeight, children: monthDate.toLocaleString('ru-RU', { month: 'long' }) }), jsxRuntime.jsx(Text.Text, { className: "react-datepicker__year", size: yearTextSize, textColor: yearTextColor, textWeight: yearTextWeight, children: monthDate.toLocaleString('ru-RU', { year: 'numeric' }) })] }), iconRight && (jsxRuntime.jsx(Icon.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.useStyles(props);
-    return (jsxRuntime.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: jsxRuntime.jsx(DatePicker, { ref: datepickerRef, ...datePickerProps, minDate: disablePastDays ? new Date() : undefined, customInput: jsxRuntime.jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? dateEnd : undefined, locale: 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 = React.useMemo(() => {
-        if (value) {
-            const twoDates = value.split(' - ');
-            return twoDates[0] === twoDates[1] ? twoDates[0] : value;
-        }
-        return '';
-    }, [value]);
-    return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Input.Input, { ...props, ...inputProps, className: clsx(inputProps?.className, 'datepicker__input'), ref: ref, autocomplete: "off", value: multipleValue }), inputIcon && jsxRuntime.jsx(DatePickerInputIcon, { ...inputProps }), isClearable && jsxRuntime.jsx(DatePickerClearButton, { ...inputProps })] }));
-});
-function DatePickerClearButton(props) {
-    const { clearIcon, clearIconFill, clearIconFillHover, clearIconFillSize, clearIconItemFill, clearIconItemFillHover, clearIconShape, clearIconSize, clearIconSrc, clearLabel, clearLabelTextColor, clearLabelTextColorHover, clearLabelTextSize, datepickerRef, } = props;
-    const onClick = React.useCallback((event) => {
-        datepickerRef?.current?.onClearClick(event);
-        datepickerRef?.current?.handleFocus(event);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return (jsxRuntime.jsx(React.Fragment, { children: clearLabel ? (jsxRuntime.jsx(Label.Label, { className: clsx('react-datepicker__clear-label', 'cursor_type_pointer'), label: clearLabel, labelTextColor: clearLabelTextColor, labelTextColorHover: clearLabelTextColorHover, labelTextSize: clearLabelTextSize, onClick: onClick })) : ((clearIcon || clearIconSrc) && (jsxRuntime.jsx(Icon.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 (jsxRuntime.jsx(Icon.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() }));
-}
-
-exports.DatePickerInput = DatePickerInput;
-exports.datePickerAppearance = datePickerAppearance;
-exports.datePickerConfig = datePickerConfig;