@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/transitions/collapse/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Collapse } from './collapse';
+export type { CollapseProps, CollapseSharedProps, Dimension, } from './types';
+export type { TransitionCallbacks, Duration, TimingFunction, } from '../transition/index';

package/transitions/collapse/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Collapse = void 0;
+var collapse_1 = require("./collapse");
+Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return __importDefault(collapse_1).default; } });

package/transitions/collapse/styled-components.d.ts

@@ -0,0 +1 @@
+export declare const StyledContainer: import("../../style/styled").StyledComponent;

package/transitions/collapse/styled-components.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledContainer = void 0;
+var tslib_1 = require("tslib");
+var style_1 = require("../../style");
+var Transition_1 = require("react-transition-group/Transition");
+function getCollapseStyles($duration, $timingFunction, $dimension, $collapsedSize) {
+    var _a, _b;
+    return _a = {},
+        _a[Transition_1.EXITED] = (_b = {},
+            _b[$dimension] = "".concat($collapsedSize, "px"),
+            _b.visibility = $collapsedSize ? 'visible' : 'hidden',
+            _b),
+        _a[Transition_1.EXITING] = {
+            transition: "".concat($dimension, " ").concat($duration.exit, "ms ").concat($timingFunction),
+        },
+        _a[Transition_1.ENTERING] = {
+            transition: "".concat($dimension, " ").concat($duration.enter, "ms ").concat($timingFunction),
+        },
+        _a[Transition_1.ENTERED] = {},
+        _a;
+}
+exports.StyledContainer = (0, style_1.styled)('div', 'overflow-hidden m-0 p-0', function (_, _a) {
+    var $state = _a.$state, $duration = _a.$duration, $timingFunction = _a.$timingFunction, $dimension = _a.$dimension, $collapsedSize = _a.$collapsedSize;
+    return ((0, tslib_1.__assign)({}, getCollapseStyles($duration, $timingFunction, $dimension, $collapsedSize)[$state]));
+});

package/transitions/collapse/types.d.ts

@@ -0,0 +1,19 @@
+import { Override } from '../../overrides';
+import { TransitionProps, Duration, TimingFunction } from '../transition';
+export declare type Dimension = 'height' | 'width';
+export declare type CollapseSharedProps = {
+    $timingFunction?: TimingFunction;
+    $duration?: Duration;
+    $dimension?: Dimension;
+    $collapsedSize?: number;
+};
+declare type CollapseOverrides = {
+    Container?: Override<CollapseSharedProps>;
+};
+export declare type CollapseProps = Omit<TransitionProps, 'overrides' | 'animationStyles'> & {
+    dimension?: Dimension;
+    overrides?: CollapseOverrides;
+    collapsedSize?: number;
+    timingFunction?: TimingFunction;
+};
+export {};

package/transitions/collapse/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/transitions/fade/fade.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { FadeProps } from './types';
+declare const Fade: {
+    ({ duration, timingFunction, children, ...props }: FadeProps): ReactElement;
+    displayName: string;
+};
+export default Fade;

package/transitions/fade/fade.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var index_1 = require("../transition/index");
+var Transition_1 = require("react-transition-group/Transition");
+var constants_1 = require("../transition/constants");
+var Fade = function (_a) {
+    var _b;
+    var _c = _a.duration, duration = _c === void 0 ? constants_1.DEFAULT_DURATION : _c, _d = _a.timingFunction, timingFunction = _d === void 0 ? constants_1.DEFAULT_TIMING_FUNCTION : _d, children = _a.children, props = (0, tslib_1.__rest)(_a, ["duration", "timingFunction", "children"]);
+    var durationProp = typeof duration === 'number' ? { enter: duration, exit: duration } : duration;
+    var fadeStyles = (_b = {},
+        _b[Transition_1.ENTERING] = {
+            opacity: 1,
+            transition: "opacity ".concat(durationProp.enter, "ms ").concat(timingFunction),
+        },
+        _b[Transition_1.ENTERED] = {},
+        _b[Transition_1.EXITING] = {
+            opacity: 0,
+            transition: "opacity ".concat(durationProp.exit, "ms ").concat(timingFunction),
+        },
+        _b[Transition_1.EXITED] = {
+            opacity: 0,
+        },
+        _b);
+    return ((0, jsx_runtime_1.jsx)(index_1.Transition, (0, tslib_1.__assign)({}, props, { animationStyles: fadeStyles, duration: duration }, { children: children }), void 0));
+};
+Fade.displayName = 'Fade';
+exports.default = Fade;

