@raystack/apsara 0.48.2 → 0.48.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/avatar/avatar.cjs +1 -1
- package/dist/components/avatar/avatar.cjs.map +1 -1
- package/dist/components/avatar/avatar.d.ts.map +1 -1
- package/dist/components/avatar/avatar.js +1 -1
- package/dist/components/avatar/avatar.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-item.cjs +26 -0
- package/dist/components/breadcrumb/breadcrumb-item.cjs.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.d.ts +14 -0
- package/dist/components/breadcrumb/breadcrumb-item.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.js +24 -0
- package/dist/components/breadcrumb/breadcrumb-item.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-misc.cjs +20 -0
- package/dist/components/breadcrumb/breadcrumb-misc.cjs.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-misc.d.ts +8 -0
- package/dist/components/breadcrumb/breadcrumb-misc.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-misc.js +17 -0
- package/dist/components/breadcrumb/breadcrumb-misc.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-root.cjs +25 -0
- package/dist/components/breadcrumb/breadcrumb-root.cjs.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-root.d.ts +10 -0
- package/dist/components/breadcrumb/breadcrumb-root.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-root.js +23 -0
- package/dist/components/breadcrumb/breadcrumb-root.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.cjs +7 -53
- package/dist/components/breadcrumb/breadcrumb.cjs.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.d.ts +5 -27
- package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +7 -53
- package/dist/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.module.css.cjs +1 -1
- package/dist/components/breadcrumb/breadcrumb.module.css.js +1 -1
- package/dist/components/breadcrumb/index.d.ts +1 -1
- package/dist/components/data-table/utils/filter-operations.cjs +46 -22
- package/dist/components/data-table/utils/filter-operations.cjs.map +1 -1
- package/dist/components/data-table/utils/filter-operations.d.ts +10 -9
- package/dist/components/data-table/utils/filter-operations.d.ts.map +1 -1
- package/dist/components/data-table/utils/filter-operations.js +46 -22
- package/dist/components/data-table/utils/filter-operations.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-misc.cjs +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-misc.cjs.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-misc.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-misc.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-root.cjs +10 -10
- package/dist/components/dropdown-menu/dropdown-menu-root.cjs.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-root.d.ts +8 -5
- package/dist/components/dropdown-menu/dropdown-menu-root.d.ts.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-root.js +11 -11
- package/dist/components/dropdown-menu/dropdown-menu-root.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-trigger.cjs +6 -2
- package/dist/components/dropdown-menu/dropdown-menu-trigger.cjs.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-trigger.d.ts +1 -0
- package/dist/components/dropdown-menu/dropdown-menu-trigger.d.ts.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-trigger.js +6 -2
- package/dist/components/dropdown-menu/dropdown-menu-trigger.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +1 -1
- package/dist/components/filter-chip/filter-chip-operation.cjs +31 -0
- package/dist/components/filter-chip/filter-chip-operation.cjs.map +1 -0
- package/dist/components/filter-chip/filter-chip-operation.d.ts +11 -0
- package/dist/components/filter-chip/filter-chip-operation.d.ts.map +1 -0
- package/dist/components/filter-chip/filter-chip-operation.js +29 -0
- package/dist/components/filter-chip/filter-chip-operation.js.map +1 -0
- package/dist/components/filter-chip/filter-chip.cjs +37 -41
- package/dist/components/filter-chip/filter-chip.cjs.map +1 -1
- package/dist/components/filter-chip/filter-chip.d.ts +6 -5
- package/dist/components/filter-chip/filter-chip.d.ts.map +1 -1
- package/dist/components/filter-chip/filter-chip.js +37 -41
- package/dist/components/filter-chip/filter-chip.js.map +1 -1
- package/dist/components/filter-chip/filter-chip.module.css.cjs +1 -1
- package/dist/components/filter-chip/filter-chip.module.css.js +1 -1
- package/dist/components/select/select-item.cjs +2 -1
- package/dist/components/select/select-item.cjs.map +1 -1
- package/dist/components/select/select-item.d.ts.map +1 -1
- package/dist/components/select/select-item.js +2 -1
- package/dist/components/select/select-item.js.map +1 -1
- package/dist/components/select/select-root.cjs +2 -2
- package/dist/components/select/select-root.cjs.map +1 -1
- package/dist/components/select/select-root.d.ts.map +1 -1
- package/dist/components/select/select-root.js +2 -2
- package/dist/components/select/select-root.js.map +1 -1
- package/dist/components/sidebar/index.d.ts +1 -1
- package/dist/components/sidebar/sidebar.cjs +11 -12
- package/dist/components/sidebar/sidebar.cjs.map +1 -1
- package/dist/components/sidebar/sidebar.d.ts +5 -10
- package/dist/components/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.js +12 -13
- package/dist/components/sidebar/sidebar.js.map +1 -1
- package/dist/components/sidebar/sidebar.module.css.cjs +1 -1
- package/dist/components/sidebar/sidebar.module.css.js +1 -1
- package/dist/components/tooltip/index.d.ts +1 -1
- package/dist/components/tooltip/index.d.ts.map +1 -1
- package/dist/components/tooltip/tooltip-provider.cjs +17 -0
- package/dist/components/tooltip/tooltip-provider.cjs.map +1 -0
- package/dist/components/tooltip/tooltip-provider.d.ts +9 -0
- package/dist/components/tooltip/tooltip-provider.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip-provider.js +14 -0
- package/dist/components/tooltip/tooltip-provider.js.map +1 -0
- package/dist/components/tooltip/tooltip-root.cjs +65 -0
- package/dist/components/tooltip/tooltip-root.cjs.map +1 -0
- package/dist/components/tooltip/tooltip-root.d.ts +29 -0
- package/dist/components/tooltip/tooltip-root.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip-root.js +62 -0
- package/dist/components/tooltip/tooltip-root.js.map +1 -0
- package/dist/components/tooltip/tooltip.cjs +4 -50
- package/dist/components/tooltip/tooltip.cjs.map +1 -1
- package/dist/components/tooltip/tooltip.d.ts +3 -30
- package/dist/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/tooltip.js +5 -50
- package/dist/components/tooltip/tooltip.js.map +1 -1
- package/dist/index.cjs +0 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-tooltip@1.2.7_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-tooltip/dist/index.cjs +8 -8
- package/dist/style.css +1 -1
- package/dist/types/filters.cjs +26 -21
- package/dist/types/filters.cjs.map +1 -1
- package/dist/types/filters.d.ts +19 -6
- package/dist/types/filters.d.ts.map +1 -1
- package/dist/types/filters.js +26 -21
- package/dist/types/filters.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
|
|
2
|
+
import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
|
|
3
|
+
import { useId, useMemo } from 'react';
|
|
4
|
+
import { useMouse } from '../../hooks/useMouse.js';
|
|
5
|
+
import { Text } from '../text/text.js';
|
|
6
|
+
import { useTooltipProvider, TooltipProvider } from './tooltip-provider.js';
|
|
7
|
+
import styles from './tooltip.module.css.js';
|
|
8
|
+
import { getTransformForPlacement } from './utils.js';
|
|
9
|
+
import { Root as Root3, Trigger, Portal, Content as Content2, Arrow as Arrow2 } from '../../node_modules/.pnpm/@radix-ui_react-tooltip@1.2.7_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-tooltip/dist/index.js';
|
|
10
|
+
|
|
11
|
+
const tooltip = cva(styles.content, {
|
|
12
|
+
variants: {
|
|
13
|
+
side: {
|
|
14
|
+
top: styles['side-top'],
|
|
15
|
+
right: styles['side-right'],
|
|
16
|
+
bottom: styles['side-bottom'],
|
|
17
|
+
left: styles['side-left'],
|
|
18
|
+
'top-left': styles['side-top-left'],
|
|
19
|
+
'top-right': styles['side-top-right'],
|
|
20
|
+
'bottom-left': styles['side-bottom-left'],
|
|
21
|
+
'bottom-right': styles['side-bottom-right']
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
side: 'top'
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const TooltipBase = ({ children, message, disabled, side = 'top', classNames, triggerStyle, contentStyle, 'aria-label': ariaLabel, asChild = true, showArrow = true, id, followCursor = false, sideOffset = 4, alignOffset = 0, open, defaultOpen, delayDuration = 200, onOpenChange, disableHoverableContent, ...props }) => {
|
|
29
|
+
const generatedId = useId();
|
|
30
|
+
const tooltipId = id ?? generatedId;
|
|
31
|
+
const { ref, value: mouseValue, reset } = useMouse({
|
|
32
|
+
resetOnExit: false,
|
|
33
|
+
enabled: followCursor
|
|
34
|
+
});
|
|
35
|
+
const computedSide = useMemo(() => (side?.split('-')[0] || 'top'), [side]);
|
|
36
|
+
const computedAlign = useMemo(() => (side?.includes('-')
|
|
37
|
+
? side.split('-')[1] === 'left'
|
|
38
|
+
? 'start'
|
|
39
|
+
: 'end'
|
|
40
|
+
: 'center'), [side]);
|
|
41
|
+
if (disabled)
|
|
42
|
+
return children;
|
|
43
|
+
return (jsxRuntimeExports.jsxs(Root3, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, delayDuration: delayDuration, disableHoverableContent: disableHoverableContent, children: [jsxRuntimeExports.jsx(Trigger, { "aria-describedby": tooltipId, asChild: asChild, onFocus: followCursor ? reset : undefined, children: jsxRuntimeExports.jsx("div", { ref: ref, className: cx(styles.trigger, classNames?.trigger), style: triggerStyle, children: children }) }), jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsxs(Content2, { id: tooltipId, role: 'tooltip', "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: computedSide, align: computedAlign, alignOffset: alignOffset, sideOffset: sideOffset, className: tooltip({ side, className: classNames?.content }), "data-follow-cursor": followCursor, style: {
|
|
44
|
+
...contentStyle,
|
|
45
|
+
pointerEvents: followCursor ? 'none' : undefined,
|
|
46
|
+
transform: followCursor && mouseValue
|
|
47
|
+
? getTransformForPlacement(computedSide, computedAlign, mouseValue)
|
|
48
|
+
: undefined
|
|
49
|
+
}, ...props, children: [typeof message === 'string' ? jsxRuntimeExports.jsx(Text, { children: message }) : message, showArrow && (jsxRuntimeExports.jsx(Arrow2, { className: cx(styles.arrow, classNames?.arrow), width: 7, height: 7 }))] }) })] }));
|
|
50
|
+
};
|
|
51
|
+
const TooltipRoot = (props) => {
|
|
52
|
+
const provider = useTooltipProvider();
|
|
53
|
+
// If already inside a provider, just return the tooltip
|
|
54
|
+
if (provider)
|
|
55
|
+
return jsxRuntimeExports.jsx(TooltipBase, { ...props });
|
|
56
|
+
// If not inside a provider, wrap with our own provider
|
|
57
|
+
return (jsxRuntimeExports.jsx(TooltipProvider, { children: jsxRuntimeExports.jsx(TooltipBase, { ...props }) }));
|
|
58
|
+
};
|
|
59
|
+
TooltipRoot.displayName = 'TooltipRoot';
|
|
60
|
+
|
|
61
|
+
export { TooltipBase, TooltipRoot };
|
|
62
|
+
//# sourceMappingURL=tooltip-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-root.js","sources":["../../../components/tooltip/tooltip-root.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { CSSProperties, ReactNode, useId, useMemo } from 'react';\nimport { useMouse } from '~/hooks';\nimport { Text } from '../text';\nimport { TooltipProvider, useTooltipProvider } from './tooltip-provider';\nimport styles from './tooltip.module.css';\nimport { getTransformForPlacement } from './utils';\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles['side-top'],\n right: styles['side-right'],\n bottom: styles['side-bottom'],\n left: styles['side-left'],\n 'top-left': styles['side-top-left'],\n 'top-right': styles['side-top-right'],\n 'bottom-left': styles['side-bottom-left'],\n 'bottom-right': styles['side-bottom-right']\n }\n },\n defaultVariants: {\n side: 'top'\n }\n});\n\nexport interface TooltipProps\n extends TooltipPrimitive.TooltipProps,\n Omit<TooltipPrimitive.TooltipContentProps, 'side' | 'align'>,\n VariantProps<typeof tooltip> {\n disabled?: boolean;\n message: ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n triggerStyle?: CSSProperties;\n contentStyle?: CSSProperties;\n 'aria-label'?: string;\n asChild?: boolean;\n id?: string;\n showArrow?: boolean;\n followCursor?: boolean;\n}\ntype TooltipSide = NonNullable<TooltipPrimitive.TooltipContentProps['side']>;\ntype TooltipAlign = NonNullable<TooltipPrimitive.TooltipContentProps['align']>;\n\nexport const TooltipBase = ({\n children,\n message,\n disabled,\n side = 'top',\n classNames,\n triggerStyle,\n contentStyle,\n 'aria-label': ariaLabel,\n asChild = true,\n showArrow = true,\n id,\n followCursor = false,\n sideOffset = 4,\n alignOffset = 0,\n open,\n defaultOpen,\n delayDuration = 200,\n onOpenChange,\n disableHoverableContent,\n ...props\n}: TooltipProps) => {\n const generatedId = useId();\n const tooltipId = id ?? generatedId;\n const {\n ref,\n value: mouseValue,\n reset\n } = useMouse<HTMLDivElement>({\n resetOnExit: false,\n enabled: followCursor\n });\n\n const computedSide = useMemo(\n () => (side?.split('-')[0] || 'top') as TooltipSide,\n [side]\n );\n const computedAlign = useMemo(\n () =>\n (side?.includes('-')\n ? side.split('-')[1] === 'left'\n ? 'start'\n : 'end'\n : 'center') as TooltipAlign,\n [side]\n );\n\n if (disabled) return children;\n\n return (\n <TooltipPrimitive.Root\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n delayDuration={delayDuration}\n disableHoverableContent={disableHoverableContent}\n >\n <TooltipPrimitive.Trigger\n aria-describedby={tooltipId}\n asChild={asChild}\n onFocus={followCursor ? reset : undefined}\n >\n <div\n ref={ref}\n className={cx(styles.trigger, classNames?.trigger)}\n style={triggerStyle}\n >\n {children}\n </div>\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id={tooltipId}\n role='tooltip'\n aria-label={\n ariaLabel || (typeof message === 'string' ? message : undefined)\n }\n side={computedSide}\n align={computedAlign}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={tooltip({ side, className: classNames?.content })}\n data-follow-cursor={followCursor}\n style={{\n ...contentStyle,\n pointerEvents: followCursor ? 'none' : undefined,\n transform:\n followCursor && mouseValue\n ? getTransformForPlacement(\n computedSide,\n computedAlign,\n mouseValue\n )\n : undefined\n }}\n {...props}\n >\n {typeof message === 'string' ? <Text>{message}</Text> : message}\n {showArrow && (\n <TooltipPrimitive.Arrow\n className={cx(styles.arrow, classNames?.arrow)}\n width={7}\n height={7}\n />\n )}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n );\n};\n\nexport const TooltipRoot = (props: TooltipProps) => {\n const provider = useTooltipProvider();\n\n // If already inside a provider, just return the tooltip\n if (provider) return <TooltipBase {...props} />;\n\n // If not inside a provider, wrap with our own provider\n return (\n <TooltipProvider>\n <TooltipBase {...props} />\n </TooltipProvider>\n );\n};\n\nTooltipRoot.displayName = 'TooltipRoot';\n"],"names":["_jsxs","TooltipPrimitive.Root","_jsx","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","TooltipPrimitive.Arrow"],"mappings":"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"}
|
|
@@ -1,57 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var useMouse = require('../../hooks/useMouse.cjs');
|
|
7
|
-
var text = require('../text/text.cjs');
|
|
8
|
-
var tooltip_module = require('./tooltip.module.css.cjs');
|
|
9
|
-
var utils = require('./utils.cjs');
|
|
10
|
-
var index = require('../../node_modules/.pnpm/@radix-ui_react-tooltip@1.2.7_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-tooltip/dist/index.cjs');
|
|
3
|
+
var tooltipProvider = require('./tooltip-provider.cjs');
|
|
4
|
+
var tooltipRoot = require('./tooltip-root.cjs');
|
|
11
5
|
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
side: {
|
|
15
|
-
top: tooltip_module.default['side-top'],
|
|
16
|
-
right: tooltip_module.default['side-right'],
|
|
17
|
-
bottom: tooltip_module.default['side-bottom'],
|
|
18
|
-
left: tooltip_module.default['side-left'],
|
|
19
|
-
'top-left': tooltip_module.default['side-top-left'],
|
|
20
|
-
'top-right': tooltip_module.default['side-top-right'],
|
|
21
|
-
'bottom-left': tooltip_module.default['side-bottom-left'],
|
|
22
|
-
'bottom-right': tooltip_module.default['side-bottom-right']
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
defaultVariants: {
|
|
26
|
-
side: 'top'
|
|
27
|
-
}
|
|
6
|
+
const Tooltip = Object.assign(tooltipRoot.TooltipRoot, {
|
|
7
|
+
Provider: tooltipProvider.TooltipProvider
|
|
28
8
|
});
|
|
29
|
-
const Tooltip = ({ children, message, disabled, side = 'top', classNames, triggerStyle, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, showArrow = true, id, followCursor = false, sideOffset = 4, alignOffset = 0 }) => {
|
|
30
|
-
const generatedId = React.useId();
|
|
31
|
-
const tooltipId = id ?? generatedId;
|
|
32
|
-
const { ref, value: mouseValue, reset } = useMouse.useMouse({
|
|
33
|
-
resetOnExit: false,
|
|
34
|
-
enabled: followCursor
|
|
35
|
-
});
|
|
36
|
-
const computedSide = React.useMemo(() => (side?.split('-')[0] || 'top'), [side]);
|
|
37
|
-
const computedAlign = React.useMemo(() => (side?.includes('-')
|
|
38
|
-
? side.split('-')[1] === 'left'
|
|
39
|
-
? 'start'
|
|
40
|
-
: 'end'
|
|
41
|
-
: 'center'), [side]);
|
|
42
|
-
if (disabled)
|
|
43
|
-
return children;
|
|
44
|
-
return (jsxRuntime.jsxRuntimeExports.jsx(index.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, { "aria-describedby": tooltipId, asChild: asChild, onFocus: followCursor ? reset : undefined, children: jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: index$1.cx(tooltip_module.default.trigger, classNames?.trigger), style: triggerStyle, children: children }) }), jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsxs(index.Content, { id: tooltipId, role: 'tooltip', "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: computedSide, align: computedAlign, alignOffset: alignOffset, sideOffset: sideOffset, className: tooltip({ side, className: classNames?.content }), "data-follow-cursor": followCursor, style: {
|
|
45
|
-
...contentStyle,
|
|
46
|
-
pointerEvents: followCursor ? 'none' : undefined,
|
|
47
|
-
transform: followCursor && mouseValue
|
|
48
|
-
? utils.getTransformForPlacement(computedSide, computedAlign, mouseValue)
|
|
49
|
-
: undefined
|
|
50
|
-
}, children: [typeof message === 'string' ? jsxRuntime.jsxRuntimeExports.jsx(text.Text, { children: message }) : message, showArrow && (jsxRuntime.jsxRuntimeExports.jsx(index.Arrow, { className: index$1.cx(tooltip_module.default.arrow, classNames?.arrow), width: 7, height: 7 }))] }) })] }) }));
|
|
51
|
-
};
|
|
52
|
-
Tooltip.displayName = 'Tooltip';
|
|
53
|
-
const TooltipProvider = index.Provider;
|
|
54
9
|
|
|
55
10
|
exports.Tooltip = Tooltip;
|
|
56
|
-
exports.TooltipProvider = TooltipProvider;
|
|
57
11
|
//# sourceMappingURL=tooltip.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.cjs","sources":["../../../components/tooltip/tooltip.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"tooltip.cjs","sources":["../../../components/tooltip/tooltip.tsx"],"sourcesContent":["import { TooltipProvider } from './tooltip-provider';\nimport { TooltipRoot } from './tooltip-root';\n\nexport const Tooltip = Object.assign(TooltipRoot, {\n Provider: TooltipProvider\n});\n"],"names":["TooltipRoot","TooltipProvider"],"mappings":";;;;;MAGa,OAAO,GAAG,MAAM,CAAC,MAAM,CAACA,uBAAW,EAAE;AAChD,IAAA,QAAQ,EAAEC,+BAAe;AAC1B,CAAA;;;;"}
|
|
@@ -1,34 +1,7 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import { Tooltip as TooltipPrimitive } from 'radix-ui';
|
|
3
|
-
import { CSSProperties, ReactNode } from 'react';
|
|
4
|
-
declare const tooltip: (props?: ({
|
|
5
|
-
side?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | null | undefined;
|
|
6
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
-
interface TooltipProps extends VariantProps<typeof tooltip> {
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
message: ReactNode;
|
|
11
|
-
classNames?: {
|
|
12
|
-
trigger?: string;
|
|
13
|
-
content?: string;
|
|
14
|
-
arrow?: string;
|
|
15
|
-
};
|
|
16
|
-
triggerStyle?: CSSProperties;
|
|
17
|
-
contentStyle?: CSSProperties;
|
|
18
|
-
delayDuration?: number;
|
|
19
|
-
skipDelayDuration?: number;
|
|
20
|
-
'aria-label'?: string;
|
|
21
|
-
asChild?: boolean;
|
|
22
|
-
id?: string;
|
|
23
|
-
showArrow?: boolean;
|
|
24
|
-
followCursor?: boolean;
|
|
25
|
-
sideOffset?: number;
|
|
26
|
-
alignOffset?: number;
|
|
27
|
-
}
|
|
28
1
|
export declare const Tooltip: {
|
|
29
|
-
(
|
|
2
|
+
(props: import("./tooltip-root").TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
30
3
|
displayName: string;
|
|
4
|
+
} & {
|
|
5
|
+
Provider: ({ delayDuration, skipDelayDuration, ...props }: import("./tooltip-provider").TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
6
|
};
|
|
32
|
-
export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
|
|
33
|
-
export {};
|
|
34
7
|
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;CAElB,CAAC"}
|
|
@@ -1,54 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { useId, useMemo } from 'react';
|
|
4
|
-
import { useMouse } from '../../hooks/useMouse.js';
|
|
5
|
-
import { Text } from '../text/text.js';
|
|
6
|
-
import styles from './tooltip.module.css.js';
|
|
7
|
-
import { getTransformForPlacement } from './utils.js';
|
|
8
|
-
import { Provider, Root as Root3, Trigger, Portal, Content as Content2, Arrow as Arrow2 } from '../../node_modules/.pnpm/@radix-ui_react-tooltip@1.2.7_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-tooltip/dist/index.js';
|
|
1
|
+
import { TooltipProvider } from './tooltip-provider.js';
|
|
2
|
+
import { TooltipRoot } from './tooltip-root.js';
|
|
9
3
|
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
side: {
|
|
13
|
-
top: styles['side-top'],
|
|
14
|
-
right: styles['side-right'],
|
|
15
|
-
bottom: styles['side-bottom'],
|
|
16
|
-
left: styles['side-left'],
|
|
17
|
-
'top-left': styles['side-top-left'],
|
|
18
|
-
'top-right': styles['side-top-right'],
|
|
19
|
-
'bottom-left': styles['side-bottom-left'],
|
|
20
|
-
'bottom-right': styles['side-bottom-right']
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
defaultVariants: {
|
|
24
|
-
side: 'top'
|
|
25
|
-
}
|
|
4
|
+
const Tooltip = Object.assign(TooltipRoot, {
|
|
5
|
+
Provider: TooltipProvider
|
|
26
6
|
});
|
|
27
|
-
const Tooltip = ({ children, message, disabled, side = 'top', classNames, triggerStyle, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, showArrow = true, id, followCursor = false, sideOffset = 4, alignOffset = 0 }) => {
|
|
28
|
-
const generatedId = useId();
|
|
29
|
-
const tooltipId = id ?? generatedId;
|
|
30
|
-
const { ref, value: mouseValue, reset } = useMouse({
|
|
31
|
-
resetOnExit: false,
|
|
32
|
-
enabled: followCursor
|
|
33
|
-
});
|
|
34
|
-
const computedSide = useMemo(() => (side?.split('-')[0] || 'top'), [side]);
|
|
35
|
-
const computedAlign = useMemo(() => (side?.includes('-')
|
|
36
|
-
? side.split('-')[1] === 'left'
|
|
37
|
-
? 'start'
|
|
38
|
-
: 'end'
|
|
39
|
-
: 'center'), [side]);
|
|
40
|
-
if (disabled)
|
|
41
|
-
return children;
|
|
42
|
-
return (jsxRuntimeExports.jsx(Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntimeExports.jsxs(Root3, { children: [jsxRuntimeExports.jsx(Trigger, { "aria-describedby": tooltipId, asChild: asChild, onFocus: followCursor ? reset : undefined, children: jsxRuntimeExports.jsx("div", { ref: ref, className: cx(styles.trigger, classNames?.trigger), style: triggerStyle, children: children }) }), jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsxs(Content2, { id: tooltipId, role: 'tooltip', "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: computedSide, align: computedAlign, alignOffset: alignOffset, sideOffset: sideOffset, className: tooltip({ side, className: classNames?.content }), "data-follow-cursor": followCursor, style: {
|
|
43
|
-
...contentStyle,
|
|
44
|
-
pointerEvents: followCursor ? 'none' : undefined,
|
|
45
|
-
transform: followCursor && mouseValue
|
|
46
|
-
? getTransformForPlacement(computedSide, computedAlign, mouseValue)
|
|
47
|
-
: undefined
|
|
48
|
-
}, children: [typeof message === 'string' ? jsxRuntimeExports.jsx(Text, { children: message }) : message, showArrow && (jsxRuntimeExports.jsx(Arrow2, { className: cx(styles.arrow, classNames?.arrow), width: 7, height: 7 }))] }) })] }) }));
|
|
49
|
-
};
|
|
50
|
-
Tooltip.displayName = 'Tooltip';
|
|
51
|
-
const TooltipProvider = Provider;
|
|
52
7
|
|
|
53
|
-
export { Tooltip
|
|
8
|
+
export { Tooltip };
|
|
54
9
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../../../components/tooltip/tooltip.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../../../components/tooltip/tooltip.tsx"],"sourcesContent":["import { TooltipProvider } from './tooltip-provider';\nimport { TooltipRoot } from './tooltip-root';\n\nexport const Tooltip = Object.assign(TooltipRoot, {\n Provider: TooltipProvider\n});\n"],"names":[],"mappings":";;;MAGa,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;AAChD,IAAA,QAAQ,EAAE,eAAe;AAC1B,CAAA;;;;"}
|
package/dist/index.cjs
CHANGED
|
@@ -113,6 +113,5 @@ exports.useTheme = theme.useTheme;
|
|
|
113
113
|
exports.ToastContainer = toast.ToastContainer;
|
|
114
114
|
exports.toast = toast.toast;
|
|
115
115
|
exports.Tooltip = tooltip.Tooltip;
|
|
116
|
-
exports.TooltipProvider = tooltip.TooltipProvider;
|
|
117
116
|
exports.Grid = index.Grid;
|
|
118
117
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -46,6 +46,6 @@ export { Text } from './components/text';
|
|
|
46
46
|
export { TextArea } from './components/text-area';
|
|
47
47
|
export { ThemeProvider, ThemeProviderProps, ThemeSwitcher, useTheme } from './components/theme-provider';
|
|
48
48
|
export { toast, ToastContainer } from './components/toast';
|
|
49
|
-
export { Tooltip
|
|
49
|
+
export { Tooltip } from './components/tooltip';
|
|
50
50
|
export { Grid } from './components/grid';
|
|
51
51
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -50,6 +50,6 @@ export { TextArea } from './components/text-area/text-area.js';
|
|
|
50
50
|
export { ThemeSwitcher } from './components/theme-provider/switcher.js';
|
|
51
51
|
export { ThemeProvider, useTheme } from './components/theme-provider/theme.js';
|
|
52
52
|
export { ToastContainer, toast } from './components/toast/toast.js';
|
|
53
|
-
export { Tooltip
|
|
53
|
+
export { Tooltip } from './components/tooltip/tooltip.js';
|
|
54
54
|
export { Grid } from './components/grid/index.js';
|
|
55
55
|
//# sourceMappingURL=index.js.map
|
|
@@ -5,13 +5,13 @@ var index$4 = require('../../../../../@radix-ui_primitive@1.1.2/node_modules/@ra
|
|
|
5
5
|
var index$2 = require('../../../../../@radix-ui_react-compose-refs@1.1.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.cjs');
|
|
6
6
|
var index = require('../../../../../@radix-ui_react-context@1.1.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-context/dist/index.cjs');
|
|
7
7
|
var index$6 = require('../../../../../@radix-ui_react-dismissable-layer@1.1.10_@types_react-dom@18.0.11_@types_react@18.2.12_react-_wsbb4kvfytxyd3vtmz5wcd5qbq/node_modules/@radix-ui/react-dismissable-layer/dist/index.cjs');
|
|
8
|
-
var index$
|
|
8
|
+
var index$9 = require('../../../../../@radix-ui_react-id@1.1.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-id/dist/index.cjs');
|
|
9
9
|
var index$1 = require('../../../../../@radix-ui_react-popper@1.2.7_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-popper/dist/index.cjs');
|
|
10
|
-
var index$
|
|
10
|
+
var index$b = require('../../../../../@radix-ui_react-portal@1.1.9_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-portal/dist/index.cjs');
|
|
11
11
|
var index$5 = require('../../../../../@radix-ui_react-presence@1.1.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-presence/dist/index.cjs');
|
|
12
12
|
var index$3 = require('../../../../../@radix-ui_react-primitive@2.1.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3._wizft3keermhycaiqreghf4gsi/node_modules/@radix-ui/react-primitive/dist/index.cjs');
|
|
13
|
-
var index$
|
|
14
|
-
var index$
|
|
13
|
+
var index$8 = require('../../../../../@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
|
|
14
|
+
var index$a = require('../../../../../@radix-ui_react-use-controllable-state@1.2.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs');
|
|
15
15
|
var index$7 = require('../../../../../@radix-ui_react-visually-hidden@1.2.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom_zu6dcatbmcnothrcwm2kfbeas4/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs');
|
|
16
16
|
var jsxRuntime = require('../../../../../react@18.2.0/node_modules/react/jsx-runtime.cjs');
|
|
17
17
|
|
|
@@ -99,12 +99,12 @@ var Tooltip = (props) => {
|
|
|
99
99
|
const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props.__scopeTooltip);
|
|
100
100
|
const popperScope = usePopperScope(__scopeTooltip);
|
|
101
101
|
const [trigger, setTrigger] = React__namespace.useState(null);
|
|
102
|
-
const contentId = index$
|
|
102
|
+
const contentId = index$9.useId();
|
|
103
103
|
const openTimerRef = React__namespace.useRef(0);
|
|
104
104
|
const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
|
|
105
105
|
const delayDuration = delayDurationProp ?? providerContext.delayDuration;
|
|
106
106
|
const wasOpenDelayedRef = React__namespace.useRef(false);
|
|
107
|
-
const [open, setOpen] = index$
|
|
107
|
+
const [open, setOpen] = index$a.useControllableState({
|
|
108
108
|
prop: openProp,
|
|
109
109
|
defaultProp: defaultOpen ?? false,
|
|
110
110
|
onChange: (open2) => {
|
|
@@ -234,7 +234,7 @@ var [PortalProvider, usePortalContext] = createTooltipContext(PORTAL_NAME, {
|
|
|
234
234
|
var TooltipPortal = (props) => {
|
|
235
235
|
const { __scopeTooltip, forceMount, children, container } = props;
|
|
236
236
|
const context = useTooltipContext(PORTAL_NAME, __scopeTooltip);
|
|
237
|
-
return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PortalProvider, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$5.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$
|
|
237
|
+
return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PortalProvider, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$5.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$b.Portal, { asChild: true, container, children }) }) });
|
|
238
238
|
};
|
|
239
239
|
TooltipPortal.displayName = PORTAL_NAME;
|
|
240
240
|
var CONTENT_NAME = "TooltipContent";
|
|
@@ -308,7 +308,7 @@ var TooltipContentHoverable = React__namespace.forwardRef((props, forwardedRef)
|
|
|
308
308
|
return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TooltipContentImpl, { ...props, ref: composedRefs });
|
|
309
309
|
});
|
|
310
310
|
var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
|
|
311
|
-
var Slottable = index$
|
|
311
|
+
var Slottable = index$8.createSlottable("TooltipContent");
|
|
312
312
|
var TooltipContentImpl = React__namespace.forwardRef(
|
|
313
313
|
(props, forwardedRef) => {
|
|
314
314
|
const {
|