@carto/ps-react-ui 4.1.0 → 4.2.0

package/dist/types/components/basemaps/basemaps.d.ts

@@ -1,3 +1,3 @@
 import { BasemapsUIProps } from './types';
 import { JSX } from 'react';
-export declare function BasemapsUI({ options, labels: _labels, position, selected, onChange, }: BasemapsUIProps): JSX.Element;
+export declare function BasemapsUI({ options, labels: _labels, position, selected, onChange, TooltipProps, }: BasemapsUIProps): JSX.Element;

package/dist/types/components/basemaps/types.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/material';
+import { SxProps, Theme, TooltipProps } from '@mui/material';
 export interface BasemapsUILabels {
     toggle: {
         title: string;
@@ -23,4 +23,5 @@ export interface BasemapsUIProps {
     selected: string | null | undefined;
     sx?: SxProps<Theme>;
     onChange: (id: string) => void;
+    TooltipProps?: Omit<TooltipProps, 'title'>;
 }

package/dist/types/components/index.d.ts

@@ -16,3 +16,5 @@ export type { ListDataProps, DataItem } from './list-data/types';
 export { ListDataUI } from './list-data/list-data';
 export { BasemapsUI } from './basemaps/basemaps';
 export type { BasemapsUIProps } from './basemaps/types';
+export { Tooltip, setTooltipEnterDelay } from './tooltip/tooltip';
+export { SmartTooltip } from './smart-tooltip/smart-tooltip';

package/dist/types/components/smart-tooltip/smart-tooltip.d.ts

@@ -0,0 +1,11 @@
+import { TooltipProps } from '@mui/material';
+import { JSX, Ref } from 'react';
+export declare function SmartTooltip<T extends HTMLElement>({ title, dependencies, timeout, TooltipProps, children, }: {
+    title: string | undefined;
+    dependencies?: unknown[];
+    timeout?: number;
+    children: (props: {
+        ref: Ref<T>;
+    }) => JSX.Element;
+    TooltipProps?: Partial<TooltipProps>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/tooltip/tooltip.d.ts

@@ -0,0 +1,13 @@
+import { TooltipProps } from '@mui/material';
+/**
+ * A wrapper around MUI's Tooltip component with enterNextDelay set to 1000ms by default.
+ *
+ * This component ensures consistent tooltip behavior across the application.
+ *
+ * @example
+ * <Tooltip title="This is a tooltip">
+ *   <Button>Hover me</Button>
+ * </Tooltip>
+ */
+export declare function Tooltip({ children, title, enterNextDelay, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function setTooltipEnterDelay(delay: number): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/ps-react-ui",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "CARTO's Professional Service React Material library",
   "type": "module",
   "devDependencies": {