@bikdotai/bik-component-library 0.0.606 → 0.0.607
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),s=require("react"),a=require("../../assets/icons/cross.svg.js"),r=require("../input/Input.js");exports.SearchBar=n=>{const{isEnabled:o,onEnter:c,placeholder:i,width:l,variant:u,validate:d,isActive:h}=n,[v,f]=s.useState("search"),[p,g]=s.useState("default"),[b,x]=s.useState(h?"active":o?"none":"disabled"),[C,j]=s.useState(n.initialValue||n.searchValue||"");s.useEffect((()=>{var e,t,s;j(null!==(e=n.searchValue)&&void 0!==e?e:""),(null===(s=null===(t=n.searchValue)||void 0===t?void 0:t.trim())||void 0===s?void 0:s.length)?f("cross"):f("search")}),[n.searchValue]),s.useEffect((()=>{x(h?"active":o?"none":"disabled")}),[o,h]),s.useEffect((()=>{n.reset&&I()}),[null==n?void 0:n.reset]);const k=e=>{o&&c(e)},I=()=>{f("search"),g("default"),j(""),n.onChange(""),x("none"),c("")};return e.jsx(r.Input,{id:"search-bar",validate:d,onFocus:()=>{C.length&&f("cross"),"default"===p&&o&&(g("clicked"),x("active"))},width:l,state:b,leftIcon:"search"===v&&"default"===p?{icon:t.SearchIcon}:void 0,rightIcon:"cross"!==v||n.suffixButton?void 0:{icon:a.default,callback:()=>{I(),n.onClickCross&&n.onClickCross()}},onChangeText:(e,t)=>{n.onChange(e),j(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?f("cross"):f("search"):k(e)},placeholder:i,variant:u,value:C,onBlur:()=>{C.length||g("default"),x("none")},button:{text:"",buttonProps:n.suffixButton}})};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),s=require("react"),a=require("../../assets/icons/cross.svg.js"),r=require("../input/Input.js");exports.SearchBar=n=>{const{isEnabled:o,onEnter:c,placeholder:i,width:l,variant:u,validate:d,isActive:h}=n,[v,f]=s.useState("search"),[p,g]=s.useState("default"),[b,x]=s.useState(h?"active":o?"none":"disabled"),[C,j]=s.useState(n.initialValue||n.searchValue||"");s.useEffect((()=>{var e,t,s;j(null!==(e=n.searchValue)&&void 0!==e?e:""),(null===(s=null===(t=n.searchValue)||void 0===t?void 0:t.trim())||void 0===s?void 0:s.length)?f("cross"):f("search")}),[n.searchValue]),s.useEffect((()=>{x(h?"active":o?"none":"disabled")}),[o,h]),s.useEffect((()=>{n.reset&&I()}),[null==n?void 0:n.reset]);const k=e=>{o&&c(e)},I=()=>{f("search"),g("default"),j(""),n.onChange(""),x("none"),c("")};return e.jsx(r.Input,{"data-test":n["data-test"],id:"search-bar",validate:d,onFocus:()=>{C.length&&f("cross"),"default"===p&&o&&(g("clicked"),x("active"))},width:l,state:b,leftIcon:"search"===v&&"default"===p?{icon:t.SearchIcon}:void 0,rightIcon:"cross"!==v||n.suffixButton?void 0:{icon:a.default,callback:()=>{I(),n.onClickCross&&n.onClickCross()}},onChangeText:(e,t)=>{n.onChange(e),j(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?f("cross"):f("search"):k(e)},placeholder:i,variant:u,value:C,onBlur:()=>{C.length||g("default"),x("none")},button:{text:"",buttonProps:n.suffixButton}})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{SearchIcon as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{SearchIcon as t}from"../../assets/icons/searchIcon.js";import{useState as o,useEffect as a}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as n}from"../input/Input.js";const r=r=>{const{isEnabled:i,onEnter:c,placeholder:l,width:d,variant:u,validate:h,isActive:v}=r,[f,m]=o("search"),[p,g]=o("default"),[C,b]=o(v?"active":i?"none":"disabled"),[k,x]=o(r.initialValue||r.searchValue||"");a((()=>{var e,t,o;x(null!==(e=r.searchValue)&&void 0!==e?e:""),(null===(o=null===(t=r.searchValue)||void 0===t?void 0:t.trim())||void 0===o?void 0:o.length)?m("cross"):m("search")}),[r.searchValue]),a((()=>{b(v?"active":i?"none":"disabled")}),[i,v]),a((()=>{r.reset&&j()}),[null==r?void 0:r.reset]);const V=e=>{i&&c(e)},j=()=>{m("search"),g("default"),x(""),r.onChange(""),b("none"),c("")};return e(n,{"data-test":r["data-test"],id:"search-bar",validate:h,onFocus:()=>{k.length&&m("cross"),"default"===p&&i&&(g("clicked"),b("active"))},width:d,state:C,leftIcon:"search"===f&&"default"===p?{icon:t}:void 0,rightIcon:"cross"!==f||r.suffixButton?void 0:{icon:s,callback:()=>{j(),r.onClickCross&&r.onClickCross()}},onChangeText:(e,t)=>{r.onChange(e),x(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?m("cross"):m("search"):V(e)},placeholder:l,variant:u,value:k,onBlur:()=>{k.length||g("default"),b("none")},button:{text:"",buttonProps:r.suffixButton}})};export{r as SearchBar};
|