@micromerce/formbuilder-react 1.0.654 → 1.0.656

package/dist/src/styles/Skeleton.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled, { keyframes } from "styled-components";
+const shimmer = keyframes `
+  100% {
+    transform: translateX(100%);
+  }
+`;
+const SkeletonWrapper = styled.div `
+  position: relative;
+  overflow: hidden;
+  background-color: #e8e8e8;
+  width: ${(props) => props.width};
+  max-width: 100%;
+  height: ${(props) => props.height};
+  border-radius: 4px;
+
+  &::after {
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    transform: translateX(-100%);
+    background-image: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0,
+      rgba(255, 255, 255, 0.2) 20%,
+      rgba(255, 255, 255, 0.5) 60%,
+      rgba(255, 255, 255, 0)
+    );
+    animation: ${shimmer} 2s infinite;
+    content: "";
+  }
+`;
+const Skeleton = ({ width, height }) => {
+    return _jsx(SkeletonWrapper, { width: width, height: height });
+};
+export default Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/dist/src/styles/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/styles/Skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAOtD,MAAM,OAAO,GAAG,SAAS,CAAA;;;;CAIxB,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAe;;;;WAItC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK;;YAErB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM;;;;;;;;;;;;;;;;;;iBAkBlB,OAAO;;;CAGvB,CAAC;AAEF,MAAM,QAAQ,GAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IACxD,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC3D,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/styles/Textfield.styles.d.ts

@@ -0,0 +1,5 @@
+import { TextFieldProps } from "@mui/material";
+declare const StyledTextField: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material").TextFieldVariants;
+} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & (import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldProps), {}, {}>;
+export default StyledTextField;

package/dist/src/styles/Textfield.styles.js

@@ -0,0 +1,34 @@
+import { TextField } from "@mui/material";
+import { styled } from "@mui/material/styles";
+const inputWidth = "225px";
+const color = "#707070";
+const StyledTextField = styled(TextField)(() => ({
+    "& input": {
+        fontSize: 14,
+        color: color,
+        fontWeight: 300,
+        "&::placeholder": {
+            color: "#999",
+            opacity: 1,
+        },
+    },
+    "& label": {
+        color: color,
+        fontWeight: 300,
+    },
+    "& label.Mui-focused": {
+        color: color,
+    },
+    "& .MuiOutlinedInput-notchedOutline legend": {
+        width: 0,
+    },
+    "& .MuiOutlinedInput-root": {
+        minWidth: inputWidth,
+        "&.Mui-focused fieldset": {
+            border: "1px solid rgba(0,0,0,0.87)",
+            borderRadius: "4px",
+        },
+    },
+}));
+export default StyledTextField;
+//# sourceMappingURL=Textfield.styles.js.map

package/dist/src/styles/Textfield.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield.styles.js","sourceRoot":"","sources":["../../../src/styles/Textfield.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,UAAU,GAAG,OAAO,CAAC;AAC3B,MAAM,KAAK,GAAG,SAAS,CAAC;AAExB,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAiB,GAAG,EAAE,CAAC,CAAC;IAC/D,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,GAAG;QACf,gBAAgB,EAAE;YAChB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,CAAC;SACX;KACF;IACD,SAAS,EAAE;QACT,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,GAAG;KAChB;IACD,qBAAqB,EAAE;QACrB,KAAK,EAAE,KAAK;KACb;IACD,2CAA2C,EAAE;QAC3C,KAAK,EAAE,CAAC;KACT;IACD,0BAA0B,EAAE;QAC1B,QAAQ,EAAE,UAAU;QACpB,wBAAwB,EAAE;YACxB,MAAM,EAAE,4BAA4B;YACpC,YAAY,EAAE,KAAK;SACpB;KACF;CACF,CAAC,CAAC,CAAC;AAEJ,eAAe,eAAe,CAAC"}

package/dist/src/testutils.d.ts

