@dentira/dentira-bulk-upload-widget 0.0.2 → 0.0.4

package/README.md

@@ -2,34 +2,27 @@
 
 ```
 type BulkUploadConfig = {
-  id: string;
-  type: BulkUploadType;
+  type: string;
   isOpen: boolean;
   handleClose: () => void;
   handleBackButton?: () => void;
   bodyText?: string;
   title?: string;
-  fileType: FileType;
+  fileType: "CSV" | "EXCEL";
   rules?: string[];
   columns?: string[];
-  downloadTemplateConfig?: {
-    hasDynamicTemplate?: boolean;
-    payload?: downloadTemplatePayloadType;
-  };
+  downloadTemplateConfig?: DownloadTemplateConfigType;
   uploadConfig?: Record<any, any>;
   session: string;
   apiKey: string;
 };
 
-enum FileType {
-  EXCEL = "EXCEL",
-  CSV = "CSV",
-}
-
-enum BulkUploadType {
-  FORMULARY_UPLOAD = "FORMULARY_UPLOAD",
-  SAMPLE = "sample",
-}
+type DownloadTemplateConfigType =
+  | {
+      hasDynamicTemplate?: boolean;
+      payload?: downloadTemplatePayloadType;
+    }
+  | undefined;
 
 type downloadTemplatePayloadType = Record<
   string,
@@ -40,7 +33,12 @@ type downloadTemplatePayloadType = Record<
 ## Example use.
 
 ```
-import { BulkUploadDialog, BulkUploadConfig, BulkUploadType, FileType , useDialog} from "@dentira/dentira-bulk-upload-widget";
+import { Button } from "@mui/material";
+import { BulkUploadDialog } from "../src/components/BulkUploadDialog.tsx";
+import { useDialog } from "../src/hooks/useDialog.ts";
+import { BulkUploadConfig } from "../src/types.ts";
+import { session, apiKey } from "../variables.ts";
+import { EXCEL } from "../src/utils/constants.ts";
 
 function App() {
   const { isOpen, closeDialog, openDialog } = useDialog();
@@ -48,10 +46,8 @@ function App() {
   const handleClose = () => {
     closeDialog();
   };
-
   const bodyText =
     "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quospraesentium distinctio a tempora est et fugiat! Quam neque distinctio iure possimus, nam voluptatum repellat eius facere dolorem, magni vel nesciunt. Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem";
-
   const title = "Modal title";
 
   const rules = [
@@ -59,15 +55,10 @@ function App() {
     "sit amet consectetur adipisicing elit.",
     "Quam neque distinctio iure possimus, nam voluptatum repellat",
   ];
-
-  const id = new Date().toISOString();
-
-  const columns = ["Lorem", "distinctio", "nam"]; // strings here will be used to highlight these words in rules section of the modal.
-
-  const fileType: FileType = FileType.EXCEL;
+  const columns = ["Lorem", "distinctio", "nam"];
+  const fileType = EXCEL;
 
   const config: BulkUploadConfig = {
-    id,
     isOpen,
     bodyText,
     handleClose,
@@ -75,30 +66,27 @@ function App() {
     rules,
     columns,
     fileType,
-    downloadTemplateConfig: {
-      hasDynamicTemplate: true,
-      payload: { testKey: "test" },
-    },
     uploadConfig: {
-      // additional kvp's for upload API request.
-      testKey1: "testKey1",
-      testKey2: "testKey2",
+      shoppinglist_name: "test group list bulk upload",
     },
-    session: <sessionToken>,
-    apiKey: <apiKey>,
-    type: BulkUploadType.SAMPLE,
+    session,
+    apiKey,
+    type: "GROUPITEMLIST",
   };
 
   return (
     <>
-      <button onClick={openDialog}>
+      <Button onClick={openDialog} variant="contained">
         {!isOpen ? "Open" : "Close"}
-      </button>
-      <BulkUploadDialog key={id} config={config} />
+      </Button>
+      <BulkUploadDialog config={config} />
     </>
   );
 }
 
 export default App;
 
+
+
+
 ```

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export { BulkUploadDialog } from './src/components/BulkUploadDialog.tsx';
 export { useDialog } from './src/hooks/useDialog';
 export type { BulkUploadConfig } from './src/types';
-export { BulkUploadType, FileType } from './src/types';