@bouko/react 1.9.5 → 1.9.6

package/dist/react/src/hooks/element/resize.js

@@ -0,0 +1,12 @@
+"use client";
+import { useEffect } from "react";
+export default function useResizeObserver(element, action) {
+    useEffect(() => {
+        if (!element)
+            return;
+        const observer = new ResizeObserver(action);
+        observer.observe(element);
+        action();
+        return () => observer.disconnect();
+    }, [element, action]);
+}

package/dist/react/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useContainer } from "./element/container";
+export { default as useResize } from "./element/resize";

package/dist/react/src/hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useContainer } from "./element/container";
+export { default as useResize } from "./element/resize";

package/dist/react/src/index.d.ts

@@ -0,0 +1,14 @@
+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/multiple-choice";
+export { default as Attachment } from "./components/attachment";
+export { default as CheckBox } from "./components/checkbox";
+export { default as FadeCarousel } from "./components/fade-carousel";
+export * from "./components";
+export * from "./components/button";
+export * from "./components/search-bar";
+export * from "./core/types";
+export * from "./core/functions";
+export * from "./core/format";
+export * from "./hooks";

package/dist/react/src/index.js

@@ -0,0 +1,14 @@
+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/multiple-choice";
+export { default as Attachment } from "./components/attachment";
+export { default as CheckBox } from "./components/checkbox";
+export { default as FadeCarousel } from "./components/fade-carousel";
+export * from "./components";
+export * from "./components/button";
+export * from "./components/search-bar";
+export * from "./core/types";
+export * from "./core/functions";
+export * from "./core/format";
+export * from "./hooks";

package/package.json

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

package/dist/components/search/index.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    placeholder?: string;
-    action: (query: string) => void;
-};
-export default function SearchBar({ placeholder, action }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/search/index.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { RowBox } from "../flex";
-import { Button } from "../button";
-export default function SearchBar({ placeholder, action }) {
-    const [query, search] = useState("");
-    return (_jsxs(RowBox, { style: styles.container, children: [_jsxs("div", { className: "relative grow", children: [_jsx("input", { className: "w-full outline-none lowercase text-lg placeholder-slate-500 tracking-wide", placeholder: placeholder, value: query, onChange: (e) => search(e.target.value), onKeyUp: (e) => e.key === "Enter" ? action(query) : null }), _jsx("div", { className: "absolute top-0 right-0 w-12 h-full bg-gradient-to-l from-slate-950" })] }), _jsx(Button, { size: "sm", style: "gap-[0.4rem] font-extrabold py-1 px-3 font-mono", onClick: () => action(query), children: "GO" })] }));
-}
-const styles = {
-    container: "items-center gap-6 w-xl pl-5 pr-4 py-3 bg-slate-950 border border-border rounded-md"
-};