@onepercentio/one-ui 0.28.9 → 0.29.1

package/dist-ts/components/Form/v2/Form.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.hook.js","sourceRoot":"","sources":["../../../../src/components/Form/v2/Form.hook.ts"],"names":[],"mappings":"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"}

package/dist-ts/components/Form/v2/Form.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, } from "react";
+import { FormMode } from "./Form.types";
+import { useFieldErrors, useForm } from "./Form.hook";
+import FormField from "./FormField";
+function Form({ questions, initialAnswers = {}, ...props }, ref) {
+    const { mode = FormMode.WRITE } = props;
+    const { showAllErrors = false } = props;
+    const { answers, onAnswerAction, isQuestionsAnswered, isFilesUploaded } = useForm(questions, initialAnswers, mode);
+    const errors = useFieldErrors(questions, answers, showAllErrors);
+    useEffect(() => {
+        if (props.mode !== FormMode.READ_ONLY)
+            props.onFormUpdate(answers, isQuestionsAnswered && isFilesUploaded);
+    }, [answers, isQuestionsAnswered, isFilesUploaded]);
+    useImperativeHandle(ref, () => ({
+        setAnswer(id, val) {
+            onAnswerAction(questions.find((q) => q.id === id).type, id, val);
+        },
+    }), []);
+    return (_jsx(_Fragment, { children: questions.map((q) => (_jsx(FormField, { config: q, onAnswer: onAnswerAction, value: answers[q.id], error: errors[q.id], mode: mode }, q.id))) }));
+}
+/**
+ * Brainstorm:
+ * The answers must be externalized in some way because those answers will be manipulated
+ * There must be a way to disable non validation related errors
+ */
+/**
+ * A new and improved version of the one-ui design form
+ **/
+export default forwardRef(Form);
+//# sourceMappingURL=Form.js.map

package/dist-ts/components/Form/v2/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/Form/v2/Form.tsx"],"names":[],"mappings":";AAAA,OAAc,EAEZ,UAAU,EACV,SAAS,EACT,mBAAmB,GACpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAgB,QAAQ,EAAiB,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,SAAS,MAAM,aAAa,CAAC;AAUpC,SAAS,IAAI,CACX,EAAE,SAAS,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,KAAK,EAAoB,EAC9D,GAA6B;IAE7B,MAAM,EAAE,IAAI,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,aAAa,GAAG,KAAK,EAAE,GAAG,KAEjC,CAAC;IACF,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,GACrE,OAAO,CAAC,SAAS,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,SAAS;YACnC,KAAK,CAAC,YAAY,CAChB,OAAc,EACd,mBAAmB,IAAI,eAAe,CACvC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,CAAC,EAAE,EAAE,GAAG;YACf,cAAc,CACZ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAE,CAAC,IAAI,EACxC,EAAE,EACF,GAAU,CACX,CAAC;QACJ,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,4BACG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,SAAS,IAER,MAAM,EAAE,CAAC,EACT,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAQ,EAC3B,KAAK,EAAG,MAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAC5B,IAAI,EAAE,IAAI,IALL,CAAC,CAAC,EAAE,CAMT,CACH,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AAED;;;;GAIG;AAEH;;IAEI;AACJ,eAAe,UAAU,CAAC,IAAI,CAAC,CAAC"}

package/dist-ts/components/Form/v2/Form.types.d.ts

