@onepercentio/one-ui 0.29.9 → 1.0.1
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 +1 -1
- package/dist/components/Button/Button.d.ts +3 -2
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/EmailInput/EmailInput.d.ts +0 -1
- package/dist/components/Form/Form.d.ts +15 -49
- package/dist/components/Form/{v2/Form.hook.d.ts → Form.hook.d.ts} +1 -1
- package/dist/components/Form/Form.hook.js +233 -0
- package/dist/components/Form/Form.js +67 -123
- package/{dist-ts/components/Form/v2 → dist/components/Form}/Form.types.d.ts +1 -0
- package/dist/components/Form/Form.types.js +40 -0
- package/{dist-ts/components/Form/v2 → dist/components/Form}/FormField/Extensions/DateField/DateField.d.ts +3 -1
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js +71 -0
- package/dist/components/Form/FormField/Extensions/DateField/index.js +26 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js +90 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js +26 -0
- package/dist/components/Form/FormField/FormField.js +276 -0
- package/{dist-ts/components/Form/v2 → dist/components/Form}/FormField/FormField.types.d.ts +8 -6
- package/dist/components/Form/FormField/FormField.types.js +12 -0
- package/dist/components/Form/FormField/index.js +26 -0
- package/dist/components/Form/index.js +1 -1
- package/dist/components/Input/Input.d.ts +0 -6
- package/dist/components/Input/Input.js +9 -20
- package/dist/components/Input/Input.module.scss +0 -32
- package/dist/components/LinkToId/LinkToId.d.ts +3 -2
- package/dist/components/LinkToId/LinkToId.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.d.ts +0 -1
- package/dist/components/Radio/Radio.d.ts +1 -0
- package/dist/components/Radio/Radio.js +2 -1
- package/dist/components/SectionContainer/SectionContainer.js +1 -1
- package/dist/components/Select/Select.js +1 -2
- package/dist/components/Spacing/Spacing.d.ts +2 -1
- package/dist/components/Spacing/Spacing.js +1 -1
- package/dist/components/Tabs/Tabs.js +5 -3
- package/dist/components/Text/Text.d.ts +5 -4
- package/dist/components/Text/Text.js +2 -2
- package/dist/components/Text/Text.module.scss +3 -71
- package/dist/context/AsyncProcess.d.ts +5 -4
- package/dist/context/AsyncProcess.js +1 -1
- package/dist/context/OneUIProvider.d.ts +37 -22
- package/dist/context/OneUIProvider.js +1 -1
- package/dist/hooks/useHero.js +6 -2
- package/dist/hooks/useShortIntl.d.ts +2 -1
- package/dist/hooks/useShortIntl.js +1 -1
- package/dist/index.d.ts +7 -10
- package/dist/index.js +154 -180
- package/dist/index.preprocess.js +4 -3
- package/dist/type-utils.d.ts +11 -1
- package/dist/type-utils.js +1 -1
- package/dist/utility.d.js +1 -17
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.d.ts +2 -1
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -1
- package/dist-ts/components/Button/Button.d.ts +3 -2
- package/dist-ts/components/Button/Button.js.map +1 -1
- package/dist-ts/components/EmailInput/EmailInput.d.ts +0 -1
- package/dist-ts/components/Form/Form.d.ts +15 -49
- package/dist-ts/components/Form/{v2/Form.hook.d.ts → Form.hook.d.ts} +1 -1
- package/dist-ts/components/Form/{v2/Form.hook.js → Form.hook.js} +9 -5
- package/dist-ts/components/Form/Form.hook.js.map +1 -0
- package/dist-ts/components/Form/Form.js +37 -66
- package/dist-ts/components/Form/Form.js.map +1 -1
- package/{dist/components/Form/v2 → dist-ts/components/Form}/Form.types.d.ts +1 -0
- package/dist-ts/components/Form/Form.types.js.map +1 -0
- package/{dist/components/Form/v2 → dist-ts/components/Form}/FormField/Extensions/DateField/DateField.d.ts +3 -1
- package/dist-ts/components/Form/{v2/FormField → FormField}/Extensions/DateField/DateField.js +6 -6
- package/dist-ts/components/Form/FormField/Extensions/DateField/DateField.js.map +1 -0
- package/dist-ts/components/Form/FormField/Extensions/DateField/index.js.map +1 -0
- package/dist-ts/components/Form/{v2/FormField → FormField}/Extensions/PhoneField/PhoneField.js +4 -4
- package/dist-ts/components/Form/FormField/Extensions/PhoneField/PhoneField.js.map +1 -0
- package/dist-ts/components/Form/FormField/Extensions/PhoneField/index.js.map +1 -0
- package/dist-ts/components/Form/{v2/FormField → FormField}/FormField.js +15 -16
- package/dist-ts/components/Form/FormField/FormField.js.map +1 -0
- package/{dist/components/Form/v2 → dist-ts/components/Form}/FormField/FormField.types.d.ts +8 -6
- package/dist-ts/components/Form/FormField/FormField.types.js.map +1 -0
- package/dist-ts/components/Form/FormField/index.js.map +1 -0
- package/dist-ts/components/Form/index.js.map +1 -1
- package/dist-ts/components/Input/Input.d.ts +0 -6
- package/dist-ts/components/Input/Input.js +4 -15
- package/dist-ts/components/Input/Input.js.map +1 -1
- package/dist-ts/components/Input/Input.module.scss +0 -32
- package/dist-ts/components/LinkToId/LinkToId.d.ts +3 -2
- package/dist-ts/components/LinkToId/LinkToId.js.map +1 -1
- package/dist-ts/components/PasswordInput/PasswordInput.d.ts +0 -1
- package/dist-ts/components/Radio/Radio.d.ts +1 -0
- package/dist-ts/components/Radio/Radio.js +1 -1
- package/dist-ts/components/Radio/Radio.js.map +1 -1
- package/dist-ts/components/SectionContainer/SectionContainer.js.map +1 -1
- package/dist-ts/components/Select/Select.js +1 -1
- package/dist-ts/components/Select/Select.js.map +1 -1
- package/dist-ts/components/Spacing/Spacing.d.ts +2 -1
- package/dist-ts/components/Spacing/Spacing.js.map +1 -1
- package/dist-ts/components/Tabs/Tabs.js +4 -2
- package/dist-ts/components/Tabs/Tabs.js.map +1 -1
- package/dist-ts/components/Text/Text.d.ts +5 -4
- package/dist-ts/components/Text/Text.js +1 -1
- package/dist-ts/components/Text/Text.js.map +1 -1
- package/dist-ts/components/Text/Text.module.scss +3 -71
- package/dist-ts/context/AsyncProcess.d.ts +5 -4
- package/dist-ts/context/AsyncProcess.js.map +1 -1
- package/dist-ts/context/OneUIProvider.d.ts +37 -22
- package/dist-ts/context/OneUIProvider.js.map +1 -1
- package/dist-ts/hooks/useHero.js +3 -1
- package/dist-ts/hooks/useHero.js.map +1 -1
- package/dist-ts/hooks/useShortIntl.d.ts +2 -1
- package/dist-ts/hooks/useShortIntl.js.map +1 -1
- package/dist-ts/index.d.ts +7 -10
- package/dist-ts/index.js +7 -10
- package/dist-ts/index.js.map +1 -1
- package/dist-ts/index.preprocess.js +16 -12
- package/dist-ts/index.preprocess.js.map +1 -1
- package/dist-ts/type-utils.d.ts +11 -1
- package/package.json +9 -6
- package/tsconfig.prod.json +1 -0
- package/dist/components/Form/v2/Form.d.ts +0 -18
- package/dist/components/Form/v2/Form.hook.js +0 -230
- package/dist/components/Form/v2/Form.js +0 -63
- package/dist/components/Form/v2/Form.types.js +0 -40
- package/dist/components/Form/v2/FormField/Extensions/DateField/DateField.js +0 -68
- package/dist/components/Form/v2/FormField/Extensions/DateField/index.js +0 -26
- package/dist/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.js +0 -90
- package/dist/components/Form/v2/FormField/Extensions/PhoneField/index.js +0 -26
- package/dist/components/Form/v2/FormField/FormField.js +0 -281
- package/dist/components/Form/v2/FormField/FormField.module.scss +0 -0
- package/dist/components/Form/v2/FormField/FormField.types.js +0 -12
- package/dist/components/Form/v2/FormField/index.js +0 -26
- package/dist/components/Form/v2/index.d.ts +0 -2
- package/dist/components/Form/v2/index.js +0 -26
- package/dist/hooks/useForm.d.ts +0 -16
- package/dist/hooks/useForm.js +0 -38
- package/dist/test.d.ts +0 -0
- package/dist/test.js +0 -2
- package/dist-ts/components/Form/v2/Form.d.ts +0 -18
- package/dist-ts/components/Form/v2/Form.hook.js.map +0 -1
- package/dist-ts/components/Form/v2/Form.js +0 -31
- package/dist-ts/components/Form/v2/Form.js.map +0 -1
- package/dist-ts/components/Form/v2/Form.types.js.map +0 -1
- package/dist-ts/components/Form/v2/FormField/Extensions/DateField/DateField.js.map +0 -1
- package/dist-ts/components/Form/v2/FormField/Extensions/DateField/index.js.map +0 -1
- package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.js.map +0 -1
- package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/index.js.map +0 -1
- package/dist-ts/components/Form/v2/FormField/FormField.js.map +0 -1
- package/dist-ts/components/Form/v2/FormField/FormField.module.scss +0 -0
- package/dist-ts/components/Form/v2/FormField/FormField.types.js.map +0 -1
- package/dist-ts/components/Form/v2/FormField/index.js.map +0 -1
- package/dist-ts/components/Form/v2/index.d.ts +0 -2
- package/dist-ts/components/Form/v2/index.js +0 -3
- package/dist-ts/components/Form/v2/index.js.map +0 -1
- package/dist-ts/hooks/useForm.d.ts +0 -16
- package/dist-ts/hooks/useForm.js +0 -27
- package/dist-ts/hooks/useForm.js.map +0 -1
- package/dist-ts/test.d.ts +0 -0
- package/dist-ts/test.js +0 -2
- package/dist-ts/test.js.map +0 -1
- /package/dist/components/Form/{v2/Form.module.scss → Form.module.scss} +0 -0
- /package/dist/components/Form/{v2/FormField → FormField}/Extensions/DateField/DateField.module.scss +0 -0
- /package/dist/components/Form/{v2/FormField → FormField}/Extensions/DateField/index.d.ts +0 -0
- /package/dist/components/Form/{v2/FormField → FormField}/Extensions/PhoneField/PhoneField.d.ts +0 -0
- /package/dist/components/Form/{v2/FormField → FormField}/Extensions/PhoneField/PhoneField.module.scss +0 -0
- /package/dist/components/Form/{v2/FormField → FormField}/Extensions/PhoneField/index.d.ts +0 -0
- /package/dist/components/Form/{v2/FormField → FormField}/FormField.d.ts +0 -0
- /package/dist/components/Form/{v2/FormField → FormField}/index.d.ts +0 -0
- /package/dist-ts/components/Form/{v2/Form.module.scss → Form.module.scss} +0 -0
- /package/dist-ts/components/Form/{v2/Form.types.js → Form.types.js} +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/Extensions/DateField/DateField.module.scss +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/Extensions/DateField/index.d.ts +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/Extensions/DateField/index.js +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/Extensions/PhoneField/PhoneField.d.ts +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/Extensions/PhoneField/PhoneField.module.scss +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/Extensions/PhoneField/index.d.ts +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/Extensions/PhoneField/index.js +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/FormField.d.ts +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/FormField.types.js +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/index.d.ts +0 -0
- /package/dist-ts/components/Form/{v2/FormField → FormField}/index.js +0 -0
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useState } from "react";
|
|
3
3
|
import debounce from "lodash/debounce";
|
|
4
|
-
import Styles from "./FormField.module.scss";
|
|
5
4
|
import { FormMode, } from "./FormField.types";
|
|
6
|
-
import Select from "
|
|
7
|
-
import Input from "
|
|
8
|
-
import OneText from "
|
|
9
|
-
import Button from "
|
|
10
|
-
import Radio from "
|
|
11
|
-
import { AnchoredTooltipAlignment } from "
|
|
12
|
-
import FileInput from "
|
|
13
|
-
import CheckBox from "
|
|
14
|
-
import Spacing from "
|
|
15
|
-
import { useOneUIConfig } from "
|
|
5
|
+
import Select from "../../Select/Select";
|
|
6
|
+
import Input from "../../Input";
|
|
7
|
+
import OneText from "../../Text";
|
|
8
|
+
import Button from "../../Button";
|
|
9
|
+
import Radio from "../../Radio";
|
|
10
|
+
import { AnchoredTooltipAlignment } from "../../AnchoredTooltip/AnchoredTooltip";
|
|
11
|
+
import FileInput from "../../FileInput/FileInput";
|
|
12
|
+
import CheckBox from "../../CheckBox/CheckBox";
|
|
13
|
+
import Spacing from "../../Spacing";
|
|
14
|
+
import { useOneUIConfig } from "../../../context/OneUIProvider";
|
|
16
15
|
// import InputMask from "react-input-mask";
|
|
17
16
|
/**
|
|
18
17
|
* The logic for a field of the form
|
|
@@ -41,14 +40,14 @@ export default function FormField({ config: c, value, ...props }) {
|
|
|
41
40
|
}, footer: c.footer, onFile: () => { }, file: file === true ? {} : undefined, progress: file === true ? 100 : undefined, disabled: true }), _jsx(Spacing, { size: "small" }), file === true && (_jsx(Button, { variant: "link", color: "primary", onClick: c.openFile.action, children: c.openFile.label })), _jsx(Spacing, { size: "large" })] }));
|
|
42
41
|
default:
|
|
43
42
|
const answer = val();
|
|
44
|
-
return (_jsxs(_Fragment, { children: [_jsx(OneText, { type: titleVariant, children: c.title }), _jsx(OneText, { type: labelVariant,
|
|
43
|
+
return (_jsxs(_Fragment, { children: [_jsx(OneText, { type: titleVariant, children: c.title }), _jsx(OneText, { type: labelVariant, "data-testid": props["data-testid"], children: answer || "-" })] }));
|
|
45
44
|
}
|
|
46
45
|
}
|
|
47
46
|
const { onAnswer, error } = props;
|
|
48
47
|
switch (type) {
|
|
49
48
|
case "accept":
|
|
50
49
|
const checks = val() || [];
|
|
51
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", {
|
|
50
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsxs("div", { children: [_jsx(OneText, { type: titleVariant, children: c.title }), _jsx("br", {}), _jsx(Button, { variant: "link", color: "primary", onClick: c.contract.action, children: c.contract.label })] }), error && (_jsxs("div", { children: [_jsx(OneText, { type: "caption", color: "error", children: error }), _jsx("br", {})] })), _jsx("div", { children: c.accept.map((a, i) => (_jsx(OneText, { type: labelVariant, children: _jsx(CheckBox, { label: _jsx("span", { children: _jsxs(_Fragment, { children: [a.label, a.optional ? (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsx(OneText, { type: "caption", children: optionalLabel })] })) : ("")] }) }), checked: checks[i], onToggle: (checked) => {
|
|
52
51
|
const clone = [...checks];
|
|
53
52
|
clone[i] = checked;
|
|
54
53
|
onAnswer(type, c.id, ans(clone));
|
|
@@ -93,7 +92,7 @@ export default function FormField({ config: c, value, ...props }) {
|
|
|
93
92
|
}, file: upload, progress: upload ? progress || 0 : undefined, accept: c.extensions.map((x) => `.${x}`).join(",") }), error ? (_jsx(OneText, { type: "caption", color: "error", children: error })) : null, _jsx(Spacing, { size: "large" })] }));
|
|
94
93
|
case "radio":
|
|
95
94
|
const selected = val();
|
|
96
|
-
return (_jsxs(_Fragment, { children: [_jsx(OneText, { type: titleVariant, children: c.title }), error && (_jsx(OneText, { type: "caption", color: "error", children: error })), _jsx("br", {}), c.options.map((el) => (_jsxs(_Fragment, { children: [_jsx(OneText, { type: labelVariant, children: _jsx(Radio, { checked: selected === el.value, label: el.label, onToggle: () => onAnswer(type, c.id, el.value), groupId: c.id, value: el.value }) }), _jsx("br", {})] })))] }));
|
|
95
|
+
return (_jsxs(_Fragment, { children: [_jsx(OneText, { type: titleVariant, children: c.title }), error && (_jsx(OneText, { type: "caption", color: "error", children: error })), _jsx("br", {}), c.options.map((el) => (_jsxs(_Fragment, { children: [_jsx(OneText, { type: labelVariant, children: _jsx(Radio, { checked: selected === el.value, label: el.label, onToggle: () => onAnswer(type, c.id, el.value), groupId: c.id, value: el.value, "data-testid": props["data-testid"] }) }), _jsx("br", {})] })))] }));
|
|
97
96
|
case "check":
|
|
98
97
|
const checkError = typeof error === "string" ? c.options.map(() => error) : error;
|
|
99
98
|
const checkmarks = val() || [];
|
|
@@ -120,12 +119,12 @@ export default function FormField({ config: c, value, ...props }) {
|
|
|
120
119
|
: (val) => val;
|
|
121
120
|
return (_jsxs(_Fragment, { children: [_jsx(OneText, { type: titleVariant, children: c.title }), _jsx(Input, { multiline: "multiline" in c ? c.multiline : undefined, placeholder: c.title, value: val(), error: error, onChange: ({ target: { value } }) => {
|
|
122
121
|
onAnswer(type, c.id, filter(value));
|
|
123
|
-
} })] }));
|
|
122
|
+
}, "data-testid": props["data-testid"] })] }));
|
|
124
123
|
default:
|
|
125
124
|
const registeredExtension = extensions?.[type];
|
|
126
125
|
if (registeredExtension) {
|
|
127
126
|
const { Input } = registeredExtension;
|
|
128
|
-
return (_jsx(Input, { onAnswer: onAnswer, question: c, value: value, error: error }));
|
|
127
|
+
return (_jsx(Input, { onAnswer: onAnswer, question: c, value: value, error: error, "data-testid": props["data-testid"] }));
|
|
129
128
|
}
|
|
130
129
|
throw new Error(`The form field "${type}" is not implemented yet. Please provide it using OneUIProvider config options for form extensions`);
|
|
131
130
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../src/components/Form/FormField/FormField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
import { SelectItem } from "
|
|
2
|
+
import { SelectItem } from "../../Select/Select";
|
|
3
3
|
import { UploadTask } from "firebase/storage";
|
|
4
|
-
import { UnresolvableOr } from "
|
|
4
|
+
import { FromOnePercentUtility, UnresolvableOr } from "../../../type-utils";
|
|
5
5
|
export type GenericFormFieldProps<T extends FormField["type"]> = {
|
|
6
6
|
value: AnswerByField<{
|
|
7
7
|
type: T;
|
|
@@ -19,6 +19,7 @@ export type GenericFormFieldProps<T extends FormField["type"]> = {
|
|
|
19
19
|
export type FormFieldProps<Q extends Pick<FormFieldView, "type">> = {
|
|
20
20
|
config: Q;
|
|
21
21
|
value: AnswerByField<Q>;
|
|
22
|
+
"data-testid"?: string;
|
|
22
23
|
} & ({
|
|
23
24
|
mode: FormMode.READ_ONLY;
|
|
24
25
|
} | {
|
|
@@ -54,6 +55,7 @@ type DistributeValidatorOverUnion<FormFieldTypes extends {
|
|
|
54
55
|
export type FormField = {
|
|
55
56
|
optional?: boolean;
|
|
56
57
|
id: string;
|
|
58
|
+
readOnly?: boolean;
|
|
57
59
|
} & DistributeValidatorOverUnion<BasicFormFields | {
|
|
58
60
|
type: "radio";
|
|
59
61
|
options: SelectItem[];
|
|
@@ -83,8 +85,8 @@ export type FormField = {
|
|
|
83
85
|
label: string;
|
|
84
86
|
optional?: true;
|
|
85
87
|
}[];
|
|
86
|
-
} | UnresolvableOr<
|
|
87
|
-
export type FormFieldTypes = FormField[
|
|
88
|
-
type ExternalQuestionFields = UnresolvableOr<
|
|
89
|
-
export type AnswerByField<F extends Pick<FormField, "type">> = F["type"] extends "file" ? UploadTask | true : F["type"] extends "accept" | "check" | "rawcheck" ? boolean[] : F["type"] extends "radio" | "text" | "select" | "number" ? string : F["type"] extends keyof ExternalQuestionFields ?
|
|
88
|
+
} | UnresolvableOr<FromOnePercentUtility<"UIElements.FormExtension">["fields"], BasicFormFields>>;
|
|
89
|
+
export type FormFieldTypes = FormField["type"] | "accept";
|
|
90
|
+
type ExternalQuestionFields = UnresolvableOr<FromOnePercentUtility<"UIElements.FormExtension">["fieldAnswer"], {}>;
|
|
91
|
+
export type AnswerByField<F extends Pick<FormField, "type">> = F["type"] extends "file" ? UploadTask | true : F["type"] extends "accept" | "check" | "rawcheck" ? boolean[] : F["type"] extends "radio" | "text" | "select" | "number" ? string : F["type"] extends keyof ExternalQuestionFields ? FromOnePercentUtility<"UIElements.FormExtension">["fieldAnswer"][F["type"]] : unknown;
|
|
90
92
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormField.types.js","sourceRoot":"","sources":["../../../../src/components/Form/FormField/FormField.types.ts"],"names":[],"mappings":"AAqCA,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,iDAAS,CAAA;IACT,yCAAK,CAAA;AACP,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Form/FormField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,cAAc,QAAQ,CAAC"}
|
|
@@ -6,7 +6,6 @@ export type InputProps = {
|
|
|
6
6
|
placeholder?: string;
|
|
7
7
|
disclaimer?: string | ReactElement;
|
|
8
8
|
multiline?: number;
|
|
9
|
-
border?: boolean;
|
|
10
9
|
icon?: {
|
|
11
10
|
onClick?: () => void;
|
|
12
11
|
} & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
|
|
@@ -16,10 +15,6 @@ export type InputProps = {
|
|
|
16
15
|
value?: string;
|
|
17
16
|
'data-testid'?: string;
|
|
18
17
|
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange" | 'value'>;
|
|
19
|
-
export declare enum InputTestIds {
|
|
20
|
-
DISCLAIMER = "disclaimer",
|
|
21
|
-
ERROR = "error"
|
|
22
|
-
}
|
|
23
18
|
/**
|
|
24
19
|
* A transparent input with some prebuilt states common to the application
|
|
25
20
|
**/
|
|
@@ -30,7 +25,6 @@ declare const Input: React.ForwardRefExoticComponent<{
|
|
|
30
25
|
placeholder?: string | undefined;
|
|
31
26
|
disclaimer?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
|
|
32
27
|
multiline?: number | undefined;
|
|
33
|
-
border?: boolean | undefined;
|
|
34
28
|
icon?: ({
|
|
35
29
|
onClick?: (() => void) | undefined;
|
|
36
30
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
@@ -3,9 +3,8 @@ import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState,
|
|
|
3
3
|
import { useOneUIConfig } from "../../context/OneUIProvider";
|
|
4
4
|
import Text from "../Text";
|
|
5
5
|
import Styles from "./Input.module.scss";
|
|
6
|
-
function _Input({ error, placeholder = " ", hideError, icon, Icon, autoFocus, disclaimer, multiline, decoration = null,
|
|
7
|
-
const className = useOneUIConfig("component.input.className");
|
|
8
|
-
const globalBorder = useOneUIConfig("component.input.border");
|
|
6
|
+
function _Input({ error, placeholder = " ", hideError, icon, Icon, autoFocus, disclaimer, multiline, decoration = null, containerProps, className: localClassName, ...otherProps }, ref) {
|
|
7
|
+
const className = useOneUIConfig("component.input.className", {});
|
|
9
8
|
const [focused, setFocused] = useState(false);
|
|
10
9
|
const inputRef = useRef(null);
|
|
11
10
|
useImperativeHandle(ref, () => inputRef.current, []);
|
|
@@ -23,12 +22,7 @@ function _Input({ error, placeholder = " ", hideError, icon, Icon, autoFocus, di
|
|
|
23
22
|
}
|
|
24
23
|
}, [autoFocus]);
|
|
25
24
|
const Component = multiline ? "textarea" : "input";
|
|
26
|
-
|
|
27
|
-
if (propBorder !== undefined)
|
|
28
|
-
return propBorder;
|
|
29
|
-
return globalBorder;
|
|
30
|
-
}, [propBorder, globalBorder]);
|
|
31
|
-
return (_jsxs("div", { className: `${Styles.inputContainer} ${false ? Styles.withIcon : ""} ${className} ${localClassName}`, ...containerProps, children: [decoration, _jsx(Component, { ref: inputRef, placeholder: placeholder, rows: multiline, ...otherProps, onFocus: (e) => {
|
|
25
|
+
return (_jsxs("div", { className: `${Styles.inputContainer} ${false ? Styles.withIcon : ""} ${className.container} ${localClassName}`, ...containerProps, children: [decoration, _jsx(Component, { ref: inputRef, placeholder: placeholder, rows: multiline, className: className.input, ...otherProps, onFocus: (e) => {
|
|
32
26
|
setFocused(true);
|
|
33
27
|
if (otherProps.onFocus)
|
|
34
28
|
otherProps.onFocus(e);
|
|
@@ -36,13 +30,8 @@ function _Input({ error, placeholder = " ", hideError, icon, Icon, autoFocus, di
|
|
|
36
30
|
setFocused(false);
|
|
37
31
|
if (otherProps.onBlur)
|
|
38
32
|
otherProps.onBlur(e);
|
|
39
|
-
} }),
|
|
33
|
+
} }), error && shouldShowError ? (_jsx(Text, { title: typeof error === "string" ? error : "", className: Styles.caption, type: "error", children: error })) : disclaimer ? (_jsx(Text, { title: typeof disclaimer === "string" ? disclaimer : "", type: "caption", className: Styles.caption, children: disclaimer })) : null, Icon && _jsx("div", { className: Styles.icon, children: Icon }), icon && _jsx("img", { className: Styles.icon, ...icon })] }));
|
|
40
34
|
}
|
|
41
|
-
export var InputTestIds;
|
|
42
|
-
(function (InputTestIds) {
|
|
43
|
-
InputTestIds["DISCLAIMER"] = "disclaimer";
|
|
44
|
-
InputTestIds["ERROR"] = "error";
|
|
45
|
-
})(InputTestIds || (InputTestIds = {}));
|
|
46
35
|
/**
|
|
47
36
|
* A transparent input with some prebuilt states common to the application
|
|
48
37
|
**/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAc,EAIZ,UAAU,EAEV,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,MAAM,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,30 +23,10 @@
|
|
|
23
23
|
}
|
|
24
24
|
input,
|
|
25
25
|
textarea {
|
|
26
|
-
border: none;
|
|
27
26
|
background-color: transparent;
|
|
28
27
|
width: 100%;
|
|
29
|
-
font-size: inherit;
|
|
30
|
-
line-height: inherit;
|
|
31
|
-
font-family: $mainFontFamily;
|
|
32
|
-
color: var(--input-text-color, $spaceBlue);
|
|
33
28
|
margin-bottom: 18px;
|
|
34
29
|
outline: none;
|
|
35
|
-
&:placeholder-shown ~ .border {
|
|
36
|
-
animation-iteration-count: infinite;
|
|
37
|
-
animation-duration: $verySlow;
|
|
38
|
-
animation-name: pulse;
|
|
39
|
-
animation-delay: $slow;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
& .border {
|
|
43
|
-
position: absolute;
|
|
44
|
-
left: 0px;
|
|
45
|
-
right: 0px;
|
|
46
|
-
bottom: 18px;
|
|
47
|
-
height: 1px;
|
|
48
|
-
background-color: $spaceBlue;
|
|
49
|
-
opacity: 0;
|
|
50
30
|
}
|
|
51
31
|
.caption {
|
|
52
32
|
position: absolute;
|
|
@@ -57,15 +37,3 @@
|
|
|
57
37
|
max-width: 100%;
|
|
58
38
|
}
|
|
59
39
|
}
|
|
60
|
-
|
|
61
|
-
@keyframes pulse {
|
|
62
|
-
0% {
|
|
63
|
-
opacity: 0;
|
|
64
|
-
}
|
|
65
|
-
50% {
|
|
66
|
-
opacity: 0.1;
|
|
67
|
-
}
|
|
68
|
-
100% {
|
|
69
|
-
opacity: 0;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { PropsWithChildren } from "react";
|
|
2
|
-
|
|
2
|
+
import { FromOnePercentUtility } from "../../type-utils";
|
|
3
|
+
export declare function scrollToId(id: FromOnePercentUtility<'PageSections'>, shouldScrollToCenter?: boolean): void;
|
|
3
4
|
/**
|
|
4
5
|
* This component creates an iteractive element and on click, routes to the specified id
|
|
5
6
|
**/
|
|
6
7
|
export default function LinkToId({ children, id, link, scrollToCenter, }: PropsWithChildren<{
|
|
7
|
-
id?:
|
|
8
|
+
id?: FromOnePercentUtility<'PageSections'>;
|
|
8
9
|
link?: string;
|
|
9
10
|
scrollToCenter?: boolean;
|
|
10
11
|
}>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkToId.js","sourceRoot":"","sources":["../../../src/components/LinkToId/LinkToId.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkToId.js","sourceRoot":"","sources":["../../../src/components/LinkToId/LinkToId.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAG5C,MAAM,UAAU,UAAU,CACxB,EAAyC,EACzC,uBAAgC,KAAK;IAErC,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAEvC,IAAI,EAAE,EAAE,CAAC;QACP,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;QAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC;QACpE,MAAM,eAAe,GAAG,EAAE,CAAC,SAAS,CAAC;QACrC,MAAM,aAAa,GAAG,EAAE,CAAC,YAAY,CAAC;QAEtC,MAAM,CAAC,QAAQ,CAAC;YACd,QAAQ,EAAE,QAAQ;YAClB,iFAAiF;YACjF,GAAG,EAAE,oBAAoB;gBACvB,CAAC,CAAC,eAAe,GAAG,aAAa,GAAG,CAAC,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC;gBAC9D,CAAC,CAAC,eAAe,GAAG,OAAO;SAC9B,CAAC,CAAC;IACL,CAAC;AACH,CAAC;AAED;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,cAAc,GAAG,KAAK,GAKtB;IACA,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,YACrE,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,EAAG,EAAE,cAAc,CAAC,YAE7C,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -33,7 +33,6 @@ declare const PasswordInput: React.ForwardRefExoticComponent<(({
|
|
|
33
33
|
placeholder?: string | undefined;
|
|
34
34
|
disclaimer?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
|
|
35
35
|
multiline?: number | undefined;
|
|
36
|
-
border?: boolean | undefined;
|
|
37
36
|
icon?: ({
|
|
38
37
|
onClick?: (() => void) | undefined;
|
|
39
38
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
@@ -10,4 +10,5 @@ export default function Radio({ checked, onToggle, label, className, size, group
|
|
|
10
10
|
size?: number;
|
|
11
11
|
groupId: string;
|
|
12
12
|
value: string;
|
|
13
|
+
"data-testid"?: string;
|
|
13
14
|
}> & React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,6 +9,6 @@ export default function Radio({ checked, onToggle, label, className = "", size =
|
|
|
9
9
|
return (_jsxs("label", { className: `${Styles.container} ${className}`, style: { fontSize: size }, onClick: (e) => {
|
|
10
10
|
onToggle(!checked);
|
|
11
11
|
e.preventDefault();
|
|
12
|
-
}, children: [_jsx(Checkbox, { ...props, className: `${checked ? Styles.checked : ""} ${label ? Styles.wContent : ""}` }), _jsx("input", { type: "radio", name: groupId, id: value, checked: checked, readOnly: true }), label] }));
|
|
12
|
+
}, children: [_jsx(Checkbox, { ...props, className: `${checked ? Styles.checked : ""} ${label ? Styles.wContent : ""}` }), _jsx("input", { type: "radio", name: groupId, id: value, value: value, checked: checked, readOnly: true, "data-testid": props["data-testid"] }), label] }));
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,KAAK,EACL,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EAcP;IACD,MAAM,QAAQ,GAAG,cAAc,CAC7B,2BAA2B,EAC3B,MAAa,CACP,CAAC;IACT,OAAO,CACL,iBACE,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC,aAED,KAAC,QAAQ,OACH,KAAK,EACT,SAAS,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IACzC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC5B,EAAE,GACF,EACF,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,OAAO,EACb,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,uBACK,KAAK,CAAC,aAAa,CAAC,GACjC,EACD,KAAK,IACA,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../src/components/SectionContainer/SectionContainer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAGZ,UAAU,GAIX,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../src/components/SectionContainer/SectionContainer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAGZ,UAAU,GAIX,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAGpD,MAAM,UAAU,QAAQ,CAAC,GAAG,IAAc;IACxC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB,CAAC;AAQD,SAAS,iBAAiB,CACxB,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,OAAO,EAAY,EACpE,GAAiC;IAEjC,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,EACxC,EAAE,EAAE,OAAO,YAEX,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,aAEnE,QAAQ,EACR,UAAU,IAAI,CACb,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,EAAE,GAAI,CACjE,IACG,GACF,CACP,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,gBAAgB,GACpB,UAAU,CAAgC,iBAAiB,CAAC,CAAC;AAC/D,eAAe,gBAAgB,CAAC"}
|
|
@@ -57,7 +57,7 @@ function Select({ items, selected, label, onClick, loading, rootClassName = "",
|
|
|
57
57
|
setOpen(false);
|
|
58
58
|
}, children: [filter && (_jsx("div", { className: Styles.searchInput, children: _jsx(Input, { onChange: ({ target: { value } }) => setFilterTerm(value), decoration: _jsx("span", { children: "\uD83D\uDD0E\u00A0" }), containerProps: {
|
|
59
59
|
onClick: (e) => e.stopPropagation(),
|
|
60
|
-
},
|
|
60
|
+
}, value: filterTerm }) })), filteredItems.map((i) => (_jsx(Text, { type: "caption", className: `${i === _selected
|
|
61
61
|
? `${Styles.selected} ${selectClasses.selectedItem}`
|
|
62
62
|
: ""} ${selectClasses.item || ""}`, onClick: () => onClick(i), ...i, children: i.label }, i.value)))] }) }));
|
|
63
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { FromOnePercentUtility } from "../../type-utils";
|
|
1
2
|
/**
|
|
2
3
|
* A component to inject some spacing between component when required
|
|
3
4
|
**/
|
|
4
5
|
export default function Spacing({ size, }: {
|
|
5
|
-
size:
|
|
6
|
+
size: FromOnePercentUtility<'UIElements.SpacingVariants'> | "stretch";
|
|
6
7
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../src/components/Spacing/Spacing.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../src/components/Spacing/Spacing.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,GAGL;IACC,MAAM,cAAc,GAAG,cAAc,CAAC,4BAA4B,EAAE;QAClE,KAAK,EAAE,MAAM,CAAC,aAAa;QAC3B,KAAK,EAAE,MAAM,CAAC,aAAa;KAC5B,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAC1E,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,GAAG,EAAE,GAAI,CAAC;AACxD,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useRef } from "react";
|
|
3
3
|
import Styles from "./Tabs.module.scss";
|
|
4
|
+
import { useOneUIConfig } from "../../context/OneUIProvider";
|
|
4
5
|
export var TabType;
|
|
5
6
|
(function (TabType) {
|
|
6
7
|
/** A div that encovers the tab */
|
|
@@ -15,6 +16,7 @@ export var TabType;
|
|
|
15
16
|
**/
|
|
16
17
|
export default function Tabs(props) {
|
|
17
18
|
const { options, selected, onSelect, itemClassName = "", className = "", type = TabType.UNDERLINE, } = props;
|
|
19
|
+
const classes = useOneUIConfig("component.tabs", {});
|
|
18
20
|
const selectedRef = useRef(null);
|
|
19
21
|
const guideRef = useRef(null);
|
|
20
22
|
useEffect(() => {
|
|
@@ -45,8 +47,8 @@ export default function Tabs(props) {
|
|
|
45
47
|
guideRef.current.classList.add(Styles.enableTransition);
|
|
46
48
|
}, []);
|
|
47
49
|
const tabNativeCls = TabType[type] in Styles ? Styles[TabType[type]] : "";
|
|
48
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { className: `${Styles.container} ${className} ${tabNativeCls}`, children: [options.map((o) => (_jsx("div", { ref: selected === o.id ? selectedRef : undefined, onClick: () => onSelect(o.id), className: `${selected === o.id ? Styles.selected : ""} ${itemClassName} ${props.type === TabType.CLASS && selected === o.id
|
|
50
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { className: `${Styles.container} ${className} ${tabNativeCls} ${classes.container}`, children: [options.map((o) => (_jsx("div", { ref: selected === o.id ? selectedRef : undefined, onClick: () => onSelect(o.id), className: `${selected === o.id ? Styles.selected : ""} ${itemClassName} ${props.type === TabType.CLASS && selected === o.id
|
|
49
51
|
? props.selectedClass
|
|
50
|
-
: ""}`, "data-testid": "tab-option", children: o.label }, o.id))), TabType.CLASS !== props.type && (_jsx("div", { ref: guideRef, className: Styles.guide, "data-testid": "tab-guide" }))] }) }));
|
|
52
|
+
: ""} ${classes.item}`, "data-testid": "tab-option", children: o.label }, o.id))), TabType.CLASS !== props.type && (_jsx("div", { ref: guideRef, className: Styles.guide, "data-testid": "tab-guide" }))] }) }));
|
|
51
53
|
}
|
|
52
54
|
//# sourceMappingURL=Tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,MAAM,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import React, { ForwardedRef } from "react";
|
|
2
|
+
import { FromOnePercentUtility } from "../../type-utils";
|
|
2
3
|
export declare function _Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
|
|
3
4
|
className?: string;
|
|
4
|
-
type:
|
|
5
|
-
color?:
|
|
5
|
+
type: FromOnePercentUtility<'UIElements.TextVariants'>;
|
|
6
|
+
color?: FromOnePercentUtility<'UIElements.TextColors'>;
|
|
6
7
|
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">>, _ref?: ForwardedRef<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
/**
|
|
8
9
|
* A component to hold all text variantions
|
|
9
10
|
**/
|
|
10
11
|
declare const Text: React.ForwardRefExoticComponent<{
|
|
11
12
|
className?: string | undefined;
|
|
12
|
-
type:
|
|
13
|
-
color?:
|
|
13
|
+
type: FromOnePercentUtility<'UIElements.TextVariants'>;
|
|
14
|
+
color?: FromOnePercentUtility<'UIElements.TextColors'>;
|
|
14
15
|
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "color"> & {
|
|
15
16
|
children?: React.ReactNode;
|
|
16
17
|
} & React.RefAttributes<HTMLParagraphElement>>;
|
|
@@ -6,7 +6,7 @@ export function _Text({ type, children, className = "", ...otherProps }, _ref) {
|
|
|
6
6
|
const classNameType = useOneUIConfig("component.text.className", {});
|
|
7
7
|
const tagByType = useOneUIConfig("component.text.htmlTag", {});
|
|
8
8
|
const TagType = tagByType[type] || "p";
|
|
9
|
-
return (_jsx(TagType, { ref: _ref, className: `${Styles.text} ${classNameType[type]
|
|
9
|
+
return (_jsx(TagType, { ref: _ref, className: `${Styles.text} ${classNameType[type]} ${className} ${otherProps.onClick ? Styles.iteractible : ""}`, ...otherProps, children: children }));
|
|
10
10
|
}
|
|
11
11
|
/**
|
|
12
12
|
* A component to hold all text variantions
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgC,UAAU,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,MAAM,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgC,UAAU,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAGxC,MAAM,UAAU,KAAK,CACnB,EACE,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,UAAU,EAOd,EACD,IAAyC;IAEzC,MAAM,aAAa,GAAG,cAAc,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,cAAc,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;IAE/D,MAAM,OAAO,GAAQ,SAAS,CAAC,IAA8B,CAAC,IAAI,GAAG,CAAC;IAEtE,OAAO,CACL,KAAC,OAAO,IACN,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,aAAa,CAAC,IAAkC,CAC3E,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,KAC7D,UAAU,YAEb,QAAQ,GACD,CACX,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AAC/B,eAAe,IAAI,CAAC"}
|
|
@@ -1,66 +1,5 @@
|
|
|
1
1
|
@import "../../assets/styles/index.scss";
|
|
2
2
|
|
|
3
|
-
.title {
|
|
4
|
-
font-weight: 300;
|
|
5
|
-
font-size: 22px;
|
|
6
|
-
line-height: 33px;
|
|
7
|
-
}
|
|
8
|
-
.boldTitle {
|
|
9
|
-
font-family: $secondaryFontFamily;
|
|
10
|
-
font-size: 24px;
|
|
11
|
-
font-weight: bolder;
|
|
12
|
-
line-height: 26px;
|
|
13
|
-
}
|
|
14
|
-
.boldTitleBig {
|
|
15
|
-
font-family: $secondaryFontFamily;
|
|
16
|
-
font-size: 28px;
|
|
17
|
-
font-weight: bolder;
|
|
18
|
-
line-height: 33.8px;
|
|
19
|
-
}
|
|
20
|
-
.content {
|
|
21
|
-
font-size: 16px;
|
|
22
|
-
line-height: 24px;
|
|
23
|
-
font-family: $mainFontFamily;
|
|
24
|
-
}
|
|
25
|
-
.icon.description {
|
|
26
|
-
font-size: 14px;
|
|
27
|
-
line-height: 21px;
|
|
28
|
-
color: $darkestGray;
|
|
29
|
-
}
|
|
30
|
-
.text.error,
|
|
31
|
-
.text.caption {
|
|
32
|
-
font-size: 12px;
|
|
33
|
-
line-height: 18px;
|
|
34
|
-
}
|
|
35
|
-
.text.error {
|
|
36
|
-
color: $warningRed;
|
|
37
|
-
}
|
|
38
|
-
.text {
|
|
39
|
-
margin: 0px;
|
|
40
|
-
font-family: $mainFontFamily;
|
|
41
|
-
white-space: pre-wrap;
|
|
42
|
-
color: $textDefaultColor;
|
|
43
|
-
}
|
|
44
|
-
.highlightTitle {
|
|
45
|
-
font-family: $secondaryFontFamily;
|
|
46
|
-
font-size: 24px;
|
|
47
|
-
font-weight: bolder;
|
|
48
|
-
line-height: 29px;
|
|
49
|
-
color: $sunsetPink;
|
|
50
|
-
}
|
|
51
|
-
.subtitle {
|
|
52
|
-
font-family: $secondaryFontFamily;
|
|
53
|
-
font-size: 20px;
|
|
54
|
-
font-weight: 800;
|
|
55
|
-
line-height: 22px;
|
|
56
|
-
color: var(--text-default-color, $gray);
|
|
57
|
-
}
|
|
58
|
-
.link {
|
|
59
|
-
font-family: $mainFontFamily;
|
|
60
|
-
font-size: 12px;
|
|
61
|
-
font-weight: 400;
|
|
62
|
-
line-height: 18px;
|
|
63
|
-
}
|
|
64
3
|
.iteractible {
|
|
65
4
|
cursor: pointer;
|
|
66
5
|
&:hover {
|
|
@@ -68,14 +7,7 @@
|
|
|
68
7
|
}
|
|
69
8
|
}
|
|
70
9
|
|
|
71
|
-
.
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
font-weight: 500;
|
|
75
|
-
line-height: 20px;
|
|
76
|
-
color: $sunsetPink;
|
|
10
|
+
.text {
|
|
11
|
+
margin: 0px;
|
|
12
|
+
white-space: pre-wrap;
|
|
77
13
|
}
|
|
78
|
-
|
|
79
|
-
.text[color="primary"] {
|
|
80
|
-
color: var(--digital-blue);
|
|
81
|
-
}
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import { PropsWithChildren } from "react";
|
|
2
|
+
import { FromOnePercentUtility } from "../type-utils";
|
|
2
3
|
type PersistedIdentifier = string;
|
|
3
4
|
export default function AsyncProcessProvider({ children, triggers, persistence, }: PropsWithChildren<{
|
|
4
5
|
/** Functions that will be provided to those that use the async process */
|
|
5
6
|
triggers: {
|
|
6
|
-
[k in keyof
|
|
7
|
+
[k in keyof FromOnePercentUtility<'AsyncQueue.Processes'>]: (...args: FromOnePercentUtility<'AsyncQueue.Processes'>[k]) => Promise<void>;
|
|
7
8
|
};
|
|
8
9
|
/** This will persist the data required for restoring the async processes when required */
|
|
9
10
|
persistence: {
|
|
10
|
-
write: <K extends keyof
|
|
11
|
+
write: <K extends keyof FromOnePercentUtility<'AsyncQueue.Processes'>>(k: K, ...args: FromOnePercentUtility<'AsyncQueue.Processes'>[K]) => PersistedIdentifier;
|
|
11
12
|
remove: (id: PersistedIdentifier) => void;
|
|
12
13
|
recover: () => [PersistedIdentifier, Promise<void>][];
|
|
13
14
|
};
|
|
14
15
|
}>): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export declare function useAsyncProcess(): {
|
|
16
|
-
[k in keyof
|
|
17
|
+
[k in keyof FromOnePercentUtility<'AsyncQueue.Processes'>]: (...args: FromOnePercentUtility<'AsyncQueue.Processes'>[k]) => Promise<void>;
|
|
17
18
|
} & {
|
|
18
|
-
on: (k: keyof
|
|
19
|
+
on: (k: keyof FromOnePercentUtility<'AsyncQueue.Processes'>, whatToDo: () => void) => void;
|
|
19
20
|
};
|
|
20
21
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AsyncProcess.js","sourceRoot":"","sources":["../../src/context/AsyncProcess.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,aAAa,EAEb,UAAU,EACV,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"AsyncProcess.js","sourceRoot":"","sources":["../../src/context/AsyncProcess.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,aAAa,EAEb,UAAU,EACV,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,4BAA4B,CAAC;AAGnD,MAAM,mBAAmB,GAAG,aAAa,CAOtC,IAAW,CAAC,CAAC;AAIhB,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,QAAQ,EACR,WAAW,GAiBX;IACA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CACjC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,GAAG,CAAC;YACJ,CAAC,CAAC,CAAC,EAAE,CACH,GAAG,IAAwG,EAC3G,EAAE;gBACF,IAAI,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAQ,EAAE,GAAG,IAAI,CAAC,CAAC;gBACrD,OAAQ,QAAgB,CAAC,CAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;oBACvD,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBAC9B,UAAU,CAAC,CAAQ,CAAC,CAAC;gBACvB,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC,EACF,EAAqB,CACtB,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC;QACzC,KAAK,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,IAAI,UAAU;YAClD,eAAe,CAAC,OAAO,CAAC,GAAG,EAAE;gBAC3B,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAC3B,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAEtE,QAAQ,GACoB,CAChC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe;IAU7B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAClD,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,MAAM,CAAa,EAAE,CAAC,CAAC;IAE7C,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,IAAI,WAAW,IAAI,aAAa,CAAC,OAAO;YAAE,WAAW,EAAE,CAAC;IAC/D,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO;QACL,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YAClB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;QACtD,CAAC;QACD,GAAG,iBAAiB;KACrB,CAAC;AACJ,CAAC"}
|