@@ -0,0 +1,14 @@
+import React, { FC, ReactElement } from "react";
+import { RenderOptions } from "@testing-library/react";
+import { FileUploaderConfig, FormControls, resolveUrl } from "./types";
+interface IProps {
+    children?: React.ReactNode;
+    controls?: FormControls;
+    fileUploaderConfig?: FileUploaderConfig;
+    resolveUrl?: resolveUrl;
+}
+export declare const TestWrapper: FC<IProps>;
+declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, "wrapper">) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export declare const renderViaFormBuilder: (controls: FormControls, fileUploaderConfig?: FileUploaderConfig, resolveUrl?: resolveUrl, options?: RenderOptions) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export * from "@testing-library/react";
+export { customRender as render };

package/dist/src/testutils.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "@testing-library/react";
+import { FormDataProvider } from "./context/FormData";
+import FormBuilder from "./components/FormBuilder";
+export const TestWrapper = ({ children, controls = {}, fileUploaderConfig = {}, resolveUrl = jest.fn(), }) => {
+    return (_jsx(FormDataProvider, { controls: controls, fileUploaderConfig: fileUploaderConfig, resolveUrl: resolveUrl, children: children }));
+};
+const customRender = (ui, options) => render(ui, { wrapper: TestWrapper, ...options });
+export const renderViaFormBuilder = (controls, fileUploaderConfig, resolveUrl, options) => {
+    const config = {
+        items: controls,
+        links: [],
+        method: "POST",
+    };
+    return render(_jsx(FormBuilder, { config: config, fileUploaderConfig: fileUploaderConfig, resolveUrl: resolveUrl }), { ...options });
+};
+// TODO change export
+// eslint-disable-next-line import/export
+export * from "@testing-library/react";
+// eslint-disable-next-line import/export
+export { customRender as render };
+//# sourceMappingURL=testutils.js.map

package/dist/src/testutils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testutils.js","sourceRoot":"","sources":["../../src/testutils.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAenD,MAAM,CAAC,MAAM,WAAW,GAAe,CAAC,EACtC,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,kBAAkB,GAAG,EAAE,EACvB,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,GACvB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,YAErB,QAAQ,GACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,EAAgB,EAChB,OAAwC,EACxC,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,QAAsB,EACtB,kBAAuC,EACvC,UAAuB,EACvB,OAAuB,EACvB,EAAE;IACF,MAAM,MAAM,GAAsB;QAChC,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,MAAM;KACf,CAAC;IAEF,OAAO,MAAM,CACX,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,GACtB,EACF,EAAE,GAAG,OAAO,EAAE,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAqB;AACrB,yCAAyC;AACzC,cAAc,wBAAwB,CAAC;AACvC,yCAAyC;AACzC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/types/controlProps.d.ts

@@ -0,0 +1,70 @@
+import type { SxProps } from "@mui/material";
+import React from "react";
+export type controlProps = {
+    formProps?: {
+        style?: React.CSSProperties;
+    };
+    inputProps?: {
+        style?: React.CSSProperties;
+    };
+    mrnProps?: {
+        disableMrnLink?: boolean;
+    };
+    selectProps?: {
+        sx?: SxProps;
+        textField?: {
+            sx?: SxProps;
+        };
+        listBox?: {
+            sx?: SxProps;
+        };
+    };
+    footerProps?: {
+        style?: React.CSSProperties;
+        container?: {
+            style?: React.CSSProperties;
+        };
+        submitButtonContainer?: {
+            style?: React.CSSProperties;
+        };
+        submitButton?: {
+            sx?: SxProps;
+        };
+    };
+    addressProps?: {
+        style?: React.CSSProperties;
+        label?: {
+            style?: React.CSSProperties;
+        };
+        container?: {
+            style?: React.CSSProperties;
+        };
+    };
+    controlWrapperProps?: {
+        style?: React.CSSProperties;
+        label?: {
+            style?: React.CSSProperties;
+        };
+        container?: {
+            style?: React.CSSProperties;
+        };
+    };
+    groupProps?: {
+        style?: React.CSSProperties;
+        label?: {
+            style?: React.CSSProperties;
+        };
+    };
+    listProps?: {
+        style?: React.CSSProperties;
+        addButton?: {
+            sx?: SxProps;
+        };
+        label?: {
+            style?: React.CSSProperties;
+        };
+        container?: {
+            style?: React.CSSProperties;
+        };
+    };
+};

package/dist/src/types/controlProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=controlProps.js.map

package/dist/src/types/controlProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlProps.js","sourceRoot":"","sources":["../../../src/types/controlProps.ts"],"names":[],"mappings":""}

