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

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 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;
+"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.2",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.d.ts

@@ -2,7 +2,6 @@ import type { ConfigType } from '@uploadcare/blocks';
 import { defineLocale } from '@uploadcare/blocks';
 import type { EventMap } from '@uploadcare/blocks';
 import { FC } from 'react';
-import { OutputFileEntry } from '@uploadcare/blocks';
 import { default as React_2 } from 'react';
 import type { Ref } from 'react';
 import { UploadCtxProvider } from '@uploadcare/blocks';
@@ -15,8 +14,6 @@ export declare const FileUploaderMinimal: FC<TProps>;
 
 export declare const FileUploaderRegular: FC<TProps>;
 
-export { OutputFileEntry }
-
 declare type TDefaultProps = {
     className?: string;
     classNameUploader?: string;
@@ -51,4 +48,7 @@ declare type TToCamelCase<S extends string> = S extends `${infer Head}-${infer T
 
 export { UploadCtxProvider }
 
+
+export * from "@uploadcare/blocks/types/index.js";
+
 export { }

package/dist/react-uploader.js

@@ -97,7 +97,7 @@ const R = /* @__PURE__ */ new Set([
     eventHandlers: r,
     config: o
   };
-}, j = "0.6.0-alpha.1", L = "React-Uploader", U = () => `${L}/${j}`, w = ({ children: e }) => e, h = () => {
+}, j = "0.6.0-alpha.2", L = "React-Uploader", U = () => `${L}/${j}`, w = ({ children: e }) => e, h = () => {
   const [e, r] = B(!1);
   return F(() => {
     typeof window < "u" && r(!0);

package/package.json

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