@lanaco/lnc-react-ui 4.0.211 → 4.0.212

package/dist/DragDropFiles.cjs

@@ -1,14 +1,14 @@
-"use strict";const l=require("react/jsx-runtime"),s=require("react"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./DragAndDropFile.cjs"),E=require("./UploadedFile.cjs"),f=require("./utils-CITgSxXe.cjs"),G=require("./FlexGrid.cjs"),g=require("./FlexGridItem.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),U=$.styled.div`
+"use strict";const l=require("react/jsx-runtime"),s=require("react"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./DragAndDropFile.cjs"),E=require("./UploadedFile.cjs"),p=require("./utils-CITgSxXe.cjs"),G=require("./FlexGrid.cjs"),f=require("./FlexGridItem.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),U=$.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
 
-  border: ${t=>`1px solid ${f.getColorRgbaValue(t.theme,"DragDropFiles",t.color,"enabled","border")}`};
-  border-radius: ${t=>f.getBorderRadiusValueWithUnits(t.theme,"regular")};
+  border: ${t=>`1px solid ${p.getColorRgbaValue(t.theme,"DragDropFiles",t.color,"enabled","border")}`};
+  border-radius: ${t=>p.getBorderRadiusValueWithUnits(t.theme,"regular")};
   padding: 1.25rem 2.5rem;
 
   & .file-item-lnc {
     padding: 0.5rem 0.813rem;
     height: 100%;
   }
-`,V=s.forwardRef((t,D)=>{const{id:x="",disabled:b=!1,preventDefault:q=!1,acceptDropzone:C={},acceptInput:F,multiple:j=!0,selectFileText:R="Select file",dndFileText:w="Drag and drop file here or",control:S,showFileSize:d=!0,files:m=[],onChange:u=()=>{},onFocus:y=()=>{},onBlur:z=()=>{},onDropAccepted:h=()=>{},onDrop:p=()=>{},fileClick:A=()=>{},onCancel:k=()=>{},color:i="primary",size:c="small",dragAndDropFileProps:v,uploadedFileProps:n,..._}=t;var I={theme:M.useTheme(),size:c,color:i};const[r,a]=s.useState([]);s.useEffect(()=>{a(m)},[m]);const N=s.useCallback((e,o)=>{p&&p(e,o)},[]),O=s.useCallback(e=>{h&&h(e)},[]),T=e=>{var o;(o=e.target)!=null&&o.files?a([...r,...e.target.files]):e&&a([...r,...e]),u&&u(e)};return l.jsx(U,{ref:D,...I,..._,children:l.jsxs(G,{direction:"RowReverse",children:[l.jsx(g,{M:(r==null?void 0:r.length)>0?6:12,children:l.jsx(B,{id:x,disabled:b,preventDefault:q,acceptDropzone:C,acceptInput:F,multiple:j,selectFileText:R,dndFileText:w,control:S,showFileSize:d,showDnD:!((r==null?void 0:r.length)>0),onChange:T,onFocus:y,onBlur:z,onDrop:N,onDropAccepted:O,color:i,size:c,...v})}),r==null?void 0:r.map((e,o)=>l.jsx(g,{M:6,children:l.jsx(E,{fileName:e.name,fileSize:e.size,showFileSize:d,color:i,size:c,onFileClick:A,onCancel:k,...n,className:"file-item-lnc "+(n==null?void 0:n.className)},o)},o))]})})});module.exports=V;
+`,V=s.forwardRef((t,g)=>{const{id:D="",disabled:x=!1,preventDefault:b=!1,acceptDropzone:q={},acceptInput:C,multiple:F=!0,selectFileText:j="Select file",dndFileText:R="Drag and drop file here or",control:w,showFileSize:a=!0,files:S=[],onChange:d=()=>{},onFocus:y=()=>{},onBlur:z=()=>{},onDropAccepted:m=()=>{},onDrop:u=()=>{},fileClick:A=()=>{},onCancel:k=()=>{},color:i="primary",size:c="small",dragAndDropFileProps:v,uploadedFileProps:n,..._}=t;var I={theme:M.useTheme(),size:c,color:i};const[r,h]=s.useState([]);s.useEffect(()=>{},[S]);const N=s.useCallback((e,o)=>{u&&u(e,o)},[]),O=s.useCallback(e=>{m&&m(e)},[]),T=e=>{var o;(o=e.target)!=null&&o.files?h([...r,...e.target.files]):e&&h([...r,...e]),d&&d(e)};return l.jsx(U,{ref:g,...I,..._,children:l.jsxs(G,{direction:"RowReverse",children:[l.jsx(f,{M:(r==null?void 0:r.length)>0?6:12,children:l.jsx(B,{id:D,disabled:x,preventDefault:b,acceptDropzone:q,acceptInput:C,multiple:F,selectFileText:j,dndFileText:R,control:w,showFileSize:a,showDnD:!((r==null?void 0:r.length)>0),onChange:T,onFocus:y,onBlur:z,onDrop:N,onDropAccepted:O,color:i,size:c,...v})}),r==null?void 0:r.map((e,o)=>l.jsx(f,{M:6,children:l.jsx(E,{fileName:e.name,fileSize:e.size,showFileSize:a,color:i,size:c,onFileClick:A,onCancel:k,...n,className:"file-item-lnc "+(n==null?void 0:n.className)},o)},o))]})})});module.exports=V;

package/dist/DragDropFiles.js

@@ -1,11 +1,11 @@
 import { jsx as t, jsxs as B } from "react/jsx-runtime";
-import { forwardRef as G, useState as M, useEffect as U, useCallback as h } from "react";
+import { forwardRef as G, useState as M, useEffect as U, useCallback as p } from "react";
 import { s as V } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import E from "./DragAndDropFile.js";
 import P from "./UploadedFile.js";
 import { c as W, b as q } from "./utils-B2fsQ6PS.js";
 import H from "./FlexGrid.js";
-import g from "./FlexGridItem.js";
+import h from "./FlexGridItem.js";
 import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const K = V.div`
   display: flex;
