@sprinklrjs/spaceweb 14.11.4 → 14.12.0

package/tooltip/disabled-tooltip-container.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TooltipProps } from './types';
+import type { TooltipProps } from './types';
 export type DisabledTooltipContainerProps = Partial<Omit<TooltipProps, 'children'>> & Pick<TooltipProps, 'children'>;
 declare const DisabledTooltipContainer: {
     ({ content, children, onMouseEnterDelay, onMouseLeaveDelay, overrides, ...props }: DisabledTooltipContainerProps): React.ReactElement | null;

package/tooltip/overrides.d.ts

@@ -1,4 +1,4 @@
-import { SharedProps } from './types';
-import { ClassNameStyleFn, ClassName } from '../types';
+import type { SharedProps } from './types';
+import type { ClassNameStyleFn, ClassName } from '../types';
 export declare const getArrowStyle: ClassNameStyleFn<SharedProps>;
 export declare const innerStyles: ClassName;

package/tooltip/stateful-tooltip-container.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StatefulTooltipContainerProps } from './types';
+import type { StatefulTooltipContainerProps } from './types';
 declare const StatefulContainer: {
     (props: StatefulTooltipContainerProps): React.ReactElement;
     displayName: string;

package/tooltip/stateful-tooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ReactElement } from 'react';
-import { StatefulTooltipProps } from './types';
+import type { ReactElement } from 'react';
+import type { StatefulTooltipProps } from './types';
 declare const StatefulTooltip: {
     (props: StatefulTooltipProps): ReactElement;
     displayName: string;

package/tooltip/tooltip.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { TooltipProps } from './types';
+import type { ReactElement } from 'react';
+import type { TooltipProps } from './types';
 declare const Tooltip: {
     ({ size, label, content, overrides, children, targetElement, isOpen, triggerType, returnFocus, focusLock, placement, popperOptions, ignoreBoundary, viewportAsBoundary, intent, ...restProps }: TooltipProps): ReactElement;
     displayName: string;

package/tooltip/types.d.ts

@@ -1,8 +1,8 @@
-import { TetherPlacement } from '../baseui/layer';
-import { SharedStylePropsArg, StatefulPopoverProps as BaseStatefulTooltipProps, PopoverProps as BaseTooltipProps } from '../baseui/popover';
-import * as React from 'react';
-import { Override } from '../overrides';
-import { TriggerType } from '../popover';
+import type { TetherPlacement } from '../baseui/layer';
+import type { SharedStylePropsArg, StatefulPopoverProps as BaseStatefulTooltipProps, PopoverProps as BaseTooltipProps } from '../baseui/popover';
+import type * as React from 'react';
+import type { Override } from '../overrides';
+import type { TriggerType } from '../popover';
 import type { Action, Intent } from '../types';
 type SpacewebSharedProps = {
     /** @deprecated */

package/transitions/collapse/collapse.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { CollapseProps } from './types';
+import type { ReactElement } from 'react';
+import type { CollapseProps } from './types';
 declare const Collapse: {
     ({ visible, timingFunction, children, style, className, onEnter, onEntering, onEntered, onExit, onExited, onExiting, disableExitTransition, disableEnterTransition, enableAppearTransition, containerRef, duration, dimension, overrides, collapsedSize: _collapsedSize, unmountOnExit, ...props }: CollapseProps): ReactElement;
     displayName: string;

package/transitions/collapse/types.d.ts

@@ -1,5 +1,5 @@
-import { Override } from '../../overrides';
-import { TransitionProps, Duration, TimingFunction } from '../transition';
+import type { Override } from '../../overrides';
+import type { TransitionProps, Duration, TimingFunction } from '../transition';
 export type Dimension = 'height' | 'width';
 export type CollapseSharedProps = {
     $timingFunction?: TimingFunction;

package/transitions/fade/fade.d.ts

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

package/transitions/fade/types.d.ts

@@ -1,5 +1,5 @@
-import { Override } from '../../overrides';
-import { TimingFunction, TransitionProps } from '../transition';
+import type { Override } from '../../overrides';
+import type { TimingFunction, TransitionProps } from '../transition';
 type FadeOverrides = {
     Container?: Override<any>;
 };

package/transitions/grow/grow.d.ts

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

package/transitions/grow/types.d.ts

@@ -1,5 +1,5 @@
-import { Override } from '../../overrides';
-import { TimingFunction, TransitionProps } from '../transition';
+import type { Override } from '../../overrides';
+import type { TimingFunction, TransitionProps } from '../transition';
 export type GrowOverrides = {
     Container?: Override<any>;
 };

package/transitions/transition/SwitchTransition.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
-import { SwitchTransitionProps } from 'react-transition-group/SwitchTransition';
+import type { ReactElement } from 'react';
+import type { SwitchTransitionProps } from 'react-transition-group/SwitchTransition';
 declare const SwitchTransitionWrapper: (props: SwitchTransitionProps) => ReactElement;
 export default SwitchTransitionWrapper;

package/transitions/transition/transition.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { TransitionProps } from './types';
+import type { ReactElement } from 'react';
+import type { TransitionProps } from './types';
 declare const Transition: {
     ({ visible, children, duration, overrides, containerRef, style, className, onEnter, onExit, animationStyles, disableExitTransition, disableEnterTransition, enableAppearTransition, ...restProps }: TransitionProps): ReactElement;
     displayName: string;

package/transitions/transition/types.d.ts

@@ -1,7 +1,8 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import { Override } from '../../overrides';
-import CSS from 'csstype';
-import { SpacewebComponentProps } from '../../types';
+import type { CSSProperties, ReactNode } from 'react';
+import type React from 'react';
+import type { Override } from '../../overrides';
+import type CSS from 'csstype';
+import type { SpacewebComponentProps } from '../../types';
 export type AnimationStatus = 'entered' | 'entering' | 'exited' | 'exiting';
 export type Duration = {
     enter: number;

package/truncateWithTooltip/TruncateWithTooltip.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { TruncateWithTooltipProps } from './types';
 export declare const INITIAL_STATE: {
     readonly isOpen: true;

package/truncateWithTooltip/TruncateWithTooltip.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.INITIAL_STATE = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-// Libraries
 var react_1 = require("react");
 // Hooks
 var style_1 = require("../style");
@@ -16,12 +15,14 @@ exports.INITIAL_STATE = { isOpen: true };
 var TruncateWithTooltip = (0, react_1.memo)(function (_a) {
     var children = _a.children, _b = _a.maskWidth, maskWidth = _b === void 0 ? 1.6 : _b, tooltipClassName = _a.tooltipClassName, prefixEl = _a.prefixEl, suffixEl = _a.suffixEl, overrides = _a.overrides, _c = _a.truncationType, truncationType = _c === void 0 ? 'ellipsis' : _c, maxLines = _a.maxLines, maxWidth = _a.maxWidth, className = _a.className, _d = _a.noTooltipOnTruncation, noTooltipOnTruncation = _d === void 0 ? false : _d;
     var _e = tslib_1.__read((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Tooltip, stateful_tooltip_1.default), 2), TooltipComponent = _e[0], tooltipProps = _e[1];
-    var _f = (0, useTruncateWithTooltip_1.useTruncateWithTooltip)(), mouseEventProps = _f.mouseEventProps, renderTooltip = _f.renderTooltip, elementRef = _f.elementRef;
+    var _f = (0, useTruncateWithTooltip_1.useTruncateWithTooltip)({
+        onMouseEnterDelay: tooltipProps.onMouseEnterDelay,
+    }), mouseEventProps = _f.mouseEventProps, renderTooltip = _f.renderTooltip, elementRef = _f.elementRef;
     var isRTL = (0, style_1.useStyle)().isRTL;
     var isTruncationEllipsis = truncationType === 'ellipsis';
     var shouldRenderTooltipOnTruncation = renderTooltip && !noTooltipOnTruncation;
     var contentEl = ((0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ ref: elementRef, 
-        // @ts-ignore
+        // @ts-ignore -- CSS custom property not in CSSProperties
         style: { '--sw-webkit-line-clamp': maxLines }, className: isTruncationEllipsis
             ? // webkit-line-clamp-[--sw-webkit-line-clamp] overrides the webkit-line-clamp property from line-clamp-1
                 [maxLines ? ['line-clamp-1 whitespace-normal webkit-line-clamp-[--sw-webkit-line-clamp]'] : 'truncate']
@@ -34,13 +35,13 @@ var TruncateWithTooltip = (0, react_1.memo)(function (_a) {
                 className,
                 maxWidth ? 'max-w-[--sw-max-width]' : '',
             ], 
-            // @ts-ignore
+            // @ts-ignore -- CSS custom property not in CSSProperties
             style: { '--sw-max-width': "".concat(maxWidth, "rem") } }, mouseEventProps, { children: [prefixEl, contentEl, suffixEl] })));
         return shouldRenderTooltipOnTruncation ? wrapWithTooltip(bodyEl_1) : bodyEl_1;
     }
     var bodyEl = ((0, jsx_runtime_1.jsxs)(box_1.Box, { children: [prefixEl, contentEl, suffixEl] }));
     return ((0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ "data-testid": "content", className: ['w-full', className, maxWidth ? 'max-w-[--sw-max-width]' : ''], style: {
-            // @ts-ignore
+            // @ts-ignore -- CSS custom property not in CSSProperties
             '--sw-max-width': "".concat(maxWidth, "rem"),
             maskImage: "linear-gradient(".concat(isRTL ? '-90deg' : '90deg', ", #000 0%, #000 calc(100% - ").concat(maskWidth, "rem), transparent)"),
         } }, mouseEventProps, { children: shouldRenderTooltipOnTruncation ? wrapWithTooltip(bodyEl) : bodyEl })));

package/truncateWithTooltip/hooks/useTruncateWithTooltip.d.ts

@@ -1,5 +1,10 @@
-import { RefObject, MouseEventHandler } from 'react';
-export declare const useTruncateWithTooltip: (noTooltipOnTruncation?: boolean, onMouseEnter?: MouseEventHandler, onMouseLeave?: MouseEventHandler) => {
+import type { RefObject, MouseEventHandler } from 'react';
+export declare const useTruncateWithTooltip: ({ noTooltipOnTruncation, onMouseEnter, onMouseLeave, onMouseEnterDelay, }?: {
+    noTooltipOnTruncation?: boolean | undefined;
+    onMouseEnter?: MouseEventHandler | undefined;
+    onMouseLeave?: MouseEventHandler | undefined;
+    onMouseEnterDelay?: number | undefined;
+}) => {
     mouseEventProps: {
         onMouseEnter?: MouseEventHandler | undefined;
         onMouseLeave?: MouseEventHandler | undefined;

package/truncateWithTooltip/hooks/useTruncateWithTooltip.js

@@ -3,10 +3,10 @@ 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 (noTooltipOnTruncation, onMouseEnter, onMouseLeave) {
-    if (noTooltipOnTruncation === void 0) { noTooltipOnTruncation = false; }
-    var _a = tslib_1.__read((0, react_1.useState)(false), 2), renderTooltip = _a[0], setRenderTooltip = _a[1];
+var DEFAULT_DELAY = 200;
+var useTruncateWithTooltip = function (_a) {
+    var _b = _a === void 0 ? {} : _a, noTooltipOnTruncation = _b.noTooltipOnTruncation, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave, _c = _b.onMouseEnterDelay, onMouseEnterDelay = _c === void 0 ? DEFAULT_DELAY : _c;
+    var _d = tslib_1.__read((0, react_1.useState)(false), 2), renderTooltip = _d[0], setRenderTooltip = _d[1];
     var timeoutRef = (0, react_1.useRef)();
     var elementRef = (0, react_1.useRef)(null);
     var handleOnMouseEnter = (0, react_1.useCallback)(function (e) {
@@ -15,20 +15,20 @@ var useTruncateWithTooltip = function (noTooltipOnTruncation, onMouseEnter, onMo
                 return;
             }
             var _a = elementRef.current, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-            // Added + 2 to accomodated for different font style and slight line height issues
+            // Added + 2 to accommodate different font styles and slight line height issues
             if (scrollWidth > clientWidth || scrollHeight > clientHeight + 2) {
                 setRenderTooltip(true);
             }
             else {
                 setRenderTooltip(false);
             }
-        }, DELAY);
-        onMouseEnter && onMouseEnter(e);
-    }, [onMouseEnter]);
+        }, onMouseEnterDelay);
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    }, [onMouseEnter, onMouseEnterDelay]);
     var handleOnMouseLeave = (0, react_1.useCallback)(function (e) {
         clearTimeout(timeoutRef.current);
         setRenderTooltip(false);
-        onMouseLeave && onMouseLeave(e);
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
     }, [onMouseLeave]);
     return {
         mouseEventProps: {