@availity/mui-file-selector 0.1.0

package/src/lib/useFileDelivery.tsx

@@ -0,0 +1,75 @@
+import { useQuery } from '@tanstack/react-query';
+import { avFilesDeliveryApi } from '@availity/api-axios';
+import Upload from '@availity/upload-core';
+import { AxiosResponse } from 'axios';
+
+export type UploadDeliveryOptions = {
+  bucketId: string;
+  clientId: string;
+  customerId: string;
+  deliveryChannel?: string;
+  deliverFileOnSubmit?: boolean;
+  fileDeliveryMetadata?: Record<string, unknown> | ((upload: Upload) => Record<string, unknown>);
+  onSuccess?: (responses: unknown[]) => void;
+  onError?: (responses: unknown[]) => void;
+  uploads: Upload[];
+};
+
+export function useFileDelivery({
+  bucketId,
+  clientId,
+  customerId,
+  deliveryChannel,
+  deliverFileOnSubmit,
+  fileDeliveryMetadata,
+  onSuccess,
+  onError,
+  uploads,
+}: UploadDeliveryOptions) {
+  const errors = {};
+
+  const callFileDelivery = async (uploadList: Upload[]) => {
+    const results: Promise<AxiosResponse>[] = [];
+
+    for (const upload of uploadList) {
+      const data = {
+        deliveries: [
+          {
+            deliveryChannel,
+            fileURI: upload.references[0],
+            metadata: typeof fileDeliveryMetadata === 'function' ? fileDeliveryMetadata(upload) : fileDeliveryMetadata,
+          },
+        ],
+      };
+
+      results.push(
+        avFilesDeliveryApi.uploadFilesDelivery(data, {
+          clientId,
+          customerId,
+        })
+      );
+    }
+
+    const responses = await Promise.all(results);
+
+    return responses;
+  };
+
+  const validate = (errors: Record<string, unknown>) => {
+    return Object.keys(errors).length === 0;
+  };
+
+  const isQueryEnabled =
+    !!customerId &&
+    !!clientId &&
+    !!bucketId &&
+    !!deliveryChannel &&
+    deliverFileOnSubmit &&
+    uploads.length > 0 &&
+    validate(errors);
+
+  return useQuery(['file-delivery', customerId, clientId, bucketId], () => callFileDelivery(uploads), {
+    enabled: isQueryEnabled,
+    retry: false,
+  });
+}

package/src/lib/useUploadCore.tsx

@@ -0,0 +1,23 @@
+import { useQuery } from '@tanstack/react-query';
+import Upload, { Options } from '@availity/upload-core';
+
+function startUploads(files: File[], options: Options) {
+  return files.map((file) => {
+    const upload = new Upload(file, options);
+
+    upload.start();
+
+    return upload;
+  });
+}
+
+export function useUploadCore(files: File[], options: Options) {
+  const fileNames = files.map((file) => file.name).join(',');
+
+  const isQueryEnabled = files.length > 0;
+
+  return useQuery(['upload', fileNames, options], () => startUploads(files, options), {
+    enabled: isQueryEnabled,
+    retry: false,
+  });
+}

package/src/lib/util.ts

@@ -0,0 +1,42 @@
+export function formatBytes(bytes: number, decimals = 2) {
+  if (!+bytes) return '0 Bytes';
+
+  const k = 1000;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+}
+
+export const FILE_EXT_ICONS = {
+  png: 'file-image',
+  jpg: 'file-image',
+  jpeg: 'file-image',
+  gif: 'file-image',
+  ppt: 'file-powerpoint',
+  pptx: 'file-powerpoint',
+  xls: 'file-excel',
+  xlsx: 'file-excel',
+  doc: 'file-word',
+  docx: 'file-word',
+  txt: 'doc-alt',
+  text: 'doc-alt',
+  zip: 'file-archive',
+  '7zip': 'file-archive',
+  xml: 'file-code',
+  html: 'file-code',
+  pdf: 'file-pdf',
+} as const;
+
+export type FileExtensionKey = keyof typeof FILE_EXT_ICONS;
+
+export const isValidKey = (key: string): key is FileExtensionKey => (key ? key in FILE_EXT_ICONS : false);
+
+export const getFileExtIcon = (fileName: string) => {
+  const ext = fileName.split('.').pop()?.toLowerCase() || '';
+  const icon = isValidKey(ext) ? FILE_EXT_ICONS[ext] : 'doc';
+
+  return { ext, icon };
+};

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["."],
+  "exclude": ["dist", "build", "node_modules"]
+}

package/tsconfig.spec.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node", "@testing-library/jest-dom"],
+    "allowJs": true
+  },
+  "include": ["**/*.test.js", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
+}