package/transitions/fade/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Fade } from './fade';
+export type { FadeProps } from './types';
+export type { TransitionCallbacks, Duration, TimingFunction } from '../transition/index';

package/transitions/fade/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fade = void 0;
+var fade_1 = require("./fade");
+Object.defineProperty(exports, "Fade", { enumerable: true, get: function () { return __importDefault(fade_1).default; } });

package/transitions/fade/types.d.ts

@@ -0,0 +1,10 @@
+import { Override } from '../../overrides';
+import { TimingFunction, TransitionProps } from '../transition';
+declare type FadeOverrides = {
+    Container?: Override<any>;
+};
+export declare type FadeProps = Omit<TransitionProps, 'overrides' | 'animationStyles'> & {
+    overrides?: FadeOverrides;
+    timingFunction?: TimingFunction;
+};
+export {};

package/transitions/fade/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/transitions/grow/grow.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { GrowProps } from './types';
+declare const Grow: {
+    ({ duration, timingFunction, children, ...props }: GrowProps): ReactElement;
+    displayName: string;
+};
+export default Grow;

package/transitions/grow/grow.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var index_1 = require("../transition/index");
+var Transition_1 = require("react-transition-group/Transition");
+var constants_1 = require("../transition/constants");
+var Grow = function (_a) {
+    var _b;
+    var _c = _a.duration, duration = _c === void 0 ? constants_1.DEFAULT_DURATION : _c, _d = _a.timingFunction, timingFunction = _d === void 0 ? constants_1.DEFAULT_TIMING_FUNCTION : _d, children = _a.children, props = (0, tslib_1.__rest)(_a, ["duration", "timingFunction", "children"]);
+    var durationProp = typeof duration === 'number' ? { enter: duration, exit: duration } : duration;
+    var growStyles = (_b = {},
+        _b[Transition_1.ENTERING] = {
+            opacity: 1,
+            transform: 'scale(1)',
+            transition: "opacity ".concat(durationProp.enter, "ms ").concat(timingFunction, ",transform ").concat(durationProp.enter, "ms ").concat(timingFunction),
+        },
+        _b[Transition_1.ENTERED] = {},
+        _b[Transition_1.EXITING] = {
+            opacity: 0,
+            transform: 'scale(0.8)',
+            transition: "opacity ".concat(durationProp.exit, "ms ").concat(timingFunction, ",transform ").concat(durationProp.enter, "ms ").concat(timingFunction),
+        },
+        _b[Transition_1.EXITED] = {
+            opacity: 0,
+            transform: 'scale(0.8)',
+        },
+        _b);
+    return ((0, jsx_runtime_1.jsx)(index_1.Transition, (0, tslib_1.__assign)({}, props, { animationStyles: growStyles, duration: duration }, { children: children }), void 0));
+};
+Grow.displayName = 'Grow';
+exports.default = Grow;

package/transitions/grow/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Grow } from './grow';
+export type { GrowProps } from './types';
+export type { TransitionCallbacks, Duration, TimingFunction } from '../transition/index';

package/transitions/grow/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grow = void 0;
+var grow_1 = require("./grow");
+Object.defineProperty(exports, "Grow", { enumerable: true, get: function () { return __importDefault(grow_1).default; } });

package/transitions/grow/types.d.ts

@@ -0,0 +1,9 @@
+import { Override } from '../../overrides';
+import { TimingFunction, TransitionProps } from '../transition';
+export declare type GrowOverrides = {
+    Container?: Override<any>;
+};
+export declare type GrowProps = Omit<TransitionProps, 'overrides' | 'animationStyles'> & {
+    overrides?: GrowOverrides;
+    timingFunction?: TimingFunction;
+};

