@uploadcare/react-uploader 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import e, { useMemo as o } from "react";
2
2
  import * as t from "@uploadcare/file-uploader";
3
- import { b as g, g as f, u as C, C as u, A, a as U, c as E } from "./useIsBrowser-jTY8__c0.js";
3
+ import { b as g, g as f, u as C, C as u, A, a as U, c as E } from "./useIsBrowser-DJrMJvG5.js";
4
4
  t.defineComponents(t);
5
5
  const I = g({
6
6
  react: e,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),g=require("@uploadcare/file-uploader"),n=require("./useIsBrowser-CmReDe5-.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.b({react:t,tag:"uc-file-uploader-inline",elClass:l.FileUploaderMinimal}),b=({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=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),g=require("@uploadcare/file-uploader"),n=require("./useIsBrowser-B2FLLWPZ.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.b({react:t,tag:"uc-file-uploader-inline",elClass:l.FileUploaderMinimal}),b=({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=b;
@@ -1,6 +1,6 @@
1
1
  import e, { useMemo as o } from "react";
2
2
  import * as t from "@uploadcare/file-uploader";
3
- import { b as g, g as f, u as C, C as u, A, a as U, c as E } from "./useIsBrowser-jTY8__c0.js";
3
+ import { b as g, g as f, u as C, C as u, A, a as U, c as E } from "./useIsBrowser-DJrMJvG5.js";
4
4
  t.defineComponents(t);
5
5
  const M = g({
6
6
  react: e,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("@uploadcare/file-uploader"),n=require("./useIsBrowser-CmReDe5-.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.b({react:t,tag:"uc-file-uploader-minimal",elClass:i.FileUploaderMinimal}),b=({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=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("@uploadcare/file-uploader"),n=require("./useIsBrowser-B2FLLWPZ.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.b({react:t,tag:"uc-file-uploader-minimal",elClass:i.FileUploaderMinimal}),b=({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=b;
@@ -1,6 +1,6 @@
1
1
  import e, { useMemo as o } from "react";
2
2
  import * as r from "@uploadcare/file-uploader";
3
- import { b as u, g as f, u as C, C as A, A as U, a as E, c as x } from "./useIsBrowser-jTY8__c0.js";
3
+ import { b as u, g as f, u as C, C as A, A as U, a as E, c as x } from "./useIsBrowser-DJrMJvG5.js";
4
4
  r.defineComponents(r);
5
5
  const I = u({
6
6
  react: e,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),f=require("@uploadcare/file-uploader"),r=require("./useIsBrowser-CmReDe5-.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 b=r.b({react:t,tag:"uc-file-uploader-regular",elClass:l.FileUploaderRegular}),C=({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(b,{class:n,"ctx-name":c,...g})))};exports.FileUploaderRegular=C;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),f=require("@uploadcare/file-uploader"),r=require("./useIsBrowser-B2FLLWPZ.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 b=r.b({react:t,tag:"uc-file-uploader-regular",elClass:l.FileUploaderRegular}),C=({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(b,{class:n,"ctx-name":c,...g})))};exports.FileUploaderRegular=C;
package/dist/nextjs.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("next/dynamic"),r=l(()=>Promise.resolve().then(()=>require("./FileUploaderMinimal-pOVp8vjz.cjs")).then(e=>e.FileUploaderMinimal),{ssr:!1}),i=l(()=>Promise.resolve().then(()=>require("./FileUploaderRegular-CxyOePaU.cjs")).then(e=>e.FileUploaderRegular),{ssr:!1}),o=l(()=>Promise.resolve().then(()=>require("./FileUploaderInline-50PPJKW9.cjs")).then(e=>e.FileUploaderInline),{ssr:!1});exports.FileUploaderInline=o;exports.FileUploaderMinimal=r;exports.FileUploaderRegular=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("next/dynamic"),r=l(()=>Promise.resolve().then(()=>require("./FileUploaderMinimal-DhoigVia.cjs")).then(e=>e.FileUploaderMinimal),{ssr:!1}),i=l(()=>Promise.resolve().then(()=>require("./FileUploaderRegular-DCWNiWJJ.cjs")).then(e=>e.FileUploaderRegular),{ssr:!1}),o=l(()=>Promise.resolve().then(()=>require("./FileUploaderInline-D87H4ukf.cjs")).then(e=>e.FileUploaderInline),{ssr:!1});exports.FileUploaderInline=o;exports.FileUploaderMinimal=r;exports.FileUploaderRegular=i;
package/dist/nextjs.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import l from "next/dynamic";
2
2
  const r = l(
3
- () => import("./FileUploaderMinimal-Bw7bqfzz.js").then((e) => e.FileUploaderMinimal),
3
+ () => import("./FileUploaderMinimal-CETIkWTc.js").then((e) => e.FileUploaderMinimal),
4
4
  { ssr: !1 }
5
5
  ), o = l(
6
- () => import("./FileUploaderRegular-CQ00zGri.js").then((e) => e.FileUploaderRegular),
6
+ () => import("./FileUploaderRegular-Br_1ntrZ.js").then((e) => e.FileUploaderRegular),
7
7
  { ssr: !1 }
8
8
  ), a = l(
9
- () => import("./FileUploaderInline-CQDC6vrt.js").then((e) => e.FileUploaderInline),
9
+ () => import("./FileUploaderInline-ChOmlkXa.js").then((e) => e.FileUploaderInline),
10
10
  { ssr: !1 }
11
11
  );
12
12
  export {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./FileUploaderRegular-CxyOePaU.cjs"),r=require("./FileUploaderMinimal-pOVp8vjz.cjs"),i=require("./FileUploaderInline-50PPJKW9.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
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./FileUploaderRegular-DCWNiWJJ.cjs"),r=require("./FileUploaderMinimal-DhoigVia.cjs"),i=require("./FileUploaderInline-D87H4ukf.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,6 +1,6 @@
1
- import { FileUploaderRegular as r } from "./FileUploaderRegular-CQ00zGri.js";
2
- import { FileUploaderMinimal as i } from "./FileUploaderMinimal-Bw7bqfzz.js";
3
- import { FileUploaderInline as a } from "./FileUploaderInline-CQDC6vrt.js";
1
+ import { FileUploaderRegular as r } from "./FileUploaderRegular-Br_1ntrZ.js";
2
+ import { FileUploaderMinimal as i } from "./FileUploaderMinimal-CETIkWTc.js";
3
+ import { FileUploaderInline as a } from "./FileUploaderInline-ChOmlkXa.js";
4
4
  import { UploadCtxProvider as f, defineLocale as m } from "@uploadcare/file-uploader";
5
5
  export {
6
6
  a as FileUploaderInline,
@@ -1 +1 @@
1
- "use strict";const f=require("react"),w=require("@uploadcare/file-uploader");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const v=y(w),h=new Set(["children","ref","style","className"]),O=(e={})=>Object==null?void 0:Object.keys(e).reduce((t,n)=>{var s,r;const o=e==null?void 0:e[n],a=`on${(r=(s=o==null?void 0:o.split("-"))==null?void 0:s.map(c=>c.charAt(0).toUpperCase()+c.slice(1)))==null?void 0:r.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:n,prevValueProp:s,event:r})=>{if(r!==void 0){if(n!==s){const o=j(e),a=o.has(r);let c=o.get(r);n!==void 0?a?c.handleEvent=n:(c={handleEvent:n},o.set(r,c),e.addEventListener(r,u=>c.handleEvent(u.detail))):a&&(o.delete(r),e.removeEventListener(r,c))}return}e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)},U=(e,t,n)=>{const s={},r={};return Object.entries(e).forEach(([o,a])=>{h.has(o)?s[o==="className"?"class":o]=a:t.has(o)||o in n.prototype?r[o]=a:s[o]=a}),{reactProps:s,customElProps:r}},g=({react:e,tag:t,elClass:n,schemaEvents:s})=>{const r=O(s),o=new Set(Object.keys(r??{})),a=e.forwardRef((c,u)=>{const p=e.useRef(new Map),d=e.useRef(null),{reactProps:C,customElProps:P}=U(c,o,n);return e.useLayoutEffect(()=>{if(d.current===null)return;const i=new Map;for(const l in P)E({node:d.current,nameProp:l,valueProp:P[l],prevValueProp:p.current.get(l),event:r[l]}),p.current.delete(l),i.set(l,c[l]);for(const[l,b]of p.current)E({node:d.current,nameProp:l,valueProp:void 0,prevValueProp:b,event:r[l]});p.current=i}),e.createElement(t??n.__tag,{...C,ref:e.useCallback(i=>{d.current=i,typeof u=="function"?u(i):u!==null&&(u.current=i)},[u])})});return a.displayName=n.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={},n={},s={};for(const[r,o]of Object.entries(e)){if(r.startsWith("on")){t[r]=o;continue}if(r==="headless"){s[r]=o;continue}n[r]=o}return{eventHandlers:t,uploader:s,config:n}},S="1.2.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.b=g;exports.getCalcPropertyOfProps=N;exports.getUserAgentIntegration=_;exports.useIsBrowser=x;
1
+ "use strict";const f=require("react"),w=require("@uploadcare/file-uploader");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const v=y(w),h=new Set(["children","ref","style","className"]),O=(e={})=>Object==null?void 0:Object.keys(e).reduce((t,n)=>{var s,r;const o=e==null?void 0:e[n],a=`on${(r=(s=o==null?void 0:o.split("-"))==null?void 0:s.map(c=>c.charAt(0).toUpperCase()+c.slice(1)))==null?void 0:r.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:n,prevValueProp:s,event:r})=>{if(r!==void 0){if(n!==s){const o=j(e),a=o.has(r);let c=o.get(r);n!==void 0?a?c.handleEvent=n:(c={handleEvent:n},o.set(r,c),e.addEventListener(r,u=>c.handleEvent(u.detail))):a&&(o.delete(r),e.removeEventListener(r,c))}return}e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)},U=(e,t,n)=>{const s={},r={};return Object.entries(e).forEach(([o,a])=>{h.has(o)?s[o==="className"?"class":o]=a:t.has(o)||o in n.prototype?r[o]=a:s[o]=a}),{reactProps:s,customElProps:r}},g=({react:e,tag:t,elClass:n,schemaEvents:s})=>{const r=O(s),o=new Set(Object.keys(r??{})),a=e.forwardRef((c,u)=>{const p=e.useRef(new Map),d=e.useRef(null),{reactProps:C,customElProps:P}=U(c,o,n);return e.useLayoutEffect(()=>{if(d.current===null)return;const i=new Map;for(const l in P)E({node:d.current,nameProp:l,valueProp:P[l],prevValueProp:p.current.get(l),event:r[l]}),p.current.delete(l),i.set(l,c[l]);for(const[l,b]of p.current)E({node:d.current,nameProp:l,valueProp:void 0,prevValueProp:b,event:r[l]});p.current=i}),e.createElement(t??n.__tag,{...C,ref:e.useCallback(i=>{d.current=i,typeof u=="function"?u(i):u!==null&&(u.current=i)},[u])})});return a.displayName=n.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={},n={},s={};for(const[r,o]of Object.entries(e)){if(r.startsWith("on")){t[r]=o;continue}if(r==="headless"){s[r]=o;continue}n[r]=o}return{eventHandlers:t,uploader:s,config:n}},S="1.3.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.b=g;exports.getCalcPropertyOfProps=N;exports.getUserAgentIntegration=_;exports.useIsBrowser=x;
@@ -106,7 +106,7 @@ const b = /* @__PURE__ */ new Set([
106
106
  uploader: s,
107
107
  config: o
108
108
  };
109
- }, U = "1.2.0", j = "React-Uploader", I = () => `${j}/${U}`, L = ({ children: e }) => e, S = () => {
109
+ }, U = "1.3.0", j = "React-Uploader", I = () => `${j}/${U}`, L = ({ children: e }) => e, S = () => {
110
110
  const [e, n] = w(!1);
111
111
  return y(() => {
112
112
  typeof window < "u" && n(!0);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@uploadcare/react-uploader",
3
3
  "description": "React component for file uploads using Uploadcare",
4
- "version": "1.3.0",
4
+ "version": "1.4.0",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "files": [
@@ -29,8 +29,8 @@
29
29
  "test": "vitest"
30
30
  },
31
31
  "peerDependencies": {
32
- "@types/react": "17 || 18",
33
- "next": "13 || 14"
32
+ "@types/react": "17 || 18 || 19",
33
+ "next": "13 || 14 || 15"
34
34
  },
35
35
  "dependencies": {
36
36
  "@uploadcare/file-uploader": "^1.11.1",
@@ -87,5 +87,5 @@
87
87
  "react hook file upload",
88
88
  "front-end"
89
89
  ],
90
- "gitHead": "a27ec7ae9816628a33bfb5f5a04b8532130e36d7"
90
+ "gitHead": "fba2b199bfdd594c8c3c1776a30f19014ea3faa0"
91
91
  }