@@ -26,29 +26,29 @@ const K = V.div`
     padding: 0.5rem 0.813rem;
     height: 100%;
   }
-`, te = G((l, D) => {
+`, te = G((l, g) => {
   const {
-    id: u = "",
-    disabled: x = !1,
-    preventDefault: b = !1,
-    acceptDropzone: C = {},
-    acceptInput: F,
-    multiple: z = !0,
-    selectFileText: A = "Select file",
-    dndFileText: R = "Drag and drop file here or",
-    control: S,
-    showFileSize: d = !0,
-    files: c = [],
+    id: D = "",
+    disabled: u = !1,
+    preventDefault: x = !1,
+    acceptDropzone: b = {},
+    acceptInput: C,
+    multiple: F = !0,
+    selectFileText: z = "Select file",
+    dndFileText: A = "Drag and drop file here or",
+    control: R,
+    showFileSize: s = !0,
+    files: S = [],
     // ----------------------------------------
-    onChange: m = () => {
+    onChange: d = () => {
     },
     onFocus: v = () => {
     },
     onBlur: w = () => {
     },
-    onDropAccepted: f = () => {
+    onDropAccepted: c = () => {
     },
-    onDrop: p = () => {
+    onDrop: m = () => {
     },
     fileClick: y = () => {
     },
@@ -62,32 +62,31 @@ const K = V.div`
     ...N
   } = l;
   var O = { theme: J(), size: n, color: a };
-  const [r, s] = M([]);
+  const [r, f] = M([]);
   U(() => {
-    s(c);
-  }, [c]);
-  const T = h((e, o) => {
-    p && p(e, o);
-  }, []), $ = h((e) => {
-    f && f(e);
+  }, [S]);
+  const T = p((e, o) => {
+    m && m(e, o);
+  }, []), $ = p((e) => {
+    c && c(e);
   }, []), j = (e) => {
     var o;
-    (o = e.target) != null && o.files ? s([...r, ...e.target.files]) : e && s([...r, ...e]), m && m(e);
+    (o = e.target) != null && o.files ? f([...r, ...e.target.files]) : e && f([...r, ...e]), d && d(e);
   };
-  return /* @__PURE__ */ t(K, { ref: D, ...O, ...N, children: /* @__PURE__ */ B(H, { direction: "RowReverse", children: [
-    /* @__PURE__ */ t(g, { M: (r == null ? void 0 : r.length) > 0 ? 6 : 12, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(K, { ref: g, ...O, ...N, children: /* @__PURE__ */ B(H, { direction: "RowReverse", children: [
+    /* @__PURE__ */ t(h, { M: (r == null ? void 0 : r.length) > 0 ? 6 : 12, children: /* @__PURE__ */ t(
       E,
       {
-        id: u,
-        disabled: x,
-        preventDefault: b,
-        acceptDropzone: C,
-        acceptInput: F,
-        multiple: z,
-        selectFileText: A,
-        dndFileText: R,
-        control: S,
-        showFileSize: d,
+        id: D,
+        disabled: u,
+        preventDefault: x,
+        acceptDropzone: b,
+        acceptInput: C,
+        multiple: F,
+        selectFileText: z,
+        dndFileText: A,
+        control: R,
+        showFileSize: s,
         showDnD: !((r == null ? void 0 : r.length) > 0),
         onChange: j,
         onFocus: v,
@@ -99,12 +98,12 @@ const K = V.div`
         ...I
       }
     ) }),
-    r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ t(g, { M: 6, children: /* @__PURE__ */ t(
+    r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ t(h, { M: 6, children: /* @__PURE__ */ t(
       P,
       {
         fileName: e.name,
         fileSize: e.size,
-        showFileSize: d,
+        showFileSize: s,
         color: a,
         size: n,
         onFileClick: y,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.211",
+  "version": "4.0.212",
   "description": "React component library",
   "type": "module",
   "keywords": [