@bikdotai/bik-component-library 0.0.567-beta.b-1 → 0.0.567-beta.b-2

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/searchBar/searchBar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ButtonProps } from '../button/model';
 import { InputVariant } from '../input/Input';
 export interface SearchBarProps {
     width: string;
@@ -12,6 +12,6 @@ export interface SearchBarProps {
     reset?: boolean;
     onClickCross?: () => void;
     isActive?: boolean;
-    suffix?: React.FC;
+    suffixButton?: ButtonProps;
 }
 export declare const SearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/searchBar/searchBar.js

@@ -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:c,onEnter:i,placeholder:o,width:l,variant:u,validate:d,isActive:h}=n,[v,f]=s.useState("search"),[p,g]=s.useState("default"),[C,b]=s.useState(h?"active":c?"none":"disabled"),[j,k]=s.useState(n.initialValue||"");s.useEffect((()=>{b(h?"active":c?"none":"disabled")}),[c,h]),s.useEffect((()=>{n.reset&&S()}),[null==n?void 0:n.reset]);const I=e=>{c&&i(e)},S=()=>{f("search"),g("default"),k(""),n.onChange(""),b("none"),i("")};return e.jsx(r.Input,{id:"search-bar",validate:d,onFocus:()=>{j.length&&f("cross"),"default"===p&&c&&(g("clicked"),b("active"))},width:l,state:C,leftIcon:"search"===v&&"default"===p?{icon:t.SearchIcon}:void 0,rightIcon:"cross"===v?{icon:a.default,callback:()=>{S(),n.onClickCross&&n.onClickCross()}}:void 0,onChangeText:(e,t)=>{n.onChange(e),k(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?f("cross"):f("search"):I(e)},placeholder:o,variant:u,value:j,onBlur:()=>{j.length||g("default"),b("none")}})};
+"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"),n=require("../input/Input.js");exports.SearchBar=r=>{const{isEnabled:o,onEnter:c,placeholder:i,width:u,variant:l,validate:d,isActive:h}=r,[v,f]=s.useState("search"),[p,b]=s.useState("default"),[g,C]=s.useState(h?"active":o?"none":"disabled"),[x,j]=s.useState(r.initialValue||"");s.useEffect((()=>{C(h?"active":o?"none":"disabled")}),[o,h]),s.useEffect((()=>{r.reset&&I()}),[null==r?void 0:r.reset]);const k=e=>{o&&c(e)},I=()=>{f("search"),b("default"),j(""),r.onChange(""),C("none"),c("")};return e.jsx(n.Input,{id:"search-bar",validate:d,onFocus:()=>{x.length&&f("cross"),"default"===p&&o&&(b("clicked"),C("active"))},width:u,state:g,leftIcon:"search"===v&&"default"===p?{icon:t.SearchIcon}:void 0,rightIcon:"cross"===v?{icon:a.default,callback:()=>{I(),r.onClickCross&&r.onClickCross()}}:void 0,onChangeText:(e,t)=>{r.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:l,value:x,onBlur:()=>{x.length||b("default"),C("none")},button:{text:"",buttonProps:r.suffixButton}})};

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/searchBar/searchBar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ButtonProps } from '../button/model';
 import { InputVariant } from '../input/Input';
 export interface SearchBarProps {
     width: string;
@@ -12,6 +12,6 @@ export interface SearchBarProps {
     reset?: boolean;
     onClickCross?: () => void;
     isActive?: boolean;
-    suffix?: React.FC;
+    suffixButton?: ButtonProps;
 }
 export declare const SearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/searchBar/searchBar.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{SearchIcon as o}from"../../assets/icons/searchIcon.js";import{useState as t,useEffect as n}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as a}from"../input/Input.js";const i=i=>{const{isEnabled:r,onEnter:c,placeholder:l,width:d,variant:h,validate:u,isActive:v}=i,[m,f]=t("search"),[p,g]=t("default"),[C,k]=t(v?"active":r?"none":"disabled"),[b,j]=t(i.initialValue||"");n((()=>{k(v?"active":r?"none":"disabled")}),[r,v]),n((()=>{i.reset&&I()}),[null==i?void 0:i.reset]);const w=e=>{r&&c(e)},I=()=>{f("search"),g("default"),j(""),i.onChange(""),k("none"),c("")};return e(a,{id:"search-bar",validate:u,onFocus:()=>{b.length&&f("cross"),"default"===p&&r&&(g("clicked"),k("active"))},width:d,state:C,leftIcon:"search"===m&&"default"===p?{icon:o}:void 0,rightIcon:"cross"===m?{icon:s,callback:()=>{I(),i.onClickCross&&i.onClickCross()}}:void 0,onChangeText:(e,o)=>{i.onChange(e),j(e),"keydown"!==(null==o?void 0:o.type)||13!==o.which&&13!==o.keyCode?e.trim().length?f("cross"):f("search"):w(e)},placeholder:l,variant:h,value:b,onBlur:()=>{b.length||g("default"),k("none")}})};export{i as SearchBar};
+import{jsx as e}from"react/jsx-runtime";import{SearchIcon as t}from"../../assets/icons/searchIcon.js";import{useState as o,useEffect as n}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as a}from"../input/Input.js";const i=i=>{const{isEnabled:r,onEnter:c,placeholder:l,width:d,variant:h,validate:u,isActive:v}=i,[f,m]=o("search"),[p,g]=o("default"),[C,b]=o(v?"active":r?"none":"disabled"),[k,x]=o(i.initialValue||"");n((()=>{b(v?"active":r?"none":"disabled")}),[r,v]),n((()=>{i.reset&&w()}),[null==i?void 0:i.reset]);const j=e=>{r&&c(e)},w=()=>{m("search"),g("default"),x(""),i.onChange(""),b("none"),c("")};return e(a,{id:"search-bar",validate:u,onFocus:()=>{k.length&&m("cross"),"default"===p&&r&&(g("clicked"),b("active"))},width:d,state:C,leftIcon:"search"===f&&"default"===p?{icon:t}:void 0,rightIcon:"cross"===f?{icon:s,callback:()=>{w(),i.onClickCross&&i.onClickCross()}}:void 0,onChangeText:(e,t)=>{i.onChange(e),x(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?m("cross"):m("search"):j(e)},placeholder:l,variant:h,value:k,onBlur:()=>{k.length||g("default"),b("none")},button:{text:"",buttonProps:i.suffixButton}})};export{i as SearchBar};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.567-beta.b-1",
+	"version": "0.0.567-beta.b-2",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",