@oliasoft-open-source/react-ui-library 4.6.4-beta-1 → 4.6.4-beta-3

package/dist/index.d.ts

@@ -1665,6 +1665,8 @@ 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, onUpload, onComplete, onFailed, onError, 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;
@@ -1800,6 +1802,26 @@ 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;
+    onFailed?: () => 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

@@ -70842,6 +70842,110 @@ const UnitTable = ({
     }
   );
 };
+const SmartUploadModal = ({
+  visible,
+  prompt,
+  onCloseModal,
+  onUpload,
+  onComplete,
+  onFailed,
+  onError: onError3,
+  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) => {
+    if (!event.target.value)
+      return;
+    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);
+      } else {
+        onFailed == null ? void 0 : onFailed();
+      }
+    } 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,
@@ -70906,6 +71010,7 @@ export {
   Select,
   SideBar,
   Slider,
+  SmartUploadModal,
   Spacer,
   Spinner$1 as Spinner,
   Table,