@solibo/solibo-ui 0.5.16 → 1.0.1

package/dist/components/{_dropzone → dropzone}/index.js

@@ -3,14 +3,14 @@ import { t as T } from "../../classix-DG18itHa.js";
 import { useRef as j, useState as k } from "react";
 import { Button as x } from "../button/index.js";
 import { Icon as A } from "../icon/index.js";
-import '../../assets/index20.css';const R = "_dropzone_1rpsf_1", w = "_dragging_1rpsf_19", B = "_minimal_1rpsf_23", m = {
+import '../../assets/index39.css';const R = "_dropzone_1rpsf_1", w = "_dragging_1rpsf_19", B = "_minimal_1rpsf_23", m = {
   dropzone: R,
   dragging: w,
   minimal: B
 }, S = ({
-  accepts: z,
-  label: D = "Select files",
-  maxFileSize: g,
+  accepts: D,
+  label: g = "Select files",
+  maxFileSize: F,
   multiple: d = !1,
   onChange: i,
   onValidation: f,
@@ -19,40 +19,40 @@ import '../../assets/index20.css';const R = "_dropzone_1rpsf_1", w = "_dragging_
 }) => {
   const u = j(null), [y, o] = k(!1), c = (e) => {
     e.preventDefault(), e.stopPropagation();
-  }, F = (e) => {
-    const t = u.current;
-    if (!t) return;
-    const s = new DataTransfer();
-    for (const r of e) s.items.add(r);
-    t.files = s.files, i == null || i({
-      target: t,
-      currentTarget: t
-    });
   }, v = (e) => {
+    const s = u.current;
+    if (!s) return;
+    const r = new DataTransfer();
+    for (const t of e) r.items.add(t);
+    s.files = r.files, i == null || i({
+      target: s,
+      currentTarget: s
+    });
+  }, z = (e) => {
     const {
-      validFiles: t,
-      emptyFiles: s,
-      oversizedFiles: r
-    } = e.reduce((p, n) => (n.size === 0 ? p.emptyFiles.push(n) : g && n.size > g ? p.oversizedFiles.push(n) : p.validFiles.push(n), p), {
+      validFiles: s,
+      emptyFiles: r,
+      oversizedFiles: t
+    } = e.reduce((p, n) => (n.size === 0 ? p.emptyFiles.push(n) : F && n.size > F ? p.oversizedFiles.push(n) : p.validFiles.push(n), p), {
       validFiles: [],
       emptyFiles: [],
       oversizedFiles: []
     });
-    return (s.length > 0 || r.length > 0) && (f == null || f(s, r)), t;
+    return (r.length > 0 || t.length > 0) && (f == null || f(r, t)), s;
   }, h = (e) => {
     c(e), o(!1);
-    const t = Array.from(e.dataTransfer.files ?? []), s = v(t);
-    if (s.length === 0) return;
-    const r = d ? s : s.slice(0, 1);
-    F(r);
+    const s = Array.from(e.dataTransfer.files ?? []), r = z(s);
+    if (r.length === 0) return;
+    const t = d ? r : r.slice(0, 1);
+    v(t);
   }, I = (e) => {
-    const t = Array.from(e.target.files ?? []), s = v(t);
-    if (s.length === t.length) {
+    const s = Array.from(e.target.files ?? []), r = z(s);
+    if (r.length === s.length) {
       i == null || i(e);
       return;
     }
-    const r = d ? s : s.slice(0, 1);
-    F(r);
+    const t = d ? r : r.slice(0, 1);
+    v(t);
   };
   return /* @__PURE__ */ l("div", { className: T(m.dropzone, m[a], y && m.dragging), onDragEnter: (e) => {
     c(e), o(!0);
@@ -61,13 +61,13 @@ import '../../assets/index20.css';const R = "_dropzone_1rpsf_1", w = "_dragging_
   }, onDragLeave: (e) => {
     c(e), o(!1);
   }, onDrop: h, ..._, "data-component": "dropzone", children: /* @__PURE__ */ b("label", { children: [
-    /* @__PURE__ */ l("input", { accept: z, hidden: !0, multiple: d, onChange: I, ref: u, type: "file" }),
+    /* @__PURE__ */ l("input", { accept: D, "aria-label": g, hidden: !0, multiple: d, onChange: I, ref: u, type: "file" }),
     /* @__PURE__ */ l(A, { name: "upload", size: a === "minimal" ? "medium" : "large" }),
     /* @__PURE__ */ l("br", {}),
     a !== "minimal" && /* @__PURE__ */ l(x, { onClick: () => {
       var e;
       return (e = u.current) == null ? void 0 : e.click();
-    }, type: "button", children: D })
+    }, type: "button", children: g })
   ] }) });
 };
 export {

package/dist/components/dropzone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/dropzone/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useRef, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type DropzoneProps = {\n  accepts?: string;\n  label: string;\n  maxFileSize?: number;\n  multiple?: boolean;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onValidation?: (empty: File[], oversized: File[]) => void;\n  variant?: 'default' | 'minimal';\n};\n\nexport const Dropzone = ({\n  accepts,\n  label = 'Select files',\n  maxFileSize,\n  multiple = false,\n  onChange,\n  onValidation,\n  variant = 'default',\n  ...props\n}: DropzoneProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const prevent = (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  const updateInputFiles = (files: File[]) => {\n    const input = inputRef.current;\n    if (!input) return;\n\n    const dt = new DataTransfer();\n    for (const file of files) dt.items.add(file);\n\n    input.files = dt.files;\n\n    onChange?.({\n      target: input,\n      currentTarget: input,\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  const getValidFiles = (files: File[]) => {\n    const { validFiles, emptyFiles, oversizedFiles } = files.reduce(\n      (acc, file) => {\n        if (file.size === 0) {\n          acc.emptyFiles.push(file);\n        } else if (maxFileSize && file.size > maxFileSize) {\n          acc.oversizedFiles.push(file);\n        } else {\n          acc.validFiles.push(file);\n        }\n\n        return acc;\n      },\n      {\n        validFiles: [] as File[],\n        emptyFiles: [] as File[],\n        oversizedFiles: [] as File[],\n      }\n    );\n\n    if (emptyFiles.length > 0 || oversizedFiles.length > 0) {\n      onValidation?.(emptyFiles, oversizedFiles);\n    }\n\n    return validFiles;\n  };\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    prevent(e);\n    setIsDragging(false);\n    const files = Array.from(e.dataTransfer.files ?? []);\n    const validFiles = getValidFiles(files);\n\n    if (validFiles.length === 0) return;\n\n    const selected = multiple ? validFiles : validFiles.slice(0, 1);\n    updateInputFiles(selected);\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const files = Array.from(e.target.files ?? []);\n    const validFiles = getValidFiles(files);\n\n    if (validFiles.length === files.length) {\n      onChange?.(e);\n      return;\n    }\n\n    const selected = multiple ? validFiles : validFiles.slice(0, 1);\n    updateInputFiles(selected);\n  };\n\n  return (\n    <div\n      className={cx(styles.dropzone, styles[variant], isDragging && styles.dragging)}\n      onDragEnter={(e) => {\n        prevent(e);\n        setIsDragging(true);\n      }}\n      onDragOver={(e) => {\n        prevent(e);\n        setIsDragging(true);\n      }}\n      onDragLeave={(e) => {\n        prevent(e);\n        setIsDragging(false);\n      }}\n      onDrop={handleDrop}\n      {...props}\n    >\n      <label>\n        <input\n          accept={accepts}\n          aria-label={label}\n          hidden\n          multiple={multiple}\n          onChange={handleInputChange}\n          ref={inputRef}\n          type='file'\n        />\n        <Icon\n          name='upload'\n          size={variant === 'minimal' ? 'medium' : 'large'}\n        />\n        <br />\n        {variant !== 'minimal' && (\n          <Button\n            onClick={() => inputRef.current?.click()}\n            type={'button'}\n          >\n            {label}\n          </Button>\n        )}\n      </label>\n    </div>\n  );\n};\n"],"names":["Dropzone","accepts","label","maxFileSize","multiple","onChange","onValidation","variant","props","inputRef","useRef","isDragging","setIsDragging","useState","prevent","e","preventDefault","stopPropagation","updateInputFiles","files","input","current","dt","DataTransfer","file","items","add","target","currentTarget","getValidFiles","validFiles","emptyFiles","oversizedFiles","reduce","acc","size","push","length","handleDrop","Array","from","dataTransfer","selected","slice","handleInputChange","jsx","cx","styles","dropzone","dragging","Icon","Button","click"],"mappings":";;;;;;;;;GAiBaA,IAAWA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,OAAAA,IAAQ;AAAA,EACRC,aAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,UAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACU,MAAM;AACnB,QAAMC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5CC,IAAUA,CAACC,MAAuB;AACtCA,MAAEC,eAAAA,GACFD,EAAEE,gBAAAA;AAAAA,EACJ,GAEMC,IAAmBA,CAACC,MAAkB;AAC1C,UAAMC,IAAQX,EAASY;AACvB,QAAI,CAACD,EAAO;AAEZ,UAAME,IAAK,IAAIC,aAAAA;AACf,eAAWC,KAAQL,EAAOG,CAAAA,EAAGG,MAAMC,IAAIF,CAAI;AAE3CJ,IAAAA,EAAMD,QAAQG,EAAGH,OAEjBd,KAAAA,QAAAA,EAAW;AAAA,MACTsB,QAAQP;AAAAA,MACRQ,eAAeR;AAAAA,IAAAA;AAAAA,EAEnB,GAEMS,IAAgBA,CAACV,MAAkB;AACvC,UAAM;AAAA,MAAEW,YAAAA;AAAAA,MAAYC,YAAAA;AAAAA,MAAYC,gBAAAA;AAAAA,IAAAA,IAAmBb,EAAMc,OACvD,CAACC,GAAKV,OACAA,EAAKW,SAAS,IAChBD,EAAIH,WAAWK,KAAKZ,CAAI,IACfrB,KAAeqB,EAAKW,OAAOhC,IACpC+B,EAAIF,eAAeI,KAAKZ,CAAI,IAE5BU,EAAIJ,WAAWM,KAAKZ,CAAI,GAGnBU,IAET;AAAA,MACEJ,YAAY,CAAA;AAAA,MACZC,YAAY,CAAA;AAAA,MACZC,gBAAgB,CAAA;AAAA,IAAA,CAEpB;AAEA,YAAID,EAAWM,SAAS,KAAKL,EAAeK,SAAS,OACnD/B,KAAAA,QAAAA,EAAeyB,GAAYC,KAGtBF;AAAAA,EACT,GAEMQ,IAAaA,CAACvB,MAAuC;AACzDD,IAAAA,EAAQC,CAAC,GACTH,EAAc,EAAK;AACnB,UAAMO,IAAQoB,MAAMC,KAAKzB,EAAE0B,aAAatB,SAAS,EAAE,GAC7CW,IAAaD,EAAcV,CAAK;AAEtC,QAAIW,EAAWO,WAAW,EAAG;AAE7B,UAAMK,IAAWtC,IAAW0B,IAAaA,EAAWa,MAAM,GAAG,CAAC;AAC9DzB,IAAAA,EAAiBwB,CAAQ;AAAA,EAC3B,GAEME,IAAiE7B,CAAAA,MAAM;AAC3E,UAAMI,IAAQoB,MAAMC,KAAKzB,EAAEY,OAAOR,SAAS,EAAE,GACvCW,IAAaD,EAAcV,CAAK;AAEtC,QAAIW,EAAWO,WAAWlB,EAAMkB,QAAQ;AACtChC,MAAAA,KAAAA,QAAAA,EAAWU;AACX;AAAA,IACF;AAEA,UAAM2B,IAAWtC,IAAW0B,IAAaA,EAAWa,MAAM,GAAG,CAAC;AAC9DzB,IAAAA,EAAiBwB,CAAQ;AAAA,EAC3B;AAEA,SACE,gBAAAG,EAAC,OAAA,EACC,WAAWC,EAAGC,EAAOC,UAAUD,EAAOxC,CAAO,GAAGI,KAAcoC,EAAOE,QAAQ,GAC7E,aAAclC,CAAAA,MAAM;AAClBD,IAAAA,EAAQC,CAAC,GACTH,EAAc,EAAI;AAAA,EACpB,GACA,YAAaG,CAAAA,MAAM;AACjBD,IAAAA,EAAQC,CAAC,GACTH,EAAc,EAAI;AAAA,EACpB,GACA,aAAcG,CAAAA,MAAM;AAClBD,IAAAA,EAAQC,CAAC,GACTH,EAAc,EAAK;AAAA,EACrB,GACA,QAAQ0B,GACR,GAAI9B,GAAM,kBAAA,YAEV,4BAAC,SAAA,EACC,UAAA;AAAA,IAAA,gBAAAqC,EAAC,SAAA,EACC,QAAQ5C,GACR,cAAYC,GACZ,QAAM,IACN,UAAAE,GACA,UAAUwC,GACV,KAAKnC,GACL,MAAK,QAAM;AAAA,IAEb,gBAAAoC,EAACK,KACC,MAAK,UACL,MAAM3C,MAAY,YAAY,WAAW,SAAQ;AAAA,sBAElD,MAAA,EAAE;AAAA,IACFA,MAAY,aACX,gBAAAsC,EAACM,GAAA,EACC,SAAS,MAAA;;AAAM1C,cAAAA,IAAAA,EAASY,YAATZ,gBAAAA,EAAkB2C;AAAAA,OACjC,MAAM,UAELlD,UAAAA,EAAAA,CACH;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}