@hybridcore/ui 1.1.2 → 1.1.3

package/dist/components/search-input/index.js

@@ -1,76 +1,147 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import m, { useState as O } from "react";
-import { Close as k, Search as w } from "@mui/icons-material";
-import { F, I as R, a as _ } from "../../FormControl-BiAFm76F.js";
-import { O as j } from "../../OutlinedInput-BEVE8VZQ.js";
-import { I as h } from "../../IconButton-CQJ8wZE8.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import k, { useState as O } from "react";
+import { Close as m, Search as u } from "@mui/icons-material";
+import { FilledInput as b, Input as R } from "@mui/material";
+import { F as _, I as j, a as g } from "../../FormControl-BiAFm76F.js";
+import { O as v } from "../../OutlinedInput-BEVE8VZQ.js";
+import { I as t } from "../../IconButton-CQJ8wZE8.js";
 const z = ({
-  defaultValue: f = "",
-  label: l = "Search",
-  placeholder: p,
-  disableLabel: s = !1,
-  fullWidth: u = !1,
-  iconSize: t = "medium",
-  sx: I,
-  onChange: i,
-  onSubmit: r
-}, g) => {
-  const [a, o] = O(f), C = (n) => {
-    o(n.target.value), i && i(n.target.value);
-  }, d = (n) => {
-    r && r(a);
-  }, v = (n) => {
-    n.key === "Enter" && d();
-  }, x = () => {
-    o("");
+  defaultValue: x = "",
+  label: C = "Search",
+  placeholder: i,
+  disableLabel: I = !1,
+  fullWidth: w = !1,
+  variant: l = "outlined",
+  size: A = "small",
+  iconSize: n = "medium",
+  sx: D,
+  onChange: y,
+  onSubmit: a
+}, F) => {
+  const [r, h] = O(x), c = (o) => {
+    h(o.target.value), y && y(o.target.value);
+  }, d = (o) => {
+    a && a(r);
+  }, p = (o) => {
+    o.key === "Enter" && d();
+  }, K = () => {
+    h("");
   };
-  m.useImperativeHandle(g, () => ({
+  k.useImperativeHandle(F, () => ({
     reset() {
-      x();
+      K();
     }
   }));
-  const y = () => {
-    o(""), r && r("");
+  const f = () => {
+    h(""), a && a("");
   };
-  return /* @__PURE__ */ c(F, { sx: I, size: "small", variant: "outlined", fullWidth: u, children: [
-    !s && /* @__PURE__ */ e(R, { htmlFor: "search-input", children: l }),
-    /* @__PURE__ */ e(
-      j,
+  return /* @__PURE__ */ s(_, { sx: D, size: A, variant: l, fullWidth: w, children: [
+    !I && /* @__PURE__ */ e(j, { htmlFor: "search-input", children: C }),
+    l === "outlined" && /* @__PURE__ */ e(
+      v,
       {
         id: "search-input",
         type: "text",
-        label: s ? "" : l,
-        value: a,
-        placeholder: p,
-        onChange: C,
-        onKeyDown: v,
-        endAdornment: /* @__PURE__ */ c(_, { position: "end", children: [
-          a.length > 0 && /* @__PURE__ */ e(
-            h,
+        label: I ? "" : C,
+        value: r,
+        placeholder: i,
+        onChange: c,
+        onKeyDown: p,
+        endAdornment: /* @__PURE__ */ s(g, { position: "end", children: [
+          r.length > 0 && /* @__PURE__ */ e(
+            t,
             {
               "aria-label": "search",
-              onClick: y,
+              onClick: f,
               edge: "end",
-              size: t,
+              size: n,
               color: "error",
-              children: /* @__PURE__ */ e(k, { fontSize: t })
+              children: /* @__PURE__ */ e(m, { fontSize: n })
             }
           ),
           /* @__PURE__ */ e(
-            h,
+            t,
             {
               "aria-label": "search",
               onClick: d,
               edge: "end",
-              size: t,
-              children: /* @__PURE__ */ e(w, { fontSize: t })
+              size: n,
+              children: /* @__PURE__ */ e(u, { fontSize: n })
+            }
+          )
+        ] })
+      }
+    ),
+    l === "filled" && /* @__PURE__ */ e(
+      b,
+      {
+        id: "search-input",
+        type: "text",
+        value: r,
+        placeholder: i,
+        onChange: c,
+        onKeyDown: p,
+        endAdornment: /* @__PURE__ */ s(g, { position: "end", children: [
+          r.length > 0 && /* @__PURE__ */ e(
+            t,
+            {
+              "aria-label": "search",
+              onClick: f,
+              edge: "end",
+              size: n,
+              color: "error",
+              children: /* @__PURE__ */ e(m, { fontSize: n })
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              "aria-label": "search",
+              onClick: d,
+              edge: "end",
+              size: n,
+              children: /* @__PURE__ */ e(u, { fontSize: n })
+            }
+          )
+        ] })
+      }
+    ),
+    l === "standard" && /* @__PURE__ */ e(
+      R,
+      {
+        id: "search-input",
+        type: "text",
+        value: r,
+        placeholder: i,
+        onChange: c,
+        onKeyDown: p,
+        endAdornment: /* @__PURE__ */ s(g, { position: "end", children: [
+          r.length > 0 && /* @__PURE__ */ e(
+            t,
+            {
+              "aria-label": "search",
+              onClick: f,
+              edge: "end",
+              size: n,
+              color: "error",
+              children: /* @__PURE__ */ e(m, { fontSize: n })
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              "aria-label": "search",
+              onClick: d,
+              edge: "end",
+              size: n,
+              children: /* @__PURE__ */ e(u, { fontSize: n })
             }
           )
         ] })
       }
     )
   ] });
-}, H = m.forwardRef(z);
+}, L = k.forwardRef(z);
 export {
-  H as SearchInput
+  L as SearchInput
 };

package/dist/main.d.ts

@@ -590,6 +590,8 @@ declare interface SearchInputProps {
     placeholder?: string;
     fullWidth?: boolean;
     disableLabel?: boolean;
+    variant?: "outlined" | "filled" | "standard";
+    size?: "small" | "medium";
     iconSize?: "small" | "medium" | "large";
     sx?: SxProps<Theme>;
     onChange?(value: string): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",