@bookjane2/bookjane-design-library 8.0.25 → 8.0.27

package/lib/components/BKJSelectSearch/BKJSelectSearch.d.ts

@@ -4,6 +4,7 @@ interface IProps {
     onChange: (e: any) => any;
     value: string;
     placeholder?: string;
+    debounceMs?: number;
 }
 export declare const BKJSelectSearch: FC<IProps>;
 export {};

package/lib/components/BKJSelectSearch/BKJSelectSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJSelectSearch.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,MAAM,CAetC,CAAC"}
+{"version":3,"file":"BKJSelectSearch.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAGrE,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,MAAM,CAiDtC,CAAC"}

package/lib/components/BKJSelectSearch/BKJSelectSearch.js

@@ -1,7 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SearchableInnerWrapper, SearchableInput, SearchableWrapper, } from './BKJSelectSearch.styled.js';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { BKJIcon } from '../BKJIcon/index.js';
-export const BKJSelectSearch = ({ placeholder, name, value, onChange, ...rest }) => {
-    return (_jsx(SearchableWrapper, { children: _jsxs(SearchableInnerWrapper, { children: [_jsx(BKJIcon, { iconName: "Search", fontSize: 18 }), _jsx(SearchableInput, { name: name, onChange: onChange, value: value, placeholder: placeholder, ...rest })] }) }));
+export const BKJSelectSearch = ({ placeholder, name, value, onChange, debounceMs, ...rest }) => {
+    const debounceTimerRef = useRef(null);
+    const [displayValue, setDisplayValue] = useState(value);
+    useEffect(() => {
+        setDisplayValue(value);
+    }, [value]);
+    useEffect(() => {
+        return () => {
+            if (debounceTimerRef.current) {
+                clearTimeout(debounceTimerRef.current);
+            }
+        };
+    }, []);
+    const handleChange = useCallback((e) => {
+        const newValue = e.target.value;
+        setDisplayValue(newValue);
+        if (debounceMs && debounceMs > 0) {
+            if (debounceTimerRef.current) {
+                clearTimeout(debounceTimerRef.current);
+            }
+            debounceTimerRef.current = window.setTimeout(() => {
+                onChange(e);
+            }, debounceMs);
+        }
+        else {
+            onChange(e);
+        }
+    }, [onChange, debounceMs]);
+    return (_jsx(SearchableWrapper, { children: _jsxs(SearchableInnerWrapper, { children: [_jsx(BKJIcon, { iconName: "Search", fontSize: 18 }), _jsx(SearchableInput, { name: name, onChange: handleChange, value: displayValue, placeholder: placeholder, ...rest })] }) }));
 };
 //# sourceMappingURL=BKJSelectSearch.js.map

package/lib/components/BKJSelectSearch/BKJSelectSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJSelectSearch.js","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AASrC,MAAM,CAAC,MAAM,eAAe,GAAe,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7F,OAAO,CACL,KAAC,iBAAiB,cAChB,MAAC,sBAAsB,eACrB,KAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,EAAE,GAAI,EAC3C,KAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,IACqB,GACP,CACrB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BKJSelectSearch.js","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAM,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAUrC,MAAM,CAAC,MAAM,eAAe,GAAe,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzG,MAAM,gBAAgB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACzC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAM,EAAE,EAAE;QACT,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAE1B,IAAI,UAAU,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YACjC,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACzC,CAAC;YACD,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAChD,QAAQ,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,EAAE,UAAU,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,cAChB,MAAC,sBAAsB,eACrB,KAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,EAAE,GAAI,EAC3C,KAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,IACqB,GACP,CACrB,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bookjane2/bookjane-design-library",
-  "version": "8.0.25",
+  "version": "8.0.27",
   "main": "./lib/index.js",
   "typings": "./lib/index.d.ts",
   "engines": {