@uploadista/react-native-core 0.0.20 → 0.1.0-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadista/react-native-core",
-  "version": "0.0.20",
+  "version": "0.1.0-beta.5",
   "type": "module",
   "description": "Core React Native client for Uploadista",
   "license": "MIT",
@@ -15,8 +15,8 @@
   "dependencies": {
     "uuid": "^13.0.0",
     "js-base64": "^3.7.7",
-    "@uploadista/core": "0.0.20",
-    "@uploadista/client-core": "0.0.20"
+    "@uploadista/core": "0.1.0-beta.5",
+    "@uploadista/client-core": "0.1.0-beta.5"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -30,8 +30,8 @@
   },
   "devDependencies": {
     "@types/react": ">=18.0.0",
-    "tsdown": "0.18.0",
-    "@uploadista/typescript-config": "0.0.20"
+    "tsdown": "0.19.0",
+    "@uploadista/typescript-config": "0.1.0-beta.5"
   },
   "scripts": {
     "build": "tsc --noEmit && tsdown",

package/src/components/flow-primitives.tsx

@@ -648,11 +648,14 @@ function FlowSubmit({ children, disabled }: FlowSubmitProps) {
 
   const renderProps: FlowSubmitRenderProps = {
     submit: flow.execute,
-    isDisabled: disabled || flow.isActive || Object.keys(flow.inputs).length === 0,
+    isDisabled:
+      disabled || flow.isActive || Object.keys(flow.inputs).length === 0,
     isSubmitting: flow.isActive,
   };
 
-  return <>{typeof children === "function" ? children(renderProps) : children}</>;
+  return (
+    <>{typeof children === "function" ? children(renderProps) : children}</>
+  );
 }
 
 /**
@@ -684,7 +687,9 @@ function FlowCancel({ children }: FlowCancelProps) {
     isDisabled: !flow.isActive,
   };
 
-  return <>{typeof children === "function" ? children(renderProps) : children}</>;
+  return (
+    <>{typeof children === "function" ? children(renderProps) : children}</>
+  );
 }
 
 /**
@@ -716,7 +721,9 @@ function FlowReset({ children }: FlowResetProps) {
     isDisabled: flow.isActive,
   };
 
-  return <>{typeof children === "function" ? children(renderProps) : children}</>;
+  return (
+    <>{typeof children === "function" ? children(renderProps) : children}</>
+  );
 }
 
 // ============ QUICK UPLOAD PRIMITIVE ============

package/src/components/index.ts

@@ -11,75 +11,74 @@ export {
   FileUploadButton,
   type FileUploadButtonProps,
 } from "./FileUploadButton";
-export {
-  GalleryUploadButton,
-  type GalleryUploadButtonProps,
-} from "./GalleryUploadButton";
-export { UploadList, type UploadListProps } from "./UploadList";
-export { UploadProgress, type UploadProgressProps } from "./UploadProgress";
-
 // Flow compound components
 export {
   Flow,
-  useFlowContext,
-  useFlowInputContext,
-  type FlowProps,
-  type FlowRenderProps,
+  type FlowCancelProps,
+  type FlowCancelRenderProps,
   type FlowContextValue,
+  type FlowErrorProps,
+  type FlowErrorRenderProps,
   type FlowInputContextValue,
-  type FlowInputsProps,
-  type FlowInputsRenderProps,
-  type FlowInputProps,
   type FlowInputFilePickerProps,
   type FlowInputFilePickerRenderProps,
   type FlowInputPreviewProps,
   type FlowInputPreviewRenderProps,
+  type FlowInputProps,
+  type FlowInputsProps,
+  type FlowInputsRenderProps,
   type FlowProgressProps,
   type FlowProgressRenderProps,
+  type FlowProps,
+  type FlowQuickUploadProps,
+  type FlowQuickUploadRenderProps,
+  type FlowRenderProps,
+  type FlowResetProps,
+  type FlowResetRenderProps,
   type FlowStatusProps,
   type FlowStatusRenderProps,
-  type FlowErrorProps,
-  type FlowErrorRenderProps,
   type FlowSubmitProps,
   type FlowSubmitRenderProps,
-  type FlowCancelProps,
-  type FlowCancelRenderProps,
-  type FlowResetProps,
-  type FlowResetRenderProps,
-  type FlowQuickUploadProps,
-  type FlowQuickUploadRenderProps,
+  useFlowContext,
+  useFlowInputContext,
 } from "./flow-primitives";
+export {
+  GalleryUploadButton,
+  type GalleryUploadButtonProps,
+} from "./GalleryUploadButton";
+export { UploadList, type UploadListProps } from "./UploadList";
+export { UploadProgress, type UploadProgressProps } from "./UploadProgress";
 
 // Upload compound components
 export {
   Upload,
-  useUploadContext,
-  useUploadItemContext,
-  type UploadProps,
-  type UploadRenderProps,
+  type UploadCameraPickerProps,
+  type UploadCameraPickerRenderProps,
+  type UploadCancelProps,
+  type UploadCancelRenderProps,
   type UploadContextValue,
-  type UploadItemContextValue,
+  type UploadErrorProps,
+  type UploadErrorRenderProps,
   type UploadFilePickerProps,
   type UploadFilePickerRenderProps,
   type UploadGalleryPickerProps,
   type UploadGalleryPickerRenderProps,
-  type UploadCameraPickerProps,
-  type UploadCameraPickerRenderProps,
+  type UploadItemContextValue,
+  type UploadItemProps,
   type UploadItemsProps,
   type UploadItemsRenderProps,
-  type UploadItemProps,
   type UploadProgressProps as UploadCompoundProgressProps,
   type UploadProgressRenderProps as UploadCompoundProgressRenderProps,
-  type UploadStatusProps,
-  type UploadStatusRenderProps,
-  type UploadErrorProps,
-  type UploadErrorRenderProps,
-  type UploadCancelProps,
-  type UploadCancelRenderProps,
-  type UploadRetryProps,
-  type UploadRetryRenderProps,
+  type UploadProps,
+  type UploadRenderProps,
   type UploadResetProps,
   type UploadResetRenderProps,
+  type UploadRetryProps,
+  type UploadRetryRenderProps,
   type UploadStartAllProps,
   type UploadStartAllRenderProps,
+  type UploadStatusProps,
+  type UploadStatusRenderProps,
+  useUploadContext,
+  useUploadItemContext,
 } from "./upload-primitives";

package/src/components/upload-primitives.tsx

@@ -133,7 +133,11 @@ export interface UploadProps {
   /** Called when an upload fails */
   onError?: (error: Error) => void;
   /** Called when all uploads complete (multi mode) */
-  onComplete?: (results: { successful: number; failed: number; total: number }) => void;
+  onComplete?: (results: {
+    successful: number;
+    failed: number;
+    total: number;
+  }) => void;
   /** Children to render (can be render function or ReactNode) */
   children: ReactNode | ((props: UploadRenderProps) => ReactNode);
 }
