@js-empire/emperor-ui 1.2.6 → 1.2.8

package/src/mocks/locales/uploader.ts

@@ -0,0 +1,33 @@
+import { LangKey, Locale } from "@/i18n";
+
+export const uploaderLocalesMock: Record<
+  LangKey,
+  Partial<Locale["atoms"]["uploader"]>
+> = {
+  [LangKey.ENGLISH]: {
+    dropHere: "Drop your custom file here",
+    selectFile: "Choose a custom file or drag it here",
+    selectionTypes: "PNG, JPG or PDF, max size 5MB (custom localized)",
+    selectBtn: "Browse custom files",
+    errorUploadingFile: "Custom error: please upload at least one file",
+    maxNumImages: "Custom limit reached for uploaded images: ",
+    errorUploadedTypes: "Custom error: allowed file types are only: ",
+    maxSizeExceededError:
+      "Custom error: maximum allowed size is MAX_FILE_SIZE MB, but your file is UPLOADED_FILE_SIZE MB",
+    duplicatesDenied:
+      "Custom error: duplicate file names are not allowed, please rename before uploading",
+  },
+  [LangKey.ARABIC]: {
+    dropHere: "أسقط الملف المخصص هنا",
+    selectFile: "اختر ملفًا مخصصًا أو اسحبه إلى هنا",
+    selectionTypes: "PNG، JPG أو PDF، الحجم الأقصى 5MB (نص مخصص)",
+    selectBtn: "استعراض الملفات المخصصة",
+    errorUploadingFile: "خطأ مخصص: يرجى رفع ملف واحد على الأقل",
+    maxNumImages: "خطأ مخصص: تم الوصول إلى الحد الأقصى للصور المرفوعة: ",
+    errorUploadedTypes: "خطأ مخصص: يمكنك فقط رفع الملفات من الأنواع التالية: ",
+    maxSizeExceededError:
+      "خطأ مخصص: الحد الأقصى المسموح هو MAX_FILE_SIZE ميغابايت، بينما حجم ملفك هو UPLOADED_FILE_SIZE ميغابايت",
+    duplicatesDenied:
+      "خطأ مخصص: لا يمكنك رفع ملفات بأسماء مكررة، يرجى إعادة تسميتها قبل الرفع",
+  },
+};

package/src/types/components/atoms/uploader.ts

@@ -1,6 +1,7 @@
 import type { SharedComponentProps } from "@/types";
 import { ModalProps } from "@heroui/modal";
 import { Dispatch, ReactNode, SetStateAction } from "react";