package/transitions/grow/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/transitions/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/transitions/index.js"
+}

package/transitions/transition/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const ENTERED = "entered";
+export declare const ENTERING = "entering";
+export declare const EXITING = "exiting";
+export declare const EXITED = "exited";
+export declare const DEFAULT_DURATION = 150;
+export declare const DEFAULT_TIMING_FUNCTION = "linear";

package/transitions/transition/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_TIMING_FUNCTION = exports.DEFAULT_DURATION = exports.EXITED = exports.EXITING = exports.ENTERING = exports.ENTERED = void 0;
+exports.ENTERED = 'entered';
+exports.ENTERING = 'entering';
+exports.EXITING = 'exiting';
+exports.EXITED = 'exited';
+exports.DEFAULT_DURATION = 150;
+exports.DEFAULT_TIMING_FUNCTION = 'linear';

package/transitions/transition/helperFunction.d.ts

@@ -0,0 +1 @@
+export declare const forceReflow: (node: HTMLDivElement) => void;

package/transitions/transition/helperFunction.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.forceReflow = void 0;
+// reading a dimension prop will cause the browser to recalculate,
+// which will let our animations work
+var forceReflow = function (node) {
+    node.scrollTop;
+};
+exports.forceReflow = forceReflow;

package/transitions/transition/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Transition } from './transition';
+export { default as TransitionGroup } from './transitionGroup';
+export type { TransitionProps, TransitionSharedProps, AnimationStyles, TransitionCallbacks, Duration, TimingFunction, } from './types';
+export { ENTERED, ENTERING, EXITED, EXITING } from './constants';

