@onepercentio/one-ui 0.1.5 → 0.1.6
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 +1 -0
- package/dist/__test__/firestore.js +20 -0
- package/dist/__test__/firestore.js.map +1 -0
- package/dist/__test__/utils.d.ts +16 -0
- package/dist/__test__/utils.js +179 -2
- package/dist/__test__/utils.js.map +1 -1
- package/dist/assets/styles/variables.scss +2 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +2 -2
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss +3 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +2 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +42 -36
- 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 +3 -2
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +14 -2
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -1
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts +2 -1
- 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/context/OneUIProvider.d.ts +10 -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 +19 -0
- package/package.json +15 -9
|
@@ -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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"}
|
|
@@ -12,10 +12,6 @@
|
|
|
12
12
|
z-index: 100;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.sectionDivider {
|
|
16
|
-
margin-left: auto;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
15
|
.logo {
|
|
20
16
|
align-self: stretch;
|
|
21
17
|
display: flex;
|
|
@@ -67,7 +63,6 @@
|
|
|
67
63
|
z-index: 1000;
|
|
68
64
|
> * {
|
|
69
65
|
cursor: pointer;
|
|
70
|
-
background: $mainBackgroundColor;
|
|
71
66
|
backdrop-filter: var(--header-submenu-backdrop, initial);
|
|
72
67
|
padding: 12px 32px;
|
|
73
68
|
margin-bottom: 8px;
|
|
@@ -106,4 +101,19 @@
|
|
|
106
101
|
@media screen and (min-width: 640px) {
|
|
107
102
|
display: none;
|
|
108
103
|
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.options-right {
|
|
107
|
+
.logo {
|
|
108
|
+
margin-right: auto;
|
|
109
|
+
}
|
|
110
|
+
.sectionDivider {
|
|
111
|
+
margin-left: initial;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.options-left {
|
|
116
|
+
.sectionDivider {
|
|
117
|
+
margin-left: auto;
|
|
118
|
+
}
|
|
109
119
|
}
|
|
@@ -4,11 +4,13 @@ export declare type InputProps = {
|
|
|
4
4
|
hideError?: "onfocus";
|
|
5
5
|
placeholder?: string;
|
|
6
6
|
disclaimer?: string;
|
|
7
|
+
multiline?: number;
|
|
8
|
+
border?: boolean;
|
|
7
9
|
icon?: {
|
|
8
10
|
onClick?: () => void;
|
|
9
11
|
} & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
|
|
10
12
|
Icon?: React.ReactElement;
|
|
11
|
-
} & Omit<React.HTMLProps<HTMLInputElement>,
|
|
13
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref">;
|
|
12
14
|
export declare enum InputTestIds {
|
|
13
15
|
DISCLAIMER = "disclaimer",
|
|
14
16
|
ERROR = "error"
|
|
@@ -18,9 +20,11 @@ declare const _default: React.ForwardRefExoticComponent<{
|
|
|
18
20
|
hideError?: "onfocus" | undefined;
|
|
19
21
|
placeholder?: string | undefined;
|
|
20
22
|
disclaimer?: string | undefined;
|
|
23
|
+
multiline?: number | undefined;
|
|
24
|
+
border?: boolean | undefined;
|
|
21
25
|
icon?: ({
|
|
22
26
|
onClick?: (() => void) | undefined;
|
|
23
27
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
24
28
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
25
|
-
} & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>>;
|
|
29
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>>;
|
|
26
30
|
export default _default;
|
|
@@ -39,13 +39,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.InputTestIds = void 0;
|
|
41
41
|
const react_1 = __importStar(require("react"));
|
|
42
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
42
43
|
const Text_1 = __importDefault(require("../Text"));
|
|
43
44
|
const Input_module_scss_1 = __importDefault(require("./Input.module.scss"));
|
|
44
45
|
/**
|
|
45
46
|
* A transparent input with some prebuilt states common to the application
|
|
46
47
|
**/
|
|
47
48
|
function Input(_a, ref) {
|
|
48
|
-
var { error, placeholder = " ", hideError, icon, Icon, autoFocus, disclaimer } = _a, otherProps = __rest(_a, ["error", "placeholder", "hideError", "icon", "Icon", "autoFocus", "disclaimer"]);
|
|
49
|
+
var { error, placeholder = " ", hideError, icon, Icon, autoFocus, disclaimer, multiline, border: propBorder } = _a, otherProps = __rest(_a, ["error", "placeholder", "hideError", "icon", "Icon", "autoFocus", "disclaimer", "multiline", "border"]);
|
|
50
|
+
const { component: { input: { className, border: globalBorder = true }, }, } = (0, OneUIProvider_1.useOneUIContext)();
|
|
49
51
|
const [focused, setFocused] = (0, react_1.useState)(false);
|
|
50
52
|
const inputRef = (0, react_1.useRef)(null);
|
|
51
53
|
(0, react_1.useImperativeHandle)(ref, () => inputRef.current, []);
|
|
@@ -62,8 +64,14 @@ function Input(_a, ref) {
|
|
|
62
64
|
return () => clearTimeout(t);
|
|
63
65
|
}
|
|
64
66
|
}, [autoFocus]);
|
|
65
|
-
|
|
66
|
-
|
|
67
|
+
const Component = multiline ? "textarea" : "input";
|
|
68
|
+
const withBorder = (0, react_1.useMemo)(() => {
|
|
69
|
+
if (propBorder !== undefined)
|
|
70
|
+
return propBorder;
|
|
71
|
+
return globalBorder;
|
|
72
|
+
}, [propBorder, globalBorder]);
|
|
73
|
+
return (react_1.default.createElement("div", { className: `${Input_module_scss_1.default.inputContainer} ${false ? Input_module_scss_1.default.withIcon : ""} ${className}` },
|
|
74
|
+
react_1.default.createElement(Component, Object.assign({ ref: inputRef, placeholder: placeholder, rows: multiline }, otherProps, { onFocus: (e) => {
|
|
67
75
|
setFocused(true);
|
|
68
76
|
if (otherProps.onFocus)
|
|
69
77
|
otherProps.onFocus(e);
|
|
@@ -72,7 +80,7 @@ function Input(_a, ref) {
|
|
|
72
80
|
if (otherProps.onBlur)
|
|
73
81
|
otherProps.onBlur(e);
|
|
74
82
|
} })),
|
|
75
|
-
react_1.default.createElement("div", { className: Input_module_scss_1.default.border }),
|
|
83
|
+
withBorder && react_1.default.createElement("div", { className: Input_module_scss_1.default.border }),
|
|
76
84
|
error && shouldShowError ? (react_1.default.createElement(Text_1.default, { title: error, "data-testid": InputTestIds.ERROR, className: Input_module_scss_1.default.caption, type: "error" }, error)) : disclaimer ? (react_1.default.createElement(Text_1.default, { title: disclaimer, type: "caption", className: Input_module_scss_1.default.caption, "data-testid": InputTestIds.DISCLAIMER }, disclaimer)) : null,
|
|
77
85
|
Icon && react_1.default.createElement("div", { className: Input_module_scss_1.default.icon }, Icon),
|
|
78
86
|
icon && react_1.default.createElement("img", Object.assign({ className: Input_module_scss_1.default.icon }, icon))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAWe;AACf,mDAA2B;AAC3B,4EAAyC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,11 +6,13 @@ declare const _default: {
|
|
|
6
6
|
hideError?: "onfocus" | undefined;
|
|
7
7
|
placeholder?: string | undefined;
|
|
8
8
|
disclaimer?: string | undefined;
|
|
9
|
+
multiline?: number | undefined;
|
|
10
|
+
border?: boolean | undefined;
|
|
9
11
|
icon?: ({
|
|
10
12
|
onClick?: (() => void) | undefined;
|
|
11
13
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
12
14
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
13
|
-
} & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>>;
|
|
15
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>>;
|
|
14
16
|
title: string;
|
|
15
17
|
};
|
|
16
18
|
export default _default;
|
|
@@ -3,7 +3,8 @@ declare const _default: React.ForwardRefExoticComponent<{
|
|
|
3
3
|
leftContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
4
4
|
rightContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
5
5
|
children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
6
|
-
} & React.RefAttributes<{
|
|
6
|
+
} & React.RefAttributes<Pick<{
|
|
7
7
|
setOrientation: (orientation: "forward" | "backward") => void;
|
|
8
|
-
|
|
8
|
+
sectionRef: React.RefObject<HTMLDivElement>;
|
|
9
|
+
}, "setOrientation">>>;
|
|
9
10
|
export default _default;
|