@itcase/ui 1.2.35 → 1.3.0

package/dist/Text-DGEJa_FL.js

@@ -1,81 +0,0 @@
-import { jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-
-var textAppearance = {
-    dev: {
-        size: 'm',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var textConfig = {
-    appearance: textAppearance,
-    setAppearance: function (newComponent) {
-        textConfig.appearance = newComponent;
-    },
-};
-function Text(props) {
-    var children = props.children, cursor = props.cursor, after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, type = props.type, onClick = props.onClick, onDoubleClick = props.onDoubleClick;
-    var cursorClass = useDeviceTargetClass(props, {
-        prefix: 'cursor_',
-        propsKey: 'cursor',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'size',
-    });
-    var weightClass = useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var textColorClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var textAlignClass = useDeviceTargetClass(props, {
-        prefix: 'text-align_',
-        propsKey: 'textAlign',
-    });
-    var textColorActiveClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_active_',
-        propsKey: 'textColorActive',
-    });
-    var textColorHoverClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
-    });
-    var textGradientClass = useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textColorGradient',
-    });
-    var textTruncateClass = useDeviceTargetClass(props, {
-        prefix: 'text-truncate_',
-        propsKey: 'textTruncate',
-    });
-    var textStyleClass = useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textStyle',
-    });
-    var textWrapClass = useDeviceTargetClass(props, {
-        prefix: 'word-wrap_',
-        propsKey: 'textWrap',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // @ts-expect-error
-    var textStyles = useStyles(props).styles;
-    var appearanceConfig = appearance && textConfig.appearance && textConfig.appearance[appearance];
-    return (jsxs(Tag, { className: clsx(className, 'text', sizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textWrapClass, textTruncateClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
-                "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
-}
-
-export { Text as T, textAppearance as a, textConfig as t };

package/dist/Title-BatSai-G.js

@@ -1,115 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var UIContext = require('./cjs/context/UIContext.js');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-
-var titleAppearance = {
-    dev: {
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var titleConfig = {
-    appearance: titleAppearance,
-    setAppearance: function (newComponent) {
-        titleConfig.appearance = newComponent;
-    },
-};
-function Title(props) {
-    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, _a = props.size, size = _a === void 0 ? 'h3' : _a, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
-    var _c = UIContext.useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'title_direction_',
-        propsKey: 'direction',
-    });
-    var directionWrapperClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'title-direction_',
-        propsKey: 'wrapperDirection',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var textColorActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_active_',
-        propsKey: 'textColorActive',
-    });
-    var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
-    });
-    var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_',
-        propsKey: 'svgFill',
-    });
-    var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_hover_',
-        propsKey: 'svgFillHover',
-    });
-    var textAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-align_',
-        propsKey: 'textAlign',
-    });
-    var typeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'title_type_',
-        propsKey: 'type',
-    });
-    var fillColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textColorGradient',
-    });
-    var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textStyle',
-    });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var textTruncateClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-truncate_',
-        propsKey: 'textTruncate',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    // @ts-expect-error
-    var _d = useStyles.useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
-    var appearanceConfig = appearance && titleConfig.appearance && titleConfig.appearance[appearance];
-    // Element type (h1, h2, ..., h6)
-    var Tag = React.useMemo(function () {
-        if (tag) {
-            return tag;
-        }
-        if (isMobile && sizeMobile) {
-            return sizeMobile;
-        }
-        if (isTablet && sizeTablet) {
-            return sizeTablet;
-        }
-        if (isDesktop && sizeDesktop) {
-            return sizeDesktop;
-        }
-        return size ? size : 'span';
-    }, [isMobile, isTablet, isDesktop]);
-    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'title', fillColorClass, svgFillClass, svgFillHoverClass, widthClass, heightClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass, 'text', textColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
-}
-
-exports.Title = Title;
-exports.titleAppearance = titleAppearance;
-exports.titleConfig = titleConfig;

package/dist/Title-Bp-4wxkT.js

