@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/FileInput/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileInput_1 = require("./FileInput");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileInput_1).default; } });
+__exportStar(require("./FileInput"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/FileInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,yCAAsC;AAA7B,qHAAA,OAAO,OAAA;AAChB,8CAA4B"}

package/dist/components/FlowController/FlowController.d.ts

@@ -0,0 +1,27 @@
+import React, { JSX } from "react";
+export type FlowControlState = "disabled" | "enabled" | "hidden";
+/**
+ * Container for a flow, managing the go back and close controller
+ **/
+/**
+ * A container that manages navigation controls for a multi-step flow.
+ * It handles showing back buttons, close buttons, and manages the transition between steps.
+ */
+export default function FlowController<E extends Pick<JSX.IntrinsicElements, "div" | "form">, W extends keyof E>({ children, buttons, step, onClose, onBack, fullPage, firstStep, style, wrapper: Wrapper, }: {
+    onClose?: () => void;
+    onBack?: () => void;
+    step: number;
+    firstStep?: number;
+    buttons: {
+        label: string;
+        onClick: () => void;
+        state: FlowControlState;
+    }[];
+    children: React.ReactElement[];
+    fullPage?: boolean;
+    style?: React.CSSProperties;
+    wrapper?: React.ElementType;
+} & E[W]): import("react/jsx-runtime").JSX.Element;
+export declare function HeadingImage({ src }: {
+    src: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/FlowController/FlowController.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadingImage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = __importDefault(require("../Button"));
+const HeaderCloseBtn_1 = __importDefault(require("../HeaderCloseBtn"));
+const Transition_1 = __importDefault(require("../Transition"));
+const FlowController_module_scss_1 = __importDefault(require("./FlowController.module.scss"));
+/**
+ * Container for a flow, managing the go back and close controller
+ **/
+/**
+ * A container that manages navigation controls for a multi-step flow.
+ * It handles showing back buttons, close buttons, and manages the transition between steps.
+ */
+function FlowController({ children, buttons, step, onClose, onBack, fullPage, firstStep = 0, style, wrapper: Wrapper = "div", }) {
+    function _handleBackPress() {
+        if (isAtFirstStep)
+            onClose && onClose();
+        else if (onBack)
+            onBack();
+    }
+    const isAtFirstStep = step === firstStep;
+    const shouldDisplayHeaderButton = (isAtFirstStep && onClose) || (!isAtFirstStep && onBack);
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, { onClick: (e) => e.stopPropagation(), className: FlowController_module_scss_1.default.container, style: style, children: [(0, jsx_runtime_1.jsx)("header", { children: shouldDisplayHeaderButton && ((0, jsx_runtime_1.jsx)(HeaderCloseBtn_1.default, { mode: isAtFirstStep ? "close" : "back", hidden: !onBack, onClick: _handleBackPress })) }), (0, jsx_runtime_1.jsx)(Transition_1.default, { step: step, className: FlowController_module_scss_1.default.transition, contentClassName: `${fullPage ? FlowController_module_scss_1.default.fullHeight : ""} ${FlowController_module_scss_1.default.content}`, children: children }), (0, jsx_runtime_1.jsx)("footer", { className: buttons.find((b) => b.state === "hidden") ? FlowController_module_scss_1.default.hidden : undefined, children: buttons.map((b) => ((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: b.onClick, disabled: b.state === "hidden" || b.state === "disabled", children: b.label }))) })] }));
+}
+exports.default = FlowController;
+function HeadingImage({ src }) {
+    return (0, jsx_runtime_1.jsx)("img", { src: src, className: FlowController_module_scss_1.default.headingImg });
+}
+exports.HeadingImage = HeadingImage;
+//# sourceMappingURL=FlowController.js.map

package/dist/components/FlowController/FlowController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowController.js","sourceRoot":"","sources":["../../../src/components/FlowController/FlowController.tsx"],"names":[],"mappings":";;;;;;;AACA,uDAA+B;AAC/B,uEAA+C;AAC/C,+DAAuC;AACvC,8FAAkD;AAGlD;;IAEI;AACJ;;;GAGG;AACH,SAAwB,cAAc,CAGpC,EACA,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,CAAC,EACb,KAAK,EACL,OAAO,EAAE,OAAO,GAAG,KAAY,GAezB;IACN,SAAS,gBAAgB;QACvB,IAAI,aAAa;YAAE,OAAO,IAAI,OAAO,EAAE,CAAC;aACnC,IAAI,MAAM;YAAE,MAAM,EAAE,CAAC;IAC5B,CAAC;IAED,MAAM,aAAa,GAAG,IAAI,KAAK,SAAS,CAAC;IAEzC,MAAM,yBAAyB,GAC7B,CAAC,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,MAAM,CAAC,CAAC;IAE3D,OAAO,CACL,wBAAC,OAAO,IACN,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC/C,SAAS,EAAE,oCAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,aAEZ,6CACG,yBAAyB,IAAI,CAC5B,uBAAC,wBAAc,IACb,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACtC,MAAM,EAAE,CAAC,MAAM,EACf,OAAO,EAAE,gBAAgB,GACzB,CACH,GACM,EACT,uBAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,oCAAM,CAAC,UAAU,EAC5B,gBAAgB,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,oCAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IACpD,oCAAM,CAAC,OACT,EAAE,YAED,QAAQ,GACE,EACb,mCACE,SAAS,EACP,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,oCAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAGtE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,uBAAC,gBAAM,IACL,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,KAAK,KAAK,UAAU,YAEvD,CAAC,CAAC,KAAK,GACD,CACV,CAAC,GACK,IACD,CACX,CAAC;AACJ,CAAC;AA9ED,iCA8EC;AAED,SAAgB,YAAY,CAAC,EAAE,GAAG,EAAmB;IACnD,OAAO,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,oCAAM,CAAC,UAAU,GAAI,CAAC;AACzD,CAAC;AAFD,oCAEC"}

package/dist/components/FlowController/FlowController.module.scss

@@ -0,0 +1,47 @@
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  .headingImg {
+    width: 100%;
+    margin: 0px -33px;
+  }
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  button {
+    width: 100%;
+    border-top: 1px solid $lightGray;
+  }
+  .transition {
+    margin-top: -105px;
+    height: 100%;
+    .content {
+      padding: 0px 33px 33px 33px;
+      margin-top: 105px;
+      max-height: calc(100% - 105px);
+
+      &.fullHeight {
+        margin-top: 0px;
+        max-height: 100%;
+        height: 100%;
+      }
+    }
+    section {
+      border-top: 1px solid $lightGray;
+      margin: 0px -33px;
+      padding: 0px 33px;
+    }
+  }
+  header {
+    margin: 55px 33px;
+    margin-bottom: 33px;
+  }
+  footer {
+    transition: opacity $fast;
+    opacity: 1;
+  }
+  footer.hidden {
+    opacity: 0;
+  }
+}

package/dist/components/FlowController/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./FlowController";
+export * from "./FlowController";

package/dist/components/FlowController/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FlowController_1 = require("./FlowController");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FlowController_1).default; } });
+__exportStar(require("./FlowController"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/FlowController/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FlowController/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA;AAChB,mDAAiC"}

package/dist/components/Form/Form.d.ts

@@ -0,0 +1,30 @@
+import React, { ComponentProps } from "react";
+import { BaseQuestion, FormViewProps } from "./Form.types";
+import { AnswerByField, FormFieldView } from "./FormField/FormField.types";
+export type FormRef<Q extends FormFieldView[]> = {
+    setAnswer<I extends Q[number]["id"]>(questionId: I, ans: AnswerByField<Q[number] & {
+        id: I;
+    }>): void;
+};
+declare const forwardedRef: React.ForwardRefExoticComponent<FormViewProps<FormFieldView[]> & React.RefAttributes<FormRef<FormFieldView[]>>>;
+/**
+ * A new and improved version of the one-ui design form
+ *
+ * Custom question types can be defined via @type {OnepercentUtility['UIElements']['FormExtension']['fields']}
+ *
+ * This component displays a form with multiple questions and allows users
+ * to enter answers to those questions. It handles validation, different
+ * display modes, and manages the form's state.
+ **/
+declare const _default: <Q extends BaseQuestion[]>(p: FormViewProps<Q> & Pick<ComponentProps<typeof forwardedRef>, "ref">) => React.ReactElement;
+export default _default;
+export declare const ControlledForm: React.ForwardRefExoticComponent<(FormViewProps<FormFieldView[]> & {
+    answers: {
+        answers: Partial<{
+            [x: string]: unknown;
+        }>;
+        setAnswers: React.Dispatch<React.SetStateAction<Partial<{
+            [x: string]: unknown;
+        }>>>;
+    };
+}) & React.RefAttributes<FormRef<FormFieldView[]>>>;

package/dist/components/Form/Form.hook.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { OneUIContextSpecs } from "../../context/OneUIProvider";
+import { AnswerAction, AnswerByField, FormField, FormFieldTypes, FormFieldView, FormMode } from "./FormField/FormField.types";
+import { AnswersMap } from "./Form.types";
+export declare function useFormAnswers<A extends AnswersMap<any> = AnswersMap>(defaultAnswers: A, mode: FormMode): {
+    answers: A;
+    setAnswers: import("react").Dispatch<import("react").SetStateAction<A>>;
+};
+export declare function useFormState<Q extends FormFieldView[]>(currentQuestions: Q, { answers, setAnswers }: ReturnType<typeof useFormAnswers<AnswersMap<Q>>>): {
+    answers: Partial<{ [questionId in Q[number]["id"]]: AnswerByField<Q[number] & {
+        id: questionId;
+    }>; }>;
+    isQuestionsAnswered: boolean;
+    isFilesUploaded: boolean;
+    onAnswerAction: <T extends FormFieldTypes>(questionType: T, id: string, answer: AnswerAction<{
+        type: T;
+    }> | undefined) => void;
+    questions: Q;
+};
+export declare function useForm<Q extends FormFieldView[]>(currentQuestions: Q, defaultAnswers: AnswersMap, mode: FormMode): {
+    answers: Partial<{ [questionId in Q[number]["id"]]: AnswerByField<Q[number] & {
+        id: questionId;
+    }>; }>;
+    isQuestionsAnswered: boolean;
+    isFilesUploaded: boolean;
+    onAnswerAction: <T extends FormFieldTypes>(questionType: T, id: string, answer: AnswerAction<{
+        type: T;
+    }> | undefined) => void;
+    questions: Q;
+};
+export declare function useFieldErrors<Q extends Readonly<Pick<FormField, "type" | "id" | "optional" | "validator">[]>>(currentQuestions: Q, answers: AnswersMap, showAllErrors: boolean): { [k in Q[number]["id"]]: string; };
+export declare function areAllQuestionsAnswered(currentQuestions: FormField[], answers: AnswersMap, requiredLabel: string, extensions: OneUIContextSpecs["component"]["form"]["extensions"]): {
+    isValid: boolean;
+};
+export declare const isValidated: (_answer: AnswerByField<{
+    type: FormFieldTypes;
+}>, isOptional: boolean, validator: ((val: any) => string | boolean) | undefined, requiredFieldLabel: string) => {
+    isValid: any;
+    error: any;
+};

package/dist/components/Form/Form.hook.js

@@ -0,0 +1,219 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isValidated = exports.areAllQuestionsAnswered = exports.useFieldErrors = exports.useForm = exports.useFormState = exports.useFormAnswers = void 0;
+const react_1 = require("react");
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+const FormField_types_1 = require("./FormField/FormField.types");
+function useFormAnswers(defaultAnswers, mode) {
+    const [answers, setAnswers] = (0, react_1.useState)(() => {
+        const clone = Object.assign({}, defaultAnswers);
+        if (mode === FormField_types_1.FormMode.READ_ONLY)
+            return clone;
+        return clone;
+    });
+    return {
+        answers,
+        setAnswers,
+    };
+}
+exports.useFormAnswers = useFormAnswers;
+function useFormState(currentQuestions, { answers, setAnswers }) {
+    const formConfig = (0, OneUIProvider_1.useOneUIConfig)("component.form");
+    const { isValid: isQuestionsAnswered } = (0, react_1.useMemo)(() => {
+        return areAllQuestionsAnswered(currentQuestions, answers, formConfig.requiredLabel, formConfig.extensions);
+    }, [answers, currentQuestions]);
+    const onAnswerAction = (questionType, id, answer) => {
+        switch (questionType) {
+            case "file":
+                const { onFileUpload } = formConfig;
+                setAnswers((prev) => {
+                    const file = answer;
+                    if (file)
+                        return Object.assign(Object.assign({}, prev), { [id]: onFileUpload(id, file) });
+                    delete prev[id];
+                    return Object.assign({}, prev);
+                });
+                break;
+            default:
+                setAnswers((prev) => {
+                    if (prev[id] === answer)
+                        return prev;
+                    return Object.assign(Object.assign({}, prev), { [id]: answer });
+                });
+        }
+    };
+    const isFilesUploaded = useFileUploads(currentQuestions, answers);
+    return {
+        answers,
+        isQuestionsAnswered,
+        isFilesUploaded,
+        onAnswerAction,
+        questions: currentQuestions,
+    };
+}
+exports.useFormState = useFormState;
+function useForm(currentQuestions, defaultAnswers, mode) {
+    const answers = useFormAnswers(defaultAnswers, mode);
+    return useFormState(currentQuestions, answers);
+}
+exports.useForm = useForm;
+function useFileUploads(questions, answers) {
+    const fileUploadQuestions = (0, react_1.useMemo)(() => questions.filter((a) => a.type === "file"), [questions]);
+    const [fileUploadStatus, setFileUploadStatus] = (0, react_1.useState)({});
+    (0, react_1.useLayoutEffect)(() => {
+        const unsubs = [];
+        for (let fileQuestion of fileUploadQuestions) {
+            const uploadTask = answers[fileQuestion.id];
+            if (!uploadTask)
+                setFileUploadStatus((prev) => (Object.assign(Object.assign({}, prev), { [fileQuestion.id]: "running" })));
+            else if (typeof uploadTask === "boolean") {
+                setFileUploadStatus((prev) => (Object.assign(Object.assign({}, prev), { [fileQuestion.id]: "success" })));
+            }
+            else
+                unsubs.push(uploadTask.on("state_changed", (r) => {
+                    setFileUploadStatus((prev) => (Object.assign(Object.assign({}, prev), { [fileQuestion.id]: r.totalBytes === r.bytesTransferred ? "success" : "running" })));
+                }));
+        }
+        return () => {
+            unsubs.forEach((unsub) => unsub());
+        };
+    }, [answers, fileUploadQuestions]);
+    const areAllFileUploaded = (0, react_1.useMemo)(() => {
+        return fileUploadQuestions.reduce((r, question) => {
+            const uploadStatus = fileUploadStatus[question.id];
+            return r && uploadStatus === "success";
+        }, true);
+    }, [fileUploadStatus, fileUploadQuestions]);
+    return areAllFileUploaded;
+}
+function useFieldErrors(currentQuestions, answers, showAllErrors) {
+    const { requiredLabel, extensions } = (0, OneUIProvider_1.useOneUIConfig)("component.form");
+    const errorMap = (0, react_1.useMemo)(() => {
+        const ans = (question) => answers[question.id];
+        const errorsMap = {};
+        for (let question of currentQuestions) {
+            const _isValidated = () => {
+                return (0, exports.isValidated)(ans(question), !!question.optional, question.validator, requiredLabel);
+            };
+            const updateDefaultError = () => {
+                const validation = _isValidated();
+                errorsMap[question.id] = validation.error;
+            };
+            switch (question.type) {
+                case "check":
+                case "rawcheck":
+                    updateDefaultError();
+                    if (question.validator)
+                        errorsMap[question.id] = question.validator(ans(question));
+                    break;
+                case "number":
+                case "text":
+                case "select":
+                case "radio":
+                case "file":
+                    updateDefaultError();
+                    const validationResult = _isValidated();
+                    if (validationResult.error)
+                        errorsMap[question.id] = validationResult.error;
+                    break;
+                default:
+                    const extendedSupport = extensions === null || extensions === void 0 ? void 0 : extensions[question.type];
+                    if (extendedSupport) {
+                        const validationResultExtend = extendedSupport.validator
+                            ? extendedSupport.validator(ans(question), question)
+                            : _isValidated();
+                        if (validationResultExtend.error)
+                            errorsMap[question.id] = validationResultExtend.error;
+                    }
+                    else {
+                        updateDefaultError();
+                    }
+            }
+        }
+        return errorsMap;
+    }, [currentQuestions, answers]);
+    const currentErrors = (0, react_1.useMemo)(() => {
+        return Object.entries(errorMap).reduce((r, [k, v]) => (Object.assign(Object.assign({}, r), { [k]: showAllErrors ? v : v !== requiredLabel ? v : undefined })), {});
+    }, [showAllErrors, errorMap]);
+    return currentErrors;
+}
+exports.useFieldErrors = useFieldErrors;
+function areAllQuestionsAnswered(currentQuestions, answers, requiredLabel, extensions) {
+    const isValid = currentQuestions.reduce((answeredAll, question) => {
+        const ans = (question) => answers[question.id];
+        const isFieldAnswered = (() => {
+            switch (question.type) {
+                case "accept":
+                    const checks = ans(question) || [];
+                    return question.accept.reduce((r, { optional }, idx) => r && (optional ? true : checks[idx]), true);
+                case "check":
+                case "rawcheck":
+                    if (question.optional)
+                        return true;
+                    if (question.validator)
+                        return question.validator(ans(question)) === true;
+                    const checkmarks = ans(question) || [];
+                    return checkmarks.includes(true);
+                case "number":
+                case "text":
+                case "select":
+                case "radio":
+                case "file":
+                    if (!answers[question.id])
+                        return !!question.optional;
+                    const validationResult = (0, exports.isValidated)(ans(question), !!question.optional, question.validator, requiredLabel);
+                    return validationResult.isValid && answeredAll;
+                default:
+                    const extendedSupport = extensions === null || extensions === void 0 ? void 0 : extensions[question.type];
+                    if (extendedSupport) {
+                        const validationResultExtend = extendedSupport.validator
+                            ? extendedSupport.validator(ans(question), question)
+                            : (0, exports.isValidated)(ans(question), !!question.optional, question.validator, requiredLabel);
+                        return validationResultExtend.isValid;
+                    }
+                    else
+                        return question.validator
+                            ? !!question.validator(ans(question))
+                            : !!ans(question);
+            }
+        })();
+        const result = answeredAll && isFieldAnswered;
+        return result;
+    }, true);
+    return { isValid: !!isValid };
+}
+exports.areAllQuestionsAnswered = areAllQuestionsAnswered;
+const isValidated = (_answer, isOptional, validator, requiredFieldLabel) => {
+    const answer = Array.isArray(_answer) ? _answer[0] : _answer;
+    if (!answer && !isOptional)
+        return {
+            isValid: false,
+            error: requiredFieldLabel,
+        };
+    if (!validator)
+        if (Array.isArray(_answer)) {
+            const [_, isValid, error] = _answer;
+            return {
+                isValid,
+                error,
+            };
+        }
+        else {
+            return {
+                isValid: true,
+                error: "",
+            };
+        }
+    const validationResult = validator(_answer);
+    if (typeof validationResult === "string")
+        return {
+            isValid: false,
+            error: validationResult,
+        };
+    return {
+        isValid: validationResult,
+        error: "",
+    };
+};
+exports.isValidated = isValidated;
+//# sourceMappingURL=Form.hook.js.map

package/dist/components/Form/Form.hook.js.map

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

package/dist/components/Form/Form.js

@@ -0,0 +1,77 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlledForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Form_types_1 = require("./Form.types");
+const Form_hook_1 = require("./Form.hook");
+const FormField_1 = __importDefault(require("./FormField"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+function Form(_a, ref) {
+    var { questions, initialAnswers = {} } = _a, props = __rest(_a, ["questions", "initialAnswers"]);
+    const filterOutInitialAnswers = (0, react_1.useMemo)(() => {
+        const questionIds = questions.map((a) => a.id);
+        return Object.fromEntries(Object.entries(initialAnswers).filter(([id]) => questionIds.includes(id)));
+    }, [initialAnswers]);
+    const answers = (0, Form_hook_1.useFormAnswers)(filterOutInitialAnswers, props.mode);
+    return ((0, jsx_runtime_1.jsx)(exports.ControlledForm, Object.assign({ ref: ref, questions: questions, initialAnswers: initialAnswers, answers: answers }, props)));
+}
+const forwardedRef = (0, react_1.forwardRef)(Form);
+/**
+ * A new and improved version of the one-ui design form
+ *
+ * Custom question types can be defined via @type {OnepercentUtility['UIElements']['FormExtension']['fields']}
+ *
+ * This component displays a form with multiple questions and allows users
+ * to enter answers to those questions. It handles validation, different
+ * display modes, and manages the form's state.
+ **/
+exports.default = forwardedRef;
+function ControlledFormComp(_a, ref) {
+    var { questions, initialAnswers = {}, answers: answersControl } = _a, props = __rest(_a, ["questions", "initialAnswers", "answers"]);
+    const { mode = Form_types_1.FormMode.WRITE } = props;
+    const { showAllErrors = false } = props;
+    const { answers, onAnswerAction, isQuestionsAnswered, isFilesUploaded } = (0, Form_hook_1.useFormState)(questions, answersControl);
+    const errors = (0, Form_hook_1.useFieldErrors)(questions, answersControl.answers, showAllErrors);
+    const answersArray = (0, react_1.useMemo)(() => {
+        return questions.map((q) => answersControl.answers[q.id]);
+    }, [questions.map((a) => a.id), answersControl.answers]);
+    (0, react_1.useEffect)(() => {
+        if (props.mode !== Form_types_1.FormMode.READ_ONLY) {
+            props.onFormUpdate(answers, isQuestionsAnswered && isFilesUploaded);
+        }
+    }, [...answersArray, isQuestionsAnswered, isFilesUploaded]);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        setAnswer(id, val) {
+            onAnswerAction(questions.find((q) => q.id === id).type, id, val);
+        },
+    }), []);
+    const wrapperClasses = (0, OneUIProvider_1.useOneUIConfig)("component.form.fieldWrapper", {});
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: questions.map((q) => {
+            var _a, _b;
+            const targetMode = q.readOnly ? Form_types_1.FormMode.READ_ONLY : mode;
+            const classOrComponentWrapper = wrapperClasses[`${Form_types_1.FormMode[targetMode]}-${q.type}`];
+            const WrapperComp = (0, react_1.useMemo)(() => typeof classOrComponentWrapper === "function"
+                ? classOrComponentWrapper
+                : ({ children }) => {
+                    return ((0, jsx_runtime_1.jsx)("div", { className: `${classOrComponentWrapper || ""}`, children: children }, q.id));
+                }, [classOrComponentWrapper]);
+            return ((0, jsx_runtime_1.jsx)(WrapperComp, Object.assign({}, q, { value: answersControl.answers[q.id], children: targetMode === Form_types_1.FormMode.WRITE ? ((0, jsx_runtime_1.jsx)(FormField_1.default, { config: q, onAnswer: onAnswerAction, value: answersControl.answers[q.id], error: errors[q.id], mode: targetMode, "data-testid": (_a = props["data-testid"]) === null || _a === void 0 ? void 0 : _a.call(props, q.id) })) : ((0, jsx_runtime_1.jsx)(FormField_1.default, { config: q, value: answersControl.answers[q.id], mode: Form_types_1.FormMode.READ_ONLY, "data-testid": (_b = props["data-testid"]) === null || _b === void 0 ? void 0 : _b.call(props, q.id) })) })));
+        }) }));
+}
+exports.ControlledForm = (0, react_1.forwardRef)(ControlledFormComp);
+//# sourceMappingURL=Form.js.map

package/dist/components/Form/Form.js.map

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