@onepercentio/one-ui 0.13.1 → 0.13.3
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/AdaptiveDialog/AdaptiveDialog.d.ts +2 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +6 -2
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss +2 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +6 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +28 -5
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -1
- package/dist/components/Collapsable/Collapsable.d.ts +8 -3
- package/dist/components/Collapsable/Collapsable.js +1 -1
- package/dist/components/Collapsable/Collapsable.js.map +1 -1
- package/dist/components/Header/Header.js +2 -1
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/LavaLamp/LavaLamp.data.d.ts +1 -1
- package/dist/components/LavaLamp/LavaLamp.data.js +5 -3
- package/dist/components/LavaLamp/LavaLamp.data.js.map +1 -1
- package/dist/components/LavaLamp/v2/LavaLamp.js +52 -27
- package/dist/components/LavaLamp/v2/LavaLamp.js.map +1 -1
- package/dist/components/PaginationIndicator/PaginationIndicator.js.map +1 -1
- package/dist/components/Parallax/Parallax.d.ts +1 -1
- package/dist/components/Portal/Portal.d.ts +4 -4
- package/dist/components/Portal/Portal.js +17 -7
- package/dist/components/Portal/Portal.js.map +1 -1
- package/dist/components/Select/Select.js +2 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Transition/Transition.d.ts +68 -3
- package/dist/components/Transition/Transition.js +5 -2
- package/dist/components/Transition/Transition.js.map +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -1
- package/dist/hooks/useHero.d.ts +2 -2
- package/dist/hooks/useHero.js +3 -2
- package/dist/hooks/useHero.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,9 +2,10 @@ import { PropsWithChildren } from "react";
|
|
|
2
2
|
/**
|
|
3
3
|
* This component implements a generic drawer that displays it as a drawer on mobile and as a modal on desktop
|
|
4
4
|
**/
|
|
5
|
-
export default function AdaptiveDialog({ onClose, open, className, onClickOut, children, }: PropsWithChildren<{
|
|
5
|
+
export default function AdaptiveDialog({ onClose, open, className, onClickOut, children, onClosed, }: PropsWithChildren<{
|
|
6
6
|
className?: string;
|
|
7
7
|
open: boolean;
|
|
8
8
|
onClose?: () => void;
|
|
9
9
|
onClickOut?: () => void;
|
|
10
|
+
onClosed?: () => void;
|
|
10
11
|
}>): JSX.Element | null;
|
|
@@ -35,7 +35,7 @@ const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
|
35
35
|
/**
|
|
36
36
|
* This component implements a generic drawer that displays it as a drawer on mobile and as a modal on desktop
|
|
37
37
|
**/
|
|
38
|
-
function AdaptiveDialog({ onClose, open = false, className = "", onClickOut, children, }) {
|
|
38
|
+
function AdaptiveDialog({ onClose, open = false, className = "", onClickOut, children, onClosed, }) {
|
|
39
39
|
const rootDivRef = (0, react_1.useRef)(null);
|
|
40
40
|
const [isVisible, setIsVisible] = (0, react_1.useState)(open);
|
|
41
41
|
const [expanded, setExpanded] = (0, react_1.useState)(false);
|
|
@@ -44,6 +44,7 @@ function AdaptiveDialog({ onClose, open = false, className = "", onClickOut, chi
|
|
|
44
44
|
setIsVisible(true);
|
|
45
45
|
const toggleVisbility = (e) => {
|
|
46
46
|
if (e.animationName === AdaptiveDialog_module_scss_1.default.backdropDismiss) {
|
|
47
|
+
onClosed === null || onClosed === void 0 ? void 0 : onClosed();
|
|
47
48
|
setIsVisible(false);
|
|
48
49
|
e.target.removeEventListener("animationend", toggleVisbility);
|
|
49
50
|
}
|
|
@@ -55,7 +56,10 @@ function AdaptiveDialog({ onClose, open = false, className = "", onClickOut, chi
|
|
|
55
56
|
backdrop: (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveDialog.backdropClassName", ""),
|
|
56
57
|
dialog: (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveDialog.dialogClassName", ""),
|
|
57
58
|
};
|
|
58
|
-
return isVisible || open ? (react_1.default.createElement(react_1.default.Fragment, null, react_dom_1.default.createPortal(react_1.default.createElement("div", { ref: rootDivRef, className: `${AdaptiveDialog_module_scss_1.default.backdrop} ${open ? AdaptiveDialog_module_scss_1.default.open : AdaptiveDialog_module_scss_1.default.close} ${expanded ? AdaptiveDialog_module_scss_1.default.expanded : ""} ${globalClassName.backdrop}`, onClick: onClickOut }
|
|
59
|
+
return isVisible || open ? (react_1.default.createElement(react_1.default.Fragment, null, react_dom_1.default.createPortal(react_1.default.createElement("div", { ref: rootDivRef, className: `${AdaptiveDialog_module_scss_1.default.backdrop} ${open ? AdaptiveDialog_module_scss_1.default.open : AdaptiveDialog_module_scss_1.default.close} ${expanded ? AdaptiveDialog_module_scss_1.default.expanded : ""} ${globalClassName.backdrop}`, onClick: onClickOut, onAnimationEnd: ({ target, currentTarget }) => {
|
|
60
|
+
if (target === currentTarget)
|
|
61
|
+
target.style.pointerEvents = "initial";
|
|
62
|
+
} },
|
|
59
63
|
react_1.default.createElement("div", { className: `${AdaptiveDialog_module_scss_1.default.container} ${className} ${globalClassName.dialog}`, onClick: (e) => e.stopPropagation() },
|
|
60
64
|
react_1.default.createElement(ScrollAndFocusLock_1.default, { open: open },
|
|
61
65
|
onClose && (react_1.default.createElement("button", { className: AdaptiveDialog_module_scss_1.default.closeBtn },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdaptiveDialog.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,8FAAkD;AAClD,uFAA+D;AAC/D,yFAAiE;AACjE,0DAAiC;AACjC,+DAA6D;AAE7D;;IAEI;AACJ,SAAwB,cAAc,CAAC,EACrC,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,QAAQ,
|
|
1
|
+
{"version":3,"file":"AdaptiveDialog.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,12 @@ declare type Props = {
|
|
|
12
12
|
containInViewport?: boolean;
|
|
13
13
|
style?: any;
|
|
14
14
|
};
|
|
15
|
-
export declare
|
|
15
|
+
export declare enum AnchoredTooltipAlignment {
|
|
16
|
+
LEFT = 0,
|
|
17
|
+
CENTER = 1,
|
|
18
|
+
RIGHT = 2
|
|
19
|
+
}
|
|
20
|
+
export declare function updateTooltipPosition(tooltipRef: HTMLDivElement, anchorRef: HTMLElement, limitToViewport?: boolean, alignment?: AnchoredTooltipAlignment): {
|
|
16
21
|
shouldAnchorToBottom: boolean;
|
|
17
22
|
};
|
|
18
23
|
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<{
|
|
@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.updateTooltipPosition = void 0;
|
|
40
|
+
exports.updateTooltipPosition = exports.AnchoredTooltipAlignment = void 0;
|
|
41
41
|
const react_1 = __importStar(require("react"));
|
|
42
42
|
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
43
43
|
const FadeIn_1 = __importDefault(require("../FadeIn"));
|
|
@@ -47,11 +47,34 @@ const useFreeze_1 = __importDefault(require("../../hooks/useFreeze"));
|
|
|
47
47
|
function getPositionOnViewport(element) {
|
|
48
48
|
return element.getBoundingClientRect();
|
|
49
49
|
}
|
|
50
|
-
|
|
50
|
+
var AnchoredTooltipAlignment;
|
|
51
|
+
(function (AnchoredTooltipAlignment) {
|
|
52
|
+
AnchoredTooltipAlignment[AnchoredTooltipAlignment["LEFT"] = 0] = "LEFT";
|
|
53
|
+
AnchoredTooltipAlignment[AnchoredTooltipAlignment["CENTER"] = 1] = "CENTER";
|
|
54
|
+
AnchoredTooltipAlignment[AnchoredTooltipAlignment["RIGHT"] = 2] = "RIGHT";
|
|
55
|
+
})(AnchoredTooltipAlignment = exports.AnchoredTooltipAlignment || (exports.AnchoredTooltipAlignment = {}));
|
|
56
|
+
function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport, alignTo = AnchoredTooltipAlignment.CENTER) {
|
|
51
57
|
const anchorPosition = getPositionOnViewport(anchorRef);
|
|
52
58
|
const shouldAnchorToBottom = tooltipRef.clientHeight > anchorPosition.top;
|
|
53
59
|
let top = anchorPosition.top - tooltipRef.clientHeight;
|
|
54
|
-
|
|
60
|
+
/**
|
|
61
|
+
* The terms mean:
|
|
62
|
+
* anchorPosition.left = The left to get to the left border of the anchor (visible element)
|
|
63
|
+
* anchorPosition.width = The width of the anchor (visible element)
|
|
64
|
+
* tooltipRef.clientWidth = The width of the content
|
|
65
|
+
*/
|
|
66
|
+
let left = (() => {
|
|
67
|
+
switch (alignTo) {
|
|
68
|
+
case AnchoredTooltipAlignment.CENTER:
|
|
69
|
+
return (anchorPosition.left +
|
|
70
|
+
anchorPosition.width / 2 -
|
|
71
|
+
tooltipRef.clientWidth / 2);
|
|
72
|
+
case AnchoredTooltipAlignment.LEFT:
|
|
73
|
+
return anchorPosition.left;
|
|
74
|
+
case AnchoredTooltipAlignment.RIGHT:
|
|
75
|
+
return (anchorPosition.left + anchorPosition.width - tooltipRef.clientWidth);
|
|
76
|
+
}
|
|
77
|
+
})();
|
|
55
78
|
if (shouldAnchorToBottom)
|
|
56
79
|
top += tooltipRef.clientHeight + anchorRef.clientHeight;
|
|
57
80
|
if (containInViewport && top < 0)
|
|
@@ -89,8 +112,8 @@ function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport) {
|
|
|
89
112
|
shouldAnchorToBottom,
|
|
90
113
|
};
|
|
91
114
|
}
|
|
92
|
-
function updateTooltipPosition(tooltipRef, anchorRef, limitToViewport = true) {
|
|
93
|
-
const { top, left, shouldAnchorToBottom, offsetIndicatorLeft } = calculateTooltipFromAnchor(anchorRef, tooltipRef, limitToViewport);
|
|
115
|
+
function updateTooltipPosition(tooltipRef, anchorRef, limitToViewport = true, alignment = AnchoredTooltipAlignment.CENTER) {
|
|
116
|
+
const { top, left, shouldAnchorToBottom, offsetIndicatorLeft } = calculateTooltipFromAnchor(anchorRef, tooltipRef, limitToViewport, alignment);
|
|
94
117
|
if (limitToViewport) {
|
|
95
118
|
const maxHeight = window.innerHeight - top;
|
|
96
119
|
tooltipRef.style.maxHeight = `${maxHeight - 32}px`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchoredTooltip.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASe;AACf,+DAA6D;AAC7D,uDAA+B;AAC/B,gGAAmD;AACnD,0DAAiC;AACjC,sEAA8C;AAiB9C,SAAS,qBAAqB,CAAC,OAAoB;IACjD,OAAO,OAAO,CAAC,qBAAqB,EAAE,CAAC;AACzC,CAAC;AAED,SAAS,0BAA0B,CACjC,SAAsB,EACtB,UAA0B,EAC1B,iBAA0B;
|
|
1
|
+
{"version":3,"file":"AnchoredTooltip.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { HTMLAttributes, PropsWithChildren } from "react";
|
|
2
|
+
import { AnchoredTooltipAlignment } from "../AnchoredTooltip/AnchoredTooltip";
|
|
2
3
|
/**
|
|
3
4
|
* Wrapps some content on a collapsable header
|
|
4
5
|
**/
|
|
@@ -9,8 +10,6 @@ export default function Collapsable({ children, title, className, onToggleOpen,
|
|
|
9
10
|
onToggleOpen: (isOpen: boolean) => void;
|
|
10
11
|
open: boolean;
|
|
11
12
|
id?: string | undefined;
|
|
12
|
-
/** This will define if the content will be floating under the title or will expand all the container as one */
|
|
13
|
-
mode?: "block" | "float";
|
|
14
13
|
"data-testid"?: string;
|
|
15
14
|
onContentClick?: HTMLAttributes<HTMLInputElement>["onClick"];
|
|
16
15
|
/**
|
|
@@ -23,7 +22,13 @@ export default function Collapsable({ children, title, className, onToggleOpen,
|
|
|
23
22
|
* To detect when the user clicks out of the container
|
|
24
23
|
*/
|
|
25
24
|
onClickOut?: () => void;
|
|
26
|
-
}
|
|
25
|
+
} & ({
|
|
26
|
+
/** This will define if the content will be floating under the title or will expand all the container as one */
|
|
27
|
+
mode?: "block";
|
|
28
|
+
} | {
|
|
29
|
+
mode: "float";
|
|
30
|
+
alignTo: AnchoredTooltipAlignment;
|
|
31
|
+
})> & Omit<HTMLAttributes<HTMLDivElement>, "title">): JSX.Element;
|
|
27
32
|
declare class _CollapsableInterface {
|
|
28
33
|
_id: string;
|
|
29
34
|
constructor(id: string);
|
|
@@ -62,7 +62,7 @@ function Collapsable(_a) {
|
|
|
62
62
|
el.parentElement.style.position = "relative";
|
|
63
63
|
if (mode === "float") {
|
|
64
64
|
el.style.minHeight = el.style.height;
|
|
65
|
-
const { shouldAnchorToBottom } = (0, AnchoredTooltip_1.updateTooltipPosition)(el, toggleRef.current, true);
|
|
65
|
+
const { shouldAnchorToBottom } = (0, AnchoredTooltip_1.updateTooltipPosition)(el, toggleRef.current, true, "alignTo" in props ? props.alignTo : AnchoredTooltip_1.AnchoredTooltipAlignment.CENTER);
|
|
66
66
|
el.style.minHeight = "";
|
|
67
67
|
if (!shouldAnchorToBottom) {
|
|
68
68
|
el.style.marginTop = el.style.height;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsable.js","sourceRoot":"","sources":["../../../src/components/Collapsable/Collapsable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAA+B;AAC/B,+CAQe;AACf,wFAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"Collapsable.js","sourceRoot":"","sources":["../../../src/components/Collapsable/Collapsable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
const react_1 = __importStar(require("react"));
|
|
30
30
|
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
31
|
+
const AnchoredTooltip_1 = require("../AnchoredTooltip/AnchoredTooltip");
|
|
31
32
|
const Collapsable_1 = __importDefault(require("../Collapsable"));
|
|
32
33
|
const Text_1 = __importDefault(require("../Text"));
|
|
33
34
|
const Header_module_scss_1 = __importDefault(require("./Header.module.scss"));
|
|
@@ -59,7 +60,7 @@ function Header(props) {
|
|
|
59
60
|
.join("")))) : null,
|
|
60
61
|
user ? react_1.default.createElement("p", { className: Header_module_scss_1.default.profileName }, user.name) : null,
|
|
61
62
|
react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement("div", { className: `${Header_module_scss_1.default.indicator} ${moreOptions ? Header_module_scss_1.default.withMoreOptions : ""}` },
|
|
62
|
-
react_1.default.createElement(MoreOptions, { open: showMoreOptions })), "data-testid": "more-options-container", open: showMoreOptions, onToggleOpen: setShowMoreOptions, mode: "float", contentClassName: Header_module_scss_1.default.headerOptions },
|
|
63
|
+
react_1.default.createElement(MoreOptions, { open: showMoreOptions })), "data-testid": "more-options-container", open: showMoreOptions, onToggleOpen: setShowMoreOptions, mode: "float", contentClassName: Header_module_scss_1.default.headerOptions, alignTo: AnchoredTooltip_1.AnchoredTooltipAlignment.CENTER },
|
|
63
64
|
react_1.default.createElement(Controls, Object.assign({}, props, { mode: "mobile" })),
|
|
64
65
|
moreOptions
|
|
65
66
|
? moreOptions.map((opt) => (react_1.default.createElement(Text_1.default, { type: "link", onClick: opt.onClick }, opt.label)))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsE;AACtE,+DAA8D;AAC9D,iEAAyC;AACzC,mDAA2B;AAC3B,8EAA0C;AAyB1C;;IAEI;AACJ,SAAwB,MAAM,CAAC,KAAY;IACzC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,GAAG,EAAE,CAAC,+CAAY,EAAE,GAChE,IAAA,+BAAe,GAAE,CAAC,SAAS,CAAC,MAAM,CAAC;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,eAAe,EAAE;YACnB,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC9C,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACxC,OAAO,GAAG,EAAE;gBACV,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC7C,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,CACL,0CAAQ,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,WAAW,KAAK,CAAC,gBAAgB,IAAI,MAAM,EAAE,CAAC,EAAE;QAC5F,uCAAK,SAAS,EAAE,4BAAM,CAAC,IAAI;YACzB,8BAAC,SAAS,OAAG;YACb,uCAAK,SAAS,EAAE,4BAAM,CAAC,WAAW,GAAI,CAClC;QACN,8BAAC,QAAQ,oBAAK,KAAK,IAAE,IAAI,EAAC,SAAS,IAAG;QACrC,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACpB,uCACE,SAAS,EAAE,4BAAM,CAAC,OAAO,iBACb,mBAAmB,EAC/B,GAAG,EAAE,IAAI,CAAC,cAAe,GACzB,CACH,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,4BAAM,CAAC,OAAO,iBAAc,mBAAmB,IAC5D,IAAI,CAAC,IAAI;aACP,KAAK,CAAC,GAAG,CAAC;aACV,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;aACrC,IAAI,CAAC,EAAE,CAAC,CACP,CACP,CACF,CAAC,CAAC,CAAC,IAAI;QACP,IAAI,CAAC,CAAC,CAAC,qCAAG,SAAS,EAAE,4BAAM,CAAC,WAAW,IAAG,IAAI,CAAC,IAAI,CAAK,CAAC,CAAC,CAAC,IAAI;QAE9D,8BAAC,qBAAW,IACV,KAAK,EACH,uCACE,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,IAC5B,WAAW,CAAC,CAAC,CAAC,4BAAM,CAAC,eAAe,CAAC,CAAC,CAAC,EACzC,EAAE;gBAEF,8BAAC,WAAW,IAAC,IAAI,EAAE,eAAe,GAAI,CAClC,iBAEI,wBAAwB,EACpC,IAAI,EAAE,eAAe,EACrB,YAAY,EAAE,kBAAkB,EAChC,IAAI,EAAC,OAAO,EACZ,gBAAgB,EAAE,4BAAM,CAAC,aAAa;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const transitionPositionMs: number;
|
|
3
|
-
export default function useLavaLampSetup(onUpdatePosition: (x: number, y: number) => void, onUpdateSize: (size: number) => void
|
|
3
|
+
export default function useLavaLampSetup(onUpdatePosition: (x: number, y: number) => void, onUpdateSize: (size: number) => void): {
|
|
4
4
|
relativeTo: import("react").RefObject<HTMLDivElement>;
|
|
5
5
|
d: {
|
|
6
6
|
width: number;
|
|
@@ -10,14 +10,16 @@ const useTilt_1 = require("../../hooks/ui/useTilt");
|
|
|
10
10
|
const LavaLamp_module_scss_1 = __importDefault(require("./LavaLamp.module.scss"));
|
|
11
11
|
const transitionMs = Number(LavaLamp_module_scss_1.default.transitionMs);
|
|
12
12
|
exports.transitionPositionMs = Number(LavaLamp_module_scss_1.default.transitionPositionMs);
|
|
13
|
-
function useLavaLampSetup(onUpdatePosition, onUpdateSize
|
|
13
|
+
function useLavaLampSetup(onUpdatePosition, onUpdateSize) {
|
|
14
14
|
const [d, setDim] = (0, react_1.useState)();
|
|
15
15
|
const relativeTo = (0, react_1.useRef)(null);
|
|
16
16
|
const prevTilt = (0, react_1.useRef)();
|
|
17
17
|
(0, react_1.useEffect)(() => {
|
|
18
|
+
const baseWidth = Math.min(relativeTo.current.clientWidth, 1440);
|
|
18
19
|
setDim({
|
|
19
|
-
width:
|
|
20
|
-
height:
|
|
20
|
+
width: baseWidth,
|
|
21
|
+
height: baseWidth *
|
|
22
|
+
(relativeTo.current.clientHeight / relativeTo.current.clientWidth),
|
|
21
23
|
});
|
|
22
24
|
}, []);
|
|
23
25
|
const updateTiltCb = (0, react_1.useMemo)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LavaLamp.data.js","sourceRoot":"","sources":["../../../src/components/LavaLamp/LavaLamp.data.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAuC;AACvC,iCAA6D;AAC7D,oDAAwD;AACxD,kFAA4C;AAE5C,MAAM,YAAY,GAAG,MAAM,CAAC,8BAAM,CAAC,YAAY,CAAC,CAAC;AACpC,QAAA,oBAAoB,GAAG,MAAM,CAAC,8BAAM,CAAC,oBAAoB,CAAC,CAAC;AAExE,SAAwB,gBAAgB,CACtC,gBAAgD,EAChD,YAAoC
|
|
1
|
+
{"version":3,"file":"LavaLamp.data.js","sourceRoot":"","sources":["../../../src/components/LavaLamp/LavaLamp.data.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAuC;AACvC,iCAA6D;AAC7D,oDAAwD;AACxD,kFAA4C;AAE5C,MAAM,YAAY,GAAG,MAAM,CAAC,8BAAM,CAAC,YAAY,CAAC,CAAC;AACpC,QAAA,oBAAoB,GAAG,MAAM,CAAC,8BAAM,CAAC,oBAAoB,CAAC,CAAC;AAExE,SAAwB,gBAAgB,CACtC,gBAAgD,EAChD,YAAoC;IAEpC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,GAAqC,CAAC;IAClE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,IAAA,cAAM,GAA4B,CAAC;IAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,OAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAClE,MAAM,CAAC;YACL,KAAK,EAAE,SAAS;YAChB,MAAM,EACJ,SAAS;gBACT,CAAC,UAAU,CAAC,OAAQ,CAAC,YAAY,GAAG,UAAU,CAAC,OAAQ,CAAC,WAAW,CAAC;SACvE,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,MAAM,gBAAgB,GAAG,iBAAC,CAAC;QAC3B,IAAI,CAAC,CAAC;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;QACnD,IAAI,YAAY,GAAG,IAAA,iBAAC,EAClB,CAAC,QAAkC,EAAE,EAAE;YACrC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;gBACrB,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAC5B,OAAO;aACR;YAED,MAAM,IAAI,GAAG;gBACX,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;gBAC5C,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;aAC7C,CAAC;YAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;YAC1C,MAAM,OAAO,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;YAEtC,YAAY,CAAC,QAAQ,GAAG,QAAQ,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC;YAEpD,QAAQ,CAAC,OAAO,GAAG,QAAS,CAAC;QAC/B,CAAC,EACD,YAAY,EACZ;YACE,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI;SACf,CACF,CAAC;QACF,IAAI,QAAQ,GAAG,gBAAgB,CAC7B,CAAC,QAAkC,EAAE,EAAE;YACrC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YACpD,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAE,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YAC/D,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3B,CAAC,EACD,4BAAoB,EACpB;YACE,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI;SACf,CACF,CAAC;QACF,OAAO,CAAC,IAA0C,EAAE,EAAE;YACpD,IAAI,CAAC,CAAC;gBAAE,OAAO;YACf,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACR,IAAA,wBAAc,EACZ,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT;QACE,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,KAAK;KACnB,CACF,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,CAAC;YAAE,OAAO,EAAE,CAAC;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;QACpD,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAChD,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;YAClB,MAAM,MAAM,GACV,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;YAClE,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;YAChE,MAAM,MAAM,GACV,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;YACtE,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;YAEhE,OAAO;gBACL,QAAQ;gBACR,MAAM;gBACN,MAAM;gBACN,UAAU;gBACV,UAAU;aACX,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,OAAO;QACL,UAAU;QACV,CAAC;QACD,aAAa;KACd,CAAC;AACJ,CAAC;AAzGD,mCAyGC"}
|
|
@@ -27,15 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
const react_1 = __importStar(require("react"));
|
|
30
|
-
const useBreakpoint_1 = __importDefault(require("../../../hooks/ui/useBreakpoint"));
|
|
31
30
|
const useMergeRefs_1 = __importDefault(require("../../../hooks/useMergeRefs"));
|
|
32
31
|
const LavaLamp_data_1 = __importStar(require("../LavaLamp.data"));
|
|
33
32
|
const LavaLamp_module_scss_1 = __importDefault(require("./LavaLamp.module.scss"));
|
|
34
33
|
function LavaLamp({ className, children, }) {
|
|
35
|
-
const under800Px = (0, useBreakpoint_1.default)(800);
|
|
36
|
-
const scale = (0, react_1.useMemo)(() => {
|
|
37
|
-
return under800Px ? 1.5 : 1.8;
|
|
38
|
-
}, [under800Px]);
|
|
39
34
|
const guideConfig = (0, react_1.useRef)({
|
|
40
35
|
size: 0,
|
|
41
36
|
sizeTimestamp: Date.now(),
|
|
@@ -59,7 +54,7 @@ function LavaLamp({ className, children, }) {
|
|
|
59
54
|
guideConfig.current.size === 0 ? 0 : size - guideConfig.current.size;
|
|
60
55
|
guideConfig.current.size = size;
|
|
61
56
|
guideConfig.current.sizeTimestamp = Date.now();
|
|
62
|
-
}
|
|
57
|
+
});
|
|
63
58
|
const _canvasRef = (0, react_1.useRef)(null);
|
|
64
59
|
const canvasRef = (0, useMergeRefs_1.default)(_canvasRef, relativeTo);
|
|
65
60
|
(0, react_1.useEffect)(() => {
|
|
@@ -70,8 +65,8 @@ function LavaLamp({ className, children, }) {
|
|
|
70
65
|
var c = document.createElement("canvas"), w = (c.width = fc.width = d.width), h = (c.height = fc.height = d.height), ctx = c.getContext("2d"), fctx = fc.getContext("2d"), // f means final
|
|
71
66
|
opts = {
|
|
72
67
|
orbCount: circlesConfig.length,
|
|
73
|
-
baseVel: 1,
|
|
74
|
-
addedVel: 1,
|
|
68
|
+
baseVel: Math.max(d.width * 0.0010, 1),
|
|
69
|
+
addedVel: Math.max(d.width * 0.0010, 1),
|
|
75
70
|
alphaThreshold: 200,
|
|
76
71
|
}, orbs = [];
|
|
77
72
|
let animFrame;
|
|
@@ -87,18 +82,32 @@ function LavaLamp({ className, children, }) {
|
|
|
87
82
|
data[i] /= data[i] < opts.alphaThreshold ? 6 : 1;
|
|
88
83
|
fctx.putImageData(image, 0, 0);
|
|
89
84
|
}
|
|
90
|
-
class
|
|
85
|
+
class BaseOrb {
|
|
86
|
+
oldDrawCircle(x, y, radius) {
|
|
87
|
+
ctx.fillStyle = this.gradient;
|
|
88
|
+
ctx.translate(x | 0, y | 0);
|
|
89
|
+
ctx.beginPath();
|
|
90
|
+
ctx.arc(0, 0, radius, 0, Math.PI * 2);
|
|
91
|
+
ctx.fill();
|
|
92
|
+
ctx.translate(-x | 0, -y | 0);
|
|
93
|
+
}
|
|
94
|
+
drawCircle(x, y, radius) {
|
|
95
|
+
this.oldDrawCircle(x, y, radius);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
class Orb extends BaseOrb {
|
|
91
99
|
constructor(radius) {
|
|
100
|
+
super();
|
|
92
101
|
this.x = (Math.random() * w) | 0;
|
|
93
102
|
this.y = (Math.random() * h) | 0;
|
|
94
|
-
this.radius =
|
|
103
|
+
this.radius = radius;
|
|
95
104
|
var color = baseColor;
|
|
96
105
|
this.gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, this.radius);
|
|
97
106
|
this.gradient.addColorStop(0, `${color}ff`);
|
|
98
107
|
this.gradient.addColorStop(0.8, `${color}cc`);
|
|
99
108
|
this.gradient.addColorStop(1, `${color}00`);
|
|
100
109
|
var radiant = Math.random() * Math.PI * 2, vel = (opts.baseVel + opts.addedVel * Math.random()) | 0;
|
|
101
|
-
vel *= 0.
|
|
110
|
+
vel *= 0.2;
|
|
102
111
|
this.vx = Math.cos(radiant) * vel;
|
|
103
112
|
this.vy = Math.sin(radiant) * vel;
|
|
104
113
|
}
|
|
@@ -110,26 +119,23 @@ function LavaLamp({ className, children, }) {
|
|
|
110
119
|
this.vx *= -1;
|
|
111
120
|
if (this.y < -radius || this.y > h + radius)
|
|
112
121
|
this.vy *= -1;
|
|
113
|
-
|
|
114
|
-
ctx.translate(this.x | 0, this.y | 0);
|
|
115
|
-
ctx.beginPath();
|
|
116
|
-
ctx.arc(0, 0, this.radius, 0, Math.PI * 2);
|
|
117
|
-
ctx.fill();
|
|
118
|
-
ctx.translate(-this.x | 0, -this.y | 0);
|
|
122
|
+
this.drawCircle(this.x | 0, this.y | 0, this.radius);
|
|
119
123
|
}
|
|
120
124
|
}
|
|
121
|
-
class GuideOrb {
|
|
125
|
+
class GuideOrb extends BaseOrb {
|
|
122
126
|
step() {
|
|
123
127
|
const deltaTime = Date.now() - guideConfig.current.sizeTimestamp;
|
|
124
128
|
const deltaTimePercent = deltaTime > 250 ? 1 : (deltaTime * 100) / 250 / 100;
|
|
125
129
|
const radius = guideConfig.current.size -
|
|
126
130
|
(guideConfig.current.sizeIncrement -
|
|
127
131
|
guideConfig.current.sizeIncrement * deltaTimePercent);
|
|
132
|
+
this.lastRadius = radius;
|
|
128
133
|
var color = baseColor;
|
|
129
134
|
const gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, radius);
|
|
130
135
|
gradient.addColorStop(0, `${color}ff`);
|
|
131
136
|
gradient.addColorStop(0.8, `${color}cc`);
|
|
132
137
|
gradient.addColorStop(1, `${color}00`);
|
|
138
|
+
this.gradient = gradient;
|
|
133
139
|
const deltaTimePos = Date.now() - guideConfig.current.posTimestamp;
|
|
134
140
|
const deltaTimePosPercent = deltaTimePos > LavaLamp_data_1.transitionPositionMs
|
|
135
141
|
? 1
|
|
@@ -137,20 +143,39 @@ function LavaLamp({ className, children, }) {
|
|
|
137
143
|
const translateX = guideConfig.current.x -
|
|
138
144
|
(guideConfig.current.posIncrement[0] -
|
|
139
145
|
guideConfig.current.posIncrement[0] * deltaTimePosPercent);
|
|
146
|
+
this.lastX = translateX;
|
|
140
147
|
const translateY = guideConfig.current.y -
|
|
141
148
|
(guideConfig.current.posIncrement[1] -
|
|
142
149
|
guideConfig.current.posIncrement[1] * deltaTimePosPercent);
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
ctx.beginPath();
|
|
146
|
-
ctx.arc(0, 0, radius, 0, Math.PI * 2);
|
|
147
|
-
ctx.fill();
|
|
148
|
-
ctx.translate(-translateX | 0, -translateY | 0);
|
|
150
|
+
this.lastY = translateY;
|
|
151
|
+
this.drawCircle(translateX | 0, translateY | 0, radius);
|
|
149
152
|
}
|
|
150
153
|
}
|
|
151
|
-
for (let circleConfig of circlesConfig)
|
|
152
|
-
|
|
153
|
-
|
|
154
|
+
for (let circleConfig of circlesConfig) {
|
|
155
|
+
const radius = circleConfig.baseSize * 1.5;
|
|
156
|
+
const randomRadius = (radius + (radius / 2) * Math.random()) | 0;
|
|
157
|
+
orbs.push(new Orb(randomRadius));
|
|
158
|
+
}
|
|
159
|
+
const guideOrbInstance = new GuideOrb();
|
|
160
|
+
let guideOrbAutoInstance;
|
|
161
|
+
orbs.push(guideOrbInstance);
|
|
162
|
+
canvasRef.current.parentElement.onmouseleave = () => {
|
|
163
|
+
const indexOfGuide = orbs.indexOf(guideOrbInstance);
|
|
164
|
+
if (indexOfGuide !== -1) {
|
|
165
|
+
guideOrbAutoInstance = new Orb(guideOrbInstance.lastRadius);
|
|
166
|
+
guideOrbAutoInstance.radius = guideOrbInstance.lastRadius;
|
|
167
|
+
guideOrbAutoInstance.x = guideOrbInstance.lastX;
|
|
168
|
+
guideOrbAutoInstance.y = guideOrbInstance.lastY;
|
|
169
|
+
orbs.splice(indexOfGuide, 1);
|
|
170
|
+
orbs.push(guideOrbAutoInstance);
|
|
171
|
+
}
|
|
172
|
+
};
|
|
173
|
+
canvasRef.current.parentElement.onmouseenter = () => {
|
|
174
|
+
if (orbs.indexOf(guideOrbInstance) === -1) {
|
|
175
|
+
orbs.push(guideOrbInstance);
|
|
176
|
+
orbs.splice(orbs.indexOf(guideOrbAutoInstance), 1);
|
|
177
|
+
}
|
|
178
|
+
};
|
|
154
179
|
anim();
|
|
155
180
|
return () => {
|
|
156
181
|
window.cancelAnimationFrame(animFrame);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LavaLamp.js","sourceRoot":"","sources":["../../../../src/components/LavaLamp/v2/LavaLamp.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6E;
|
|
1
|
+
{"version":3,"file":"LavaLamp.js","sourceRoot":"","sources":["../../../../src/components/LavaLamp/v2/LavaLamp.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationIndicator.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/PaginationIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"PaginationIndicator.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/PaginationIndicator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,5 +11,5 @@ declare type Props = PropsWithChildren<{
|
|
|
11
11
|
y: number;
|
|
12
12
|
};
|
|
13
13
|
}> & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
14
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "key" |
|
|
14
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "active" | "reflection" | "maxParallax"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
export default _default;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { PropsWithChildren } from "react";
|
|
1
|
+
import React, { PropsWithChildren } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* A react portal implementation with current page fallback
|
|
4
4
|
**/
|
|
5
5
|
export default function Portal({ to, children, }: PropsWithChildren<{
|
|
6
6
|
to: string;
|
|
7
7
|
}>): JSX.Element | null;
|
|
8
|
-
export declare
|
|
8
|
+
export declare const PortalReceiver: React.ForwardRefExoticComponent<{
|
|
9
9
|
name: string;
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
10
|
+
className?: string | undefined;
|
|
11
|
+
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -22,6 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
25
36
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
38
|
};
|
|
@@ -31,14 +42,13 @@ const react_dom_1 = __importDefault(require("react-dom"));
|
|
|
31
42
|
const react_1 = __importStar(require("react"));
|
|
32
43
|
const react_2 = require("react");
|
|
33
44
|
const react_3 = require("react");
|
|
34
|
-
const react_4 = require("react");
|
|
35
45
|
const Portal_module_scss_1 = __importDefault(require("./Portal.module.scss"));
|
|
36
46
|
/**
|
|
37
47
|
* A react portal implementation with current page fallback
|
|
38
48
|
**/
|
|
39
49
|
function Portal({ to, children, }) {
|
|
40
|
-
const [target, setTarget] = (0,
|
|
41
|
-
(0,
|
|
50
|
+
const [target, setTarget] = (0, react_3.useState)();
|
|
51
|
+
(0, react_2.useEffect)(() => {
|
|
42
52
|
const els = document.querySelectorAll(`[data-one-portal="${to}"]`);
|
|
43
53
|
let latestEl;
|
|
44
54
|
els.forEach((el) => {
|
|
@@ -53,10 +63,10 @@ function Portal({ to, children, }) {
|
|
|
53
63
|
return target === undefined ? null : (react_1.default.createElement(react_1.default.Fragment, null, target === null ? children : react_dom_1.default.createPortal(children, target)));
|
|
54
64
|
}
|
|
55
65
|
exports.default = Portal;
|
|
56
|
-
function
|
|
57
|
-
|
|
66
|
+
function _PortalReceiver(_a, _ref) {
|
|
67
|
+
var { name, className = "" } = _a, props = __rest(_a, ["name", "className"]);
|
|
58
68
|
const timestamp = (0, react_1.useMemo)(() => Date.now(), []);
|
|
59
|
-
return (react_1.default.createElement("div", { className: `${Portal_module_scss_1.default.portal} ${className}`, "data-one-portal": name, ref:
|
|
69
|
+
return (react_1.default.createElement("div", Object.assign({ className: `${Portal_module_scss_1.default.portal} ${className}`, "data-one-portal": name, ref: _ref, "data-timestamp": timestamp }, props)));
|
|
60
70
|
}
|
|
61
|
-
exports.PortalReceiver =
|
|
71
|
+
exports.PortalReceiver = (0, react_1.forwardRef)(_PortalReceiver);
|
|
62
72
|
//# sourceMappingURL=Portal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAiC;AACjC,+CAOe;AAEf,iCAAkC;AAClC,iCAAiC;AACjC,8EAA0C;AAE1C;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAC7B,EAAE,EACF,QAAQ,GAC0B;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAkB,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QACnE,IAAI,QAAa,CAAC;QAClB,GAAG,CAAC,OAAO,CAAC,CAAC,EAAO,EAAE,EAAE;YACtB,QAAQ;gBACN,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;oBACzC,MAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,KAAI,CAAC,CAAC;oBAC9B,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,QAAQ,CAAC;QACjB,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,8DAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAI,CAC5E,CAAC;AACJ,CAAC;AAtBD,yBAsBC;AAED,SAAS,eAAe,CACtB,EAUC,EACD,IAAkC;QAXlC,EACE,IAAI,EACJ,SAAS,GAAG,EAAE,OAQf,EAPI,KAAK,cAHV,qBAIC,CADS;IAUV,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,CACL,qDACE,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,SAAS,EAAE,qBACzB,IAAI,EACrB,GAAG,EAAE,IAAI,oBACO,SAAS,IACrB,KAAK,EACT,CACH,CAAC;AACJ,CAAC;AAEY,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC"}
|
|
@@ -44,6 +44,7 @@ const Select_module_scss_1 = __importDefault(require("./Select.module.scss"));
|
|
|
44
44
|
const Input_1 = __importDefault(require("../Input"));
|
|
45
45
|
const Loader_1 = __importDefault(require("../Loader"));
|
|
46
46
|
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
47
|
+
const AnchoredTooltip_1 = require("../AnchoredTooltip/AnchoredTooltip");
|
|
47
48
|
/**
|
|
48
49
|
* A dropdown select
|
|
49
50
|
**/
|
|
@@ -71,7 +72,7 @@ function Select(_a) {
|
|
|
71
72
|
return (react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement(Input_1.default, Object.assign({}, otherProps, { className: `${Select_module_scss_1.default.input} ${!items.length ? Select_module_scss_1.default.empty : ""}`, value: (_selected === null || _selected === void 0 ? void 0 : _selected.label) || label, disabled: true, Icon: react_1.default.createElement("div", { className: `${Select_module_scss_1.default.indicator}` }, loading ? react_1.default.createElement(Loader_1.default, null) : react_1.default.createElement(StateIndicator, { open: !!open })) })), id: undefined, mode: "float", open: open, onToggleOpen: (open) => {
|
|
72
73
|
if (items.length)
|
|
73
74
|
setOpen(open);
|
|
74
|
-
}, className: `${otherProps.disabled ? "disabled" : ""} ${rootClassName}`, contentClassName: `${Select_module_scss_1.default.optionsContainer} ${dropdownClassNames.dropdown}
|
|
75
|
+
}, className: `${otherProps.disabled ? "disabled" : ""} ${rootClassName}`, contentClassName: `${Select_module_scss_1.default.optionsContainer} ${dropdownClassNames.dropdown}`, alignTo: AnchoredTooltip_1.AnchoredTooltipAlignment.CENTER },
|
|
75
76
|
react_1.default.createElement("div", { className: Select_module_scss_1.default.items, onClick: (e) => {
|
|
76
77
|
e.stopPropagation();
|
|
77
78
|
setOpen(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AACf,iEAAyC;AACzC,mDAA2B;AAC3B,8EAA0C;AAC1C,qDAA6B;AAC7B,uDAA+B;AAC/B,+DAIqC;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AACf,iEAAyC;AACzC,mDAA2B;AAC3B,8EAA0C;AAC1C,qDAA6B;AAC7B,uDAA+B;AAC/B,+DAIqC;AACrC,wEAA8E;AAO9E;;IAEI;AACJ,SAAS,MAAM,CAAuB,EAyBsB;QAzBtB,EACpC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,EACP,aAAa,GAAG,EAAE,EAClB,iBAAiB,EAAE,KAAK,GAAG,EAAE,OAkB6B,EAjBvD,UAAU,cARuB,0FASrC,CADc;IAkBb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC,SAAS,CAAC,MAAM,CAAC;IAE9D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExC,MAAM,kBAAkB,GAAG,KAAK;QAC9B,CAAC,CAAE;YACC,QAAQ,EAAE,KAAK;SACuD;QAC1E,CAAC,CAAC,IAAA,8BAAc,EAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,MAAM,KAAK,GAAG,GAAG,EAAE;gBACjB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,CAAC;YACF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACxC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SACzD;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,8BAAC,qBAAW,IACV,KAAK,EACH,8BAAC,eAAK,oBACA,UAAU,IACd,SAAS,EAAE,GAAG,4BAAM,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,4BAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EACjE,KAAK,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,KAAI,KAAK,EAChC,QAAQ,QACR,IAAI,EACF,uCAAK,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,EAAE,IAClC,OAAO,CAAC,CAAC,CAAC,8BAAC,gBAAM,OAAG,CAAC,CAAC,CAAC,8BAAC,cAAc,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,GAAI,CACpD,IAER,EAEJ,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,KAAK,CAAC,MAAM;gBAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,EACD,SAAS,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,aAAa,EAAE,EACtE,gBAAgB,EAAE,GAAG,4BAAM,CAAC,gBAAgB,IAAI,kBAAkB,CAAC,QAAQ,EAAE,EAC7E,OAAO,EAAE,0CAAwB,CAAC,MAAM;QAExC,uCACE,SAAS,EAAE,4BAAM,CAAC,KAAK,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,IAEA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,8BAAC,cAAI,IACH,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,CAAC,CAAC,KAAK,EACZ,SAAS,EAAE,GACT,CAAC,KAAK,SAAS;gBACb,CAAC,CAAC,GAAG,4BAAM,CAAC,QAAQ,IAAI,kBAAkB,CAAC,YAAY,EAAE;gBACzD,CAAC,CAAC,EACN,IAAI,kBAAkB,CAAC,IAAI,IAAI,EAAE,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAExB,CAAC,CAAC,KAAK,CACH,CACR,CAAC,CACE,CACM,CACf,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE,CAAC,CAClD,8BAAC,MAAM,oBAAK,KAAK,EAAI,CACtB,CAAkB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { DetailedHTMLProps } from "react";
|
|
2
2
|
export declare type TransitionTypeDefinitions = {
|
|
3
3
|
transitionType?: TransitionAnimationTypes.SLIDE | TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN | TransitionAnimationTypes.FADE | TransitionAnimationTypes.COIN_FLIP;
|
|
4
4
|
} | {
|
|
@@ -23,7 +23,7 @@ export declare type TransitionProps = {
|
|
|
23
23
|
onDiscardStep?: (discardedKey: React.Key) => void;
|
|
24
24
|
lockTransitionWidth?: boolean;
|
|
25
25
|
lockTransitionHeight?: boolean;
|
|
26
|
-
} & TransitionTypeDefinitions
|
|
26
|
+
} & TransitionTypeDefinitions & Omit<DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "className" | "children">;
|
|
27
27
|
declare function TransitionClasses(type: NonNullable<Exclude<TransitionProps["transitionType"], TransitionAnimationTypes.CUSTOM>>): {
|
|
28
28
|
/**
|
|
29
29
|
* Applied to the element that was not visible and is now entering the screen
|
|
@@ -49,5 +49,70 @@ export declare enum TransitionAnimationTypes {
|
|
|
49
49
|
MASK = 5,
|
|
50
50
|
CUSTOM = 6
|
|
51
51
|
}
|
|
52
|
-
declare const _default: React.ForwardRefExoticComponent<
|
|
52
|
+
declare const _default: React.ForwardRefExoticComponent<(Pick<{
|
|
53
|
+
step: number;
|
|
54
|
+
className?: string | undefined;
|
|
55
|
+
contentStyle?: React.CSSProperties | undefined;
|
|
56
|
+
contentClassName?: string | undefined;
|
|
57
|
+
children: (React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined)[];
|
|
58
|
+
onDiscardStep?: ((discardedKey: React.Key) => void) | undefined;
|
|
59
|
+
lockTransitionWidth?: boolean | undefined;
|
|
60
|
+
lockTransitionHeight?: boolean | undefined;
|
|
61
|
+
} & {
|
|
62
|
+
transitionType?: TransitionAnimationTypes.SLIDE | TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN | TransitionAnimationTypes.FADE | TransitionAnimationTypes.COIN_FLIP | undefined;
|
|
63
|
+
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "className" | "children">, "className" | "placeholder" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "transitionType" | "contentStyle" | "contentClassName" | "onDiscardStep" | "lockTransitionWidth" | "lockTransitionHeight"> | Pick<{
|
|
64
|
+
step: number;
|
|
65
|
+
className?: string | undefined;
|
|
66
|
+
contentStyle?: React.CSSProperties | undefined;
|
|
67
|
+
contentClassName?: string | undefined;
|
|
68
|
+
children: (React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined)[];
|
|
69
|
+
onDiscardStep?: ((discardedKey: React.Key) => void) | undefined;
|
|
70
|
+
lockTransitionWidth?: boolean | undefined;
|
|
71
|
+
lockTransitionHeight?: boolean | undefined;
|
|
72
|
+
} & {
|
|
73
|
+
transitionType?: TransitionAnimationTypes.POP_FROM_ELEMENT_ID | undefined;
|
|
74
|
+
elementId: string;
|
|
75
|
+
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "className" | "children">, "className" | "placeholder" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "transitionType" | "contentStyle" | "contentClassName" | "onDiscardStep" | "lockTransitionWidth" | "lockTransitionHeight" | "elementId"> | Pick<{
|
|
76
|
+
step: number;
|
|
77
|
+
className?: string | undefined;
|
|
78
|
+
contentStyle?: React.CSSProperties | undefined;
|
|
79
|
+
contentClassName?: string | undefined;
|
|
80
|
+
children: (React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined)[];
|
|
81
|
+
onDiscardStep?: ((discardedKey: React.Key) => void) | undefined;
|
|
82
|
+
lockTransitionWidth?: boolean | undefined;
|
|
83
|
+
lockTransitionHeight?: boolean | undefined;
|
|
84
|
+
} & {
|
|
85
|
+
transitionType?: TransitionAnimationTypes.MASK | undefined;
|
|
86
|
+
/**
|
|
87
|
+
* It provides the transition container so you can create a dynamic svg to mask with
|
|
88
|
+
*/
|
|
89
|
+
maskFactory: (container: HTMLDivElement) => string;
|
|
90
|
+
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "className" | "children">, "className" | "placeholder" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "transitionType" | "contentStyle" | "contentClassName" | "onDiscardStep" | "lockTransitionWidth" | "lockTransitionHeight" | "maskFactory"> | Pick<{
|
|
91
|
+
step: number;
|
|
92
|
+
className?: string | undefined;
|
|
93
|
+
contentStyle?: React.CSSProperties | undefined;
|
|
94
|
+
contentClassName?: string | undefined;
|
|
95
|
+
children: (React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined)[];
|
|
96
|
+
onDiscardStep?: ((discardedKey: React.Key) => void) | undefined;
|
|
97
|
+
lockTransitionWidth?: boolean | undefined;
|
|
98
|
+
lockTransitionHeight?: boolean | undefined;
|
|
99
|
+
} & {
|
|
100
|
+
transitionType?: TransitionAnimationTypes.CUSTOM | undefined;
|
|
101
|
+
config: {
|
|
102
|
+
/**
|
|
103
|
+
* Applied to the element that was not visible and is now entering the screen
|
|
104
|
+
*/
|
|
105
|
+
backward: {
|
|
106
|
+
elementEntering: string;
|
|
107
|
+
elementExiting: string;
|
|
108
|
+
};
|
|
109
|
+
/**
|
|
110
|
+
* Applied to the element that was visible and now is exiting the screen
|
|
111
|
+
*/
|
|
112
|
+
forward: {
|
|
113
|
+
elementEntering: string;
|
|
114
|
+
elementExiting: string;
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "className" | "children">, "className" | "placeholder" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "config" | "transitionType" | "contentStyle" | "contentClassName" | "onDiscardStep" | "lockTransitionWidth" | "lockTransitionHeight">) & React.RefAttributes<HTMLDivElement | null>>;
|
|
53
118
|
export default _default;
|
|
@@ -292,7 +292,8 @@ function Transition(_a, _containerRef) {
|
|
|
292
292
|
}
|
|
293
293
|
}, [childrenWrappers.length]);
|
|
294
294
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
295
|
-
react_1.default.createElement("section",
|
|
295
|
+
react_1.default.createElement("section", Object.assign({}, props, { onClick: (e) => {
|
|
296
|
+
const { currentTarget: { offsetTop, offsetLeft, clientWidth, clientHeight }, clientX, clientY, } = e;
|
|
296
297
|
const offsetX = clientX - offsetLeft;
|
|
297
298
|
const offsetY = clientY - offsetTop;
|
|
298
299
|
const percentX = (offsetX * 100) / clientWidth;
|
|
@@ -302,7 +303,9 @@ function Transition(_a, _containerRef) {
|
|
|
302
303
|
props.transitionType ===
|
|
303
304
|
TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN)
|
|
304
305
|
preTransitionDetails.current.transformOrigin = `${percentX}% ${percentY}%`;
|
|
305
|
-
|
|
306
|
+
if (props.onClick)
|
|
307
|
+
props.onClick(e);
|
|
308
|
+
}, "data-testid": "transition-controller", ref: containerRef, className: `${Transition_module_scss_1.default.section} ${className}` }), childrenWrappers.map((Wrapper) => {
|
|
306
309
|
const childToRender = children.find((a, i) => ((a === null || a === void 0 ? void 0 : a.key) || i) === (Wrapper === null || Wrapper === void 0 ? void 0 : Wrapper.associatedKey));
|
|
307
310
|
return (react_1.default.createElement(Wrapper, { key: Wrapper === null || Wrapper === void 0 ? void 0 : Wrapper.associatedKey },
|
|
308
311
|
react_1.default.createElement(react_1.default.Fragment, null, childToRender)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ declare const _default: React.ForwardRefExoticComponent<({
|
|
|
7
7
|
lockTransitionWidth?: boolean | undefined;
|
|
8
8
|
lockTransitionHeight?: boolean | undefined;
|
|
9
9
|
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
10
|
-
} & Pick<TransitionProps, "contentStyle"> & TransitionTypeDefinitions) & React.RefAttributes<{
|
|
10
|
+
} & Pick<TransitionProps, "contentStyle"> & TransitionTypeDefinitions & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "className" | "children" | "ref">) & React.RefAttributes<{
|
|
11
11
|
setOrientation: (orientation: "forward" | "backward") => void;
|
|
12
12
|
sectionRef: React.RefObject<HTMLDivElement>;
|
|
13
13
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledTransition.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"UncontrolledTransition.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.tsx"],"names":[],"mappings":"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"}
|
package/dist/hooks/useHero.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export default function useHero(id: string, propsToTransition?: Omit<keyof CSSPr
|
|
|
10
10
|
* Usefull for when the hero has 2 possible origins.
|
|
11
11
|
* For example, one could hero only the current hovered element with el.matches(":hover")
|
|
12
12
|
*/
|
|
13
|
-
onHeroDetect?: (
|
|
13
|
+
onHeroDetect?: (origin: HTMLDivElement, target: HTMLDivElement) => boolean;
|
|
14
14
|
/**
|
|
15
15
|
* Do something when the hero ends
|
|
16
16
|
*
|
|
@@ -23,7 +23,7 @@ export default function useHero(id: string, propsToTransition?: Omit<keyof CSSPr
|
|
|
23
23
|
*
|
|
24
24
|
* If done correctly, it will transition from state a to b smoothly
|
|
25
25
|
*/
|
|
26
|
-
onHeroStart?: (clone: HTMLDivElement) => void;
|
|
26
|
+
onHeroStart?: (clone: HTMLDivElement, origin: HTMLDivElement, target: HTMLDivElement) => void;
|
|
27
27
|
/**
|
|
28
28
|
* Is called when the hero is coming/going outside the viewport
|
|
29
29
|
*
|
package/dist/hooks/useHero.js
CHANGED
|
@@ -23,7 +23,8 @@ function useHero(id, propsToTransition = [], events = {}) {
|
|
|
23
23
|
"left",
|
|
24
24
|
...propsToTransition,
|
|
25
25
|
];
|
|
26
|
-
const
|
|
26
|
+
const shouldHeroFn = events.onHeroDetect || ((...a) => true);
|
|
27
|
+
const otherElements = getHerosOnScreen().filter((el) => shouldHeroFn(el, heroRef.current));
|
|
27
28
|
const currentElCoordinates = heroRef.current.getBoundingClientRect();
|
|
28
29
|
if (process.env.NODE_ENV === "development" && otherElements.length > 2)
|
|
29
30
|
console.warn("There are too many elements to transition to, I will transition to the first I find", otherElements);
|
|
@@ -82,7 +83,7 @@ function useHero(id, propsToTransition = [], events = {}) {
|
|
|
82
83
|
el.style.visibility = "";
|
|
83
84
|
};
|
|
84
85
|
if (events.onHeroStart)
|
|
85
|
-
events.onHeroStart(clone);
|
|
86
|
+
events.onHeroStart(clone, otherElement, heroRef.current);
|
|
86
87
|
if (!el) {
|
|
87
88
|
cleanup();
|
|
88
89
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHero.js","sourceRoot":"","sources":["../../src/hooks/useHero.ts"],"names":[],"mappings":";;AAAA,iCAMe;AAEf,MAAM,EAAE,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC;AAGxC;;GAEG;AACH,SAAwB,OAAO,CAC7B,EAAU,EACV,oBAGM,EAAE,EACR,
|
|
1
|
+
{"version":3,"file":"useHero.js","sourceRoot":"","sources":["../../src/hooks/useHero.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onepercentio/one-ui",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.3",
|
|
4
4
|
"description": "A set of reusable components created through the development of Onepercent projects",
|
|
5
5
|
"repository": "git@github.com:onepercentio/one-ui.git",
|
|
6
6
|
"author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",
|