@@ -0,0 +1,97 @@
+import { AnswerByField, FormField } from "./FormField/FormField.types";
+export type BaseQuestion = {
+    id: string;
+    type: FormField["type"];
+};
+export type FormState<Q extends BaseQuestion[] = []> = [
+    answers: AnswersMap<Q>,
+    isValid: boolean
+];
+export declare enum DataStatus {
+    /** Form is empty */
+    PENDING = 0,
+    /** Form is partially filled */
+    INCOMPLETE = 1,
+    /** Form is completed */
+    COMPLETE = 2,
+    /** Form has error */
+    ERROR = 3
+}
+export declare enum StepStatus {
+    /** When the data is empty and needs to be filled */
+    INCOMPLETE = 0,
+    /** When data has already been filled */
+    COMPLETED = 1,
+    /** When the step is the current selected */
+    CURRENT = 2,
+    /** When the step has error */
+    ERROR = 3
+}
+export declare enum FormStep {
+    PERSONAL_DATA = 0,
+    ADDITIONAL_DATA = 1,
+    DOCUMENTS = 2,
+    INVEST_PROFILE = 3,
+    CONTRACTS = 4
+}
+export declare enum FormMode {
+    READ_ONLY = 0,
+    WRITE = 1
+}
+export type FormFieldView = FormField & {
+    title: string;
+};
+export type FormProps = {
+    onFormSubmitted: () => void;
+    savedAnswers: Partial<{
+        [questionId: string]: AnswerByField<FormField>;
+    }>;
+    startAt: FormStep;
+    onGoBack: () => void;
+};
+export type StepFormProps = Pick<FormProps, "savedAnswers"> & {
+    step: FormStep;
+} & ModeProps;
+export type ModeProps = {
+    mode: FormMode.READ_ONLY;
+} | {
+    mode: FormMode.WRITE;
+    onFinish: () => void;
+    onCancel: () => void;
+};
+export type FormViewProps<Q extends BaseQuestion[]> = {
+    questions: Q;
+} & ({
+    mode?: FormMode.WRITE;
+    initialAnswers?: AnswersMap;
+    onFormUpdate: (...args: FormState<Q>) => void;
+    /** When provided (true) show all current errors that are blocking the completion of the form */
+    showAllErrors?: boolean;
+} | {
+    initialAnswers: AnswersMap;
+    mode: FormMode.READ_ONLY;
+});
+export type AnswersMap<Q extends Readonly<BaseQuestion[]> = [
+    {
+        type: BaseQuestion["type"];
+        id: string;
+    }
+]> = Partial<{
+    [questionId in Q[number]["id"]]: AnswerByField<Q[number] & {
+        id: questionId;
+    }>;
+}>;
+export declare enum INVESTOR_PROFILE {
+    /**
+     * User can only spend up to 20k
+     */
+    RESTRICTED = 0,
+    /**
+     * User can only spend up to 10% of it's income
+     */
+    LIMITED = 1,
+    /**
+     * User doesn't have restrictions
+     */
+    UNLIMITED = 2
+}

package/dist-ts/components/Form/v2/Form.types.js

@@ -0,0 +1,51 @@
+export var DataStatus;
+(function (DataStatus) {
+    /** Form is empty */
+    DataStatus[DataStatus["PENDING"] = 0] = "PENDING";
+    /** Form is partially filled */
+    DataStatus[DataStatus["INCOMPLETE"] = 1] = "INCOMPLETE";
+    /** Form is completed */
+    DataStatus[DataStatus["COMPLETE"] = 2] = "COMPLETE";
+    /** Form has error */
+    DataStatus[DataStatus["ERROR"] = 3] = "ERROR";
+})(DataStatus || (DataStatus = {}));
+export var StepStatus;
+(function (StepStatus) {
+    /** When the data is empty and needs to be filled */
+    StepStatus[StepStatus["INCOMPLETE"] = 0] = "INCOMPLETE";
+    /** When data has already been filled */
+    StepStatus[StepStatus["COMPLETED"] = 1] = "COMPLETED";
+    /** When the step is the current selected */
+    StepStatus[StepStatus["CURRENT"] = 2] = "CURRENT";
+    /** When the step has error */
+    StepStatus[StepStatus["ERROR"] = 3] = "ERROR";
+})(StepStatus || (StepStatus = {}));
+export var FormStep;
+(function (FormStep) {
+    FormStep[FormStep["PERSONAL_DATA"] = 0] = "PERSONAL_DATA";
+    FormStep[FormStep["ADDITIONAL_DATA"] = 1] = "ADDITIONAL_DATA";
+    FormStep[FormStep["DOCUMENTS"] = 2] = "DOCUMENTS";
+    FormStep[FormStep["INVEST_PROFILE"] = 3] = "INVEST_PROFILE";
+    FormStep[FormStep["CONTRACTS"] = 4] = "CONTRACTS";
+})(FormStep || (FormStep = {}));
+export var FormMode;
+(function (FormMode) {
+    FormMode[FormMode["READ_ONLY"] = 0] = "READ_ONLY";
+    FormMode[FormMode["WRITE"] = 1] = "WRITE";
+})(FormMode || (FormMode = {}));
+export var INVESTOR_PROFILE;
+(function (INVESTOR_PROFILE) {
+    /**
+     * User can only spend up to 20k
+     */
+    INVESTOR_PROFILE[INVESTOR_PROFILE["RESTRICTED"] = 0] = "RESTRICTED";
+    /**
+     * User can only spend up to 10% of it's income
+     */
+    INVESTOR_PROFILE[INVESTOR_PROFILE["LIMITED"] = 1] = "LIMITED";
+    /**
+     * User doesn't have restrictions
+     */
+    INVESTOR_PROFILE[INVESTOR_PROFILE["UNLIMITED"] = 2] = "UNLIMITED";
+})(INVESTOR_PROFILE || (INVESTOR_PROFILE = {}));
+//# sourceMappingURL=Form.types.js.map

