@doist/reactist 33.0.1 → 33.2.0

package/es/toast/use-toasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Portal } from '@ariakit/react'\n\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { generateElementId } from '../utils/common-helpers'\n\nimport { isActionObject, StaticToast } from './static-toast'\nimport { useToastsAnimation } from './toast-animation'\n\nimport styles from './toast.module.css'\n\nimport type { Space } from '../utils/common-types'\nimport type { StaticToastProps } from './static-toast'\n\n/**\n * The props needed to fire up a new notification toast.\n */\ntype ToastProps = StaticToastProps & {\n    /**\n     * The number of seconds the toast is expected to be shown before it is dismissed automatically,\n     * or false to disable auto-dismiss.\n     *\n     * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.\n     */\n    autoDismissDelay?: number | false\n\n    /**\n     * The label for the button that dismisses the toast.\n     *\n     * It defaults to the value set in the ToastsProvider, but individual toasts can have a\n     * different value if needed.\n     */\n    dismissLabel?: string\n\n    /**\n     * Whether to show the dismiss button or not.\n     *\n     * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you\n     * with toasts that the user won't be able to dismiss at will. It then is your responsibility to\n     * dismiss the toast by calling the function returned by `showToast`.\n     */\n    showDismissButton?: boolean\n}\n\n//\n// InternalToast component and its props\n//\n\ntype InternalToastProps = Omit<ToastProps, 'autoDismissDelay' | 'dismissLabel'> &\n    Required<Pick<ToastProps, 'autoDismissDelay' | 'dismissLabel'>> & {\n        toastId: string\n        onRemoveToast: (toastId: string) => void\n    }\n\n/** @private */\nconst InternalToast = React.forwardRef<HTMLDivElement, InternalToastProps>(function InternalToast(\n    {\n        message,\n        description,\n        icon,\n        action,\n        autoDismissDelay,\n        dismissLabel,\n        showDismissButton = true,\n        toastId,\n        onDismiss,\n        onRemoveToast,\n    },\n    ref,\n) {\n    const timeoutRef = React.useRef<number | undefined>()\n\n    const removeToast = React.useCallback(\n        function removeToast() {\n            onRemoveToast(toastId)\n            onDismiss?.()\n        },\n        [onDismiss, onRemoveToast, toastId],\n    )\n\n    const startTimeout = React.useCallback(\n        function startTimeout() {\n            if (!autoDismissDelay) return\n            timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000)\n        },\n        [autoDismissDelay, removeToast],\n    )\n\n    const stopTimeout = React.useCallback(function stopTimeout() {\n        clearTimeout(timeoutRef.current)\n        timeoutRef.current = undefined\n    }, [])\n\n    React.useEffect(\n        function setupAutoDismiss() {\n            stopTimeout()\n            startTimeout()\n\n            return stopTimeout\n        },\n        [startTimeout, stopTimeout],\n    )\n\n    /**\n     * If the action is toast action object and not a custom element,\n     * the `onClick` property is wrapped in another handler responsible\n     * for removing the toast when the action is triggered.\n     */\n    const actionWithCustomActionHandler = React.useMemo(() => {\n        if (!isActionObject(action)) {\n            return action\n        }\n\n        return {\n            ...action,\n            closeToast: action.closeToast ?? true,\n            onClick: function handleActionClick() {\n                if (!action) {\n                    return\n                }\n\n                action.onClick()\n\n                if (action.closeToast ?? true) {\n                    removeToast()\n                }\n            },\n        }\n    }, [action, removeToast])\n\n    return (\n        <StaticToast\n            ref={ref}\n            message={message}\n            description={description}\n            icon={icon}\n            action={actionWithCustomActionHandler}\n            onDismiss={showDismissButton ? removeToast : undefined}\n            dismissLabel={dismissLabel}\n            // @ts-expect-error\n            onMouseEnter={stopTimeout}\n            onMouseLeave={startTimeout}\n        />\n    )\n})\n\n//\n// Internal state and context\n//\n\ntype InternalToastEntry = Omit<InternalToastProps, 'onRemoveToast'>\ntype ToastsList = readonly InternalToastEntry[]\n\ntype ShowToastAction = (props: ToastProps) => () => void\nconst ToastsContext = React.createContext<ShowToastAction>(() => () => undefined)\n\n/**\n * The props needed by the ToastsProvider component.\n *\n * @see ToastsProvider\n */\ntype ToastsProviderProps = {\n    /**\n     * The default label to apply to toast dismiss buttons.\n     *\n     * This is useful in environments that need locatization, so you do not need to pass the same\n     * translated label every time you trigger a toast.\n     *\n     * However, you can still apply a different label to a specific toast, by passing a different\n     * value when calling showToast.\n     *\n     * @default 'Close'\n     */\n    defaultDismissLabel?: string\n\n    /**\n     * The default number of seconds after which the toast will be dismissed automatically.\n     *\n     * You can pass a different value to a specific toast when calling `showToast`. You can even\n     * pass `false` if you want a certain toast to never be dismissed automatically.\n     *\n     * @default 10 (seconds)\n     */\n    defaultAutoDismissDelay?: number\n\n    /**\n     * The padding used to separate the toasts from the viewport borders.\n     *\n     * @default 'large'\n     */\n    padding?: Space\n\n    /**\n     * The app wrapped by the provider.\n     */\n    children: NonNullable<React.ReactNode>\n\n    /**\n     * Custom classname for the toasts container, if you need to fine-tune the position or other styles\n     */\n    containerClassName?: string\n}\n\n/**\n * Provides the state management and rendering of the toasts currently active.\n *\n * You need to render this near the top of your app components tree, in order to `useToasts`.\n *\n * @see useToasts\n */\nfunction ToastsProvider({\n    children,\n    padding = 'large',\n    defaultAutoDismissDelay = 10 /* seconds */,\n    defaultDismissLabel = 'Close',\n    containerClassName,\n}: ToastsProviderProps) {\n    const [toasts, setToasts] = React.useState<ToastsList>([])\n    const { mappedRef, animateRemove } = useToastsAnimation()\n\n    const removeToast = React.useCallback(\n        function onRemoveToast(toastId: string) {\n            animateRemove(toastId, () => {\n                setToasts((list) => {\n                    const index = list.findIndex((n) => n.toastId === toastId)\n                    if (index < 0) return list\n                    const copy = [...list]\n                    copy.splice(index, 1)\n                    return copy\n                })\n            })\n        },\n        [animateRemove],\n    )\n\n    const showToast = React.useCallback(\n        function showToast(props: ToastProps) {\n            const toastId = generateElementId('toast')\n            const newToast: InternalToastEntry = {\n                autoDismissDelay: defaultAutoDismissDelay,\n                dismissLabel: defaultDismissLabel,\n                ...props,\n                toastId,\n            }\n            setToasts((list) => [...list, newToast])\n            return () => removeToast(toastId)\n        },\n        [defaultAutoDismissDelay, defaultDismissLabel, removeToast],\n    )\n\n    return (\n        <ToastsContext.Provider value={showToast}>\n            {children}\n            <Portal>\n                {toasts.length === 0 ? null : (\n                    <Box\n                        className={[styles.stackedToastsView, containerClassName]}\n                        position=\"fixed\"\n                        width=\"full\"\n                        paddingX={padding}\n                        paddingBottom={padding}\n                        data-testid=\"toasts-container\"\n                    >\n                        <Stack space=\"medium\">\n                            {toasts.map(({ toastId, ...props }) => (\n                                <InternalToast\n                                    key={toastId}\n                                    ref={mappedRef(toastId)}\n                                    toastId={toastId}\n                                    onRemoveToast={removeToast}\n                                    {...props}\n                                />\n                            ))}\n                        </Stack>\n                    </Box>\n                )}\n            </Portal>\n        </ToastsContext.Provider>\n    )\n}\n\n/**\n * Provides a function `showToast` that shows a new toast every time you call it.\n *\n * ```jsx\n * const showToast = useToasts()\n *\n * <button onClick={() => showToast({ message: 'Hello' })}>\n *   Say hello\n * </button>\n * ```\n *\n * All toasts fired via this function are rendered in a global fixed location, and stacked one on\n * top of the other.\n *\n * When called, `showToast` returns a function that dismisses the toast when called.\n *\n * @see ToastsProvider\n */\nfunction useToasts() {\n    return React.useContext(ToastsContext)\n}\n\n/**\n * Adds a toast to be rendered, stacked alongside any other currently active toasts.\n *\n * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\n * This component is provided for convenience to render toasts in the markup, but it has some\n * peculiarities, which are discussed below.\n *\n * Internally, this calls `showToast`. It is provided for two reasons:\n *\n * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n *    toasts rendered in this way will be removed from view when the context where it is rendered\n *    is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n *    by the user or after a delay. They'll still be animated on their way out, though.\n * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n *    `autoDismissDelay={false}` it provides a way to show \"permanent\" toasts that only go away when\n *    the component ceases to be rendered).\n *\n * This is useful for cases when the consumer wants to control when a toast is visible, and to keep\n * it visible based on an app-specific condition.\n *\n * Something important to note about this component is that it triggers the toast based on the props\n * passed when first rendered, and it does not update the toast if these props change on subsequent\n * renders. In this sense, this is an imperative component, more than a descriptive one. This is\n * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\n * toast imperatively, and you loose control over it. It remains rendered according to the props you\n * first passed.\n *\n * @see useToasts\n */\nfunction Toast(props: ToastProps) {\n    const showToast = useToasts()\n    const propsRef = React.useRef<ToastProps>(props)\n    React.useEffect(() => {\n        const dismissToast = showToast(propsRef.current)\n        return dismissToast\n    }, [showToast])\n    return null\n}\n\nexport { Toast, ToastsProvider, useToasts }\nexport type { ToastProps, ToastsProviderProps }\n"],"names":["InternalToast","React","forwardRef","t0","ref","$","_c","message","description","icon","action","autoDismissDelay","dismissLabel","showDismissButton","t1","toastId","onDismiss","onRemoveToast","undefined","timeoutRef","useRef","t2","removeToast","t3","startTimeout","current","window","setTimeout","t4","Symbol","for","stopTimeout","clearTimeout","t5","t6","setupAutoDismiss","useEffect","t7","bb0","isActionObject","t8","closeToast","t9","handleActionClick","onClick","t10","actionWithCustomActionHandler","createElement","StaticToast","ToastsContext","createContext","ToastsProvider","children","padding","defaultAutoDismissDelay","defaultDismissLabel","containerClassName","toasts","setToasts","useState","mappedRef","animateRemove","useToastsAnimation","list","index","findIndex","n","copy","splice","showToast","props","toastId_0","generateElementId","newToast","list_0","length","Box","className","styles","stackedToastsView","position","width","Stack","space","map","toastId_1","props_0","_extends","Portal","Provider","useToasts","useContext","Toast","propsRef","dismissToast"],"mappings":"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"}
+{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Portal } from '@ariakit/react'\n\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { generateElementId } from '../utils/common-helpers'\n\nimport { isActionObject, StaticToast } from './static-toast'\nimport { useToastsAnimation } from './toast-animation'\n\nimport styles from './toast.module.css'\n\nimport type { Space } from '../utils/common-types'\nimport type { StaticToastProps } from './static-toast'\n\n/**\n * The props needed to fire up a new notification toast.\n */\ntype ToastProps = StaticToastProps & {\n    /**\n     * The number of seconds the toast is expected to be shown before it is dismissed automatically,\n     * or false to disable auto-dismiss.\n     *\n     * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.\n     */\n    autoDismissDelay?: number | false\n\n    /**\n     * The label for the button that dismisses the toast.\n     *\n     * It defaults to the value set in the ToastsProvider, but individual toasts can have a\n     * different value if needed.\n     */\n    dismissLabel?: string\n\n    /**\n     * Whether to show the dismiss button or not.\n     *\n     * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you\n     * with toasts that the user won't be able to dismiss at will. It then is your responsibility to\n     * dismiss the toast by calling the function returned by `showToast`.\n     */\n    showDismissButton?: boolean\n}\n\n//\n// InternalToast component and its props\n//\n\ntype InternalToastProps = Omit<ToastProps, 'autoDismissDelay' | 'dismissLabel'> &\n    Required<Pick<ToastProps, 'autoDismissDelay' | 'dismissLabel'>> & {\n        toastId: string\n        onRemoveToast: (toastId: string) => void\n    }\n\n/** @private */\nconst InternalToast = React.forwardRef<HTMLDivElement, InternalToastProps>(function InternalToast(\n    {\n        message,\n        description,\n        icon,\n        action,\n        autoDismissDelay,\n        dismissLabel,\n        showDismissButton = true,\n        toastId,\n        onDismiss,\n        onRemoveToast,\n    },\n    ref,\n) {\n    const timeoutRef = React.useRef<number | undefined>(undefined)\n\n    const removeToast = React.useCallback(\n        function removeToast() {\n            onRemoveToast(toastId)\n            onDismiss?.()\n        },\n        [onDismiss, onRemoveToast, toastId],\n    )\n\n    const startTimeout = React.useCallback(\n        function startTimeout() {\n            if (!autoDismissDelay) return\n            timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000)\n        },\n        [autoDismissDelay, removeToast],\n    )\n\n    const stopTimeout = React.useCallback(function stopTimeout() {\n        clearTimeout(timeoutRef.current)\n        timeoutRef.current = undefined\n    }, [])\n\n    React.useEffect(\n        function setupAutoDismiss() {\n            stopTimeout()\n            startTimeout()\n\n            return stopTimeout\n        },\n        [startTimeout, stopTimeout],\n    )\n\n    /**\n     * If the action is toast action object and not a custom element,\n     * the `onClick` property is wrapped in another handler responsible\n     * for removing the toast when the action is triggered.\n     */\n    const actionWithCustomActionHandler = React.useMemo(() => {\n        if (!isActionObject(action)) {\n            return action\n        }\n\n        return {\n            ...action,\n            closeToast: action.closeToast ?? true,\n            onClick: function handleActionClick() {\n                if (!action) {\n                    return\n                }\n\n                action.onClick()\n\n                if (action.closeToast ?? true) {\n                    removeToast()\n                }\n            },\n        }\n    }, [action, removeToast])\n\n    return (\n        <StaticToast\n            ref={ref}\n            message={message}\n            description={description}\n            icon={icon}\n            action={actionWithCustomActionHandler}\n            onDismiss={showDismissButton ? removeToast : undefined}\n            dismissLabel={dismissLabel}\n            // @ts-expect-error\n            onMouseEnter={stopTimeout}\n            onMouseLeave={startTimeout}\n        />\n    )\n})\n\n//\n// Internal state and context\n//\n\ntype InternalToastEntry = Omit<InternalToastProps, 'onRemoveToast'>\ntype ToastsList = readonly InternalToastEntry[]\n\ntype ShowToastAction = (props: ToastProps) => () => void\nconst ToastsContext = React.createContext<ShowToastAction>(() => () => undefined)\n\n/**\n * The props needed by the ToastsProvider component.\n *\n * @see ToastsProvider\n */\ntype ToastsProviderProps = {\n    /**\n     * The default label to apply to toast dismiss buttons.\n     *\n     * This is useful in environments that need locatization, so you do not need to pass the same\n     * translated label every time you trigger a toast.\n     *\n     * However, you can still apply a different label to a specific toast, by passing a different\n     * value when calling showToast.\n     *\n     * @default 'Close'\n     */\n    defaultDismissLabel?: string\n\n    /**\n     * The default number of seconds after which the toast will be dismissed automatically.\n     *\n     * You can pass a different value to a specific toast when calling `showToast`. You can even\n     * pass `false` if you want a certain toast to never be dismissed automatically.\n     *\n     * @default 10 (seconds)\n     */\n    defaultAutoDismissDelay?: number\n\n    /**\n     * The padding used to separate the toasts from the viewport borders.\n     *\n     * @default 'large'\n     */\n    padding?: Space\n\n    /**\n     * The app wrapped by the provider.\n     */\n    children: NonNullable<React.ReactNode>\n\n    /**\n     * Custom classname for the toasts container, if you need to fine-tune the position or other styles\n     */\n    containerClassName?: string\n}\n\n/**\n * Provides the state management and rendering of the toasts currently active.\n *\n * You need to render this near the top of your app components tree, in order to `useToasts`.\n *\n * @see useToasts\n */\nfunction ToastsProvider({\n    children,\n    padding = 'large',\n    defaultAutoDismissDelay = 10 /* seconds */,\n    defaultDismissLabel = 'Close',\n    containerClassName,\n}: ToastsProviderProps) {\n    const [toasts, setToasts] = React.useState<ToastsList>([])\n    const { mappedRef, animateRemove } = useToastsAnimation()\n\n    const removeToast = React.useCallback(\n        function onRemoveToast(toastId: string) {\n            animateRemove(toastId, () => {\n                setToasts((list) => {\n                    const index = list.findIndex((n) => n.toastId === toastId)\n                    if (index < 0) return list\n                    const copy = [...list]\n                    copy.splice(index, 1)\n                    return copy\n                })\n            })\n        },\n        [animateRemove],\n    )\n\n    const showToast = React.useCallback(\n        function showToast(props: ToastProps) {\n            const toastId = generateElementId('toast')\n            const newToast: InternalToastEntry = {\n                autoDismissDelay: defaultAutoDismissDelay,\n                dismissLabel: defaultDismissLabel,\n                ...props,\n                toastId,\n            }\n            setToasts((list) => [...list, newToast])\n            return () => removeToast(toastId)\n        },\n        [defaultAutoDismissDelay, defaultDismissLabel, removeToast],\n    )\n\n    return (\n        <ToastsContext.Provider value={showToast}>\n            {children}\n            <Portal>\n                {toasts.length === 0 ? null : (\n                    <Box\n                        className={[styles.stackedToastsView, containerClassName]}\n                        position=\"fixed\"\n                        width=\"full\"\n                        paddingX={padding}\n                        paddingBottom={padding}\n                        data-testid=\"toasts-container\"\n                    >\n                        <Stack space=\"medium\">\n                            {toasts.map(({ toastId, ...props }) => (\n                                <InternalToast\n                                    key={toastId}\n                                    ref={mappedRef(toastId)}\n                                    toastId={toastId}\n                                    onRemoveToast={removeToast}\n                                    {...props}\n                                />\n                            ))}\n                        </Stack>\n                    </Box>\n                )}\n            </Portal>\n        </ToastsContext.Provider>\n    )\n}\n\n/**\n * Provides a function `showToast` that shows a new toast every time you call it.\n *\n * ```jsx\n * const showToast = useToasts()\n *\n * <button onClick={() => showToast({ message: 'Hello' })}>\n *   Say hello\n * </button>\n * ```\n *\n * All toasts fired via this function are rendered in a global fixed location, and stacked one on\n * top of the other.\n *\n * When called, `showToast` returns a function that dismisses the toast when called.\n *\n * @see ToastsProvider\n */\nfunction useToasts() {\n    return React.useContext(ToastsContext)\n}\n\n/**\n * Adds a toast to be rendered, stacked alongside any other currently active toasts.\n *\n * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\n * This component is provided for convenience to render toasts in the markup, but it has some\n * peculiarities, which are discussed below.\n *\n * Internally, this calls `showToast`. It is provided for two reasons:\n *\n * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n *    toasts rendered in this way will be removed from view when the context where it is rendered\n *    is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n *    by the user or after a delay. They'll still be animated on their way out, though.\n * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n *    `autoDismissDelay={false}` it provides a way to show \"permanent\" toasts that only go away when\n *    the component ceases to be rendered).\n *\n * This is useful for cases when the consumer wants to control when a toast is visible, and to keep\n * it visible based on an app-specific condition.\n *\n * Something important to note about this component is that it triggers the toast based on the props\n * passed when first rendered, and it does not update the toast if these props change on subsequent\n * renders. In this sense, this is an imperative component, more than a descriptive one. This is\n * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\n * toast imperatively, and you loose control over it. It remains rendered according to the props you\n * first passed.\n *\n * @see useToasts\n */\nfunction Toast(props: ToastProps) {\n    const showToast = useToasts()\n    const propsRef = React.useRef<ToastProps>(props)\n    React.useEffect(() => {\n        const dismissToast = showToast(propsRef.current)\n        return dismissToast\n    }, [showToast])\n    return null\n}\n\nexport { Toast, ToastsProvider, useToasts }\nexport type { ToastProps, ToastsProviderProps }\n"],"names":["InternalToast","React","forwardRef","t0","ref","$","_c","message","description","icon","action","autoDismissDelay","dismissLabel","showDismissButton","t1","toastId","onDismiss","onRemoveToast","undefined","timeoutRef","useRef","t2","removeToast","t3","startTimeout","current","window","setTimeout","t4","Symbol","for","stopTimeout","clearTimeout","t5","t6","setupAutoDismiss","useEffect","t7","bb0","isActionObject","t8","closeToast","t9","handleActionClick","onClick","t10","actionWithCustomActionHandler","createElement","StaticToast","ToastsContext","createContext","ToastsProvider","children","padding","defaultAutoDismissDelay","defaultDismissLabel","containerClassName","toasts","setToasts","useState","mappedRef","animateRemove","useToastsAnimation","list","index","findIndex","n","copy","splice","showToast","props","toastId_0","generateElementId","newToast","list_0","length","Box","className","styles","stackedToastsView","position","width","Stack","space","map","toastId_1","props_0","_extends","Portal","Provider","useToasts","useContext","Toast","propsRef","dismissToast"],"mappings":"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"}

