formeact 0.0.2 → 0.0.3

package/dist/components/builder/uploader.d.ts

@@ -1,7 +1,6 @@
-import { StaticImageData } from "next/image";
 type Props = {
     style?: string;
-    placeholder?: StaticImageData | string;
+    placeholder?: string;
     value?: File;
     update?: (x: File) => void;
     disabled?: boolean;

package/dist/components/builder/uploader.js

@@ -2,7 +2,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { cn } from "@bouko/style";
-import Image from "next/image";
 import Placeholder from "../../assets/icons/cover.png";
 import Camera from "../../assets/icons/camera.svg";
 export function ImageUploader({ style, placeholder, value, update, disabled = false }) {
@@ -23,7 +22,7 @@ export function ImageUploader({ style, placeholder, value, update, disabled = fa
             return;
         update?.(file);
     };
-    return (_jsxs("div", { className: cn(styles.container, style), onClick: uploadFile, children: [_jsx("input", { type: "file", className: "hidden", onChange: handleFileChange, ref: ref }), _jsx(Image, { src: preview || placeholder || Placeholder, fill: true, alt: "Image Uploader" }), _jsx("div", { className: "flex justify-center items-center w-full h-full z-10 opacity-0 hover:opacity-50 bg-background-light/80 duration-200 cursor-pointer", children: _jsx(Camera, { className: "text-xl text-primary-light" }) })] }));
+    return (_jsxs("div", { className: cn(styles.container, style), onClick: uploadFile, children: [_jsx("input", { type: "file", className: "hidden", onChange: handleFileChange, ref: ref }), _jsx("img", { src: preview || placeholder || Placeholder, className: "top-0 left-0 w-full h-full", alt: "Image Uploader" }), _jsx("div", { className: "flex justify-center items-center w-full h-full z-10 opacity-0 hover:opacity-50 bg-background-light/80 duration-200 cursor-pointer", children: _jsx(Camera, { className: "text-xl text-primary-light" }) })] }));
 }
 const styles = {
     container: "relative shrink-0 border border-border rounded-md overflow-hidden",

package/dist/core/hooks.d.ts

@@ -1,4 +1,3 @@
-import type { FormControls } from "@bouko/form";
 import type { JsonMap } from "@bouko/ts";
 /**
  * React hook for managing form state with type-safety
@@ -14,6 +13,11 @@ import type { JsonMap } from "@bouko/ts";
  * @param {Partial<T>} init - The initial form data.
  * @returns {FormControls} Utils to control the form.
 **/
+type FormControls<T, K extends keyof T> = {
+    data: Partial<T>;
+    update: (id: K, x: T[K]) => void;
+    clear: () => void;
+};
 type JsonMapWithFiles = {
     [key: string]: JsonValueWithFile | JsonValueWithFile[];
 };

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "formeact",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -21,7 +21,6 @@
   },
 
   "dependencies": {
-    "@bouko/next": "^1.6.6",
     "@bouko/notify": "^0.1.8",
     "@bouko/react": "^2.6.6",
     "@bouko/style": "^0.1.7",