package/dist-ts/components/Form/v2/Form.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.types.js","sourceRoot":"","sources":["../../../../src/components/Form/v2/Form.types.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAN,IAAY,UASX;AATD,WAAY,UAAU;IACpB,oBAAoB;IACpB,iDAAO,CAAA;IACP,+BAA+B;IAC/B,uDAAU,CAAA;IACV,wBAAwB;IACxB,mDAAQ,CAAA;IACR,qBAAqB;IACrB,6CAAK,CAAA;AACP,CAAC,EATW,UAAU,KAAV,UAAU,QASrB;AAED,MAAM,CAAN,IAAY,UASX;AATD,WAAY,UAAU;IACpB,oDAAoD;IACpD,uDAAU,CAAA;IACV,wCAAwC;IACxC,qDAAS,CAAA;IACT,4CAA4C;IAC5C,iDAAO,CAAA;IACP,8BAA8B;IAC9B,6CAAK,CAAA;AACP,CAAC,EATW,UAAU,KAAV,UAAU,QASrB;AAED,MAAM,CAAN,IAAY,QAMX;AAND,WAAY,QAAQ;IAClB,yDAAa,CAAA;IACb,6DAAe,CAAA;IACf,iDAAS,CAAA;IACT,2DAAc,CAAA;IACd,iDAAS,CAAA;AACX,CAAC,EANW,QAAQ,KAAR,QAAQ,QAMnB;AAED,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,iDAAS,CAAA;IACT,yCAAK,CAAA;AACP,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAuDD,MAAM,CAAN,IAAY,gBAaX;AAbD,WAAY,gBAAgB;IAC1B;;OAEG;IACH,mEAAU,CAAA;IACV;;OAEG;IACH,6DAAO,CAAA;IACP;;OAEG;IACH,iEAAS,CAAA;AACX,CAAC,EAbW,gBAAgB,KAAhB,gBAAgB,QAa3B"}

package/dist-ts/components/Form/v2/FormField/Extensions/DateField/DateField.d.ts

@@ -0,0 +1,11 @@
+import { AnswerByField, GenericFormFieldProps } from "../../FormField.types";
+/**
+ * Allows inputing a date
+ **/
+export default function dateFieldFactory(dateFormat: string): ({ onAnswer, question, value, error, }: GenericFormFieldProps<"date">) => import("react/jsx-runtime").JSX.Element;
+export declare const dateFieldValidatorFactory: (invalidDateLabel: string, requiredFieldLabel: string) => (answer: AnswerByField<{
+    type: "date";
+}>) => {
+    isValid: any;
+    error: any;
+};

