react-file-upload-ui 0.1.0

package/README.md

@@ -0,0 +1,54 @@
+# react-file-upload-ui
+
+React File Upload UI — a small, customizable React component for file uploads.
+
+## Installation
+
+Install as a peer dependency alongside `react` and `react-dom`:
+
+```bash
+npm install react react-dom
+npm install react-file-upload-ui
+```
+
+or with pnpm:
+
+```bash
+pnpm add react react-dom
+pnpm add react-file-upload-ui
+```
+
+## Usage
+
+```tsx
+import React from "react";
+import ReactFileUploaderUI from "react-file-upload-ui";
+
+export default function App() {
+  return <ReactFileUploaderUI />;
+}
+```
+
+## Building
+
+This package uses `tsup` to build. To build locally run:
+
+```bash
+pnpm -C packages run build
+```
+
+## Publishing
+
+Before publishing, make sure `name` in `package.json` is unique on npm and that you've logged in with `npm login`.
+
+When ready to publish:
+
+```bash
+pnpm -C packages run build
+cd packages
+npm publish --access public
+```
+
+---
+
+License: MIT

package/dist/index.d.mts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface ReactFileUploaderUIProps {
+    accept?: string;
+    multiple?: boolean;
+}
+declare const ReactFileUploaderUI: React.FC<ReactFileUploaderUIProps>;
+
+export { ReactFileUploaderUI, type ReactFileUploaderUIProps, ReactFileUploaderUI as default };

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface ReactFileUploaderUIProps {
+    accept?: string;
+    multiple?: boolean;
+}
+declare const ReactFileUploaderUI: React.FC<ReactFileUploaderUIProps>;
+
+export { ReactFileUploaderUI, type ReactFileUploaderUIProps, ReactFileUploaderUI as default };

package/dist/index.js

@@ -0,0 +1,41 @@
+"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, {
+  ReactFileUploaderUI: () => ReactFileUploaderUI,
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var ReactFileUploaderUI = ({
+  accept,
+  multiple
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "file", accept, multiple }),
+    "Test Package"
+  ] });
+};
+var index_default = ReactFileUploaderUI;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactFileUploaderUI
+});

package/dist/index.mjs

@@ -0,0 +1,16 @@
+// src/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ReactFileUploaderUI = ({
+  accept,
+  multiple
+}) => {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("input", { type: "file", accept, multiple }),
+    "Test Package"
+  ] });
+};
+var index_default = ReactFileUploaderUI;
+export {
+  ReactFileUploaderUI,
+  index_default as default
+};

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "react-file-upload-ui",
+  "version": "0.1.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsup src/index.tsx --format cjs,esm --dts --clean",
+    "prepare": "pnpm run build",
+    "prepublishOnly": "pnpm run build",
+    "publish:beta": "npm publish --tag beta --access public",
+    "publish:latest": "npm publish --access public"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "file",
+    "upload",
+    "uploader",
+    "ui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sakilanwar12/react-file-upload-ui.git"
+  },
+  "author": "sakilanwar12",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "private": false,
+  "files": [
+    "dist"
+  ],
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}