@oliasoft-open-source/react-ui-library 4.6.4-beta-2 → 4.6.4-beta-4

package/dist/index.d.ts

@@ -1665,8 +1665,6 @@ export declare const SideBar: React_2.MemoExoticComponent<({ options, startOpen,
 
 export declare const Slider: ({ name, label, width, labelWidth, value, min, max, step, marks, showArrows, showTooltip, tooltipFormatter, disabled, range, small, vertical, onChange, }: ISliderProps) => JSX_2.Element;
 
-export declare const SmartUploadModal: ({ visible, prompt, onCloseModal, onComplete, onError, onUpload, width, heading, dialogText, fileInputText, fileInputPlaceholder, uploadText, cancelText, testId, }: TSmartUploadModalProps) => JSX_2.Element;
-
 export declare const Spacer: ({ height, width, flex, }: ISpacerProps) => JSX_2.Element;
 
 export declare const Spinner: ({ small, colored, dark, tiny, }: ISpinnerProps) => JSX_2.Element;
@@ -1802,25 +1800,6 @@ declare type TSliderMark = {
     tooltip?: number | string | ReactNode;
 };
 
-export declare type TSmartUploadModalProps = {
-    visible: boolean;
-    prompt: string;
-    onCloseModal: () => void;
-    onUpload: (prompt: string, file: File) => any;
-    onComplete: (data: {
-        [key: string]: string;
-    }[]) => void;
-    onError?: (error: any) => void;
-    width?: number;
-    heading?: string;
-    dialogText?: string;
-    fileInputText?: string;
-    fileInputPlaceholder?: string;
-    uploadText?: string;
-    cancelText?: string;
-    testId?: string;
-};
-
 declare type TStringNumberNull = string | number | null;
 
 declare type TStringOrNumber = string | number;

package/dist/index.js

@@ -19534,6 +19534,18 @@ const Modal = ({
   onEnter,
   onEscape
 }) => {
+  const MODAL_CONTAINER_ID = "modalContainer";
+  useEffect(() => {
+    if (!document.getElementById(MODAL_CONTAINER_ID)) {
+      return;
+    }
+    const container2 = document.createElement("div");
+    container2.id = MODAL_CONTAINER_ID;
+    document.body.appendChild(container2);
+    return () => {
+      document.body.removeChild(container2);
+    };
+  }, []);
   useKeyboardEvent(
     "Enter",
     () => {
@@ -19552,10 +19564,7 @@ const Modal = ({
     },
     [visible, onEscape]
   );
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(Portal, { id: "modalContainer", children: visible ? /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Content$2, { width: width2, centered: centered2, children }) }) : null }),
-    /* @__PURE__ */ jsx("div", { id: "modalContainer" })
-  ] });
+  return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Portal, { id: MODAL_CONTAINER_ID, children: visible ? /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Content$2, { width: width2, centered: centered2, children }) }) : null }) });
 };
 const menu$1 = "_menu_12x4u_1";
 const header = "_header_12x4u_11";
@@ -70842,105 +70851,6 @@ const UnitTable = ({
     }
   );
 };
-const SmartUploadModal = ({
-  visible,
-  prompt,
-  onCloseModal,
-  onComplete,
-  onError: onError3,
-  onUpload,
-  width: width2,
-  heading: heading2,
-  dialogText,
-  fileInputText,
-  fileInputPlaceholder,
-  uploadText,
-  cancelText,
-  testId
-}) => {
-  const [file, setFile] = useState(void 0);
-  const [isFetching, setFetching] = useState(false);
-  useEffect(() => {
-    setFile(void 0);
-  }, [visible]);
-  const handleFileChange = (event) => {
-    setFile(event.target.value);
-  };
-  const handleUpload = async () => {
-    try {
-      if (!file)
-        return;
-      setFetching(true);
-      const data = await onUpload(prompt, file);
-      setFetching(false);
-      if (data) {
-        onComplete(data);
-      }
-    } catch (error2) {
-      setFetching(false);
-      onError3 == null ? void 0 : onError3(error2);
-    }
-  };
-  const onConfirm = () => {
-    handleUpload();
-  };
-  const onClose = () => {
-    onCloseModal();
-  };
-  const content2 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(Text, { children: dialogText || "Upload file and extract data using a LLM" }),
-    /* @__PURE__ */ jsx(Spacer, {}),
-    /* @__PURE__ */ jsxs(Flex, { gap: "var(--padding-sm)", children: [
-      /* @__PURE__ */ jsx(
-        FileInput,
-        {
-          placeholder: fileInputPlaceholder || "No file",
-          label: fileInputText || "Select",
-          file: file || void 0,
-          onChange: handleFileChange,
-          testId: `${testId}-file-input`,
-          accept: "image/*"
-        }
-      ),
-      isFetching && /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Spinner$1, { dark: true }) })
-    ] })
-  ] });
-  const footer2 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        label: uploadText || "Upload",
-        colored: true,
-        onClick: onConfirm,
-        disabled: !file || isFetching,
-        testId: `${testId}-button-upload`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        label: cancelText || "Cancel",
-        onClick: onClose,
-        testId: `${testId}-button-cancel`
-      }
-    )
-  ] });
-  useKeyboardEvent("Escape", () => onClose());
-  return /* @__PURE__ */ jsx(Modal, { visible, centered: true, children: /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      dialog: {
-        scroll: true,
-        heading: heading2 || "Smart Upload",
-        content: content2,
-        footer: footer2,
-        onClose,
-        width: width2 || 350,
-        testId
-      }
-    }
-  ) });
-};
 export {
   Accordion,
   AccordionWithDefaultToggle,
@@ -71005,7 +70915,6 @@ export {
   Select,
   SideBar,
   Slider,
-  SmartUploadModal,
   Spacer,
   Spinner$1 as Spinner,
   Table,