@micromerce/formbuilder-react 1.0.910 → 1.0.914

package/dist/hooks/useDependent/enhanced/useInputDependent/useInputDependent.d.ts

@@ -1,8 +1,8 @@
 import { ControlCommons, OnChangeValueType } from "../../../../types";
 interface IUseInputDependentProps {
     onChangeValue: (newProperties: OnChangeValueType, customizer?: (...args: any) => any) => void;
-    query: string;
-    objectPathId: string;
+    query?: string;
+    objectPathId?: string;
     value: string;
     hasEdited?: ControlCommons["hasEdited"];
 }

package/dist/hooks/useDependent/enhanced/useOptionsGenerator/useOptionsGenerator.d.ts

@@ -1,12 +1,12 @@
 import type { SelectFormControlOption } from "../../../../types";
 interface IUseOptionsGeneratorProps {
-    query: string;
+    query?: string;
     controlKey: string;
-    objectPathId: string;
-    options: SelectFormControlOption[];
+    objectPathId?: string | null;
+    options?: SelectFormControlOption[];
 }
 declare const useOptionsGenerator: ({ query, controlKey, objectPathId, options, }: IUseOptionsGeneratorProps) => {
-    options: SelectFormControlOption[];
+    options: SelectFormControlOption[] | undefined;
     mrnEntriesLoaded?: undefined;
 } | {
     options: any;

package/dist/hooks/useDependent/useDependent.d.ts

@@ -1,9 +1,9 @@
 interface IUseDependentProps {
-    query: string | null;
-    objectPathId: string | null;
+    query?: string | null;
+    objectPathId?: string | null;
 }
 declare const useDependent: ({ query, objectPathId }: IUseDependentProps) => {
-    dependentControls: string[];
+    dependentControls: (string | undefined)[];
     resolvedQuery: string;
     isDisabled: boolean;
     mrnEntriesLoaded: boolean;

package/dist/hooks/useValueGenerator/useValueGenerator.d.ts

@@ -1,7 +1,7 @@
 import type { FormControls } from "../../types";
 interface IUseValueGeneratorProps {
-    query: string | null;
-    objectPathId: string | null;
+    query?: string | null;
+    objectPathId?: string | null;
 }
 interface IUseValueGeneratorWithContextProps extends IUseValueGeneratorProps {
     formControls: FormControls;

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

@@ -1,5 +1,5 @@
 import { TextFieldProps } from "@mui/material";
 declare const StyledTextField: import("@emotion/styled").StyledComponent<{
-    variant?: import("@mui/material").TextFieldVariants;
+    variant?: import("@mui/material").TextFieldVariants | undefined;
 } & 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/types/index.d.ts

@@ -163,13 +163,13 @@ export type OnChangeValueType = {
     [key: string]: any;
 };
 export interface resolveUrl {
-    (mrn: string, params: string, opts: any): Promise<any>;
+    (mrn: string, params: string | null, opts: any): Promise<any>;
 }
 export type MessageType = string;
 export type MessageStatus = "error" | "success";
 export interface PostMessageProps {
     message: MessageType;
-    profile: string;
+    profile?: string;
 }
 export type PostMessageResponse = {
     message: MessageType;

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

@@ -3,11 +3,11 @@ 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;
+    activeFormControls: FormControls | undefined;
     activeMenuItemIndex: number;
-    controlGroups: controlGroups;
+    controlGroups: false | controlGroups;
     hasSubmenu: boolean;
-    menuItems: MenuItem[];
+    menuItems: false | MenuItem[];
     setActiveMenuItemIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
 };
 export default useMenu;

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

@@ -1,6 +1,6 @@
 import React from "react";
 export type MenuItem = {
-    name: string;
+    name?: string;
     icon: string;
 };
 interface IMenuProps {

package/dist/utils/findFormControlError/index.d.ts

@@ -1,4 +1,4 @@
 import type { FormControls } from "../../types";
 type condition = "expert";
-declare const findFormControlError: (controls: FormControls, condition?: condition) => any;
+declare const findFormControlError: (controls: FormControls, condition?: condition) => boolean;
 export default findFormControlError;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@micromerce/formbuilder-react",
-  "version": "1.0.910",
+  "version": "1.0.914",
   "description": "creates a form based on configuration",
   "main": "dist/formbuilder.js",
   "types": "dist/index.d.ts",
@@ -87,6 +87,13 @@
     "usehooks-ts": "^2.5.1",
     "uuid": "^14.0.1"
   },
+  "overrides": {
+    "nanoid@^3": "^3.3.17",
+    "nanoid@^4": "^5.1.16",
+    "nanoid@^5": "^5.1.16",
+    "js-yaml@^3": "^3.15.1",
+    "js-yaml@^4": "^4.3.1"
+  },
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
@@ -102,8 +109,10 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^13.5.0",
+    "@types/html-to-text": "^9.0.4",
     "@types/jest": "^29.5.13",
     "@types/lodash": "^4.14.191",
+    "@types/qs": "^6.15.1",
     "@types/react": "^18.3.11",
     "@types/react-date-range": "^1.4.9",
     "@types/react-dom": "^18.3.0",
@@ -137,7 +146,7 @@
     "ts-jest": "^29.2.5",
     "ts-loader": "^9.2.6",
     "ts-node": "^10.7.0",
-    "typescript": "^5.6.2",
+    "typescript": "^6.0.3",
     "webpack": "^5.69.1",
     "webpack-bundle-analyzer": "^4.8.0",
     "webpack-cli": "^4.9.2",

package/dist/__mocks__/platejs.d.ts

@@ -1,314 +0,0 @@
-import React from "react";
-export declare const __plateMock: {
-    onChange: any;
-};
-export declare const Plate: ({ children, onChange }: any) => React.ReactElement<{
-    "data-testid": string;
-}, string | React.JSXElementConstructor<any>>;
-export declare const PlateContent: (props: any) => React.DetailedReactHTMLElement<any, HTMLElement>;
-export declare const PlateElement: ({ children, as: Tag, ...props }: any) => React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare const PlateLeaf: ({ children, as: Tag, ...props }: any) => React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare const __mockEditor: {
-    children: any[];
-    api: {
-        some: jest.Mock<boolean, [], any>;
-        html: {
-            deserialize: jest.Mock<any[], [], any>;
-        };
-        create: {
-            value: () => {
-                type: string;
-                children: {
-                    text: string;
-                }[];
-            }[];
-        };
-        start: () => any;
-        end: () => any;
-    };
-    tf: {
-        toggleBlock: jest.Mock<any, any, any>;
-        setNodes: jest.Mock<any, any, any>;
-        setValue: jest.Mock<any, any, any>;
-        replaceNodes: jest.Mock<any, any, any>;
-        insert: {
-            table: jest.Mock<any, any, any>;
-            tableRow: jest.Mock<any, any, any>;
-            tableColumn: jest.Mock<any, any, any>;
-        };
-        remove: {
-            table: jest.Mock<any, any, any>;
-            tableRow: jest.Mock<any, any, any>;
-            tableColumn: jest.Mock<any, any, any>;
-        };
-        focus: jest.Mock<any, any, any>;
-    };
-    undo: jest.Mock<any, any, any>;
-    redo: jest.Mock<any, any, any>;
-    dom: {
-        readOnly: boolean;
-    };
-};
-export declare const usePlateEditor: jest.Mock<{
-    children: any[];
-    api: {
-        some: jest.Mock<boolean, [], any>;
-        html: {
-            deserialize: jest.Mock<any[], [], any>;
-        };
-        create: {
-            value: () => {
-                type: string;
-                children: {
-                    text: string;
-                }[];
-            }[];
-        };
-        start: () => any;
-        end: () => any;
-    };
-    tf: {
-        toggleBlock: jest.Mock<any, any, any>;
-        setNodes: jest.Mock<any, any, any>;
-        setValue: jest.Mock<any, any, any>;
-        replaceNodes: jest.Mock<any, any, any>;
-        insert: {
-            table: jest.Mock<any, any, any>;
-            tableRow: jest.Mock<any, any, any>;
-            tableColumn: jest.Mock<any, any, any>;
-        };
-        remove: {
-            table: jest.Mock<any, any, any>;
-            tableRow: jest.Mock<any, any, any>;
-            tableColumn: jest.Mock<any, any, any>;
-        };
-        focus: jest.Mock<any, any, any>;
-    };
-    undo: jest.Mock<any, any, any>;
-    redo: jest.Mock<any, any, any>;
-    dom: {
-        readOnly: boolean;
-    };
-}, [options: any], any>;
-export declare const useMarkToolbarButton: () => {
-    props: {
-        pressed: boolean;
-        onClick: () => void;
-    };
-};
-export declare const useMarkToolbarButtonState: () => {};
-export declare const createPlatePlugin: (_config: any) => {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const BoldPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const ItalicPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const UnderlinePlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const StrikethroughPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const CodePlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const HighlightPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const SubscriptPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const SuperscriptPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const BlockquotePlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const H1Plugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const H2Plugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const H3Plugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const HorizontalRulePlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const LinkPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const IndentPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const ListPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const useListToolbarButton: () => {
-    props: {
-        pressed: boolean;
-        onClick: () => void;
-    };
-};
-export declare const useListToolbarButtonState: () => {};
-export declare const ListStyleType: {
-    Disc: string;
-    Decimal: string;
-};
-export declare const TablePlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const TableRowPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const TableCellPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const TableCellHeaderPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const DndPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const getLinkAttributes: () => {};
-export declare const triggerFloatingLink: () => void;
-export declare const useLinkToolbarButtonState: () => {
-    pressed: boolean;
-};
-export declare const useLinkToolbarButton: () => {
-    props: {
-        pressed: boolean;
-        onClick: () => void;
-        onMouseDown: () => void;
-    };
-};
-export declare const FloatingLinkUrlInput: (props: any) => React.DetailedReactHTMLElement<any, HTMLElement>;
-export declare const useFloatingLinkInsertState: () => {};
-export declare const useFloatingLinkInsert: () => {
-    hidden: boolean;
-    props: {};
-    ref: {
-        current: any;
-    };
-    textInputProps: {};
-};
-export declare const useFloatingLinkEditState: () => {
-    isEditing: boolean;
-    isOpen: boolean;
-};
-export declare const useFloatingLinkEdit: () => {
-    editButtonProps: {};
-    props: {};
-    ref: {
-        current: any;
-    };
-    unlinkButtonProps: {};
-};
-export declare const useFormInputProps: () => {};
-export declare const useEditorSelection: () => any;
-export declare const offset: () => {};
-export declare const flip: () => {};
-export declare const AutoformatPlugin: {
-    withComponent: () => any;
-    configure: () => any;
-};
-export declare const toggleList: () => void;
-export declare const DndProvider: ({ children }: any) => any;
-export declare const HTML5Backend: {};
-export declare const useDraggable: () => {
-    isDragging: boolean;
-    nodeRef: {
-        current: any;
-    };
-    handleRef: {
-        current: any;
-    };
-    previewRef: {
-        current: any;
-    };
-    isAboutToDrag: boolean;
-};
-export declare const useDropLine: () => {
-    dropLine: any;
-};
-export declare const getBlocksWithId: jest.Mock<any[], [], any>;
-export declare const deserializeHtml: jest.Mock<{
-    type: string;
-    children: {
-        text: string;
-    }[];
-}[], [_editor: any, opts: any], any>;
-export declare const isType: (_editor: any, element: any, types: string[]) => boolean;
-export declare const KEYS: {
-    table: string;
-    column: string;
-    tr: string;
-    td: string;
-    link: string;
-};
-export declare const createSlatePlugin: (config: any) => any;
-export declare const MemoizedChildren: ({ children }: any) => any;
-export declare const useEditorRef: () => {
-    api: {
-        node: () => any;
-        getType: () => string;
-        string: () => string;
-        start: () => {
-            path: number[];
-            offset: number;
-        };
-        end: () => {
-            path: number[];
-            offset: number;
-        };
-        toDOMRange: () => any;
-        some: () => boolean;
-        html: {
-            deserialize: () => any[];
-        };
-        create: {
-            value: () => {
-                type: string;
-                children: {
-                    text: string;
-                }[];
-            }[];
-        };
-    };
-    getType: () => string;
-    tf: {
-        focus: () => void;
-        toggleBlock: () => void;
-        setNodes: () => void;
-    };
-    dom: {
-        readOnly: boolean;
-    };
-};
-export declare const useElement: () => {};

package/dist/testutils.d.ts

@@ -1,15 +0,0 @@
-import React, { FC, ReactElement } from "react";
-import { RenderOptions } from "@testing-library/react";
-import { FileUploaderConfig, FormControls, PostMessageProps, PostMessageResponse, resolveUrl } from "./types";
-interface IProps {
-    children?: React.ReactNode;
-    controls?: FormControls;
-    fileUploaderConfig?: FileUploaderConfig;
-    resolveUrl?: resolveUrl;
-    postGenAiMessage?: ({ message, profile, }: PostMessageProps) => Promise<PostMessageResponse>;
-}
-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 };