package/dist/src/types/index.d.ts

@@ -0,0 +1,166 @@
+export type CaseSensitivity<T extends string> = string extends T ? string : T extends `${infer F1}${infer F2}${infer R}` ? `${Uppercase<F1> | Lowercase<F1>}${Uppercase<F2> | Lowercase<F2>}${CaseSensitivity<R>}` : T extends `${infer F}${infer R}` ? `${Uppercase<F> | Lowercase<F>}${CaseSensitivity<R>}` : "";
+export interface ControlCommons {
+    key?: string;
+    displayName?: string;
+    value?: string;
+    mrnEntries?: {
+        [key: string]: any;
+    };
+    hasChanged?: boolean;
+    error?: {
+        message: string;
+    };
+    required?: boolean;
+    placeholder?: string;
+    hasEdited?: "edited" | "not-edited" | undefined;
+    "custom-attributes"?: CustomAttributes;
+}
+export type FormVisibility = "hidden" | "visible" | "expert" | {
+    hideOnCondition: string;
+};
+export type GenAiPrompt = {
+    displayValue: string;
+    promptTemplate: string;
+    profile?: string;
+};
+export type GenAiPrompts = GenAiPrompt[];
+export interface CustomAttributes {
+    media?: string;
+    "mrn-ref"?: string;
+    "mrn-ref-display-field"?: string;
+    "mrn-ref-params"?: string;
+    "mrn-ref-mrn-field"?: string;
+    options?: InputFreeSoloOptions[];
+    mrnPreview?: {
+        displayField?: string;
+        linkDisabled?: boolean;
+    };
+    submenu?: {
+        icon?: string;
+    };
+    mrnSources?: MrnInputMultipleServices[];
+    defaultValue?: string;
+    defaultCollapseThreshold?: string;
+    visibility?: {
+        form?: FormVisibility;
+        detailView?: "hidden" | "visible";
+        table?: "hidden" | "visible";
+    };
+    editor?: "richtext" | "markdown" | "code" | "plate";
+    viewer?: "html" | "markdown";
+    tags?: string | string[];
+    genAiPrompts?: GenAiPrompts;
+    tooltip?: string;
+    [key: string]: any;
+}
+export type MrnInputMultipleServices = {
+    name: string;
+    mrn: string;
+    query: string;
+    mrnField: string;
+    displayField: string;
+    [key: string]: any;
+};
+export interface GroupFormControl extends ControlCommons {
+    control: "group";
+    controls: FormControls;
+}
+export interface InputFormControl extends ControlCommons {
+    control: "input";
+    type: "plain" | "html" | "hex" | "color" | "mrn" | "url" | "date" | "time" | "datetime" | "number" | "email" | "password" | "geolocation";
+    placeholder?: string;
+    pattern?: string;
+    minLength?: number;
+    maxLength?: number;
+    step?: number;
+}
+export interface InputFreeSoloOptions {
+    value: string;
+    text?: string;
+    tooltip?: string;
+    default?: "true" | "false" | undefined;
+}
+export interface TextareaFormControl extends ControlCommons {
+    control: "textarea";
+    type: "plain" | "html" | "json";
+}
+export interface CheckboxFormControl extends ControlCommons {
+    control: "checkbox";
+    selected?: boolean;
+}
+export interface SelectFormControlOption extends Omit<ControlCommons, "displayName"> {
+    value: string;
+    text: string;
+    phone?: string;
+    selected?: boolean;
+}
+export interface SelectFormControl extends ControlCommons {
+    control: "select";
+    options?: SelectFormControlOption[];
+    multiple?: boolean;
+}
+export interface MrnInputServiceSelection {
+}
+export interface MultiSelectFormControl extends Omit<SelectFormControl, "value"> {
+    value?: string | string[];
+}
+export interface ListFormControl extends ControlCommons {
+    control: "list";
+    items?: FormControls[];
+    required?: boolean;
+    template: FormControls;
+}
+export type Control = "input" | "textarea" | "checkbox" | "select" | "list";
+export type ControlType = "plain" | "html" | "hex" | "color" | "mrn" | "url" | "date" | "time" | "datetime" | "number" | "email" | "password" | "geolocation" | "json";
+export type FormControl = InputFormControl | TextareaFormControl | CheckboxFormControl | SelectFormControl | MultiSelectFormControl | ListFormControl | GroupFormControl;
+export interface FormControls {
+    [key: string]: FormControl;
+}
+type fileUploaderEndpoint = {
+    url: string;
+    name: string;
+};
+export type FileUploaderConfig = {
+    info?: string;
+    endpoints?: fileUploaderEndpoint[];
+    language?: string;
+    previewUrl?: (url: string) => Promise<any>;
+    authorizationHeader?: (url: string, method: string) => string;
+};
+export interface FormBuilderConfigLink {
+    href: string;
+    rel: string;
+    text: string;
+}
+export interface FormBuilderConfig {
+    method: "POST" | "GET";
+    links: FormBuilderConfigLink[];
+    error?: {
+        message: string;
+    };
+    items: FormControls;
+}
+export type OnChangeValueType = {
+    value?: string | string[] | number;
+    [key: string]: any;
+};
+export interface resolveUrl {
+    (mrn: string, params: string, opts: any): Promise<any>;
+}
+export type MessageType = string;
+export type MessageStatus = "error" | "success";
+export interface PostMessageProps {
+    message: MessageType;
+    profile: string;
+}
+export type PostMessageResponse = {
+    message: MessageType;
+    model: string;
+    usage: {
+        answer: string;
+        prompt: string;
+        total: string;
+    };
+    status: MessageStatus;
+};
+export {};

