@loomhq/lens 10.38.3 → 10.40.0
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/icon/available-icons/account.js +3 -2
- package/dist/components/icon/available-icons/confetti.d.ts +3 -0
- package/dist/components/icon/available-icons/confetti.js +13 -0
- package/dist/components/icon/available-icons/index.js +1 -0
- package/dist/components/icon/available-icons/link-off.js +1 -3
- package/dist/components/icon/available-icons/link.js +3 -2
- package/dist/components/icon/available-icons/smile-select.js +1 -5
- package/dist/components/tooltip/tooltip.d.ts +3 -1
- package/dist/components/tooltip/tooltip.js +12 -2
- package/package.json +1 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
function SvgAccount(props) {
|
|
3
3
|
return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
|
|
4
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "
|
|
5
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11
|
|
4
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85625 15.9409C8.41314 15.3469 9.18276 15 10 15H14C14.8172 15 15.5869 15.3469 16.1438 15.9409C16.6986 16.5327 17 17.3224 17 18.1333V18.4C17 18.9523 16.5523 19.4 16 19.4C15.4477 19.4 15 18.9523 15 18.4V18.1333C15 17.8127 14.88 17.5171 14.6847 17.3088C14.4914 17.1026 14.2436 17 14 17H10C9.75637 17 9.50858 17.1026 9.31532 17.3088C9.12002 17.5171 9 17.8127 9 18.1333V18.4C9 18.9523 8.55228 19.4 8 19.4C7.44772 19.4 7 18.9523 7 18.4V18.1333C7 17.3224 7.30141 16.5327 7.85625 15.9409Z", fill: "currentColor" }),
|
|
5
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9997 9C11.2265 9 10.5997 9.6268 10.5997 10.4C10.5997 11.1732 11.2265 11.8 11.9997 11.8C12.7729 11.8 13.3997 11.1732 13.3997 10.4C13.3997 9.6268 12.7729 9 11.9997 9ZM8.59972 10.4C8.59972 8.52223 10.122 7 11.9997 7C13.8775 7 15.3997 8.52223 15.3997 10.4C15.3997 12.2778 13.8775 13.8 11.9997 13.8C10.122 13.8 8.59972 12.2778 8.59972 10.4Z", fill: "currentColor" }),
|
|
6
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z", fill: "currentColor" })));
|
|
6
7
|
}
|
|
7
8
|
export default SvgAccount;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
const Confetti = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
|
|
3
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5C3 4.44772 3.44772 4 4 4H6C6.55228 4 7 4.44772 7 5C7 5.55228 6.55228 6 6 6H4C3.44772 6 3 5.55228 3 5Z", fill: "currentColor" }),
|
|
4
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 3C5.55228 3 6 3.44772 6 4V6C6 6.55228 5.55228 7 5 7C4.44772 7 4 6.55228 4 6V4C4 3.44772 4.44772 3 5 3Z", fill: "currentColor" }),
|
|
5
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7425 3.02985C12.2783 3.1638 12.6041 3.70673 12.4701 4.24253L11.9701 6.24253C11.8362 6.77832 11.2933 7.10408 10.7575 6.97013C10.2217 6.83619 9.8959 6.29325 10.0298 5.75746L10.5298 3.75746C10.6638 3.22166 11.2067 2.8959 11.7425 3.02985Z", fill: "currentColor" }),
|
|
6
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 5C17 4.44772 17.4477 4 18 4H20C20.5523 4 21 4.44772 21 5C21 5.55228 20.5523 6 20 6H18C17.4477 6 17 5.55228 17 5Z", fill: "currentColor" }),
|
|
7
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 3C19.5523 3 20 3.44772 20 4V6C20 6.55228 19.5523 7 19 7C18.4477 7 18 6.55228 18 6V4C18 3.44772 18.4477 3 19 3Z", fill: "currentColor" }),
|
|
8
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L14.7071 10.7071C14.3166 11.0976 13.6834 11.0976 13.2929 10.7071C12.9024 10.3166 12.9024 9.68342 13.2929 9.29289L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289Z", fill: "currentColor" }),
|
|
9
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.9701 12.2575C21.1041 12.7933 20.7783 13.3362 20.2425 13.4701L18.2425 13.9701C17.7067 14.1041 17.1638 13.7783 17.0298 13.2425C16.8959 12.7067 17.2217 12.1638 17.7575 12.0298L19.7575 11.5298C20.2933 11.3959 20.8362 11.7217 20.9701 12.2575Z", fill: "currentColor" }),
|
|
10
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 19C17 18.4477 17.4477 18 18 18H20C20.5523 18 21 18.4477 21 19C21 19.5523 20.5523 20 20 20H18C17.4477 20 17 19.5523 17 19Z", fill: "currentColor" }),
|
|
11
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 17C19.5523 17 20 17.4477 20 18V20C20 20.5523 19.5523 21 19 21C18.4477 21 18 20.5523 18 20V18C18 17.4477 18.4477 17 19 17Z", fill: "currentColor" }),
|
|
12
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.30517 9.01577C7.62744 8.95784 7.95766 9.06136 8.1892 9.29289L14.7072 15.8109C14.8947 15.9984 15.0001 16.2528 15.0001 16.518V16.519C15.0001 16.91 14.7722 17.2652 14.4167 17.4281L4.83771 21.8181L4.83633 21.8187C4.4651 21.9882 4.05078 22.0403 3.64882 21.9678C3.24677 21.8953 2.8767 21.7015 2.58808 21.4129C2.29924 21.1241 2.10577 20.7539 2.03331 20.3523M7.30517 9.01577C6.9829 9.0737 6.7094 9.28574 6.57299 9.58341ZM7.79201 11.7241L4.00173 19.9954C4.00172 19.9954 4.00171 19.9954 4.0017 19.9955C4.00148 19.996 4.00141 19.9966 4.00151 19.9971L4.00152 19.9971C4.00164 19.9978 4.00198 19.9983 4.00215 19.9985L4.00239 19.9987C4.00293 19.9993 4.0035 19.9995 4.00389 19.9996C4.00436 19.9997 4.00502 19.9996 4.00575 19.9993C4.00579 19.9993 4.00582 19.9993 4.00585 19.9993L12.2767 16.2088L7.79201 11.7241ZM6.57299 9.58341L2.18299 19.1634ZM2.18299 19.1634L2.18245 19.1646ZM2.18245 19.1646C2.01282 19.536 1.96079 19.9504 2.0333 20.3523Z", fill: "currentColor" })));
|
|
13
|
+
export default Confetti;
|
|
@@ -43,6 +43,7 @@ export { default as SvgCode } from './code.js';
|
|
|
43
43
|
export { default as SvgCollapse } from './collapse.js';
|
|
44
44
|
export { default as SvgColorLens } from './color-lens.js';
|
|
45
45
|
export { default as SvgComment } from './comment.js';
|
|
46
|
+
export { default as SvgConfetti } from './confetti.tsx';
|
|
46
47
|
export { default as SvgContactSupport } from './contact-support.js';
|
|
47
48
|
export { default as SvgCopy } from './copy.js';
|
|
48
49
|
export { default as SvgCreate } from './create.js';
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
function SvgLinkOff(props) {
|
|
3
3
|
return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
|
|
4
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "
|
|
5
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.727 11.808a1 1 0 011-1h6.546a1 1 0 110 2H8.727a1 1 0 01-1-1z", fill: "currentColor" }),
|
|
6
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.785 4.345a1 1 0 011.41-.1l15.327 13.28a1 1 0 01-1.31 1.511L2.886 5.756a1 1 0 01-.101-1.41z", fill: "currentColor" })));
|
|
4
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.6589 10.7165C18.2386 10.1369 18.5642 9.35067 18.5642 8.53091C18.5642 7.71115 18.2386 6.92497 17.6589 6.34531C17.0793 5.76565 16.2931 5.44 15.4733 5.44C15.0674 5.44 14.6655 5.51995 14.2905 5.67528C13.9155 5.83061 13.5747 6.05829 13.2877 6.34531L12.9663 6.66672C12.5758 7.05724 11.9426 7.05724 11.5521 6.66672C11.1616 6.2762 11.1616 5.64303 11.5521 5.25251L11.8735 4.93109C12.3462 4.45836 12.9075 4.08337 13.5251 3.82752C14.1428 3.57168 14.8048 3.44 15.4733 3.44C16.8235 3.44 18.1184 3.97636 19.0731 4.9311C20.0279 5.88583 20.5642 7.18072 20.5642 8.53091C20.5642 9.8811 20.0279 11.176 19.0731 12.1307L18.7517 12.4521C18.3612 12.8427 17.728 12.8427 17.3375 12.4521C16.947 12.0616 16.947 11.4285 17.3375 11.0379L17.6589 10.7165ZM6.34531 13.2879C5.76565 13.8676 5.44 14.6537 5.44 15.4735C5.44 16.2933 5.76565 17.0794 6.34531 17.6591C6.92497 18.2388 7.71115 18.5644 8.53091 18.5644C8.93682 18.5644 9.33875 18.4845 9.71375 18.3291C10.0888 18.1738 10.4295 17.9461 10.7165 17.6591L11.0379 17.3377C11.4285 16.9472 12.0616 16.9472 12.4521 17.3377C12.8427 17.7282 12.8427 18.3614 12.4521 18.7519L12.1307 19.0733C11.658 19.5461 11.0968 19.921 10.4791 20.1769C9.86146 20.4327 9.19946 20.5644 8.53091 20.5644C7.18072 20.5644 5.88583 20.0281 4.9311 19.0733C3.97636 18.1186 3.44 16.8237 3.44 15.4735C3.44 14.1233 3.97636 12.8284 4.93109 11.8737L5.25251 11.5523C5.64303 11.1618 6.2762 11.1618 6.66672 11.5523C7.05724 11.9428 7.05724 12.576 6.66672 12.9665L6.34531 13.2879ZM8.98098 13.6091C8.59045 13.9997 8.59045 14.6328 8.98098 15.0233C9.3715 15.4139 10.0047 15.4139 10.3952 15.0233L12.0022 13.4164L18.332 19.9499C18.7162 20.3466 19.3493 20.3566 19.746 19.9723C20.1426 19.588 20.1527 18.955 19.7684 18.5583L13.4166 12.002L15.0235 10.395C15.4141 10.0045 15.4141 9.37132 15.0235 8.9808C14.633 8.59028 13.9998 8.59028 13.6093 8.9808L12.0248 10.5653L5.65731 3.99286C5.27303 3.5962 4.63994 3.58617 4.24328 3.97046C3.84662 4.35475 3.83659 4.98783 4.22087 5.38449L10.6104 11.9797L8.98098 13.6091Z", fill: "currentColor" })));
|
|
7
5
|
}
|
|
8
6
|
export default SvgLinkOff;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
function SvgLink(props) {
|
|
3
3
|
return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
|
|
4
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "
|
|
5
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "
|
|
4
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.34412 13.2845C5.76446 13.8641 5.43882 14.6503 5.43882 15.4701C5.43882 16.2898 5.76446 17.076 6.34412 17.6557C6.92378 18.2353 7.70997 18.561 8.52972 18.561C8.93563 18.561 9.33756 18.481 9.71256 18.3257C10.0876 18.1704 10.4283 17.9427 10.7153 17.6557L12.451 15.92C12.8415 15.5295 13.4746 15.5295 13.8652 15.92C14.2557 16.3106 14.2557 16.9437 13.8652 17.3343L12.1295 19.0699C11.6568 19.5426 11.0956 19.9176 10.4779 20.1734C9.86027 20.4293 9.19827 20.561 8.52972 20.561C7.17953 20.561 5.88464 20.0246 4.92991 19.0699C3.97518 18.1151 3.43882 16.8203 3.43882 15.4701C3.43882 14.1199 3.97518 12.825 4.92991 11.8702L6.66553 10.1346C7.05606 9.7441 7.68922 9.74409 8.07975 10.1346C8.47027 10.5251 8.47027 11.1583 8.07975 11.5488L6.34412 13.2845Z", fill: "currentColor" }),
|
|
5
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.6577 10.7131C18.2374 10.1334 18.563 9.34723 18.563 8.52747C18.563 7.70771 18.2374 6.92152 17.6577 6.34187C17.0781 5.76221 16.2919 5.43656 15.4721 5.43656C15.0662 5.43656 14.6643 5.51651 14.2893 5.67184C13.9143 5.82717 13.5736 6.05485 13.2865 6.34186L11.5509 8.07749C11.1604 8.46801 10.5272 8.46801 10.1367 8.07749C9.74617 7.68697 9.74617 7.0538 10.1367 6.66328L11.8723 4.92765C12.3451 4.45492 12.9063 4.07992 13.5239 3.82408C14.1416 3.56824 14.8036 3.43656 15.4721 3.43656C16.8223 3.43656 18.1172 3.97292 19.072 4.92765C20.0267 5.88238 20.563 7.17728 20.563 8.52747C20.563 9.87766 20.0267 11.1726 19.072 12.1273L17.3363 13.8629C16.9458 14.2534 16.3126 14.2534 15.9221 13.8629C15.5316 13.4724 15.5316 12.8392 15.9221 12.4487L17.6577 10.7131Z", fill: "currentColor" }),
|
|
6
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.97979 15.0199C8.58927 14.6294 8.58927 13.9962 8.97979 13.6057L13.6081 8.97736C13.9986 8.58683 14.6318 8.58683 15.0223 8.97736C15.4129 9.36788 15.4129 10.001 15.0223 10.3916L10.394 15.0199C10.0035 15.4104 9.37031 15.4104 8.97979 15.0199Z", fill: "currentColor" })));
|
|
6
7
|
}
|
|
7
8
|
export default SvgLink;
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
function SvgSmileSelect(props) {
|
|
3
3
|
return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
|
|
4
|
-
React.createElement("
|
|
5
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 5C6.13401 5 3 8.13401 3 12C3 15.866 6.13401 19 10 19C12.774 19 15.1711 17.3864 16.304 15.0466L17.7818 16.5244C16.2222 19.2011 13.3212 21 10 21C5.02944 21 1 16.9706 1 12C1 7.02944 5.02944 3 10 3C13.8688 3 17.1675 5.44115 18.4397 8.86717C17.7299 8.47856 16.8961 8.39843 16.1351 8.62677C14.9438 6.46475 12.643 5 10 5ZM16.8416 10.5126C16.6407 10.5446 16.4477 10.638 16.2929 10.7929C15.9024 11.1834 15.9024 11.8166 16.2929 12.2071L16.9475 12.8617L18.6341 14.5483L19.2929 15.2071C19.6834 15.5976 20.3166 15.5976 20.7071 15.2071L21.4142 14.5L23.7071 12.2071C24.0976 11.8166 24.0976 11.1834 23.7071 10.7929C23.3166 10.4024 22.6834 10.4024 22.2929 10.7929L20 13.0858L18.9996 12.0854L17.7071 10.7929C17.4714 10.5572 17.1474 10.4638 16.8416 10.5126ZM5.98716 13.0175C6.17497 12.7554 6.47758 12.6 6.79998 12.6H13.2C13.5224 12.6 13.825 12.7554 14.0128 13.0175C14.2006 13.2795 14.2505 13.616 14.1469 13.9213C13.5401 15.7097 11.9263 17 9.99998 17C8.07369 17 6.45983 15.7097 5.85301 13.9213C5.74941 13.616 5.79936 13.2795 5.98716 13.0175ZM7.59995 8.60001C7.04767 8.60001 6.59995 9.04773 6.59995 9.60001C6.59995 10.1523 7.04767 10.6 7.59995 10.6H7.60995C8.16224 10.6 8.60995 10.1523 8.60995 9.60001C8.60995 9.04773 8.16224 8.60001 7.60995 8.60001H7.59995ZM11.4 9.60001C11.4 9.04773 11.8478 8.60001 12.4 8.60001H12.41C12.9623 8.60001 13.41 9.04773 13.41 9.60001C13.41 10.1523 12.9623 10.6 12.41 10.6H12.4C11.8478 10.6 11.4 10.1523 11.4 9.60001Z", fill: "currentColor" })),
|
|
6
|
-
React.createElement("defs", null,
|
|
7
|
-
React.createElement("clipPath", { id: "clip0_10_43" },
|
|
8
|
-
React.createElement("rect", { width: "24", height: "24", fill: "currentColor" })))));
|
|
4
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 5C6.13401 5 3 8.13401 3 12C3 15.866 6.13401 19 10 19C12.774 19 15.1711 17.3864 16.304 15.0466L17.7818 16.5244C16.2222 19.2011 13.3212 21 10 21C5.02944 21 1 16.9706 1 12C1 7.02944 5.02944 3 10 3C13.8688 3 17.1675 5.44115 18.4397 8.86717C17.7299 8.47856 16.8961 8.39843 16.1351 8.62677C14.9438 6.46475 12.643 5 10 5ZM16.8416 10.5126C16.6407 10.5446 16.4477 10.638 16.2929 10.7929C15.9024 11.1834 15.9024 11.8166 16.2929 12.2071L16.9475 12.8617L18.6341 14.5483L19.2929 15.2071C19.6834 15.5976 20.3166 15.5976 20.7071 15.2071L21.4142 14.5L23.7071 12.2071C24.0976 11.8166 24.0976 11.1834 23.7071 10.7929C23.3166 10.4024 22.6834 10.4024 22.2929 10.7929L20 13.0858L18.9996 12.0854L17.7071 10.7929C17.4714 10.5572 17.1474 10.4638 16.8416 10.5126ZM5.98716 13.0175C6.17497 12.7554 6.47758 12.6 6.79998 12.6H13.2C13.5224 12.6 13.825 12.7554 14.0128 13.0175C14.2006 13.2795 14.2505 13.616 14.1469 13.9213C13.5401 15.7097 11.9263 17 9.99998 17C8.07369 17 6.45983 15.7097 5.85301 13.9213C5.74941 13.616 5.79936 13.2795 5.98716 13.0175ZM7.59995 8.60001C7.04767 8.60001 6.59995 9.04773 6.59995 9.60001C6.59995 10.1523 7.04767 10.6 7.59995 10.6H7.60995C8.16224 10.6 8.60995 10.1523 8.60995 9.60001C8.60995 9.04773 8.16224 8.60001 7.60995 8.60001H7.59995ZM11.4 9.60001C11.4 9.04773 11.8478 8.60001 12.4 8.60001H12.41C12.9623 8.60001 13.41 9.04773 13.41 9.60001C13.41 10.1523 12.9623 10.6 12.41 10.6H12.4C11.8478 10.6 11.4 10.1523 11.4 9.60001Z", fill: "currentColor" })));
|
|
9
5
|
}
|
|
10
6
|
export default SvgSmileSelect;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
declare type DelaySpeed = 'immediate' | 'long';
|
|
2
3
|
declare const TooltipBoxWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipBoxProps, object>;
|
|
3
4
|
export declare const TooltipBox: ({ children, maxWidth, onMouseEnter, onMouseLeave, layerProps, zIndex, ...rest }: TooltipBoxProps & React.ComponentProps<typeof TooltipBoxWrapper>) => JSX.Element;
|
|
4
|
-
declare function Tooltip({ children, content, placement, keepOpen, triggerOffset, maxWidth, isInline, isDisabled, container, zIndex, verticalAlign, ...rest }: TooltipProps): JSX.Element;
|
|
5
|
+
declare function Tooltip({ children, content, placement, keepOpen, triggerOffset, maxWidth, isInline, isDisabled, container, zIndex, verticalAlign, delay, ...rest }: TooltipProps): JSX.Element;
|
|
5
6
|
export declare const availablePlacements: string[];
|
|
6
7
|
declare type TooltipBoxProps = {
|
|
7
8
|
children?: React.ReactNode;
|
|
@@ -23,5 +24,6 @@ declare type TooltipProps = {
|
|
|
23
24
|
triggerOffset?: number;
|
|
24
25
|
verticalAlign?: string;
|
|
25
26
|
zIndex?: number;
|
|
27
|
+
delay?: DelaySpeed;
|
|
26
28
|
};
|
|
27
29
|
export default Tooltip;
|
|
@@ -52,10 +52,20 @@ const TooltipChildren = styled.span `
|
|
|
52
52
|
display: ${props => (props.isInline ? 'inline-block' : 'block')};
|
|
53
53
|
${props => props.verticalAlign && `vertical-align: ${props.verticalAlign}`};
|
|
54
54
|
`;
|
|
55
|
+
function getInitialDelaySpeed(delay) {
|
|
56
|
+
switch (delay) {
|
|
57
|
+
case 'immediate':
|
|
58
|
+
return 200;
|
|
59
|
+
case 'long':
|
|
60
|
+
return 800;
|
|
61
|
+
default:
|
|
62
|
+
return 200;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
55
65
|
function Tooltip(_a) {
|
|
56
|
-
var { children, content, placement = 'topCenter', keepOpen, triggerOffset = 4, maxWidth = 26, isInline = true, isDisabled, container, zIndex = 1100, verticalAlign = 'middle' } = _a, rest = __rest(_a, ["children", "content", "placement", "keepOpen", "triggerOffset", "maxWidth", "isInline", "isDisabled", "container", "zIndex", "verticalAlign"]);
|
|
66
|
+
var { children, content, placement = 'topCenter', keepOpen, triggerOffset = 4, maxWidth = 26, isInline = true, isDisabled, container, zIndex = 1100, verticalAlign = 'middle', delay = 'immediate' } = _a, rest = __rest(_a, ["children", "content", "placement", "keepOpen", "triggerOffset", "maxWidth", "isInline", "isDisabled", "container", "zIndex", "verticalAlign", "delay"]);
|
|
57
67
|
const [show, hoverProps] = useHover({
|
|
58
|
-
delayEnter:
|
|
68
|
+
delayEnter: getInitialDelaySpeed(delay),
|
|
59
69
|
delayLeave: 100,
|
|
60
70
|
});
|
|
61
71
|
const [isOverTooltip, setIsOverTooltip] = useState(false);
|