npm - @cube-dev/ui-kit - Versions diffs - 0.197.0 → 0.198.0 - Mend

@cube-dev/ui-kit 0.197.0 → 0.198.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1662) hide show

package/dist/components/overlays/Toast/useProgressToast.js CHANGED Viewed

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useToastContext } from "../Notifications/NotificationContext.js";
 import { useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/Toast/useProgressToast.tsx
 const RESULT_DURATION = 3e3;
 /**
@@ -148,13 +147,15 @@ function useProgressToast(options) {
 				removeToast(toastIdRef.current);
 				toastIdRef.current = null;
 			}
-		} else if (!currentIsLoading && !isFirstRender && hasBeenLoadingRef.current && dataChanged && toastIdRef.current != null) if (currentTitle) {
-			clearHideTimer();
-			showToastWithTimer();
-		} else {
-			clearHideTimer();
-			removeToast(toastIdRef.current);
-			toastIdRef.current = null;
+		} else if (!currentIsLoading && !isFirstRender && hasBeenLoadingRef.current && dataChanged && toastIdRef.current != null) {
+			if (currentTitle) {
+				clearHideTimer();
+				showToastWithTimer();
+			} else {
+				clearHideTimer();
+				removeToast(toastIdRef.current);
+				toastIdRef.current = null;
+			}
 		}
 		wasLoadingRef.current = currentIsLoading;
 		isFirstRenderRef.current = false;
@@ -184,7 +185,7 @@ function useProgressToast(options) {
 		};
 	}, [removeToast]);
 }
 //#endregion
 export { useProgressToast };
 //# sourceMappingURL=useProgressToast.js.map

package/dist/components/overlays/Toast/useProgressToast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useProgressToast.js","names":["Key","useEffect","useRef","useEvent","useI18n","ItemAction","useToastContext","ProgressToastEmpty","ProgressToastOptions","ToastData","RESULT_DURATION","isEmptyOptions","options","Object","keys","length","getStringValue","value","undefined","useProgressToast","addToast","removeToast","updateToast","t","toastIdRef","wasLoadingRef","hideTimerRef","ReturnType","setTimeout","isFirstRenderRef","optionsRef","hasBeenLoadingRef","hiddenByUserRef","prevThemeRef","prevTitleRef","prevDescriptionRef","current","clearHideTimer","clearTimeout","isEmpty","isLoading","isDismissable","currentTheme","theme","currentTitle","title","currentDescription","description","handleHide","wasLoading","isFirstRender","currentOptions","currentIsEmpty","currentIsLoading","_isDismissable","currentToastData","themeChanged","titleChanged","descriptionChanged","dataChanged","hideAction","mergedActions","actions","toastData","icon","itemProps","duration","showToast","showToastWithTimer"],"sources":["../../../../src/components/overlays/Toast/useProgressToast.tsx"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\n\nimport { useToastContext } from './ToastProvider';\n\nimport type {\n ProgressToastEmpty,\n ProgressToastOptions,\n ToastData,\n} from './types';\n\nconst RESULT_DURATION = 3000;\n\n/*\n Check if the options represent an \"empty\" value (null, undefined, false, or empty object).\n * When empty, the hook should immediately remove any existing toast.\n /\nfunction isEmptyOptions(\n options: ProgressToastOptions \| ProgressToastEmpty,\n): options is ProgressToastEmpty {\n if (options == null \|\| options === false) return true;\n if (typeof options === 'object' && Object.keys(options).length === 0)\n return true;\n return false;\n}\n\n// Get string value for comparison (only strings are compared for re-show logic)\nfunction getStringValue(value: unknown): string \| undefined {\n return typeof value === 'string' ? value : undefined;\n}\n\n/\n Hook to display a progress toast that persists while loading.\n \n @example\n * ```tsx\n * useProgressToast(\n * isLoading\n * ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }\n * : { isLoading: false, title: 'Saved!', icon: <IconCheck />, theme: 'success' }\n * );\n \n // Or with error handling:\n * useProgressToast(\n * isLoading\n * ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }\n * : isError\n * ? { isLoading: false, title: 'Error', description: errorMessage, theme: 'danger' }\n * : { isLoading: false, title: 'Saved!', theme: 'success' }\n * );\n \n // Pass empty value to immediately remove any existing toast:\n * useProgressToast(shouldShow ? { isLoading: true, title: 'Loading...' } : null);\n \n // Or call with no argument to dismiss:\n * useProgressToast();\n * ```\n */\nexport function useProgressToast(\n options?: ProgressToastOptions \| ProgressToastEmpty,\n): void {\n const { addToast, removeToast, updateToast } = useToastContext();\n const { t } = useI18n();\n\n const toastIdRef = useRef<Key \| null>(null);\n const wasLoadingRef = useRef<boolean \| null>(null);\n const hideTimerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const isFirstRenderRef = useRef(true);\n const optionsRef = useRef(options);\n const hasBeenLoadingRef = useRef(false);\n const hiddenByUserRef = useRef(false);\n\n // Track previous string values for re-show comparison\n const prevThemeRef = useRef<string \| undefined>(undefined);\n const prevTitleRef = useRef<string \| undefined>(undefined);\n const prevDescriptionRef = useRef<string \| undefined>(undefined);\n\n // Always update optionsRef to latest\n optionsRef.current = options;\n\n // Clear any pending hide timer\n const clearHideTimer = () => {\n if (hideTimerRef.current) {\n clearTimeout(hideTimerRef.current);\n hideTimerRef.current = null;\n }\n };\n\n // Check if current options are empty\n const isEmpty = isEmptyOptions(options);\n\n // Extract values only when options are not empty\n const isLoading = isEmpty ? false : options.isLoading;\n const isDismissable = isEmpty ? false : !!options.isDismissable;\n const currentTheme = isEmpty ? undefined : options.theme;\n const currentTitle = isEmpty ? undefined : getStringValue(options.title);\n const currentDescription = isEmpty\n ? undefined\n : getStringValue(options.description);\n\n const handleHide = useEvent(() => {\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n\n hiddenByUserRef.current = true;\n });\n\n useEffect(() => {\n const wasLoading = wasLoadingRef.current;\n const isFirstRender = isFirstRenderRef.current;\n const currentOptions = optionsRef.current;\n const currentIsEmpty = isEmptyOptions(currentOptions);\n\n // Handle empty options - immediately remove any existing toast\n if (currentIsEmpty) {\n clearHideTimer();\n\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n\n // Reset loading gate so the next cycle requires isLoading again\n hasBeenLoadingRef.current = false;\n hiddenByUserRef.current = false;\n wasLoadingRef.current = null;\n isFirstRenderRef.current = false;\n prevThemeRef.current = undefined;\n prevTitleRef.current = undefined;\n prevDescriptionRef.current = undefined;\n return;\n }\n\n // From here, we know options is a valid ProgressToastOptions\n const {\n isLoading: currentIsLoading,\n isDismissable: _isDismissable,\n ...currentToastData\n } = currentOptions;\n\n // Check if meaningful data changed (only string values)\n const themeChanged = currentTheme !== prevThemeRef.current;\n const titleChanged = currentTitle !== prevTitleRef.current;\n const descriptionChanged =\n currentDescription !== prevDescriptionRef.current;\n const dataChanged = themeChanged \|\| titleChanged \|\| descriptionChanged;\n\n const hideAction =\n isDismissable && currentIsLoading ? (\n <ItemAction isSelected type=\"outline\" onPress={handleHide}>\n {t('toast.hide', 'Hide')}\n </ItemAction>\n ) : null;\n\n const mergedActions = hideAction ? (\n <>\n {currentToastData.actions}\n {hideAction}\n </>\n ) : (\n currentToastData.actions\n );\n\n const toastData: ToastData = {\n title: undefined,\n description: undefined,\n theme: undefined,\n icon: undefined,\n itemProps: undefined,\n ...currentToastData,\n actions: mergedActions,\n isLoading: currentIsLoading,\n duration: null,\n };\n\n // Show a new toast or update an existing one in-place (no exit/enter animation).\n const showToast = () => {\n if (toastIdRef.current != null) {\n updateToast(toastIdRef.current, toastData);\n } else {\n toastIdRef.current = addToast(toastData, true);\n }\n };\n\n // Show/update toast and schedule removal after RESULT_DURATION.\n const showToastWithTimer = () => {\n showToast();\n\n hideTimerRef.current = setTimeout(() => {\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n }, RESULT_DURATION);\n };\n\n if (currentIsLoading) {\n // Starting or continuing loading\n hasBeenLoadingRef.current = true;\n clearHideTimer();\n\n if (hiddenByUserRef.current) {\n // User dismissed the loading toast; don't re-show during this loading cycle.\n } else if (toastIdRef.current == null) {\n // Create new toast\n showToast();\n } else if (dataChanged) {\n // Toast exists but data changed (e.g., switching back to loading from another state)\n showToast();\n }\n } else if (wasLoading === true && !currentIsLoading) {\n // Transitioning from loading to not loading\n hiddenByUserRef.current = false;\n clearHideTimer();\n\n if (currentTitle) {\n // Show result toast with timer\n showToastWithTimer();\n } else {\n // No content - just remove the loading toast immediately\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n }\n } else if (\n !currentIsLoading &&\n !isFirstRender &&\n hasBeenLoadingRef.current &&\n dataChanged &&\n toastIdRef.current != null\n ) {\n // Not loading, data changed while toast is still visible — update it.\n if (currentTitle) {\n clearHideTimer();\n showToastWithTimer();\n } else {\n clearHideTimer();\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n }\n\n // Update refs for next comparison\n wasLoadingRef.current = currentIsLoading;\n isFirstRenderRef.current = false;\n prevThemeRef.current = currentTheme;\n prevTitleRef.current = currentTitle;\n prevDescriptionRef.current = currentDescription;\n }, [\n isEmpty,\n isLoading,\n isDismissable,\n currentTheme,\n currentTitle,\n currentDescription,\n addToast,\n removeToast,\n updateToast,\n handleHide,\n t,\n ]);\n\n // Cleanup on unmount\n useEffect(() => {\n return () => {\n clearHideTimer();\n\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n };\n }, [removeToast]);\n}\n"],"mappings":";;;;;;;;;AAcA,MAAMU,kBAAkB;;;;;AAMxB,SAASC,eACPC,SAC+B;AAC/B,KAAIA,WAAW,QAAQA,YAAY,MAAO,QAAO;AACjD,KAAI,OAAOA,YAAY,YAAYC,OAAOC,KAAKF,QAAQ,CAACG,WAAW,EACjE,QAAO;AACT,QAAO;;AAIT,SAASC,eAAeC,OAAoC;AAC1D,QAAO,OAAOA,UAAU,WAAWA,QAAQC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8B7C,SAAgBC,iBACdP,SACM;CACN,MAAM,EAAEQ,UAAUC,aAAaC,gBAAgBhB,iBAAiB;CAChE,MAAM,EAAEiB,MAAMnB,SAAS;CAEvB,MAAMoB,aAAatB,OAAmB,KAAK;CAC3C,MAAMuB,gBAAgBvB,OAAuB,KAAK;CAClD,MAAMwB,eAAexB,OAA6C,KAAK;CACvE,MAAM2B,mBAAmB3B,OAAO,KAAK;CACrC,MAAM4B,aAAa5B,OAAOU,QAAQ;CAClC,MAAMmB,oBAAoB7B,OAAO,MAAM;CACvC,MAAM8B,kBAAkB9B,OAAO,MAAM;CAGrC,MAAM+B,eAAe/B,OAA2BgB,OAAU;CAC1D,MAAMgB,eAAehC,OAA2BgB,OAAU;CAC1D,MAAMiB,qBAAqBjC,OAA2BgB,OAAU;AAGhEY,YAAWM,UAAUxB;CAGrB,MAAMyB,uBAAuB;AAC3B,MAAIX,aAAaU,SAAS;AACxBE,gBAAaZ,aAAaU,QAAQ;AAClCV,gBAAaU,UAAU;;;CAK3B,MAAMG,UAAU5B,eAAeC,QAAQ;CAGvC,MAAM4B,YAAYD,UAAU,QAAQ3B,QAAQ4B;CAC5C,MAAMC,gBAAgBF,UAAU,QAAQ,CAAC,CAAC3B,QAAQ6B;CAClD,MAAMC,eAAeH,UAAUrB,SAAYN,QAAQ+B;CACnD,MAAMC,eAAeL,UAAUrB,SAAYF,eAAeJ,QAAQiC,MAAM;CACxE,MAAMC,qBAAqBP,UACvBrB,SACAF,eAAeJ,QAAQmC,YAAY;CAEvC,MAAMC,aAAa7C,eAAe;AAChC,MAAIqB,WAAWY,WAAW,MAAM;AAC9Bf,eAAYG,WAAWY,QAAQ;AAC/BZ,cAAWY,UAAU;;AAGvBJ,kBAAgBI,UAAU;GAC1B;AAEFnC,iBAAgB;EACd,MAAMgD,aAAaxB,cAAcW;EACjC,MAAMc,gBAAgBrB,iBAAiBO;EACvC,MAAMe,iBAAiBrB,WAAWM;AAIlC,MAHuBzB,eAAewC,eAAe,EAGjC;AAClBd,mBAAgB;AAEhB,OAAIb,WAAWY,WAAW,MAAM;AAC9Bf,gBAAYG,WAAWY,QAAQ;AAC/BZ,eAAWY,UAAU;;AAIvBL,qBAAkBK,UAAU;AAC5BJ,mBAAgBI,UAAU;AAC1BX,iBAAcW,UAAU;AACxBP,oBAAiBO,UAAU;AAC3BH,gBAAaG,UAAUlB;AACvBgB,gBAAaE,UAAUlB;AACvBiB,sBAAmBC,UAAUlB;AAC7B;;EAIF,MAAM,EACJsB,WAAWa,kBACXZ,eAAea,gBACf,GAAGC,qBACDJ;EAGJ,MAAMK,eAAed,iBAAiBT,aAAaG;EACnD,MAAMqB,eAAeb,iBAAiBV,aAAaE;EACnD,MAAMsB,qBACJZ,uBAAuBX,mBAAmBC;EAC5C,MAAMuB,cAAcH,gBAAgBC,gBAAgBC;EAEpD,MAAME,aACJnB,iBAAiBY,mBACf,oBAAC;GAAW;GAAW,MAAK;GAAU,SAASL;aAC5CzB,EAAE,cAAc,OAAO;IACb,GACX;EAEN,MAAMsC,gBAAgBD,aACpB,8CACGL,iBAAiBO,SACjBF,cACA,GAEHL,iBAAiBO;EAGnB,MAAMC,YAAuB;GAC3BlB,OAAO3B;GACP6B,aAAa7B;GACbyB,OAAOzB;GACP8C,MAAM9C;GACN+C,WAAW/C;GACX,GAAGqC;GACHO,SAASD;GACTrB,WAAWa;GACXa,UAAU;GACX;EAGD,MAAMC,kBAAkB;AACtB,OAAI3C,WAAWY,WAAW,KACxBd,aAAYE,WAAWY,SAAS2B,UAAU;OAE1CvC,YAAWY,UAAUhB,SAAS2C,WAAW,KAAK;;EAKlD,MAAMK,2BAA2B;AAC/BD,cAAW;AAEXzC,gBAAaU,UAAUR,iBAAiB;AACtC,QAAIJ,WAAWY,WAAW,MAAM;AAC9Bf,iBAAYG,WAAWY,QAAQ;AAC/BZ,gBAAWY,UAAU;;MAEtB1B,gBAAgB;;AAGrB,MAAI2C,kBAAkB;AAEpBtB,qBAAkBK,UAAU;AAC5BC,mBAAgB;AAEhB,OAAIL,gBAAgBI,SAAS,YAElBZ,WAAWY,WAAW,KAE/B+B,YAAW;YACFR,YAETQ,YAAW;aAEJlB,eAAe,QAAQ,CAACI,kBAAkB;AAEnDrB,mBAAgBI,UAAU;AAC1BC,mBAAgB;AAEhB,OAAIO,aAEFwB,qBAAoB;YAGhB5C,WAAWY,WAAW,MAAM;AAC9Bf,gBAAYG,WAAWY,QAAQ;AAC/BZ,eAAWY,UAAU;;aAIzB,CAACiB,oBACD,CAACH,iBACDnB,kBAAkBK,WAClBuB,eACAnC,WAAWY,WAAW,KAGtB,KAAIQ,cAAc;AAChBP,mBAAgB;AAChB+B,uBAAoB;SACf;AACL/B,mBAAgB;AAChBhB,eAAYG,WAAWY,QAAQ;AAC/BZ,cAAWY,UAAU;;AAKzBX,gBAAcW,UAAUiB;AACxBxB,mBAAiBO,UAAU;AAC3BH,eAAaG,UAAUM;AACvBR,eAAaE,UAAUQ;AACvBT,qBAAmBC,UAAUU;IAC5B;EACDP;EACAC;EACAC;EACAC;EACAE;EACAE;EACA1B;EACAC;EACAC;EACA0B;EACAzB;EACD,CAAC;AAGFtB,iBAAgB;AACd,eAAa;AACXoC,mBAAgB;AAEhB,OAAIb,WAAWY,WAAW,MAAM;AAC9Bf,gBAAYG,WAAWY,QAAQ;AAC/BZ,eAAWY,UAAU;;;IAGxB,CAACf,YAAY,CAAC"}
1	+ {"version":3,"file":"useProgressToast.js","names":["Key","useEffect","useRef","useEvent","useI18n","ItemAction","useToastContext","ProgressToastEmpty","ProgressToastOptions","ToastData","RESULT_DURATION","isEmptyOptions","options","Object","keys","length","getStringValue","value","undefined","useProgressToast","addToast","removeToast","updateToast","t","toastIdRef","wasLoadingRef","hideTimerRef","ReturnType","setTimeout","isFirstRenderRef","optionsRef","hasBeenLoadingRef","hiddenByUserRef","prevThemeRef","prevTitleRef","prevDescriptionRef","current","clearHideTimer","clearTimeout","isEmpty","isLoading","isDismissable","currentTheme","theme","currentTitle","title","currentDescription","description","handleHide","wasLoading","isFirstRender","currentOptions","currentIsEmpty","currentIsLoading","_isDismissable","currentToastData","themeChanged","titleChanged","descriptionChanged","dataChanged","hideAction","mergedActions","actions","toastData","icon","itemProps","duration","showToast","showToastWithTimer"],"sources":["../../../../src/components/overlays/Toast/useProgressToast.tsx"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\n\nimport { useToastContext } from './ToastProvider';\n\nimport type {\n ProgressToastEmpty,\n ProgressToastOptions,\n ToastData,\n} from './types';\n\nconst RESULT_DURATION = 3000;\n\n/*\n Check if the options represent an \"empty\" value (null, undefined, false, or empty object).\n * When empty, the hook should immediately remove any existing toast.\n /\nfunction isEmptyOptions(\n options: ProgressToastOptions \| ProgressToastEmpty,\n): options is ProgressToastEmpty {\n if (options == null \|\| options === false) return true;\n if (typeof options === 'object' && Object.keys(options).length === 0)\n return true;\n return false;\n}\n\n// Get string value for comparison (only strings are compared for re-show logic)\nfunction getStringValue(value: unknown): string \| undefined {\n return typeof value === 'string' ? value : undefined;\n}\n\n/\n Hook to display a progress toast that persists while loading.\n \n @example\n * ```tsx\n * useProgressToast(\n * isLoading\n * ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }\n * : { isLoading: false, title: 'Saved!', icon: <IconCheck />, theme: 'success' }\n * );\n \n // Or with error handling:\n * useProgressToast(\n * isLoading\n * ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }\n * : isError\n * ? { isLoading: false, title: 'Error', description: errorMessage, theme: 'danger' }\n * : { isLoading: false, title: 'Saved!', theme: 'success' }\n * );\n \n // Pass empty value to immediately remove any existing toast:\n * useProgressToast(shouldShow ? { isLoading: true, title: 'Loading...' } : null);\n \n // Or call with no argument to dismiss:\n * useProgressToast();\n * ```\n */\nexport function useProgressToast(\n options?: ProgressToastOptions \| ProgressToastEmpty,\n): void {\n const { addToast, removeToast, updateToast } = useToastContext();\n const { t } = useI18n();\n\n const toastIdRef = useRef<Key \| null>(null);\n const wasLoadingRef = useRef<boolean \| null>(null);\n const hideTimerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const isFirstRenderRef = useRef(true);\n const optionsRef = useRef(options);\n const hasBeenLoadingRef = useRef(false);\n const hiddenByUserRef = useRef(false);\n\n // Track previous string values for re-show comparison\n const prevThemeRef = useRef<string \| undefined>(undefined);\n const prevTitleRef = useRef<string \| undefined>(undefined);\n const prevDescriptionRef = useRef<string \| undefined>(undefined);\n\n // Always update optionsRef to latest\n optionsRef.current = options;\n\n // Clear any pending hide timer\n const clearHideTimer = () => {\n if (hideTimerRef.current) {\n clearTimeout(hideTimerRef.current);\n hideTimerRef.current = null;\n }\n };\n\n // Check if current options are empty\n const isEmpty = isEmptyOptions(options);\n\n // Extract values only when options are not empty\n const isLoading = isEmpty ? false : options.isLoading;\n const isDismissable = isEmpty ? false : !!options.isDismissable;\n const currentTheme = isEmpty ? undefined : options.theme;\n const currentTitle = isEmpty ? undefined : getStringValue(options.title);\n const currentDescription = isEmpty\n ? undefined\n : getStringValue(options.description);\n\n const handleHide = useEvent(() => {\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n\n hiddenByUserRef.current = true;\n });\n\n useEffect(() => {\n const wasLoading = wasLoadingRef.current;\n const isFirstRender = isFirstRenderRef.current;\n const currentOptions = optionsRef.current;\n const currentIsEmpty = isEmptyOptions(currentOptions);\n\n // Handle empty options - immediately remove any existing toast\n if (currentIsEmpty) {\n clearHideTimer();\n\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n\n // Reset loading gate so the next cycle requires isLoading again\n hasBeenLoadingRef.current = false;\n hiddenByUserRef.current = false;\n wasLoadingRef.current = null;\n isFirstRenderRef.current = false;\n prevThemeRef.current = undefined;\n prevTitleRef.current = undefined;\n prevDescriptionRef.current = undefined;\n return;\n }\n\n // From here, we know options is a valid ProgressToastOptions\n const {\n isLoading: currentIsLoading,\n isDismissable: _isDismissable,\n ...currentToastData\n } = currentOptions;\n\n // Check if meaningful data changed (only string values)\n const themeChanged = currentTheme !== prevThemeRef.current;\n const titleChanged = currentTitle !== prevTitleRef.current;\n const descriptionChanged =\n currentDescription !== prevDescriptionRef.current;\n const dataChanged = themeChanged \|\| titleChanged \|\| descriptionChanged;\n\n const hideAction =\n isDismissable && currentIsLoading ? (\n <ItemAction isSelected type=\"outline\" onPress={handleHide}>\n {t('toast.hide', 'Hide')}\n </ItemAction>\n ) : null;\n\n const mergedActions = hideAction ? (\n <>\n {currentToastData.actions}\n {hideAction}\n </>\n ) : (\n currentToastData.actions\n );\n\n const toastData: ToastData = {\n title: undefined,\n description: undefined,\n theme: undefined,\n icon: undefined,\n itemProps: undefined,\n ...currentToastData,\n actions: mergedActions,\n isLoading: currentIsLoading,\n duration: null,\n };\n\n // Show a new toast or update an existing one in-place (no exit/enter animation).\n const showToast = () => {\n if (toastIdRef.current != null) {\n updateToast(toastIdRef.current, toastData);\n } else {\n toastIdRef.current = addToast(toastData, true);\n }\n };\n\n // Show/update toast and schedule removal after RESULT_DURATION.\n const showToastWithTimer = () => {\n showToast();\n\n hideTimerRef.current = setTimeout(() => {\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n }, RESULT_DURATION);\n };\n\n if (currentIsLoading) {\n // Starting or continuing loading\n hasBeenLoadingRef.current = true;\n clearHideTimer();\n\n if (hiddenByUserRef.current) {\n // User dismissed the loading toast; don't re-show during this loading cycle.\n } else if (toastIdRef.current == null) {\n // Create new toast\n showToast();\n } else if (dataChanged) {\n // Toast exists but data changed (e.g., switching back to loading from another state)\n showToast();\n }\n } else if (wasLoading === true && !currentIsLoading) {\n // Transitioning from loading to not loading\n hiddenByUserRef.current = false;\n clearHideTimer();\n\n if (currentTitle) {\n // Show result toast with timer\n showToastWithTimer();\n } else {\n // No content - just remove the loading toast immediately\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n }\n } else if (\n !currentIsLoading &&\n !isFirstRender &&\n hasBeenLoadingRef.current &&\n dataChanged &&\n toastIdRef.current != null\n ) {\n // Not loading, data changed while toast is still visible — update it.\n if (currentTitle) {\n clearHideTimer();\n showToastWithTimer();\n } else {\n clearHideTimer();\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n }\n\n // Update refs for next comparison\n wasLoadingRef.current = currentIsLoading;\n isFirstRenderRef.current = false;\n prevThemeRef.current = currentTheme;\n prevTitleRef.current = currentTitle;\n prevDescriptionRef.current = currentDescription;\n }, [\n isEmpty,\n isLoading,\n isDismissable,\n currentTheme,\n currentTitle,\n currentDescription,\n addToast,\n removeToast,\n updateToast,\n handleHide,\n t,\n ]);\n\n // Cleanup on unmount\n useEffect(() => {\n return () => {\n clearHideTimer();\n\n if (toastIdRef.current != null) {\n removeToast(toastIdRef.current);\n toastIdRef.current = null;\n }\n };\n }, [removeToast]);\n}\n"],"mappings":"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"}

package/dist/components/overlays/Toast/useToast.d.ts CHANGED Viewed

@@ -1,14 +1,13 @@
 import { ToastApi, ToastType } from "./types.js";
 import { ReactNode } from "react";
 //#region src/components/overlays/Toast/useToast.d.ts
 /**
  * Get the appropriate icon for a toast based on theme and loading state.
  * - When loading, returns the provided icon as-is (loading indicator is separate)
  * - When not loading, returns the provided icon or falls back to theme-based default
  */
-declare function getThemeIcon(theme: ToastType | undefined, icon: ReactNode | undefined, isLoading?: boolean): ReactNode | undefined;
+export declare function getThemeIcon(theme: ToastType | undefined, icon: ReactNode | undefined, isLoading?: boolean): ReactNode | undefined;
 /**
  * Hook to display toast notifications.
  *
@@ -30,7 +29,6 @@ declare function getThemeIcon(theme: ToastType | undefined, icon: ReactNode | un
  * // Methods: toast(), toast.success(), toast.danger(), toast.warning(), toast.note()
  * ```
  */
-declare function useToast(): ToastApi;
+export declare function useToast(): ToastApi;
 //#endregion
-export { getThemeIcon, useToast };
 //# sourceMappingURL=useToast.d.ts.map

package/dist/components/overlays/Toast/useToast.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";
 import { useToastContext } from "../Notifications/NotificationContext.js";
@@ -6,7 +6,6 @@ import { DangerIcon } from "../../../icons/DangerIcon.js";
 import { WarningIcon } from "../../../icons/WarningIcon.js";
 import { isValidElement, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/overlays/Toast/useToast.tsx
 const THEME_ICONS = {
 	success: /* @__PURE__ */ jsx(CheckIcon, {}),
@@ -82,7 +81,7 @@ function useToast() {
 		return toast;
 	}, [addToast, removeToast]);
 }
 //#endregion
 export { getThemeIcon, useToast };
 //# sourceMappingURL=useToast.js.map

package/dist/components/overlays/Toast/useToast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useToast.js","names":["isValidElement","Key","ReactNode","useMemo","CheckIcon","DangerIcon","InfoCircleIcon","WarningIcon","useToastContext","ToastApi","ToastData","ToastType","THEME_ICONS","Partial","Record","success","danger","warning","note","getThemeIcon","theme","icon","isLoading","undefined","isToastData","data","isReactNode","Array","isArray","normalizeToastData","defaultTheme","title","useToast","addToast","removeToast","api","toast","remove","id"],"sources":["../../../../src/components/overlays/Toast/useToast.tsx"],"sourcesContent":["import { isValidElement, Key, ReactNode, useMemo } from 'react';\n\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { DangerIcon } from '../../../icons/DangerIcon';\nimport { InfoCircleIcon } from '../../../icons/InfoCircleIcon';\nimport { WarningIcon } from '../../../icons/WarningIcon';\n\nimport { useToastContext } from './ToastProvider';\n\nimport type { ToastApi, ToastData, ToastType } from './types';\n\n// Default icons for each theme\nconst THEME_ICONS: Partial<Record<ToastType, ReactNode>> = {\n success: <CheckIcon />,\n danger: <DangerIcon />,\n warning: <WarningIcon />,\n note: <InfoCircleIcon />,\n};\n\n/*\n Get the appropriate icon for a toast based on theme and loading state.\n * - When loading, returns the provided icon as-is (loading indicator is separate)\n * - When not loading, returns the provided icon or falls back to theme-based default\n /\nexport function getThemeIcon(\n theme: ToastType \| undefined,\n icon: ReactNode \| undefined,\n isLoading?: boolean,\n): ReactNode \| undefined {\n // When loading, don't apply theme icons (loading indicator is shown separately)\n if (isLoading) return icon;\n\n // If icon is explicitly provided, use it\n if (icon !== undefined) return icon;\n\n // Apply theme-based default icon\n return theme ? THEME_ICONS[theme] : undefined;\n}\n\nfunction isToastData(data: ToastData \| ReactNode): data is ToastData {\n // ReactNode includes: ReactElement \| string \| number \| boolean \| null \| undefined \| Iterable<ReactNode>\n const isReactNode =\n isValidElement(data) \|\|\n typeof data === 'string' \|\|\n typeof data === 'number' \|\|\n typeof data === 'boolean' \|\|\n data === null \|\|\n data === undefined \|\|\n Array.isArray(data);\n\n return !isReactNode;\n}\n\nfunction normalizeToastData(\n data: ToastData \| ReactNode,\n defaultTheme?: ToastType,\n): ToastData {\n if (isToastData(data)) {\n return {\n ...data,\n theme: data.theme ?? defaultTheme,\n };\n }\n\n // String or ReactNode passed directly - use as title\n return {\n title: data,\n theme: defaultTheme,\n };\n}\n\n/\n Hook to display toast notifications.\n \n @example\n * ```tsx\n * const toast = useToast();\n \n // String shorthand\n * toast.success('Copied to clipboard');\n \n // Object with options\n * toast.success({\n * title: 'Success',\n * description: 'File copied to clipboard',\n * icon: <CustomIcon />,\n * duration: 3000,\n * });\n \n // Methods: toast(), toast.success(), toast.danger(), toast.warning(), toast.note()\n * ```\n */\nexport function useToast(): ToastApi {\n const { addToast, removeToast } = useToastContext();\n\n const api = useMemo<ToastApi>(() => {\n const toast = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data));\n };\n\n toast.success = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data, 'success'));\n };\n\n toast.danger = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data, 'danger'));\n };\n\n toast.warning = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data, 'warning'));\n };\n\n toast.note = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data, 'note'));\n };\n\n toast.remove = (id: Key): void => {\n removeToast(id);\n };\n\n return toast;\n }, [addToast, removeToast]);\n\n return api;\n}\n"],"mappings":"~~;;;;;;;;;;~~AAYA,MAAMY,cAAqD;CACzDG,SAAS,oBAAC,~~cAAY~~;~~CACtBC~~,QAAQ,oBAAC,~~eAAa~~;~~CACtBC~~,SAAS,oBAAC,~~gBAAc~~;~~CACxBC~~,MAAM,oBAAC,~~mBAAc~~;~~CACtB~~;;;;;;~~AAOD~~,SAAgBC,aACdC,OACAC,MACAC,WACuB;~~AAEvB~~,~~KAAIA~~,~~UAAW~~,~~QAAOD~~;~~AAGtB~~,~~KAAIA~~,SAASE,~~OAAW~~,~~QAAOF~~;~~AAG~~/B,~~QAAOD~~,QAAQR,YAAYQ,SAASG~~;;AAGtC~~,SAASC,YAAYC,MAAgD;~~AAWnE~~,~~QAAO~~,EARLzB,eAAeyB,~~KAAK~~,~~IACpB~~,OAAOA,SAAS,YAChB,OAAOA,SAAS,YAChB,OAAOA,SAAS,aAChBA,SAAS,QACTA,SAASF,~~UACTI~~,MAAMC,QAAQH,~~KAAK;;AAKvB~~,SAASI,mBACPJ,MACAK,cACW;~~AACX~~,~~KAAIN~~,YAAYC,~~KAAK~~,~~CACnB~~,~~QAAO~~;EACL,GAAGA;EACHL,OAAOK,KAAKL,SAASU;~~EACtB~~;~~AAIH~~,~~QAAO~~;EACLC,OAAON;EACPL,OAAOU;~~EACR;;;;;;;;;;;;;;;;;;;;;;;AAwBH~~,SAAgBE,WAAqB;CACnC,MAAM,EAAEC,UAAUC,gBAAgB1B,~~iBAAiB~~;~~AA8BnD~~,~~QA5BYL~~,cAAwB;EAClC,MAAMiC,SAASX,SAAqC;~~AAClD~~,~~UAAOQ~~,SAASJ,mBAAmBJ,~~KAAK~~,CAAC~~;;AAG3CW~~,~~QAAMrB~~,WAAWU,WAAqC;~~AACpD~~,~~UAAOQ~~,SAASJ,mBAAmBJ,QAAM,~~UAAU~~,CAAC~~;;AAGtDW~~,~~QAAMpB~~,UAAUS,WAAqC;~~AACnD~~,~~UAAOQ~~,SAASJ,mBAAmBJ,QAAM,~~SAAS~~,CAAC~~;;AAGrDW~~,~~QAAMnB~~,WAAWQ,WAAqC;~~AACpD~~,~~UAAOQ~~,SAASJ,mBAAmBJ,QAAM,~~UAAU~~,CAAC~~;;AAGtDW~~,~~QAAMlB~~,QAAQO,WAAqC;~~AACjD~~,~~UAAOQ~~,SAASJ,mBAAmBJ,QAAM,~~OAAO~~,CAAC~~;;AAGnDW~~,~~QAAMC~~,UAAUC,OAAkB;~~AAChCJ~~,~~eAAYI~~,~~GAAG;;AAGjB~~,~~SAAOF~~;~~IACN~~,CAACH,UAAUC,~~YAAY~~,~~CAAC~~"}
1	+ {"version":3,"file":"useToast.js","names":["isValidElement","Key","ReactNode","useMemo","CheckIcon","DangerIcon","InfoCircleIcon","WarningIcon","useToastContext","ToastApi","ToastData","ToastType","THEME_ICONS","Partial","Record","success","danger","warning","note","getThemeIcon","theme","icon","isLoading","undefined","isToastData","data","isReactNode","Array","isArray","normalizeToastData","defaultTheme","title","useToast","addToast","removeToast","api","toast","remove","id"],"sources":["../../../../src/components/overlays/Toast/useToast.tsx"],"sourcesContent":["import { isValidElement, Key, ReactNode, useMemo } from 'react';\n\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { DangerIcon } from '../../../icons/DangerIcon';\nimport { InfoCircleIcon } from '../../../icons/InfoCircleIcon';\nimport { WarningIcon } from '../../../icons/WarningIcon';\n\nimport { useToastContext } from './ToastProvider';\n\nimport type { ToastApi, ToastData, ToastType } from './types';\n\n// Default icons for each theme\nconst THEME_ICONS: Partial<Record<ToastType, ReactNode>> = {\n success: <CheckIcon />,\n danger: <DangerIcon />,\n warning: <WarningIcon />,\n note: <InfoCircleIcon />,\n};\n\n/*\n Get the appropriate icon for a toast based on theme and loading state.\n * - When loading, returns the provided icon as-is (loading indicator is separate)\n * - When not loading, returns the provided icon or falls back to theme-based default\n /\nexport function getThemeIcon(\n theme: ToastType \| undefined,\n icon: ReactNode \| undefined,\n isLoading?: boolean,\n): ReactNode \| undefined {\n // When loading, don't apply theme icons (loading indicator is shown separately)\n if (isLoading) return icon;\n\n // If icon is explicitly provided, use it\n if (icon !== undefined) return icon;\n\n // Apply theme-based default icon\n return theme ? THEME_ICONS[theme] : undefined;\n}\n\nfunction isToastData(data: ToastData \| ReactNode): data is ToastData {\n // ReactNode includes: ReactElement \| string \| number \| boolean \| null \| undefined \| Iterable<ReactNode>\n const isReactNode =\n isValidElement(data) \|\|\n typeof data === 'string' \|\|\n typeof data === 'number' \|\|\n typeof data === 'boolean' \|\|\n data === null \|\|\n data === undefined \|\|\n Array.isArray(data);\n\n return !isReactNode;\n}\n\nfunction normalizeToastData(\n data: ToastData \| ReactNode,\n defaultTheme?: ToastType,\n): ToastData {\n if (isToastData(data)) {\n return {\n ...data,\n theme: data.theme ?? defaultTheme,\n };\n }\n\n // String or ReactNode passed directly - use as title\n return {\n title: data,\n theme: defaultTheme,\n };\n}\n\n/\n Hook to display toast notifications.\n \n @example\n * ```tsx\n * const toast = useToast();\n \n // String shorthand\n * toast.success('Copied to clipboard');\n \n // Object with options\n * toast.success({\n * title: 'Success',\n * description: 'File copied to clipboard',\n * icon: <CustomIcon />,\n * duration: 3000,\n * });\n \n // Methods: toast(), toast.success(), toast.danger(), toast.warning(), toast.note()\n * ```\n */\nexport function useToast(): ToastApi {\n const { addToast, removeToast } = useToastContext();\n\n const api = useMemo<ToastApi>(() => {\n const toast = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data));\n };\n\n toast.success = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data, 'success'));\n };\n\n toast.danger = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data, 'danger'));\n };\n\n toast.warning = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data, 'warning'));\n };\n\n toast.note = (data: ToastData \| ReactNode): Key => {\n return addToast(normalizeToastData(data, 'note'));\n };\n\n toast.remove = (id: Key): void => {\n removeToast(id);\n };\n\n return toast;\n }, [addToast, removeToast]);\n\n return api;\n}\n"],"mappings":";;;;;;;;;AAYA,MAAMY,cAAqD;CACzDG,SAAS,oBAAC,WAAD,CAAU,CAAA;CACnBC,QAAQ,oBAAC,YAAD,CAAW,CAAA;CACnBC,SAAS,oBAAC,aAAD,CAAY,CAAA;CACrBC,MAAM,oBAAC,gBAAD,CAAe,CAAA;AACvB;;;;;;AAOA,SAAgBC,aACdC,OACAC,MACAC,WACuB;CAEvB,IAAIA,WAAW,OAAOD;CAGtB,IAAIA,SAASE,KAAAA,GAAW,OAAOF;CAG/B,OAAOD,QAAQR,YAAYQ,SAASG,KAAAA;AACtC;AAEA,SAASC,YAAYC,MAAgD;CAWnE,OAAO,EARLzB,eAAeyB,IAAI,KACnB,OAAOA,SAAS,YAChB,OAAOA,SAAS,YAChB,OAAOA,SAAS,aAChBA,SAAS,QACTA,SAASF,KAAAA,KACTI,MAAMC,QAAQH,IAAI;AAGtB;AAEA,SAASI,mBACPJ,MACAK,cACW;CACX,IAAIN,YAAYC,IAAI,GAClB,OAAO;EACL,GAAGA;EACHL,OAAOK,KAAKL,SAASU;CACvB;CAIF,OAAO;EACLC,OAAON;EACPL,OAAOU;CACT;AACF;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgBE,WAAqB;CACnC,MAAM,EAAEC,UAAUC,gBAAgB1B,gBAAgB;CA8BlD,OA5BYL,cAAwB;EAClC,MAAMiC,SAASX,SAAqC;GAClD,OAAOQ,SAASJ,mBAAmBJ,IAAI,CAAC;EAC1C;EAEAW,MAAMrB,WAAWU,WAAqC;GACpD,OAAOQ,SAASJ,mBAAmBJ,QAAM,SAAS,CAAC;EACrD;EAEAW,MAAMpB,UAAUS,WAAqC;GACnD,OAAOQ,SAASJ,mBAAmBJ,QAAM,QAAQ,CAAC;EACpD;EAEAW,MAAMnB,WAAWQ,WAAqC;GACpD,OAAOQ,SAASJ,mBAAmBJ,QAAM,SAAS,CAAC;EACrD;EAEAW,MAAMlB,QAAQO,WAAqC;GACjD,OAAOQ,SAASJ,mBAAmBJ,QAAM,MAAM,CAAC;EAClD;EAEAW,MAAMC,UAAUC,OAAkB;GAChCJ,YAAYI,EAAE;EAChB;EAEA,OAAOF;CACT,GAAG,CAACH,UAAUC,WAAW,CAElBC;AACT"}

package/dist/components/overlays/Tooltip/Tooltip.d.ts CHANGED Viewed

@@ -1,12 +1,10 @@
 import { PlacementAxis } from "../../../shared/index.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { AriaTooltipProps } from "react-aria";
 import { DOMRefValue } from "@react-types/shared";
 //#region src/components/overlays/Tooltip/Tooltip.d.ts
-interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {
+export interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {
   tipStyles?: Styles;
   /**
    * @deprecated Has no effect. No icon is ever rendered.
@@ -28,7 +26,7 @@ interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipPr
 /**
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.
  */
-declare let _Tooltip: react.ForwardRefExoticComponent<CubeTooltipProps & react.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+declare let _Tooltip: import("react").ForwardRefExoticComponent<CubeTooltipProps & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>>;
 //#endregion
-export { CubeTooltipProps, _Tooltip };
+export { type AriaTooltipProps, _Tooltip as Tooltip };
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/overlays/Tooltip/Tooltip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
@@ -11,7 +11,6 @@ import { forwardRef, useContext, useImperativeHandle, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTooltip } from "react-aria";
 import { createDOMRef } from "@react-spectrum/utils";
 //#region src/components/overlays/Tooltip/Tooltip.tsx
 const TooltipElement = tasty({ styles: {
 	display: "block",
@@ -213,7 +212,7 @@ function Tooltip(props, ref) {
 */
 let _Tooltip = forwardRef(Tooltip);
 _Tooltip.displayName = "Tooltip";
 //#endregion
-export { _Tooltip };
+export { _Tooltip as Tooltip };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/overlays/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","useModalLayerRef","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","layerRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n ForwardedRef,\n forwardRef,\n useContext,\n useImperativeHandle,\n useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useModalLayerRef } from '../Modal/modal-containment';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n styles: {\n display: 'block',\n // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n // + `#white` design.\n //\n // The `light` variant uses the adaptive surface tokens (`#surface` +\n // `#surface-text-soft`) so it follows the page scheme. This restores the\n // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n // in dark mode (the previous fixed `#surface-inverse` was much darker\n // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n // for the fill keeps both ends of the pair adapting together).\n fill: {\n '': '#surface-inverse.85',\n light: '#surface',\n },\n color: {\n '': '#white',\n light: '#surface-text-soft',\n },\n width: 'initial min(36x, (100dvw - 4x)) max-content',\n radius: true,\n padding: '.75x 1x',\n preset: 't4',\n backdropFilter: 'blur(.5x)',\n whiteSpace: 'pre-line',\n // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n // so a run with no spaces — a URL, a token, an identifier, an error string —\n // stays on one line and spills straight out of the bubble. `anywhere` breaks\n // it at the cap instead. It inherits, so tooltip children wrap too.\n overflowWrap: 'anywhere',\n pointerEvents: {\n '': 'none',\n material: 'auto',\n },\n filter: {\n '': false,\n light: 'drop-shadow(0 0 1px #surface-text-soft.2)',\n },\n transition:\n 'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n translate: {\n '': '0 0',\n 'open & [data-placement=\"top\"]': '0 0',\n '!open & [data-placement=\"top\"]': '0 1x',\n 'open & [data-placement=\"bottom\"]': '0 0',\n '!open & [data-placement=\"bottom\"]': '0 -1x',\n 'open & [data-placement=\"left\"]': '0 0',\n '!open & [data-placement=\"left\"]': '1x 0',\n 'open & [data-placement=\"right\"]': '0 0',\n '!open & [data-placement=\"right\"]': '-1x 0',\n },\n transformOrigin: {\n '': 'top center',\n '[data-placement=\"top\"]': 'bottom center',\n '[data-placement=\"left\"]': 'right center',\n '[data-placement=\"right\"]': 'left center',\n },\n scale: {\n '': '1 1',\n '!open': '1 .8',\n '!open & ([data-placement=\"left\"] \| [data-placement=\"right\"])': '.8 1',\n },\n opacity: {\n '': 1,\n '!open': 0.001,\n },\n\n // A secondary line under the title — the description an auto tooltip\n // shows when a row's label and description are both cut off. Lighter and\n // dimmed like the row's own description, from the tooltip's own color, so\n // it follows the `light` variant. Direct children only: a tooltip whose\n // body is an `Item` keeps that item's description as it is.\n Description: {\n $: '>',\n display: 'block',\n preset: 't4n',\n opacity: 0.75,\n },\n },\n});\n\nconst TooltipTipElement = tasty({\n styles: {\n position: 'absolute',\n width: '1px',\n height: '1px',\n border: '.5x #clear',\n borderTop: {\n '': '.5x solid #surface-inverse.85',\n light: '.5x solid #surface',\n },\n borderBottom: '0',\n top: {\n '': 'initial',\n '[data-placement=\"left\"] \| [data-placement=\"right\"]': '50%',\n '[data-placement=\"top\"]': '100%',\n },\n left: {\n '': 'initial',\n '[data-placement=\"top\"] \| [data-placement=\"bottom\"]': '50%',\n '[data-placement=\"left\"]': '100%',\n },\n right: {\n '': 'initial',\n '[data-placement=\"right\"]': '100%',\n },\n bottom: {\n '': 'initial',\n '[data-placement=\"bottom\"]': '100%',\n },\n transform: {\n '': 'translate((-.375x - 1px), 0)',\n '[data-placement=\"bottom\"]':\n 'translate((-.375x - 1px), 0) rotate(180deg)',\n '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n },\n transition: 'theme',\n },\n});\n\nexport interface CubeTooltipProps\n extends BaseProps,\n ContainerStyleProps,\n AriaTooltipProps {\n tipStyles?: Styles;\n /*\n @deprecated Has no effect. No icon is ever rendered.\n /\n showIcon?: boolean;\n placement?: PlacementAxis;\n isMaterial?: boolean;\n isOpen?: boolean;\n isLight?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n defaultOpen?: boolean;\n /\n Whether the tooltip moves to the opposite side of its trigger when there\n * is not enough room on the requested one.\n * @default true\n /\n shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n props: CubeTooltipProps,\n ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n let {\n ref: overlayRef,\n transitionRef,\n arrowProps,\n state,\n overlayProps,\n isMaterial: isMaterialContext,\n isLight: isLightContext,\n phase,\n isShown,\n updatePosition,\n ...tooltipProviderProps\n } = useContext(TooltipContext);\n\n const defaultRef = useRef<HTMLDivElement>(null);\n // Opened inside a modal, the tooltip stays readable while the modal hides\n // the page.\n const layerRef = useModalLayerRef();\n const combinedRef = mergeRefs(\n transitionRef,\n overlayRef ?? defaultRef,\n layerRef,\n );\n const finalOverlayRef = overlayRef ?? defaultRef;\n\n props = mergeProps(props, tooltipProviderProps);\n\n let {\n placement = 'top',\n isOpen,\n tipStyles,\n isMaterial = isMaterialContext,\n isLight = isLightContext,\n ...otherProps\n } = props;\n\n const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n let { tooltipProps } = useTooltip(props, state);\n\n // Sync ref with overlayRef from context.\n useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n // Extract primary placement direction for consistent styling\n const placementDirection = placement?.split(' ')[0] \|\| placement \|\| 'top';\n\n const mods = {\n material: isMaterial,\n light: isLight,\n open: isShown ?? isOpen,\n };\n\n // Update position when tooltip becomes visible\n useLayoutEffect(() => {\n updatePosition?.();\n }, []);\n\n return (\n <TooltipElement\n {...tooltipProps}\n {...overlayProps}\n ref={combinedRef}\n // `qa` is typed through `BaseProps` but nothing forwarded it, so a test\n // had no way to tell one control's tooltip from another's.\n qa={otherProps.qa}\n styles={styles}\n mods={mods}\n data-placement={placementDirection}\n data-phase={phase}\n >\n {props.children}\n <TooltipTipElement\n data-placement={placementDirection}\n styles={tipStyles}\n mods={mods}\n {...arrowProps}\n />\n </TooltipElement>\n );\n}\n\n/\n Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}
1	+ {"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","useModalLayerRef","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","layerRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName","_c","mergeProps"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n ForwardedRef,\n forwardRef,\n useContext,\n useImperativeHandle,\n useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useModalLayerRef } from '../Modal/modal-containment';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n styles: {\n display: 'block',\n // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n // + `#white` design.\n //\n // The `light` variant uses the adaptive surface tokens (`#surface` +\n // `#surface-text-soft`) so it follows the page scheme. This restores the\n // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n // in dark mode (the previous fixed `#surface-inverse` was much darker\n // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n // for the fill keeps both ends of the pair adapting together).\n fill: {\n '': '#surface-inverse.85',\n light: '#surface',\n },\n color: {\n '': '#white',\n light: '#surface-text-soft',\n },\n width: 'initial min(36x, (100dvw - 4x)) max-content',\n radius: true,\n padding: '.75x 1x',\n preset: 't4',\n backdropFilter: 'blur(.5x)',\n whiteSpace: 'pre-line',\n // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n // so a run with no spaces — a URL, a token, an identifier, an error string —\n // stays on one line and spills straight out of the bubble. `anywhere` breaks\n // it at the cap instead. It inherits, so tooltip children wrap too.\n overflowWrap: 'anywhere',\n pointerEvents: {\n '': 'none',\n material: 'auto',\n },\n filter: {\n '': false,\n light: 'drop-shadow(0 0 1px #surface-text-soft.2)',\n },\n transition:\n 'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n translate: {\n '': '0 0',\n 'open & [data-placement=\"top\"]': '0 0',\n '!open & [data-placement=\"top\"]': '0 1x',\n 'open & [data-placement=\"bottom\"]': '0 0',\n '!open & [data-placement=\"bottom\"]': '0 -1x',\n 'open & [data-placement=\"left\"]': '0 0',\n '!open & [data-placement=\"left\"]': '1x 0',\n 'open & [data-placement=\"right\"]': '0 0',\n '!open & [data-placement=\"right\"]': '-1x 0',\n },\n transformOrigin: {\n '': 'top center',\n '[data-placement=\"top\"]': 'bottom center',\n '[data-placement=\"left\"]': 'right center',\n '[data-placement=\"right\"]': 'left center',\n },\n scale: {\n '': '1 1',\n '!open': '1 .8',\n '!open & ([data-placement=\"left\"] \| [data-placement=\"right\"])': '.8 1',\n },\n opacity: {\n '': 1,\n '!open': 0.001,\n },\n\n // A secondary line under the title — the description an auto tooltip\n // shows when a row's label and description are both cut off. Lighter and\n // dimmed like the row's own description, from the tooltip's own color, so\n // it follows the `light` variant. Direct children only: a tooltip whose\n // body is an `Item` keeps that item's description as it is.\n Description: {\n $: '>',\n display: 'block',\n preset: 't4n',\n opacity: 0.75,\n },\n },\n});\n\nconst TooltipTipElement = tasty({\n styles: {\n position: 'absolute',\n width: '1px',\n height: '1px',\n border: '.5x #clear',\n borderTop: {\n '': '.5x solid #surface-inverse.85',\n light: '.5x solid #surface',\n },\n borderBottom: '0',\n top: {\n '': 'initial',\n '[data-placement=\"left\"] \| [data-placement=\"right\"]': '50%',\n '[data-placement=\"top\"]': '100%',\n },\n left: {\n '': 'initial',\n '[data-placement=\"top\"] \| [data-placement=\"bottom\"]': '50%',\n '[data-placement=\"left\"]': '100%',\n },\n right: {\n '': 'initial',\n '[data-placement=\"right\"]': '100%',\n },\n bottom: {\n '': 'initial',\n '[data-placement=\"bottom\"]': '100%',\n },\n transform: {\n '': 'translate((-.375x - 1px), 0)',\n '[data-placement=\"bottom\"]':\n 'translate((-.375x - 1px), 0) rotate(180deg)',\n '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n },\n transition: 'theme',\n },\n});\n\nexport interface CubeTooltipProps\n extends BaseProps, ContainerStyleProps, AriaTooltipProps {\n tipStyles?: Styles;\n /*\n @deprecated Has no effect. No icon is ever rendered.\n /\n showIcon?: boolean;\n placement?: PlacementAxis;\n isMaterial?: boolean;\n isOpen?: boolean;\n isLight?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n defaultOpen?: boolean;\n /\n Whether the tooltip moves to the opposite side of its trigger when there\n * is not enough room on the requested one.\n * @default true\n /\n shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n props: CubeTooltipProps,\n ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n let {\n ref: overlayRef,\n transitionRef,\n arrowProps,\n state,\n overlayProps,\n isMaterial: isMaterialContext,\n isLight: isLightContext,\n phase,\n isShown,\n updatePosition,\n ...tooltipProviderProps\n } = useContext(TooltipContext);\n\n const defaultRef = useRef<HTMLDivElement>(null);\n // Opened inside a modal, the tooltip stays readable while the modal hides\n // the page.\n const layerRef = useModalLayerRef();\n const combinedRef = mergeRefs(\n transitionRef,\n overlayRef ?? defaultRef,\n layerRef,\n );\n const finalOverlayRef = overlayRef ?? defaultRef;\n\n props = mergeProps(props, tooltipProviderProps);\n\n let {\n placement = 'top',\n isOpen,\n tipStyles,\n isMaterial = isMaterialContext,\n isLight = isLightContext,\n ...otherProps\n } = props;\n\n const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n let { tooltipProps } = useTooltip(props, state);\n\n // Sync ref with overlayRef from context.\n useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n // Extract primary placement direction for consistent styling\n const placementDirection = placement?.split(' ')[0] \|\| placement \|\| 'top';\n\n const mods = {\n material: isMaterial,\n light: isLight,\n open: isShown ?? isOpen,\n };\n\n // Update position when tooltip becomes visible\n useLayoutEffect(() => {\n updatePosition?.();\n }, []);\n\n return (\n <TooltipElement\n {...tooltipProps}\n {...overlayProps}\n ref={combinedRef}\n // `qa` is typed through `BaseProps` but nothing forwarded it, so a test\n // had no way to tell one control's tooltip from another's.\n qa={otherProps.qa}\n styles={styles}\n mods={mods}\n data-placement={placementDirection}\n data-phase={phase}\n >\n {props.children}\n <TooltipTipElement\n data-placement={placementDirection}\n styles={tipStyles}\n mods={mods}\n {...arrowProps}\n />\n </TooltipElement>\n );\n}\n\n/\n Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}

package/dist/components/overlays/Tooltip/TooltipProvider.d.ts CHANGED Viewed

@@ -3,9 +3,8 @@ import { CubeTooltipProps } from "./Tooltip.js";
 import { CubeTooltipTriggerProps, TooltipTriggerFunction } from "./TooltipTrigger.js";
 import { Styles } from "@tenphi/tasty";
 import { ReactElement, ReactNode } from "react";
 //#region src/components/overlays/Tooltip/TooltipProvider.d.ts
-interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'children'> {
+export interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'children'> {
   children: ReactNode | TooltipTriggerFunction;
   title?: ReactNode;
   tooltipStyles?: Styles;
@@ -17,7 +16,6 @@ interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'childr
    */
   qa?: string;
 }
-declare function TooltipProvider(props: CubeTooltipProviderProps): ReactElement;
+export declare function TooltipProvider(props: CubeTooltipProviderProps): ReactElement;
 //#endregion
-export { CubeTooltipProviderProps, TooltipProvider };
 //# sourceMappingURL=TooltipProvider.d.ts.map

package/dist/components/overlays/Tooltip/TooltipProvider.js CHANGED Viewed

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _Tooltip } from "./Tooltip.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { Tooltip as _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { c } from "react/compiler-runtime";
 import { isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useIsSSR } from "react-aria";
 //#region src/components/overlays/Tooltip/TooltipProvider.tsx
 function TooltipProvider(props) {
 	const $ = c(28);
@@ -92,7 +91,7 @@ function TooltipProvider(props) {
 	} else t2 = $[27];
 	return t2;
 }
 //#endregion
 export { TooltipProvider };
 //# sourceMappingURL=TooltipProvider.js.map

package/dist/components/overlays/Tooltip/TooltipProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipProvider.js","names":["Styles","isValidElement","ReactElement","ReactNode","RefObject","useIsSSR","CubeTooltipProps","Tooltip","CubeTooltipTriggerProps","TooltipTrigger","TooltipTriggerFunction","CubeTooltipProviderProps","Omit","children","title","tooltipStyles","width","qa","TooltipProvider","props","$","_c","isSSR","isDisabled","otherProps","isFunction","t0","current","HTMLElement","t1","t2"],"sources":["../../../../src/components/overlays/Tooltip/TooltipProvider.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { isValidElement, ReactElement, ReactNode, RefObject } from 'react';\nimport { useIsSSR } from 'react-aria';\n\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\nimport {\n CubeTooltipTriggerProps,\n TooltipTrigger,\n TooltipTriggerFunction,\n} from './TooltipTrigger';\n\nexport interface CubeTooltipProviderProps\n extends Omit<CubeTooltipTriggerProps, 'children'> {\n children: ReactNode \| TooltipTriggerFunction;\n title?: ReactNode;\n tooltipStyles?: Styles;\n width?: CubeTooltipProps['width'];\n /*\n `data-qa` for the rendered tooltip, so a test can pick out this control's\n * tooltip rather than whichever one is open. Also accepted in the `tooltip`\n * object of components that build a provider from it.\n */\n qa?: string;\n}\n\nexport function TooltipProvider(props: CubeTooltipProviderProps): ReactElement {\n const isSSR = useIsSSR();\n const {\n title,\n children,\n tooltipStyles,\n width,\n qa,\n isDisabled,\n ...otherProps\n } = props;\n\n const isFunction = typeof children === 'function';\n\n // Render without the tooltip on the server, and while hydrating it.\n //\n // `useIsSSR` rather than a `rendered` state flipped from an effect: the\n // state version answered `false` on the first client render too, so every\n // client-rendered tree paid a second commit — and its trigger a remount —\n // one task after everything watching the mount had called it finished.\n if (isSSR) {\n return (\n <>\n {isFunction\n ? children({}, { current: null } as unknown as RefObject<HTMLElement>)\n : children}\n </>\n ) as ReactElement;\n }\n\n // Both patterns pass through to TooltipTrigger\n // The difference is whether we pass function or element as first child\n return (\n <TooltipTrigger\n {...otherProps}\n isDisabled={isDisabled}\n disableFocusableProvider={isFunction}\n >\n {isFunction \|\|\n isValidElement(children) \|\|\n typeof children === 'string' ? (\n children\n ) : (\n <>{children}</>\n )}\n {isDisabled ? (\n <div />\n ) : (\n <Tooltip\n styles={tooltipStyles}\n {...(width ? { width } : null)}\n {...(qa ? { qa } : null)}\n >\n {title}\n </Tooltip>\n )}\n </TooltipTrigger>\n );\n}\n"],"mappings":"~~;;;;;;;;;AAyBA~~,SAAOkB,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,~~GAAA~~;CACL,MAAAC,QAAcjB,~~UAAU~~;~~CAAC~~,IAAAQ;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAP;CAAA,IAAAH;CAAA,IAAAC;CAAA,IAAAC;~~AAAA~~,~~KAAAI~~,EAAA,OAAAD,OAAA;~~AACzB~~,~~GAAA~~,CAAAL,OAAAD,UAAAE,eAAAC,OAAAC,IAAAM,~~eAAAC~~,cAQIL;~~AAAMC~~,~~IAAA~~,KAAAD;~~AAAAC~~,~~IAAA~~,KAAAP;~~AAAAO~~,~~IAAA~~,KAAAG;~~AAAAH~~,~~IAAA~~,KAAAI;~~AAAAJ~~,~~IAAA~~,KAAAH;~~AAAAG~~,~~IAAA~~,KAAAN;~~AAAAM~~,~~IAAA~~,KAAAL;~~AAAAK~~,~~IAAA~~,KAAAJ;~~QAAA~~;~~AAAAH~~,~~aAAAO~~,EAAA;~~AAAAG~~,~~eAAAH~~,EAAA;~~AAAAI~~,~~eAAAJ~~,EAAA;~~AAAAH~~,~~OAAAG~~,EAAA;~~AAAAN~~,~~UAAAM~~,EAAA;~~AAAAL~~,~~kBAAAK~~,EAAA;~~AAAAJ~~,~~UAAAI~~,EAAA;;CAEV,MAAAK,aAAmB,OAAOZ,aAAa;~~AAQvC~~,~~KAAIS~~,OAAK;EAAA,IAAAI;~~AAAA~~,~~MAAAN~~,EAAA,OAAAP,YAAAO,EAAA,OAAAK,YAAA;~~AAGFC~~,~~QAAAD~~,aACGZ,SAAS,~~EAAE~~,~~EAAE~~,EAAAc,SAAW,~~MAAM~~,CACtB,~~GAFXd~~;~~AAEWO~~,~~KAAA~~,KAAAP;~~AAAAO~~,~~KAAA~~,KAAAK;~~AAAAL~~,~~KAAA~~,MAAAM;~~QAAAA~~,~~MAAAN~~,EAAA;EAAA,IAAAS;~~AAAA~~,~~MAAAT~~,EAAA,QAAAM,IAAA;~~AAHdG~~,~~QAAA~~,~~4CACGH~~,~~KAGA~~;~~AAAAN~~,~~KAAA~~,MAAAM;~~AAAAN~~,~~KAAA~~,MAAAS;~~QAAAA~~,~~MAAAT~~,EAAA;~~AAAA~~,~~SAJHS;;CAMH~~,IAAAH;~~AAAA~~,~~KAAAN~~,EAAA,QAAAP,YAAAO,EAAA,QAAAK,YAAA;~~AAUIC~~,~~OAAAD~~,cACDxB,eAAeY,~~SACa~~,~~IAA5B~~,OAAOA,aAAa,WAFnBA,WAAA,~~kCAKIA~~,~~WACJ~~;~~AAAAO~~,~~IAAA~~,MAAAP;~~AAAAO~~,~~IAAA~~,MAAAK;~~AAAAL~~,~~IAAA~~,MAAAM;OAAAA,~~MAAAN~~,EAAA;CAAA,IAAAS;~~AAAA~~,~~KAAAT~~,EAAA,QAAAG,cAAAH,EAAA,QAAAH,MAAAG,EAAA,QAAAN,SAAAM,EAAA,QAAAL,iBAAAK,EAAA,QAAAJ,OAAA;~~AACAa~~,~~OAAAN~~,aACC,oBAAA,~~UASD~~,~~GAPC~~,~~oBAAC~~;~~GACSR~~,QAAAA;GAAa,GAChBC,QAAA,EAAAA,~~OAAwB~~,~~GAAxB~~;GAAwB,GACxBC,KAAA,EAAAA,~~IAAkB~~,~~GAAlB~~;~~aAEJH~~;~~IAEJ~~;~~AAAAM~~,~~IAAA~~,MAAAG;~~AAAAH~~,~~IAAA~~,MAAAH;~~AAAAG~~,~~IAAA~~,MAAAN;~~AAAAM~~,~~IAAA~~,MAAAL;~~AAAAK~~,~~IAAA~~,MAAAJ;~~AAAAI~~,~~IAAA~~,MAAAS;OAAAA,~~MAAAT~~,EAAA;CAAA,IAAAU;~~AAAA~~,~~KAAAV~~,EAAA,QAAAG,cAAAH,EAAA,QAAAK,cAAAL,EAAA,QAAAI,cAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAS,IAAA;~~AAtBHC~~,~~OAAA~~,qBAAC;~~GAAc~~,GACTN;GACQD;GACcE,0BAAAA;~~cAEzBC~~,IAOAG~~;IAWc;AAAAT~~,~~IAAA~~,MAAAG;~~AAAAH~~,~~IAAA~~,MAAAK;~~AAAAL~~,~~IAAA~~,MAAAI;~~AAAAJ~~,~~IAAA~~,MAAAM;~~AAAAN~~,~~IAAA~~,MAAAS;~~AAAAT~~,~~IAAA~~,MAAAU;OAAAA,~~MAAAV~~,EAAA;~~AAAA~~,~~QAvBjBU~~"}
1	+ {"version":3,"file":"TooltipProvider.js","names":["Styles","isValidElement","ReactElement","ReactNode","RefObject","useIsSSR","CubeTooltipProps","Tooltip","CubeTooltipTriggerProps","TooltipTrigger","TooltipTriggerFunction","CubeTooltipProviderProps","Omit","children","title","tooltipStyles","width","qa","TooltipProvider","props","$","_c","isSSR","isDisabled","otherProps","isFunction","t0","current","HTMLElement","t1","t2","_c","Tooltip"],"sources":["../../../../src/components/overlays/Tooltip/TooltipProvider.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { isValidElement, ReactElement, ReactNode, RefObject } from 'react';\nimport { useIsSSR } from 'react-aria';\n\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\nimport {\n CubeTooltipTriggerProps,\n TooltipTrigger,\n TooltipTriggerFunction,\n} from './TooltipTrigger';\n\nexport interface CubeTooltipProviderProps extends Omit<\n CubeTooltipTriggerProps,\n 'children'\n> {\n children: ReactNode \| TooltipTriggerFunction;\n title?: ReactNode;\n tooltipStyles?: Styles;\n width?: CubeTooltipProps['width'];\n /*\n `data-qa` for the rendered tooltip, so a test can pick out this control's\n * tooltip rather than whichever one is open. Also accepted in the `tooltip`\n * object of components that build a provider from it.\n */\n qa?: string;\n}\n\nexport function TooltipProvider(props: CubeTooltipProviderProps): ReactElement {\n const isSSR = useIsSSR();\n const {\n title,\n children,\n tooltipStyles,\n width,\n qa,\n isDisabled,\n ...otherProps\n } = props;\n\n const isFunction = typeof children === 'function';\n\n // Render without the tooltip on the server, and while hydrating it.\n //\n // `useIsSSR` rather than a `rendered` state flipped from an effect: the\n // state version answered `false` on the first client render too, so every\n // client-rendered tree paid a second commit — and its trigger a remount —\n // one task after everything watching the mount had called it finished.\n if (isSSR) {\n return (\n <>\n {isFunction\n ? children({}, { current: null } as unknown as RefObject<HTMLElement>)\n : children}\n </>\n ) as ReactElement;\n }\n\n // Both patterns pass through to TooltipTrigger\n // The difference is whether we pass function or element as first child\n return (\n <TooltipTrigger\n {...otherProps}\n isDisabled={isDisabled}\n disableFocusableProvider={isFunction}\n >\n {isFunction \|\|\n isValidElement(children) \|\|\n typeof children === 'string' ? (\n children\n ) : (\n <>{children}</>\n )}\n {isDisabled ? (\n <div />\n ) : (\n <Tooltip\n styles={tooltipStyles}\n {...(width ? { width } : null)}\n {...(qa ? { qa } : null)}\n >\n {title}\n </Tooltip>\n )}\n </TooltipTrigger>\n );\n}\n"],"mappings":";;;;;;;;AA2BA,SAAOkB,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAAC,QAAcjB,SAAS;CAAE,IAAAQ;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAP;CAAA,IAAAH;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAI,EAAA,OAAAD,OAAA;EACzB,CAAA,CAAAL,OAAAD,UAAAE,eAAAC,OAAAC,IAAAM,YAAA,GAAAC,cAQIL;EAAMC,EAAA,KAAAD;EAAAC,EAAA,KAAAP;EAAAO,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAH;EAAAG,EAAA,KAAAN;EAAAM,EAAA,KAAAL;EAAAK,EAAA,KAAAJ;CAAA,OAAA;EAAAH,WAAAO,EAAA;EAAAG,aAAAH,EAAA;EAAAI,aAAAJ,EAAA;EAAAH,KAAAG,EAAA;EAAAN,QAAAM,EAAA;EAAAL,gBAAAK,EAAA;EAAAJ,QAAAI,EAAA;CAAA;CAEV,MAAAK,aAAmB,OAAOZ,aAAa;CAQvC,IAAIS,OAAK;EAAA,IAAAI;EAAA,IAAAN,EAAA,OAAAP,YAAAO,EAAA,OAAAK,YAAA;GAGFC,KAAAD,aACGZ,SAAS,CAAC,GAAG,EAAAc,SAAW,KAAK,CACtB,IAFVd;GAEWO,EAAA,KAAAP;GAAAO,EAAA,KAAAK;GAAAL,EAAA,MAAAM;EAAA,OAAAA,KAAAN,EAAA;EAAA,IAAAS;EAAA,IAAAT,EAAA,QAAAM,IAAA;GAHdG,KAAA,oBAAA,YAAA,EAAA,UACGH,GAEW,CAAA;GACXN,EAAA,MAAAM;GAAAN,EAAA,MAAAS;EAAA,OAAAA,KAAAT,EAAA;EAAA,OAJHS;CAKe;CAClB,IAAAH;CAAA,IAAAN,EAAA,QAAAP,YAAAO,EAAA,QAAAK,YAAA;EAUIC,KAAAD,cACDxB,eAAeY,QAAQ,KACvB,OAAOA,aAAa,WAFnBA,WAAA,oBAAA,YAAA,EAKIA,SAAQ,CAAA;EACZO,EAAA,MAAAP;EAAAO,EAAA,MAAAK;EAAAL,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,QAAAG,cAAAH,EAAA,QAAAH,MAAAG,EAAA,QAAAN,SAAAM,EAAA,QAAAL,iBAAAK,EAAA,QAAAJ,OAAA;EACAa,KAAAN,aACC,oBAAA,OAAA,CAAO,CAAA,IAEP,oBAACS,UAAD;GACUjB,QAAAA;GAAa,GAChBC,QAAA,EAAAA,MAAuB,IAAvB;GAAwB,GACxBC,KAAA,EAAAA,GAAiB,IAAjB;GAEJH,UAAAA;EALK,CAAA;EAOTM,EAAA,MAAAG;EAAAH,EAAA,MAAAH;EAAAG,EAAA,MAAAN;EAAAM,EAAA,MAAAL;EAAAK,EAAA,MAAAJ;EAAAI,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,QAAAG,cAAAH,EAAA,QAAAK,cAAAL,EAAA,QAAAI,cAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAS,IAAA;EAtBHC,KAAA,qBAAC,gBAAD;GAAe,GACTN;GACQD;GACcE,0BAAAA;GAH5B,UAAA,CAKGC,IAOAG,EAZY;;EAuBET,EAAA,MAAAG;EAAAH,EAAA,MAAAK;EAAAL,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAS;EAAAT,EAAA,MAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAA,OAvBjBU;AAuBiB"}

package/dist/components/overlays/Tooltip/TooltipTrigger.d.ts CHANGED Viewed

@@ -1,11 +1,9 @@
-import * as react from "react";
 import { HTMLAttributes, ReactElement, ReactNode, RefObject } from "react";
 import { Placement, TooltipTriggerProps } from "react-aria";
 //#region src/components/overlays/Tooltip/TooltipTrigger.d.ts
-type TooltipTriggerFunction = (triggerProps: HTMLAttributes<HTMLElement>, ref: RefObject<HTMLElement>) => ReactNode;
-interface CubeTooltipTriggerProps extends TooltipTriggerProps {
+export type TooltipTriggerFunction = (triggerProps: HTMLAttributes<HTMLElement>, ref: RefObject<HTMLElement>) => ReactNode;
+export interface CubeTooltipTriggerProps extends TooltipTriggerProps {
   children: [ReactElement | string | TooltipTriggerFunction, ReactElement];
   crossOffset?: number;
   offset?: number;
@@ -54,7 +52,6 @@ interface CubeTooltipTriggerProps extends TooltipTriggerProps {
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
  * relative to the trigger.
  */
-declare function TooltipTrigger(props: CubeTooltipTriggerProps): react.JSX.Element;
+export declare function TooltipTrigger(props: CubeTooltipTriggerProps): import("react").JSX.Element;
 //#endregion
-export { CubeTooltipTriggerProps, TooltipTrigger, TooltipTriggerFunction };
 //# sourceMappingURL=TooltipTrigger.d.ts.map

package/dist/components/overlays/Tooltip/TooltipTrigger.js CHANGED Viewed

@@ -1,12 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { TooltipContext } from "./context.js";
-import { _Tooltip } from "./Tooltip.js";
+import { Tooltip as _Tooltip } from "./Tooltip.js";
 import { isFocusRestoration } from "../../../utils/react/programmaticFocus.js";
 import { Block } from "../../Block.js";
-import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";
+import { ActiveZone as _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
 import { c } from "react/compiler-runtime";
@@ -15,7 +15,6 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useOverlayPosition, useTooltipTrigger } from "react-aria";
 import { FocusableProvider } from "@react-aria/focus";
 import { useTooltipTriggerState } from "react-stately";
 //#region src/components/overlays/Tooltip/TooltipTrigger.tsx
 const TooltipPositionContext = createContext(null);
 function TooltipTransition(props) {
@@ -276,7 +275,7 @@ function TooltipTrigger(props) {
 		children: triggerContent
 	});
 }
 //#endregion
 export { TooltipTrigger };
 //# sourceMappingURL=TooltipTrigger.js.map

package/dist/components/overlays/Tooltip/TooltipTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","Children","ContextType","createContext","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useContext","useEffectEvent","useRef","useState","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","useLayoutEffect","Block","ActiveZone","DisplayTransition","DisplayTransitionProps","Portal","TooltipContext","CubeTooltipProps","Tooltip","TooltipPositionOptions","Pick","Parameters","onClose","TooltipPositionContext","TooltipTransition","props","$","_c","hasShown","setHasShown","isShown","t0","Box","DOMRect","overlaps","a","b","bottom","top","right","left","isInView","trigger","Element","scrolled","EventTarget","rect","getBoundingClientRect","viewport","window","innerHeight","innerWidth","PositionedTooltip","tooltip","contextValue","t1","options","overlayProps","arrowProps","placement","updatePosition","t2","targetRef","current","event","target","Node","contains","HTMLInputElement","HTMLTextAreaElement","onScroll","t3","isOpen","listener","event_0","addEventListener","removeEventListener","t4","t5","t6","t7","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","P","isEmptyTooltip","type","toArray","children","every","child","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","crossOffset","offset","isMaterial","isLight","activeWrap","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","disableFocusableProvider","TooltipTrigger","externalRef","triggerAction","shouldCloseOnPress","undefined","rawChildrenArray","Array","isArray","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","state","isTooltipDisabled","rawTriggerProps","tooltipProps","onFocus","close","positionOptions","shouldFlip","tooltipContextValue","tooltipContent","phase","transitionRef","Symbol","for","onClick","e","currentTarget","parentNode","click","t8","triggerContent"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n Children,\n ContextType,\n createContext,\n FocusEvent,\n HTMLAttributes,\n isValidElement,\n ReactElement,\n ReactNode,\n RefObject,\n useContext,\n useEffectEvent,\n useRef,\n useState,\n} from 'react';\nimport {\n Placement,\n TooltipTriggerProps,\n useOverlayPosition,\n useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport {\n DisplayTransition,\n DisplayTransitionProps,\n} from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\n\ntype TooltipPositionOptions = Pick<\n Parameters<typeof useOverlayPosition>[0],\n \| 'placement'\n \| 'targetRef'\n \| 'overlayRef'\n \| 'offset'\n \| 'crossOffset'\n \| 'isOpen'\n \| 'shouldFlip'\n> & {\n onClose: () => void;\n};\n\n// DisplayTransition preserves its last shown render prop during exit. Position\n// subscriptions must still see the current target, configuration and open state.\nconst TooltipPositionContext = createContext<TooltipPositionOptions>(null!);\n\nfunction TooltipTransition(\n props: Pick<DisplayTransitionProps, 'children' \| 'isShown'>,\n) {\n const [hasShown, setHasShown] = useState(props.isShown);\n\n // Once opened, retain the transition owner through closing and reopening.\n // A never-opened tooltip has no animation resources to maintain.\n if (props.isShown && !hasShown) setHasShown(true);\n if (!hasShown && !props.isShown) return null;\n\n return <DisplayTransition {...props} />;\n}\n\ntype Box = Pick<DOMRect, 'top' \| 'right' \| 'bottom' \| 'left'>;\n\nfunction overlaps(a: Box, b: Box) {\n return (\n a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right\n );\n}\n\n/*\n Whether the trigger is still visible after `scrolled` scrolled: it overlaps\n * the viewport and, when an element scrolled, that element's box.\n /\nfunction isInView(trigger: Element, scrolled: EventTarget \| null) {\n const rect = trigger.getBoundingClientRect();\n const viewport = {\n top: 0,\n left: 0,\n bottom: window.innerHeight,\n right: window.innerWidth,\n };\n\n return (\n overlaps(rect, viewport) &&\n (!(scrolled instanceof Element) \|\|\n overlaps(rect, scrolled.getBoundingClientRect()))\n );\n}\n\nfunction PositionedTooltip({\n tooltip,\n contextValue,\n}: {\n tooltip: ReactElement;\n contextValue: ContextType<typeof TooltipContext>;\n}) {\n const { onClose, ...options } = useContext(TooltipPositionContext);\n const { overlayProps, arrowProps, placement, updatePosition } =\n useOverlayPosition(options);\n\n // A scroll of the page or of an element that contains the trigger moves the\n // trigger. The tooltip follows it while it stays in view, and closes once it\n // is scrolled out. Closing on any scroll, as a popover does, would close the\n // tooltip a keyboard user just opened: focus scrolls a trigger into view —\n // the browser at once, a list a frame later — and the scroll is reported\n // after the tooltip opened.\n const onScroll = useEffectEvent((event: Event) => {\n const trigger = options.targetRef.current;\n const { target } = event;\n\n if (\n !trigger \|\|\n (target instanceof Node && !target.contains(trigger)) \|\|\n // A text field scrolls its own text to keep the caret in view.\n target instanceof HTMLInputElement \|\|\n target instanceof HTMLTextAreaElement\n ) {\n return;\n }\n\n if (isInView(trigger, target)) {\n updatePosition();\n } else {\n onClose();\n }\n });\n\n // Subscribed at commit, with the positioning, so a scroll reported on the\n // next frame is never missed.\n useLayoutEffect(() => {\n if (!options.isOpen) return;\n\n const listener = (event: Event) => onScroll(event);\n\n window.addEventListener('scroll', listener, true);\n\n return () => window.removeEventListener('scroll', listener, true);\n }, [options.isOpen]);\n\n return (\n <TooltipContext.Provider\n value={{\n ...contextValue,\n placement: placement \|\| options.placement \|\| 'top',\n overlayProps,\n arrowProps,\n updatePosition,\n }}\n >\n {tooltip}\n </TooltipContext.Provider>\n );\n}\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n return typeof value === 'function';\n}\n\nfunction isReactElement<P = unknown>(value: unknown): value is ReactElement<P> {\n return isValidElement(value);\n}\n\n/\n Whether a `Tooltip` has nothing to show. The docs turn a tooltip off with\n * `title={null}`, and opening it anyway drew an empty bubble and described the\n * trigger by it. Only a `Tooltip` is inspected: another component may render\n * content of its own.\n /\nfunction isEmptyTooltip(tooltip: ReactElement<CubeTooltipProps>): boolean {\n return (\n tooltip.type === Tooltip &&\n Children.toArray(tooltip.props.children).every((child) => child === '')\n );\n}\n\nexport type TooltipTriggerFunction = (\n triggerProps: HTMLAttributes<HTMLElement>,\n ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n children: [ReactElement \| string \| TooltipTriggerFunction, ReactElement];\n crossOffset?: number;\n offset?: number;\n placement?: Placement;\n isMaterial?: boolean;\n isLight?: boolean;\n /\n @deprecated Use function-as-first-child pattern instead.\n * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n * Otherwise, tooltip won't work.\n /\n activeWrap?: boolean;\n /\n External ref to use instead of internal ref (optional).\n /\n targetRef?: RefObject<HTMLElement>;\n isOpen?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n defaultOpen?: boolean;\n /\n Whether the tooltip should be disabled, independent of the trigger.\n /\n isDisabled?: boolean;\n /\n The delay time for the tooltip to show up.\n * @default 250\n /\n delay?: number;\n /\n The delay time for the tooltip to close.\n * @default 500\n /\n closeDelay?: number;\n /\n By default, opens for both focus and hover. Can be made to open only for focus.\n /\n trigger?: 'focus';\n /\n When true, FocusableProvider won't be applied to the trigger.\n * Useful when trigger already handles focus or uses render props pattern.\n /\n disableFocusableProvider?: boolean;\n}\n\n/\n TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n let {\n children,\n activeWrap,\n targetRef: externalRef,\n crossOffset = DEFAULT_CROSS_OFFSET,\n isDisabled,\n isMaterial,\n isLight,\n offset = DEFAULT_OFFSET,\n trigger: triggerAction,\n delay = 250,\n shouldCloseOnPress,\n isOpen,\n onOpenChange,\n defaultOpen,\n disableFocusableProvider,\n } = props;\n\n // Extract both children without using React.Children.toArray so we don't lose\n // function-as-child (render-prop) which React.Children filters out.\n const rawChildrenArray = Array.isArray(children)\n ? (children as unknown[])\n : ([children] as unknown[]);\n\n const [trigger, tooltip] = rawChildrenArray;\n\n // Type guard the tooltip\n if (!isReactElement<CubeTooltipProps>(tooltip)) {\n throw new Error(\n 'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n );\n }\n\n // Type guard the trigger\n if (\n !isTriggerFunction(trigger) &&\n !isReactElement(trigger) &&\n typeof trigger !== 'string'\n ) {\n throw new Error(\n 'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n );\n }\n\n // Show deprecation warning for activeWrap\n if (activeWrap && isDevEnv()) {\n console.warn(\n 'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n );\n }\n\n let internalRef = useRef<HTMLElement>(null!);\n let tooltipTriggerRef = externalRef ?? internalRef;\n let overlayRef = useRef<HTMLDivElement>(null);\n\n let state = useTooltipTriggerState({ delay, ...props });\n\n // A tooltip with nothing to show is a disabled one.\n const isTooltipDisabled = isDisabled \|\| isEmptyTooltip(tooltip);\n\n let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n {\n // Without it a disabled tooltip still opened — invisibly, since nothing\n // renders it — and while open React Aria's document-level listener eats\n // every `Escape`, so a Dialog under the pointer would not close.\n isDisabled: isTooltipDisabled,\n trigger: triggerAction,\n delay,\n isOpen,\n onOpenChange,\n defaultOpen,\n shouldCloseOnPress,\n },\n state,\n tooltipTriggerRef,\n );\n\n // A tooltip answers a user arriving at the trigger. Focus handed back by a\n // component — a popup returning it to the trigger it came from — is not that\n // arrival, but the DOM event is identical and the modality is still\n // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n // the user's next `Escape` from its own document-level listener, which is\n // how a Dialog ended up needing two presses to close (CUB-4839).\n //\n // Dropping the focus handler rather than closing after the fact: React Aria\n // decides to show inside it, so this never starts and nothing flashes.\n //\n // Covers both restore paths — ours and a `FocusScope`'s — see\n // `programmaticFocus`.\n const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n if (isFocusRestoration()) return;\n\n rawTriggerProps.onFocus?.(event);\n });\n\n const triggerProps = {\n ...rawTriggerProps,\n onFocus,\n // A controlled `isOpen` still opens a disabled tooltip's state, and nothing\n // is rendered to describe the trigger by.\n 'aria-describedby': isTooltipDisabled\n ? undefined\n : rawTriggerProps['aria-describedby'],\n };\n\n const positionOptions: TooltipPositionOptions = {\n placement: props.placement \|\| 'top',\n targetRef: tooltipTriggerRef,\n overlayRef,\n offset,\n crossOffset,\n isOpen: state.isOpen,\n // Documented on `Tooltip`, which renders inside the positioned layer, so\n // it is read from the element here.\n shouldFlip: tooltip.props.shouldFlip,\n // Called once a scroll carries the trigger out of view.\n onClose: () => state.close(true),\n };\n\n const tooltipContextValue = {\n state,\n ref: overlayRef,\n isMaterial,\n isLight,\n ...tooltipProps,\n };\n\n // Closed triggers retain their interaction state, but positioning resources\n // belong to the overlay's visible/closing lifetime rather than every label.\n const tooltipContent = (\n <TooltipPositionContext.Provider value={positionOptions}>\n <TooltipTransition isShown={state.isOpen && !isTooltipDisabled}>\n {({ phase, isShown, ref: transitionRef }) => (\n <Portal>\n <PositionedTooltip\n tooltip={tooltip}\n contextValue={{\n ...tooltipContextValue,\n phase,\n isShown,\n ref: overlayRef,\n transitionRef,\n }}\n />\n </Portal>\n )}\n </TooltipTransition>\n </TooltipPositionContext.Provider>\n );\n\n // Function trigger pattern (new)\n if (isTriggerFunction(trigger)) {\n return (\n <>\n {trigger(triggerProps, tooltipTriggerRef)}\n {tooltipContent}\n </>\n );\n }\n\n // Legacy element/string trigger pattern\n if (!activeWrap && typeof trigger === 'string') {\n console.warn(\n 'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n );\n\n return <Block>{trigger}</Block>;\n }\n\n function onClick(e) {\n e?.currentTarget?.parentNode.click();\n }\n\n const triggerContent = (\n <>\n {activeWrap ? (\n <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n ) : (\n trigger\n )}\n {tooltipContent}\n </>\n );\n\n if (disableFocusableProvider) {\n return triggerContent;\n }\n\n return (\n <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n {triggerContent}\n </FocusableProvider>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsDA,MAAMmC,yBAAyBhC,cAAsC,KAAM;AAE3E,SAAAiC,kBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAGE,MAAA,CAAAC,UAAAC,eAAgC5B,SAASwB,MAAKK,QAAS;AAIvD,KAAIL,MAAKK,WAAL,CAAkBF,SAAUC,aAAY,KAAK;AACjD,KAAI,CAACD,YAAD,CAAcH,MAAKK,QAAQ,QAAS;CAAK,IAAAC;AAAA,KAAAL,EAAA,OAAAD,OAAA;AAEtCM,OAAA,oBAAC,qBAAiB,GAAKN,QAAS;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAAhCK;;AAKT,SAASG,SAASC,GAAQC,GAAQ;AAChC,QACED,EAAEE,SAASD,EAAEE,OAAOH,EAAEG,MAAMF,EAAEC,UAAUF,EAAEI,QAAQH,EAAEI,QAAQL,EAAEK,OAAOJ,EAAEG;;;;;;AAQ3E,SAASE,SAASC,SAAkBE,UAA8B;CAChE,MAAME,OAAOJ,QAAQK,uBAAuB;AAQ5C,QACEb,SAASY,MARM;EACfR,KAAK;EACLE,MAAM;EACNH,QAAQY,OAAOC;EACfX,OAAOU,OAAOE;EACf,CAGyB,KACvB,EAAEP,oBAAoBD,YACrBT,SAASY,MAAMF,SAASG,uBAAuB,CAAC;;AAItD,SAAAK,kBAAArB,IAAA;CAAA,MAAAL,IAAAC,EAAA,GAAA;CAA2B,MAAA,EAAA0B,SAAAC,iBAAAvB;CAOO,MAAAwB,KAAAzD,WAAWyB,uBAAuB;CAAA,IAAAD;CAAA,IAAAkC;AAAA,KAAA9B,EAAA,OAAA6B,IAAA;AAAlE,GAAA,CAAAjC,YAAAkC,WAAgCD;AAAmC7B,IAAA,KAAA6B;AAAA7B,IAAA,KAAAJ;AAAAI,IAAA,KAAA8B;QAAA;AAAAlC,YAAAI,EAAA;AAAA8B,YAAA9B,EAAA;;CACnE,MAAA,EAAA+B,cAAAC,YAAAC,WAAAC,mBACExD,mBAAmBoD,QAAQ;CAAC,IAAAK;AAAA,KAAAnC,EAAA,OAAAJ,WAAAI,EAAA,OAAA8B,QAAAM,UAAAC,WAAArC,EAAA,OAAAkC,gBAAA;AAQEC,QAAAG,UAAA;GAC9B,MAAAtB,UAAgBc,QAAOM,UAAUC;GACjC,MAAA,EAAAE,WAAmBD;AAEnB,OACE,CAACtB,WACAuB,kBAAkBC,QAAlB,CAA2BD,OAAME,SAAUzB,QAEV,IAAlCuB,kBAAkBG,oBAClBH,kBAAkBI,oBAAmB;AAKvC,OAAI5B,SAASC,SAASuB,OAAO,CAC3BL,iBAAgB;OAEhBtC,UAAS;;AAEZI,IAAA,KAAAJ;AAAAI,IAAA,KAAA8B,QAAAM,UAAAC;AAAArC,IAAA,KAAAkC;AAAAlC,IAAA,KAAAmC;OAAAA,MAAAnC,EAAA;CAnBD,MAAA4C,WAAiBvE,eAAe8D,GAmB9B;CAAC,IAAAU;AAAA,KAAA7C,EAAA,OAAA4C,YAAA5C,EAAA,OAAA8B,QAAAgB,QAAA;AAIaD,aAAA;AACd,OAAI,CAACf,QAAOgB,OAAO;GAEnB,MAAAC,YAAiBC,YAAkBJ,SAASN,QAAM;AAElDf,UAAM0B,iBAAkB,UAAUF,UAAU,KAAK;AAAA,gBAEpCxB,OAAM2B,oBAAqB,UAAUH,UAAU,KAAK;;AAClE/C,IAAA,KAAA4C;AAAA5C,IAAA,KAAA8B,QAAAgB;AAAA9C,IAAA,KAAA6C;OAAAA,MAAA7C,EAAA;CAAA,IAAAmD;AAAA,KAAAnD,EAAA,QAAA8B,QAAAgB,QAAA;AAAEK,OAAA,CAACrB,QAAOgB,OAAQ;AAAA9C,IAAA,MAAA8B,QAAAgB;AAAA9C,IAAA,MAAAmD;OAAAA,MAAAnD,EAAA;AARnBhB,mBAAgB6D,IAQbM,GAAiB;CAMH,MAAAC,KAAAnB,aAAaH,QAAOG,aAApB;CAAuC,IAAAoB;AAAA,KAAArD,EAAA,QAAAgC,cAAAhC,EAAA,QAAA4B,gBAAA5B,EAAA,QAAA+B,gBAAA/B,EAAA,QAAAoD,MAAApD,EAAA,QAAAkC,gBAAA;AAF7CmB,OAAA;GAAA,GACFzB;GAAYK,WACJmB;GAAuCrB;GAAAC;GAAAE;GAInD;AAAAlC,IAAA,MAAAgC;AAAAhC,IAAA,MAAA4B;AAAA5B,IAAA,MAAA+B;AAAA/B,IAAA,MAAAoD;AAAApD,IAAA,MAAAkC;AAAAlC,IAAA,MAAAqD;OAAAA,MAAArD,EAAA;CAAA,IAAAsD;AAAA,KAAAtD,EAAA,QAAAqD,MAAArD,EAAA,QAAA2B,SAAA;AAPH2B,OAAA,oBAAA,eAAA;GACS,OAAAD;aAQN1B;IACuB;AAAA3B,IAAA,MAAAqD;AAAArD,IAAA,MAAA2B;AAAA3B,IAAA,MAAAsD;OAAAA,MAAAtD,EAAA;AAAA,QAV1BsD;;AAcJ,MAAMC,iBAAiB;AACvB,MAAMC,uBAAuB;AAG7B,SAASC,kBAAkBC,OAAiD;AAC1E,QAAO,OAAOA,UAAU;;AAG1B,SAASE,eAA4BF,OAA0C;AAC7E,QAAO1F,eAAe0F,MAAM;;;;;;;;AAS9B,SAASI,eAAenC,SAAkD;AACxE,QACEA,QAAQoC,SAASvE,YACjB7B,SAASqG,QAAQrC,QAAQ5B,MAAMkE,SAAS,CAACC,OAAOC,UAAUA,UAAU,GAAG;;;;;;;AA2D3E,SAAOgB,eAAApF,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAgE,UAAAW,YAAAxC,WAAAgD,aAAAZ,aAAAnE,IAAA0E,YAAAL,YAAAC,SAAAF,QAAA5C,IAAAb,SAAAqE,eAAAL,OAAA7C,IAAAmD,oBAAAxC,QAAA+B,cAAAC,aAAAI,6BAgBInF;CAZF,MAAAyE,cAAAnE,OAAAkF,SAAA/B,uBAAAnD;CAIA,MAAAoE,SAAA5C,OAAA0D,SAAAhC,iBAAA1B;CAEA,MAAAmD,QAAA7C,OAAAoD,SAAA,MAAApD;CAcF,MAAA,CAAAnB,SAAAW,WAJyB8D,MAAKC,QAASzB,SAEV,GADxBA,WACA,CAACA,SAAS;AAKf,KAAI,CAACL,eAAiCjC,QAAQ,CAC5C,OAAM,IAAIgE,MACR,sGACD;AAIH,KACE,CAAClC,kBAAkBzC,QACK,IADxB,CACC4C,eAAe5C,QACW,IAA3B,OAAOA,YAAY,SAEnB,OAAM,IAAI2E,MACR,gGACD;AAIH,KAAIf,cAAc9F,UAAU,CAC1B8G,SAAOC,KACL,+FACD;CAGH,MAAAC,cAAkBxH,OAAoB,KAAM;CAC5C,MAAAyH,oBAAwBX,eAAAU;CACxB,MAAAE,aAAiB1H,OAAuB,KAAK;CAAC,IAAAuE;AAAA,KAAA7C,EAAA,OAAAgF,SAAAhF,EAAA,OAAAD,OAAA;AAEX8C,OAAA;GAAAmC;GAAA,GAAYjF;GAAO;AAAAC,IAAA,KAAAgF;AAAAhF,IAAA,KAAAD;AAAAC,IAAA,KAAA6C;OAAAA,MAAA7C,EAAA;CAAtD,MAAAiG,QAAYrH,uBAAuBiE,GAAoB;CAGvD,MAAAqD,oBAA0BnB,cAAcjB,eAAenC,QAAQ;CAE/D,MAAA,EAAAyC,cAAA+B,iBAAAC,iBAAsDzH,kBACpD;EAAAoG,YAIcmB;EAAiBlF,SACpBqE;EAAaL;EAAAlC;EAAA+B;EAAAC;EAAAQ;EAMvB,EACDW,OACAF,kBACD;CAAC,IAAA5C;AAAA,KAAAnD,EAAA,OAAAmG,iBAAA;AAcuBhD,QAAAb,UAAA;AACvB,OAAIvD,oBAAoB,CAAA;AAExBoH,mBAAeE,UAAW/D,MAAM;;AACjCtC,IAAA,KAAAmG;AAAAnG,IAAA,KAAAmD;OAAAA,MAAAnD,EAAA;CAJD,MAAAqG,UAAgBxH,SAASsE,GAIvB;CAEF,MAAAiB,eAAqB;EAAA,GAChB+B;EAAeE;EAAA,oBAIEH,oBAAAX,SAEhBY,gBAAgB;EACrB;CAAC,IAAA/C;AAAA,KAAApD,EAAA,OAAAiG,OAAA;AAaS7C,aAAM6C,MAAKK,MAAO,KAAK;AAAAtG,IAAA,KAAAiG;AAAAjG,IAAA,KAAAoD;OAAAA,MAAApD,EAAA;CAXlC,MAAAuG,kBAAgD;EAAAtE,WACnClC,MAAKkC,aAAL;EAAwBG,WACxB2D;EAAiBC;EAAAvB;EAAAD;EAAA1B,QAIpBmD,MAAKnD;EAAO0D,YAGR7E,QAAO5B,MAAMyG;EAAW5G,SAE3BwD;EACV;CAED,MAAAqD,sBAA4B;EAAAR;EAAA3B,KAErB0B;EAAUtB;EAAAC;EAAA,GAGZyB;EACJ;CAID,MAAAM,iBACE,oBAAA,uBAAA;EAAwCH,OAAAA;YACtC,oBAAC;GAA2B,SAAAN,MAAKnD,UAAL,CAAiBoD;cAC1C7C,OAAA;IAAC,MAAA,EAAAsD,OAAAvG,SAAAkE,KAAAsC,kBAAAvD;AAAsC,WACtC,oBAAC,oBACC,oBAAC;KACU1B;KACK,cAAA;MAAA,GACT8E;MAAmBE;MAAAvG;MAAAkE,KAGjB0B;MAAUY;MAEjB;MAEJ,GAAS;;IAGf;GAAkC;AAIpC,KAAInD,kBAAkBzC,QAAQ,CAAA,QAE1B,8CACGA,QAAQoD,cAAc2B,kBAAiB,EACvCW,kBACA;AAKP,KAAI,CAAC9B,cAAc,OAAO5D,YAAY,UAAQ;AAC5C4E,UAAOC,KACL,yTACD;EAAA,IAAAvC;AAAA,MAAAtD,EAAA,OAAAgB,SAAA;AAEMsC,QAAA,oBAAC,mBAAOtC,UAAgB;AAAAhB,KAAA,KAAAgB;AAAAhB,KAAA,KAAAsD;QAAAA,MAAAtD,EAAA;AAAA,SAAxBsD;;CACR,IAAAA;AAAA,KAAAtD,EAAA,OAAA6G,OAAAC,IAAA,4BAAA,EAAA;AAEDxD,OAAA,SAAAyD,QAAAC,GAAA;AACEA,MAACC,eAA2BC,WAAMC,OAAE;;AACrCnH,IAAA,KAAAsD;OAAAA,MAAAtD,EAAA;CAFD,MAAA+G,UAAAzD;CAEC,IAAA8D;AAAA,KAAApH,EAAA,QAAA4E,cAAA5E,EAAA,QAAAgB,SAAA;AAIIoG,OAAAxC,aACC,oBAAC;GAAoBmC;aAAU/F;IAGhC,GAJAA;AAIAhB,IAAA,MAAA4E;AAAA5E,IAAA,MAAAgB;AAAAhB,IAAA,MAAAoH;OAAAA,MAAApH,EAAA;CANL,MAAAqH,iBACE,8CACGD,IAKAV,kBACA;AAGL,KAAIxB,yBAAwB,QACnBmC;AACR,QAGC,oBAAC;EAAiB,GAAKjD;EAAmB2B,KAAAA;YACvCsB;GACiB"}
1	+ {"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","Children","ContextType","createContext","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useContext","useEffectEvent","useRef","useState","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","useLayoutEffect","Block","ActiveZone","DisplayTransition","DisplayTransitionProps","Portal","TooltipContext","CubeTooltipProps","Tooltip","TooltipPositionOptions","Pick","Parameters","onClose","TooltipPositionContext","TooltipTransition","props","$","_c","hasShown","setHasShown","isShown","t0","Box","DOMRect","overlaps","a","b","bottom","top","right","left","isInView","trigger","Element","scrolled","EventTarget","rect","getBoundingClientRect","viewport","window","innerHeight","innerWidth","PositionedTooltip","tooltip","contextValue","t1","options","overlayProps","arrowProps","placement","updatePosition","t2","targetRef","current","event","target","Node","contains","HTMLInputElement","HTMLTextAreaElement","onScroll","t3","isOpen","listener","event_0","addEventListener","removeEventListener","t4","t5","t6","t7","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","P","isEmptyTooltip","type","toArray","children","every","child","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","crossOffset","offset","isMaterial","isLight","activeWrap","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","disableFocusableProvider","TooltipTrigger","externalRef","triggerAction","shouldCloseOnPress","undefined","rawChildrenArray","Array","isArray","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","state","isTooltipDisabled","rawTriggerProps","tooltipProps","onFocus","close","positionOptions","shouldFlip","tooltipContextValue","tooltipContent","phase","transitionRef","Symbol","for","onClick","e","currentTarget","parentNode","click","t8","triggerContent","_c","Tooltip","ActiveZone"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n Children,\n ContextType,\n createContext,\n FocusEvent,\n HTMLAttributes,\n isValidElement,\n ReactElement,\n ReactNode,\n RefObject,\n useContext,\n useEffectEvent,\n useRef,\n useState,\n} from 'react';\nimport {\n Placement,\n TooltipTriggerProps,\n useOverlayPosition,\n useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport {\n DisplayTransition,\n DisplayTransitionProps,\n} from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\n\ntype TooltipPositionOptions = Pick<\n Parameters<typeof useOverlayPosition>[0],\n \| 'placement'\n \| 'targetRef'\n \| 'overlayRef'\n \| 'offset'\n \| 'crossOffset'\n \| 'isOpen'\n \| 'shouldFlip'\n> & {\n onClose: () => void;\n};\n\n// DisplayTransition preserves its last shown render prop during exit. Position\n// subscriptions must still see the current target, configuration and open state.\nconst TooltipPositionContext = createContext<TooltipPositionOptions>(null!);\n\nfunction TooltipTransition(\n props: Pick<DisplayTransitionProps, 'children' \| 'isShown'>,\n) {\n const [hasShown, setHasShown] = useState(props.isShown);\n\n // Once opened, retain the transition owner through closing and reopening.\n // A never-opened tooltip has no animation resources to maintain.\n if (props.isShown && !hasShown) setHasShown(true);\n if (!hasShown && !props.isShown) return null;\n\n return <DisplayTransition {...props} />;\n}\n\ntype Box = Pick<DOMRect, 'top' \| 'right' \| 'bottom' \| 'left'>;\n\nfunction overlaps(a: Box, b: Box) {\n return (\n a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right\n );\n}\n\n/*\n Whether the trigger is still visible after `scrolled` scrolled: it overlaps\n * the viewport and, when an element scrolled, that element's box.\n /\nfunction isInView(trigger: Element, scrolled: EventTarget \| null) {\n const rect = trigger.getBoundingClientRect();\n const viewport = {\n top: 0,\n left: 0,\n bottom: window.innerHeight,\n right: window.innerWidth,\n };\n\n return (\n overlaps(rect, viewport) &&\n (!(scrolled instanceof Element) \|\|\n overlaps(rect, scrolled.getBoundingClientRect()))\n );\n}\n\nfunction PositionedTooltip({\n tooltip,\n contextValue,\n}: {\n tooltip: ReactElement;\n contextValue: ContextType<typeof TooltipContext>;\n}) {\n const { onClose, ...options } = useContext(TooltipPositionContext);\n const { overlayProps, arrowProps, placement, updatePosition } =\n useOverlayPosition(options);\n\n // A scroll of the page or of an element that contains the trigger moves the\n // trigger. The tooltip follows it while it stays in view, and closes once it\n // is scrolled out. Closing on any scroll, as a popover does, would close the\n // tooltip a keyboard user just opened: focus scrolls a trigger into view —\n // the browser at once, a list a frame later — and the scroll is reported\n // after the tooltip opened.\n const onScroll = useEffectEvent((event: Event) => {\n const trigger = options.targetRef.current;\n const { target } = event;\n\n if (\n !trigger \|\|\n (target instanceof Node && !target.contains(trigger)) \|\|\n // A text field scrolls its own text to keep the caret in view.\n target instanceof HTMLInputElement \|\|\n target instanceof HTMLTextAreaElement\n ) {\n return;\n }\n\n if (isInView(trigger, target)) {\n updatePosition();\n } else {\n onClose();\n }\n });\n\n // Subscribed at commit, with the positioning, so a scroll reported on the\n // next frame is never missed.\n useLayoutEffect(() => {\n if (!options.isOpen) return;\n\n const listener = (event: Event) => onScroll(event);\n\n window.addEventListener('scroll', listener, true);\n\n return () => window.removeEventListener('scroll', listener, true);\n }, [options.isOpen]);\n\n return (\n <TooltipContext.Provider\n value={{\n ...contextValue,\n placement: placement \|\| options.placement \|\| 'top',\n overlayProps,\n arrowProps,\n updatePosition,\n }}\n >\n {tooltip}\n </TooltipContext.Provider>\n );\n}\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n return typeof value === 'function';\n}\n\nfunction isReactElement<P = unknown>(value: unknown): value is ReactElement<P> {\n return isValidElement(value);\n}\n\n/\n Whether a `Tooltip` has nothing to show. The docs turn a tooltip off with\n * `title={null}`, and opening it anyway drew an empty bubble and described the\n * trigger by it. Only a `Tooltip` is inspected: another component may render\n * content of its own.\n /\nfunction isEmptyTooltip(tooltip: ReactElement<CubeTooltipProps>): boolean {\n return (\n tooltip.type === Tooltip &&\n Children.toArray(tooltip.props.children).every((child) => child === '')\n );\n}\n\nexport type TooltipTriggerFunction = (\n triggerProps: HTMLAttributes<HTMLElement>,\n ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n children: [ReactElement \| string \| TooltipTriggerFunction, ReactElement];\n crossOffset?: number;\n offset?: number;\n placement?: Placement;\n isMaterial?: boolean;\n isLight?: boolean;\n /\n @deprecated Use function-as-first-child pattern instead.\n * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n * Otherwise, tooltip won't work.\n /\n activeWrap?: boolean;\n /\n External ref to use instead of internal ref (optional).\n /\n targetRef?: RefObject<HTMLElement>;\n isOpen?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n defaultOpen?: boolean;\n /\n Whether the tooltip should be disabled, independent of the trigger.\n /\n isDisabled?: boolean;\n /\n The delay time for the tooltip to show up.\n * @default 250\n /\n delay?: number;\n /\n The delay time for the tooltip to close.\n * @default 500\n /\n closeDelay?: number;\n /\n By default, opens for both focus and hover. Can be made to open only for focus.\n /\n trigger?: 'focus';\n /\n When true, FocusableProvider won't be applied to the trigger.\n * Useful when trigger already handles focus or uses render props pattern.\n /\n disableFocusableProvider?: boolean;\n}\n\n/\n TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n let {\n children,\n activeWrap,\n targetRef: externalRef,\n crossOffset = DEFAULT_CROSS_OFFSET,\n isDisabled,\n isMaterial,\n isLight,\n offset = DEFAULT_OFFSET,\n trigger: triggerAction,\n delay = 250,\n shouldCloseOnPress,\n isOpen,\n onOpenChange,\n defaultOpen,\n disableFocusableProvider,\n } = props;\n\n // Extract both children without using React.Children.toArray so we don't lose\n // function-as-child (render-prop) which React.Children filters out.\n const rawChildrenArray = Array.isArray(children)\n ? (children as unknown[])\n : ([children] as unknown[]);\n\n const [trigger, tooltip] = rawChildrenArray;\n\n // Type guard the tooltip\n if (!isReactElement<CubeTooltipProps>(tooltip)) {\n throw new Error(\n 'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n );\n }\n\n // Type guard the trigger\n if (\n !isTriggerFunction(trigger) &&\n !isReactElement(trigger) &&\n typeof trigger !== 'string'\n ) {\n throw new Error(\n 'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n );\n }\n\n // Show deprecation warning for activeWrap\n if (activeWrap && isDevEnv()) {\n console.warn(\n 'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n );\n }\n\n let internalRef = useRef<HTMLElement>(null!);\n let tooltipTriggerRef = externalRef ?? internalRef;\n let overlayRef = useRef<HTMLDivElement>(null);\n\n let state = useTooltipTriggerState({ delay, ...props });\n\n // A tooltip with nothing to show is a disabled one.\n const isTooltipDisabled = isDisabled \|\| isEmptyTooltip(tooltip);\n\n let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n {\n // Without it a disabled tooltip still opened — invisibly, since nothing\n // renders it — and while open React Aria's document-level listener eats\n // every `Escape`, so a Dialog under the pointer would not close.\n isDisabled: isTooltipDisabled,\n trigger: triggerAction,\n delay,\n isOpen,\n onOpenChange,\n defaultOpen,\n shouldCloseOnPress,\n },\n state,\n tooltipTriggerRef,\n );\n\n // A tooltip answers a user arriving at the trigger. Focus handed back by a\n // component — a popup returning it to the trigger it came from — is not that\n // arrival, but the DOM event is identical and the modality is still\n // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n // the user's next `Escape` from its own document-level listener, which is\n // how a Dialog ended up needing two presses to close (CUB-4839).\n //\n // Dropping the focus handler rather than closing after the fact: React Aria\n // decides to show inside it, so this never starts and nothing flashes.\n //\n // Covers both restore paths — ours and a `FocusScope`'s — see\n // `programmaticFocus`.\n const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n if (isFocusRestoration()) return;\n\n rawTriggerProps.onFocus?.(event);\n });\n\n const triggerProps = {\n ...rawTriggerProps,\n onFocus,\n // A controlled `isOpen` still opens a disabled tooltip's state, and nothing\n // is rendered to describe the trigger by.\n 'aria-describedby': isTooltipDisabled\n ? undefined\n : rawTriggerProps['aria-describedby'],\n };\n\n const positionOptions: TooltipPositionOptions = {\n placement: props.placement \|\| 'top',\n targetRef: tooltipTriggerRef,\n overlayRef,\n offset,\n crossOffset,\n isOpen: state.isOpen,\n // Documented on `Tooltip`, which renders inside the positioned layer, so\n // it is read from the element here.\n shouldFlip: tooltip.props.shouldFlip,\n // Called once a scroll carries the trigger out of view.\n onClose: () => state.close(true),\n };\n\n const tooltipContextValue = {\n state,\n ref: overlayRef,\n isMaterial,\n isLight,\n ...tooltipProps,\n };\n\n // Closed triggers retain their interaction state, but positioning resources\n // belong to the overlay's visible/closing lifetime rather than every label.\n const tooltipContent = (\n <TooltipPositionContext.Provider value={positionOptions}>\n <TooltipTransition isShown={state.isOpen && !isTooltipDisabled}>\n {({ phase, isShown, ref: transitionRef }) => (\n <Portal>\n <PositionedTooltip\n tooltip={tooltip}\n contextValue={{\n ...tooltipContextValue,\n phase,\n isShown,\n ref: overlayRef,\n transitionRef,\n }}\n />\n </Portal>\n )}\n </TooltipTransition>\n </TooltipPositionContext.Provider>\n );\n\n // Function trigger pattern (new)\n if (isTriggerFunction(trigger)) {\n return (\n <>\n {trigger(triggerProps, tooltipTriggerRef)}\n {tooltipContent}\n </>\n );\n }\n\n // Legacy element/string trigger pattern\n if (!activeWrap && typeof trigger === 'string') {\n console.warn(\n 'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n );\n\n return <Block>{trigger}</Block>;\n }\n\n function onClick(e) {\n e?.currentTarget?.parentNode.click();\n }\n\n const triggerContent = (\n <>\n {activeWrap ? (\n <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n ) : (\n trigger\n )}\n {tooltipContent}\n </>\n );\n\n if (disableFocusableProvider) {\n return triggerContent;\n }\n\n return (\n <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n {triggerContent}\n </FocusableProvider>\n );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Tooltip/context.js CHANGED Viewed

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import React from "react";
 //#region src/components/overlays/Tooltip/context.ts
 const TooltipContext = React.createContext({});
 //#endregion
 export { TooltipContext };
 //# sourceMappingURL=context.js.map

package/dist/components/overlays/Tooltip/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","names":["React","HTMLAttributes","RefCallback","RefObject","Placement","TooltipTriggerState","PlacementAxis","Props","Phase","TooltipContextProps","state","ref","HTMLDivElement","transitionRef","placement","arrowProps","HTMLElement","overlayProps","isMaterial","isLight","phase","isShown","updatePosition","TooltipContext","createContext"],"sources":["../../../../src/components/overlays/Tooltip/context.ts"],"sourcesContent":["import React, { HTMLAttributes, RefCallback, RefObject } from 'react';\nimport { Placement } from 'react-aria';\nimport { TooltipTriggerState } from 'react-stately';\n\nimport { PlacementAxis } from '../../../shared';\n\nimport type { Props } from '../../../props';\n\ntype Phase = 'enter' \| 'entered' \| 'exit' \| 'unmounted';\n\ninterface TooltipContextProps {\n state?: TooltipTriggerState;\n ref?: RefObject<HTMLDivElement \| null>;\n transitionRef?: RefCallback<HTMLDivElement>;\n placement?: Placement \| PlacementAxis;\n arrowProps?: HTMLAttributes<HTMLElement>;\n overlayProps?: Props;\n isMaterial?: boolean;\n isLight?: boolean;\n phase?: Phase;\n isShown?: boolean;\n updatePosition?: () => void;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n"],"mappings":"~~;;;;~~AAwBA,MAAauB,iBAAiBvB,MAAMwB,cAAmC,~~EAAE~~,CAAC"}
1	+ {"version":3,"file":"context.js","names":["React","HTMLAttributes","RefCallback","RefObject","Placement","TooltipTriggerState","PlacementAxis","Props","Phase","TooltipContextProps","state","ref","HTMLDivElement","transitionRef","placement","arrowProps","HTMLElement","overlayProps","isMaterial","isLight","phase","isShown","updatePosition","TooltipContext","createContext"],"sources":["../../../../src/components/overlays/Tooltip/context.ts"],"sourcesContent":["import React, { HTMLAttributes, RefCallback, RefObject } from 'react';\nimport { Placement } from 'react-aria';\nimport { TooltipTriggerState } from 'react-stately';\n\nimport { PlacementAxis } from '../../../shared';\n\nimport type { Props } from '../../../props';\n\ntype Phase = 'enter' \| 'entered' \| 'exit' \| 'unmounted';\n\ninterface TooltipContextProps {\n state?: TooltipTriggerState;\n ref?: RefObject<HTMLDivElement \| null>;\n transitionRef?: RefCallback<HTMLDivElement>;\n placement?: Placement \| PlacementAxis;\n arrowProps?: HTMLAttributes<HTMLElement>;\n overlayProps?: Props;\n isMaterial?: boolean;\n isLight?: boolean;\n phase?: Phase;\n isShown?: boolean;\n updatePosition?: () => void;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n"],"mappings":";;;AAwBA,MAAauB,iBAAiBvB,MAAMwB,cAAmC,CAAC,CAAC"}