package/es/tooltip/tooltip.js

@@ -72,13 +72,17 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
   }
 
   /* eslint-disable react-hooks/refs */
-  if (typeof child.ref === 'string') {
+  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: child.ref
+    ref: childRef
   }), isOpen && content ? /*#__PURE__*/React.createElement(Tooltip$1, {
     store: tooltip,
     gutter: gapSize,

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 { 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        if (typeof child.ref === 'string') {\n            throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n        }\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} ref={child.ref} />\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","Error","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        /* 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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"}

package/es/utils/polymorphism.js.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphism.js","sources":["../../src/utils/polymorphism.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport * as React from 'react'\n\nimport type { ObfuscatedClassName } from './common-types'\n\ntype Merge<P1, P2> = Omit<P1, keyof P2> & P2\n\ntype EmptyObject = {\n    [K in any]: never\n}\n\ntype ObfuscateClassNameMode = 'keepClassName' | 'obfuscateClassName' | 'omitClassName'\n\n/**\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This can be customized via the second generic parameter, as there are cases where it may be\n * needed to omit this behaviour and keep the `className`. You can also instruct it to remove the\n * `className` prop while not replacing it with the `exceptionallySetClassName` one.\n *\n * @see ObfuscatedClassName['exceptionallySetClassName'] for details about this prop\n * @see PolymorphicComponent for details about this feature\n */\ntype WithObfuscatedClassName<\n    Props,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = 'className' extends keyof Props\n    ? ShouldObfuscateClassName extends 'obfuscateClassName'\n        ? Omit<Props, 'className'> & ObfuscatedClassName\n        : ShouldObfuscateClassName extends 'omitClassName'\n          ? Omit<Props, 'className'>\n          : ShouldObfuscateClassName extends 'keepClassName'\n            ? Props\n            : never\n    : Props\n\ntype PolymorphicProp<ComponentType extends React.ElementType> = {\n    /**\n     * Used to instruct this component what React element to render as. It can be both a string\n     * representing a HTML tag name, or a React component.\n     *\n     * When using this prop, the component you apply it to will also recognize in its props types\n     * all the props from the component or HTML element you are rendering it as.\n     *\n     * Some uses for this feature:\n     *\n     * - Using some of our layout components, while at the same time being able to set them to use\n     *   semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n     * - Using a design system link component, but have it internally use a client-side router link\n     *   implemented via a React component (e.g. react-router's `Link`).\n     *\n     * Keep in mind that not all compositions of this kind may work well, especially when composing\n     * with another React component and not with a HTML tag name. In particular, if the components\n     * being composed have opposing concerns of clashing features (e.g. they have contradicting\n     * styles applied to them) things may not go well. In those cases prefer to nest them instead.\n     *\n     * @see PolymorphicComponent\n     */\n    as?: ComponentType\n}\n\n/**\n * Given a component or element type, and a set of additional props, this builds the entire set of\n * props for a polymorphic component.\n *\n * It does three things:\n *\n * 1. it merges the element type props with the `OwnProps`\n * 2. it adds the `as` prop to allow for polymorphism to happen\n * 3. it optionally obfuscates or omits the className prop if present\n *\n * @see PolymorphicProp\n * @see WithObfuscatedClassName\n */\ntype PolymorphicComponentProps<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = Merge<\n    WithObfuscatedClassName<React.ComponentProps<ComponentType>, ShouldObfuscateClassName>,\n    OwnProps & PolymorphicProp<ComponentType>\n>\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n    Pick<SVGElementTagNameMap, Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>>\n\ntype ElementByTag<TagName extends keyof ElementTagNameMap> = ElementTagNameMap[TagName]\n\ntype ElementByTagOrAny<ComponentType extends React.ElementType> =\n    ComponentType extends keyof ElementTagNameMap ? ElementByTag<ComponentType> : any\n\n/**\n * The function passed to React.forwardRef, but typed in a way that's prepared for polymorphism via\n * the `as` prop. It also allows to specify if the `className` prop should be obfuscated or omitted.\n *\n * @see PolymorphicComponentProps\n * @see WithObfuscatedClassName\n */\ninterface ForwardRefFunction<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> {\n    (\n        props: PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>,\n        ref:\n            | ((instance: ElementByTagOrAny<ComponentType> | null) => void)\n            | React.MutableRefObject<ElementByTagOrAny<ComponentType> | null>\n            | null,\n    ): React.ReactElement | null\n    displayName?: string\n}\n\n/**\n * A component that can customize the React element type that it renders (a.k.a. a polymorphic\n * component). This is achieved by passing a prop `as={ElementType}` or `as=\"html-tag-name\"`.\n *\n * It transparently takes care of forwarding refs, and properly sets the ref type depending on the\n * element type.\n *\n * ## Recognizing props based on the polymorphic type\n *\n * The `ComponentType` argument sets the default type for the `as` prop. Whatever the `as` prop\n * component or HTML element is, the type system will automatically allow you to pass props that are\n * not explicitly defined by you, but that are recognized as valid props to be passed to the\n * component you are rendering.\n *\n * For instance, see the following example:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor=\"field-id\">Hello</Box>\n * ```\n *\n * The `htmlFor` prop is exclusive to label elements. If you omit the `as=\"label\"` prop, the type\n * system will consider the `htmlFor` prop to be an error. The same happens if you pass a value of\n * an incorrect type to such prop. For instance, the example below will issue a type error:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor={123}>Hello</Box>\n * ```\n *\n * ## Omitting or obfuscating the `className` prop\n *\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This is to discourage customizing design system components via custom styling, while still\n * leaving the door open to do it as an escape hatch when the design system still has shortcomings\n * with respect to the product designs we want to achieve.\n *\n * The cumbersome name also serves the purpose of aiding in easily searching for the places in the\n * code where this escape hatch was needed, in order to identify areas where the design system\n * components need to improve to better match our needs.\n *\n * This behaviour can be customized via an optional second generic argument that allows to disable\n * this feature, or to omit the `className` altogether without replacing it with the obfuscated prop\n * name.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\ninterface PolymorphicComponent<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n> {\n    <TT extends React.ElementType = ComponentType>(\n        props: PolymorphicComponentProps<TT, OwnProps, ShouldObfuscateClassName>,\n    ): React.ReactElement | null\n    readonly $$typeof: symbol\n    defaultProps?: Partial<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    propTypes?: React.WeakValidationMap<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    displayName?: string\n}\n\n/**\n * A wrapper to use React.forwardRef with polymorphic components in a type-safe manner. This is a\n * convenience over merely using React.forwardRef directly, and then manually forcing the resulting\n * value to be typed using `as PolymorphicComponent<…>`.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\nfunction polymorphicComponent<\n    ComponentType extends React.ElementType = 'div',\n    OwnProps = EmptyObject,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n>(render: ForwardRefFunction<ComponentType, OwnProps, ShouldObfuscateClassName>) {\n    return React.forwardRef(render) as PolymorphicComponent<\n        ComponentType,\n        OwnProps,\n        ShouldObfuscateClassName\n    >\n}\n\nexport type { PolymorphicComponent, PolymorphicComponentProps }\nexport { polymorphicComponent }\n"],"names":["polymorphicComponent","render","React","forwardRef"],"mappings":";;AAAA;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,oBAAoBA,CAI3BC,MAA6E,EAAE;AAC7E,EAAA,oBAAOC,KAAK,CAACC,UAAU,CAACF,MAAM,CAAC,CAAA;AAKnC;;;;"}
+{"version":3,"file":"polymorphism.js","sources":["../../src/utils/polymorphism.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react'\n\nimport type { ObfuscatedClassName } from './common-types'\n\ntype Merge<P1, P2> = Omit<P1, keyof P2> & P2\n\ntype EmptyObject = {\n    [K in any]: never\n}\n\ntype ObfuscateClassNameMode = 'keepClassName' | 'obfuscateClassName' | 'omitClassName'\n\n/**\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This can be customized via the second generic parameter, as there are cases where it may be\n * needed to omit this behaviour and keep the `className`. You can also instruct it to remove the\n * `className` prop while not replacing it with the `exceptionallySetClassName` one.\n *\n * @see ObfuscatedClassName['exceptionallySetClassName'] for details about this prop\n * @see PolymorphicComponent for details about this feature\n */\ntype WithObfuscatedClassName<\n    Props,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = 'className' extends keyof Props\n    ? ShouldObfuscateClassName extends 'obfuscateClassName'\n        ? Omit<Props, 'className'> & ObfuscatedClassName\n        : ShouldObfuscateClassName extends 'omitClassName'\n          ? Omit<Props, 'className'>\n          : ShouldObfuscateClassName extends 'keepClassName'\n            ? Props\n            : never\n    : Props\n\ntype PolymorphicProp<ComponentType extends React.ElementType> = {\n    /**\n     * Used to instruct this component what React element to render as. It can be both a string\n     * representing a HTML tag name, or a React component.\n     *\n     * When using this prop, the component you apply it to will also recognize in its props types\n     * all the props from the component or HTML element you are rendering it as.\n     *\n     * Some uses for this feature:\n     *\n     * - Using some of our layout components, while at the same time being able to set them to use\n     *   semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n     * - Using a design system link component, but have it internally use a client-side router link\n     *   implemented via a React component (e.g. react-router's `Link`).\n     *\n     * Keep in mind that not all compositions of this kind may work well, especially when composing\n     * with another React component and not with a HTML tag name. In particular, if the components\n     * being composed have opposing concerns of clashing features (e.g. they have contradicting\n     * styles applied to them) things may not go well. In those cases prefer to nest them instead.\n     *\n     * @see PolymorphicComponent\n     */\n    as?: ComponentType\n}\n\n/**\n * Given a component or element type, and a set of additional props, this builds the entire set of\n * props for a polymorphic component.\n *\n * It does three things:\n *\n * 1. it merges the element type props with the `OwnProps`\n * 2. it adds the `as` prop to allow for polymorphism to happen\n * 3. it optionally obfuscates or omits the className prop if present\n *\n * @see PolymorphicProp\n * @see WithObfuscatedClassName\n */\ntype PolymorphicComponentProps<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = Merge<\n    WithObfuscatedClassName<React.ComponentProps<ComponentType>, ShouldObfuscateClassName>,\n    OwnProps & PolymorphicProp<ComponentType>\n>\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n    Pick<SVGElementTagNameMap, Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>>\n\ntype ElementByTag<TagName extends keyof ElementTagNameMap> = ElementTagNameMap[TagName]\n\ntype ElementByTagOrAny<ComponentType extends React.ElementType> =\n    ComponentType extends keyof ElementTagNameMap ? ElementByTag<ComponentType> : any\n\n/**\n * The function passed to React.forwardRef, but typed in a way that's prepared for polymorphism via\n * the `as` prop. It also allows to specify if the `className` prop should be obfuscated or omitted.\n *\n * @see PolymorphicComponentProps\n * @see WithObfuscatedClassName\n */\ninterface ForwardRefFunction<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> {\n    (\n        props: React.PropsWithoutRef<\n            PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n        >,\n        ref: React.ForwardedRef<ElementByTagOrAny<ComponentType>>,\n    ): React.ReactElement | null\n    displayName?: string\n}\n\n/**\n * A component that can customize the React element type that it renders (a.k.a. a polymorphic\n * component). This is achieved by passing a prop `as={ElementType}` or `as=\"html-tag-name\"`.\n *\n * It transparently takes care of forwarding refs, and properly sets the ref type depending on the\n * element type.\n *\n * ## Recognizing props based on the polymorphic type\n *\n * The `ComponentType` argument sets the default type for the `as` prop. Whatever the `as` prop\n * component or HTML element is, the type system will automatically allow you to pass props that are\n * not explicitly defined by you, but that are recognized as valid props to be passed to the\n * component you are rendering.\n *\n * For instance, see the following example:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor=\"field-id\">Hello</Box>\n * ```\n *\n * The `htmlFor` prop is exclusive to label elements. If you omit the `as=\"label\"` prop, the type\n * system will consider the `htmlFor` prop to be an error. The same happens if you pass a value of\n * an incorrect type to such prop. For instance, the example below will issue a type error:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor={123}>Hello</Box>\n * ```\n *\n * ## Omitting or obfuscating the `className` prop\n *\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This is to discourage customizing design system components via custom styling, while still\n * leaving the door open to do it as an escape hatch when the design system still has shortcomings\n * with respect to the product designs we want to achieve.\n *\n * The cumbersome name also serves the purpose of aiding in easily searching for the places in the\n * code where this escape hatch was needed, in order to identify areas where the design system\n * components need to improve to better match our needs.\n *\n * This behaviour can be customized via an optional second generic argument that allows to disable\n * this feature, or to omit the `className` altogether without replacing it with the obfuscated prop\n * name.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\ninterface PolymorphicComponent<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n> {\n    <TT extends React.ElementType = ComponentType>(\n        props: PolymorphicComponentProps<TT, OwnProps, ShouldObfuscateClassName>,\n    ): React.ReactElement | null\n    readonly $$typeof: symbol\n    defaultProps?: Partial<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    displayName?: string\n}\n\n/**\n * A wrapper to use React.forwardRef with polymorphic components in a type-safe manner. This is a\n * convenience over merely using React.forwardRef directly, and then manually forcing the resulting\n * value to be typed using `as PolymorphicComponent<…>`.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\nfunction polymorphicComponent<\n    ComponentType extends React.ElementType = 'div',\n    OwnProps = EmptyObject,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n>(render: ForwardRefFunction<ComponentType, OwnProps, ShouldObfuscateClassName>) {\n    return React.forwardRef(render) as PolymorphicComponent<\n        ComponentType,\n        OwnProps,\n        ShouldObfuscateClassName\n    >\n}\n\nexport type { PolymorphicComponent, PolymorphicComponentProps }\nexport { polymorphicComponent }\n"],"names":["polymorphicComponent","render","React","forwardRef"],"mappings":";;AAAA;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,oBAAoBA,CAI3BC,MAA6E,EAAE;AAC7E,EAAA,oBAAOC,KAAK,CAACC,UAAU,CAACF,MAAM,CAAC,CAAA;AAKnC;;;;"}

package/lib/checkbox-field/checkbox-field.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { JSX } from 'react';
 interface CheckboxFieldProps extends Omit<JSX.IntrinsicElements['input'], 'type' | 'className' | 'disabled' | 'aria-controls' | 'aria-describedby' | 'aria-label' | 'aria-labelledby'> {
     'aria-checked'?: never;
     /**

package/lib/checkbox-field/checkbox-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-field.js","sources":["../../src/checkbox-field/checkbox-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { Text } from '../text'\n\nimport { CheckboxIcon } from './checkbox-icon'\nimport { useForkRef } from './use-fork-ref'\n\nimport styles from './checkbox-field.module.css'\n\ninterface CheckboxFieldProps\n    extends Omit<\n        JSX.IntrinsicElements['input'],\n        | 'type'\n        | 'className'\n        | 'disabled'\n        | 'aria-controls'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    'aria-checked'?: never\n    /**\n     *\n     * Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.\n     */\n    'aria-controls'?: string\n\n    /**\n     * Identifies the element (or elements) that describes the checkbox for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current checkbox for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current checkbox for assistive technologies.\n     */\n    'aria-labelledby'?: string\n\n    /**\n     * Defines whether or not the checkbox is disabled.\n     */\n    disabled?: boolean\n\n    /**\n     * The label for the checkbox element.\n     */\n    label?: React.ReactNode\n\n    /**\n     * The icon that should be added to the checkbox label.\n     */\n    icon?: React.ReactElement | string | number\n\n    /**\n     * Defines whether or not the checkbox can be of a `mixed` state.\n     */\n    indeterminate?: boolean\n}\n\nconst CheckboxField = React.forwardRef<HTMLInputElement, CheckboxFieldProps>(function CheckboxField(\n    { label, icon, disabled, indeterminate, defaultChecked, onChange, ...props },\n    ref,\n) {\n    const isControlledComponent = typeof props.checked === 'boolean'\n    if (typeof indeterminate === 'boolean' && !isControlledComponent) {\n        // eslint-disable-next-line no-console\n        console.warn('Cannot use indeterminate on an uncontrolled checkbox')\n        indeterminate = undefined\n    }\n\n    if (!label && !props['aria-label'] && !props['aria-labelledby']) {\n        // eslint-disable-next-line no-console\n        console.warn('A Checkbox needs a label')\n    }\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useForkRef(internalRef, ref)\n    React.useEffect(\n        function setIndeterminate() {\n            if (internalRef.current && typeof indeterminate === 'boolean') {\n                internalRef.current.indeterminate = indeterminate\n            }\n        },\n        [indeterminate],\n    )\n\n    return (\n        <Box\n            as=\"label\"\n            display=\"flex\"\n            alignItems=\"center\"\n            className={[\n                styles.container,\n                disabled ? styles.disabled : null,\n                isChecked ? styles.checked : null,\n                keyFocused ? styles.keyFocused : null,\n            ]}\n        >\n            <input\n                {...props}\n                ref={combinedRef}\n                type=\"checkbox\"\n                aria-checked={indeterminate ? 'mixed' : isChecked}\n                checked={isChecked}\n                disabled={disabled}\n                onChange={(event) => {\n                    onChange?.(event)\n                    if (!event.defaultPrevented) {\n                        setChecked(event.currentTarget.checked)\n                    }\n                }}\n                onBlur={(event) => {\n                    setKeyFocused(false)\n                    props?.onBlur?.(event)\n                }}\n                onKeyUp={(event) => {\n                    setKeyFocused(true)\n                    props?.onKeyUp?.(event)\n                }}\n            />\n            <CheckboxIcon\n                checked={isChecked}\n                disabled={disabled}\n                indeterminate={indeterminate}\n                aria-hidden\n            />\n            {icon ? (\n                <Box display=\"flex\" className={styles.icon} aria-hidden>\n                    {icon}\n                </Box>\n            ) : null}\n            {label ? (\n                <Box display=\"flex\" className={styles.label}>\n                    <Text>{label}</Text>\n                </Box>\n            ) : null}\n        </Box>\n    )\n})\n\nexport { CheckboxField }\nexport type { CheckboxFieldProps }\n"],"names":["CheckboxField","React","forwardRef","label","icon","disabled","indeterminate","defaultChecked","onChange","props","ref","isControlledComponent","checked","console","warn","undefined","keyFocused","setKeyFocused","useState","checkedState","setChecked","isChecked","internalRef","useRef","combinedRef","useForkRef","useEffect","setIndeterminate","current","createElement","Box","as","display","alignItems","className","styles","container","_extends","type","event","defaultPrevented","currentTarget","onBlur","onKeyUp","CheckboxIcon","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEMA,MAAAA,aAAa,gBAAGC,gBAAK,CAACC,UAAU,CAAuC,SAASF,aAAaA,CAC/F;EAAEG,KAAK;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,aAAa;EAAEC,cAAc;EAAEC,QAAQ;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC5EC,GAAG,EACL;AACE,EAAA,MAAMC,qBAAqB,GAAG,OAAOF,KAAK,CAACG,OAAO,KAAK,SAAS,CAAA;AAChE,EAAA,IAAI,OAAON,aAAa,KAAK,SAAS,IAAI,CAACK,qBAAqB,EAAE;AAC9D;AACAE,IAAAA,OAAO,CAACC,IAAI,CAAC,sDAAsD,CAAC,CAAA;AACpER,IAAAA,aAAa,GAAGS,SAAS,CAAA;AAC7B,GAAA;AAEA,EAAA,IAAI,CAACZ,KAAK,IAAI,CAACM,KAAK,CAAC,YAAY,CAAC,IAAI,CAACA,KAAK,CAAC,iBAAiB,CAAC,EAAE;AAC7D;AACAI,IAAAA,OAAO,CAACC,IAAI,CAAC,0BAA0B,CAAC,CAAA;AAC5C,GAAA;EAEA,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAGhB,gBAAK,CAACiB,QAAQ,CAAC,KAAK,CAAC,CAAA;AACzD,EAAA,MAAM,CAACC,YAAY,EAAEC,UAAU,CAAC,GAAGnB,gBAAK,CAACiB,QAAQ,CAACT,KAAK,CAACG,OAAO,IAAIL,cAAc,IAAI,KAAK,CAAC,CAAA;AAC3F,EAAA,MAAMc,SAAS,GAAGZ,KAAK,CAACG,OAAO,IAAIO,YAAY,CAAA;AAE/C,EAAA,MAAMG,WAAW,GAAGrB,gBAAK,CAACsB,MAAM,CAAmB,IAAI,CAAC,CAAA;AACxD,EAAA,MAAMC,WAAW,GAAGC,qBAAU,CAACH,WAAW,EAAEZ,GAAG,CAAC,CAAA;AAChDT,EAAAA,gBAAK,CAACyB,SAAS,CACX,SAASC,gBAAgBA,GAAG;IACxB,IAAIL,WAAW,CAACM,OAAO,IAAI,OAAOtB,aAAa,KAAK,SAAS,EAAE;AAC3DgB,MAAAA,WAAW,CAACM,OAAO,CAACtB,aAAa,GAAGA,aAAa,CAAA;AACrD,KAAA;AACJ,GAAC,EACD,CAACA,aAAa,CAClB,CAAC,CAAA;AAED,EAAA,oBACIL,gBAAA,CAAA4B,aAAA,CAACC,OAAG,EAAA;AACAC,IAAAA,EAAE,EAAC,OAAO;AACVC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,SAAS,EAAE,CACPC,+BAAM,CAACC,SAAS,EAChB/B,QAAQ,GAAG8B,+BAAM,CAAC9B,QAAQ,GAAG,IAAI,EACjCgB,SAAS,GAAGc,+BAAM,CAACvB,OAAO,GAAG,IAAI,EACjCI,UAAU,GAAGmB,+BAAM,CAACnB,UAAU,GAAG,IAAI,CAAA;AACvC,GAAA,eAEFf,gBAAA,CAAA4B,aAAA,CAAAQ,OAAAA,EAAAA,4BAAA,KACQ5B,KAAK,EAAA;AACTC,IAAAA,GAAG,EAAEc,WAAY;AACjBc,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,cAAA,EAAchC,aAAa,GAAG,OAAO,GAAGe,SAAU;AAClDT,IAAAA,OAAO,EAAES,SAAU;AACnBhB,IAAAA,QAAQ,EAAEA,QAAS;IACnBG,QAAQ,EAAG+B,KAAK,IAAK;MACjB/B,QAAQ,GAAG+B,KAAK,CAAC,CAAA;AACjB,MAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,EAAE;AACzBpB,QAAAA,UAAU,CAACmB,KAAK,CAACE,aAAa,CAAC7B,OAAO,CAAC,CAAA;AAC3C,OAAA;KACF;IACF8B,MAAM,EAAGH,OAAK,IAAK;MACftB,aAAa,CAAC,KAAK,CAAC,CAAA;AACpBR,MAAAA,KAAK,EAAEiC,MAAM,GAAGH,OAAK,CAAC,CAAA;KACxB;IACFI,OAAO,EAAGJ,OAAK,IAAK;MAChBtB,aAAa,CAAC,IAAI,CAAC,CAAA;AACnBR,MAAAA,KAAK,EAAEkC,OAAO,GAAGJ,OAAK,CAAC,CAAA;AAC3B,KAAA;AAAE,GAAA,CACL,CAAC,eACFtC,gBAAA,CAAA4B,aAAA,CAACe,yBAAY,EAAA;AACThC,IAAAA,OAAO,EAAES,SAAU;AACnBhB,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAc;AAC7B,IAAA,aAAA,EAAA,IAAA;GACH,CAAC,EACDF,IAAI,gBACDH,gBAAA,CAAA4B,aAAA,CAACC,OAAG,EAAA;AAACE,IAAAA,OAAO,EAAC,MAAM;IAACE,SAAS,EAAEC,+BAAM,CAAC/B,IAAK;AAAC,IAAA,aAAA,EAAA,IAAA;GACvCA,EAAAA,IACA,CAAC,GACN,IAAI,EACPD,KAAK,gBACFF,gBAAA,CAAA4B,aAAA,CAACC,OAAG,EAAA;AAACE,IAAAA,OAAO,EAAC,MAAM;IAACE,SAAS,EAAEC,+BAAM,CAAChC,KAAAA;GAClCF,eAAAA,gBAAA,CAAA4B,aAAA,CAACgB,SAAI,EAAE1C,IAAAA,EAAAA,KAAY,CAClB,CAAC,GACN,IACH,CAAC,CAAA;AAEd,CAAC;;;;"}
+{"version":3,"file":"checkbox-field.js","sources":["../../src/checkbox-field/checkbox-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { Text } from '../text'\n\nimport { CheckboxIcon } from './checkbox-icon'\nimport { useForkRef } from './use-fork-ref'\n\nimport styles from './checkbox-field.module.css'\n\nimport type { JSX } from 'react'\n\ninterface CheckboxFieldProps\n    extends Omit<\n        JSX.IntrinsicElements['input'],\n        | 'type'\n        | 'className'\n        | 'disabled'\n        | 'aria-controls'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    'aria-checked'?: never\n    /**\n     *\n     * Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.\n     */\n    'aria-controls'?: string\n\n    /**\n     * Identifies the element (or elements) that describes the checkbox for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current checkbox for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current checkbox for assistive technologies.\n     */\n    'aria-labelledby'?: string\n\n    /**\n     * Defines whether or not the checkbox is disabled.\n     */\n    disabled?: boolean\n\n    /**\n     * The label for the checkbox element.\n     */\n    label?: React.ReactNode\n\n    /**\n     * The icon that should be added to the checkbox label.\n     */\n    icon?: React.ReactElement | string | number\n\n    /**\n     * Defines whether or not the checkbox can be of a `mixed` state.\n     */\n    indeterminate?: boolean\n}\n\nconst CheckboxField = React.forwardRef<HTMLInputElement, CheckboxFieldProps>(function CheckboxField(\n    { label, icon, disabled, indeterminate, defaultChecked, onChange, ...props },\n    ref,\n) {\n    const isControlledComponent = typeof props.checked === 'boolean'\n    if (typeof indeterminate === 'boolean' && !isControlledComponent) {\n        // eslint-disable-next-line no-console\n        console.warn('Cannot use indeterminate on an uncontrolled checkbox')\n        indeterminate = undefined\n    }\n\n    if (!label && !props['aria-label'] && !props['aria-labelledby']) {\n        // eslint-disable-next-line no-console\n        console.warn('A Checkbox needs a label')\n    }\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useForkRef(internalRef, ref)\n    React.useEffect(\n        function setIndeterminate() {\n            if (internalRef.current && typeof indeterminate === 'boolean') {\n                internalRef.current.indeterminate = indeterminate\n            }\n        },\n        [indeterminate],\n    )\n\n    return (\n        <Box\n            as=\"label\"\n            display=\"flex\"\n            alignItems=\"center\"\n            className={[\n                styles.container,\n                disabled ? styles.disabled : null,\n                isChecked ? styles.checked : null,\n                keyFocused ? styles.keyFocused : null,\n            ]}\n        >\n            <input\n                {...props}\n                ref={combinedRef}\n                type=\"checkbox\"\n                aria-checked={indeterminate ? 'mixed' : isChecked}\n                checked={isChecked}\n                disabled={disabled}\n                onChange={(event) => {\n                    onChange?.(event)\n                    if (!event.defaultPrevented) {\n                        setChecked(event.currentTarget.checked)\n                    }\n                }}\n                onBlur={(event) => {\n                    setKeyFocused(false)\n                    props?.onBlur?.(event)\n                }}\n                onKeyUp={(event) => {\n                    setKeyFocused(true)\n                    props?.onKeyUp?.(event)\n                }}\n            />\n            <CheckboxIcon\n                checked={isChecked}\n                disabled={disabled}\n                indeterminate={indeterminate}\n                aria-hidden\n            />\n            {icon ? (\n                <Box display=\"flex\" className={styles.icon} aria-hidden>\n                    {icon}\n                </Box>\n            ) : null}\n            {label ? (\n                <Box display=\"flex\" className={styles.label}>\n                    <Text>{label}</Text>\n                </Box>\n            ) : null}\n        </Box>\n    )\n})\n\nexport { CheckboxField }\nexport type { CheckboxFieldProps }\n"],"names":["CheckboxField","React","forwardRef","label","icon","disabled","indeterminate","defaultChecked","onChange","props","ref","isControlledComponent","checked","console","warn","undefined","keyFocused","setKeyFocused","useState","checkedState","setChecked","isChecked","internalRef","useRef","combinedRef","useForkRef","useEffect","setIndeterminate","current","createElement","Box","as","display","alignItems","className","styles","container","_extends","type","event","defaultPrevented","currentTarget","onBlur","onKeyUp","CheckboxIcon","Text"],"mappings":"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"}

package/lib/components/color-picker/deprecated-button/deprecated-button.js

@@ -131,11 +131,6 @@ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(t0, ref)
   return t5;
 });
 Button.displayName = 'Button';
-Button.defaultProps = {
-  size: 'default',
-  loading: false,
-  disabled: false
-};
 
 exports.Button = Button;
 //# sourceMappingURL=deprecated-button.js.map

package/lib/components/color-picker/deprecated-button/deprecated-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"deprecated-button.js","sources":["../../../../src/components/color-picker/deprecated-button/deprecated-button.tsx"],"sourcesContent":["import './deprecated-button.less'\n\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../../../tooltip'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\n/** @deprecated */\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link'\n\n/** @deprecated */\nexport type ButtonSize = 'default' | 'small' | 'large'\n\n/** @deprecated */\nexport type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {\n    /**\n     * Loading style. When true it disables the button, but it also adds a visual indication of\n     * some in-progress operation going on.\n     */\n    loading?: boolean\n    /**\n     * Controls visually how the button shows up from a predefined set of kinds of buttons.\n     */\n    variant?: ButtonVariant\n    /**\n     * The size of the button. If not provided it shows up in a normal size.\n     */\n    size?: ButtonSize\n    /**\n     * Tooltip that is displayed on hover.\n     *\n     * This replaces `title` which is not supported for these buttons to avoid confusion.\n     */\n    tooltip?: React.ReactNode\n}\n\n/**\n * @deprecated\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n    {\n        type = 'button',\n        variant,\n        size = 'default',\n        loading = false,\n        disabled = false,\n        tooltip,\n        onClick,\n        children,\n        ...props\n    },\n    ref,\n) {\n    const className = classNames(\n        'reactist_button',\n        variant ? `reactist_button--${variant}` : null,\n        size !== 'default' ? `reactist_button--${size}` : null,\n        { 'reactist_button--loading': loading },\n        props.className,\n    )\n\n    const button = (\n        <button\n            {...props}\n            ref={ref}\n            type={type}\n            className={className}\n            aria-disabled={disabled || loading}\n            onClick={disabled || loading ? undefined : onClick}\n        >\n            {children}\n        </button>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button\n})\n\nButton.displayName = 'Button'\n\nButton.defaultProps = {\n    size: 'default',\n    loading: false,\n    disabled: false,\n}\n\nexport { Button }\n"],"names":["Button","React","forwardRef","t0","ref","$","_c","children","disabled","loading","onClick","props","t1","tooltip","type","t2","variant","size","t3","t4","t5","t6","t7","t8","t9","undefined","classNames","className","createElement","_extends","button","Tooltip","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"file":"deprecated-button.js","sources":["../../../../src/components/color-picker/deprecated-button/deprecated-button.tsx"],"sourcesContent":["import './deprecated-button.less'\n\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../../../tooltip'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\n/** @deprecated */\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link'\n\n/** @deprecated */\nexport type ButtonSize = 'default' | 'small' | 'large'\n\n/** @deprecated */\nexport type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {\n    /**\n     * Loading style. When true it disables the button, but it also adds a visual indication of\n     * some in-progress operation going on.\n     */\n    loading?: boolean\n    /**\n     * Controls visually how the button shows up from a predefined set of kinds of buttons.\n     */\n    variant?: ButtonVariant\n    /**\n     * The size of the button. If not provided it shows up in a normal size.\n     */\n    size?: ButtonSize\n    /**\n     * Tooltip that is displayed on hover.\n     *\n     * This replaces `title` which is not supported for these buttons to avoid confusion.\n     */\n    tooltip?: React.ReactNode\n}\n\n/**\n * @deprecated\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n    {\n        type = 'button',\n        variant,\n        size = 'default',\n        loading = false,\n        disabled = false,\n        tooltip,\n        onClick,\n        children,\n        ...props\n    },\n    ref,\n) {\n    const className = classNames(\n        'reactist_button',\n        variant ? `reactist_button--${variant}` : null,\n        size !== 'default' ? `reactist_button--${size}` : null,\n        { 'reactist_button--loading': loading },\n        props.className,\n    )\n\n    const button = (\n        <button\n            {...props}\n            ref={ref}\n            type={type}\n            className={className}\n            aria-disabled={disabled || loading}\n            onClick={disabled || loading ? undefined : onClick}\n        >\n            {children}\n        </button>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button\n})\n\nButton.displayName = 'Button'\n\nexport { Button }\n"],"names":["Button","React","forwardRef","t0","ref","$","_c","children","disabled","loading","onClick","props","t1","tooltip","type","t2","variant","size","t3","t4","t5","t6","t7","t8","t9","undefined","classNames","className","createElement","_extends","button","Tooltip","displayName"],"mappings":"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"}

package/lib/components/color-picker/deprecated-dropdown/dropdown.d.ts

@@ -1,5 +1,6 @@
 import './dropdown.less';
 import * as React from 'react';
+import type { JSX } from 'react';
 type BoxProps = {
     onShowBody?: () => void;
     onHideBody?: () => void;
@@ -19,6 +20,7 @@ type BoxState = {
 };
 declare class Box extends React.Component<BoxProps, BoxState> {
     static displayName: string;
+    private rootRef;
     constructor(props: BoxProps, context: React.Context<unknown>);
     componentWillUnmount(): void;
     _timeout?: ReturnType<typeof setTimeout>;
@@ -26,8 +28,8 @@ declare class Box extends React.Component<BoxProps, BoxState> {
     _toggleShowBody: () => void;
     _getTriggerComponent(): React.ReactElement<TriggerProps, string | React.JSXElementConstructor<any>> | undefined;
     _setPosition: (body: HTMLElement | null) => void;
-    _getBodyComponent(): React.JSX.Element | null;
-    render(): React.JSX.Element;
+    _getBodyComponent(): JSX.Element | null;
+    render(): JSX.Element;
 }
 type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
 type TriggerProps = Omit<NativeButtonProps, 'title' | 'onClick'> & {
@@ -43,7 +45,7 @@ type BodyProps = {
     top?: boolean;
     right?: boolean;
 };
-declare function Body({ top, right, children, setPosition }: BodyProps): React.JSX.Element;
+declare function Body({ top, right, children, setPosition }: BodyProps): JSX.Element;
 declare namespace Body {
     var displayName: string;
 }

package/lib/components/color-picker/deprecated-dropdown/dropdown.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _extends = require('@babel/runtime/helpers/extends');
 var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
-var ReactDOM = require('react-dom');
 var classNames = require('classnames');
 var deprecatedButton = require('../deprecated-button/deprecated-button.js');
 
@@ -31,10 +30,10 @@ function _interopNamespace(e) {
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 class Box extends React__namespace.Component {
+  rootRef = /*#__PURE__*/React__namespace.createRef();
   constructor(props, context) {
     super(props, context);
     this.state = {
@@ -50,7 +49,7 @@ class Box extends React__namespace.Component {
     }
   }
   _handleClickOutside = event => {
-    const dropdownDOMNode = ReactDOM__default["default"].findDOMNode(this);
+    const dropdownDOMNode = this.rootRef.current;
     if (dropdownDOMNode && !dropdownDOMNode.contains(event.target)) this._toggleShowBody();else if (!this.props.allowBodyInteractions) {
       // won't close when body interactions are allowed
       this._timeout = setTimeout(() => {
@@ -86,11 +85,11 @@ class Box extends React__namespace.Component {
     if (body) {
       const scrollingParent = document.getElementById(this.props.scrolling_parent ? this.props.scrolling_parent : '');
       if (scrollingParent) {
-        const dropdown = ReactDOM__default["default"].findDOMNode(this);
+        const dropdown = this.rootRef.current;
         if (!dropdown) {
           return;
         }
-        const dropdownVerticalPosition = ReactDOM__default["default"].findDOMNode(this).offsetTop;
+        const dropdownVerticalPosition = dropdown.offsetTop;
         const dropdownTrigger = dropdown.querySelector('.trigger');
         if (!dropdownTrigger) {
           return;
@@ -146,6 +145,7 @@ class Box extends React__namespace.Component {
       top
     } = this.state;
     return /*#__PURE__*/React__namespace.createElement("div", {
+      ref: this.rootRef,
       style: {
         display: 'inline-block'
       },

package/lib/components/color-picker/deprecated-dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../../../../src/components/color-picker/deprecated-dropdown/dropdown.tsx"],"sourcesContent":["import './dropdown.less'\n\nimport * as React from 'react'\nimport ReactDOM from 'react-dom'\n\nimport classNames from 'classnames'\n\nimport Button from '../deprecated-button'\n\ntype BoxProps = {\n    onShowBody?: () => void\n    onHideBody?: () => void\n    allowBodyInteractions?: boolean\n    top?: boolean\n    right?: boolean\n    scrolling_parent?: string\n    children?: [\n        React.ReactElement<TriggerProps>,\n        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element),\n    ]\n    className?: string\n}\n\ntype BoxState = {\n    top: boolean\n    showBody: boolean\n}\n\nclass Box extends React.Component<BoxProps, BoxState> {\n    public static displayName: string\n\n    constructor(props: BoxProps, context: React.Context<unknown>) {\n        super(props, context)\n        this.state = {\n            showBody: false,\n            top: props.top || false,\n        }\n\n        this._timeout = undefined\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this._handleClickOutside, true)\n        if (this._timeout) {\n            clearTimeout(this._timeout)\n        }\n    }\n    _timeout?: ReturnType<typeof setTimeout>\n\n    _handleClickOutside = (event: MouseEvent) => {\n        const dropdownDOMNode = ReactDOM.findDOMNode(this)\n\n        if (dropdownDOMNode && !dropdownDOMNode.contains(event.target as Node))\n            this._toggleShowBody()\n        else if (!this.props.allowBodyInteractions) {\n            // won't close when body interactions are allowed\n            this._timeout = setTimeout(() => {\n                if (this.state.showBody) {\n                    this._toggleShowBody()\n                }\n            }, 100)\n        }\n    }\n\n    _toggleShowBody = () => {\n        if (!this.state.showBody) {\n            // will show\n            if (this.props.onShowBody) this.props.onShowBody()\n            document.addEventListener('click', this._handleClickOutside, true)\n        } else {\n            // will hide\n            if (this.props.onHideBody) this.props.onHideBody()\n            document.removeEventListener('click', this._handleClickOutside, true)\n        }\n\n        this.setState({\n            showBody: !this.state.showBody,\n        })\n    }\n\n    _getTriggerComponent() {\n        const _trigger = this.props.children?.[0]\n        return _trigger\n            ? React.cloneElement(_trigger, { onClick: this._toggleShowBody })\n            : undefined\n    }\n\n    // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components\n    _setPosition = (body: HTMLElement | null) => {\n        if (body) {\n            const scrollingParent = document.getElementById(\n                this.props.scrolling_parent ? this.props.scrolling_parent : '',\n            )\n\n            if (scrollingParent) {\n                const dropdown = ReactDOM.findDOMNode(this)\n                if (!dropdown) {\n                    return\n                }\n                const dropdownVerticalPosition = (ReactDOM.findDOMNode(this) as HTMLElement)\n                    .offsetTop\n                const dropdownTrigger = (dropdown as Element).querySelector('.trigger')\n                if (!dropdownTrigger) {\n                    return\n                }\n                const dropdownTriggerHeight = dropdownTrigger.clientHeight\n                const dropdownBodyHeight = body.clientHeight\n\n                const scrollingParentHeight = scrollingParent.clientHeight\n                const scrollingParentOffset = scrollingParent.scrollTop\n\n                const bottomOffset =\n                    scrollingParentHeight +\n                    scrollingParentOffset -\n                    dropdownVerticalPosition -\n                    dropdownTriggerHeight\n\n                const top = bottomOffset < dropdownBodyHeight\n\n                if (top !== this.state.top) {\n                    this.setState({ top })\n                }\n            }\n        }\n    }\n\n    _getBodyComponent() {\n        if (!this.state.showBody) {\n            return null\n        }\n        const { top } = this.state\n        const { right = false, children } = this.props\n        const props = { top, right, setPosition: this._setPosition }\n\n        const className = classNames({\n            body_wrapper: true,\n            with_arrow: true,\n            top: top,\n            bottom: !top,\n        })\n\n        const body = children?.[1]\n\n        const contentMarkup =\n            typeof body === 'function'\n                ? body(props)\n                : body\n                  ? React.cloneElement(body, props)\n                  : undefined\n        return (\n            <div className={className} style={{ position: 'relative' }}>\n                {contentMarkup}\n            </div>\n        )\n    }\n\n    render() {\n        const className = classNames('reactist_dropdown', this.props.className)\n        const { top } = this.state\n\n        return (\n            <div\n                style={{ display: 'inline-block' }}\n                className={className}\n                data-testid=\"reactist-dropdown-box\"\n            >\n                {top && this._getBodyComponent()}\n                {this._getTriggerComponent()}\n                {!top && this._getBodyComponent()}\n            </div>\n        )\n    }\n}\n\nBox.displayName = 'Dropdown.Box'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\ntype TriggerProps = Omit<NativeButtonProps, 'title' | 'onClick'> & {\n    tooltip?: React.ReactNode\n    /**\n     * @private the onClick prop is not to be used externally\n     */\n    onClick?: NativeButtonProps['onClick']\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(function Trigger(\n    { children, onClick, tooltip, className, ...props },\n    ref,\n) {\n    function handleClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n        event.preventDefault()\n        event.stopPropagation()\n        if (onClick) onClick(event)\n    }\n\n    return (\n        <Button\n            {...props}\n            className={classNames('trigger', className)}\n            onClick={handleClick}\n            tooltip={tooltip}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nTrigger.displayName = 'Dropdown.Trigger'\n\ntype BodyProps = {\n    setPosition?: React.Ref<HTMLDivElement>\n    children?: React.ReactNode\n    top?: boolean\n    right?: boolean\n}\n\nfunction Body({ top, right, children, setPosition }: BodyProps) {\n    const style: React.CSSProperties = { position: 'absolute', right: 0, top: 0 }\n\n    if (top) {\n        style.top = 'auto'\n        style.bottom = 0\n    }\n\n    if (right) {\n        style.right = 'auto'\n        style.left = 0\n    }\n\n    return (\n        <div\n            ref={setPosition}\n            style={style}\n            className=\"body\"\n            id=\"reactist-dropdown-body\"\n            data-testid=\"reactist-dropdown-body\"\n        >\n            {children}\n        </div>\n    )\n}\n\nBody.displayName = 'Dropdown.Body'\n\nconst Dropdown = {\n    Box,\n    Trigger,\n    Body,\n}\n\nexport { Dropdown }\n"],"names":["Box","React","Component","constructor","props","context","state","showBody","top","_timeout","undefined","componentWillUnmount","document","removeEventListener","_handleClickOutside","clearTimeout","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_toggleShowBody","allowBodyInteractions","setTimeout","onShowBody","addEventListener","onHideBody","setState","_getTriggerComponent","_trigger","children","cloneElement","onClick","_setPosition","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","dropdownTriggerHeight","clientHeight","dropdownBodyHeight","scrollingParentHeight","scrollingParentOffset","scrollTop","bottomOffset","_getBodyComponent","right","setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","createElement","style","position","render","display","displayName","Trigger","forwardRef","t0","ref","$","_c","t1","tooltip","t2","t3","t4","t5","handleClick","preventDefault","stopPropagation","Button","_extends","Body","left","id","Dropdown"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","sources":["../../../../src/components/color-picker/deprecated-dropdown/dropdown.tsx"],"sourcesContent":["import './dropdown.less'\n\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport Button from '../deprecated-button'\n\nimport type { JSX } from 'react'\n\ntype BoxProps = {\n    onShowBody?: () => void\n    onHideBody?: () => void\n    allowBodyInteractions?: boolean\n    top?: boolean\n    right?: boolean\n    scrolling_parent?: string\n    children?: [\n        React.ReactElement<TriggerProps>,\n        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element),\n    ]\n    className?: string\n}\n\ntype BoxState = {\n    top: boolean\n    showBody: boolean\n}\n\nclass Box extends React.Component<BoxProps, BoxState> {\n    public static displayName: string\n\n    private rootRef = React.createRef<HTMLDivElement>()\n\n    constructor(props: BoxProps, context: React.Context<unknown>) {\n        super(props, context)\n        this.state = {\n            showBody: false,\n            top: props.top || false,\n        }\n\n        this._timeout = undefined\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this._handleClickOutside, true)\n        if (this._timeout) {\n            clearTimeout(this._timeout)\n        }\n    }\n    _timeout?: ReturnType<typeof setTimeout>\n\n    _handleClickOutside = (event: MouseEvent) => {\n        const dropdownDOMNode = this.rootRef.current\n\n        if (dropdownDOMNode && !dropdownDOMNode.contains(event.target as Node))\n            this._toggleShowBody()\n        else if (!this.props.allowBodyInteractions) {\n            // won't close when body interactions are allowed\n            this._timeout = setTimeout(() => {\n                if (this.state.showBody) {\n                    this._toggleShowBody()\n                }\n            }, 100)\n        }\n    }\n\n    _toggleShowBody = () => {\n        if (!this.state.showBody) {\n            // will show\n            if (this.props.onShowBody) this.props.onShowBody()\n            document.addEventListener('click', this._handleClickOutside, true)\n        } else {\n            // will hide\n            if (this.props.onHideBody) this.props.onHideBody()\n            document.removeEventListener('click', this._handleClickOutside, true)\n        }\n\n        this.setState({\n            showBody: !this.state.showBody,\n        })\n    }\n\n    _getTriggerComponent() {\n        const _trigger = this.props.children?.[0]\n        return _trigger\n            ? React.cloneElement(_trigger, { onClick: this._toggleShowBody })\n            : undefined\n    }\n\n    // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components\n    _setPosition = (body: HTMLElement | null) => {\n        if (body) {\n            const scrollingParent = document.getElementById(\n                this.props.scrolling_parent ? this.props.scrolling_parent : '',\n            )\n\n            if (scrollingParent) {\n                const dropdown = this.rootRef.current\n                if (!dropdown) {\n                    return\n                }\n                const dropdownVerticalPosition = dropdown.offsetTop\n                const dropdownTrigger = dropdown.querySelector('.trigger')\n                if (!dropdownTrigger) {\n                    return\n                }\n                const dropdownTriggerHeight = dropdownTrigger.clientHeight\n                const dropdownBodyHeight = body.clientHeight\n\n                const scrollingParentHeight = scrollingParent.clientHeight\n                const scrollingParentOffset = scrollingParent.scrollTop\n\n                const bottomOffset =\n                    scrollingParentHeight +\n                    scrollingParentOffset -\n                    dropdownVerticalPosition -\n                    dropdownTriggerHeight\n\n                const top = bottomOffset < dropdownBodyHeight\n\n                if (top !== this.state.top) {\n                    this.setState({ top })\n                }\n            }\n        }\n    }\n\n    _getBodyComponent() {\n        if (!this.state.showBody) {\n            return null\n        }\n        const { top } = this.state\n        const { right = false, children } = this.props\n        const props = { top, right, setPosition: this._setPosition }\n\n        const className = classNames({\n            body_wrapper: true,\n            with_arrow: true,\n            top: top,\n            bottom: !top,\n        })\n\n        const body = children?.[1]\n\n        const contentMarkup =\n            typeof body === 'function'\n                ? body(props)\n                : body\n                  ? React.cloneElement(body, props)\n                  : undefined\n        return (\n            <div className={className} style={{ position: 'relative' }}>\n                {contentMarkup}\n            </div>\n        )\n    }\n\n    render() {\n        const className = classNames('reactist_dropdown', this.props.className)\n        const { top } = this.state\n\n        return (\n            <div\n                ref={this.rootRef}\n                style={{ display: 'inline-block' }}\n                className={className}\n                data-testid=\"reactist-dropdown-box\"\n            >\n                {top && this._getBodyComponent()}\n                {this._getTriggerComponent()}\n                {!top && this._getBodyComponent()}\n            </div>\n        )\n    }\n}\n\nBox.displayName = 'Dropdown.Box'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\ntype TriggerProps = Omit<NativeButtonProps, 'title' | 'onClick'> & {\n    tooltip?: React.ReactNode\n    /**\n     * @private the onClick prop is not to be used externally\n     */\n    onClick?: NativeButtonProps['onClick']\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(function Trigger(\n    { children, onClick, tooltip, className, ...props },\n    ref,\n) {\n    function handleClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n        event.preventDefault()\n        event.stopPropagation()\n        if (onClick) onClick(event)\n    }\n\n    return (\n        <Button\n            {...props}\n            className={classNames('trigger', className)}\n            onClick={handleClick}\n            tooltip={tooltip}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nTrigger.displayName = 'Dropdown.Trigger'\n\ntype BodyProps = {\n    setPosition?: React.Ref<HTMLDivElement>\n    children?: React.ReactNode\n    top?: boolean\n    right?: boolean\n}\n\nfunction Body({ top, right, children, setPosition }: BodyProps) {\n    const style: React.CSSProperties = { position: 'absolute', right: 0, top: 0 }\n\n    if (top) {\n        style.top = 'auto'\n        style.bottom = 0\n    }\n\n    if (right) {\n        style.right = 'auto'\n        style.left = 0\n    }\n\n    return (\n        <div\n            ref={setPosition}\n            style={style}\n            className=\"body\"\n            id=\"reactist-dropdown-body\"\n            data-testid=\"reactist-dropdown-body\"\n        >\n            {children}\n        </div>\n    )\n}\n\nBody.displayName = 'Dropdown.Body'\n\nconst Dropdown = {\n    Box,\n    Trigger,\n    Body,\n}\n\nexport { Dropdown }\n"],"names":["Box","React","Component","rootRef","createRef","constructor","props","context","state","showBody","top","_timeout","undefined","componentWillUnmount","document","removeEventListener","_handleClickOutside","clearTimeout","event","dropdownDOMNode","current","contains","target","_toggleShowBody","allowBodyInteractions","setTimeout","onShowBody","addEventListener","onHideBody","setState","_getTriggerComponent","_trigger","children","cloneElement","onClick","_setPosition","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","dropdownTriggerHeight","clientHeight","dropdownBodyHeight","scrollingParentHeight","scrollingParentOffset","scrollTop","bottomOffset","_getBodyComponent","right","setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","createElement","style","position","render","ref","display","displayName","Trigger","forwardRef","t0","$","_c","t1","tooltip","t2","t3","t4","t5","handleClick","preventDefault","stopPropagation","Button","_extends","Body","left","id","Dropdown"],"mappings":"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"}

package/lib/components/icons/ThreeDotsIcon.svg.d.ts

@@ -1,12 +1,6 @@
 import * as React from 'react';
-import PropTypes from 'prop-types';
-declare const ThreeDotsIcon: {
-    ({ color }: {
-        color?: string | undefined;
-    }): React.JSX.Element;
-    propTypes: {
-        /** Color of the icon. */
-        color: PropTypes.Requireable<string>;
-    };
+type ThreeDotsIconProps = {
+    color?: string;
 };
+declare function ThreeDotsIcon({ color }: ThreeDotsIconProps): React.JSX.Element;
 export default ThreeDotsIcon;

package/lib/icons/alert-icon.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type { JSX } from 'react';
 import type { AlertTone } from '../utils/common-types';
 declare function AlertIcon({ tone, ...props }: JSX.IntrinsicElements['svg'] & {
     tone: AlertTone;
-}): React.JSX.Element | null;
+}): JSX.Element | null;
 export { AlertIcon };

package/lib/icons/alert-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-icon.js","sources":["../../src/icons/alert-icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { AlertTone } from '../utils/common-types'\n\nconst alertIconForTone: Record<AlertTone, typeof AlertInfoIcon> = {\n    info: AlertInfoIcon,\n    positive: AlertPositiveIcon,\n    caution: AlertCautionIcon,\n    critical: AlertCriticalIcon,\n}\n\nfunction AlertIcon({ tone, ...props }: JSX.IntrinsicElements['svg'] & { tone: AlertTone }) {\n    const Icon = alertIconForTone[tone]\n    return Icon ? <Icon {...props} /> : null\n}\n\nfunction AlertInfoIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8-3.94a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM10.25 10a.75.75 0 0 0 0 1.5h1.25V15h-1.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5H13v-4.25a.75.75 0 0 0-.75-.75h-2Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertPositiveIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-5.555-2.99a.75.75 0 0 1 1.06 1.06l-5.303 5.304a.748.748 0 0 1-1.061 0l-2.475-2.475a.75.75 0 0 1 1.06-1.06l1.945 1.944 4.774-4.773Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertCautionIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"m10.272 4.962-7.018 12.03A2 2 0 0 0 4.982 20h14.036a2 2 0 0 0 1.727-3.008l-7.018-12.03a2 2 0 0 0-3.455 0ZM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.014-7.013A.987.987 0 0 0 12 8.5h-.028l-.027.002a.987.987 0 0 0-.93 1.04l.236 4.25c.052.944 1.445.944 1.498 0l.236-4.25a1.925 1.925 0 0 0 .001-.055Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertCriticalIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M12.9866 2.25049C12.3729 1.91683 11.6271 1.91683 11.0134 2.25049L4.04793 6.03744C3.40122 6.38904 2.99999 7.05702 2.99999 7.78208V15.2184C2.99999 15.9435 3.40122 16.6115 4.04793 16.963L11.0134 20.75C11.6271 21.0837 12.3729 21.0837 12.9866 20.75L19.9521 16.963C20.5988 16.6114 21 15.9435 21 15.2184V7.78208C21 7.05701 20.5988 6.38904 19.9521 6.03744L12.9866 2.25049ZM12 7.00024C12.5448 7.00024 12.9865 7.44191 12.9865 7.98674C12.9864 8.00043 12.9863 8.00727 12.9861 8.01411C12.9859 8.02095 12.9856 8.02779 12.985 8.04146L12.7489 12.2918C12.6964 13.2364 11.3036 13.2364 11.2512 12.2918L11.015 8.04146C10.9848 7.49747 11.4013 7.03198 11.9453 7.00176L11.9726 7.00062L12 7.00024ZM13 15.0002C13 15.5525 12.5523 16.0002 12 16.0002C11.4477 16.0002 11 15.5525 11 15.0002C11 14.448 11.4477 14.0002 12 14.0002C12.5523 14.0002 13 14.448 13 15.0002Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nexport { AlertIcon }\n"],"names":["alertIconForTone","info","AlertInfoIcon","positive","AlertPositiveIcon","caution","AlertCautionIcon","critical","AlertCriticalIcon","AlertIcon","t0","$","_c","props","tone","Icon","t1","React","createElement","Symbol","for","fillRule","clipRule","d","fill","_extends","xmlns","width","height","viewBox"],"mappings":"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"}
+{"version":3,"file":"alert-icon.js","sources":["../../src/icons/alert-icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { JSX } from 'react'\nimport type { AlertTone } from '../utils/common-types'\n\nconst alertIconForTone: Record<AlertTone, typeof AlertInfoIcon> = {\n    info: AlertInfoIcon,\n    positive: AlertPositiveIcon,\n    caution: AlertCautionIcon,\n    critical: AlertCriticalIcon,\n}\n\nfunction AlertIcon({ tone, ...props }: JSX.IntrinsicElements['svg'] & { tone: AlertTone }) {\n    const Icon = alertIconForTone[tone]\n    return Icon ? <Icon {...props} /> : null\n}\n\nfunction AlertInfoIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8-3.94a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM10.25 10a.75.75 0 0 0 0 1.5h1.25V15h-1.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5H13v-4.25a.75.75 0 0 0-.75-.75h-2Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertPositiveIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-5.555-2.99a.75.75 0 0 1 1.06 1.06l-5.303 5.304a.748.748 0 0 1-1.061 0l-2.475-2.475a.75.75 0 0 1 1.06-1.06l1.945 1.944 4.774-4.773Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertCautionIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"m10.272 4.962-7.018 12.03A2 2 0 0 0 4.982 20h14.036a2 2 0 0 0 1.727-3.008l-7.018-12.03a2 2 0 0 0-3.455 0ZM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.014-7.013A.987.987 0 0 0 12 8.5h-.028l-.027.002a.987.987 0 0 0-.93 1.04l.236 4.25c.052.944 1.445.944 1.498 0l.236-4.25a1.925 1.925 0 0 0 .001-.055Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertCriticalIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M12.9866 2.25049C12.3729 1.91683 11.6271 1.91683 11.0134 2.25049L4.04793 6.03744C3.40122 6.38904 2.99999 7.05702 2.99999 7.78208V15.2184C2.99999 15.9435 3.40122 16.6115 4.04793 16.963L11.0134 20.75C11.6271 21.0837 12.3729 21.0837 12.9866 20.75L19.9521 16.963C20.5988 16.6114 21 15.9435 21 15.2184V7.78208C21 7.05701 20.5988 6.38904 19.9521 6.03744L12.9866 2.25049ZM12 7.00024C12.5448 7.00024 12.9865 7.44191 12.9865 7.98674C12.9864 8.00043 12.9863 8.00727 12.9861 8.01411C12.9859 8.02095 12.9856 8.02779 12.985 8.04146L12.7489 12.2918C12.6964 13.2364 11.3036 13.2364 11.2512 12.2918L11.015 8.04146C10.9848 7.49747 11.4013 7.03198 11.9453 7.00176L11.9726 7.00062L12 7.00024ZM13 15.0002C13 15.5525 12.5523 16.0002 12 16.0002C11.4477 16.0002 11 15.5525 11 15.0002C11 14.448 11.4477 14.0002 12 14.0002C12.5523 14.0002 13 14.448 13 15.0002Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nexport { AlertIcon }\n"],"names":["alertIconForTone","info","AlertInfoIcon","positive","AlertPositiveIcon","caution","AlertCautionIcon","critical","AlertCriticalIcon","AlertIcon","t0","$","_c","props","tone","Icon","t1","React","createElement","Symbol","for","fillRule","clipRule","d","fill","_extends","xmlns","width","height","viewBox"],"mappings":"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"}