@doist/reactist 33.2.1 → 33.2.2

package/es/tooltip/tooltip.js

@@ -70,19 +70,9 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
   if (!child) {
     return child;
   }
-
-  /* eslint-disable react-hooks/refs */
-  const rawRef = 'ref' in child.props ? child.props.ref :
-  // child.ref access kept for React 18 compatibility
-  child.ref;
-  if (typeof rawRef === 'string') {
-    throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
-  }
-  const childRef = rawRef;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TooltipAnchor, {
     render: child,
-    store: tooltip,
-    ref: childRef
+    store: tooltip
   }), isOpen && content ? /*#__PURE__*/React.createElement(Tooltip$1, {
     store: tooltip,
     gutter: gapSize,
@@ -98,7 +88,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
       textAlign: "center"
     })
   }, withArrow ? /*#__PURE__*/React.createElement(TooltipArrow, null) : null, typeof content === 'function' ? content() : content) : null);
-  /* eslint-enable react-hooks/refs */
 });
 Tooltip.displayName = 'Tooltip';
 

package/es/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tooltip as AriakitTooltip,\n    TooltipAnchor,\n    TooltipArrow,\n    useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { JSX } from 'react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n    showTimeout: number\n    hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n    showTimeout: defaultShowTimeout,\n    hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n    showTimeout = defaultShowTimeout,\n    hideTimeout = defaultHideTimeout,\n    children,\n}: React.PropsWithChildren<{\n    showTimeout?: number\n    hideTimeout?: number\n}>) {\n    const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n    return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n    /**\n     * The element that triggers the tooltip. Generally a button or link.\n     *\n     * It should be an interactive element accessible both via mouse and keyboard interactions.\n     */\n    children: React.ReactNode\n\n    /**\n     * The content to show in the tooltip.\n     *\n     * It can be rich content provided via React elements, or string content. It should not include\n     * interactive elements inside it. This includes links or buttons.\n     *\n     * You can provide a function instead of the content itself. In this case, the function should\n     * return the desired content. This is useful if the content is expensive to generate. It can\n     * also be useful if the content dynamically changes often, so every time you trigger the\n     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n     *\n     * The trigger element will be associated to this content via `aria-describedby`. This means\n     * that the tooltip content will be read by assistive technologies such as screen readers. It\n     * will likely read this content right after reading the trigger element label.\n     */\n    content: React.ReactNode | (() => React.ReactNode)\n\n    /**\n     * How to place the tooltip relative to its trigger element.\n     *\n     * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n     * the vertical or horizontal axis with the trigger.\n     *\n     * The position is enforced whenever possible, but tooltips can appear in different positions\n     * if the specified one would make the tooltip intersect with the viewport edges.\n     *\n     * @default 'top'\n     */\n    position?: TooltipStoreState['placement']\n\n    /**\n     * The separation (in pixels) between the trigger element and the tooltip.\n     * @default 3\n     */\n    gapSize?: number\n\n    /**\n     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n     * trigger element.\n     * @default false\n     */\n    withArrow?: boolean\n\n    /**\n     * The amount of time in milliseconds to wait before showing the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 500\n     */\n    showTimeout?: number\n\n    /**\n     * The amount of time in milliseconds to wait before hiding the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 100\n     */\n    hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n    (\n        {\n            children,\n            content,\n            position = 'top',\n            gapSize = 3,\n            withArrow = false,\n            showTimeout,\n            hideTimeout,\n            exceptionallySetClassName,\n        },\n        ref,\n    ) => {\n        const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n            React.useContext(TooltipContext)\n\n        const tooltip = useTooltipStore({\n            placement: position,\n            showTimeout: showTimeout ?? globalShowTimeout,\n            hideTimeout: hideTimeout ?? globalHideTimeout,\n        })\n\n        React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n        const isOpen = tooltip.useState('open')\n\n        const child = React.Children.only(\n            children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n        )\n\n        if (!child) {\n            return child\n        }\n\n        /* eslint-disable react-hooks/refs */\n        const rawRef =\n            'ref' in child.props\n                ? child.props.ref\n                : // child.ref access kept for React 18 compatibility\n                  (child as { ref?: unknown }).ref\n\n        if (typeof rawRef === 'string') {\n            throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n        }\n\n        const childRef = rawRef as React.Ref<HTMLDivElement>\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} ref={childRef} />\n                {isOpen && content ? (\n                    <AriakitTooltip\n                        store={tooltip}\n                        gutter={gapSize}\n                        render={\n                            <Box\n                                className={[styles.tooltip, exceptionallySetClassName]}\n                                background=\"toast\"\n                                borderRadius=\"standard\"\n                                paddingX=\"small\"\n                                paddingY=\"xsmall\"\n                                maxWidth=\"medium\"\n                                width=\"fitContent\"\n                                overflow=\"hidden\"\n                                textAlign=\"center\"\n                            />\n                        }\n                    >\n                        {withArrow ? <TooltipArrow /> : null}\n                        {typeof content === 'function' ? content() : content}\n                    </AriakitTooltip>\n                ) : null}\n            </>\n        )\n        /* eslint-enable react-hooks/refs */\n    },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","rawRef","props","Error","childRef","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tooltip as AriakitTooltip,\n    TooltipAnchor,\n    TooltipArrow,\n    useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { JSX } from 'react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n    showTimeout: number\n    hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n    showTimeout: defaultShowTimeout,\n    hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n    showTimeout = defaultShowTimeout,\n    hideTimeout = defaultHideTimeout,\n    children,\n}: React.PropsWithChildren<{\n    showTimeout?: number\n    hideTimeout?: number\n}>) {\n    const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n    return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n    /**\n     * The element that triggers the tooltip. Generally a button or link.\n     *\n     * It should be an interactive element accessible both via mouse and keyboard interactions.\n     */\n    children: React.ReactNode\n\n    /**\n     * The content to show in the tooltip.\n     *\n     * It can be rich content provided via React elements, or string content. It should not include\n     * interactive elements inside it. This includes links or buttons.\n     *\n     * You can provide a function instead of the content itself. In this case, the function should\n     * return the desired content. This is useful if the content is expensive to generate. It can\n     * also be useful if the content dynamically changes often, so every time you trigger the\n     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n     *\n     * The trigger element will be associated to this content via `aria-describedby`. This means\n     * that the tooltip content will be read by assistive technologies such as screen readers. It\n     * will likely read this content right after reading the trigger element label.\n     */\n    content: React.ReactNode | (() => React.ReactNode)\n\n    /**\n     * How to place the tooltip relative to its trigger element.\n     *\n     * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n     * the vertical or horizontal axis with the trigger.\n     *\n     * The position is enforced whenever possible, but tooltips can appear in different positions\n     * if the specified one would make the tooltip intersect with the viewport edges.\n     *\n     * @default 'top'\n     */\n    position?: TooltipStoreState['placement']\n\n    /**\n     * The separation (in pixels) between the trigger element and the tooltip.\n     * @default 3\n     */\n    gapSize?: number\n\n    /**\n     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n     * trigger element.\n     * @default false\n     */\n    withArrow?: boolean\n\n    /**\n     * The amount of time in milliseconds to wait before showing the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 500\n     */\n    showTimeout?: number\n\n    /**\n     * The amount of time in milliseconds to wait before hiding the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 100\n     */\n    hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n    (\n        {\n            children,\n            content,\n            position = 'top',\n            gapSize = 3,\n            withArrow = false,\n            showTimeout,\n            hideTimeout,\n            exceptionallySetClassName,\n        },\n        ref,\n    ) => {\n        const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n            React.useContext(TooltipContext)\n\n        const tooltip = useTooltipStore({\n            placement: position,\n            showTimeout: showTimeout ?? globalShowTimeout,\n            hideTimeout: hideTimeout ?? globalHideTimeout,\n        })\n\n        React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n        const isOpen = tooltip.useState('open')\n\n        const child = React.Children.only(\n            children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n        )\n\n        if (!child) {\n            return child\n        }\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} />\n                {isOpen && content ? (\n                    <AriakitTooltip\n                        store={tooltip}\n                        gutter={gapSize}\n                        render={\n                            <Box\n                                className={[styles.tooltip, exceptionallySetClassName]}\n                                background=\"toast\"\n                                borderRadius=\"standard\"\n                                paddingX=\"small\"\n                                paddingY=\"xsmall\"\n                                maxWidth=\"medium\"\n                                width=\"fitContent\"\n                                overflow=\"hidden\"\n                                textAlign=\"center\"\n                            />\n                        }\n                    >\n                        {withArrow ? <TooltipArrow /> : null}\n                        {typeof content === 'function' ? content() : content}\n                    </AriakitTooltip>\n                ) : null}\n            </>\n        )\n    },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":"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"}

package/lib/tooltip/tooltip.js

@@ -94,19 +94,9 @@ const Tooltip = /*#__PURE__*/React__namespace.forwardRef(({
   if (!child) {
     return child;
   }
-
-  /* eslint-disable react-hooks/refs */
-  const rawRef = 'ref' in child.props ? child.props.ref :
-  // child.ref access kept for React 18 compatibility
-  child.ref;
-  if (typeof rawRef === 'string') {
-    throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
-  }
-  const childRef = rawRef;
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(react.TooltipAnchor, {
     render: child,
-    store: tooltip,
-    ref: childRef
+    store: tooltip
   }), isOpen && content ? /*#__PURE__*/React__namespace.createElement(react.Tooltip, {
     store: tooltip,
     gutter: gapSize,
@@ -122,7 +112,6 @@ const Tooltip = /*#__PURE__*/React__namespace.forwardRef(({
       textAlign: "center"
     })
   }, withArrow ? /*#__PURE__*/React__namespace.createElement(react.TooltipArrow, null) : null, typeof content === 'function' ? content() : content) : null);
-  /* eslint-enable react-hooks/refs */
 });
 Tooltip.displayName = 'Tooltip';
 

package/lib/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tooltip as AriakitTooltip,\n    TooltipAnchor,\n    TooltipArrow,\n    useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { JSX } from 'react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n    showTimeout: number\n    hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n    showTimeout: defaultShowTimeout,\n    hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n    showTimeout = defaultShowTimeout,\n    hideTimeout = defaultHideTimeout,\n    children,\n}: React.PropsWithChildren<{\n    showTimeout?: number\n    hideTimeout?: number\n}>) {\n    const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n    return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n    /**\n     * The element that triggers the tooltip. Generally a button or link.\n     *\n     * It should be an interactive element accessible both via mouse and keyboard interactions.\n     */\n    children: React.ReactNode\n\n    /**\n     * The content to show in the tooltip.\n     *\n     * It can be rich content provided via React elements, or string content. It should not include\n     * interactive elements inside it. This includes links or buttons.\n     *\n     * You can provide a function instead of the content itself. In this case, the function should\n     * return the desired content. This is useful if the content is expensive to generate. It can\n     * also be useful if the content dynamically changes often, so every time you trigger the\n     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n     *\n     * The trigger element will be associated to this content via `aria-describedby`. This means\n     * that the tooltip content will be read by assistive technologies such as screen readers. It\n     * will likely read this content right after reading the trigger element label.\n     */\n    content: React.ReactNode | (() => React.ReactNode)\n\n    /**\n     * How to place the tooltip relative to its trigger element.\n     *\n     * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n     * the vertical or horizontal axis with the trigger.\n     *\n     * The position is enforced whenever possible, but tooltips can appear in different positions\n     * if the specified one would make the tooltip intersect with the viewport edges.\n     *\n     * @default 'top'\n     */\n    position?: TooltipStoreState['placement']\n\n    /**\n     * The separation (in pixels) between the trigger element and the tooltip.\n     * @default 3\n     */\n    gapSize?: number\n\n    /**\n     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n     * trigger element.\n     * @default false\n     */\n    withArrow?: boolean\n\n    /**\n     * The amount of time in milliseconds to wait before showing the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 500\n     */\n    showTimeout?: number\n\n    /**\n     * The amount of time in milliseconds to wait before hiding the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 100\n     */\n    hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n    (\n        {\n            children,\n            content,\n            position = 'top',\n            gapSize = 3,\n            withArrow = false,\n            showTimeout,\n            hideTimeout,\n            exceptionallySetClassName,\n        },\n        ref,\n    ) => {\n        const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n            React.useContext(TooltipContext)\n\n        const tooltip = useTooltipStore({\n            placement: position,\n            showTimeout: showTimeout ?? globalShowTimeout,\n            hideTimeout: hideTimeout ?? globalHideTimeout,\n        })\n\n        React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n        const isOpen = tooltip.useState('open')\n\n        const child = React.Children.only(\n            children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n        )\n\n        if (!child) {\n            return child\n        }\n\n        /* eslint-disable react-hooks/refs */\n        const rawRef =\n            'ref' in child.props\n                ? child.props.ref\n                : // child.ref access kept for React 18 compatibility\n                  (child as { ref?: unknown }).ref\n\n        if (typeof rawRef === 'string') {\n            throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n        }\n\n        const childRef = rawRef as React.Ref<HTMLDivElement>\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} ref={childRef} />\n                {isOpen && content ? (\n                    <AriakitTooltip\n                        store={tooltip}\n                        gutter={gapSize}\n                        render={\n                            <Box\n                                className={[styles.tooltip, exceptionallySetClassName]}\n                                background=\"toast\"\n                                borderRadius=\"standard\"\n                                paddingX=\"small\"\n                                paddingY=\"xsmall\"\n                                maxWidth=\"medium\"\n                                width=\"fitContent\"\n                                overflow=\"hidden\"\n                                textAlign=\"center\"\n                            />\n                        }\n                    >\n                        {withArrow ? <TooltipArrow /> : null}\n                        {typeof content === 'function' ? content() : content}\n                    </AriakitTooltip>\n                ) : null}\n            </>\n        )\n        /* eslint-enable react-hooks/refs */\n    },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","rawRef","props","Error","childRef","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tooltip as AriakitTooltip,\n    TooltipAnchor,\n    TooltipArrow,\n    useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { JSX } from 'react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n    showTimeout: number\n    hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n    showTimeout: defaultShowTimeout,\n    hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n    showTimeout = defaultShowTimeout,\n    hideTimeout = defaultHideTimeout,\n    children,\n}: React.PropsWithChildren<{\n    showTimeout?: number\n    hideTimeout?: number\n}>) {\n    const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n    return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n    /**\n     * The element that triggers the tooltip. Generally a button or link.\n     *\n     * It should be an interactive element accessible both via mouse and keyboard interactions.\n     */\n    children: React.ReactNode\n\n    /**\n     * The content to show in the tooltip.\n     *\n     * It can be rich content provided via React elements, or string content. It should not include\n     * interactive elements inside it. This includes links or buttons.\n     *\n     * You can provide a function instead of the content itself. In this case, the function should\n     * return the desired content. This is useful if the content is expensive to generate. It can\n     * also be useful if the content dynamically changes often, so every time you trigger the\n     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n     *\n     * The trigger element will be associated to this content via `aria-describedby`. This means\n     * that the tooltip content will be read by assistive technologies such as screen readers. It\n     * will likely read this content right after reading the trigger element label.\n     */\n    content: React.ReactNode | (() => React.ReactNode)\n\n    /**\n     * How to place the tooltip relative to its trigger element.\n     *\n     * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n     * the vertical or horizontal axis with the trigger.\n     *\n     * The position is enforced whenever possible, but tooltips can appear in different positions\n     * if the specified one would make the tooltip intersect with the viewport edges.\n     *\n     * @default 'top'\n     */\n    position?: TooltipStoreState['placement']\n\n    /**\n     * The separation (in pixels) between the trigger element and the tooltip.\n     * @default 3\n     */\n    gapSize?: number\n\n    /**\n     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n     * trigger element.\n     * @default false\n     */\n    withArrow?: boolean\n\n    /**\n     * The amount of time in milliseconds to wait before showing the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 500\n     */\n    showTimeout?: number\n\n    /**\n     * The amount of time in milliseconds to wait before hiding the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 100\n     */\n    hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n    (\n        {\n            children,\n            content,\n            position = 'top',\n            gapSize = 3,\n            withArrow = false,\n            showTimeout,\n            hideTimeout,\n            exceptionallySetClassName,\n        },\n        ref,\n    ) => {\n        const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n            React.useContext(TooltipContext)\n\n        const tooltip = useTooltipStore({\n            placement: position,\n            showTimeout: showTimeout ?? globalShowTimeout,\n            hideTimeout: hideTimeout ?? globalHideTimeout,\n        })\n\n        React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n        const isOpen = tooltip.useState('open')\n\n        const child = React.Children.only(\n            children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n        )\n\n        if (!child) {\n            return child\n        }\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} />\n                {isOpen && content ? (\n                    <AriakitTooltip\n                        store={tooltip}\n                        gutter={gapSize}\n                        render={\n                            <Box\n                                className={[styles.tooltip, exceptionallySetClassName]}\n                                background=\"toast\"\n                                borderRadius=\"standard\"\n                                paddingX=\"small\"\n                                paddingY=\"xsmall\"\n                                maxWidth=\"medium\"\n                                width=\"fitContent\"\n                                overflow=\"hidden\"\n                                textAlign=\"center\"\n                            />\n                        }\n                    >\n                        {withArrow ? <TooltipArrow /> : null}\n                        {typeof content === 'function' ? content() : content}\n                    </AriakitTooltip>\n                ) : null}\n            </>\n        )\n    },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@doist/reactist",
     "description": "Open source React components by Doist",
-    "version": "33.2.1",
+    "version": "33.2.2",
     "repository": "https://github.com/Doist/reactist",
     "homepage": "https://github.com/Doist/reactist#readme",
     "bugs": {