package/transitions/transition/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EXITING = exports.EXITED = exports.ENTERING = exports.ENTERED = exports.TransitionGroup = exports.Transition = void 0;
+var transition_1 = require("./transition");
+Object.defineProperty(exports, "Transition", { enumerable: true, get: function () { return __importDefault(transition_1).default; } });
+var transitionGroup_1 = require("./transitionGroup");
+Object.defineProperty(exports, "TransitionGroup", { enumerable: true, get: function () { return __importDefault(transitionGroup_1).default; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "ENTERED", { enumerable: true, get: function () { return constants_1.ENTERED; } });
+Object.defineProperty(exports, "ENTERING", { enumerable: true, get: function () { return constants_1.ENTERING; } });
+Object.defineProperty(exports, "EXITED", { enumerable: true, get: function () { return constants_1.EXITED; } });
+Object.defineProperty(exports, "EXITING", { enumerable: true, get: function () { return constants_1.EXITING; } });

package/transitions/transition/styled-component.d.ts

@@ -0,0 +1 @@
+export declare const StyledContainer: import("../../style/styled").StyledComponent;

package/transitions/transition/styled-component.js

@@ -0,0 +1,27 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledContainer = void 0;
+var style_1 = require("../../style");
+var Transition_1 = require("react-transition-group/Transition");
+var constants_1 = require("./constants");
+var defaultStyles = (_a = {},
+    _a[Transition_1.ENTERING] = {
+        opacity: 1,
+        transition: "opacity ".concat(constants_1.DEFAULT_DURATION, "ms ").concat(constants_1.DEFAULT_TIMING_FUNCTION),
+    },
+    _a[Transition_1.ENTERED] = {},
+    _a[Transition_1.EXITING] = {
+        opacity: 0,
+        transition: "opacity ".concat(constants_1.DEFAULT_DURATION, "ms ").concat(constants_1.DEFAULT_TIMING_FUNCTION),
+    },
+    _a[Transition_1.EXITED] = {
+        opacity: 0,
+    },
+    _a);
+exports.StyledContainer = (0, style_1.styled)('div', function (_, _a) {
+    var $state = _a.$state, $animationStyles = _a.$animationStyles;
+    if ($animationStyles)
+        return $animationStyles[$state];
+    return defaultStyles[$state];
+});

package/transitions/transition/transition.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { TransitionProps } from './types';
+declare const Transition: {
+    ({ visible, children, duration, overrides, containerRef, onEnter, onExit, animationStyles, disableExitTransition, disableEnterTransition, enableAppearTransition, ...props }: TransitionProps): ReactElement;
+    displayName: string;
+};
+export default Transition;

package/transitions/transition/transition.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Transition_1 = (0, tslib_1.__importDefault)(require("react-transition-group/Transition"));
+var styled_component_1 = require("./styled-component");
+var overrides_1 = require("../../overrides");
+var helperFunction_1 = require("./helperFunction");
+var useCombinedRef_1 = (0, tslib_1.__importDefault)(require("../../hooks/useCombinedRef"));
+var useCombinedHandler_1 = (0, tslib_1.__importDefault)(require("../../hooks/useCombinedHandler"));
+var constants_1 = require("./constants");
+var usePreferredReducedMotion_1 = (0, tslib_1.__importDefault)(require("../../hooks/usePreferredReducedMotion"));
+var Transition = function (_a) {
+    var _b = _a.visible, visible = _b === void 0 ? true : _b, children = _a.children, _c = _a.duration, duration = _c === void 0 ? constants_1.DEFAULT_DURATION : _c, overrides = _a.overrides, _d = _a.containerRef, containerRef = _d === void 0 ? null : _d, onEnter = _a.onEnter, onExit = _a.onExit, _e = _a.animationStyles, animationStyles = _e === void 0 ? null : _e, _f = _a.disableExitTransition, disableExitTransition = _f === void 0 ? false : _f, _g = _a.disableEnterTransition, disableEnterTransition = _g === void 0 ? false : _g, _h = _a.enableAppearTransition, enableAppearTransition = _h === void 0 ? false : _h, props = (0, tslib_1.__rest)(_a, ["visible", "children", "duration", "overrides", "containerRef", "onEnter", "onExit", "animationStyles", "disableExitTransition", "disableEnterTransition", "enableAppearTransition"]);
+    var prefersReducedMotion = (0, usePreferredReducedMotion_1.default)();
+    var nodeRef = (0, react_1.useRef)(null);
+    var mergedRef = (0, useCombinedRef_1.default)(nodeRef, containerRef);
+    var handleEnter = (0, useCombinedHandler_1.default)(function () {
+        if (nodeRef.current) {
+            (0, helperFunction_1.forceReflow)(nodeRef.current);
+        }
+    }, onEnter);
+    var handleExit = (0, useCombinedHandler_1.default)(function () {
+        if (nodeRef.current) {
+            (0, helperFunction_1.forceReflow)(nodeRef.current);
+        }
+    }, onExit);
+    var sharedProps = {
+        $animationStyles: animationStyles,
+    };
+    var _j = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Container, styled_component_1.StyledContainer), 2), Container = _j[0], containerProps = _j[1];
+    return prefersReducedMotion ? ((0, jsx_runtime_1.jsx)(Container, (0, tslib_1.__assign)({}, containerProps, sharedProps, { children: visible ? children : null }), void 0)) : ((0, jsx_runtime_1.jsx)(Transition_1.default, (0, tslib_1.__assign)({ in: visible }, props, { onEnter: handleEnter, onExit: handleExit, timeout: duration, nodeRef: nodeRef, enter: !disableEnterTransition, exit: !disableExitTransition, appear: enableAppearTransition }, { children: function (state) { return ((0, jsx_runtime_1.jsx)(Container, (0, tslib_1.__assign)({ ref: mergedRef, "$state": state }, sharedProps, containerProps, { children: children }), void 0)); } }), void 0));
+};
+Transition.displayName = 'Transition';
+exports.default = Transition;

package/transitions/transition/transitionGroup.d.ts

@@ -0,0 +1,4 @@
+declare const TransitionGroupWrapper: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TransitionGroupWrapper;