package/dist/src/types/index.js

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

package/dist/src/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":""}

package/dist/src/ui/menu/hooks/useMenu.d.ts

@@ -0,0 +1,13 @@
+import type { MenuItem } from "..";
+import type { FormControls } from "../../../types";
+import type { controlGroups } from "../utils/detemineSubmenuTabs";
+export declare const updateMenuIndexOnSubmit: (hasSubmenuAndError: boolean, cb: () => void) => void;
+declare const useMenu: (formControls: FormControls, formSubmitted: boolean, isExpertMode: boolean) => {
+    activeFormControls: FormControls;
+    activeMenuItemIndex: number;
+    controlGroups: controlGroups;
+    hasSubmenu: boolean;
+    menuItems: MenuItem[];
+    setActiveMenuItemIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+};
+export default useMenu;

package/dist/src/ui/menu/hooks/useMenu.js

@@ -0,0 +1,41 @@
+import { useEffect, useRef, useState } from "react";
+import findFormControlError from "../../../utils/findFormControlError";
+import determineSubmenuTabs, { determineMenuTabIndexWithControlError, hasControlWithSubmenu, INFORMATION_TAB_KEY, } from "../utils/detemineSubmenuTabs";
+export const updateMenuIndexOnSubmit = (hasSubmenuAndError, cb) => {
+    if (hasSubmenuAndError)
+        cb();
+};
+const useMenu = (formControls, formSubmitted, isExpertMode) => {
+    const subMenu = determineSubmenuTabs(formControls, isExpertMode);
+    const hasSubmenu = hasControlWithSubmenu(formControls, isExpertMode);
+    const hasError = findFormControlError(formControls);
+    const menuItems = hasSubmenu && subMenu?.menuItems;
+    const controlGroups = hasSubmenu && subMenu?.controlGroups;
+    const defaultActiveMenuItemIndex = hasSubmenu && hasError
+        ? determineMenuTabIndexWithControlError(controlGroups)
+        : Number(INFORMATION_TAB_KEY);
+    const [activeMenuItemIndex, setActiveMenuItemIndex] = useState(defaultActiveMenuItemIndex);
+    const activeFormControls = controlGroups?.[activeMenuItemIndex];
+    const isInitialRender = useRef(true);
+    useEffect(() => {
+        updateMenuIndexOnSubmit(hasSubmenu && hasError, () => setActiveMenuItemIndex(determineMenuTabIndexWithControlError(controlGroups)));
+    }, [formSubmitted]);
+    useEffect(() => {
+        if (isInitialRender.current) {
+            isInitialRender.current = false;
+        }
+        else {
+            setActiveMenuItemIndex(Number(INFORMATION_TAB_KEY));
+        }
+    }, [isExpertMode]);
+    return {
+        activeFormControls,
+        activeMenuItemIndex,
+        controlGroups,
+        hasSubmenu,
+        menuItems,
+        setActiveMenuItemIndex,
+    };
+};
+export default useMenu;
+//# sourceMappingURL=useMenu.js.map