package/dist-ts/components/Form/v2/FormField/Extensions/DateField/DateField.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import InputMask from "react-input-mask";
+import Text from "../../../../../Text";
+import { useOneUIConfig } from "../../../../../../context/OneUIProvider";
+import Input from "../../../../../Input";
+import { isValidated } from "../../../Form.hook";
+/**
+ * Allows inputing a date
+ **/
+export default function dateFieldFactory(dateFormat) {
+    return function DateField({ onAnswer, question, value, error, }) {
+        const { titleVariant } = useOneUIConfig("component.form");
+        return (_jsxs(_Fragment, { children: [_jsx(Text, { type: titleVariant, children: question.title }), _jsx(InputMask, { mask: dateFormat, value: value, onChange: ({ target: { value } }) => {
+                        onAnswer("date", question.id, value);
+                    }, children: ((inputProps) => (_jsx(Input, { ...inputProps, placeholder: question.title, error: error }))) })] }));
+    };
+}
+const parseDate = (formattedDate) => {
+    const providedDate = formattedDate;
+    const dateParts = providedDate.split("/").map(Number);
+    if (dateParts.length < 2)
+        return false;
+    const [day, month, year] = dateParts;
+    const parsedDate = new Date(year, month - 1, day);
+    return parsedDate;
+};
+export const dateFieldValidatorFactory = (invalidDateLabel, requiredFieldLabel) => (answer) => {
+    const providedDate = answer || "";
+    const parsedDate = parseDate(providedDate);
+    if (!parsedDate)
+        return {
+            isValid: false,
+            error: invalidDateLabel,
+        };
+    const dateValidation = isValidated(providedDate, false, undefined, requiredFieldLabel);
+    return dateValidation;
+};
+//# sourceMappingURL=DateField.js.map

package/dist-ts/components/Form/v2/FormField/Extensions/DateField/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../../../../src/components/Form/v2/FormField/Extensions/DateField/DateField.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,UAAkB;IACzD,OAAO,SAAS,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,GACyB;QAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;QAC1D,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,YAAG,QAAQ,CAAC,KAAK,GAAQ,EACjD,KAAC,SAAS,IACR,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAO,EAAE,EAAE;wBACvC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAe,CAAC,CAAC;oBACjD,CAAC,YAGC,CAAC,CAAC,UAAe,EAAE,EAAE,CAAC,CACpB,KAAC,KAAK,OACA,UAAU,EACd,WAAW,EAAE,QAAQ,CAAC,KAAK,EAC3B,KAAK,EAAE,KAAK,GACZ,CACH,CAAyB,GAElB,IACX,CACJ,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,aAAqB,EAAE,EAAE;IAC1C,MAAM,YAAY,GAAG,aAAa,CAAC;IACnC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACtD,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC;IACvC,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GACpC,CAAC,gBAAwB,EAAE,kBAA0B,EAAE,EAAE,CACzD,CAAC,MAAuC,EAAE,EAAE;IAC1C,MAAM,YAAY,GAAG,MAAM,IAAI,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3C,IAAI,CAAC,UAAU;QACb,OAAO;YACL,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,gBAAgB;SACxB,CAAC;IACJ,MAAM,cAAc,GAAG,WAAW,CAChC,YAAY,EACZ,KAAK,EACL,SAAS,EACT,kBAAkB,CACnB,CAAC;IACF,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/dist-ts/components/Form/v2/FormField/Extensions/DateField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DateField';

package/dist-ts/components/Form/v2/FormField/Extensions/DateField/index.js

@@ -0,0 +1,2 @@
+export { default } from './DateField';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Form/v2/FormField/Extensions/DateField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/Form/v2/FormField/Extensions/DateField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.d.ts

