@darajs/ui-components 1.16.13 → 1.16.15
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.
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { GetReferenceClientRect } from 'tippy.js';
|
|
3
2
|
export interface TooltipProps {
|
|
4
3
|
/** The element to append the tooltip to, by default it gets appended to the body of the document */
|
|
5
4
|
appendTo?: Element | 'parent' | ((ref: Element) => Element);
|
|
@@ -16,7 +15,7 @@ export interface TooltipProps {
|
|
|
16
15
|
/** Whether the tooltip should follow the mouse cursor; or control how it will be followed */
|
|
17
16
|
followCursor?: boolean | 'horizontal' | 'vertical' | 'initial';
|
|
18
17
|
/** Optional prop to use with a virtual element */
|
|
19
|
-
getReferenceClientRect?:
|
|
18
|
+
getReferenceClientRect?: () => DOMRect;
|
|
20
19
|
/** Optional parameter to determine whether to hide the tooltip wrapper */
|
|
21
20
|
hidden?: boolean;
|
|
22
21
|
/** Optional parameter to determine if the tooltip should be shown even when the children are clicked, by default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,MAAM,WAAW,YAAY;IACzB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC;IAC5D,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IAChD,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/D,kDAAkD;IAClD,sBAAsB,CAAC,EAAE,MAAM,OAAO,CAAC;IACvC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;mEAC+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;gBACY;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gHAAgH;IAChH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,mGAAmG;IACnG,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACzD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,sFAAsF;IACtF,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EACb,QAAQ,EACR,sBAAsB,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAkB,EAClB,WAAW,EACX,OAAO,EACP,SAAkB,EAClB,OAAmB,EACnB,YAAoB,EACpB,MAAc,EACd,KAAK,EACL,KAAS,EACT,cAA4B,GAC/B,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAuJ5B;AAED,eAAe,OAAO,CAAC"}
|
package/dist/tooltip/tooltip.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
/**
|
|
3
3
|
* Copyright 2023 Impulse Innovations Limited
|
|
4
4
|
*
|
|
@@ -15,9 +15,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import styled from '@darajs/styled-components';
|
|
18
|
+
import { FloatingArrow, FloatingPortal, arrow, autoPlacement, autoUpdate, flip, offset, shift, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useMergeRefs, useRole, } from '@floating-ui/react';
|
|
19
|
+
import * as React from 'react';
|
|
20
|
+
import styled, { useTheme } from '@darajs/styled-components';
|
|
21
21
|
const TooltipWrapper = styled.div `
|
|
22
22
|
position: relative;
|
|
23
23
|
|
|
@@ -44,100 +44,103 @@ const TooltipWrapper = styled.div `
|
|
|
44
44
|
}
|
|
45
45
|
}};
|
|
46
46
|
`;
|
|
47
|
-
const Arrow = styled.span `
|
|
48
|
-
position: absolute;
|
|
49
|
-
|
|
50
|
-
${(props) => {
|
|
51
|
-
switch (props.placement) {
|
|
52
|
-
case 'top':
|
|
53
|
-
return 'bottom: 3px; left: -3px !important;';
|
|
54
|
-
case 'bottom':
|
|
55
|
-
return 'top: -5px;';
|
|
56
|
-
case 'left':
|
|
57
|
-
return 'right: 3px;';
|
|
58
|
-
case 'right':
|
|
59
|
-
return 'left: -5px;';
|
|
60
|
-
case 'top-start':
|
|
61
|
-
case 'top-end':
|
|
62
|
-
return 'bottom: 3px;';
|
|
63
|
-
case 'bottom-start':
|
|
64
|
-
case 'bottom-end':
|
|
65
|
-
return 'top: -5px;';
|
|
66
|
-
case 'left-start':
|
|
67
|
-
case 'left-end':
|
|
68
|
-
return 'right: 3px;';
|
|
69
|
-
case 'right-start':
|
|
70
|
-
case 'right-end':
|
|
71
|
-
return 'left: -5px;';
|
|
72
|
-
case 'auto':
|
|
73
|
-
case 'auto-start':
|
|
74
|
-
case 'auto-end':
|
|
75
|
-
default:
|
|
76
|
-
// Unsupported placement, hide the arrow
|
|
77
|
-
return 'display: none;';
|
|
78
|
-
}
|
|
79
|
-
}}
|
|
80
|
-
|
|
81
|
-
${(props) => {
|
|
82
|
-
if (props.$hidden) {
|
|
83
|
-
return 'display: none;';
|
|
84
|
-
}
|
|
85
|
-
}}
|
|
86
|
-
|
|
87
|
-
&::before {
|
|
88
|
-
content: '';
|
|
89
|
-
|
|
90
|
-
position: absolute;
|
|
91
|
-
|
|
92
|
-
${(props) => {
|
|
93
|
-
switch (props.placement) {
|
|
94
|
-
case 'top':
|
|
95
|
-
case 'top-start':
|
|
96
|
-
case 'top-end':
|
|
97
|
-
return 'transform: rotate(45deg);';
|
|
98
|
-
case 'bottom':
|
|
99
|
-
case 'bottom-start':
|
|
100
|
-
case 'bottom-end':
|
|
101
|
-
return 'transform: rotate(45deg);';
|
|
102
|
-
case 'left':
|
|
103
|
-
case 'left-start':
|
|
104
|
-
case 'left-end':
|
|
105
|
-
return 'transform: rotate(135deg);';
|
|
106
|
-
case 'right':
|
|
107
|
-
case 'right-start':
|
|
108
|
-
case 'right-end':
|
|
109
|
-
return 'transform: rotate(-45deg);';
|
|
110
|
-
case 'auto':
|
|
111
|
-
case 'auto-start':
|
|
112
|
-
case 'auto-end':
|
|
113
|
-
default:
|
|
114
|
-
return 'display: none;';
|
|
115
|
-
}
|
|
116
|
-
}}
|
|
117
|
-
|
|
118
|
-
width: 0.5rem;
|
|
119
|
-
height: 0.5rem;
|
|
120
|
-
|
|
121
|
-
background: ${(props) => {
|
|
122
|
-
return props.styling === 'default' ? props.theme.colors.grey2 : props.theme.colors.error;
|
|
123
|
-
}};
|
|
124
|
-
${(props) => {
|
|
125
|
-
if (props.placement === 'top') {
|
|
126
|
-
return `border-bottom: 1px solid ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.errorDown};
|
|
127
|
-
border-right: 1px solid ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.errorDown};`;
|
|
128
|
-
}
|
|
129
|
-
return `border-top: 1px solid ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.errorDown};
|
|
130
|
-
border-left: 1px solid ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.errorDown};`;
|
|
131
|
-
}}
|
|
132
|
-
}
|
|
133
|
-
`;
|
|
134
47
|
/**
|
|
135
48
|
* A tooltip component that can be wrapped around any other react component and attach a tooltip to it
|
|
136
49
|
*
|
|
137
50
|
* @param props the props for the tooltip component
|
|
138
51
|
*/
|
|
139
|
-
function Tooltip({ appendTo
|
|
140
|
-
|
|
52
|
+
function Tooltip({ appendTo, getReferenceClientRect, children, className, content, disabled, hideOnClick = true, interactive, visible, placement = 'auto', styling = 'default', followCursor = false, hidden = false, style, delay = 0, onClickOutside = () => false, }) {
|
|
53
|
+
const [isOpen, setIsOpen] = React.useState(false);
|
|
54
|
+
const arrowRef = React.useRef(null);
|
|
55
|
+
const theme = useTheme();
|
|
56
|
+
// Handle delay prop (can be number or array)
|
|
57
|
+
const delayValue = React.useMemo(() => {
|
|
58
|
+
if (typeof delay === 'number') {
|
|
59
|
+
return { open: delay, close: delay };
|
|
60
|
+
}
|
|
61
|
+
if (Array.isArray(delay)) {
|
|
62
|
+
return { open: delay[0] || 0, close: delay[1] || 0 };
|
|
63
|
+
}
|
|
64
|
+
return { open: 0, close: 0 };
|
|
65
|
+
}, [delay]);
|
|
66
|
+
const middleware = React.useMemo(() => {
|
|
67
|
+
const middlewares = [
|
|
68
|
+
offset(8),
|
|
69
|
+
placement === 'auto' ? autoPlacement() : flip(),
|
|
70
|
+
shift({ padding: 8 }),
|
|
71
|
+
arrow({ element: arrowRef }),
|
|
72
|
+
];
|
|
73
|
+
return middlewares;
|
|
74
|
+
}, [placement]);
|
|
75
|
+
const { refs, floatingStyles, context } = useFloating({
|
|
76
|
+
open: visible !== undefined ? visible : isOpen,
|
|
77
|
+
onOpenChange: visible !== undefined ? undefined : setIsOpen,
|
|
78
|
+
// Only specify placement if it's not 'auto' - let autoPlacement middleware handle 'auto'
|
|
79
|
+
placement: placement === 'auto' ? undefined : placement,
|
|
80
|
+
middleware,
|
|
81
|
+
whileElementsMounted: autoUpdate,
|
|
82
|
+
});
|
|
83
|
+
// Set up virtual element if getReferenceClientRect is provided
|
|
84
|
+
const { setReference } = refs;
|
|
85
|
+
React.useEffect(() => {
|
|
86
|
+
if (getReferenceClientRect) {
|
|
87
|
+
setReference({
|
|
88
|
+
getBoundingClientRect: getReferenceClientRect,
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
}, [getReferenceClientRect, setReference]);
|
|
92
|
+
const hover = useHover(context, {
|
|
93
|
+
enabled: visible === undefined && !disabled,
|
|
94
|
+
delay: delayValue,
|
|
95
|
+
move: followCursor !== false,
|
|
96
|
+
});
|
|
97
|
+
const focus = useFocus(context, {
|
|
98
|
+
enabled: visible === undefined && !disabled,
|
|
99
|
+
});
|
|
100
|
+
const click = useClick(context, {
|
|
101
|
+
enabled: visible === undefined && !disabled && !hideOnClick,
|
|
102
|
+
});
|
|
103
|
+
const dismiss = useDismiss(context, {
|
|
104
|
+
enabled: !disabled,
|
|
105
|
+
outsidePress: (event) => {
|
|
106
|
+
if (onClickOutside) {
|
|
107
|
+
onClickOutside(context, event);
|
|
108
|
+
}
|
|
109
|
+
return true;
|
|
110
|
+
},
|
|
111
|
+
});
|
|
112
|
+
const role = useRole(context, {
|
|
113
|
+
role: 'tooltip',
|
|
114
|
+
});
|
|
115
|
+
const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, click, dismiss, role]);
|
|
116
|
+
const isVisible = visible !== undefined ? visible : isOpen;
|
|
117
|
+
// Always call useMergeRefs but conditionally use the result
|
|
118
|
+
const childRef = children && typeof children === 'object' && 'ref' in children ? children.ref : null;
|
|
119
|
+
const mergedRef = useMergeRefs([refs.setReference, childRef]);
|
|
120
|
+
// Clone children and add reference props
|
|
121
|
+
const referenceElement = children ?
|
|
122
|
+
React.cloneElement(children, getReferenceProps(Object.assign({ ref: mergedRef }, children.props)))
|
|
123
|
+
: null;
|
|
124
|
+
// Determine portal container
|
|
125
|
+
const portalContainer = React.useMemo(() => {
|
|
126
|
+
if (!appendTo) {
|
|
127
|
+
return document.body;
|
|
128
|
+
}
|
|
129
|
+
if (appendTo === 'parent') {
|
|
130
|
+
return undefined;
|
|
131
|
+
}
|
|
132
|
+
if (typeof appendTo === 'function') {
|
|
133
|
+
const appendToFn = appendTo;
|
|
134
|
+
return appendToFn(refs.reference.current || document.body);
|
|
135
|
+
}
|
|
136
|
+
return appendTo;
|
|
137
|
+
}, [appendTo, refs.reference]);
|
|
138
|
+
const tooltipContent = isVisible && !disabled && !hidden && content ?
|
|
139
|
+
_jsx("div", Object.assign({ ref: refs.setFloating, style: Object.assign(Object.assign(Object.assign({}, floatingStyles), { zIndex: 9998 }), (interactive && { pointerEvents: 'auto' })) }, getFloatingProps(), { children: _jsxs(TooltipWrapper, { "$hidden": false, className: className, style: style, styling: styling, "data-placement": context.placement, children: [content, _jsx(FloatingArrow, { ref: arrowRef, context: context, width: 12, height: 6, tipRadius: 2, stroke: styling === 'default' ? theme.colors.grey5 : theme.colors.errorDown, strokeWidth: 1, fill: styling === 'default' ? theme.colors.grey2 : theme.colors.error })] }) }))
|
|
140
|
+
: null;
|
|
141
|
+
return (_jsxs(_Fragment, { children: [referenceElement, portalContainer ?
|
|
142
|
+
_jsx(FloatingPortal, { root: portalContainer, children: tooltipContent })
|
|
143
|
+
: tooltipContent] }));
|
|
141
144
|
}
|
|
142
145
|
export default Tooltip;
|
|
143
146
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@darajs/ui-components",
|
|
3
|
-
"version": "1.16.
|
|
3
|
+
"version": "1.16.15",
|
|
4
4
|
"description": "The core React UI kit for Dara",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
"@babel/preset-env": "^7.15.6",
|
|
25
25
|
"@babel/preset-react": "^7.14.5",
|
|
26
26
|
"@babel/preset-typescript": "^7.15.0",
|
|
27
|
-
"@darajs/eslint-config": "1.16.
|
|
28
|
-
"@darajs/prettier-config": "1.16.
|
|
29
|
-
"@darajs/stylelint-config": "1.16.
|
|
27
|
+
"@darajs/eslint-config": "1.16.15",
|
|
28
|
+
"@darajs/prettier-config": "1.16.15",
|
|
29
|
+
"@darajs/stylelint-config": "1.16.15",
|
|
30
30
|
"@storybook/addon-a11y": "^6.5.16",
|
|
31
31
|
"@storybook/addon-actions": "^6.5.16",
|
|
32
32
|
"@storybook/addon-essentials": "^6.5.16",
|
|
@@ -67,14 +67,13 @@
|
|
|
67
67
|
"typescript": "^5.8.2"
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
|
-
"@darajs/styled-components": "1.16.
|
|
71
|
-
"@darajs/ui-icons": "1.16.
|
|
72
|
-
"@darajs/ui-utils": "1.16.
|
|
70
|
+
"@darajs/styled-components": "1.16.15",
|
|
71
|
+
"@darajs/ui-icons": "1.16.15",
|
|
72
|
+
"@darajs/ui-utils": "1.16.15",
|
|
73
73
|
"@floating-ui/react": "^0.26.12",
|
|
74
74
|
"@fortawesome/free-regular-svg-icons": "~6.4.0",
|
|
75
75
|
"@fortawesome/free-solid-svg-icons": "~6.4.0",
|
|
76
76
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
77
|
-
"@tippyjs/react": "4.1.0",
|
|
78
77
|
"date-fns": "2.9.0",
|
|
79
78
|
"downshift": "^7.0.0",
|
|
80
79
|
"lodash": "4.17.21",
|
|
@@ -93,8 +92,7 @@
|
|
|
93
92
|
"react-table-sticky": "^1.1.3",
|
|
94
93
|
"react-virtualized-auto-sizer": "1.0.6",
|
|
95
94
|
"react-window": "1.8.10",
|
|
96
|
-
"remark-gfm": "^4.0.0"
|
|
97
|
-
"tippy.js": "6.2.6"
|
|
95
|
+
"remark-gfm": "^4.0.0"
|
|
98
96
|
},
|
|
99
97
|
"files": [
|
|
100
98
|
"dist"
|
|
@@ -102,5 +100,5 @@
|
|
|
102
100
|
"publishConfig": {
|
|
103
101
|
"access": "public"
|
|
104
102
|
},
|
|
105
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "88bffdf15f2343cd8cbb854a260f9dae33275336"
|
|
106
104
|
}
|