@onepercentio/one-ui 0.1.5 → 0.2.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/cypress/support/commands.js +25 -0
- package/cypress/support/index.js +47 -0
- package/dist/__test__/analytics.d.ts +3 -0
- package/dist/__test__/analytics.js +20 -0
- package/dist/__test__/analytics.js.map +1 -0
- package/dist/__test__/firestore.d.ts +2 -0
- package/dist/__test__/firestore.js +26 -0
- package/dist/__test__/firestore.js.map +1 -0
- package/dist/__test__/utils.d.ts +16 -0
- package/dist/__test__/utils.js +184 -2
- package/dist/__test__/utils.js.map +1 -1
- package/dist/assets/styles/variables.scss +2 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js.map +1 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +6 -36
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss +3 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +4 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +10 -3
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +4 -2
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts +3 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +45 -37
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -1
- package/dist/components/Button/Button.d.ts +6 -6
- package/dist/components/Button/Button.js +27 -4
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.module.scss +2 -2
- package/dist/components/Button/Button.stories.d.ts +5 -1
- package/dist/components/Collapsable/Collapsable.d.ts +1 -1
- package/dist/components/Collapsable/Collapsable.js +5 -0
- package/dist/components/Collapsable/Collapsable.js.map +1 -1
- package/dist/components/Collapsable/Collapsable.module.scss +2 -1
- package/dist/components/EmailInput/EmailInput.d.ts +5 -2
- package/dist/components/EmailInput/EmailInput.js +2 -0
- package/dist/components/EmailInput/EmailInput.js.map +1 -1
- package/dist/components/EmailInput/EmailInput.stories.d.ts +4 -2
- package/dist/components/EmailInput/index.d.ts +1 -1
- package/dist/components/EmailInput/index.js +2 -1
- package/dist/components/EmailInput/index.js.map +1 -1
- package/dist/components/Form/Form.d.ts +3 -2
- package/dist/components/Form/Form.js +1 -1
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Header/Header.d.ts +1 -0
- package/dist/components/Header/Header.js +1 -1
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/Header/Header.module.scss +15 -5
- package/dist/components/Header/Header.stories.d.ts +1 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.d.ts +1 -1
- package/dist/components/Input/Input.d.ts +6 -2
- package/dist/components/Input/Input.js +12 -4
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.module.scss +1 -1
- package/dist/components/Input/Input.stories.d.ts +3 -1
- package/dist/components/MainGrid/MainGrid.d.ts +3 -2
- package/dist/components/MainGrid/MainGrid.js.map +1 -1
- package/dist/components/MainGrid/MainGrid.stories.d.ts +3 -2
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +4 -3
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +14 -2
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -1
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +23 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts +3 -2
- package/dist/components/PasswordInput/PasswordInput.d.ts +3 -1
- package/dist/components/Select/Select.module.scss +0 -1
- package/dist/components/Select/Select.stories.d.ts +6 -2
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Text/Text.d.ts +7 -7
- package/dist/components/Text/Text.js +29 -4
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/Text.stories.d.ts +7 -2
- package/dist/components/Transition/Transition.d.ts +2 -5
- package/dist/components/Transition/Transition.js +3 -3
- package/dist/components/Transition/Transition.js.map +1 -1
- package/dist/components/Transition/Transition.stories.d.ts +3 -3
- package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +6 -2
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.d.ts +2 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +16 -5
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +36 -12
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.d.ts +26 -3
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js +13 -4
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js.map +1 -1
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts +7 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +71 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map +1 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.d.ts +1 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.js +9 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.js.map +1 -0
- package/dist/context/OneUIProvider.d.ts +13 -0
- package/dist/context/OneUIProvider.js +14 -3
- package/dist/context/OneUIProvider.js.map +1 -1
- package/dist/context/OneUIProvider.test.js +0 -1
- package/dist/context/OneUIProvider.test.js.map +1 -1
- package/dist/context/__mocks__/OneUIProvider.d.ts +22 -0
- package/dist/hooks/shims/ObjectWatchShim.d.ts +0 -0
- package/dist/hooks/shims/ObjectWatchShim.js +48 -0
- package/dist/hooks/shims/ObjectWatchShim.js.map +1 -0
- package/dist/hooks/useObserve.d.ts +2 -0
- package/dist/hooks/useObserve.js +14 -0
- package/dist/hooks/useObserve.js.map +1 -0
- package/package.json +18 -10
|
@@ -26,39 +26,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.updateTooltipPosition = void 0;
|
|
29
30
|
const react_1 = __importStar(require("react"));
|
|
31
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
30
32
|
const FadeIn_1 = __importDefault(require("../FadeIn"));
|
|
31
33
|
const AnchoredTooltip_module_scss_1 = __importDefault(require("./AnchoredTooltip.module.scss"));
|
|
32
34
|
function getPositionOnViewport(element) {
|
|
33
35
|
return element.getBoundingClientRect();
|
|
34
36
|
}
|
|
35
37
|
function calculateTooltipFromAnchor(anchorRef, tooltipRef) {
|
|
36
|
-
const anchorPosition = getPositionOnViewport(anchorRef
|
|
37
|
-
const shouldAnchorToBottom = tooltipRef.
|
|
38
|
-
let top = anchorPosition.top - tooltipRef.
|
|
39
|
-
let left = anchorPosition.left +
|
|
40
|
-
anchorPosition.width / 2 -
|
|
41
|
-
tooltipRef.current.clientWidth / 2;
|
|
38
|
+
const anchorPosition = getPositionOnViewport(anchorRef);
|
|
39
|
+
const shouldAnchorToBottom = tooltipRef.clientHeight > anchorPosition.top;
|
|
40
|
+
let top = anchorPosition.top - tooltipRef.clientHeight;
|
|
41
|
+
let left = anchorPosition.left + anchorPosition.width / 2 - tooltipRef.clientWidth / 2;
|
|
42
42
|
if (shouldAnchorToBottom)
|
|
43
|
-
top += tooltipRef.
|
|
43
|
+
top += tooltipRef.clientHeight + anchorRef.clientHeight;
|
|
44
44
|
if (top < 0)
|
|
45
45
|
top = 0;
|
|
46
|
-
const offset = top + tooltipRef.
|
|
46
|
+
const offset = top + tooltipRef.clientHeight - window.innerHeight;
|
|
47
47
|
if (offset > 0) {
|
|
48
48
|
top -= offset;
|
|
49
49
|
}
|
|
50
|
-
const offsetLeft = left + tooltipRef.
|
|
50
|
+
const offsetLeft = left + tooltipRef.clientWidth - window.innerWidth;
|
|
51
51
|
if (offsetLeft > 0) {
|
|
52
52
|
left -= offsetLeft;
|
|
53
53
|
}
|
|
54
54
|
if (left < 0) {
|
|
55
55
|
left = 0;
|
|
56
56
|
}
|
|
57
|
-
const maxLeftOffsetIndicator = tooltipRef.
|
|
58
|
-
const tooltipCenter = tooltipRef.
|
|
57
|
+
const maxLeftOffsetIndicator = tooltipRef.clientWidth / 2 - 60;
|
|
58
|
+
const tooltipCenter = tooltipRef.clientWidth / 2 + left;
|
|
59
59
|
const anchorPositionCenter = anchorPosition.left + anchorPosition.width / 2;
|
|
60
60
|
const offsetTooltip = anchorPositionCenter - tooltipCenter;
|
|
61
|
-
const minOffsetTooltip = -(tooltipRef.
|
|
61
|
+
const minOffsetTooltip = -(tooltipRef.clientWidth / 2) + 60;
|
|
62
62
|
const offsetIndicatorLeft = offsetLeft > 0
|
|
63
63
|
? offsetLeft > maxLeftOffsetIndicator
|
|
64
64
|
? maxLeftOffsetIndicator
|
|
@@ -76,33 +76,39 @@ function calculateTooltipFromAnchor(anchorRef, tooltipRef) {
|
|
|
76
76
|
shouldAnchorToBottom,
|
|
77
77
|
};
|
|
78
78
|
}
|
|
79
|
+
function updateTooltipPosition(tooltipRef, anchorRef, limitToViewport) {
|
|
80
|
+
const { top, left, shouldAnchorToBottom, offsetIndicatorLeft } = calculateTooltipFromAnchor(anchorRef, tooltipRef);
|
|
81
|
+
if (limitToViewport) {
|
|
82
|
+
const maxHeight = window.innerHeight - top;
|
|
83
|
+
tooltipRef.style.maxHeight = `${maxHeight - 32}px`;
|
|
84
|
+
}
|
|
85
|
+
tooltipRef.style.top = `${top}px`;
|
|
86
|
+
tooltipRef.style.left = `${left}px`;
|
|
87
|
+
tooltipRef.style.setProperty("--anchor-indicator-offset-left", `${offsetIndicatorLeft}px`);
|
|
88
|
+
if (shouldAnchorToBottom) {
|
|
89
|
+
tooltipRef.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredTop);
|
|
90
|
+
tooltipRef.classList.add(AnchoredTooltip_module_scss_1.default.anchoredBottom);
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
tooltipRef.classList.add(AnchoredTooltip_module_scss_1.default.anchoredTop);
|
|
94
|
+
tooltipRef.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredBottom);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
exports.updateTooltipPosition = updateTooltipPosition;
|
|
79
98
|
/**
|
|
80
99
|
* This tooltip anchors itself to an element and handles positioning relative to the anchored element
|
|
81
100
|
**/
|
|
82
101
|
function AnchoredTooltip(props) {
|
|
83
102
|
const { open, children, anchorRef } = props;
|
|
84
103
|
const tooltipRef = (0, react_1.useRef)(null);
|
|
85
|
-
|
|
86
|
-
if (!anchorRef.current)
|
|
87
|
-
return;
|
|
88
|
-
const { top, left, shouldAnchorToBottom, offsetIndicatorLeft } = calculateTooltipFromAnchor(anchorRef, tooltipRef);
|
|
89
|
-
tooltipRef.current.style.top = `${top}px`;
|
|
90
|
-
tooltipRef.current.style.left = `${left}px`;
|
|
91
|
-
tooltipRef.current.style.setProperty("--anchor-indicator-offset-left", `${offsetIndicatorLeft}px`);
|
|
92
|
-
if (shouldAnchorToBottom) {
|
|
93
|
-
tooltipRef.current.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredTop);
|
|
94
|
-
tooltipRef.current.classList.add(AnchoredTooltip_module_scss_1.default.anchoredBottom);
|
|
95
|
-
}
|
|
96
|
-
else {
|
|
97
|
-
tooltipRef.current.classList.add(AnchoredTooltip_module_scss_1.default.anchoredTop);
|
|
98
|
-
tooltipRef.current.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredBottom);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
104
|
+
const { component: { tooltip: { className = "" } = {} } = {} } = (0, OneUIProvider_1.useOneUIContext)();
|
|
101
105
|
(0, react_1.useEffect)(() => {
|
|
102
106
|
if (open) {
|
|
103
|
-
|
|
107
|
+
if (anchorRef.current && tooltipRef.current)
|
|
108
|
+
updateTooltipPosition(tooltipRef.current, anchorRef.current);
|
|
104
109
|
const scrollHandler = () => {
|
|
105
|
-
|
|
110
|
+
if (anchorRef.current && tooltipRef.current)
|
|
111
|
+
updateTooltipPosition(tooltipRef.current, anchorRef.current);
|
|
106
112
|
};
|
|
107
113
|
window.addEventListener("scroll", scrollHandler);
|
|
108
114
|
return () => {
|
|
@@ -111,7 +117,7 @@ function AnchoredTooltip(props) {
|
|
|
111
117
|
}
|
|
112
118
|
}, [open, anchorRef]);
|
|
113
119
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
114
|
-
react_1.default.createElement(FadeIn_1.default, { onClick: (e) => e.stopPropagation(), ref: tooltipRef, className: `${AnchoredTooltip_module_scss_1.default.tooltipContainer} ${open ? AnchoredTooltip_module_scss_1.default.open : ""} ${props.className || ""}` }, open ? react_1.default.createElement("div", null, children) : undefined)));
|
|
120
|
+
react_1.default.createElement(FadeIn_1.default, { onClick: (e) => e.stopPropagation(), ref: tooltipRef, className: `${AnchoredTooltip_module_scss_1.default.tooltipContainer} ${open ? AnchoredTooltip_module_scss_1.default.open : ""} ${props.className || ""} ${className}` }, open ? react_1.default.createElement("div", null, children) : undefined)));
|
|
115
121
|
}
|
|
116
122
|
exports.default = AnchoredTooltip;
|
|
117
123
|
function DebuggingHelper(props) {
|
|
@@ -142,12 +148,14 @@ function DebuggingHelper(props) {
|
|
|
142
148
|
} },
|
|
143
149
|
"Calculated info:",
|
|
144
150
|
react_1.default.createElement("br", null),
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
+
props.anchorRef.current &&
|
|
152
|
+
props.tooltipRef.current &&
|
|
153
|
+
Object.entries(calculateTooltipFromAnchor(props.anchorRef.current, props.tooltipRef.current)).map(([k, v]) => {
|
|
154
|
+
return (react_1.default.createElement("p", null,
|
|
155
|
+
react_1.default.createElement("b", null, k),
|
|
156
|
+
": ",
|
|
157
|
+
typeof v !== "boolean" ? v : v ? "true" : "false"));
|
|
158
|
+
}),
|
|
151
159
|
"Window info:",
|
|
152
160
|
react_1.default.createElement("br", null),
|
|
153
161
|
react_1.default.createElement("p", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchoredTooltip.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AnchoredTooltip.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
declare const _default: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
+
variant?: "transparent" | "filled" | "outline" | undefined;
|
|
4
|
+
} & {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
export default _default;
|
|
@@ -1,4 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
26
|
var t = {};
|
|
4
27
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -14,14 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
38
|
};
|
|
16
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
const react_1 =
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
18
41
|
const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
|
|
19
42
|
/**
|
|
20
43
|
* A simple button with the new design
|
|
21
44
|
**/
|
|
22
|
-
function Button(_a) {
|
|
45
|
+
function Button(_a, ref) {
|
|
23
46
|
var { children, variant = "transparent", className = "" } = _a, otherProps = __rest(_a, ["children", "variant", "className"]);
|
|
24
|
-
return (react_1.default.createElement("button", Object.assign({ className: `${Button_module_scss_1.default.button} ${Button_module_scss_1.default[variant]} ${className}` }, otherProps), children));
|
|
47
|
+
return (react_1.default.createElement("button", Object.assign({ ref: ref, className: `${Button_module_scss_1.default.button} ${Button_module_scss_1.default[variant]} ${className}` }, otherProps), children));
|
|
25
48
|
}
|
|
26
|
-
exports.default = Button;
|
|
49
|
+
exports.default = (0, react_1.forwardRef)(Button);
|
|
27
50
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,8EAA0C;AAE1C;;IAEI;AACJ,SAAS,MAAM,CACb,EASC,EACD,GAAoC;QAVpC,EACE,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAMf,EALI,UAAU,cAJf,oCAKC,CADc;IAQf,OAAO,CACL,wDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,IACzD,UAAU,GAEb,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,MAAM,CAAC,CAAC"}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
border: none;
|
|
10
10
|
transition: color $fast;
|
|
11
11
|
color: $digitalBlue;
|
|
12
|
-
border-radius:
|
|
12
|
+
border-radius: $buttonBorderRadius;
|
|
13
13
|
&:disabled {
|
|
14
14
|
cursor: initial;
|
|
15
15
|
}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
.filled {
|
|
28
28
|
background-color: $buttonPrimaryBackgroundColor;
|
|
29
|
-
color:
|
|
29
|
+
color: $buttonTextColor;
|
|
30
30
|
border-width: 0px;
|
|
31
31
|
&:disabled {
|
|
32
32
|
color: $mediumGray;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import Comp from ".";
|
|
3
3
|
declare const _default: {
|
|
4
|
-
component:
|
|
4
|
+
component: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
5
|
+
variant?: "transparent" | "filled" | "outline" | undefined;
|
|
6
|
+
} & {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
5
9
|
title: string;
|
|
6
10
|
};
|
|
7
11
|
export default _default;
|
|
@@ -12,7 +12,7 @@ export default function Collapsable({ children, title, className, onToggleOpen,
|
|
|
12
12
|
/** This will define if the content will be floating under the title or will expand all the container as one */
|
|
13
13
|
mode?: "block" | "float";
|
|
14
14
|
"data-testid"?: string;
|
|
15
|
-
onContentClick?: HTMLAttributes<HTMLInputElement>[
|
|
15
|
+
onContentClick?: HTMLAttributes<HTMLInputElement>["onClick"];
|
|
16
16
|
}>): JSX.Element;
|
|
17
17
|
declare class _CollapsableInterface {
|
|
18
18
|
_id: string;
|
|
@@ -41,17 +41,21 @@ exports.CollapsableInterface = void 0;
|
|
|
41
41
|
const FadeIn_1 = __importDefault(require("../FadeIn"));
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const Collapsable_module_scss_1 = __importDefault(require("./Collapsable.module.scss"));
|
|
44
|
+
const AnchoredTooltip_1 = require("../AnchoredTooltip/AnchoredTooltip");
|
|
44
45
|
/**
|
|
45
46
|
* Wrapps some content on a collapsable header
|
|
46
47
|
**/
|
|
47
48
|
function Collapsable(_a) {
|
|
48
49
|
var { children, title, className, onToggleOpen, open, id, mode = "block", contentClassName, onContentClick } = _a, props = __rest(_a, ["children", "title", "className", "onToggleOpen", "open", "id", "mode", "contentClassName", "onContentClick"]);
|
|
49
50
|
const contentRef = (0, react_1.useRef)(null);
|
|
51
|
+
const toggleRef = (0, react_1.useRef)(null);
|
|
50
52
|
(0, react_1.useEffect)(() => {
|
|
51
53
|
const el = contentRef.current;
|
|
52
54
|
if (open) {
|
|
53
55
|
el.style.height = el.scrollHeight + "px";
|
|
54
56
|
el.parentElement.style.position = "relative";
|
|
57
|
+
if (mode === "float")
|
|
58
|
+
(0, AnchoredTooltip_1.updateTooltipPosition)(el, toggleRef.current, true);
|
|
55
59
|
const onTransitionEnd = () => {
|
|
56
60
|
el.style.height = "auto";
|
|
57
61
|
};
|
|
@@ -78,6 +82,7 @@ function Collapsable(_a) {
|
|
|
78
82
|
}, [open]);
|
|
79
83
|
return (react_1.default.createElement("div", { "data-testid": props["data-testid"], className: `${Collapsable_module_scss_1.default.container} ${open ? Collapsable_module_scss_1.default.open : Collapsable_module_scss_1.default.closed} ${className}` },
|
|
80
84
|
react_1.default.createElement("div", { onClick: () => onToggleOpen(!open), id: _collapsableId("header", id) }, title),
|
|
85
|
+
react_1.default.createElement("div", { ref: toggleRef }),
|
|
81
86
|
react_1.default.createElement("div", { ref: contentRef, className: `${Collapsable_module_scss_1.default.content} ${Collapsable_module_scss_1.default[mode] || ""} ${contentClassName}`, id: _collapsableId("content", id), onClick: onContentClick },
|
|
82
87
|
react_1.default.createElement(FadeIn_1.default, null, open ? children : null))));
|
|
83
88
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsable.js","sourceRoot":"","sources":["../../../src/components/Collapsable/Collapsable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAA+B;AAC/B,+
|
|
1
|
+
{"version":3,"file":"Collapsable.js","sourceRoot":"","sources":["../../../src/components/Collapsable/Collapsable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
export declare function validateEmail(email: string): boolean;
|
|
2
3
|
declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
3
4
|
error?: string | undefined;
|
|
4
5
|
hideError?: "onfocus" | undefined;
|
|
5
6
|
placeholder?: string | undefined;
|
|
6
7
|
disclaimer?: string | undefined;
|
|
8
|
+
multiline?: number | undefined;
|
|
9
|
+
border?: boolean | undefined;
|
|
7
10
|
icon?: ({
|
|
8
11
|
onClick?: (() => void) | undefined;
|
|
9
12
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
10
13
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
11
|
-
} & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>, "value" | "onChange"> & {
|
|
14
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>, "value" | "onChange"> & {
|
|
12
15
|
onChange: (email: string, isValid: boolean) => void;
|
|
13
16
|
value: string;
|
|
14
17
|
messages: {
|
|
15
18
|
invalidEmail: string;
|
|
16
19
|
};
|
|
17
|
-
}, "
|
|
20
|
+
}, "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "default" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "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" | "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" | "error" | "border" | "Icon" | "messages" | "icon" | "hideError" | "disclaimer" | "multiline"> & React.RefAttributes<{
|
|
18
21
|
validateEmail: (email: string) => boolean;
|
|
19
22
|
}>>;
|
|
20
23
|
export default _default;
|
|
@@ -26,11 +26,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.validateEmail = void 0;
|
|
29
30
|
const react_1 = __importStar(require("react"));
|
|
30
31
|
const Input_1 = __importDefault(require("../Input"));
|
|
31
32
|
function validateEmail(email) {
|
|
32
33
|
return /@.*\./.test(email);
|
|
33
34
|
}
|
|
35
|
+
exports.validateEmail = validateEmail;
|
|
34
36
|
/**
|
|
35
37
|
* A Input based wrapper to handle inputs of email
|
|
36
38
|
**/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailInput.js","sourceRoot":"","sources":["../../../src/components/EmailInput/EmailInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmailInput.js","sourceRoot":"","sources":["../../../src/components/EmailInput/EmailInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,qDAA6B;AAE7B,SAAgB,aAAa,CAAC,KAAa;IACzC,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AAFD,sCAEC;AAED;;IAEI;AACJ,SAAS,UAAU,CACjB,KAMC,EACD,GAEE;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAC9C,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAClD,CAAC;IACF,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,aAAa,EAAE,aAAa;KAC7B,CAAC,CAAC,CAAC;IACJ,SAAS,kBAAkB,CAAC,CAAgC;QAC1D,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,CACL,8BAAC,eAAK,oBACA,KAAK,IACT,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAC/D,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YAChC,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,kBAAkB,IAC5B,CACH,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC"}
|
|
@@ -5,17 +5,19 @@ declare const _default: {
|
|
|
5
5
|
hideError?: "onfocus" | undefined;
|
|
6
6
|
placeholder?: string | undefined;
|
|
7
7
|
disclaimer?: string | undefined;
|
|
8
|
+
multiline?: number | undefined;
|
|
9
|
+
border?: boolean | undefined;
|
|
8
10
|
icon?: ({
|
|
9
11
|
onClick?: (() => void) | undefined;
|
|
10
12
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
11
13
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
12
|
-
} & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>, "value" | "onChange"> & {
|
|
14
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>, "value" | "onChange"> & {
|
|
13
15
|
onChange: (email: string, isValid: boolean) => void;
|
|
14
16
|
value: string;
|
|
15
17
|
messages: {
|
|
16
18
|
invalidEmail: string;
|
|
17
19
|
};
|
|
18
|
-
}, "
|
|
20
|
+
}, "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "default" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "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" | "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" | "error" | "border" | "Icon" | "messages" | "icon" | "hideError" | "disclaimer" | "multiline"> & React.RefAttributes<{
|
|
19
21
|
validateEmail: (email: string) => boolean;
|
|
20
22
|
}>>;
|
|
21
23
|
title: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './EmailInput';
|
|
1
|
+
export { default, validateEmail } from './EmailInput';
|
|
@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
6
|
+
exports.validateEmail = exports.default = void 0;
|
|
7
7
|
var EmailInput_1 = require("./EmailInput");
|
|
8
8
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(EmailInput_1).default; } });
|
|
9
|
+
Object.defineProperty(exports, "validateEmail", { enumerable: true, get: function () { return EmailInput_1.validateEmail; } });
|
|
9
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmailInput/index.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmailInput/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAAsD;AAA7C,sHAAA,OAAO,OAAA;AAAE,2GAAA,aAAa,OAAA"}
|
|
@@ -20,7 +20,7 @@ declare type ClassName = string;
|
|
|
20
20
|
export declare type FormInterface = {
|
|
21
21
|
clear: () => void;
|
|
22
22
|
};
|
|
23
|
-
declare
|
|
23
|
+
declare type FirebaseFormProps<M extends BaseForm> = {
|
|
24
24
|
ref?: RefObject<FormInterface>;
|
|
25
25
|
submitting: boolean;
|
|
26
26
|
onSubmit: (data: M) => void;
|
|
@@ -34,6 +34,7 @@ declare function FirebaseForm<M extends BaseForm>({ submitting, onSubmit, submit
|
|
|
34
34
|
error: [FunctionComponent] | [FunctionComponent, ClassName];
|
|
35
35
|
success: [FunctionComponent] | [FunctionComponent, ClassName];
|
|
36
36
|
};
|
|
37
|
-
}
|
|
37
|
+
};
|
|
38
|
+
declare function FirebaseForm<M extends BaseForm>({ submitting, onSubmit, submited, config, submitBtn }: FirebaseFormProps<M>, ref: ForwardedRef<FormInterface>): JSX.Element;
|
|
38
39
|
declare const _default: typeof FirebaseForm;
|
|
39
40
|
export default _default;
|
|
@@ -53,7 +53,7 @@ function AdvancedAction({ config, submited, submitting, isValid, onClick, }) {
|
|
|
53
53
|
return (react_1.default.createElement(AdaptiveButton_1.default, { variant: "filled", className: className, disabled: !isValid, onClick: onClick },
|
|
54
54
|
react_1.default.createElement(Element, { key: key + salt })));
|
|
55
55
|
}
|
|
56
|
-
function FirebaseForm({ submitting, onSubmit, submited, config, submitBtn
|
|
56
|
+
function FirebaseForm({ submitting, onSubmit, submited, config, submitBtn }, ref) {
|
|
57
57
|
const [form, setform] = (0, react_1.useState)({});
|
|
58
58
|
const isValid = (0, react_1.useMemo)(() => !Object.keys(config).some((a) => typeof config[a].validator(form[a], form) === "string"), [form]);
|
|
59
59
|
function sendContact(_form) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAWe;AACf,qDAA6B;AAC7B,uDAA+B;AAC/B,uDAA+B;AAC/B,+DAAuC;AACvC,uEAA+C;AAwB/C,SAAS,cAAc,CAAC,EACtB,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,GAKR;IACC,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,GAC7B,QAAQ,KAAK,KAAK;QAChB,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC;QAC5B,CAAC,CAAC,QAAQ,KAAK,IAAI;YACnB,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;YAChC,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;gBAChC,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEnC,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,wBAAc,IACb,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,OAAO,EAClB,OAAO,EAAE,OAAO;QAEhB,8BAAC,OAAO,IAAC,GAAG,EAAE,GAAG,GAAG,IAAI,GAAI,CACb,CAClB,CAAC;AACJ,CAAC;
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,7 +47,7 @@ function Header(props) {
|
|
|
47
47
|
};
|
|
48
48
|
}
|
|
49
49
|
}, [showMoreOptions]);
|
|
50
|
-
return (react_1.default.createElement("header", { className: Header_module_scss_1.default.header },
|
|
50
|
+
return (react_1.default.createElement("header", { className: `${Header_module_scss_1.default.header} ${Header_module_scss_1.default[`options-${props.optionsAlignment || "left"}`]}` },
|
|
51
51
|
react_1.default.createElement("div", { className: Header_module_scss_1.default.logo },
|
|
52
52
|
react_1.default.createElement(LogoImage, null),
|
|
53
53
|
react_1.default.createElement("div", { className: Header_module_scss_1.default.logoDivider })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsE;AACtE,+DAA8D;AAC9D,iEAAyC;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|