@@ -1,111 +0,0 @@
-import { jsxs } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import { useUserDeviceContext } from './context/UIContext.js';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-
-var titleAppearance = {
-    dev: {
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var titleConfig = {
-    appearance: titleAppearance,
-    setAppearance: function (newComponent) {
-        titleConfig.appearance = newComponent;
-    },
-};
-function Title(props) {
-    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, _a = props.size, size = _a === void 0 ? 'h3' : _a, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
-    var _c = useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
-    var directionClass = useDeviceTargetClass(props, {
-        prefix: 'title_direction_',
-        propsKey: 'direction',
-    });
-    var directionWrapperClass = useDeviceTargetClass(props, {
-        prefix: 'title-direction_',
-        propsKey: 'wrapperDirection',
-    });
-    var textColorClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var textColorActiveClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_active_',
-        propsKey: 'textColorActive',
-    });
-    var textColorHoverClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
-    });
-    var svgFillClass = useDeviceTargetClass(props, {
-        prefix: 'svg_fill_',
-        propsKey: 'svgFill',
-    });
-    var svgFillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'svg_fill_hover_',
-        propsKey: 'svgFillHover',
-    });
-    var textAlignClass = useDeviceTargetClass(props, {
-        prefix: 'text-align_',
-        propsKey: 'textAlign',
-    });
-    var typeClass = useDeviceTargetClass(props, {
-        prefix: 'title_type_',
-        propsKey: 'type',
-    });
-    var fillColorClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var textGradientClass = useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textColorGradient',
-    });
-    var textStyleClass = useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textStyle',
-    });
-    var weightClass = useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var textTruncateClass = useDeviceTargetClass(props, {
-        prefix: 'text-truncate_',
-        propsKey: 'textTruncate',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    // @ts-expect-error
-    var _d = useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
-    var appearanceConfig = appearance && titleConfig.appearance && titleConfig.appearance[appearance];
-    // Element type (h1, h2, ..., h6)
-    var Tag = useMemo(function () {
-        if (tag) {
-            return tag;
-        }
-        if (isMobile && sizeMobile) {
-            return sizeMobile;
-        }
-        if (isTablet && sizeTablet) {
-            return sizeTablet;
-        }
-        if (isDesktop && sizeDesktop) {
-            return sizeDesktop;
-        }
-        return size ? size : 'span';
-    }, [isMobile, isTablet, isDesktop]);
-    return (jsxs(Tag, { className: clsx(className, 'title', fillColorClass, svgFillClass, svgFillHoverClass, widthClass, heightClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass, 'text', textColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
-}
-
-export { Title as T, titleAppearance as a, titleConfig as t };

package/dist/Tooltip-BsMYxi_I.js

@@ -1,150 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useRef, useState, useCallback, useImperativeHandle } from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-DGEJa_FL.js';
-import { T as Title } from './Title-Bp-4wxkT.js';
-
-var tooltipAppearance = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        textColor: 'surfaceTextPrimary',
-        titleTextColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        textColor: 'surfaceTextPrimary',
-        titleTextColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        textColor: 'surfaceTextPrimary',
-        titleTextColor: 'surfaceTextPrimary',
-    },
-};
-
-var tooltipConfig = {
-    appearance: tooltipAppearance,
-    setAppearance: function (newComponent) {
-        tooltipConfig.appearance = newComponent;
-    },
-};
-var Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    var children = props.children, after = props.after, appearance = props.appearance, arrowPosition = props.arrowPosition, before = props.before, className = props.className, initialIsVisible = props.initialIsVisible, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize, title = props.title, alignPosition = props.alignPosition, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, type = props.type, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b;
-    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;
-        },
-        isTooltipVisible: isTooltipVisible,
-        closeTooltip: closeTooltip,
-        openTooltip: openTooltip,
-    }); }, [isTooltipVisible, openTooltip, closeTooltip]);
-    /* STYLES */
-    var alignDirectionClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'tooltip_shape_',
-        propsKey: 'shape',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'tooltip_size_',
-        propsKey: 'size',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderTypeClass = useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var elevationClass = useDeviceTargetClass(props, {
-        prefix: 'elevation_',
-        propsKey: 'elevation',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var alignmentClass = useDeviceTargetClass(props, {
-        prefix: 'alignment_',
-        propsKey: 'alignment',
-    });
-    // @ts-expect-error
-    var tooltipStyles = useStyles(props).styles;
-    // prettier-ignore
-    var appearanceConfig = (appearance && tooltipConfig.appearance && tooltipConfig.appearance[appearance]);
-    return (jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "tooltip_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alignDirection) &&
-                "align_".concat(appearanceConfig.alignDirection).replace(/([A-Z])/g, '-$1').toLowerCase()), alignClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.align) &&
-                "align_".concat(appearanceConfig.align).replace(/([A-Z])/g, '-$1').toLowerCase()), alignmentClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alignment) &&
-                "alignment_".concat(appearanceConfig.alignment).replace(/([A-Z])/g, '-$1').toLowerCase()), borderWidthClass, borderColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                "border-color_".concat(appearanceConfig.borderColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, elevationClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.elevation) &&
-                "elevation_".concat(appearanceConfig.elevation).replace(/([A-Z])/g, '-$1').toLowerCase()), sizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "tooltip_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title", size: titleSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleSize), textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
-});
-
-export { Tooltip as T, tooltipAppearance as a, tooltipConfig as t };