+import type { Locale } from "@/i18n";
 
 export type UploaderProps = SharedComponentProps &
   UploaderContextState & {
@@ -39,6 +40,7 @@ export type UseUploadFileProps = {
   compressFiles?: boolean;
   preventDuplicates?: boolean;
   onChange?: () => void;
+  locales?: Partial<Locale["atoms"]["uploader"]>;
 };
 
 export type UseUploadFileReturn = {
@@ -53,6 +55,7 @@ export type UseUploadFileReturn = {
   setFiles: Dispatch<SetStateAction<FileObject[]>>;
   handleClearFile: (fileName?: string) => void;
   onInputChange: SharedOnInputChangeType;
+  locales?: Partial<Locale["atoms"]["uploader"]>;
 };
 
 export type UploaderContextState = {
@@ -91,6 +94,7 @@ export type UploaderContextState = {
     input?: string;
     title?: string;
   };
+  locales?: Partial<Locale["atoms"]["uploader"]>;
 };
 
 export type UploaderProviderProps = UploaderContextState & {

package/src/types/components/molecules/item-card/item-card.ts

@@ -3,6 +3,7 @@ import { ReactNode } from "react";
 import { Variants } from "framer-motion";
 import { ChipProps } from "@heroui/chip";
 import { DropdownItemProps } from "@heroui/dropdown";
+import type { ButtonProps } from "@heroui/button";
 
 export type ItemCardClassnames = {
   base?: string;
@@ -19,17 +20,25 @@ export type ItemCardClassnames = {
   description?: string;
   chips?: string;
   chip?: string;
+  actions?: string;
+  action?: string;
 };
 
-export type ItemCardAction = DropdownItemProps & {
-  key: string;
-  label: string;
-};
+export type ItemCardAction = DropdownItemProps &
+  ButtonProps & {
+    key: string;
+    label: string;
+  };
 
 export type ItemCardHoverEffect = "none" | "zoom" | "rotate";
 
 export type ItemCardOrientation = "horizontal" | "vertical";
 
+export type ItemCardActionsViewVariant =
+  | "dropdown"
+  | "buttons"
+  | "hover-overlay";
+
 export type ItemChipProps = ChipProps & {
   label: string;
 };
@@ -56,4 +65,5 @@ export type ItemCardProps = SharedComponentProps & {
   actions?: ItemCardAction[];
   onActionClick?: (key: string) => void;
   orientation?: ItemCardOrientation;
+  actionsViewVariant?: ItemCardActionsViewVariant;
 };

package/src/types/components/organisms/deletion-confirmor/deletion-confirmor.ts

@@ -0,0 +1,22 @@
+import type { ButtonProps } from "@heroui/button";
+
+export type DeletionConfirmorClassnames = {
+  base?: string;
+  content?: string;
+  header?: string;
+  body?: string;
+  footer?: string;
+  confirmButton?: string;
+  declineButton?: string;
+};
+
+export type DeletionConfirmorProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  title: string;
+  description: string;
+  className?: string;
+  classNames?: DeletionConfirmorClassnames;
+  confirmProps?: ButtonProps;
+  declineProps?: ButtonProps;
+};

package/src/types/components/organisms/deletion-confirmor/index.ts

@@ -0,0 +1 @@
+export * from "./deletion-confirmor";

package/src/types/components/organisms/index.ts

@@ -1,2 +1,3 @@
+export * from "./deletion-confirmor";
 export * from "./filters";
 export * from "./form-builder";

package/src/utils/uploader.ts

@@ -53,14 +53,14 @@ export async function validateUploadedFiles({
   uploadedFiles,
   maxFileSize = ONE_MEGABYTE * 10,
   compressFiles,
-  locale,
+  uploaderLocale,
   preventDuplicates,
   files,
 }: {
   uploadedFiles: File[];
   maxFileSize?: number;
   compressFiles?: boolean;
-  locale?: Locale;
+  uploaderLocale: Locale["atoms"]["uploader"];
   preventDuplicates?: boolean;
   files: FileObject[];
 }) {
@@ -70,7 +70,7 @@ export async function validateUploadedFiles({
     uploadedFiles?.map(async (file) => {
       if (isMaxFileSizeExceeded({ fileSize: file?.size, maxFileSize })) {
         addToast({
-          title: locale?.atoms?.uploader?.maxSizeExceededError
+          title: uploaderLocale.maxSizeExceededError
             .replace("MAX_FILE_SIZE", (maxFileSize / 1024 || 0)?.toString())
             .replace(
               "UPLOADED_FILE_SIZE",
@@ -91,7 +91,7 @@ export async function validateUploadedFiles({
         isFileDuplicated({ fileName: file?.name, files })
       ) {
         addToast({
-          title: locale?.atoms?.uploader?.duplicatesDenied,
+          title: uploaderLocale.duplicatesDenied,
         });
         isInValid = true;
       }
@@ -108,13 +108,13 @@ export async function validateUploadedFiles({
 
 export async function refineUploadedFiles({
   uploadedFiles,
-  locale,
+  uploaderLocale,
   allowedTypes,
   isMulti,
   setFiles,
 }: {
   uploadedFiles: (File | undefined)[];
-  locale?: Locale;
+  uploaderLocale: Locale["atoms"]["uploader"];
   allowedTypes: string[];
   isMulti: boolean;
   setFiles: Dispatch<SetStateAction<FileObject[]>>;
@@ -125,7 +125,7 @@ export async function refineUploadedFiles({
       const fileType = mapFileType(uploadedFile?.type);
       if (!fileType) {
         addToast({
-          title: `${locale?.atoms?.uploader?.errorUploadedTypes} ${allowedTypes.join(", ")}`,
+          title: `${uploaderLocale.errorUploadedTypes} ${allowedTypes.join(", ")}`,
         });
         return;
       }
@@ -147,3 +147,21 @@ export async function refineUploadedFiles({
     }
   });
 }
+
+/**
+ * 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/dist/index-DceZlwg2.js

@@ -1,5 +0,0 @@
-import { d as a } from "./index-KrC7oBFa.js";
-var o = a;
-export {
-  o as default
-};

package/dist/src-UW24ZMRV-DfI_MdGD.js

@@ -1,5 +0,0 @@
-import { d as a } from "./index-KrC7oBFa.js";
-var r = a;
-export {
-  r as default
-};

package/src/components/atoms/uploader/upload-file-error-box.tsx

@@ -1,29 +0,0 @@
-"use client";
-
-import { cn } from "@/utils";
-import { useEmperorUI, useUploaderContext } from "@/hooks";
-import { useMemo } from "react";
-
-export function UploadFileErrorBox() {
-  const { config } = useEmperorUI();
-  const { files, isRequired, classNames, errorMessage } = useUploaderContext();
-
-  const locales = config?.interLocalization?.locales;
-  const lang = config?.interLocalization?.lang;
-
-  const locale = locales?.[lang || "en"];
-
-  const isError = useMemo(
-    () => files?.length === 0 && isRequired,
-    [files, isRequired],
-  );
-
-  if (isError)
-    return (
-      <p className={cn("text-[14px] text-danger", classNames?.error)}>
-        {errorMessage || locale?.atoms?.uploader?.errorUploadingFile}
-      </p>
-    );
-
-  return null;
-}