@js-empire/emperor-ui 1.3.5 → 1.3.6

package/dist/index-CWu5fG3N.js

@@ -0,0 +1,6 @@
+"use client";
+import { d as a } from "./index-ABKcY4tX.js";
+var t = a;
+export {
+  t as default
+};

package/dist/{index-31cOfB5-.js → index-DpemL3iQ.js}

@@ -1,5 +1,6 @@
-import { l as a, a as s, d as e } from "./index-BwRbIPvN.js";
-import { A as n, b as c, D as l, c as d, e as m, F as u, f as b, H as p, g, J as x, K as V, L as f, h as T, M as y, i as D, j as A, k as S, m as v, N as P, n as E, o as M, P as h, p as C, q as B, S as O, r as I, s as G, V as L, t as N, u as R, v as F, w as k, x as j, y as w, z, B as q, C as K, E as H, G as W, I as U, O as Z, Q as J, R as Q, T as X, U as Y, W as _, X as $, Y as aa, Z as sa, _ as ea, $ as ia, a0 as ta, a1 as oa, a2 as ra, a3 as na, a4 as ca, a5 as la, a6 as da, a7 as ma, a8 as ua, a9 as ba, aa as pa, ab as ga, ac as xa, ad as Va, ae as fa, af as Ta, ag as ya, ah as Da, ai as Aa, aj as Sa, ak as va, al as Pa, am as Ea, an as Ma, ao as ha, ap as Ca, aq as Ba, ar as Oa, as as Ia, at as Ga, au as La, av as Na, aw as Ra, ax as Fa, ay as ka, az as ja, aA as wa, aB as za, aC as qa, aD as Ka, aE as Ha, aF as Wa, aG as Ua, aH as Za, aI as Ja, aJ as Qa, aK as Xa, aL as Ya, aM as _a, aN as $a, aO as as, aP as ss, aQ as es, aR as is, aS as ts, aT as os, aU as rs, aV as ns, aW as cs, aX as ls, aY as ds, aZ as ms, a_ as us, a$ as bs, b0 as ps, b1 as gs, b2 as xs, b3 as Vs, b4 as fs, b5 as Ts, b6 as ys, b7 as Ds, b8 as As, b9 as Ss, ba as vs, bb as Ps, bc as Es, bd as Ms, be as hs, bf as Cs, bg as Bs, bh as Os, bi as Is, bj as Gs, bk as Ls, bl as Ns, bm as Rs, bn as Fs, bo as ks, bp as js, bq as ws, br as zs, bs as qs, bt as Ks, bu as Hs, bv as Ws, bw as Us, bx as Zs, by as Js, bz as Qs, bA as Xs, bB as Ys, bC as _s, bD as $s, bE as ae, bF as se, bG as ee, bH as ie, bI as te, bJ as oe, bK as re, bL as ne, bM as ce, bN as le, bO as de, bP as me, bQ as ue, bR as be, bS as pe, bT as ge, bU as xe, bV as Ve, bW as fe, bX as Te, bY as ye, bZ as De, b_ as Ae, b$ as Se, c0 as ve, c1 as Pe, c2 as Ee, c3 as Me, c4 as he, c5 as Ce, c6 as Be, c7 as Oe, c8 as Ie, c9 as Ge, ca as Le, cb as Ne, cc as Re, cd as Fe, ce as ke, cf as je, cg as we, ch as ze, ci as qe, cj as Ke, ck as He, cl as We, cm as Ue, cn as Ze, co as Je, cp as Qe, cq as Xe, cr as Ye, cs as _e, ct as $e, cu as ai, cv as si, cw as ei, cx as ii, cy as ti, cz as oi, cA as ri, cB as ni, cC as ci, cD as li, cE as di, cF as mi, cG as ui, cH as bi, cI as pi, cJ as gi, cK as xi, cL as Vi, cM as fi, cN as Ti, cO as yi, cP as Di, cQ as Ai, cR as Si, cS as vi, cT as Pi, cU as Ei, cV as Mi, cW as hi, cX as Ci, cY as Bi, cZ as Oi, c_ as Ii, c$ as Gi, d0 as Li, d1 as Ni, d2 as Ri, d3 as Fi, d4 as ki, d5 as ji, d6 as wi, d7 as zi, d8 as qi, d9 as Ki, da as Hi, db as Wi, dc as Ui, dd as Zi, de as Ji, df as Qi, dg as Xi, dh as Yi, di as _i, dj as $i, dk as at, dl as st, dm as et, dn as it, dp as tt, dq as ot, dr as rt, ds as nt, dt as ct, du as lt, dv as dt, dw as mt, dx as ut, dy as bt, dz as pt, dA as gt } from "./index-BwRbIPvN.js";
+"use client";
+import { l as a, a as s, d as e } from "./index-ABKcY4tX.js";
+import { A as n, b as c, D as l, c as d, e as m, F as u, f as b, H as p, g, J as x, K as V, L as f, h as T, M as y, i as D, j as A, k as S, m as v, N as P, n as E, o as M, P as h, p as C, q as B, S as O, r as I, s as G, V as L, t as N, u as R, v as F, w as k, x as j, y as w, z, B as q, C as K, E as H, G as W, I as U, O as Z, Q as J, R as Q, T as X, U as Y, W as _, X as $, Y as aa, Z as sa, _ as ea, $ as ia, a0 as ta, a1 as oa, a2 as ra, a3 as na, a4 as ca, a5 as la, a6 as da, a7 as ma, a8 as ua, a9 as ba, aa as pa, ab as ga, ac as xa, ad as Va, ae as fa, af as Ta, ag as ya, ah as Da, ai as Aa, aj as Sa, ak as va, al as Pa, am as Ea, an as Ma, ao as ha, ap as Ca, aq as Ba, ar as Oa, as as Ia, at as Ga, au as La, av as Na, aw as Ra, ax as Fa, ay as ka, az as ja, aA as wa, aB as za, aC as qa, aD as Ka, aE as Ha, aF as Wa, aG as Ua, aH as Za, aI as Ja, aJ as Qa, aK as Xa, aL as Ya, aM as _a, aN as $a, aO as as, aP as ss, aQ as es, aR as is, aS as ts, aT as os, aU as rs, aV as ns, aW as cs, aX as ls, aY as ds, aZ as ms, a_ as us, a$ as bs, b0 as ps, b1 as gs, b2 as xs, b3 as Vs, b4 as fs, b5 as Ts, b6 as ys, b7 as Ds, b8 as As, b9 as Ss, ba as vs, bb as Ps, bc as Es, bd as Ms, be as hs, bf as Cs, bg as Bs, bh as Os, bi as Is, bj as Gs, bk as Ls, bl as Ns, bm as Rs, bn as Fs, bo as ks, bp as js, bq as ws, br as zs, bs as qs, bt as Ks, bu as Hs, bv as Ws, bw as Us, bx as Zs, by as Js, bz as Qs, bA as Xs, bB as Ys, bC as _s, bD as $s, bE as ae, bF as se, bG as ee, bH as ie, bI as te, bJ as oe, bK as re, bL as ne, bM as ce, bN as le, bO as de, bP as me, bQ as ue, bR as be, bS as pe, bT as ge, bU as xe, bV as Ve, bW as fe, bX as Te, bY as ye, bZ as De, b_ as Ae, b$ as Se, c0 as ve, c1 as Pe, c2 as Ee, c3 as Me, c4 as he, c5 as Ce, c6 as Be, c7 as Oe, c8 as Ie, c9 as Ge, ca as Le, cb as Ne, cc as Re, cd as Fe, ce as ke, cf as je, cg as we, ch as ze, ci as qe, cj as Ke, ck as He, cl as We, cm as Ue, cn as Ze, co as Je, cp as Qe, cq as Xe, cr as Ye, cs as _e, ct as $e, cu as ai, cv as si, cw as ei, cx as ii, cy as ti, cz as oi, cA as ri, cB as ni, cC as ci, cD as li, cE as di, cF as mi, cG as ui, cH as bi, cI as pi, cJ as gi, cK as xi, cL as Vi, cM as fi, cN as Ti, cO as yi, cP as Di, cQ as Ai, cR as Si, cS as vi, cT as Pi, cU as Ei, cV as Mi, cW as hi, cX as Ci, cY as Bi, cZ as Oi, c_ as Ii, c$ as Gi, d0 as Li, d1 as Ni, d2 as Ri, d3 as Fi, d4 as ki, d5 as ji, d6 as wi, d7 as zi, d8 as qi, d9 as Ki, da as Hi, db as Wi, dc as Ui, dd as Zi, de as Ji, df as Qi, dg as Xi, dh as Yi, di as _i, dj as $i, dk as at, dl as st, dm as et, dn as it, dp as tt, dq as ot, dr as rt, ds as nt, dt as ct, du as lt, dv as dt, dw as mt, dx as ut, dy as bt, dz as pt, dA as gt } from "./index-ABKcY4tX.js";
 const t = {
   ...e,
   ...s,

package/dist/index.d.ts

@@ -60,6 +60,8 @@ export declare const ALLOWED_IMAGES_TYPES: string[];
 
 export declare const ALLOWED_PDF_TYPES: string[];
 
+export declare const ALLOWED_SHEET_TYPES: string[];
+
 export declare type AppDirection = "ltr" | "rtl";
 
 declare const ar: {
@@ -1224,6 +1226,7 @@ export declare type UploaderContextState = {
     fileTypes: FileType[];
     onInputChange: SharedOnInputChangeType;
     handleClearFile: (fileName?: string) => void;
+    setFiles?: Dispatch<SetStateAction<FileObject[]>>;
     modal?: Omit<ModalProps, "children"> & {
         onOpen?: () => void;
     };

package/dist/src-UW24ZMRV-I8bMqcTI.js

@@ -0,0 +1,6 @@
+"use client";
+import { d as a } from "./index-ABKcY4tX.js";
+var e = a;
+export {
+  e as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@js-empire/emperor-ui",
   "description": "They provide the atoms, we provide the empire.",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "author": "JS Empire - Mustafa Alhasanat",
   "license": "ISC",
   "type": "module",

package/src/components/atoms/uploader/components/uploader.tsx

@@ -36,11 +36,42 @@ export const Uploader = forwardRef<
   HTMLDivElement,
   ComponentProps<"div"> & VariantProps<typeof uploaderStyles> & UploaderProps
 >(({ className, ...props }, ref) => {
-  const { isAvatar, hideListing, isFileViewable, hideErrorMessage } = props;
+  const {
+    isAvatar,
+    hideListing,
+    isFileViewable,
+    hideErrorMessage,
+    // Uploader API — must not be forwarded to a DOM element (React warns on unknown props).
+    selectedFile,
+    setSelectedFile,
+    labelId,
+    labelContent,
+    avatarLabelContent,
+    title,
+    errorMessage,
+    isRequired,
+    isDraggable,
+    isLoading,
+    isMulti,
+    placeholderImage,
+    files,
+    fileTypes,
+    onInputChange,
+    handleClearFile,
+    modal,
+    classNames,
+    locales,
+    setFiles,
+    ...divProps
+  } = props;
 
   return (
     <UploaderProvider {...props}>
-      <div ref={ref} className={cn(uploaderStyles({ className }))} {...props}>
+      <div
+        ref={ref}
+        className={cn(uploaderStyles({ className }))}
+        {...divProps}
+      >
         <UploaderTitle />
 
         {isAvatar ? <AvatarLabel /> : <UploadFileLabel />}

package/src/components/atoms/uploader/stories/uploader.stories.tsx

@@ -30,8 +30,9 @@ export const Default: Story = {
   args: {},
   render: () => {
     const uploadProps = useUploader({
-      fileTypes: ["image", "pdf"],
+      fileTypes: ["sheet"],
       labelId: "image",
+      isMulti: true,
     });
 
     return <Uploader {...uploadProps} />;

package/src/constants/uploader.ts

@@ -16,6 +16,12 @@ export const ALLOWED_DOC_TYPES = [
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 ];
 
+export const ALLOWED_SHEET_TYPES = [
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "application/vnd.ms-excel",
+  "text/csv",
+];
+
 export const ONE_MEGABYTE = 1024;
 
 export const fileTypesMapping: { [key: string]: string[] } = {
@@ -23,5 +29,5 @@ export const fileTypesMapping: { [key: string]: string[] } = {
   doc: [".doc", ".docx"],
   pdf: [".pdf"],
   video: [".mp4"],
-  sheet: [".xlsx", ".xlx"],
+  sheet: [".xlsx", ".xlx", ".xls", ".csv"],
 };

package/src/index.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import "./styles/globals.css";
 
 export * from "./components";

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

@@ -81,6 +81,7 @@ export type UploaderContextState = {
 
   onInputChange: SharedOnInputChangeType;
   handleClearFile: (fileName?: string) => void;
+  setFiles?: Dispatch<SetStateAction<FileObject[]>>;
 
   modal?: Omit<ModalProps, "children"> & {
     onOpen?: () => void;

package/src/utils/uploader.ts

@@ -3,6 +3,7 @@ import {
   ALLOWED_IMAGES_TYPES,
   ALLOWED_PDF_TYPES,
   ONE_MEGABYTE,
+  ALLOWED_SHEET_TYPES,
 } from "@/constants";
 import { FileObject, FileType } from "@/types";
 import { addToast } from "@heroui/toast";
@@ -15,6 +16,7 @@ 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";
+  if (ALLOWED_SHEET_TYPES.includes(fileType)) return "sheet";
 
   return null;
 };
@@ -27,6 +29,7 @@ export const getAllowedTypes = (fileTypes: FileType[]): string[] => {
     if (fileType === "image") allowedTypes.push(...ALLOWED_IMAGES_TYPES);
     if (fileType === "doc") allowedTypes.push(...ALLOWED_DOC_TYPES);
     if (fileType === "pdf") allowedTypes.push(...ALLOWED_PDF_TYPES);
+    if (fileType === "sheet") allowedTypes.push(...ALLOWED_SHEET_TYPES);
   });
 
   return allowedTypes;

package/vite.config.ts

@@ -33,6 +33,9 @@ export default defineConfig({
     rollupOptions: {
       external: ["react", "react-dom"],
       output: {
+        // Next.js App Router: mark the package as client-only so the server bundle
+        // does not evaluate HeroUI / motion / aria code that touches `document`.
+        banner: '"use client";\n',
         globals: {
           react: "React",
           "react-dom": "ReactDOM",

package/dist/index-DOyt37_Z.js

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

package/dist/src-UW24ZMRV-DMRqgyf4.js

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