@bouko/proton 1.0.0 → 1.0.1

package/dist/assets/icons/folder.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="1em" height="1em">
+    <path 
+        d="M128 512L512 512C547.3 512 576 483.3 576 448L576 208C576 172.7 547.3 144 512 144L362.7 144C355.8 144 349 141.8 343.5 137.6L305.1 108.8C294 100.5 280.5 96 266.7 96L128 96C92.7 96 64 124.7 64 160L64 448C64 483.3 92.7 512 128 512z" 
+        fill="currentColor" 
+    />
+</svg>

package/dist/components/index.d.ts

@@ -1 +1,2 @@
 export { default as TitleBar } from "./title-bar";
+export { default as PathSelector } from "./path-selector";

package/dist/components/index.js

@@ -1 +1,2 @@
 export { default as TitleBar } from "./title-bar";
+export { default as PathSelector } from "./path-selector";

package/dist/components/path-selector.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    title?: string;
+    value: string;
+    update: (folderPath?: string) => void;
+    original?: "music";
+};
+export default function PathSelector({ title, value, update, original }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/path-selector.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ColumnBox, RowBox } from "@bouko/react";
+import { toast } from "@bouko/toast";
+import Folder from "../assets/icons/folder.svg";
+export default function PathSelector({ title, value, update, original }) {
+    const choosePath = async () => {
+        const result = await window.api.app.choosePath({
+            title: title || "Choose Folder",
+            default: original
+        });
+        if (!result)
+            return toast.error("No folder select");
+        console.log("result", result);
+        update(result);
+    };
+    const resetPath = () => update();
+    return (_jsxs(ColumnBox, { style: "items-start gap-2", children: [_jsxs(RowBox, { style: "gap-2", centerY: true, children: [_jsx(Folder, { className: "text-accent" }), _jsx("span", { className: "text-sm text-primary", children: title })] }), _jsxs("div", { className: "flex gap-1 justify-center items-center pl-3 pr-[0.35rem] py-1 bg-background-light border border-border rounded-full", children: [_jsx("span", { className: "mr-2 text-xs text-primary-darker font-mono", children: value }), _jsx("span", { className: "pr-1 pl-[0.3rem] py-[0.11rem] text-px bg-accent rounded-l-full rounded-r-md font-semibold text-background cursor-pointer duration-200 hover:bg-accent-light border border-accent-dark", onClick: () => choosePath(), children: "SET" }), _jsx("span", { className: "pl-1 pr-[0.3rem] py-[0.11rem] text-px bg-surface-light rounded-l-md rounded-r-full font-semibold text-primary-darker cursor-pointer duration-200 border border-border hover:border-light", onClick: () => resetPath(), children: "X" })] })] }));
+}

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/proton",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "keywords": [],
   "author": "",
@@ -27,6 +27,7 @@
 
   "dependencies": {
     "@bouko/react": "^3.1.3",
+    "@bouko/toast": "^0.0.1",
     "@bouko/ts": "^0.3.8",
     "path": "^0.12.7"
   },