@xsolla/xui-drag-drop-uploader 0.154.2-pr295.1779148328

package/native/index.d.mts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { ThemeOverrideProps } from '@xsolla/xui-core';
+
+type DragDropUploaderSize = "xl" | "lg" | "md" | "sm" | "xs";
+type DragDropUploaderVisualState = "default" | "hover" | "drag" | "disabled" | "error";
+type DragDropUploaderFile = {
+    name: string;
+    size: number;
+    mimeType?: string;
+    uri?: string;
+    /** The original DOM File (web only). */
+    file?: File;
+};
+interface DragDropUploaderProps extends ThemeOverrideProps {
+    /** Size of the drop area. Figma default is `sm`. */
+    size?: DragDropUploaderSize;
+    /** Main prompt in the drop area. Set to `null` to hide it. */
+    title?: React.ReactNode;
+    /** Supporting text in the drop area. Set to `null` to hide it. */
+    description?: React.ReactNode;
+    /** Error message shown below the drop area; also switches to error styling. */
+    errorMessage?: string;
+    /** Controlled file list. */
+    files?: DragDropUploaderFile[];
+    /** Initial uncontrolled file list. */
+    defaultFiles?: DragDropUploaderFile[];
+    /** Accepted file types, passed to the hidden web file input. */
+    accept?: string;
+    /** Whether multiple files can be selected. */
+    multiple?: boolean;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Loading state disables user interaction. */
+    loading?: boolean;
+    /** Optional fixed width for the root. Defaults follow Figma. */
+    width?: number | string;
+    /** Test/story-only visual override for documenting non-persistent states. */
+    visualState?: DragDropUploaderVisualState;
+    /** Fires whenever the selected file list changes. */
+    onFilesChange?: (files: DragDropUploaderFile[]) => void;
+    /** Fires with only the files from a user pick/drop action. */
+    onDropFiles?: (files: DragDropUploaderFile[]) => void;
+    /** Fires when a file is removed from the rendered list. */
+    onRemoveFile?: (file: DragDropUploaderFile, index: number) => void;
+}
+
+declare const DragDropUploader: React.ForwardRefExoticComponent<DragDropUploaderProps & React.RefAttributes<HTMLInputElement>>;
+
+export { DragDropUploader, type DragDropUploaderFile, type DragDropUploaderProps, type DragDropUploaderSize, type DragDropUploaderVisualState };

package/native/index.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { ThemeOverrideProps } from '@xsolla/xui-core';
+
+type DragDropUploaderSize = "xl" | "lg" | "md" | "sm" | "xs";
+type DragDropUploaderVisualState = "default" | "hover" | "drag" | "disabled" | "error";
+type DragDropUploaderFile = {
+    name: string;
+    size: number;
+    mimeType?: string;
+    uri?: string;
+    /** The original DOM File (web only). */
+    file?: File;
+};
+interface DragDropUploaderProps extends ThemeOverrideProps {
+    /** Size of the drop area. Figma default is `sm`. */
+    size?: DragDropUploaderSize;
+    /** Main prompt in the drop area. Set to `null` to hide it. */
+    title?: React.ReactNode;
+    /** Supporting text in the drop area. Set to `null` to hide it. */
+    description?: React.ReactNode;
+    /** Error message shown below the drop area; also switches to error styling. */
+    errorMessage?: string;
+    /** Controlled file list. */
+    files?: DragDropUploaderFile[];
+    /** Initial uncontrolled file list. */
+    defaultFiles?: DragDropUploaderFile[];
+    /** Accepted file types, passed to the hidden web file input. */
+    accept?: string;
+    /** Whether multiple files can be selected. */
+    multiple?: boolean;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Loading state disables user interaction. */
+    loading?: boolean;
+    /** Optional fixed width for the root. Defaults follow Figma. */
+    width?: number | string;
+    /** Test/story-only visual override for documenting non-persistent states. */
+    visualState?: DragDropUploaderVisualState;
+    /** Fires whenever the selected file list changes. */
+    onFilesChange?: (files: DragDropUploaderFile[]) => void;
+    /** Fires with only the files from a user pick/drop action. */
+    onDropFiles?: (files: DragDropUploaderFile[]) => void;
+    /** Fires when a file is removed from the rendered list. */
+    onRemoveFile?: (file: DragDropUploaderFile, index: number) => void;
+}
+
+declare const DragDropUploader: React.ForwardRefExoticComponent<DragDropUploaderProps & React.RefAttributes<HTMLInputElement>>;
+
+export { DragDropUploader, type DragDropUploaderFile, type DragDropUploaderProps, type DragDropUploaderSize, type DragDropUploaderVisualState };