package/transitions/transition/transitionGroup.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var usePreferredReducedMotion_1 = (0, tslib_1.__importDefault)(require("../../hooks/usePreferredReducedMotion"));
+var react_transition_group_1 = require("react-transition-group");
+var box_1 = require("../../box");
+var TransitionGroupWrapper = function (_a) {
+    var props = (0, tslib_1.__rest)(_a, []);
+    var prefersReduced = (0, usePreferredReducedMotion_1.default)();
+    return prefersReduced ? (0, jsx_runtime_1.jsx)(box_1.Box, { children: props.children }, void 0) : (0, jsx_runtime_1.jsxs)(react_transition_group_1.TransitionGroup, (0, tslib_1.__assign)({}, props, { children: [" ", props.children] }), void 0);
+};
+exports.default = TransitionGroupWrapper;

package/transitions/transition/types.d.ts

@@ -0,0 +1,40 @@
+import React, { CSSProperties, ReactNode } from 'react';
+import { Override } from '../../overrides';
+import CSS from 'csstype';
+export declare type AnimationStatus = 'entered' | 'entering' | 'exited' | 'exiting';
+export declare type Duration = {
+    enter: number;
+    exit: number;
+};
+export declare type TimingFunction = CSSProperties['transitionTimingFunction'];
+export declare type TransitionSharedProps = {
+    $animationStyles?: AnimationStyles | null;
+};
+declare type TransitionOverrides = {
+    Container?: Override<TransitionSharedProps>;
+};
+export declare type TransitionCallbacks = {
+    onEnter?: (isAppearing: boolean) => void;
+    onEntering?: (isAppearing: boolean) => void;
+    onEntered?: (isAppearing: boolean) => void;
+    onExit?: () => void;
+    onExiting?: () => void;
+    onExited?: () => void;
+};
+export declare type TransitionProps = TransitionCallbacks & {
+    overrides?: TransitionOverrides;
+    containerRef?: React.Ref<HTMLElement>;
+    visible?: boolean;
+    children: ReactNode;
+    duration?: Duration | number;
+    enableAppearTransition?: boolean;
+    mountOnEnter?: boolean;
+    unmountOnExit?: boolean;
+    disableEnterTransition?: boolean;
+    disableExitTransition?: boolean;
+    animationStyles?: AnimationStyles | null;
+};
+export declare type AnimationStyles = {
+    [status in AnimationStatus]: CSS.Properties<string | number>;
+};
+export {};

package/transitions/transition/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/truncateWithTooltip/TruncateWithTooltip.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import type { TruncateWithTooltipProps } from './types';
+declare const TruncateWithTooltip: import("react").MemoExoticComponent<({ children, tooltipClassName, prefixEl, suffixEl, overrides, maxLines, maxWidth, className, }: TruncateWithTooltipProps) => ReactElement>;
+export default TruncateWithTooltip;

