@bouko/react 0.2.4 → 0.2.6

package/dist/components/button.d.ts

@@ -1,8 +1,9 @@
 import type { ReactNode } from "react";
 type Props = {
+    variant?: "ghost";
     style?: string;
     onClick?: () => void;
     children: ReactNode;
 };
-export default function Button({ style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Button({ variant, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/button.js

@@ -1,5 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@bouko/style";
-export default function Button({ style, ...props }) {
-    return (_jsx("button", { className: cn("px-4 py-2 duration-200 cursor-pointer", "bg-accent hover:bg-accent-dark border border-accent-dark rounded", "font-semibold text-slate-100", style), ...props }));
+import { cn, tv } from "@bouko/style";
+export default function Button({ variant, style, ...props }) {
+    return (_jsx("button", { className: cn(styles({ variant }), style), ...props }));
 }
+const styles = tv({
+    base: "px-4 py-2 bg-accent hover:bg-accent-dark border border-accent-dark rounded font-semibold text-primary duration-200 cursor-pointer",
+    variants: {
+        variant: {
+            ghost: "bg-transparent border-transparent"
+        }
+    }
+});

package/dist/components/multiple-choice.d.ts

@@ -0,0 +1,2 @@
+import type { OptionField } from "../core/types";
+export default function MultipleChoice({ label, options, style, value, update, required }: OptionField): import("react/jsx-runtime").JSX.Element;

package/dist/components/multiple-choice.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Field from "./field";
+import { cn } from "@bouko/style";
+export default function MultipleChoice({ label, options, style, value, update, required = true }) {
+    return (_jsx(Field, { style: style, label: label, required: required, children: _jsx("div", { className: styles.options, children: options.map((x, i) => (_jsxs("div", { className: styles.item, children: [_jsx(Dot, { ...x, active: x.id === value, select: () => update(x.id) }), x.label] }, i))) }) }));
+}
+const Dot = ({ active, select }) => (_jsx("div", { className: cn(styles.dot, active && "bg-accent border-accent-dark"), onClick: select }));
+const styles = {
+    options: "flex flex-col gap-1 w-full",
+    item: "flex items-center gap-3 text-sm",
+    dot: "size-3 bg-background-dark/50 hover:bg-background-dark duration-200 cursor-pointer border border-background-dark rounded-full"
+};

package/dist/core/functions.d.ts

@@ -0,0 +1 @@
+export declare const getFileData: (files: File[]) => Promise<unknown[]>;

package/dist/core/functions.js

@@ -0,0 +1,15 @@
+export const getFileData = (files) => Promise.all(files.map((file) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            const base64 = reader.result?.toString().split(",")[1]; // Remove data prefix
+            resolve({
+                filename: file.name,
+                mimetype: file.type,
+                data: base64,
+            });
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+}));

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 export { default as Input } from "./components/input";
 export { default as TextArea } from "./components/textarea";
 export { default as Select } from "./components/select";
-export { default as MultipleChoice } from "./components/mcq";
+export { default as MultipleChoice } from "./components/multiple-choice";
 export { default as Attachment } from "./components/attachment";
 export { default as Button } from "./components/button";
 export { default as CheckBox } from "./components/checkbox";
 export * from "./components/flex";
 export * from "./core/types";
+export * from "./core/functions";

package/dist/index.js

@@ -1,9 +1,10 @@
 export { default as Input } from "./components/input";
 export { default as TextArea } from "./components/textarea";
 export { default as Select } from "./components/select";
-export { default as MultipleChoice } from "./components/mcq";
+export { default as MultipleChoice } from "./components/multiple-choice";
 export { default as Attachment } from "./components/attachment";
 export { default as Button } from "./components/button";
 export { default as CheckBox } from "./components/checkbox";
 export * from "./components/flex";
 export * from "./core/types";
+export * from "./core/functions";

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",