@bouku/core 0.1.0 → 0.1.1

package/dist/assets/icons/upload.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="1em" height="1em">
+    <path 
+        d="M352 173.3L352 384C352 401.7 337.7 416 320 416C302.3 416 288 401.7 288 384L288 173.3L246.6 214.7C234.1 227.2 213.8 227.2 201.3 214.7C188.8 202.2 188.8 181.9 201.3 169.4L297.3 73.4C309.8 60.9 330.1 60.9 342.6 73.4L438.6 169.4C451.1 181.9 451.1 202.2 438.6 214.7C426.1 227.2 405.8 227.2 393.3 214.7L352 173.3zM320 464C364.2 464 400 428.2 400 384L480 384C515.3 384 544 412.7 544 448L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 448C96 412.7 124.7 384 160 384L240 384C240 428.2 275.8 464 320 464zM464 488C477.3 488 488 477.3 488 464C488 450.7 477.3 440 464 440C450.7 440 440 450.7 440 464C440 477.3 450.7 488 464 488z" 
+        fill="currentColor" 
+    />
+</svg>

package/dist/components/button/_.d.ts

@@ -1,2 +1,3 @@
 export { default as Button } from "./normal";
 export { default as CopyButton } from "./copy";
+export { default as FileUploader } from "./upload";

package/dist/components/button/_.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyButton = exports.Button = void 0;
+exports.FileUploader = exports.CopyButton = exports.Button = void 0;
 var normal_1 = require("./normal");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(normal_1).default; } });
 var copy_1 = require("./copy");
 Object.defineProperty(exports, "CopyButton", { enumerable: true, get: function () { return __importDefault(copy_1).default; } });
+var upload_1 = require("./upload");
+Object.defineProperty(exports, "FileUploader", { enumerable: true, get: function () { return __importDefault(upload_1).default; } });

package/dist/components/button/upload.d.ts

@@ -0,0 +1,9 @@
+type FileType = "csv";
+type Props<T> = {
+    type?: FileType | FileType[];
+    url: string;
+    next?: (data: T) => void;
+    oops?: (err: string) => void;
+};
+export default function FileUploader<T>({ type, url, next, oops }: Props<T>): import("react").JSX.Element;
+export {};

package/dist/components/button/upload.js

@@ -0,0 +1,42 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FileUploader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const upload_svg_1 = __importDefault(require("../../assets/icons/upload.svg"));
+const core_1 = require("@bouku/core");
+const snatch_http_1 = require("snatch-http");
+function FileUploader({ type, url, next, oops }) {
+    const inputRef = (0, react_1.useRef)(null);
+    const clickButton = () => inputRef.current?.click();
+    const [isLoading, setLoading] = (0, react_1.useState)(false);
+    const typesArray = type ? (Array.isArray(type) ? type : [type]) : undefined;
+    const acceptAttribute = typesArray?.map((t) => `.${t}`).join(", ");
+    const handleUpload = async (event) => {
+        const file = event.target.files?.[0];
+        if (!file)
+            return;
+        setLoading(true);
+        const formData = new FormData();
+        formData.append("data", file);
+        const handleSuccess = (data) => {
+            next?.(data);
+            setLoading(false);
+        };
+        await (0, snatch_http_1.postApi)({
+            url: url,
+            data: formData,
+            next: handleSuccess,
+            oops: oops,
+            safe: true
+        });
+        setLoading(false);
+        if (event.target)
+            event.target.value = "";
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(core_1.Button, { variant: "accent", action: clickButton, disabled: isLoading, children: [(0, jsx_runtime_1.jsx)(upload_svg_1.default, {}), "Import CSV"] }), (0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "file", className: "hidden", accept: acceptAttribute, onChange: handleUpload })] }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bouku/core",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -29,6 +29,7 @@
     "framer-motion": "^12.23.6",
     "react-rnd": "^10.5.2",
     "react-time-ago": "^7.4.4",
+    "snatch-http": "^0.0.1",
     "tailwind-variants": "^1.0.0",
     "ts-helper-kit": "^0.0.6"
   },