package/native/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  DragDropUploader: () => DragDropUploader
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/DragDropUploader.native.tsx
+var import_react = require("react");
+var DragDropUploader = (0, import_react.forwardRef)(
+  () => null
+);
+DragDropUploader.displayName = "DragDropUploader";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DragDropUploader
+});
+//# sourceMappingURL=index.js.map

package/native/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.tsx","../../src/DragDropUploader.native.tsx"],"sourcesContent":["export * from \"./DragDropUploader\";\n","import React, { forwardRef } from \"react\";\nimport type {\n  DragDropUploaderFile,\n  DragDropUploaderProps,\n  DragDropUploaderSize,\n  DragDropUploaderVisualState,\n} from \"./types\";\n\nexport type {\n  DragDropUploaderFile,\n  DragDropUploaderProps,\n  DragDropUploaderSize,\n  DragDropUploaderVisualState,\n};\n\nexport const DragDropUploader = forwardRef<never, DragDropUploaderProps>(\n  () => null\n);\n\nDragDropUploader.displayName = \"DragDropUploader\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkC;AAe3B,IAAM,uBAAmB;AAAA,EAC9B,MAAM;AACR;AAEA,iBAAiB,cAAc;","names":[]}

package/native/index.mjs

@@ -0,0 +1,10 @@
+// src/DragDropUploader.native.tsx
+import { forwardRef } from "react";
+var DragDropUploader = forwardRef(
+  () => null
+);
+DragDropUploader.displayName = "DragDropUploader";
+export {
+  DragDropUploader
+};
+//# sourceMappingURL=index.mjs.map

package/native/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/DragDropUploader.native.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport type {\n  DragDropUploaderFile,\n  DragDropUploaderProps,\n  DragDropUploaderSize,\n  DragDropUploaderVisualState,\n} from \"./types\";\n\nexport type {\n  DragDropUploaderFile,\n  DragDropUploaderProps,\n  DragDropUploaderSize,\n  DragDropUploaderVisualState,\n};\n\nexport const DragDropUploader = forwardRef<never, DragDropUploaderProps>(\n  () => null\n);\n\nDragDropUploader.displayName = \"DragDropUploader\";\n"],"mappings":";AAAA,SAAgB,kBAAkB;AAe3B,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AACR;AAEA,iBAAiB,cAAc;","names":[]}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@xsolla/xui-drag-drop-uploader",
+  "version": "0.154.2-pr295.1779148328",
+  "main": "./web/index.js",
+  "module": "./web/index.mjs",
+  "types": "./web/index.d.ts",
+  "scripts": {
+    "build": "yarn build:web && yarn build:native",
+    "build:web": "PLATFORM=web tsup",
+    "build:native": "PLATFORM=native tsup",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  },
+  "dependencies": {
+    "@xsolla/xui-core": "0.154.2-pr295.1779148328",
+    "@xsolla/xui-icons-base": "0.154.2-pr295.1779148328",
+    "@xsolla/xui-primitives-core": "0.154.2-pr295.1779148328"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^14.1.2",
+    "@vitest/coverage-v8": "^4.0.18",
+    "jsdom": "^24.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tsup": "^8.0.0",
+    "vitest": "^4.0.18"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "react-native": "./native/index.js",
+  "exports": {
+    ".": {
+      "react-native": {
+        "types": "./native/index.d.ts",
+        "import": "./native/index.mjs",
+        "require": "./native/index.js"
+      },
+      "import": {
+        "types": "./web/index.d.ts",
+        "default": "./web/index.mjs"
+      },
+      "require": {
+        "types": "./web/index.d.ts",
+        "default": "./web/index.js"
+      },
+      "default": {
+        "types": "./web/index.d.ts",
+        "default": "./web/index.js"
+      }
+    }
+  }
+}

package/web/index.d.mts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { ThemeOverrideProps } from '@xsolla/xui-core';
+
+type DragDropUploaderSize = "xl" | "lg" | "md" | "sm" | "xs";
+type DragDropUploaderVisualState = "default" | "hover" | "drag" | "disabled" | "error";
+type DragDropUploaderFile = {
+    name: string;
+    size: number;
+    mimeType?: string;
+    uri?: string;
+    /** The original DOM File (web only). */
+    file?: File;
+};
+interface DragDropUploaderProps extends ThemeOverrideProps {
+    /** Size of the drop area. Figma default is `sm`. */
+    size?: DragDropUploaderSize;
+    /** Main prompt in the drop area. Set to `null` to hide it. */
+    title?: React.ReactNode;
+    /** Supporting text in the drop area. Set to `null` to hide it. */
+    description?: React.ReactNode;
+    /** Error message shown below the drop area; also switches to error styling. */
+    errorMessage?: string;
+    /** Controlled file list. */
+    files?: DragDropUploaderFile[];
+    /** Initial uncontrolled file list. */
+    defaultFiles?: DragDropUploaderFile[];
+    /** Accepted file types, passed to the hidden web file input. */
+    accept?: string;
+    /** Whether multiple files can be selected. */
+    multiple?: boolean;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Loading state disables user interaction. */
+    loading?: boolean;
+    /** Optional fixed width for the root. Defaults follow Figma. */
+    width?: number | string;
+    /** Test/story-only visual override for documenting non-persistent states. */
+    visualState?: DragDropUploaderVisualState;
+    /** Fires whenever the selected file list changes. */
+    onFilesChange?: (files: DragDropUploaderFile[]) => void;
+    /** Fires with only the files from a user pick/drop action. */
+    onDropFiles?: (files: DragDropUploaderFile[]) => void;
+    /** Fires when a file is removed from the rendered list. */
+    onRemoveFile?: (file: DragDropUploaderFile, index: number) => void;
+}
+
+declare const DragDropUploader: React.ForwardRefExoticComponent<DragDropUploaderProps & React.RefAttributes<HTMLInputElement>>;
+
+export { DragDropUploader, type DragDropUploaderFile, type DragDropUploaderProps, type DragDropUploaderSize, type DragDropUploaderVisualState };

package/web/index.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { ThemeOverrideProps } from '@xsolla/xui-core';
+
+type DragDropUploaderSize = "xl" | "lg" | "md" | "sm" | "xs";
+type DragDropUploaderVisualState = "default" | "hover" | "drag" | "disabled" | "error";
+type DragDropUploaderFile = {
+    name: string;
+    size: number;
+    mimeType?: string;
+    uri?: string;
+    /** The original DOM File (web only). */
+    file?: File;
+};
+interface DragDropUploaderProps extends ThemeOverrideProps {
+    /** Size of the drop area. Figma default is `sm`. */
+    size?: DragDropUploaderSize;
+    /** Main prompt in the drop area. Set to `null` to hide it. */
+    title?: React.ReactNode;
+    /** Supporting text in the drop area. Set to `null` to hide it. */
+    description?: React.ReactNode;
+    /** Error message shown below the drop area; also switches to error styling. */
+    errorMessage?: string;
+    /** Controlled file list. */
+    files?: DragDropUploaderFile[];
+    /** Initial uncontrolled file list. */
+    defaultFiles?: DragDropUploaderFile[];
+    /** Accepted file types, passed to the hidden web file input. */
+    accept?: string;
+    /** Whether multiple files can be selected. */
+    multiple?: boolean;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Loading state disables user interaction. */
+    loading?: boolean;
+    /** Optional fixed width for the root. Defaults follow Figma. */
+    width?: number | string;
+    /** Test/story-only visual override for documenting non-persistent states. */
+    visualState?: DragDropUploaderVisualState;
+    /** Fires whenever the selected file list changes. */
+    onFilesChange?: (files: DragDropUploaderFile[]) => void;
+    /** Fires with only the files from a user pick/drop action. */
+    onDropFiles?: (files: DragDropUploaderFile[]) => void;
+    /** Fires when a file is removed from the rendered list. */
+    onRemoveFile?: (file: DragDropUploaderFile, index: number) => void;
+}
+
+declare const DragDropUploader: React.ForwardRefExoticComponent<DragDropUploaderProps & React.RefAttributes<HTMLInputElement>>;
+
+export { DragDropUploader, type DragDropUploaderFile, type DragDropUploaderProps, type DragDropUploaderSize, type DragDropUploaderVisualState };