package/truncateWithTooltip/TruncateWithTooltip.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+// Libraries
+var react_1 = require("react");
+// Hooks
+var overrides_1 = require("../overrides");
+var useTruncateWithTooltip_1 = require("./hooks/useTruncateWithTooltip");
+// Components
+var box_1 = require("../box");
+var tooltip_1 = require("../tooltip");
+var INITIAL_STATE = { isOpen: true };
+var TruncateWithTooltip = (0, react_1.memo)(function (_a) {
+    var children = _a.children, tooltipClassName = _a.tooltipClassName, prefixEl = _a.prefixEl, suffixEl = _a.suffixEl, overrides = _a.overrides, maxLines = _a.maxLines, maxWidth = _a.maxWidth, _b = _a.className, className = _b === void 0 ? (maxLines !== null && maxLines !== void 0 ? maxLines : 1) > 1 ? 'break-words' : 'break-all' : _b;
+    var _c = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Tooltip, tooltip_1.StatefulTooltip), 2), TooltipComponent = _c[0], tooltipProps = _c[1];
+    var _d = (0, useTruncateWithTooltip_1.useTruncateWithTooltip)(), onMouseEnter = _d.onMouseEnter, onMouseLeave = _d.onMouseLeave, renderTooltip = _d.renderTooltip, elementRef = _d.elementRef;
+    var el = ((0, jsx_runtime_1.jsxs)(box_1.Box, (0, tslib_1.__assign)({ "data-testid": "content", className: [className, 'flex items-center', maxWidth ? { maxWidth: "".concat(maxWidth, "rem") } : undefined], onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, { children: [prefixEl, (0, jsx_runtime_1.jsx)(box_1.Box, (0, tslib_1.__assign)({ ref: elementRef, className: [maxLines ? ['line-clamp-1 whitespace-normal', { WebkitLineClamp: maxLines }] : ['truncate']] }, { children: children }), void 0), suffixEl] }), void 0));
+    return renderTooltip ? ((0, jsx_runtime_1.jsx)(TooltipComponent, (0, tslib_1.__assign)({ content: (0, jsx_runtime_1.jsx)(box_1.Box, (0, tslib_1.__assign)({ "data-testid": "tooltip", className: tooltipClassName !== null && tooltipClassName !== void 0 ? tooltipClassName : 'max-w-2xl break-words' }, { children: children }), void 0), placement: "bottom", accessibilityType: "tooltip", initialState: INITIAL_STATE }, tooltipProps, { children: el }), void 0)) : (el);
+});
+TruncateWithTooltip.displayName = 'TruncateWithTooltip';
+exports.default = TruncateWithTooltip;

package/truncateWithTooltip/hooks/useTruncateWithTooltip.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+export declare const useTruncateWithTooltip: () => {
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    elementRef: RefObject<HTMLElement>;
+    renderTooltip: boolean;
+};

package/truncateWithTooltip/hooks/useTruncateWithTooltip.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTruncateWithTooltip = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var DELAY = 200;
+var useTruncateWithTooltip = function () {
+    var _a = (0, tslib_1.__read)((0, react_1.useState)(false), 2), renderTooltip = _a[0], setRenderTooltip = _a[1];
+    var timeoutRef = (0, react_1.useRef)();
+    var elementRef = (0, react_1.useRef)(null);
+    var onMouseEnter = (0, react_1.useCallback)(function () {
+        timeoutRef.current = setTimeout(function () {
+            if (!elementRef.current) {
+                return;
+            }
+            var _a = elementRef.current, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
+            if (scrollWidth > clientWidth || scrollHeight > clientHeight) {
+                setRenderTooltip(true);
+            }
+            else {
+                setRenderTooltip(false);
+            }
+        }, DELAY);
+    }, []);
+    var onMouseLeave = (0, react_1.useCallback)(function () {
+        clearTimeout(timeoutRef.current);
+    }, []);
+    return { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, elementRef: elementRef, renderTooltip: renderTooltip };
+};
+exports.useTruncateWithTooltip = useTruncateWithTooltip;

package/truncateWithTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TruncateWithTooltip } from './TruncateWithTooltip';
+export type { TruncateWithTooltipProps } from './types';

package/truncateWithTooltip/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TruncateWithTooltip = void 0;
+var TruncateWithTooltip_1 = require("./TruncateWithTooltip");
+Object.defineProperty(exports, "TruncateWithTooltip", { enumerable: true, get: function () { return __importDefault(TruncateWithTooltip_1).default; } });

package/truncateWithTooltip/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/truncateWithTooltip/index.js"
+}

package/truncateWithTooltip/types.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ClassName } from '../types';
+import { TooltipProps } from '../tooltip';
+import { Override } from '../overrides';
+export declare type TruncateWithTooltipProps = {
+    className?: ClassName;
+    tooltipClassName?: ClassName;
+    prefixEl?: React.ReactElement | null;
+    suffixEl?: React.ReactElement | null;
+    children: string;
+    overrides?: {
+        Tooltip?: Override<TooltipProps & Record<string, any>>;
+    };
+} & ({
+    maxLines: number;
+    maxWidth?: never;
+} | {
+    maxWidth: number;
+    maxLines?: never;
+});

package/truncateWithTooltip/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });