@itcase/ui 1.8.13 → 1.8.17

package/dist/Tooltip_cjs_CY4HOzhz.js

@@ -1,97 +0,0 @@
-'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 useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text_cjs_D4xG0cKD.js');
-var Title = require('./Title_cjs_ByPcFb15.js');
-
-var tooltipAppearance = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        titleTextColor: 'surfaceTextPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        titleTextColor: 'surfaceTextPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        titleTextColor: 'surfaceTextPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var tooltipConfig = {
-    appearance: tooltipAppearance,
-    setAppearance: function (appearanceConfig) {
-        tooltipConfig.appearance = appearanceConfig;
-    },
-};
-var Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    var className = props.className, type = props.type, appearance = props.appearance, alignPosition = props.alignPosition, initialIsVisible = props.initialIsVisible, title = props.title, text = props.text, arrowPosition = props.arrowPosition, before = props.before, after = props.after, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b, set = props.set, children = props.children;
-    var tooltipElementRef = React.useRef(null);
-    var tooltipTimeoutHideRef = React.useRef(null);
-    var tooltipTimeoutShowRef = React.useRef(null);
-    var isTooltipCloseAnimationInProgressRef = React.useRef(false);
-    // TODO: rename to open?
-    var _c = React.useState(initialIsVisible), isTooltipVisible = _c[0], setIsTooltipVisible = _c[1];
-    // TODO: or rename to show/hide?
-    var openTooltip = React.useCallback(function () {
-        if (!isTooltipCloseAnimationInProgressRef.current) {
-            if (tooltipTimeoutHideRef.current) {
-                clearTimeout(tooltipTimeoutHideRef.current);
-            }
-            tooltipTimeoutShowRef.current = setTimeout(function () {
-                setIsTooltipVisible(true);
-            }, openTimeoutDelay);
-        }
-    }, [openTimeoutDelay]);
-    var closeTooltip = React.useCallback(function () {
-        if (tooltipTimeoutShowRef.current) {
-            clearTimeout(tooltipTimeoutShowRef.current);
-        }
-        // Make a small delay to be able to move cursor on the tooltip without
-        // triggering a close, because the label and the tooltip have  space between
-        tooltipTimeoutHideRef.current = setTimeout(function () {
-            // @ts-expect-error
-            setIsTooltipVisible(function (prevState) {
-                var newState = false;
-                if (prevState === true) {
-                    isTooltipCloseAnimationInProgressRef.current = true;
-                }
-                return newState;
-            });
-        }, closeTimeoutDelay);
-    }, [closeTimeoutDelay]);
-    var onAnimationEnd = React.useCallback(function () {
-        isTooltipCloseAnimationInProgressRef.current = false;
-    }, []);
-    React.useImperativeHandle(ref, function () { return ({
-        get tooltipElement() {
-            return tooltipElementRef.current;
-        },
-        openTooltip: openTooltip,
-        closeTooltip: closeTooltip,
-        isTooltipVisible: isTooltipVisible,
-    }); }, [isTooltipVisible, openTooltip, closeTooltip]);
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = tooltipConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    // @ts-expect-error
-    var tooltipStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), sizeClass && "tooltip_size_".concat(sizeClass), arrowPosition &&
-            "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title.Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor, children: text })), children] }), after] }));
-});
-
-exports.Tooltip = Tooltip;
-exports.tooltipAppearance = tooltipAppearance;
-exports.tooltipConfig = tooltipConfig;

package/dist/Tooltip_es_B9hN4Zlm.js

@@ -1,93 +0,0 @@
-import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useRef, useState, useCallback, useImperativeHandle } from 'react';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text_es_FJGduy7Z.js';
-import { T as Title } from './Title_es_eejUqSJf.js';
-
-var tooltipAppearance = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        titleTextColor: 'surfaceTextPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        titleTextColor: 'surfaceTextPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        titleTextColor: 'surfaceTextPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var tooltipConfig = {
-    appearance: tooltipAppearance,
-    setAppearance: function (appearanceConfig) {
-        tooltipConfig.appearance = appearanceConfig;
-    },
-};
-var Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    var className = props.className, type = props.type, appearance = props.appearance, alignPosition = props.alignPosition, initialIsVisible = props.initialIsVisible, title = props.title, text = props.text, arrowPosition = props.arrowPosition, before = props.before, after = props.after, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b, set = props.set, children = props.children;
-    var tooltipElementRef = useRef(null);
-    var tooltipTimeoutHideRef = useRef(null);
-    var tooltipTimeoutShowRef = useRef(null);
-    var isTooltipCloseAnimationInProgressRef = useRef(false);
-    // TODO: rename to open?
-    var _c = useState(initialIsVisible), isTooltipVisible = _c[0], setIsTooltipVisible = _c[1];
-    // TODO: or rename to show/hide?
-    var openTooltip = useCallback(function () {
-        if (!isTooltipCloseAnimationInProgressRef.current) {
-            if (tooltipTimeoutHideRef.current) {
-                clearTimeout(tooltipTimeoutHideRef.current);
-            }
-            tooltipTimeoutShowRef.current = setTimeout(function () {
-                setIsTooltipVisible(true);
-            }, openTimeoutDelay);
-        }
-    }, [openTimeoutDelay]);
-    var closeTooltip = useCallback(function () {
-        if (tooltipTimeoutShowRef.current) {
-            clearTimeout(tooltipTimeoutShowRef.current);
-        }
-        // Make a small delay to be able to move cursor on the tooltip without
-        // triggering a close, because the label and the tooltip have  space between
-        tooltipTimeoutHideRef.current = setTimeout(function () {
-            // @ts-expect-error
-            setIsTooltipVisible(function (prevState) {
-                var newState = false;
-                if (prevState === true) {
-                    isTooltipCloseAnimationInProgressRef.current = true;
-                }
-                return newState;
-            });
-        }, closeTimeoutDelay);
-    }, [closeTimeoutDelay]);
-    var onAnimationEnd = useCallback(function () {
-        isTooltipCloseAnimationInProgressRef.current = false;
-    }, []);
-    useImperativeHandle(ref, function () { return ({
-        get tooltipElement() {
-            return tooltipElementRef.current;
-        },
-        openTooltip: openTooltip,
-        closeTooltip: closeTooltip,
-        isTooltipVisible: isTooltipVisible,
-    }); }, [isTooltipVisible, openTooltip, closeTooltip]);
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = tooltipConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    // @ts-expect-error
-    var tooltipStyles = useStyles(props).styles;
-    return (jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), sizeClass && "tooltip_size_".concat(sizeClass), arrowPosition &&
-            "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, children: text })), children] }), after] }));
-});
-
-export { Tooltip as T, tooltipAppearance as a, tooltipConfig as t };

package/dist/stories/Divider.mdx

@@ -1,35 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as DividerStories from '../stories/Divider.stories.tsx'
-
-<Meta of={DividerStories} />
-
-# Divider
-
-## SurfacePrimary
-
-<Canvas sourceState="shown" of={DividerStories.SurfacePrimary} />
-
-## SurfaceSecondary
-
-<Canvas sourceState="shown" of={DividerStories.SurfaceSecondary} />
-
-## SurfaceTertiary
-
-<Canvas sourceState="shown" of={DividerStories.SurfaceTertiary} />
-
-## SurfaceQuaternary
-
-<Canvas sourceState="shown" of={DividerStories.SurfaceQuaternary} />
-
-## AccentPrimary
-
-<Canvas sourceState="shown" of={DividerStories.AccentPrimary} />
-
-## PrimaryPrimary
-
-<Canvas sourceState="shown" of={DividerStories.PrimaryPrimary} />
-
-## SecondaryPrimary
-
-<Canvas sourceState="shown" of={DividerStories.SecondaryPrimary} />

package/dist/stories/Icon.mdx

@@ -1,15 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as IconStories from '../stories/Icon.stories.tsx'
-
-<Meta of={IconStories} />
-
-# Icon
-
-## WithBadge
-
-<Canvas sourceState="shown" of={IconStories.WithBadge} />
-
-## WithTooltip
-
-<Canvas sourceState="shown" of={IconStories.WithTooltip} />

package/dist/stories/Loader.mdx

@@ -1,11 +0,0 @@
-import { Canvas, Controls, Meta, Story } from '@storybook/blocks'
-
-import * as LoaderStories from '../stories/Loader.stories.tsx'
-
-<Meta title="Atoms / Loader" />
-
-# Loader
-
-`Loader` - это компонент для визуального отображения состояния загрузки. Используется при загрузке данных, медленной обработке запроса или выполнения действия с задержкой.
-
-<Story of={LoaderStories.Demo} />

package/dist/stories/Segmented.mdx

@@ -1,11 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as SegmentedStories from '../stories/Segmented.stories.tsx'
-
-<Meta of={SegmentedStories} />
-
-# Segmented
-
-## Default
-
-<Canvas sourceState="shown" of={SegmentedStories.Default} />