@qoretechnologies/reqore 0.48.23 → 0.49.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/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +6 -13
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +2 -2
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +6 -12
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +3 -7
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +35 -39
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +2 -1
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +1 -1
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +1 -1
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/item.d.ts.map +1 -1
- package/dist/components/Dropdown/item.js +1 -2
- package/dist/components/Dropdown/item.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +1 -1
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +10 -4
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Header/index.d.ts +1 -1
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +4 -6
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +8 -16
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +3 -4
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts +5 -2
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +32 -27
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +8 -13
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +3 -15
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Menu/section.d.ts +1 -1
- package/dist/components/Menu/section.d.ts.map +1 -1
- package/dist/components/Menu/section.js +7 -12
- package/dist/components/Menu/section.js.map +1 -1
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +4 -10
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/Paragraph/index.d.ts.map +1 -1
- package/dist/components/Paragraph/index.js +3 -10
- package/dist/components/Paragraph/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +43 -5
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +158 -23
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Slider/index.d.ts +3 -3
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +5 -9
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Span/index.d.ts.map +1 -1
- package/dist/components/Span/index.js +3 -10
- package/dist/components/Span/index.js.map +1 -1
- package/dist/components/Spinner/index.js +2 -2
- package/dist/components/Spinner/index.js.map +1 -1
- package/dist/components/Table/cell.d.ts.map +1 -1
- package/dist/components/Table/cell.js +2 -5
- package/dist/components/Table/cell.js.map +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +16 -16
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +2 -3
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/TooltipComponent/index.d.ts +9 -0
- package/dist/components/TooltipComponent/index.d.ts.map +1 -0
- package/dist/components/TooltipComponent/index.js +37 -0
- package/dist/components/TooltipComponent/index.js.map +1 -0
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +56 -55
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +1 -1
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +2 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js +2 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/utils.d.ts +2 -0
- package/dist/helpers/utils.d.ts.map +1 -1
- package/dist/helpers/utils.js +8 -1
- package/dist/helpers/utils.js.map +1 -1
- package/dist/hooks/useComponentTooltip.d.ts +9 -0
- package/dist/hooks/useComponentTooltip.d.ts.map +1 -0
- package/dist/hooks/useComponentTooltip.js +34 -0
- package/dist/hooks/useComponentTooltip.js.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/dist/types/global.d.ts +2 -3
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +1 -1
- package/tests.json +1 -1
- package/dist/containers/PopoverProvider.d.ts +0 -13
- package/dist/containers/PopoverProvider.d.ts.map +0 -1
- package/dist/containers/PopoverProvider.js +0 -118
- package/dist/containers/PopoverProvider.js.map +0 -1
- package/dist/context/PopoverContext.d.ts +0 -11
- package/dist/context/PopoverContext.d.ts.map +0 -1
- package/dist/context/PopoverContext.js +0 -5
- package/dist/context/PopoverContext.js.map +0 -1
- package/dist/hooks/usePopover.d.ts +0 -42
- package/dist/hooks/usePopover.d.ts.map +0 -1
- package/dist/hooks/usePopover.js +0 -147
- package/dist/hooks/usePopover.js.map +0 -1
- package/dist/hooks/useTooltip.d.ts +0 -3
- package/dist/hooks/useTooltip.d.ts.map +0 -1
- package/dist/hooks/useTooltip.js +0 -44
- package/dist/hooks/useTooltip.js.map +0 -1
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
14
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
15
|
-
if (ar || !(i in from)) {
|
|
16
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
17
|
-
ar[i] = from[i];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
21
|
-
};
|
|
22
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
23
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
|
-
};
|
|
25
|
-
exports.__esModule = true;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var react_1 = require("react");
|
|
28
|
-
var lodash_1 = require("lodash");
|
|
29
|
-
var react_2 = require("react");
|
|
30
|
-
var __1 = require("..");
|
|
31
|
-
var InternalPopover_1 = __importDefault(require("../components/InternalPopover"));
|
|
32
|
-
var PopoverContext_1 = __importDefault(require("../context/PopoverContext"));
|
|
33
|
-
var PopoverProvider = function (_a) {
|
|
34
|
-
var children = _a.children, uiScale = _a.uiScale;
|
|
35
|
-
var _b = (0, react_2.useState)([]), popovers = _b[0], setPopovers = _b[1];
|
|
36
|
-
var closePopoversOnEscPress = (0, __1.useReqoreProperty)('closePopoversOnEscPress');
|
|
37
|
-
var handleClick = (0, react_2.useCallback)(function (event) {
|
|
38
|
-
popovers.forEach(function (_a) {
|
|
39
|
-
var popperRef = _a.popperRef, closeOnAnyClick = _a.closeOnAnyClick, closeOnOutsideClick = _a.closeOnOutsideClick, id = _a.id, targetElement = _a.targetElement;
|
|
40
|
-
if (closeOnAnyClick) {
|
|
41
|
-
removePopover(id);
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
if (closeOnOutsideClick &&
|
|
45
|
-
!((popperRef === null || popperRef === void 0 ? void 0 : popperRef.current) && popperRef.current.contains(event.target)) &&
|
|
46
|
-
!(targetElement === null || targetElement === void 0 ? void 0 : targetElement.contains(event.target))) {
|
|
47
|
-
removePopover(id);
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
}, [popovers]);
|
|
51
|
-
// Close last popover when ESC is pressed
|
|
52
|
-
var handleKeyDown = (0, react_2.useCallback)(function (event) {
|
|
53
|
-
if (event.key === 'Escape') {
|
|
54
|
-
var lastPopover = popovers[popovers.length - 1];
|
|
55
|
-
if (lastPopover) {
|
|
56
|
-
removePopover(lastPopover.id);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}, [popovers]);
|
|
60
|
-
var removePopover = function (id) {
|
|
61
|
-
var _a, _b;
|
|
62
|
-
// Get the popover
|
|
63
|
-
var popover = popovers.find(function (p) { return p.id === id; });
|
|
64
|
-
if (popover) {
|
|
65
|
-
// Remove the blur
|
|
66
|
-
if (popover.blur) {
|
|
67
|
-
// Remove the blur
|
|
68
|
-
(_a = document.getElementById("reqore-blur-".concat(id))) === null || _a === void 0 ? void 0 : _a.remove();
|
|
69
|
-
// Remove the z index class
|
|
70
|
-
popover.targetElement.classList.remove('reqore-blur-z-index');
|
|
71
|
-
}
|
|
72
|
-
// Remove the popover
|
|
73
|
-
setPopovers(function (cur) { return __spreadArray([], cur, true).filter(function (p) { return p.id !== id; }); });
|
|
74
|
-
(_b = popover.onToggleChange) === null || _b === void 0 ? void 0 : _b.call(popover, false);
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
(0, react_2.useEffect)(function () {
|
|
78
|
-
document.addEventListener('click', handleClick, true);
|
|
79
|
-
if (closePopoversOnEscPress) {
|
|
80
|
-
document.addEventListener('keydown', handleKeyDown);
|
|
81
|
-
}
|
|
82
|
-
return function () {
|
|
83
|
-
document.removeEventListener('click', handleClick, true);
|
|
84
|
-
document.removeEventListener('keydown', handleKeyDown);
|
|
85
|
-
};
|
|
86
|
-
}, [popovers]);
|
|
87
|
-
(0, react_2.useEffect)(function () {
|
|
88
|
-
if (!(0, lodash_1.size)(popovers)) {
|
|
89
|
-
document.removeEventListener('click', handleClick, true);
|
|
90
|
-
document.removeEventListener('keydown', handleKeyDown);
|
|
91
|
-
}
|
|
92
|
-
}, [popovers]);
|
|
93
|
-
return ((0, jsx_runtime_1.jsxs)(PopoverContext_1["default"].Provider, __assign({ value: {
|
|
94
|
-
uiScale: uiScale,
|
|
95
|
-
addPopover: function (popoverData) {
|
|
96
|
-
var _a;
|
|
97
|
-
setPopovers(function (cur) { return __spreadArray(__spreadArray([], cur, true), [popoverData], false); });
|
|
98
|
-
(_a = popoverData.onToggleChange) === null || _a === void 0 ? void 0 : _a.call(popoverData, true, popoverData);
|
|
99
|
-
},
|
|
100
|
-
updatePopover: function (popoverId, popoverData) {
|
|
101
|
-
var _a;
|
|
102
|
-
setPopovers(function (cur) {
|
|
103
|
-
return __spreadArray([], cur, true).reduce(function (newPopovers, popover) {
|
|
104
|
-
if (popover.id === popoverId) {
|
|
105
|
-
return __spreadArray(__spreadArray([], newPopovers, true), [__assign(__assign({}, popover), popoverData)], false);
|
|
106
|
-
}
|
|
107
|
-
return __spreadArray(__spreadArray([], newPopovers, true), [popover], false);
|
|
108
|
-
}, []);
|
|
109
|
-
});
|
|
110
|
-
(_a = popoverData.onUpdate) === null || _a === void 0 ? void 0 : _a.call(popoverData, popoverData);
|
|
111
|
-
},
|
|
112
|
-
isPopoverOpen: function (popoverId) { return !!popovers.find(function (p) { return p.id === popoverId; }); },
|
|
113
|
-
removePopover: removePopover,
|
|
114
|
-
popovers: popovers
|
|
115
|
-
} }, { children: [popovers.map(function (popover) { return ((0, react_1.createElement)(InternalPopover_1["default"], __assign({}, popover, { key: popover.id }))); }), children] })));
|
|
116
|
-
};
|
|
117
|
-
exports["default"] = PopoverProvider;
|
|
118
|
-
//# sourceMappingURL=PopoverProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverProvider.js","sourceRoot":"","sources":["../../src/containers/PopoverProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { IPopoverData } from '../containers/PopoverProvider';
|
|
2
|
-
declare const _default: import("use-context-selector").Context<{
|
|
3
|
-
addPopover?: (popoverData: IPopoverData) => void;
|
|
4
|
-
removePopover?: (popoverId: string) => void;
|
|
5
|
-
updatePopover?: (popoverId: string, popoverData: Partial<IPopoverData>) => void;
|
|
6
|
-
isPopoverOpen?: (popoverId: string) => boolean;
|
|
7
|
-
popovers?: IPopoverData[];
|
|
8
|
-
uiScale?: number;
|
|
9
|
-
}>;
|
|
10
|
-
export default _default;
|
|
11
|
-
//# sourceMappingURL=PopoverContext.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../src/context/PopoverContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;+BAGhC,YAAY,KAAK,IAAI;gCACpB,MAAM,KAAK,IAAI;gCACf,MAAM,eAAe,QAAQ,YAAY,CAAC,KAAK,IAAI;gCACnD,MAAM,KAAK,OAAO;eACnC,YAAY,EAAE;cACf,MAAM;;AANlB,wBAOO"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverContext.js","sourceRoot":"","sources":["../../src/context/PopoverContext.tsx"],"names":[],"mappings":";;AAAA,6DAAqD;AAGrD,qBAAe,IAAA,oCAAa,EAOzB,EAAE,CAAC,CAAC"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Placement } from '@popperjs/core';
|
|
3
|
-
import { IReqoreOptions } from '../containers/UIProvider';
|
|
4
|
-
import { IReqoreIntent, IWithReqoreEffect, IWithReqoreFlat, IWithReqoreMinimal } from '../types/global';
|
|
5
|
-
import { IReqoreIconName } from '../types/icons';
|
|
6
|
-
export interface IPopoverControls {
|
|
7
|
-
open: () => void;
|
|
8
|
-
close: () => void;
|
|
9
|
-
isOpen: () => boolean;
|
|
10
|
-
id: string;
|
|
11
|
-
}
|
|
12
|
-
export interface IPopover extends IReqoreIntent, IWithReqoreMinimal, IWithReqoreEffect, IWithReqoreFlat {
|
|
13
|
-
content?: JSX.Element | string | undefined;
|
|
14
|
-
handler?: 'hover' | 'click' | 'focus' | 'hoverStay';
|
|
15
|
-
placement?: Placement;
|
|
16
|
-
show?: boolean;
|
|
17
|
-
openOnMount?: boolean;
|
|
18
|
-
noArrow?: boolean;
|
|
19
|
-
noWrapper?: boolean;
|
|
20
|
-
useTargetWidth?: boolean;
|
|
21
|
-
closeOnOutsideClick?: boolean;
|
|
22
|
-
closeOnAnyClick?: boolean;
|
|
23
|
-
closeOnInsideClick?: boolean;
|
|
24
|
-
delay?: number;
|
|
25
|
-
blur?: boolean;
|
|
26
|
-
transparent?: boolean;
|
|
27
|
-
maxWidth?: string;
|
|
28
|
-
maxHeight?: string;
|
|
29
|
-
icon?: IReqoreIconName;
|
|
30
|
-
title?: string;
|
|
31
|
-
updater?: string | number;
|
|
32
|
-
uiScale?: IReqoreOptions['uiScale'];
|
|
33
|
-
onToggleChange?: (isOpen: boolean, popoverData?: IPopover) => void;
|
|
34
|
-
onUpdate?: (popoverData: IPopover) => void;
|
|
35
|
-
}
|
|
36
|
-
export interface IPopoverOptions extends IPopover {
|
|
37
|
-
targetElement?: HTMLElement;
|
|
38
|
-
passPopoverData?: (data: IPopoverControls) => void;
|
|
39
|
-
}
|
|
40
|
-
declare const usePopover: ({ targetElement, content, handler, placement, show, noArrow, useTargetWidth, closeOnOutsideClick, closeOnInsideClick, openOnMount, delay, ...rest }: IPopoverOptions) => IPopoverControls;
|
|
41
|
-
export default usePopover;
|
|
42
|
-
//# sourceMappingURL=usePopover.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAO3C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAgBjD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,QACf,SAAQ,aAAa,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAEpC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,UAAU,wJAab,eAAe,KAAG,gBAgJpB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/dist/hooks/usePopover.js
DELETED
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
exports.__esModule = true;
|
|
28
|
-
var react_1 = require("react");
|
|
29
|
-
var react_use_1 = require("react-use");
|
|
30
|
-
var shortid_1 = __importDefault(require("shortid"));
|
|
31
|
-
var use_context_selector_1 = require("use-context-selector");
|
|
32
|
-
var __1 = require("..");
|
|
33
|
-
var PopoverContext_1 = __importDefault(require("../context/PopoverContext"));
|
|
34
|
-
var startEvents = {
|
|
35
|
-
hover: 'mouseenter',
|
|
36
|
-
hoverStay: 'mouseenter',
|
|
37
|
-
click: 'click',
|
|
38
|
-
focus: 'focusin'
|
|
39
|
-
};
|
|
40
|
-
var endEvents = {
|
|
41
|
-
hover: 'mouseleave',
|
|
42
|
-
hoverStay: null,
|
|
43
|
-
click: null,
|
|
44
|
-
focus: null
|
|
45
|
-
};
|
|
46
|
-
var usePopover = function (_a) {
|
|
47
|
-
var targetElement = _a.targetElement, content = _a.content, _b = _a.handler, handler = _b === void 0 ? 'hover' : _b, placement = _a.placement, _c = _a.show, show = _c === void 0 ? true : _c, noArrow = _a.noArrow, useTargetWidth = _a.useTargetWidth, _d = _a.closeOnOutsideClick, closeOnOutsideClick = _d === void 0 ? true : _d, _e = _a.closeOnInsideClick, closeOnInsideClick = _e === void 0 ? true : _e, _f = _a.openOnMount, openOnMount = _f === void 0 ? false : _f, delay = _a.delay, rest = __rest(_a, ["targetElement", "content", "handler", "placement", "show", "noArrow", "useTargetWidth", "closeOnOutsideClick", "closeOnInsideClick", "openOnMount", "delay"]);
|
|
48
|
-
var _g = (0, use_context_selector_1.useContext)(PopoverContext_1["default"]), addPopover = _g.addPopover, removePopover = _g.removePopover, updatePopover = _g.updatePopover, popovers = _g.popovers, isPopoverOpen = _g.isPopoverOpen;
|
|
49
|
-
var tooltips = (0, __1.useReqoreProperty)('tooltips');
|
|
50
|
-
var id = (0, react_1.useMemo)(function () { return shortid_1["default"].generate(); }, []);
|
|
51
|
-
var timeout = (0, react_1.useRef)(0).current;
|
|
52
|
-
var startEvent = startEvents[handler];
|
|
53
|
-
var endEvent = endEvents[handler];
|
|
54
|
-
var currentPopover = (0, react_1.useMemo)(function () { return popovers === null || popovers === void 0 ? void 0 : popovers.find(function (p) { return p.id === id; }); }, [popovers, id]);
|
|
55
|
-
var openPopover = function () {
|
|
56
|
-
addPopover === null || addPopover === void 0 ? void 0 : addPopover(__assign({ id: id, content: content, targetElement: targetElement, placement: placement, noArrow: noArrow, useTargetWidth: useTargetWidth, closeOnOutsideClick: closeOnOutsideClick, closeOnAnyClick: handler === 'hover' }, rest));
|
|
57
|
-
if (rest.blur) {
|
|
58
|
-
// Create a div and prepend before the targetElement
|
|
59
|
-
var blurDiv = document.createElement('div');
|
|
60
|
-
blurDiv.id = "reqore-blur-".concat(id);
|
|
61
|
-
blurDiv.classList.add('reqore-blur-wrapper');
|
|
62
|
-
// Add the blur div before the target element
|
|
63
|
-
targetElement.before(blurDiv);
|
|
64
|
-
// Add the highest z-index to the target element
|
|
65
|
-
targetElement.classList.add('reqore-blur-z-index');
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
var _addPopover = function () {
|
|
69
|
-
if (currentPopover) {
|
|
70
|
-
if (handler !== 'hoverStay' && handler !== 'focus') {
|
|
71
|
-
if (closeOnInsideClick) {
|
|
72
|
-
_removePopover();
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
else if (show) {
|
|
77
|
-
var globalDelay = handler === 'hover' || handler === 'hoverStay' ? delay !== null && delay !== void 0 ? delay : tooltips.delay : delay;
|
|
78
|
-
if (globalDelay) {
|
|
79
|
-
timeout = setTimeout(function () {
|
|
80
|
-
openPopover();
|
|
81
|
-
}, globalDelay);
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
openPopover();
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
var _removePopover = function () {
|
|
89
|
-
cancelTimeout();
|
|
90
|
-
if (isPopoverOpen(id)) {
|
|
91
|
-
removePopover === null || removePopover === void 0 ? void 0 : removePopover(id);
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
var cancelTimeout = function () {
|
|
95
|
-
clearTimeout(timeout);
|
|
96
|
-
timeout = null;
|
|
97
|
-
};
|
|
98
|
-
(0, react_use_1.useUpdateEffect)(function () {
|
|
99
|
-
if (content && show) {
|
|
100
|
-
updatePopover === null || updatePopover === void 0 ? void 0 : updatePopover(id, __assign({ id: id, content: content, targetElement: targetElement, placement: placement, noArrow: noArrow, useTargetWidth: useTargetWidth, closeOnOutsideClick: closeOnOutsideClick, closeOnAnyClick: handler === 'hover' }, rest));
|
|
101
|
-
}
|
|
102
|
-
}, [content]);
|
|
103
|
-
(0, react_1.useEffect)(function () {
|
|
104
|
-
if (openOnMount && targetElement) {
|
|
105
|
-
_addPopover();
|
|
106
|
-
}
|
|
107
|
-
}, [!!targetElement]);
|
|
108
|
-
(0, react_1.useEffect)(function () {
|
|
109
|
-
if (targetElement && content) {
|
|
110
|
-
targetElement.addEventListener(startEvent, _addPopover);
|
|
111
|
-
if (endEvent) {
|
|
112
|
-
targetElement.addEventListener(endEvent, _removePopover);
|
|
113
|
-
}
|
|
114
|
-
if (handler === 'hoverStay') {
|
|
115
|
-
targetElement.addEventListener('mouseleave', cancelTimeout);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
if (!content) {
|
|
119
|
-
_removePopover();
|
|
120
|
-
}
|
|
121
|
-
return function () {
|
|
122
|
-
cancelTimeout();
|
|
123
|
-
targetElement === null || targetElement === void 0 ? void 0 : targetElement.removeEventListener(startEvent, _addPopover);
|
|
124
|
-
if (endEvent) {
|
|
125
|
-
targetElement === null || targetElement === void 0 ? void 0 : targetElement.removeEventListener(endEvent, _removePopover);
|
|
126
|
-
}
|
|
127
|
-
if (handler === 'hoverStay') {
|
|
128
|
-
targetElement === null || targetElement === void 0 ? void 0 : targetElement.removeEventListener('mouseleave', cancelTimeout);
|
|
129
|
-
}
|
|
130
|
-
};
|
|
131
|
-
}, [targetElement === null || targetElement === void 0 ? void 0 : targetElement.toString(), content, id, currentPopover]);
|
|
132
|
-
(0, react_use_1.useUnmount)(function () {
|
|
133
|
-
cancelTimeout();
|
|
134
|
-
});
|
|
135
|
-
return {
|
|
136
|
-
id: id,
|
|
137
|
-
open: function () {
|
|
138
|
-
if (!isPopoverOpen(id)) {
|
|
139
|
-
openPopover();
|
|
140
|
-
}
|
|
141
|
-
},
|
|
142
|
-
close: function () { return _removePopover(); },
|
|
143
|
-
isOpen: function () { return isPopoverOpen(id); }
|
|
144
|
-
};
|
|
145
|
-
};
|
|
146
|
-
exports["default"] = usePopover;
|
|
147
|
-
//# sourceMappingURL=usePopover.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/hooks/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrE,eAAO,MAAM,UAAU,kBACN,WAAW,GAAG,SAAS,YAC5B,kBAAkB,KAC3B,IAgCF,CAAC"}
|
package/dist/hooks/useTooltip.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
exports.__esModule = true;
|
|
17
|
-
exports.useTooltip = void 0;
|
|
18
|
-
var react_1 = require("react");
|
|
19
|
-
var usePopover_1 = __importDefault(require("./usePopover"));
|
|
20
|
-
var useTooltip = function (targetElement, tooltip) {
|
|
21
|
-
var _a = (0, react_1.useState)(undefined), element = _a[0], setElement = _a[1];
|
|
22
|
-
var _b = (0, react_1.useState)(undefined), data = _b[0], setData = _b[1];
|
|
23
|
-
var content = (0, react_1.useMemo)(function () { return (typeof tooltip === 'object' ? tooltip === null || tooltip === void 0 ? void 0 : tooltip.content : tooltip); }, [tooltip]);
|
|
24
|
-
(0, react_1.useEffect)(function () {
|
|
25
|
-
if (!content) {
|
|
26
|
-
setElement(targetElement);
|
|
27
|
-
setData(undefined);
|
|
28
|
-
}
|
|
29
|
-
else {
|
|
30
|
-
setElement(targetElement);
|
|
31
|
-
setData(tooltip);
|
|
32
|
-
}
|
|
33
|
-
}, [content]);
|
|
34
|
-
(0, react_1.useEffect)(function () {
|
|
35
|
-
if (targetElement) {
|
|
36
|
-
setElement(targetElement);
|
|
37
|
-
setData(tooltip);
|
|
38
|
-
}
|
|
39
|
-
}, [targetElement]);
|
|
40
|
-
var popoverData = typeof data === 'string' ? { content: data } : data;
|
|
41
|
-
(0, usePopover_1["default"])(__assign(__assign({}, popoverData), { targetElement: element, show: !!(popoverData === null || popoverData === void 0 ? void 0 : popoverData.content) }));
|
|
42
|
-
};
|
|
43
|
-
exports.useTooltip = useTooltip;
|
|
44
|
-
//# sourceMappingURL=useTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTooltip.js","sourceRoot":"","sources":["../../src/hooks/useTooltip.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAqD;AAErD,4DAAsC;AAE/B,IAAM,UAAU,GAAG,UACxB,aAAsC,EACtC,OAA4B;IAEtB,IAAA,KAAwB,IAAA,gBAAQ,EAA0B,SAAS,CAAC,EAAnE,OAAO,QAAA,EAAE,UAAU,QAAgD,CAAC;IACrE,IAAA,KAAkB,IAAA,gBAAQ,EAAsC,SAAS,CAAC,EAAzE,IAAI,QAAA,EAAE,OAAO,QAA4D,CAAC;IACjF,IAAM,OAAO,GAAG,IAAA,eAAO,EACrB,cAAM,OAAA,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAA1D,CAA0D,EAChE,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,OAAO,EAAE;YACZ,UAAU,CAAC,aAAa,CAAC,CAAC;YAC1B,OAAO,CAAC,SAAS,CAAC,CAAC;SACpB;aAAM;YACL,UAAU,CAAC,aAAa,CAAC,CAAC;YAC1B,OAAO,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAA,iBAAS,EAAC;QACR,IAAI,aAAa,EAAE;YACjB,UAAU,CAAC,aAAa,CAAC,CAAC;YAC1B,OAAO,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAM,WAAW,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,IAAA,uBAAU,wBACL,WAAW,KACd,aAAa,EAAE,OAAO,EACtB,IAAI,EAAE,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,IAC5B,CAAC;AACL,CAAC,CAAC;AAnCW,QAAA,UAAU,cAmCrB"}
|