@@ -215,12 +219,21 @@ function UploadRoot({
   // Track completion
   const checkComplete = useCallback(() => {
     const { items } = multiUpload.state;
-    const allComplete = items.length > 0 && items.every(
-      (item) => item.status === "success" || item.status === "error" || item.status === "aborted"
-    );
+    const allComplete =
+      items.length > 0 &&
+      items.every(
+        (item) =>
+          item.status === "success" ||
+          item.status === "error" ||
+          item.status === "aborted",
+      );
     if (allComplete && onComplete) {
-      const successful = items.filter((item) => item.status === "success").length;
-      const failed = items.filter((item) => item.status === "error" || item.status === "aborted").length;
+      const successful = items.filter(
+        (item) => item.status === "success",
+      ).length;
+      const failed = items.filter(
+        (item) => item.status === "error" || item.status === "aborted",
+      ).length;
       onComplete({ successful, failed, total: items.length });
     }
   }, [multiUpload.state, onComplete]);
@@ -255,7 +268,9 @@ function UploadRoot({
     if (!fileSystemProvider?.pickImage) {
       throw new Error("Image picker not available");
     }
-    const result = await fileSystemProvider.pickImage({ allowMultiple: multiple });
+    const result = await fileSystemProvider.pickImage({
+      allowMultiple: multiple,
+    });
     if (result.status === "success") {
       handleFilesReceived([result]);
       return result;
@@ -669,7 +684,10 @@ function UploadStatus({ children }: UploadStatusProps) {
     status = "uploading";
   } else if (state.items.length > 0) {
     const allComplete = state.items.every(
-      (item) => item.status === "success" || item.status === "error" || item.status === "aborted"
+      (item) =>
+        item.status === "success" ||
+        item.status === "error" ||
+        item.status === "aborted",
     );
     if (allComplete) {
       status = state.failedCount > 0 ? "error" : "success";
@@ -680,7 +698,10 @@ function UploadStatus({ children }: UploadStatusProps) {
     status,
     isIdle: status === "idle",
     isUploading: state.activeCount > 0,
-    isSuccess: state.completedCount > 0 && state.failedCount === 0 && state.activeCount === 0,
+    isSuccess:
+      state.completedCount > 0 &&
+      state.failedCount === 0 &&
+      state.activeCount === 0,
     isError: state.failedCount > 0,
     total: state.items.length,
     successful: state.completedCount,
@@ -737,8 +758,8 @@ export interface UploadErrorProps {
 function UploadError({ children }: UploadErrorProps) {
   const upload = useUploadContext();
 
-  const failedItems = upload.state.items.filter((item) =>
-    item.status === "error" || item.status === "aborted"
+  const failedItems = upload.state.items.filter(
+    (item) => item.status === "error" || item.status === "aborted",
   );
 
   const renderProps: UploadErrorRenderProps = {
@@ -778,9 +799,11 @@ function UploadCancel({ children }: UploadCancelProps) {
   const upload = useUploadContext();
 
   const cancel = useCallback(() => {
-    upload.state.items
-      .filter((item) => item.status === "uploading")
-      .forEach((item) => upload.abortItem(item.id));
+    for (const item of upload.state.items.filter(
+      (item) => item.status === "uploading",
+    )) {
+      upload.abortItem(item.id);
+    }
   }, [upload]);
 
   const renderProps: UploadCancelRenderProps = {
@@ -817,7 +840,7 @@ function UploadRetry({ children }: UploadRetryProps) {
 
   const retry = useCallback(async () => {
     const failedItems = upload.state.items.filter(
-      (item) => item.status === "error" || item.status === "aborted"
+      (item) => item.status === "error" || item.status === "aborted",
     );
     for (const item of failedItems) {
       await upload.retryItem(item.id);
@@ -886,7 +909,7 @@ function UploadStartAll({ children }: UploadStartAllProps) {
   const upload = useUploadContext();
 
   const idleCount = upload.state.items.filter(
-    (item) => item.status === "idle"
+    (item) => item.status === "idle",
   ).length;
 
   const start = useCallback(async () => {

package/src/index.ts

@@ -33,72 +33,72 @@ export {
   type CameraUploadButtonProps,
   FileUploadButton,
   type FileUploadButtonProps,
-  GalleryUploadButton,
-  type GalleryUploadButtonProps,
-  UploadList,
-  type UploadListProps,
-  UploadProgress,
-  type UploadProgressProps,
   // Flow compound components
   Flow,
-  useFlowContext,
-  useFlowInputContext,
-  type FlowProps,
-  type FlowRenderProps,
+  type FlowCancelProps,
+  type FlowCancelRenderProps,
   type FlowContextValue,
+  type FlowErrorProps,
+  type FlowErrorRenderProps,
   type FlowInputContextValue,
-  type FlowInputsProps,
-  type FlowInputsRenderProps,
-  type FlowInputProps,
   type FlowInputFilePickerProps,
   type FlowInputFilePickerRenderProps,
   type FlowInputPreviewProps,
   type FlowInputPreviewRenderProps,
+  type FlowInputProps,
+  type FlowInputsProps,
+  type FlowInputsRenderProps,
   type FlowProgressProps,
   type FlowProgressRenderProps,
+  type FlowProps,
+  type FlowQuickUploadProps,
+  type FlowQuickUploadRenderProps,
+  type FlowRenderProps,
+  type FlowResetProps,
+  type FlowResetRenderProps,
   type FlowStatusProps,
   type FlowStatusRenderProps,
-  type FlowErrorProps,
-  type FlowErrorRenderProps,
   type FlowSubmitProps,
   type FlowSubmitRenderProps,
-  type FlowCancelProps,
-  type FlowCancelRenderProps,
-  type FlowResetProps,
-  type FlowResetRenderProps,
-  type FlowQuickUploadProps,
-  type FlowQuickUploadRenderProps,
+  GalleryUploadButton,
+  type GalleryUploadButtonProps,
   // Upload compound components
   Upload,
-  useUploadContext,
-  useUploadItemContext,
-  type UploadProps,
-  type UploadRenderProps,
+  type UploadCameraPickerProps,
+  type UploadCameraPickerRenderProps,
+  type UploadCancelProps,
+  type UploadCancelRenderProps,
+  type UploadCompoundProgressProps,
+  type UploadCompoundProgressRenderProps,
   type UploadContextValue,
-  type UploadItemContextValue,
+  type UploadErrorProps,
+  type UploadErrorRenderProps,
   type UploadFilePickerProps,
   type UploadFilePickerRenderProps,
   type UploadGalleryPickerProps,
   type UploadGalleryPickerRenderProps,
-  type UploadCameraPickerProps,
-  type UploadCameraPickerRenderProps,
+  type UploadItemContextValue,
+  type UploadItemProps,
   type UploadItemsProps,
   type UploadItemsRenderProps,
-  type UploadItemProps,
-  type UploadCompoundProgressProps,
-  type UploadCompoundProgressRenderProps,
-  type UploadStatusProps,
-  type UploadStatusRenderProps,
-  type UploadErrorProps,
-  type UploadErrorRenderProps,
-  type UploadCancelProps,
-  type UploadCancelRenderProps,
-  type UploadRetryProps,
-  type UploadRetryRenderProps,
+  UploadList,
+  type UploadListProps,
+  UploadProgress,
+  type UploadProgressProps,
+  type UploadProps,
+  type UploadRenderProps,
   type UploadResetProps,
   type UploadResetRenderProps,
+  type UploadRetryProps,
+  type UploadRetryRenderProps,
   type UploadStartAllProps,
   type UploadStartAllRenderProps,
+  type UploadStatusProps,
+  type UploadStatusRenderProps,
+  useFlowContext,
+  useFlowInputContext,
+  useUploadContext,
+  useUploadItemContext,
 } from "./components";
 // Export contexts
 export {