@dentira/dentira-bulk-upload-widget 0.0.1

package/README.md

@@ -0,0 +1,104 @@
+## Type Definitions.
+
+```
+type BulkUploadConfig = {
+  id: string;
+  type: BulkUploadType;
+  isOpen: boolean;
+  handleClose: () => void;
+  handleBackButton?: () => void;
+  bodyText?: string;
+  title?: string;
+  fileType: FileType;
+  rules?: string[];
+  columns?: string[];
+  downloadTemplateConfig?: {
+    hasDynamicTemplate?: boolean;
+    payload?: downloadTemplatePayloadType;
+  };
+  uploadConfig?: Record<any, any>;
+  session: string;
+  apiKey: string;
+};
+
+enum FileType {
+  EXCEL = "EXCEL",
+  CSV = "CSV",
+}
+
+enum BulkUploadType {
+  FORMULARY_UPLOAD = "FORMULARY_UPLOAD",
+  SAMPLE = "sample",
+}
+
+type downloadTemplatePayloadType = Record<
+  string,
+  string | number | any[] | undefined
+>;
+```
+
+## Example use.
+
+```
+import { BulkUploadDialog, BulkUploadConfig, BulkUploadType, FileType , useDialog} from "@dentira/dentira-bulk-upload-widget";
+
+function App() {
+  const { isOpen, closeDialog, openDialog } = useDialog();
+
+  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 = [
+    "Lorem ipsum dolor sit amet consectetur adipisicing elit.",
+    "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 config: BulkUploadConfig = {
+    id,
+    isOpen,
+    bodyText,
+    handleClose,
+    title,
+    rules,
+    columns,
+    fileType,
+    downloadTemplateConfig: {
+      hasDynamicTemplate: true,
+      payload: { testKey: "test" },
+    },
+    uploadConfig: {
+      // additional kvp's for upload API request.
+      testKey1: "testKey1",
+      testKey2: "testKey2",
+    },
+    session: <sessionToken>,
+    apiKey: <apiKey>,
+    type: BulkUploadType.SAMPLE,
+  };
+
+  return (
+    <>
+      <button onClick={openDialog}>
+        {!isOpen ? "Open" : "Close"}
+      </button>
+      <BulkUploadDialog key={id} config={config} />
+    </>
+  );
+}
+
+export default App;
+
+```

package/dist/UI-test/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/index.d.ts

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