@uploadcare/react-uploader
Advanced tools
| "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; |
+3
-3
| 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 { |
+3
-3
| { | ||
| "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 | ||
| }; |
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 2 instances in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 2 instances in 1 package
98987
0+ Added
- Removed