fina-react-ds 2.0.3 → 2.0.4

package/dist/components/file-uploader.js

@@ -1 +1 @@
-var z=Object.defineProperty;var o=(i,l)=>z(i,"name",{value:l,configurable:!0});import{jsxs as r,Fragment as f,jsx as e}from"react/jsx-runtime";import{useState as j,useCallback as p,useImperativeHandle as k}from"react";import{FileIcon as F,UploadIcon as C}from"lucide-react";import{useDropzone as D}from"react-dropzone";import{cn as c}from"../lib/utils.js";import{Button as I}from"./button.js";function H({onChange:i,"aria-invalid":l,fileTypes:x,ref:b}){const[a,d]=j([]),v=p(n=>{d(n),i?.(n.length>0?n[0]:null)},[i]),{getRootProps:g,getInputProps:h,acceptedFiles:u,open:y,rootRef:t}=D({maxFiles:1,noClick:!0,onDrop:v,onFileDialogCancel:o(()=>{t?.current&&t.current.focus()},"onFileDialogCancel")});k(b,()=>({focus:o(()=>{t?.current&&t.current.focus()},"focus")}));const N=p(n=>{let s=0,m="ko";return s=n.size/1e3,s>1e3&&(s/=1e3,m="mo"),s.toFixed(2)+" "+m},[]);return r("div",{...g(),className:c("bg-input border border-input-border flex flex-col h-50 flex-2 rounded-md px-3 py-1 text-base shadow-xs items-center justify-center md:text-sm outline-none","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"),"aria-invalid":l,children:[a.length>0&&r(f,{children:[e("div",{className:c("bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"),children:e(F,{className:"size-4"})}),r("div",{className:"mb-4 text-center",children:[u[0].name,e("br",{}),N(u[0])]}),e(I,{type:"button",color:"destructive",variant:"ghost",onClick:o(()=>{d([]),i?.(null),t?.current?.focus()},"onClick"),children:"Supprimer"})]}),a.length===0&&r(f,{children:[e("div",{className:c("bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"),children:e(C,{className:"size-4"})}),r("div",{className:"mb-4",children:["Glisser-déposer ou"," ",e("span",{className:"font-bold underline cursor-pointer",onClick:y,children:"Choisir un fichier"})," ","à uploader"]}),r("div",{className:"text-center text-sm md:text-xs",children:["Formats acceptés : ",Object.keys(x).join(", "),e("br",{}),"Taille max : 5Mo"]})]}),e("input",{...h()})]})}o(H,"FileUploader");export{H as FileUploader};
+var z=Object.defineProperty;var o=(i,l)=>z(i,"name",{value:l,configurable:!0});import{jsxs as r,Fragment as f,jsx as e}from"react/jsx-runtime";import{useState as j,useCallback as x,useImperativeHandle as k}from"react";import{FileIcon as F,UploadIcon as C}from"lucide-react";import{useDropzone as D}from"react-dropzone";import{cn as c}from"../lib/utils.js";import{Button as I}from"./button.js";function H({onChange:i,"aria-invalid":l,fileTypes:a,ref:b}){const[d,u]=j([]),v=x(n=>{u(n),i?.(n.length>0?n[0]:null)},[i]),{getRootProps:g,getInputProps:h,acceptedFiles:m,open:y,rootRef:t}=D({maxFiles:1,noClick:!0,onDrop:v,accept:a,onFileDialogCancel:o(()=>{t?.current&&t.current.focus()},"onFileDialogCancel")});k(b,()=>({focus:o(()=>{t?.current&&t.current.focus()},"focus")}));const N=x(n=>{let s=0,p="ko";return s=n.size/1e3,s>1e3&&(s/=1e3,p="mo"),s.toFixed(2)+" "+p},[]);return r("div",{...g(),className:c("bg-input border border-input-border flex flex-col h-50 flex-2 rounded-md px-3 py-1 text-base shadow-xs items-center justify-center md:text-sm outline-none","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"),"aria-invalid":l,children:[d.length>0&&r(f,{children:[e("div",{className:c("bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"),children:e(F,{className:"size-4"})}),r("div",{className:"mb-4 text-center",children:[m[0].name,e("br",{}),N(m[0])]}),e(I,{type:"button",color:"destructive",variant:"ghost",onClick:o(()=>{u([]),i?.(null),t?.current?.focus()},"onClick"),children:"Supprimer"})]}),d.length===0&&r(f,{children:[e("div",{className:c("bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"),children:e(C,{className:"size-4"})}),r("div",{className:"mb-4",children:["Glisser-déposer ou"," ",e("span",{className:"font-bold underline cursor-pointer",onClick:y,children:"Choisir un fichier"})," ","à uploader"]}),r("div",{className:"text-center text-sm md:text-xs",children:["Formats acceptés : ",Object.keys(a).join(", "),e("br",{}),"Taille max : 5Mo"]})]}),e("input",{...h()})]})}o(H,"FileUploader");export{H as FileUploader};

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/F1na/fina-react-ds"
   },
   "private": false,
-  "version": "2.0.3",
+  "version": "2.0.4",
   "type": "module",
   "files": [
     "dist"
@@ -52,16 +52,6 @@
       ]
     }
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "rimraf dist && pnpm build:types && pnpm build:components && pnpm build:clean",
-    "build:types": "tsc -p tsconfig.build.json && tsc-alias",
-    "build:themes": "pnpm dlx @tailwindcss/cli -i ./src/themes/base.css -o ./dist/themes/base.css",
-    "build:components": "vite build",
-    "build:clean": "rimraf dist/vite.config.d.ts dist/vite.config.d.ts.map",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
   "dependencies": {
     "@base-ui/react": "^1.1.0",
     "@ckeditor/ckeditor5-react": "^11.0.1",
@@ -121,14 +111,17 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "@parcel/watcher",
-      "@swc/core",
-      "esbuild"
-    ]
-  },
   "eslintConfig": {
     "extends": []
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "rimraf dist && pnpm build:types && pnpm build:components && pnpm build:clean",
+    "build:types": "tsc -p tsconfig.build.json && tsc-alias",
+    "build:themes": "pnpm dlx @tailwindcss/cli -i ./src/themes/base.css -o ./dist/themes/base.css",
+    "build:components": "vite build",
+    "build:clean": "rimraf dist/vite.config.d.ts dist/vite.config.d.ts.map",
+    "lint": "eslint .",
+    "preview": "vite preview"
   }
-}
+}