package/dist/src/ui/menu/hooks/useMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu.js","sourceRoot":"","sources":["../../../../../src/ui/menu/hooks/useMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,oBAAoB,MAAM,qCAAqC,CAAC;AAEvE,OAAO,oBAAoB,EAAE,EAC3B,qCAAqC,EACrC,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,kBAA2B,EAC3B,EAAc,EACd,EAAE;IACF,IAAI,kBAAkB;QAAE,EAAE,EAAE,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CACd,YAA0B,EAC1B,aAAsB,EACtB,YAAqB,EACrB,EAAE;IACF,MAAM,OAAO,GAAG,oBAAoB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,UAAU,IAAK,OAAO,EAAE,SAAwB,CAAC;IACnE,MAAM,aAAa,GAAG,UAAU,IAAK,OAAO,EAAE,aAA+B,CAAC;IAC9E,MAAM,0BAA0B,GAC9B,UAAU,IAAI,QAAQ;QACpB,CAAC,CAAC,qCAAqC,CAAC,aAAa,CAAC;QACtD,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAElC,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAC5D,0BAA0B,CAC3B,CAAC;IAEF,MAAM,kBAAkB,GAAG,aAAa,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAEhE,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,uBAAuB,CAAC,UAAU,IAAI,QAAQ,EAAE,GAAG,EAAE,CACnD,sBAAsB,CACpB,qCAAqC,CAAC,aAAa,CAAC,CACrD,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC5B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC;aAAM,CAAC;YACN,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;QACtD,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO;QACL,kBAAkB;QAClB,mBAAmB;QACnB,aAAa;QACb,UAAU;QACV,SAAS;QACT,sBAAsB;KACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/src/ui/menu/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type MenuItem = {
+    name: string;
+    icon: string;
+};
+interface IMenuProps {
+    children: React.ReactNode;
+    menuItems: MenuItem[];
+    activeMenuItemIndex: number;
+    onActiveMenuItemIndex: (key: number) => void;
+}
+declare const Menu: ({ children, menuItems, activeMenuItemIndex, onActiveMenuItemIndex, }: IMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

package/dist/src/ui/menu/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as styles from "./menu.module.scss";
+const Menu = ({ children, menuItems, activeMenuItemIndex, onActiveMenuItemIndex, }) => {
+    return (_jsxs("div", { className: styles.TabMenuContainer, children: [_jsx("div", { className: styles.TabMenu, "data-testid": "form-tab-menu", children: menuItems.map((menuItem, key) => {
+                    const isActive = key === activeMenuItemIndex;
+                    const className = isActive
+                        ? `${styles.TabMenuItem} ${styles.active}`
+                        : styles.TabMenuItem;
+                    return (_jsxs("div", { className: className, "data-testid": "form-tab-menu-item", "data-active": isActive, onClick: () => onActiveMenuItemIndex(key), children: [_jsx("div", { className: styles.MenuItemIconContainer, children: _jsx("i", { className: menuItem.icon }) }), _jsx("p", { "data-testid": "form-menu-item-name", children: menuItem.name }), _jsx("div", { className: styles.MenuItemTooltip, "data-testid": "form-menu-item-tooltip", children: menuItem.name })] }, key));
+                }) }), _jsx("div", { className: styles.MenuFormContainer, "data-testid": "menu-form-container", children: children })] }));
+};
+export default Menu;
+//# sourceMappingURL=index.js.map

package/dist/src/ui/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/menu/index.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAc7C,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,qBAAqB,GACV,EAAE,EAAE;IACf,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACrC,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,iBAAc,eAAe,YACxD,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE;oBAC/B,MAAM,QAAQ,GAAG,GAAG,KAAK,mBAAmB,CAAC;oBAC7C,MAAM,SAAS,GAAG,QAAQ;wBACxB,CAAC,CAAC,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE;wBAC1C,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC;oBACvB,OAAO,CACL,eAEE,SAAS,EAAE,SAAS,iBACR,oBAAoB,iBACnB,QAAQ,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC,aAEzC,cAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,YAC1C,YAAG,SAAS,EAAE,QAAQ,CAAC,IAAI,GAAI,GAC3B,EACN,2BAAe,qBAAqB,YAAE,QAAQ,CAAC,IAAI,GAAK,EACxD,cACE,SAAS,EAAE,MAAM,CAAC,eAAe,iBACrB,wBAAwB,YAEnC,QAAQ,CAAC,IAAI,GACV,KAfD,GAAG,CAgBJ,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,EACN,cACE,SAAS,EAAE,MAAM,CAAC,iBAAiB,iBACvB,qBAAqB,YAEhC,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/src/ui/menu/test/createControl.d.ts

@@ -0,0 +1,15 @@
+import type { FormControl, FormVisibility } from "../../../types";
+type createControl = {
+    displayName: string;
+    isGroup: boolean;
+    submenu?: {
+        icon?: string;
+    };
+    visibility?: "hidden" | "expert";
+    groupChildVisibility?: FormVisibility;
+    error?: {
+        message: string;
+    };
+};
+declare const createControl: ({ displayName, isGroup, submenu, visibility, groupChildVisibility, error, }: createControl) => FormControl;
+export default createControl;

package/dist/src/ui/menu/test/createControl.js

@@ -0,0 +1,30 @@
+const createControl = ({ displayName, isGroup, submenu, visibility, groupChildVisibility, error, }) => {
+    const input = {
+        control: "input",
+        type: "plain",
+        error,
+        displayName,
+    };
+    const group = {
+        control: "group",
+        displayName,
+        controls: {
+            input: {
+                control: "input",
+                type: "plain",
+                error,
+                displayName,
+                "custom-attributes": {
+                    visibility: { form: groupChildVisibility || "visible" },
+                },
+            },
+        },
+        "custom-attributes": {
+            submenu,
+            visibility: { form: visibility || "visible" },
+        },
+    };
+    return isGroup ? group : input;
+};
+export default createControl;
+//# sourceMappingURL=createControl.js.map

package/dist/src/ui/menu/test/createControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createControl.js","sourceRoot":"","sources":["../../../../../src/ui/menu/test/createControl.ts"],"names":[],"mappings":"AAeA,MAAM,aAAa,GAAG,CAAC,EACrB,WAAW,EACX,OAAO,EACP,OAAO,EACP,UAAU,EACV,oBAAoB,EACpB,KAAK,GACS,EAAe,EAAE;IAC/B,MAAM,KAAK,GAAgB;QACzB,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,OAAO;QACb,KAAK;QACL,WAAW;KACZ,CAAC;IACF,MAAM,KAAK,GAAgB;QACzB,OAAO,EAAE,OAAO;QAChB,WAAW;QACX,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,OAAO;gBACb,KAAK;gBACL,WAAW;gBACX,mBAAmB,EAAE;oBACnB,UAAU,EAAE,EAAE,IAAI,EAAE,oBAAoB,IAAI,SAAS,EAAE;iBACxD;aACF;SACF;QACD,mBAAmB,EAAE;YACnB,OAAO;YACP,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,IAAI,SAAS,EAAE;SAC9C;KACF,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AACjC,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/ui/menu/utils/detemineSubmenuTabs/index.d.ts

@@ -0,0 +1,14 @@
+import type { MenuItem } from "../..";
+import type { FormControls } from "../../../../types";
+export type controlGroups = {
+    [key: string]: FormControls;
+};
+export declare const INFORMATION_TAB_KEY = "0";
+export declare const INFO_MENU_ITEM: MenuItem;
+export declare const hasControlWithSubmenu: (controls: FormControls, isExpertMode: boolean) => boolean;
+export declare const determineMenuTabIndexWithControlError: (controlGroups: controlGroups) => number;
+declare const determineSubmenuTabs: (controls: FormControls, isExpertMode: boolean) => FormControls | {
+    controlGroups: controlGroups;
+    menuItems: MenuItem[];
+};
+export default determineSubmenuTabs;

package/dist/src/ui/menu/utils/detemineSubmenuTabs/index.js

@@ -0,0 +1,82 @@
+import set from "lodash/set";
+import hasExpertControl from "../../../../components/QueryControl/utils/hasExpertControl";
+import hideGroup from "../../../../components/QueryControl/utils/hideGroup";
+import useValueGeneratorWithContext from "../../../../hooks/useValueGenerator/useValueGenerator";
+import findFormControlError from "../../../../utils/findFormControlError";
+export const INFORMATION_TAB_KEY = "0";
+export const INFO_MENU_ITEM = {
+    name: "Info",
+    icon: "fa-solid fa-circle-info",
+};
+const hasSubmenu = (control, isExpertMode) => {
+    const customAttributes = control?.["custom-attributes"];
+    const isGroup = control?.control === "group";
+    const formVisibility = customAttributes?.visibility?.form;
+    const hideOnCondition = typeof formVisibility === "object" && formVisibility?.hideOnCondition;
+    const { value: hideOnConditionValue } = useValueGeneratorWithContext({
+        query: hideOnCondition,
+        objectPathId: "",
+    });
+    const isHidden = formVisibility === "hidden" ||
+        (formVisibility === "expert" && !isExpertMode) ||
+        hideOnConditionValue;
+    const hasSubmenu = customAttributes?.submenu;
+    return isGroup && hasSubmenu && !isHidden;
+};
+export const hasControlWithSubmenu = (controls, isExpertMode) => {
+    return Object.values(controls).some((control) => hasSubmenu(control, isExpertMode));
+};
+export const determineMenuTabIndexWithControlError = (controlGroups) => {
+    let index = INFORMATION_TAB_KEY;
+    for (const [idx, controls] of Object.entries(controlGroups)) {
+        const hasError = findFormControlError(controls);
+        if (hasError) {
+            index = idx;
+            break;
+        }
+    }
+    return Number(index);
+};
+const extractSubmenuTabs = (controls, isExpertMode) => {
+    const controlGroups = {
+        [INFORMATION_TAB_KEY]: {},
+    };
+    const menuItems = [INFO_MENU_ITEM];
+    for (const [key, control] of Object.entries(controls)) {
+        const isGroup = control.control === "group";
+        const customAttributes = control?.["custom-attributes"];
+        const isExpert = customAttributes?.visibility?.form === "expert";
+        if (hasSubmenu(control, isExpertMode)) {
+            const hasExpertFormControl = isGroup && (hasExpertControl(control?.controls) || isExpert);
+            const allControlsHiddenOrExpert = isGroup && hideGroup(control?.controls, isExpertMode);
+            const allControlsHiddenOrExpertWithAtLeastOneExpert = allControlsHiddenOrExpert && hasExpertFormControl;
+            const hasOnlyHiddenControls = allControlsHiddenOrExpert && !hasExpertFormControl;
+            const submenu = customAttributes?.submenu;
+            const lastKey = Object.keys(controlGroups).pop(); //* keys are stringified indexes
+            const newKey = Number(lastKey) + 1;
+            if (!allControlsHiddenOrExpertWithAtLeastOneExpert &&
+                !hasOnlyHiddenControls) {
+                set(controlGroups, `${newKey}.${key}`, control);
+                menuItems.push({
+                    name: control.displayName,
+                    icon: submenu?.icon || "fa-solid fa-circle-ellipsis",
+                });
+            }
+        }
+        else {
+            set(controlGroups, `${INFORMATION_TAB_KEY}.${key}`, control);
+        }
+    }
+    return {
+        controlGroups,
+        menuItems,
+    };
+};
+const determineSubmenuTabs = (controls, isExpertMode) => {
+    if (hasControlWithSubmenu(controls, isExpertMode)) {
+        return extractSubmenuTabs(controls, isExpertMode);
+    }
+    return controls;
+};
+export default determineSubmenuTabs;
+//# sourceMappingURL=index.js.map

package/dist/src/ui/menu/utils/detemineSubmenuTabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/menu/utils/detemineSubmenuTabs/index.ts"],"names":[],"mappings":"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"}

package/dist/src/ui-helper/HeaderCollapseButton/index.d.ts

@@ -0,0 +1,7 @@
+interface IProps {
+    isOpen: boolean;
+    itemsCount?: number;
+    onClick: () => void;
+}
+declare const HeaderCollapseButton: ({ isOpen, itemsCount, onClick }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderCollapseButton;