@onepercentio/one-ui 0.29.0 → 0.29.2

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.types.js","sourceRoot":"","sources":["../../../../../src/components/Form/v2/FormField/FormField.types.ts"],"names":[],"mappings":"AAoCA,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,iDAAS,CAAA;IACT,yCAAK,CAAA;AACP,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB"}

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

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

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

@@ -0,0 +1,3 @@
+export { default } from "./FormField";
+export * from "./FormField";
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { default } from "./Form";
+export * from "./Form";
+//# sourceMappingURL=index.js.map

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

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

package/dist-ts/components/Freeze/Freeze.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from "react";
+/**
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
+ **/
+export default function Freeze({ children }: PropsWithChildren<{}>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist-ts/components/Freeze/Freeze.js

@@ -0,0 +1,8 @@
+import useFreeze from "../../hooks/useFreeze";
+/**
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
+ **/
+export default function Freeze({ children }) {
+    return useFreeze(children);
+}
+//# sourceMappingURL=Freeze.js.map

package/dist-ts/components/Freeze/Freeze.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Freeze.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAyB;IAChE,OAAO,SAAS,CAAC,QAAQ,CAAiB,CAAC;AAC7C,CAAC"}

package/dist-ts/components/Freeze/index.d.ts

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

package/dist-ts/components/Freeze/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Freeze";
+export * from "./Freeze";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Freeze/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Freeze/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/dist-ts/components/HSForms/HSForms.d.ts

@@ -0,0 +1,8 @@
+export default function HSForms({ region, partialId, formId, className, onFormReady, onFormSubmitted, }: {
+    region: "na1";
+    partialId: string;
+    formId: string;
+    className?: string;
+    onFormReady?: (div: HTMLDivElement, form: any) => void;
+    onFormSubmitted?: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist-ts/components/HSForms/HSForms.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+export default function HSForms({ region, partialId, formId, className, onFormReady, onFormSubmitted, }) {
+    if (window.PRERENDER)
+        return null;
+    const container = useRef(null);
+    useEffect(() => {
+        import("jquery").then((jqueryModule) => {
+            const funcId = String(Math.round(Math.random() * 999999));
+            const idx = `onLoad${funcId}`;
+            const idx2 = `onSubmit${funcId}`;
+            window[idx] = function (form) {
+                if (onFormReady)
+                    onFormReady(container.current, form);
+            };
+            window[idx2] = function () {
+                if (onFormSubmitted)
+                    onFormSubmitted();
+            };
+            window.jQuery = jqueryModule.default;
+            const script = document.createElement("script");
+            script.setAttribute("src", "https://js.hsforms.net/forms/v2.js");
+            script.setAttribute("type", "text/javascript");
+            script.setAttribute("charset", "utf-8");
+            script.onload = () => {
+                const createFormScript = document.createElement("script");
+                createFormScript.setAttribute("type", "text/javascript");
+                createFormScript.innerHTML = `hbspt.forms.create({
+          region: "${region}",
+          portalId: "${partialId}",
+          formId: "${formId}",
+          submitButtonClass: '#',
+          css: ' ',
+          cssClass: '#',
+          onFormReady: ${idx},
+          onFormSubmit: ${idx2},
+          formInstanceId: ${funcId}
+        });`;
+                container.current.appendChild(createFormScript);
+            };
+            document.head.appendChild(script);
+        });
+    }, [region, partialId, formId]);
+    return _jsx("div", { ref: container, className: className });
+}
+//# sourceMappingURL=HSForms.js.map

package/dist-ts/components/HSForms/HSForms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HSForms.js","sourceRoot":"","sources":["../../../src/components/HSForms/HSForms.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,WAAW,EACX,eAAe,GAQhB;IACC,IAAK,MAAc,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAS,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;YAC1D,MAAM,GAAG,GAAG,SAAS,MAAM,EAAE,CAAC;YAC9B,MAAM,IAAI,GAAG,WAAW,MAAM,EAAE,CAAC;YAChC,MAAc,CAAC,GAAU,CAAC,GAAG,UAAU,IAAS;gBAC/C,IAAI,WAAW;oBAAE,WAAW,CAAC,SAAS,CAAC,OAAQ,EAAE,IAAI,CAAC,CAAC;YACzD,CAAC,CAAC;YACD,MAAc,CAAC,IAAW,CAAC,GAAG;gBAC7B,IAAI,eAAe;oBAAE,eAAe,EAAE,CAAC;YACzC,CAAC,CAAC;YACD,MAAc,CAAC,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC;YAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAC;YACjE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;YAC/C,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACxC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;gBACnB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC1D,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;gBACzD,gBAAgB,CAAC,SAAS,GAAG;qBAChB,MAAM;uBACJ,SAAS;qBACX,MAAM;;;;yBAIF,GAAG;0BACF,IAAI;4BACF,MAAM;YACtB,CAAC;gBACL,SAAS,CAAC,OAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;YACnD,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAChC,OAAO,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAQ,CAAC;AAC3D,CAAC"}

package/dist-ts/components/HSForms/index.d.ts

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

package/dist-ts/components/HSForms/index.js

@@ -0,0 +1,3 @@
+export { default } from "./HSForms";
+export * from "./HSForms";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/HSForms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HSForms/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,WAAW,CAAC"}

package/dist-ts/components/Header/Header.d.ts

@@ -0,0 +1,25 @@
+import { PropsWithChildren } from "react";
+type Option = {
+    label: string;
+    onClick: () => void;
+};
+type User = {
+    name: string;
+    profilePicture?: string;
+};
+type MoreOptions = Option[];
+type Props = PropsWithChildren<{
+    optionsAlignment?: "left" | "right";
+    user?: User;
+    options: Option[];
+    moreOptions?: MoreOptions;
+    /**
+     * This controls the visbility of a control for showing or hiding a menu on mobile
+     */
+    responsive?: boolean;
+}>;
+/**
+ * A generic header implementation
+ **/
+export default function Header(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-ts/components/Header/Header.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useOneUIContext } from "../../context/OneUIProvider";
+import { AnchoredTooltipAlignment } from "../AnchoredTooltip/AnchoredTooltip";
+import Collapsable from "../Collapsable";
+import Text from "../Text";
+import Styles from "./Header.module.scss";
+/**
+ * A generic header implementation
+ **/
+export default function Header(props) {
+    const { user, moreOptions } = props;
+    const [showMoreOptions, setShowMoreOptions] = useState(false);
+    const { LogoImage = () => null, MoreOptions = () => _jsx("div", { children: "v" }) } = useOneUIContext().component.header;
+    useEffect(() => {
+        if (showMoreOptions) {
+            const close = () => setShowMoreOptions(false);
+            window.addEventListener("click", close);
+            return () => {
+                window.removeEventListener("click", close);
+            };
+        }
+    }, [showMoreOptions]);
+    return (_jsxs("header", { className: `${Styles.header} ${Styles[`options-${props.optionsAlignment || "left"}`]}`, children: [_jsxs("div", { className: Styles.logo, children: [_jsx(LogoImage, {}), _jsx("div", { className: Styles.logoDivider })] }), _jsx(Controls, { ...props, mode: "desktop" }), user ? (user.profilePicture ? (_jsx("img", { className: Styles.profile, "data-testid": "profile-container", src: user.profilePicture })) : (_jsx("div", { className: Styles.profile, "data-testid": "profile-container", children: user.name
+                    .split(" ")
+                    .slice(0, 2)
+                    .map((a) => a.charAt(0).toUpperCase())
+                    .join("") }))) : null, user ? _jsx("p", { className: Styles.profileName, children: user.name }) : null, _jsxs(Collapsable, { title: _jsx("div", { className: `${Styles.indicator} ${moreOptions ? Styles.withMoreOptions : ""}`, children: _jsx(MoreOptions, { open: showMoreOptions }) }), "data-testid": "more-options-container", open: showMoreOptions, onToggleOpen: setShowMoreOptions, mode: "float", contentClassName: Styles.headerOptions, alignTo: AnchoredTooltipAlignment.CENTER, children: [_jsx(Controls, { ...props, mode: "mobile" }), moreOptions
+                        ? moreOptions.map((opt) => (_jsx(Text, { type: "link", onClick: opt.onClick, children: opt.label })))
+                        : null] })] }));
+}
+function Controls({ options, children, mode, }) {
+    return (_jsxs(_Fragment, { children: [options.map((option, i) => (_jsx(Text, { type: "link", "data-testid": `option-${i}`, onClick: option.onClick, className: `${Styles.option} ${mode === "desktop" ? Styles.desktopOnly : Styles.mobileOnly}`, children: option.label }, option.label))), _jsx("div", { className: Styles.sectionDivider }), children && (_jsx("div", { className: `${Styles.children} ${mode === "desktop" ? Styles.desktopOnly : Styles.mobileOnly}`, children: children }))] }));
+}
+//# sourceMappingURL=Header.js.map

package/dist-ts/components/Header/Header.js.map

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

package/dist-ts/components/Header/Header.module.scss

@@ -0,0 +1,119 @@
+@import "../../assets/styles/index.scss";
+
+.header {
+  position: sticky;
+  top: 0px;
+  width: 100%;
+  background-color: $headerFillBackgroundColor;
+  display: flex;
+  padding: 32px;
+  align-items: center;
+  font-family: $mainFontFamily;
+  z-index: 100;
+}
+
+.logo {
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+
+  @media (orientation: portrait) {
+    display: none;
+  }
+}
+
+.option {
+  font-size: 18px;
+  line-height: 22px;
+  margin-right: 28px;
+  color: $headerTextColor;
+}
+
+.logoDivider {
+  margin: -32px 32px;
+  width: 1px;
+  background-color: $headerBackgroundColor;
+}
+
+.profile {
+  background-color: $headerBrightColor;
+  height: 36px;
+  width: 36px;
+  border-radius: 18px;
+  line-height: 36px;
+  text-align: center;
+}
+
+.profile,
+.profileName {
+  margin-right: 8px;
+}
+
+.profileName {
+  color: $headerBrightColor;
+
+  @media (orientation: portrait) {
+    display: none;
+  }
+}
+.headerOptions {
+  right: 0px;
+  width: fit-content;
+  margin-top: 18px;
+  z-index: 1000;
+  > * {
+    cursor: pointer;
+    backdrop-filter: var(--header-submenu-backdrop, initial);
+    padding: 12px 32px;
+    margin-bottom: 8px;
+    margin-left: 4px;
+    margin-right: 4px;
+    text-align: left;
+    border-radius: 4px;
+    font-size: 14px;
+  }
+}
+.indicator {
+  @include iteractibleElement();
+  transition: transform $fast;
+  transform: rotateX(0deg);
+
+  &.open {
+    transform: rotateX(180deg);
+  }
+
+  display: none;
+  @media screen and (max-width: 640px) {
+    display: initial;
+  }
+  &.withMoreOptions {
+    display: initial;
+  }
+}
+
+.desktopOnly {
+  @media screen and (max-width: 640px) {
+    display: none;
+  }
+}
+
+.mobileOnly {
+  @media screen and (min-width: 640px) {
+    display: none;
+  }
+}
+
+.options-right {
+  .logo {
+    margin-right: auto;
+  }
+  .sectionDivider {
+    margin-left: initial;
+  }
+}
+
+.options-left {
+  .sectionDivider {
+    margin-left: auto;
+  }
+}

package/dist-ts/components/Header/index.d.ts

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

package/dist-ts/components/Header/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Header";
+export * from "./Header";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/dist-ts/components/HeaderCloseBtn/HeaderCloseBtn.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A simple close button implemented with pure HTML and CSS
+ **/
+export default function HeaderButton({ mode, hidden, onClick, }: {
+    mode: "back" | "close";
+    hidden: boolean;
+    onClick: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/HeaderCloseBtn/HeaderCloseBtn.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from "./HeaderCloseBtn.module.scss";
+/**
+ * A simple close button implemented with pure HTML and CSS
+ **/
+export default function HeaderButton({ mode, hidden, onClick, }) {
+    return (_jsxs("div", { "data-testid": "header-control-back", className: `${Styles.headerButton} ${Styles[mode]} ${hidden ? Styles.pointOfNoReturn : ""}`, onClick: onClick, children: [_jsx("div", {}), _jsx("div", {})] }));
+}
+//# sourceMappingURL=HeaderCloseBtn.js.map

package/dist-ts/components/HeaderCloseBtn/HeaderCloseBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCloseBtn.js","sourceRoot":"","sources":["../../../src/components/HeaderCloseBtn/HeaderCloseBtn.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,OAAO,GAKR;IACC,OAAO,CACL,8BACc,qBAAqB,EACjC,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,IAC/C,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,EACpC,EAAE,EACF,OAAO,EAAE,OAAO,aAEhB,eAAO,EACP,eAAO,IACH,CACP,CAAC;AACJ,CAAC"}