🚨 Active Supply Chain Attack:node-ipc Package Compromised.Learn More
Socket
Book a DemoSign in
Socket

@uploadcare/react-uploader

Package Overview
Dependencies
Maintainers
4
Versions
74
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uploadcare/react-uploader - npm Package Compare versions

Comparing version
1.10.0
to
1.10.1
+1
dist/FileUploaderInline-DBYTW6dH.cjs
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),g=require("@uploadcare/file-uploader"),n=require("./useIsBrowser-DKTjwSvX.cjs");function f(e){const o=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(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const l=f(g);l.defineComponents(l);const m=n.j({react:t,tag:"uc-file-uploader-inline",elClass:l.FileUploaderMinimal}),C=({ctxName:e,className:o,classNameUploader:r,apiRef:a,fallback:s,...c})=>{const i=t.useMemo(()=>e??l.UID.generate(),[e]),{eventHandlers:u,config:d}=t.useMemo(()=>n.getCalcPropertyOfProps(c),[c]),p=n.useIsBrowser();return t.createElement(n.ConditionalSuspense,{condition:p,fallback:s},t.createElement("div",{className:o},t.createElement(n.AdapterConfig,{userAgentIntegration:n.getUserAgentIntegration(),"ctx-name":i,...d}),t.createElement(n.AdapterUploadCtxProvider,{ref:a,"ctx-name":i,...u}),t.createElement(m,{class:r,"ctx-name":i})))};exports.FileUploaderInline=C;
import e, { useMemo as o } from "react";
import * as t from "@uploadcare/file-uploader";
import { g, u as f, C, A as u, a as A, b as U, j as E } from "./useIsBrowser-DhbB0Bdo.js";
t.defineComponents(t);
const I = E({
react: e,
tag: "uc-file-uploader-inline",
elClass: t.FileUploaderMinimal
}), F = ({
ctxName: r,
className: s,
classNameUploader: i,
apiRef: l,
fallback: c,
...a
}) => {
const n = o(() => r ?? t.UID.generate(), [r]), { eventHandlers: m, config: d } = o(
() => g(a),
[a]
), p = f();
return /* @__PURE__ */ e.createElement(C, { condition: p, fallback: c }, /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(u, { userAgentIntegration: A(), "ctx-name": n, ...d }), /* @__PURE__ */ e.createElement(
U,
{
ref: l,
"ctx-name": n,
...m
}
), /* @__PURE__ */ e.createElement(I, { class: i, "ctx-name": n })));
};
export {
F as FileUploaderInline
};
import e, { useMemo as o } from "react";
import * as t from "@uploadcare/file-uploader";
import { g, u as f, C, A as u, a as A, b as U, j as E } from "./useIsBrowser-DhbB0Bdo.js";
t.defineComponents(t);
const M = E({
react: e,
tag: "uc-file-uploader-minimal",
elClass: t.FileUploaderMinimal
}), v = ({
ctxName: n,
className: s,
classNameUploader: i,
apiRef: l,
fallback: m,
...r
}) => {
const a = o(() => n ?? t.UID.generate(), [n]), { eventHandlers: c, config: d } = o(
() => g(r),
[r]
), p = f();
return /* @__PURE__ */ e.createElement(C, { condition: p, fallback: m }, /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(u, { userAgentIntegration: A(), "ctx-name": a, ...d }), /* @__PURE__ */ e.createElement(
U,
{
ref: l,
"ctx-name": a,
...c
}
), /* @__PURE__ */ e.createElement(M, { class: i, "ctx-name": a })));
};
export {
v as FileUploaderMinimal
};
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("@uploadcare/file-uploader"),n=require("./useIsBrowser-DKTjwSvX.cjs");function g(e){const o=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(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const i=g(p);i.defineComponents(i);const f=n.j({react:t,tag:"uc-file-uploader-minimal",elClass:i.FileUploaderMinimal}),C=({ctxName:e,className:o,classNameUploader:r,apiRef:a,fallback:s,...c})=>{const l=t.useMemo(()=>e??i.UID.generate(),[e]),{eventHandlers:u,config:d}=t.useMemo(()=>n.getCalcPropertyOfProps(c),[c]),m=n.useIsBrowser();return t.createElement(n.ConditionalSuspense,{condition:m,fallback:s},t.createElement("div",{className:o},t.createElement(n.AdapterConfig,{userAgentIntegration:n.getUserAgentIntegration(),"ctx-name":l,...d}),t.createElement(n.AdapterUploadCtxProvider,{ref:a,"ctx-name":l,...u}),t.createElement(f,{class:r,"ctx-name":l})))};exports.FileUploaderMinimal=C;
import e, { useMemo as o } from "react";
import * as r from "@uploadcare/file-uploader";
import { g as u, u as f, C, A, a as U, b as E, j as x } from "./useIsBrowser-DhbB0Bdo.js";
r.defineComponents(r);
const I = x({
react: e,
tag: "uc-file-uploader-regular",
elClass: r.FileUploaderRegular
}), F = ({
ctxName: a,
className: s,
classNameUploader: l,
apiRef: c,
fallback: i,
...n
}) => {
const t = o(() => a ?? r.UID.generate(), [a]), { eventHandlers: d, config: g, uploader: m } = o(
() => u(n),
[n]
), p = f();
return /* @__PURE__ */ e.createElement(C, { condition: p, fallback: i }, /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(A, { userAgentIntegration: U(), "ctx-name": t, ...g }), /* @__PURE__ */ e.createElement(
E,
{
ref: c,
"ctx-name": t,
...d
}
), /* @__PURE__ */ e.createElement(I, { class: l, "ctx-name": t, ...m })));
};
export {
F as FileUploaderRegular
};
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),f=require("@uploadcare/file-uploader"),r=require("./useIsBrowser-DKTjwSvX.cjs");function m(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const l=m(f);l.defineComponents(l);const C=r.j({react:t,tag:"uc-file-uploader-regular",elClass:l.FileUploaderRegular}),U=({ctxName:e,className:o,classNameUploader:n,apiRef:a,fallback:i,...s})=>{const c=t.useMemo(()=>e??l.UID.generate(),[e]),{eventHandlers:u,config:d,uploader:g}=t.useMemo(()=>r.getCalcPropertyOfProps(s),[s]),p=r.useIsBrowser();return t.createElement(r.ConditionalSuspense,{condition:p,fallback:i},t.createElement("div",{className:o},t.createElement(r.AdapterConfig,{userAgentIntegration:r.getUserAgentIntegration(),"ctx-name":c,...d}),t.createElement(r.AdapterUploadCtxProvider,{ref:a,"ctx-name":c,...u}),t.createElement(C,{class:n,"ctx-name":c,...g})))};exports.FileUploaderRegular=U;
import P, { useState as w, useEffect as y } from "react";
import * as f from "@uploadcare/file-uploader";
const b = /* @__PURE__ */ new Set([
"children",
"ref",
"style",
"className"
]), j = (e = {}) => Object == null ? void 0 : Object.keys(e).reduce((r, o) => {
var s, t;
const n = e == null ? void 0 : e[o], a = `on${(t = (s = n == null ? void 0 : n.split("-")) == null ? void 0 : s.map((c) => c.charAt(0).toUpperCase() + c.slice(1))) == null ? void 0 : t.join("")}`;
return r[a] = n, r;
}, {}), m = /* @__PURE__ */ new WeakMap(), A = (e) => {
let r = m.get(e);
return r === void 0 && (r = /* @__PURE__ */ new Map(), m.set(e, r)), r;
}, E = ({
node: e,
nameProp: r,
valueProp: o,
prevValueProp: s,
event: t
}) => {
if (t !== void 0) {
if (o !== s) {
const n = A(e), a = n.has(t);
let c = n.get(t);
o !== void 0 ? a ? c.handleEvent = o : (c = { handleEvent: o }, n.set(t, c), e.addEventListener(
t,
(l) => c.handleEvent(l.detail)
)) : a && (n.delete(t), e.removeEventListener(t, c));
}
return;
}
e[r] = o, o == null && r in HTMLElement.prototype && e.removeAttribute(r);
}, M = (e, r, o) => {
const s = {}, t = {};
return Object.entries(e).forEach(([n, a]) => {
b.has(n) ? s[n === "className" ? "class" : n] = a : r.has(n) || n in o.prototype ? t[n] = a : s[n] = a;
}), { reactProps: s, customElProps: t };
}, g = ({
react: e,
// https://react.dev/warnings/invalid-hook-call-warning
tag: r,
elClass: o,
schemaEvents: s
}) => {
const t = j(s), n = new Set(Object.keys(t ?? {})), a = e.forwardRef(
(c, l) => {
const i = e.useRef(/* @__PURE__ */ new Map()), p = e.useRef(null), { reactProps: h, customElProps: v } = M(c, n, o);
return e.useLayoutEffect(() => {
if (p.current === null)
return;
const d = /* @__PURE__ */ new Map();
for (const u in v)
E({
node: p.current,
nameProp: u,
valueProp: v[u],
prevValueProp: i.current.get(u),
event: t[u]
}), i.current.delete(u), d.set(u, c[u]);
for (const [u, C] of i.current)
E({
node: p.current,
nameProp: u,
valueProp: void 0,
prevValueProp: C,
event: t[u]
});
i.current = d;
}), e.createElement(r ?? o.__tag, {
...h,
ref: e.useCallback(
(d) => {
p.current = d, typeof l == "function" ? l(d) : l !== null && (l.current = d);
},
[l]
)
});
}
);
return a.displayName = o.name, a;
}, x = g({
react: P,
tag: "uc-config",
elClass: f.Config
}), R = g({
react: P,
tag: "uc-upload-ctx-provider",
elClass: f.UploadCtxProvider,
schemaEvents: f.UploadCtxProvider.EventType
}), k = (e) => {
const r = {}, o = {}, s = {};
for (const [t, n] of Object.entries(e)) {
if (t.startsWith("on")) {
r[t] = n;
continue;
}
if (t === "headless") {
s[t] = n;
continue;
}
o[t] = n;
}
return {
eventHandlers: r,
uploader: s,
config: o
};
}, O = "1.10.0", U = "React-Uploader", I = () => `${U}/${O}`, L = ({ children: e }) => e, S = () => {
const [e, r] = w(!1);
return y(() => {
typeof window < "u" && r(!0);
}, []), e;
};
export {
x as A,
L as C,
I as a,
R as b,
k as g,
g as j,
S as u
};
"use strict";const f=require("react"),y=require("@uploadcare/file-uploader");function b(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const v=b(y),h=new Set(["children","ref","style","className"]),O=(e={})=>Object==null?void 0:Object.keys(e).reduce((t,r)=>{var s,n;const o=e==null?void 0:e[r],a=`on${(n=(s=o==null?void 0:o.split("-"))==null?void 0:s.map(c=>c.charAt(0).toUpperCase()+c.slice(1)))==null?void 0:n.join("")}`;return t[a]=o,t},{}),m=new WeakMap,j=e=>{let t=m.get(e);return t===void 0&&(t=new Map,m.set(e,t)),t},E=({node:e,nameProp:t,valueProp:r,prevValueProp:s,event:n})=>{if(n!==void 0){if(r!==s){const o=j(e),a=o.has(n);let c=o.get(n);r!==void 0?a?c.handleEvent=r:(c={handleEvent:r},o.set(n,c),e.addEventListener(n,l=>c.handleEvent(l.detail))):a&&(o.delete(n),e.removeEventListener(n,c))}return}e[t]=r,r==null&&t in HTMLElement.prototype&&e.removeAttribute(t)},U=(e,t,r)=>{const s={},n={};return Object.entries(e).forEach(([o,a])=>{h.has(o)?s[o==="className"?"class":o]=a:t.has(o)||o in r.prototype?n[o]=a:s[o]=a}),{reactProps:s,customElProps:n}},g=({react:e,tag:t,elClass:r,schemaEvents:s})=>{const n=O(s),o=new Set(Object.keys(n??{})),a=e.forwardRef((c,l)=>{const d=e.useRef(new Map),p=e.useRef(null),{reactProps:C,customElProps:P}=U(c,o,r);return e.useLayoutEffect(()=>{if(p.current===null)return;const i=new Map;for(const u in P)E({node:p.current,nameProp:u,valueProp:P[u],prevValueProp:d.current.get(u),event:n[u]}),d.current.delete(u),i.set(u,c[u]);for(const[u,w]of d.current)E({node:p.current,nameProp:u,valueProp:void 0,prevValueProp:w,event:n[u]});d.current=i}),e.createElement(t??r.__tag,{...C,ref:e.useCallback(i=>{p.current=i,typeof l=="function"?l(i):l!==null&&(l.current=i)},[l])})});return a.displayName=r.name,a},A=g({react:f,tag:"uc-config",elClass:v.Config}),M=g({react:f,tag:"uc-upload-ctx-provider",elClass:v.UploadCtxProvider,schemaEvents:v.UploadCtxProvider.EventType}),N=e=>{const t={},r={},s={};for(const[n,o]of Object.entries(e)){if(n.startsWith("on")){t[n]=o;continue}if(n==="headless"){s[n]=o;continue}r[n]=o}return{eventHandlers:t,uploader:s,config:r}},S="1.10.0",I="React-Uploader",_=()=>`${I}/${S}`,k=({children:e})=>e,x=()=>{const[e,t]=f.useState(!1);return f.useEffect(()=>{typeof window<"u"&&t(!0)},[]),e};exports.AdapterConfig=A;exports.AdapterUploadCtxProvider=M;exports.ConditionalSuspense=k;exports.getCalcPropertyOfProps=N;exports.getUserAgentIntegration=_;exports.j=g;exports.useIsBrowser=x;
+1
-1

@@ -1,1 +0,1 @@

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("next/dynamic"),r=l(()=>Promise.resolve().then(()=>require("./FileUploaderMinimal-CCGNIf9T.cjs")).then(e=>e.FileUploaderMinimal),{ssr:!1}),i=l(()=>Promise.resolve().then(()=>require("./FileUploaderRegular-D_FmIN3Y.cjs")).then(e=>e.FileUploaderRegular),{ssr:!1}),o=l(()=>Promise.resolve().then(()=>require("./FileUploaderInline-DDUcv5zm.cjs")).then(e=>e.FileUploaderInline),{ssr:!1});exports.FileUploaderInline=o;exports.FileUploaderMinimal=r;exports.FileUploaderRegular=i;
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("next/dynamic"),r=l(()=>Promise.resolve().then(()=>require("./FileUploaderMinimal-DPTcHQGp.cjs")).then(e=>e.FileUploaderMinimal),{ssr:!1}),i=l(()=>Promise.resolve().then(()=>require("./FileUploaderRegular-DBnrsHeq.cjs")).then(e=>e.FileUploaderRegular),{ssr:!1}),o=l(()=>Promise.resolve().then(()=>require("./FileUploaderInline-DBYTW6dH.cjs")).then(e=>e.FileUploaderInline),{ssr:!1});exports.FileUploaderInline=o;exports.FileUploaderMinimal=r;exports.FileUploaderRegular=i;
import l from "next/dynamic";
const r = l(
() => import("./FileUploaderMinimal-DM5lE7jP.js").then((e) => e.FileUploaderMinimal),
() => import("./FileUploaderMinimal-BaI4QC9x.js").then((e) => e.FileUploaderMinimal),
{ ssr: !1 }
), o = l(
() => import("./FileUploaderRegular-BfufUvol.js").then((e) => e.FileUploaderRegular),
() => import("./FileUploaderRegular-1qUeFz2K.js").then((e) => e.FileUploaderRegular),
{ ssr: !1 }
), a = l(
() => import("./FileUploaderInline-B9XrEUvP.js").then((e) => e.FileUploaderInline),
() => import("./FileUploaderInline-DEpPFjnd.js").then((e) => e.FileUploaderInline),
{ ssr: !1 }

@@ -11,0 +11,0 @@ );

@@ -1,1 +0,1 @@

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./FileUploaderRegular-D_FmIN3Y.cjs"),r=require("./FileUploaderMinimal-CCGNIf9T.cjs"),i=require("./FileUploaderInline-DDUcv5zm.cjs"),e=require("@uploadcare/file-uploader");exports.FileUploaderRegular=l.FileUploaderRegular;exports.FileUploaderMinimal=r.FileUploaderMinimal;exports.FileUploaderInline=i.FileUploaderInline;Object.defineProperty(exports,"UploadCtxProvider",{enumerable:!0,get:()=>e.UploadCtxProvider});Object.defineProperty(exports,"defineLocale",{enumerable:!0,get:()=>e.defineLocale});
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./FileUploaderRegular-DBnrsHeq.cjs"),r=require("./FileUploaderMinimal-DPTcHQGp.cjs"),i=require("./FileUploaderInline-DBYTW6dH.cjs"),e=require("@uploadcare/file-uploader");exports.FileUploaderRegular=l.FileUploaderRegular;exports.FileUploaderMinimal=r.FileUploaderMinimal;exports.FileUploaderInline=i.FileUploaderInline;Object.defineProperty(exports,"UploadCtxProvider",{enumerable:!0,get:()=>e.UploadCtxProvider});Object.defineProperty(exports,"defineLocale",{enumerable:!0,get:()=>e.defineLocale});

@@ -1,4 +0,4 @@

import { FileUploaderRegular as r } from "./FileUploaderRegular-BfufUvol.js";
import { FileUploaderMinimal as i } from "./FileUploaderMinimal-DM5lE7jP.js";
import { FileUploaderInline as a } from "./FileUploaderInline-B9XrEUvP.js";
import { FileUploaderRegular as r } from "./FileUploaderRegular-1qUeFz2K.js";
import { FileUploaderMinimal as i } from "./FileUploaderMinimal-BaI4QC9x.js";
import { FileUploaderInline as a } from "./FileUploaderInline-DEpPFjnd.js";
import { UploadCtxProvider as f, defineLocale as m } from "@uploadcare/file-uploader";

@@ -5,0 +5,0 @@ export {

{
"name": "@uploadcare/react-uploader",
"description": "React component for file uploads using Uploadcare",
"version": "1.10.0",
"version": "1.10.1",
"private": false,

@@ -37,3 +37,3 @@ "type": "module",

"dependencies": {
"@uploadcare/file-uploader": "1.19.2",
"@uploadcare/file-uploader": "1.19.3",
"@uploadcare/react-adapter": "^0.3.1"

@@ -92,3 +92,3 @@ },

],
"gitHead": "188876293bb0640656150c0d63f0fdc065d01b94"
"gitHead": "3d35dbcc59d0ccca2e46f793d2e2f87644262dc9"
}
import e, { useMemo as o } from "react";
import * as t from "@uploadcare/file-uploader";
import { g, u as f, C, A as u, a as A, b as U, j as E } from "./useIsBrowser-BWJKvk1i.js";
t.defineComponents(t);
const I = E({
react: e,
tag: "uc-file-uploader-inline",
elClass: t.FileUploaderMinimal
}), F = ({
ctxName: r,
className: s,
classNameUploader: i,
apiRef: l,
fallback: c,
...a
}) => {
const n = o(() => r ?? t.UID.generate(), [r]), { eventHandlers: m, config: d } = o(
() => g(a),
[a]
), p = f();
return /* @__PURE__ */ e.createElement(C, { condition: p, fallback: c }, /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(u, { userAgentIntegration: A(), "ctx-name": n, ...d }), /* @__PURE__ */ e.createElement(
U,
{
ref: l,
"ctx-name": n,
...m
}
), /* @__PURE__ */ e.createElement(I, { class: i, "ctx-name": n })));
};
export {
F as FileUploaderInline
};
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),g=require("@uploadcare/file-uploader"),n=require("./useIsBrowser-8MTMcCd_.cjs");function f(e){const o=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(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const l=f(g);l.defineComponents(l);const m=n.j({react:t,tag:"uc-file-uploader-inline",elClass:l.FileUploaderMinimal}),C=({ctxName:e,className:o,classNameUploader:r,apiRef:a,fallback:s,...c})=>{const i=t.useMemo(()=>e??l.UID.generate(),[e]),{eventHandlers:u,config:d}=t.useMemo(()=>n.getCalcPropertyOfProps(c),[c]),p=n.useIsBrowser();return t.createElement(n.ConditionalSuspense,{condition:p,fallback:s},t.createElement("div",{className:o},t.createElement(n.AdapterConfig,{userAgentIntegration:n.getUserAgentIntegration(),"ctx-name":i,...d}),t.createElement(n.AdapterUploadCtxProvider,{ref:a,"ctx-name":i,...u}),t.createElement(m,{class:r,"ctx-name":i})))};exports.FileUploaderInline=C;
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("@uploadcare/file-uploader"),n=require("./useIsBrowser-8MTMcCd_.cjs");function g(e){const o=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(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const i=g(p);i.defineComponents(i);const f=n.j({react:t,tag:"uc-file-uploader-minimal",elClass:i.FileUploaderMinimal}),C=({ctxName:e,className:o,classNameUploader:r,apiRef:a,fallback:s,...c})=>{const l=t.useMemo(()=>e??i.UID.generate(),[e]),{eventHandlers:u,config:d}=t.useMemo(()=>n.getCalcPropertyOfProps(c),[c]),m=n.useIsBrowser();return t.createElement(n.ConditionalSuspense,{condition:m,fallback:s},t.createElement("div",{className:o},t.createElement(n.AdapterConfig,{userAgentIntegration:n.getUserAgentIntegration(),"ctx-name":l,...d}),t.createElement(n.AdapterUploadCtxProvider,{ref:a,"ctx-name":l,...u}),t.createElement(f,{class:r,"ctx-name":l})))};exports.FileUploaderMinimal=C;
import e, { useMemo as o } from "react";
import * as t from "@uploadcare/file-uploader";
import { g, u as f, C, A as u, a as A, b as U, j as E } from "./useIsBrowser-BWJKvk1i.js";
t.defineComponents(t);
const M = E({
react: e,
tag: "uc-file-uploader-minimal",
elClass: t.FileUploaderMinimal
}), v = ({
ctxName: n,
className: s,
classNameUploader: i,
apiRef: l,
fallback: m,
...r
}) => {
const a = o(() => n ?? t.UID.generate(), [n]), { eventHandlers: c, config: d } = o(
() => g(r),
[r]
), p = f();
return /* @__PURE__ */ e.createElement(C, { condition: p, fallback: m }, /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(u, { userAgentIntegration: A(), "ctx-name": a, ...d }), /* @__PURE__ */ e.createElement(
U,
{
ref: l,
"ctx-name": a,
...c
}
), /* @__PURE__ */ e.createElement(M, { class: i, "ctx-name": a })));
};
export {
v as FileUploaderMinimal
};
import e, { useMemo as o } from "react";
import * as r from "@uploadcare/file-uploader";
import { g as u, u as f, C, A, a as U, b as E, j as x } from "./useIsBrowser-BWJKvk1i.js";
r.defineComponents(r);
const I = x({
react: e,
tag: "uc-file-uploader-regular",
elClass: r.FileUploaderRegular
}), F = ({
ctxName: a,
className: s,
classNameUploader: l,
apiRef: c,
fallback: i,
...n
}) => {
const t = o(() => a ?? r.UID.generate(), [a]), { eventHandlers: d, config: g, uploader: m } = o(
() => u(n),
[n]
), p = f();
return /* @__PURE__ */ e.createElement(C, { condition: p, fallback: i }, /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(A, { userAgentIntegration: U(), "ctx-name": t, ...g }), /* @__PURE__ */ e.createElement(
E,
{
ref: c,
"ctx-name": t,
...d
}
), /* @__PURE__ */ e.createElement(I, { class: l, "ctx-name": t, ...m })));
};
export {
F as FileUploaderRegular
};
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),f=require("@uploadcare/file-uploader"),r=require("./useIsBrowser-8MTMcCd_.cjs");function m(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const l=m(f);l.defineComponents(l);const C=r.j({react:t,tag:"uc-file-uploader-regular",elClass:l.FileUploaderRegular}),U=({ctxName:e,className:o,classNameUploader:n,apiRef:a,fallback:i,...s})=>{const c=t.useMemo(()=>e??l.UID.generate(),[e]),{eventHandlers:u,config:d,uploader:g}=t.useMemo(()=>r.getCalcPropertyOfProps(s),[s]),p=r.useIsBrowser();return t.createElement(r.ConditionalSuspense,{condition:p,fallback:i},t.createElement("div",{className:o},t.createElement(r.AdapterConfig,{userAgentIntegration:r.getUserAgentIntegration(),"ctx-name":c,...d}),t.createElement(r.AdapterUploadCtxProvider,{ref:a,"ctx-name":c,...u}),t.createElement(C,{class:n,"ctx-name":c,...g})))};exports.FileUploaderRegular=U;
"use strict";const f=require("react"),y=require("@uploadcare/file-uploader");function b(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const v=b(y),h=new Set(["children","ref","style","className"]),O=(e={})=>Object==null?void 0:Object.keys(e).reduce((t,r)=>{var s,n;const o=e==null?void 0:e[r],a=`on${(n=(s=o==null?void 0:o.split("-"))==null?void 0:s.map(c=>c.charAt(0).toUpperCase()+c.slice(1)))==null?void 0:n.join("")}`;return t[a]=o,t},{}),m=new WeakMap,j=e=>{let t=m.get(e);return t===void 0&&(t=new Map,m.set(e,t)),t},E=({node:e,nameProp:t,valueProp:r,prevValueProp:s,event:n})=>{if(n!==void 0){if(r!==s){const o=j(e),a=o.has(n);let c=o.get(n);r!==void 0?a?c.handleEvent=r:(c={handleEvent:r},o.set(n,c),e.addEventListener(n,l=>c.handleEvent(l.detail))):a&&(o.delete(n),e.removeEventListener(n,c))}return}e[t]=r,r==null&&t in HTMLElement.prototype&&e.removeAttribute(t)},U=(e,t,r)=>{const s={},n={};return Object.entries(e).forEach(([o,a])=>{h.has(o)?s[o==="className"?"class":o]=a:t.has(o)||o in r.prototype?n[o]=a:s[o]=a}),{reactProps:s,customElProps:n}},g=({react:e,tag:t,elClass:r,schemaEvents:s})=>{const n=O(s),o=new Set(Object.keys(n??{})),a=e.forwardRef((c,l)=>{const d=e.useRef(new Map),p=e.useRef(null),{reactProps:C,customElProps:P}=U(c,o,r);return e.useLayoutEffect(()=>{if(p.current===null)return;const i=new Map;for(const u in P)E({node:p.current,nameProp:u,valueProp:P[u],prevValueProp:d.current.get(u),event:n[u]}),d.current.delete(u),i.set(u,c[u]);for(const[u,w]of d.current)E({node:p.current,nameProp:u,valueProp:void 0,prevValueProp:w,event:n[u]});d.current=i}),e.createElement(t??r.__tag,{...C,ref:e.useCallback(i=>{p.current=i,typeof l=="function"?l(i):l!==null&&(l.current=i)},[l])})});return a.displayName=r.name,a},A=g({react:f,tag:"uc-config",elClass:v.Config}),M=g({react:f,tag:"uc-upload-ctx-provider",elClass:v.UploadCtxProvider,schemaEvents:v.UploadCtxProvider.EventType}),N=e=>{const t={},r={},s={};for(const[n,o]of Object.entries(e)){if(n.startsWith("on")){t[n]=o;continue}if(n==="headless"){s[n]=o;continue}r[n]=o}return{eventHandlers:t,uploader:s,config:r}},S="1.9.0",I="React-Uploader",_=()=>`${I}/${S}`,k=({children:e})=>e,x=()=>{const[e,t]=f.useState(!1);return f.useEffect(()=>{typeof window<"u"&&t(!0)},[]),e};exports.AdapterConfig=A;exports.AdapterUploadCtxProvider=M;exports.ConditionalSuspense=k;exports.getCalcPropertyOfProps=N;exports.getUserAgentIntegration=_;exports.j=g;exports.useIsBrowser=x;
import P, { useState as w, useEffect as y } from "react";
import * as f from "@uploadcare/file-uploader";
const b = /* @__PURE__ */ new Set([
"children",
"ref",
"style",
"className"
]), j = (e = {}) => Object == null ? void 0 : Object.keys(e).reduce((r, o) => {
var s, t;
const n = e == null ? void 0 : e[o], a = `on${(t = (s = n == null ? void 0 : n.split("-")) == null ? void 0 : s.map((c) => c.charAt(0).toUpperCase() + c.slice(1))) == null ? void 0 : t.join("")}`;
return r[a] = n, r;
}, {}), m = /* @__PURE__ */ new WeakMap(), A = (e) => {
let r = m.get(e);
return r === void 0 && (r = /* @__PURE__ */ new Map(), m.set(e, r)), r;
}, E = ({
node: e,
nameProp: r,
valueProp: o,
prevValueProp: s,
event: t
}) => {
if (t !== void 0) {
if (o !== s) {
const n = A(e), a = n.has(t);
let c = n.get(t);
o !== void 0 ? a ? c.handleEvent = o : (c = { handleEvent: o }, n.set(t, c), e.addEventListener(
t,
(l) => c.handleEvent(l.detail)
)) : a && (n.delete(t), e.removeEventListener(t, c));
}
return;
}
e[r] = o, o == null && r in HTMLElement.prototype && e.removeAttribute(r);
}, M = (e, r, o) => {
const s = {}, t = {};
return Object.entries(e).forEach(([n, a]) => {
b.has(n) ? s[n === "className" ? "class" : n] = a : r.has(n) || n in o.prototype ? t[n] = a : s[n] = a;
}), { reactProps: s, customElProps: t };
}, g = ({
react: e,
// https://react.dev/warnings/invalid-hook-call-warning
tag: r,
elClass: o,
schemaEvents: s
}) => {
const t = j(s), n = new Set(Object.keys(t ?? {})), a = e.forwardRef(
(c, l) => {
const i = e.useRef(/* @__PURE__ */ new Map()), p = e.useRef(null), { reactProps: h, customElProps: v } = M(c, n, o);
return e.useLayoutEffect(() => {
if (p.current === null)
return;
const d = /* @__PURE__ */ new Map();
for (const u in v)
E({
node: p.current,
nameProp: u,
valueProp: v[u],
prevValueProp: i.current.get(u),
event: t[u]
}), i.current.delete(u), d.set(u, c[u]);
for (const [u, C] of i.current)
E({
node: p.current,
nameProp: u,
valueProp: void 0,
prevValueProp: C,
event: t[u]
});
i.current = d;
}), e.createElement(r ?? o.__tag, {
...h,
ref: e.useCallback(
(d) => {
p.current = d, typeof l == "function" ? l(d) : l !== null && (l.current = d);
},
[l]
)
});
}
);
return a.displayName = o.name, a;
}, x = g({
react: P,
tag: "uc-config",
elClass: f.Config
}), R = g({
react: P,
tag: "uc-upload-ctx-provider",
elClass: f.UploadCtxProvider,
schemaEvents: f.UploadCtxProvider.EventType
}), k = (e) => {
const r = {}, o = {}, s = {};
for (const [t, n] of Object.entries(e)) {
if (t.startsWith("on")) {
r[t] = n;
continue;
}
if (t === "headless") {
s[t] = n;
continue;
}
o[t] = n;
}
return {
eventHandlers: r,
uploader: s,
config: o
};
}, O = "1.9.0", U = "React-Uploader", I = () => `${U}/${O}`, L = ({ children: e }) => e, S = () => {
const [e, r] = w(!1);
return y(() => {
typeof window < "u" && r(!0);
}, []), e;
};
export {
x as A,
L as C,
I as a,
R as b,
k as g,
g as j,
S as u
};