@@ -0,0 +1,9 @@
+import { GenericFormFieldProps } from "../../FormField.types";
+/**
+ * An extra form field that enables the user to input a phone number
+ **/
+export default function phoneFieldFactory(invalidPhoneLabel: string): ({ value, question, onAnswer, error, }: GenericFormFieldProps<"phone">) => import("react/jsx-runtime").JSX.Element;
+export declare const phoneFieldValidator: (answer: [phoneNumber: string, isValid: boolean, error: string | undefined]) => {
+    isValid: boolean;
+    error: string | undefined;
+};

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import useModule from "../../../../../../hooks/utility/useModule";
+import Text from "../../../../../Text";
+import Input from "../../../../../Input";
+import { useOneUIConfig } from "../../../../../../context/OneUIProvider";
+/**
+ * An extra form field that enables the user to input a phone number
+ **/
+export default function phoneFieldFactory(invalidPhoneLabel) {
+    return function ({ value, question, onAnswer, error, }) {
+        const { country } = question;
+        const { titleVariant } = useOneUIConfig("component.form");
+        const [phone] = value || ["", false];
+        const phoneFormatter = useModule(() => import("google-libphonenumber").then((mod) => {
+            return mod.PhoneNumberUtil.getInstance();
+        }));
+        const { phoneFormat, valid, error: phoneError, } = useMemo(() => {
+            if (!phoneFormatter)
+                return {
+                    phoneFormat: phone,
+                    valid: false,
+                    error: "",
+                };
+            try {
+                const phoneInstance = phoneFormatter.parseAndKeepRawInput(phone, country);
+                const isPhoneValid = phoneFormatter.isValidNumber(phoneInstance);
+                return {
+                    phoneFormat: phoneFormatter.format(phoneInstance, 2),
+                    valid: isPhoneValid,
+                    error: isPhoneValid ? "" : invalidPhoneLabel,
+                };
+            }
+            catch (e) {
+                return {
+                    phoneFormat: phone,
+                    valid: false,
+                    error: invalidPhoneLabel,
+                };
+            }
+        }, [phone, phoneFormatter]);
+        useEffect(() => {
+            onAnswer("phone", question.id, [phoneFormat, valid, phoneError]);
+        }, [phoneFormat, valid]);
+        return (_jsxs(_Fragment, { children: [_jsx(Text, { type: titleVariant, children: question.title }), _jsx(Input, { placeholder: question.title, value: phoneFormat, onChange: ({ target: { value } }) => {
+                        onAnswer("phone", question.id, [value, false, phoneError]);
+                    }, error: error })] }));
+    };
+}
+export const phoneFieldValidator = (answer) => {
+    const isValid = !!answer && !!answer[1];
+    return {
+        isValid,
+        error: answer[2],
+    };
+};
+//# sourceMappingURL=PhoneField.js.map

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../../../../../src/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.tsx"],"names":[],"mappings":"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"}

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PhoneField';

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/index.js

@@ -0,0 +1,2 @@
+export { default } from './PhoneField';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/Form/v2/FormField/Extensions/PhoneField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist-ts/components/Form/v2/FormField/FormField.d.ts

