@uploadcare/react-uploader 0.6.0-alpha.0 → 0.6.0-alpha.1

package/dist/react-uploader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v=require("@uploadcare/blocks");function I(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=I(v),j=new Set(["children","ref","style","className"]),R=(e={})=>Object==null?void 0:Object.keys(e).reduce((t,r)=>{var a,l;const o=e==null?void 0:e[r],c=`on${(l=(a=o==null?void 0:o.split("-"))==null?void 0:a.map(s=>s.charAt(0).toUpperCase()+s.slice(1)))==null?void 0:l.join("")}`;return t[c]=o,t},{}),w=new WeakMap,x=e=>{let t=w.get(e);return t===void 0&&(t=new Map,w.set(e,t)),t},O=({node:e,nameProp:t,valueProp:r,prevValueProp:a,event:l})=>{if(l!==void 0){if(r!==a){const o=x(e),c=o.has(l);let s=o.get(l);r!==void 0?c?s.handleEvent=r:(s={handleEvent:r},o.set(l,s),e.addEventListener(l,u=>s.handleEvent(u.detail))):c&&(o.delete(l),e.removeEventListener(l,s))}return}e[t]=r,r==null&&t in HTMLElement.prototype&&e.removeAttribute(t)},F=(e,t,r)=>{const a={},l={};return Object.entries(e).forEach(([o,c])=>{j.has(o)?a[o==="className"?"class":o]=c:t.has(o)||o in r.prototype?l[o]=c:a[o]=c}),{reactProps:a,customElProps:l}},f=({react:e,tag:t,elClass:r,schemaEvents:a})=>{const l=R(a),o=new Set(Object.keys(l??{})),c=e.forwardRef((s,u)=>{const d=e.useRef(new Map),g=e.useRef(null),{reactProps:y,customElProps:A}=F(s,o,r);return e.useLayoutEffect(()=>{if(g.current===null)return;const m=new Map;for(const p in A)O({node:g.current,nameProp:p,valueProp:A[p],prevValueProp:d.current.get(p),event:l[p]}),d.current.delete(p),m.set(p,s[p]);for(const[p,h]of d.current)O({node:g.current,nameProp:p,valueProp:void 0,prevValueProp:h,event:l[p]});d.current=m}),e.createElement(t??r.__tag,{...y,ref:e.useCallback(m=>{g.current=m,typeof u=="function"?u(m):u!==null&&(u.current=m)},[u])})});return c.displayName=r.name,c},E=f({react:n,tag:"lr-config",elClass:i.Config}),P=f({react:n,tag:"lr-upload-ctx-provider",elClass:i.UploadCtxProvider,schemaEvents:i.UploadCtxProvider.EventType}),M=e=>{const t={},r={};return Object.entries(e).forEach(([a,l])=>{a.startsWith("on")?t[a]=l:r[a]=l}),{eventHandlers:t,config:r}},_="0.6.0-alpha.0",S="React-Uploader",U=()=>`${S}/${_}`,C=({children:e})=>e,b=()=>{const[e,t]=n.useState(!1);return n.useEffect(()=>{typeof window<"u"&&t(!0)},[]),e};i.registerBlocks(i);console.log({PACKAGE_VERSION:i.PACKAGE_VERSION});const B=f({react:n,tag:"lr-file-uploader-regular",elClass:i.FileUploaderRegular}),N=({ctxName:e,className:t,classNameUploader:r,apiRef:a,fallback:l,...o})=>{const c=n.useMemo(()=>e??i.UID.generate(),[e]),{eventHandlers:s,config:u}=n.useMemo(()=>M(o),[o]),d=b();return n.createElement(C,{condition:d,fallback:l},n.createElement("div",{className:t},n.createElement(E,{userAgentIntegration:U(),"ctx-name":c,...u}),n.createElement(P,{ref:a,"ctx-name":c,...s}),n.createElement(B,{class:r,"ctx-name":c})))};i.registerBlocks(i);const T=f({react:n,tag:"lr-file-uploader-minimal",elClass:i.FileUploaderMinimal}),L=({ctxName:e,className:t,classNameUploader:r,apiRef:a,fallback:l,...o})=>{const c=n.useMemo(()=>e??i.UID.generate(),[e]),{eventHandlers:s,config:u}=n.useMemo(()=>M(o),[o]),d=b();return n.createElement(C,{condition:d,fallback:l},n.createElement("div",{className:t},n.createElement(E,{userAgentIntegration:U(),"ctx-name":c,...u}),n.createElement(P,{ref:a,"ctx-name":c,...s}),n.createElement(T,{class:r,"ctx-name":c})))};i.registerBlocks(i);const k=f({react:n,tag:"lr-file-uploader-inline",elClass:i.FileUploaderMinimal}),D=({ctxName:e,className:t,classNameUploader:r,apiRef:a,fallback:l,...o})=>{const c=n.useMemo(()=>e??i.UID.generate(),[e]),{eventHandlers:s,config:u}=n.useMemo(()=>M(o),[o]),d=b();return n.createElement(C,{condition:d,fallback:l},n.createElement("div",{className:t},n.createElement(E,{userAgentIntegration:U(),"ctx-name":c,...u}),n.createElement(P,{ref:a,"ctx-name":c,...s}),n.createElement(k,{class:r,"ctx-name":c})))};Object.defineProperty(exports,"UploadCtxProvider",{enumerable:!0,get:()=>v.UploadCtxProvider});Object.defineProperty(exports,"defineLocale",{enumerable:!0,get:()=>v.defineLocale});exports.FileUploaderInline=D;exports.FileUploaderMinimal=L;exports.FileUploaderRegular=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v=require("@uploadcare/blocks");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=j(v),I=new Set(["children","ref","style","className"]),x=(e={})=>Object==null?void 0:Object.keys(e).reduce((t,r)=>{var a,l;const o=e==null?void 0:e[r],c=`on${(l=(a=o==null?void 0:o.split("-"))==null?void 0:a.map(s=>s.charAt(0).toUpperCase()+s.slice(1)))==null?void 0:l.join("")}`;return t[c]=o,t},{}),y=new WeakMap,F=e=>{let t=y.get(e);return t===void 0&&(t=new Map,y.set(e,t)),t},h=({node:e,nameProp:t,valueProp:r,prevValueProp:a,event:l})=>{if(l!==void 0){if(r!==a){const o=F(e),c=o.has(l);let s=o.get(l);r!==void 0?c?s.handleEvent=r:(s={handleEvent:r},o.set(l,s),e.addEventListener(l,u=>s.handleEvent(u.detail))):c&&(o.delete(l),e.removeEventListener(l,s))}return}e[t]=r,r==null&&t in HTMLElement.prototype&&e.removeAttribute(t)},R=(e,t,r)=>{const a={},l={};return Object.entries(e).forEach(([o,c])=>{I.has(o)?a[o==="className"?"class":o]=c:t.has(o)||o in r.prototype?l[o]=c:a[o]=c}),{reactProps:a,customElProps:l}},f=({react:e,tag:t,elClass:r,schemaEvents:a})=>{const l=x(a),o=new Set(Object.keys(l??{})),c=e.forwardRef((s,u)=>{const d=e.useRef(new Map),g=e.useRef(null),{reactProps:A,customElProps:w}=R(s,o,r);return e.useLayoutEffect(()=>{if(g.current===null)return;const m=new Map;for(const p in w)h({node:g.current,nameProp:p,valueProp:w[p],prevValueProp:d.current.get(p),event:l[p]}),d.current.delete(p),m.set(p,s[p]);for(const[p,O]of d.current)h({node:g.current,nameProp:p,valueProp:void 0,prevValueProp:O,event:l[p]});d.current=m}),e.createElement(t??r.__tag,{...A,ref:e.useCallback(m=>{g.current=m,typeof u=="function"?u(m):u!==null&&(u.current=m)},[u])})});return c.displayName=r.name,c},E=f({react:n,tag:"lr-config",elClass:i.Config}),P=f({react:n,tag:"lr-upload-ctx-provider",elClass:i.UploadCtxProvider,schemaEvents:i.UploadCtxProvider.EventType}),M=e=>{const t={},r={};return Object.entries(e).forEach(([a,l])=>{a.startsWith("on")?t[a]=l:r[a]=l}),{eventHandlers:t,config:r}},B="0.6.0-alpha.1",T="React-Uploader",U=()=>`${T}/${B}`,b=({children:e})=>e,C=()=>{const[e,t]=n.useState(!1);return n.useEffect(()=>{typeof window<"u"&&t(!0)},[]),e};i.registerBlocks(i);const _=f({react:n,tag:"lr-file-uploader-regular",elClass:i.FileUploaderRegular}),L=({ctxName:e,className:t,classNameUploader:r,apiRef:a,fallback:l,...o})=>{const c=n.useMemo(()=>e??i.UID.generate(),[e]),{eventHandlers:s,config:u}=n.useMemo(()=>M(o),[o]),d=C();return n.createElement(b,{condition:d,fallback:l},n.createElement("div",{className:t},n.createElement(E,{userAgentIntegration:U(),"ctx-name":c,...u}),n.createElement(P,{ref:a,"ctx-name":c,...s}),n.createElement(_,{class:r,"ctx-name":c})))};i.registerBlocks(i);const S=f({react:n,tag:"lr-file-uploader-minimal",elClass:i.FileUploaderMinimal}),N=({ctxName:e,className:t,classNameUploader:r,apiRef:a,fallback:l,...o})=>{const c=n.useMemo(()=>e??i.UID.generate(),[e]),{eventHandlers:s,config:u}=n.useMemo(()=>M(o),[o]),d=C();return n.createElement(b,{condition:d,fallback:l},n.createElement("div",{className:t},n.createElement(E,{userAgentIntegration:U(),"ctx-name":c,...u}),n.createElement(P,{ref:a,"ctx-name":c,...s}),n.createElement(S,{class:r,"ctx-name":c})))};i.registerBlocks(i);const k=f({react:n,tag:"lr-file-uploader-inline",elClass:i.FileUploaderMinimal}),D=({ctxName:e,className:t,classNameUploader:r,apiRef:a,fallback:l,...o})=>{const c=n.useMemo(()=>e??i.UID.generate(),[e]),{eventHandlers:s,config:u}=n.useMemo(()=>M(o),[o]),d=C();return n.createElement(b,{condition:d,fallback:l},n.createElement("div",{className:t},n.createElement(E,{userAgentIntegration:U(),"ctx-name":c,...u}),n.createElement(P,{ref:a,"ctx-name":c,...s}),n.createElement(k,{class:r,"ctx-name":c})))};Object.defineProperty(exports,"UploadCtxProvider",{enumerable:!0,get:()=>v.UploadCtxProvider});Object.defineProperty(exports,"defineLocale",{enumerable:!0,get:()=>v.defineLocale});exports.FileUploaderInline=D;exports.FileUploaderMinimal=N;exports.FileUploaderRegular=L;

package/dist/react-uploader.js

@@ -1,86 +1,86 @@
-import s, { useState as y, useEffect as B, useMemo as f } from "react";
+import s, { useState as B, useEffect as F, useMemo as f } from "react";
 import * as i from "@uploadcare/blocks";
-import { UploadCtxProvider as G, defineLocale as K } from "@uploadcare/blocks";
-const F = /* @__PURE__ */ new Set([
+import { UploadCtxProvider as W, defineLocale as q } from "@uploadcare/blocks";
+const R = /* @__PURE__ */ new Set([
   "children",
   "ref",
   "style",
   "className"
-]), O = (e = {}) => Object == null ? void 0 : Object.keys(e).reduce((r, o) => {
-  var a, n;
-  const t = e == null ? void 0 : e[o], l = `on${(n = (a = t == null ? void 0 : t.split("-")) == null ? void 0 : a.map((c) => c.charAt(0).toUpperCase() + c.slice(1))) == null ? void 0 : n.join("")}`;
-  return r[l] = t, r;
-}, {}), M = /* @__PURE__ */ new WeakMap(), b = (e) => {
+]), b = (e = {}) => Object == null ? void 0 : Object.keys(e).reduce((r, o) => {
+  var l, n;
+  const t = e == null ? void 0 : e[o], a = `on${(n = (l = t == null ? void 0 : t.split("-")) == null ? void 0 : l.map((c) => c.charAt(0).toUpperCase() + c.slice(1))) == null ? void 0 : n.join("")}`;
+  return r[a] = t, r;
+}, {}), M = /* @__PURE__ */ new WeakMap(), O = (e) => {
   let r = M.get(e);
   return r === void 0 && (r = /* @__PURE__ */ new Map(), M.set(e, r)), r;
-}, I = ({
+}, x = ({
   node: e,
   nameProp: r,
   valueProp: o,
-  prevValueProp: a,
+  prevValueProp: l,
   event: n
 }) => {
   if (n !== void 0) {
-    if (o !== a) {
-      const t = b(e), l = t.has(n);
+    if (o !== l) {
+      const t = O(e), a = t.has(n);
       let c = t.get(n);
-      o !== void 0 ? l ? c.handleEvent = o : (c = { handleEvent: o }, t.set(n, c), e.addEventListener(
+      o !== void 0 ? a ? c.handleEvent = o : (c = { handleEvent: o }, t.set(n, c), e.addEventListener(
         n,
         (d) => c.handleEvent(d.detail)
-      )) : l && (t.delete(n), e.removeEventListener(n, c));
+      )) : a && (t.delete(n), e.removeEventListener(n, c));
     }
     return;
   }
   e[r] = o, o == null && r in HTMLElement.prototype && e.removeAttribute(r);
-}, N = (e, r, o) => {
-  const a = {}, n = {};
-  return Object.entries(e).forEach(([t, l]) => {
-    F.has(t) ? a[t === "className" ? "class" : t] = l : r.has(t) || t in o.prototype ? n[t] = l : a[t] = l;
-  }), { reactProps: a, customElProps: n };
+}, T = (e, r, o) => {
+  const l = {}, n = {};
+  return Object.entries(e).forEach(([t, a]) => {
+    R.has(t) ? l[t === "className" ? "class" : t] = a : r.has(t) || t in o.prototype ? n[t] = a : l[t] = a;
+  }), { reactProps: l, customElProps: n };
 }, v = ({
   react: e,
   // https://react.dev/warnings/invalid-hook-call-warning
   tag: r,
   elClass: o,
-  schemaEvents: a
+  schemaEvents: l
 }) => {
-  const n = O(a), t = new Set(Object.keys(n ?? {})), l = e.forwardRef(
+  const n = b(l), t = new Set(Object.keys(n ?? {})), a = e.forwardRef(
     (c, d) => {
-      const u = e.useRef(/* @__PURE__ */ new Map()), E = e.useRef(null), { reactProps: x, customElProps: h } = N(c, t, o);
+      const u = e.useRef(/* @__PURE__ */ new Map()), g = e.useRef(null), { reactProps: I, customElProps: A } = T(c, t, o);
       return e.useLayoutEffect(() => {
-        if (E.current === null)
+        if (g.current === null)
           return;
         const m = /* @__PURE__ */ new Map();
-        for (const p in h)
-          I({
-            node: E.current,
+        for (const p in A)
+          x({
+            node: g.current,
             nameProp: p,
-            valueProp: h[p],
+            valueProp: A[p],
             prevValueProp: u.current.get(p),
             event: n[p]
           }), u.current.delete(p), m.set(p, c[p]);
-        for (const [p, R] of u.current)
-          I({
-            node: E.current,
+        for (const [p, y] of u.current)
+          x({
+            node: g.current,
             nameProp: p,
             valueProp: void 0,
-            prevValueProp: R,
+            prevValueProp: y,
             event: n[p]
           });
         u.current = m;
       }), e.createElement(r ?? o.__tag, {
-        ...x,
+        ...I,
         ref: e.useCallback(
           (m) => {
-            E.current = m, typeof d == "function" ? d(m) : d !== null && (d.current = m);
+            g.current = m, typeof d == "function" ? d(m) : d !== null && (d.current = m);
           },
           [d]
         )
       });
     }
   );
-  return l.displayName = o.name, l;
-}, g = v({
+  return a.displayName = o.name, a;
+}, E = v({
   react: s,
   tag: "lr-config",
   elClass: i.Config
@@ -91,101 +91,100 @@ const F = /* @__PURE__ */ new Set([
   schemaEvents: i.UploadCtxProvider.EventType
 }), C = (e) => {
   const r = {}, o = {};
-  return Object.entries(e).forEach(([a, n]) => {
-    a.startsWith("on") ? r[a] = n : o[a] = n;
+  return Object.entries(e).forEach(([l, n]) => {
+    l.startsWith("on") ? r[l] = n : o[l] = n;
   }), {
     eventHandlers: r,
     config: o
   };
-}, _ = "0.6.0-alpha.0", T = "React-Uploader", A = () => `${T}/${_}`, U = ({ children: e }) => e, w = () => {
-  const [e, r] = y(!1);
-  return B(() => {
+}, j = "0.6.0-alpha.1", L = "React-Uploader", U = () => `${L}/${j}`, w = ({ children: e }) => e, h = () => {
+  const [e, r] = B(!1);
+  return F(() => {
     typeof window < "u" && r(!0);
   }, []), e;
 };
 i.registerBlocks(i);
-console.log({ PACKAGE_VERSION: i.PACKAGE_VERSION });
-const j = v({
+const N = v({
   react: s,
   tag: "lr-file-uploader-regular",
   elClass: i.FileUploaderRegular
-}), H = ({
+}), S = ({
   ctxName: e,
   className: r,
   classNameUploader: o,
-  apiRef: a,
+  apiRef: l,
   fallback: n,
   ...t
 }) => {
-  const l = f(() => e ?? i.UID.generate(), [e]), { eventHandlers: c, config: d } = f(
+  const a = f(() => e ?? i.UID.generate(), [e]), { eventHandlers: c, config: d } = f(
     () => C(t),
     [t]
-  ), u = w();
-  return /* @__PURE__ */ s.createElement(U, { condition: u, fallback: n }, /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(g, { userAgentIntegration: A(), "ctx-name": l, ...d }), /* @__PURE__ */ s.createElement(
+  ), u = h();
+  return /* @__PURE__ */ s.createElement(w, { condition: u, fallback: n }, /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(E, { userAgentIntegration: U(), "ctx-name": a, ...d }), /* @__PURE__ */ s.createElement(
     P,
     {
-      ref: a,
-      "ctx-name": l,
+      ref: l,
+      "ctx-name": a,
       ...c
     }
-  ), /* @__PURE__ */ s.createElement(j, { class: o, "ctx-name": l })));
+  ), /* @__PURE__ */ s.createElement(N, { class: o, "ctx-name": a })));
 };
 i.registerBlocks(i);
-const L = v({
+const _ = v({
   react: s,
   tag: "lr-file-uploader-minimal",
   elClass: i.FileUploaderMinimal
-}), V = ({
+}), X = ({
   ctxName: e,
   className: r,
   classNameUploader: o,
-  apiRef: a,
+  apiRef: l,
   fallback: n,
   ...t
 }) => {
-  const l = f(() => e ?? i.UID.generate(), [e]), { eventHandlers: c, config: d } = f(
+  const a = f(() => e ?? i.UID.generate(), [e]), { eventHandlers: c, config: d } = f(
     () => C(t),
     [t]
-  ), u = w();
-  return /* @__PURE__ */ s.createElement(U, { condition: u, fallback: n }, /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(g, { userAgentIntegration: A(), "ctx-name": l, ...d }), /* @__PURE__ */ s.createElement(
+  ), u = h();
+  return /* @__PURE__ */ s.createElement(w, { condition: u, fallback: n }, /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(E, { userAgentIntegration: U(), "ctx-name": a, ...d }), /* @__PURE__ */ s.createElement(
     P,
     {
-      ref: a,
-      "ctx-name": l,
+      ref: l,
+      "ctx-name": a,
       ...c
     }
-  ), /* @__PURE__ */ s.createElement(L, { class: o, "ctx-name": l })));
+  ), /* @__PURE__ */ s.createElement(_, { class: o, "ctx-name": a })));
 };
 i.registerBlocks(i);
-const S = v({
+const k = v({
   react: s,
   tag: "lr-file-uploader-inline",
   elClass: i.FileUploaderMinimal
-}), X = ({
+}), D = ({
   ctxName: e,
   className: r,
   classNameUploader: o,
-  apiRef: a,
+  apiRef: l,
   fallback: n,
   ...t
 }) => {
-  const l = f(() => e ?? i.UID.generate(), [e]), { eventHandlers: c, config: d } = f(
+  const a = f(() => e ?? i.UID.generate(), [e]), { eventHandlers: c, config: d } = f(
     () => C(t),
     [t]
-  ), u = w();
-  return /* @__PURE__ */ s.createElement(U, { condition: u, fallback: n }, /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(g, { userAgentIntegration: A(), "ctx-name": l, ...d }), /* @__PURE__ */ s.createElement(
+  ), u = h();
+  return /* @__PURE__ */ s.createElement(w, { condition: u, fallback: n }, /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(E, { userAgentIntegration: U(), "ctx-name": a, ...d }), /* @__PURE__ */ s.createElement(
     P,
     {
-      ref: a,
-      "ctx-name": l,
+      ref: l,
+      "ctx-name": a,
       ...c
     }
-  ), /* @__PURE__ */ s.createElement(S, { class: o, "ctx-name": l })));
+  ), /* @__PURE__ */ s.createElement(k, { class: o, "ctx-name": a })));
 };
 export {
-  X as FileUploaderInline,
-  V as FileUploaderMinimal,
-  H as FileUploaderRegular,
-  G as UploadCtxProvider,
-  K as defineLocale
+  D as FileUploaderInline,
+  X as FileUploaderMinimal,
+  S as FileUploaderRegular,
+  W as UploadCtxProvider,
+  q as defineLocale
 };

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@uploadcare/react-uploader",
   "description": "React component for file uploads using Uploadcare",
-  "version": "0.6.0-alpha.0",
+  "version": "0.6.0-alpha.1",
   "private": false,
   "type": "module",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "main": "./dist/react-uploader.cjs",
   "module": "./dist/react-uploader.js",
   "types": "./dist/react-uploader.d.ts",