@vkzstudio/muza-ui 1.0.1 → 1.0.3

package/dist/components/Searchbar/Searchbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACR,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,GACP,cAAc,GACd,QAAQ,GACR,OAAO,GACP,cAAc,CACjB;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,QAAA,MAAM,SAAS,GAAI,gKAchB,cAAc,4CA0FhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACR,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,GACP,cAAc,GACd,QAAQ,GACR,OAAO,GACP,cAAc,CACjB;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,QAAA,MAAM,SAAS,GAAI,gKAchB,cAAc,4CAiGhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/Searchbar/Searchbar.js

@@ -1,80 +1,80 @@
-import { jsxs as C, jsx as e } from "react/jsx-runtime";
-import * as c from "react";
-import { MagnifyingGlass as R } from "../Icons/CustomIcons.js";
+import { jsxs as R, jsx as r } from "react/jsx-runtime";
+import * as n from "react";
+import { MagnifyingGlass as j } from "../Icons/CustomIcons.js";
 import { cn as a } from "../../utils/cn.js";
-import { CloseCircleBold as S } from "@solar-icons/react-perf";
-import { Input as j } from "../Input/Input.js";
+import { CloseCircleBold as w } from "@solar-icons/react-perf";
+import { Input as I } from "../Input/Input.js";
 const E = ({
-  className: u,
-  error: m = !1,
-  showButtons: p = !0,
-  clearButtonAriaLabel: x,
-  searchButtonAriaLabel: d,
-  disabled: t = !1,
+  className: m,
+  error: p = !1,
+  showButtons: x = !0,
+  clearButtonAriaLabel: d,
+  searchButtonAriaLabel: y,
+  disabled: e = !1,
   value: o,
-  defaultValue: y,
-  name: h,
-  placeholder: k,
+  defaultValue: h,
+  name: k,
+  placeholder: v,
   onChange: s,
-  onSubmit: v,
+  onSubmit: i,
   ...g
 }) => {
-  const n = c.useRef(null), [l, i] = c.useState(
-    o ?? y ?? ""
+  const f = n.useRef(null), [c, l] = n.useState(
+    o ?? h ?? ""
   );
-  c.useEffect(() => {
-    o !== void 0 && i(o);
+  n.useEffect(() => {
+    o !== void 0 && l(o);
   }, [o]);
-  const N = (r) => {
-    i(r.target.value), s && s(r);
-  }, b = () => {
-    var r, f;
-    i(""), (f = (r = n.current) == null ? void 0 : r.querySelector("input")) == null || f.focus(), s && s({
+  const N = (t) => {
+    l(t.target.value), s && s(t);
+  }, z = () => {
+    var t, u;
+    l(""), (u = (t = f.current) == null ? void 0 : t.querySelector("input")) == null || u.focus(), s && s({
       target: { value: "" }
     });
-  }, z = p ? /* @__PURE__ */ C("div", { className: "flex gap-sm", children: [
-    /* @__PURE__ */ e(
+  }, C = x ? /* @__PURE__ */ R("div", { className: "flex gap-sm", children: [
+    /* @__PURE__ */ r(
       "button",
       {
         className: a(
           "flex shrink-0 cursor-pointer items-center focus-visible-default transition-opacity",
           {
-            "opacity-0": !l,
-            "cursor-not-allowed": t
+            "opacity-0": !c,
+            "cursor-not-allowed": e
           }
         ),
-        "aria-label": x,
+        "aria-label": d,
         type: "button",
-        onClick: b,
-        children: /* @__PURE__ */ e(
-          S,
+        onClick: z,
+        children: /* @__PURE__ */ r(
+          w,
           {
             className: a("size-icon-small text-icon-dark-secondary-def", {
-              "text-text-dark-tertiary": t
+              "text-text-dark-tertiary": e
             })
           }
         )
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "button",
       {
         className: a(
           "flex shrink-0 cursor-pointer items-center focus-visible-default",
           {
-            "cursor-not-allowed": t
+            "cursor-not-allowed": e
           }
         ),
-        "aria-label": d,
+        "aria-label": y,
         type: "submit",
-        children: /* @__PURE__ */ e(
-          R,
+        children: /* @__PURE__ */ r(
+          j,
           {
             className: a(
               "size-icon-small text-icon-dark-primary-def transition-colors",
               {
-                "text-text-dark-tertiary": t,
-                "group-hover:text-icon-dark-primary-hover": !t
+                "text-text-dark-tertiary": e,
+                "group-hover:text-icon-dark-primary-hover": !e
               }
             )
           }
@@ -82,22 +82,32 @@ const E = ({
       }
     )
   ] }) : void 0;
-  return /* @__PURE__ */ e("form", { ref: n, onSubmit: v, className: u, children: /* @__PURE__ */ e(
-    j,
+  return /* @__PURE__ */ r(
+    "form",
     {
-      suffix: z,
-      type: "text",
-      size: "sm",
-      error: m,
-      disabled: t,
-      value: l,
-      name: h,
-      onChange: N,
-      placeholder: k,
-      className: "group",
-      ...g
+      ref: f,
+      onSubmit: (t) => {
+        t.preventDefault(), c.length > 0 && (i == null || i(t));
+      },
+      className: m,
+      children: /* @__PURE__ */ r(
+        I,
+        {
+          suffix: C,
+          type: "text",
+          size: "sm",
+          error: p,
+          disabled: e,
+          value: c,
+          name: k,
+          onChange: N,
+          placeholder: v,
+          className: "group",
+          ...g
+        }
+      )
     }
-  ) });
+  );
 };
 export {
   E as Searchbar

package/dist/components/Searchbar/Searchbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAiEhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA"}
+{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAiEhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA"}