@js-empire/emperor-ui 1.3.5 → 1.3.7

package/src/utils/uploader.ts

@@ -1,167 +0,0 @@
-import {
-  ALLOWED_DOC_TYPES,
-  ALLOWED_IMAGES_TYPES,
-  ALLOWED_PDF_TYPES,
-  ONE_MEGABYTE,
-} from "@/constants";
-import { FileObject, FileType } from "@/types";
-import { addToast } from "@heroui/toast";
-import { compressImage } from "@/utils";
-import { Dispatch, SetStateAction } from "react";
-import { Locale } from "@/i18n";
-
-// get the corresponding FileType giving the extension of the uploaded file
-export const mapFileType = (fileType: string): FileType | null => {
-  if (ALLOWED_IMAGES_TYPES.includes(fileType)) return "image";
-  if (ALLOWED_PDF_TYPES.includes(fileType)) return "pdf";
-  if (ALLOWED_DOC_TYPES.includes(fileType)) return "doc";
-
-  return null;
-};
-
-// get the allowed file types according to the specified types from the 'fileTypes' array
-export const getAllowedTypes = (fileTypes: FileType[]): string[] => {
-  const allowedTypes: string[] = [];
-
-  fileTypes.forEach((fileType) => {
-    if (fileType === "image") allowedTypes.push(...ALLOWED_IMAGES_TYPES);
-    if (fileType === "doc") allowedTypes.push(...ALLOWED_DOC_TYPES);
-    if (fileType === "pdf") allowedTypes.push(...ALLOWED_PDF_TYPES);
-  });
-
-  return allowedTypes;
-};
-
-export const isFileDuplicated = ({
-  files,
-  fileName,
-}: {
-  files: FileObject[];
-  fileName: string;
-}): boolean => files?.filter(({ file }) => file?.name === fileName)?.length > 0;
-
-// check if the file size exceeds the maxFileSize
-export const isMaxFileSizeExceeded = ({
-  fileSize,
-  maxFileSize,
-}: {
-  fileSize: number;
-  maxFileSize: number;
-}): boolean => fileSize > maxFileSize * 1024;
-
-export async function validateUploadedFiles({
-  uploadedFiles,
-  maxFileSize = ONE_MEGABYTE * 10,
-  compressFiles,
-  uploaderLocale,
-  preventDuplicates,
-  files,
-}: {
-  uploadedFiles: File[];
-  maxFileSize?: number;
-  compressFiles?: boolean;
-  uploaderLocale: Locale["atoms"]["uploader"];
-  preventDuplicates?: boolean;
-  files: FileObject[];
-}) {
-  let isInValid = false;
-
-  const compressedFiles = await Promise.all(
-    uploadedFiles?.map(async (file) => {
-      if (isMaxFileSizeExceeded({ fileSize: file?.size, maxFileSize })) {
-        addToast({
-          title: uploaderLocale.maxSizeExceededError
-            .replace("MAX_FILE_SIZE", (maxFileSize / 1024 || 0)?.toString())
-            .replace(
-              "UPLOADED_FILE_SIZE",
-              (file?.size / 1024 / 1024 || 0)?.toFixed(1)?.toString(),
-            ),
-        });
-
-        if (compressFiles) {
-          return (await compressImage({ file }))?.file;
-        } else {
-          isInValid = true;
-          return file;
-        }
-      }
-
-      if (
-        preventDuplicates &&
-        isFileDuplicated({ fileName: file?.name, files })
-      ) {
-        addToast({
-          title: uploaderLocale.duplicatesDenied,
-        });
-        isInValid = true;
-      }
-
-      return file;
-    }),
-  );
-
-  return {
-    compressedFiles,
-    isInValid,
-  };
-}
-
-export async function refineUploadedFiles({
-  uploadedFiles,
-  uploaderLocale,
-  allowedTypes,
-  isMulti,
-  setFiles,
-}: {
-  uploadedFiles: (File | undefined)[];
-  uploaderLocale: Locale["atoms"]["uploader"];
-  allowedTypes: string[];
-  isMulti: boolean;
-  setFiles: Dispatch<SetStateAction<FileObject[]>>;
-}) {
-  return uploadedFiles?.map((uploadedFile) => {
-    if (uploadedFile) {
-      // validate the file extension according to the allowed extensions
-      const fileType = mapFileType(uploadedFile?.type);
-      if (!fileType) {
-        addToast({
-          title: `${uploaderLocale.errorUploadedTypes} ${allowedTypes.join(", ")}`,
-        });
-        return;
-      }
-
-      // set the file to be utilized, and the image to be viewed
-      const reader = new FileReader();
-      reader.onload = () => {
-        setFiles((prevFiles) => [
-          ...(isMulti ? prevFiles : []),
-          {
-            file: uploadedFile,
-            view: reader.result as string,
-            type: fileType,
-            url: URL.createObjectURL(uploadedFile),
-          },
-        ]);
-      };
-      reader.readAsDataURL(uploadedFile);
-    }
-  });
-}
-
-/**
- * Merges uploader-specific locales with priority:
- * 1) context-level overrides, 2) config-level locales, 3) default static locales.
- */
-export const mergeUploaderLocale = ({
-  defaultUploaderLocale,
-  configUploaderLocale,
-  contextUploaderLocale,
-}: {
-  defaultUploaderLocale: Locale["atoms"]["uploader"];
-  configUploaderLocale?: Locale["atoms"]["uploader"];
-  contextUploaderLocale?: Partial<Locale["atoms"]["uploader"]>;
-}): Locale["atoms"]["uploader"] => ({
-  ...defaultUploaderLocale,
-  ...(configUploaderLocale || {}),
-  ...(contextUploaderLocale || {}),
-});

package/tsconfig.app.json

@@ -1,37 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "**/*.ts",
-    "src/**/*.(ts|js|tsx|jsx)",
-    "src/**/*.d.(ts|js|tsx|jsx)",
-    "src"
-  ]
-}

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/tsconfig.node.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,44 +0,0 @@
-import tailwindcss from "@tailwindcss/vite";
-import react from "@vitejs/plugin-react";
-import path from "path";
-import { defineConfig } from "vite";
-import dts from "vite-plugin-dts";
-
-export default defineConfig({
-  server: {
-    port: 3000,
-  },
-  plugins: [
-    react(),
-    tailwindcss(),
-    dts({
-      include: ["src/**/*.ts", "src/**/*.tsx"],
-      exclude: ["src/**/*.test.ts", "src/**/*.test.tsx"],
-      rollupTypes: true,
-      tsconfigPath: "./tsconfig.app.json",
-    }),
-  ],
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
-    },
-  },
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, "./src/index.ts"),
-      name: "EmperorUI",
-      fileName: "emperor-ui",
-    },
-    cssCodeSplit: false,
-    rollupOptions: {
-      external: ["react", "react-dom"],
-      output: {
-        globals: {
-          react: "React",
-          "react-dom": "ReactDOM",
-        },
-        assetFileNames: "globals.css",
-      },
-    },
-  },
-});

package/vitest.shims.d.ts

@@ -1 +0,0 @@
-/// <reference types="@vitest/browser-playwright" />