@@ -0,0 +1,5 @@
+import { FormFieldProps, FormFieldView } from "./FormField.types";
+/**
+ * The logic for a field of the form
+ **/
+export default function FormField<Q extends FormFieldView>({ config: c, value, ...props }: FormFieldProps<Q>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/Form/v2/FormField/FormField.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import debounce from "lodash/debounce";
+import Styles from "./FormField.module.scss";
+import { FormMode, } from "./FormField.types";
+import Select from "../../../Select/Select";
+import Input from "../../../Input";
+import OneText from "../../../Text";
+import Button from "../../../Button";
+import Radio from "../../../Radio";
+import { AnchoredTooltipAlignment } from "../../../AnchoredTooltip/AnchoredTooltip";
+import FileInput from "../../../FileInput/FileInput";
+import CheckBox from "../../../CheckBox/CheckBox";
+import Spacing from "../../../Spacing";
+import { useOneUIConfig } from "../../../../context/OneUIProvider";
+// import InputMask from "react-input-mask";
+/**
+ * The logic for a field of the form
+ **/
+export default function FormField({ config: c, value, ...props }) {
+    const val = () => value;
+    const ans = (answer) => answer;
+    const type = c.type;
+    const { titleVariant, labelVariant, optionalLabel, extensions } = useOneUIConfig("component.form");
+    if (props.mode === FormMode.READ_ONLY) {
+        switch (type) {
+            case "check":
+                const checks = val() || [];
+                return (_jsxs(_Fragment, { children: [_jsx(OneText, { type: titleVariant, children: c.title }), checks.includes(true) ? (checks.map((checked, i) => checked ? (_jsx(OneText, { type: labelVariant, children: c.options[i].value })) : null)) : (_jsx(OneText, { type: labelVariant, children: "-" })), _jsx(Spacing, { size: "small" })] }));
+            case "file":
+                const file = val();
+                return (_jsxs(_Fragment, { children: [_jsx(FileInput, { states: {
+                                fileProvided: {
+                                    title: c.title,
+                                    description: c.fileUsageDescription,
+                                },
+                                waitingFile: {
+                                    title: c.title,
+                                    description: c.fileUsageDescription,
+                                },
+                            }, 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" })] }));
+            default:
+                const answer = val();
+                return (_jsxs(_Fragment, { children: [_jsx(OneText, { type: titleVariant, children: c.title }), _jsx(OneText, { type: labelVariant, children: answer || "-" }), _jsx(Spacing, { size: "small" })] }));
+        }
+    }
+    const { onAnswer, error } = props;
+    switch (type) {
+        case "accept":
+            const checks = val() || [];
+            return (_jsxs(_Fragment, { children: [_jsxs("div", { className: Styles.acceptInput, 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) => {
+                                            const clone = [...checks];
+                                            clone[i] = checked;
+                                            onAnswer(type, c.id, ans(clone));
+                                        }, groupId: c.id, value: a.label }) }))) })] }), _jsx(Spacing, { size: "small" })] }));
+        case "file":
+            const upload = val();
+            const [progress, setProgress] = useState(() => {
+                if (!upload)
+                    return undefined;
+                if (upload === true)
+                    return 100;
+                const s = upload.snapshot;
+                return (s.bytesTransferred * 100) / s.totalBytes;
+            });
+            useEffect(() => {
+                if (!upload)
+                    return setProgress(undefined);
+                if (upload === true) {
+                    setProgress(100);
+                    return;
+                }
+                const throttleSetProgress = debounce(setProgress, 250);
+                const unsubscribe = upload.on("state_changed", (s) => {
+                    const progress = (s.bytesTransferred * 100) / s.totalBytes;
+                    throttleSetProgress(progress);
+                });
+                return () => {
+                    unsubscribe();
+                };
+            }, [upload]);
+            return (_jsxs(_Fragment, { children: [_jsx(FileInput, { states: {
+                            fileProvided: {
+                                title: c.title,
+                                description: c.fileUsageDescription,
+                            },
+                            waitingFile: {
+                                title: c.title,
+                                description: c.fileUsageDescription,
+                            },
+                        }, footer: c.footer, onFile: (file) => {
+                            onAnswer(type, c.id, ans(file));
+                        }, 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" })] }));
+        case "radio":
+            const selected = val();
+            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", {})] })))] }));
+        case "check":
+            const checkError = typeof error === "string" ? c.options.map(() => error) : error;
+            const checkmarks = val() || [];
+            return (_jsxs(_Fragment, { children: [_jsx(OneText, { type: titleVariant, children: c.title }), _jsx("br", {}), c.options.map((el, i) => (_jsxs(_Fragment, { children: [_jsx(OneText, { type: labelVariant, children: _jsx(CheckBox, { checked: checkmarks[i], label: _jsxs(_Fragment, { children: [el.label, checkError?.[i] ? (_jsx(OneText, { type: "caption", color: "error", children: checkError[i] })) : null] }), onToggle: (checked) => {
+                                        const clone = [...checkmarks];
+                                        clone[i] = checked;
+                                        onAnswer(type, c.id, clone);
+                                    }, groupId: c.id, value: el.value }) }), _jsx("br", {})] })))] }));
+        case "rawcheck":
+            const rawCheckmarks = val() || [];
+            return (_jsxs(_Fragment, { children: [error && (_jsxs(_Fragment, { children: [_jsx(OneText, { type: "caption", color: "error", children: error }), _jsx("br", {})] })), c.options.map((el, i) => (_jsxs(_Fragment, { children: [_jsx(OneText, { type: labelVariant, children: _jsx(CheckBox, { checked: rawCheckmarks[i], label: el.label, onToggle: (checked) => {
+                                        const clone = [...rawCheckmarks];
+                                        clone[i] = checked;
+                                        onAnswer(type, c.id, clone);
+                                    }, groupId: c.id, value: el.value }) }), _jsx("br", {})] })))] }));
+        case "select":
+            return (_jsxs(_Fragment, { children: [_jsx(OneText, { type: titleVariant, children: c.title }), _jsx(Select, { "data-testid": `cvm88-${c.id}`, alignTo: AnchoredTooltipAlignment.LEFT, items: c.options, selected: val(), onClick: (i) => {
+                            onAnswer(type, c.id, i.value);
+                        }, filter: c.filter, error: error })] }));
+        case "text":
+        case "number":
+            const filter = type === "number"
+                ? (val) => val.replace(/[^0-9]+/g, "")
+                : (val) => val;
+            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 } }) => {
+                            onAnswer(type, c.id, filter(value));
+                        } })] }));
+        default:
+            const registeredExtension = extensions?.[type];
+            if (registeredExtension) {
+                const { Input } = registeredExtension;
+                return (_jsx(Input, { onAnswer: onAnswer, question: c, value: value, error: error }));
+            }
+            throw new Error(`The form field "${type}" is not implemented yet. Please provide it using OneUIProvider config options for form extensions`);
+    }
+}
+//# sourceMappingURL=FormField.js.map