package/dist/Tooltip-CUL79Nsx.js

@@ -1,154 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-C-scXvy7.js');
-var Title = require('./Title-BatSai-G.js');
-
-var tooltipAppearance = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        textColor: 'surfaceTextPrimary',
-        titleTextColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        textColor: 'surfaceTextPrimary',
-        titleTextColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        textColor: 'surfaceTextPrimary',
-        titleTextColor: 'surfaceTextPrimary',
-    },
-};
-
-var tooltipConfig = {
-    appearance: tooltipAppearance,
-    setAppearance: function (newComponent) {
-        tooltipConfig.appearance = newComponent;
-    },
-};
-var Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    var children = props.children, after = props.after, appearance = props.appearance, arrowPosition = props.arrowPosition, before = props.before, className = props.className, initialIsVisible = props.initialIsVisible, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize, title = props.title, alignPosition = props.alignPosition, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, type = props.type, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b;
-    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;
-        },
-        isTooltipVisible: isTooltipVisible,
-        closeTooltip: closeTooltip,
-        openTooltip: openTooltip,
-    }); }, [isTooltipVisible, openTooltip, closeTooltip]);
-    /* STYLES */
-    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'tooltip_shape_',
-        propsKey: 'shape',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'tooltip_size_',
-        propsKey: 'size',
-    });
-    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'elevation_',
-        propsKey: 'elevation',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var alignmentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'alignment_',
-        propsKey: 'alignment',
-    });
-    // @ts-expect-error
-    var tooltipStyles = useStyles.useStyles(props).styles;
-    // prettier-ignore
-    var appearanceConfig = (appearance && tooltipConfig.appearance && tooltipConfig.appearance[appearance]);
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "tooltip_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alignDirection) &&
-                "align_".concat(appearanceConfig.alignDirection).replace(/([A-Z])/g, '-$1').toLowerCase()), alignClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.align) &&
-                "align_".concat(appearanceConfig.align).replace(/([A-Z])/g, '-$1').toLowerCase()), alignmentClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alignment) &&
-                "alignment_".concat(appearanceConfig.alignment).replace(/([A-Z])/g, '-$1').toLowerCase()), borderWidthClass, borderColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                "border-color_".concat(appearanceConfig.borderColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, elevationClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.elevation) &&
-                "elevation_".concat(appearanceConfig.elevation).replace(/([A-Z])/g, '-$1').toLowerCase()), sizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "tooltip_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), 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 || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleSize), textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
-});
-
-exports.Tooltip = Tooltip;
-exports.tooltipAppearance = tooltipAppearance;
-exports.tooltipConfig = tooltipConfig;