qlu-20-ui-library 1.12.3 → 1.12.4

package/dist/build/qlu-20-ui-library.js

@@ -45874,40 +45874,42 @@ const iZ = (t) => {
   iconType: e = "search",
   iconSize: n = "18",
   showIconOnLeft: r = !1,
-  onChange: i = () => {
+  defaultValue: i,
+  onChange: a = () => {
   },
-  handleOnFocus: a = () => {
+  handleOnFocus: o = () => {
   },
-  onEnter: o = () => {
+  onEnter: s = () => {
   },
-  dataCy: s
+  dataCy: l
 }) => {
-  const [l, u] = ee(!1), h = pe({
+  const [u, h] = ee(!1), f = pe({
     "inputFieldWithSvg--Container": !0,
-    "inputFieldWithSvg--Container-Focused": l,
+    "inputFieldWithSvg--Container-Focused": u,
     "inputFieldWithSvg--RowReverse": r
   });
-  return /* @__PURE__ */ C("div", { className: h, children: [
+  return /* @__PURE__ */ C("div", { className: f, children: [
     /* @__PURE__ */ c(
       "input",
       {
         placeholder: t,
+        defaultValue: i,
         onFocus: () => {
-          u(!0), a();
+          h(!0), o();
         },
-        onBlur: () => u(!1),
-        onChange: (p) => i(p.target.value),
-        onKeyDown: (p) => {
-          p.key === "Enter" && o();
+        onBlur: () => h(!1),
+        onChange: (m) => a(m.target.value),
+        onKeyDown: (m) => {
+          m.key === "Enter" && s();
         },
-        "data-cy": `${s}-input`
+        "data-cy": `${l}-input`
       }
     ),
     /* @__PURE__ */ c(
       "button",
       {
         className: "inputFieldWithSvg--SvgButton",
-        "data-cy": `${s}-submit`,
+        "data-cy": `${l}-submit`,
         children: /* @__PURE__ */ c(fe, { iconType: e, iconSize: n })
       }
     )

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

@@ -4,10 +4,11 @@ interface InputFieldWithSvgProps {
     iconType?: IconType;
     iconSize?: IconSize;
     showIconOnLeft?: boolean;
+    defaultValue?: string;
     onChange: (value: string) => void;
     handleOnFocus?: () => void;
     onEnter?: () => void;
     dataCy?: string;
 }
-declare const InputFieldWithSvg: ({ placeholder, iconType, iconSize, showIconOnLeft, onChange, handleOnFocus, onEnter, dataCy, }: InputFieldWithSvgProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputFieldWithSvg: ({ placeholder, iconType, iconSize, showIconOnLeft, defaultValue, onChange, handleOnFocus, onEnter, dataCy, }: InputFieldWithSvgProps) => import("react/jsx-runtime").JSX.Element;
 export default InputFieldWithSvg;

package/dist/types/components/InputFieldWithSvg/index.d.ts

@@ -5,10 +5,11 @@ interface InputFieldWithSvgProps {
     iconType?: IconType;
     iconSize?: IconSize;
     showIconOnLeft?: boolean;
+    defaultValue?: string;
     onChange: (value: string) => void;
     handleOnFocus?: () => void;
     onEnter?: () => void;
     dataCy?: string;
 }
-declare const InputFieldWithSvg: ({ placeholder, iconType, iconSize, showIconOnLeft, onChange, handleOnFocus, onEnter, dataCy, }: InputFieldWithSvgProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputFieldWithSvg: ({ placeholder, iconType, iconSize, showIconOnLeft, defaultValue, onChange, handleOnFocus, onEnter, dataCy, }: InputFieldWithSvgProps) => import("react/jsx-runtime").JSX.Element;
 export default InputFieldWithSvg;

package/dist/types/components/InputFieldWithSvg/index.js

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import "./style.scss";
 import GetSvgIcon from "../GetSvgIcon";
 import { useState } from "react";
-const InputFieldWithSvg = ({ placeholder = "", iconType = "search", iconSize = "18", showIconOnLeft = false, onChange = () => { }, handleOnFocus = () => { }, onEnter = () => { }, dataCy, }) => {
+const InputFieldWithSvg = ({ placeholder = "", iconType = "search", iconSize = "18", showIconOnLeft = false, defaultValue, onChange = () => { }, handleOnFocus = () => { }, onEnter = () => { }, dataCy, }) => {
     const [fieldFocused, setFieldFocused] = useState(false);
     const className = clsx({
         "inputFieldWithSvg--Container": true,
@@ -15,7 +15,7 @@ const InputFieldWithSvg = ({ placeholder = "", iconType = "search", iconSize = "
             onEnter();
         }
     };
-    return (_jsxs("div", { className: className, children: [_jsx("input", { placeholder: placeholder, onFocus: () => {
+    return (_jsxs("div", { className: className, children: [_jsx("input", { placeholder: placeholder, defaultValue: defaultValue, onFocus: () => {
                     setFieldFocused(true);
                     handleOnFocus();
                 }, onBlur: () => setFieldFocused(false), onChange: (e) => onChange(e.target.value), onKeyDown: handleKeyPress, "data-cy": `${dataCy}-input` }), _jsx("button", { className: "inputFieldWithSvg--SvgButton", "data-cy": `${dataCy}-submit`, children: _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize }) })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qlu-20-ui-library",
-  "version": "1.12.3",
+  "version": "1.12.4",
   "type": "module",
   "scripts": {
     "dev": "vite",