package/dist-ts/components/Form/v2/FormField/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../../src/components/Form/v2/FormField/FormField.tsx"],"names":[],"mappings":"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"}

package/dist-ts/components/Form/v2/FormField/FormField.types.d.ts

@@ -0,0 +1,90 @@
+import { ReactNode } from "react";
+import { SelectItem } from "../../../Select/Select";
+import { UploadTask } from "firebase/storage";
+import { UnresolvableOr } from "../../../../type-utils";
+export type GenericFormFieldProps<T extends FormField["type"]> = {
+    value: AnswerByField<{
+        type: T;
+    }>;
+    onAnswer: (FormFieldProps<{
+        type: T;
+    }> & {
+        mode: FormMode.WRITE;
+    })["onAnswer"];
+    question: FormFieldView & {
+        type: T;
+    };
+    error?: string;
+};
+export type FormFieldProps<Q extends Pick<FormFieldView, "type">> = {
+    config: Q;
+    value: AnswerByField<Q>;
+} & ({
+    mode: FormMode.READ_ONLY;
+} | {
+    mode?: FormMode.WRITE;
+    onAnswer: <T extends Q["type"]>(questionType: T, questionId: string, answer: AnswerAction<{
+        type: T;
+    }> | undefined) => void;
+    error?: string | string[];
+});
+export declare enum FormMode {
+    READ_ONLY = 0,
+    WRITE = 1
+}
+export type FormFieldView = FormField & {
+    title: string;
+};
+export type AnswerAction<F extends Pick<FormField, "type">> = F["type"] extends "file" ? File : AnswerByField<F>;
+export type BasicFormFields = {
+    type: "select";
+    filter?: (item: SelectItem, term: string) => boolean;
+    options: SelectItem[];
+} | {
+    type: "text";
+    multiline?: number;
+} | {
+    type: "number";
+};
+type DistributeValidatorOverUnion<FormFieldTypes extends {
+    type: any;
+}> = FormFieldTypes extends any ? FormFieldTypes & {
+    validator?: (val: AnswerAction<FormFieldTypes> | undefined) => boolean | string;
+} : never;
+export type FormField = {
+    optional?: boolean;
+    id: string;
+} & DistributeValidatorOverUnion<BasicFormFields | {
+    type: "radio";
+    options: SelectItem[];
+} | {
+    type: "check" | "rawcheck";
+    options: SelectItem[];
+} | {
+    type: "file";
+    fileUsageDescription: string;
+    extensions: string[];
+    footer: string;
+    openFile?: {
+        action: () => void;
+        label: string | ReactNode;
+    };
+} | {
+    type: "accept";
+    link: {
+        type: "file" | "route";
+        to: string;
+    };
+    contract: {
+        action: () => void;
+        label: string | ReactNode;
+    };
+    accept: {
+        label: string;
+        optional?: true;
+    }[];
+} | UnresolvableOr<OnepercentUtility.UIElements.FormExtension["fields"], {}>>;
+export type FormFieldTypes = FormField['type'] | 'accept';
+type ExternalQuestionFields = UnresolvableOr<OnepercentUtility.UIElements.FormExtension["fieldAnswer"], {}>;
+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 ? OnepercentUtility.UIElements.FormExtension["fieldAnswer"][F["type"]] : unknown;
+export {};

package/dist-ts/components/Form/v2/FormField/FormField.types.js

@@ -0,0 +1,6 @@
+export var FormMode;
+(function (FormMode) {
+    FormMode[FormMode["READ_ONLY"] = 0] = "READ_ONLY";
+    FormMode[FormMode["WRITE"] = 1] = "WRITE";
+})(FormMode || (FormMode = {}));
+//# sourceMappingURL=FormField.types.js.map