gbs-add-block 0.0.21 → 0.0.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gbs-add-block",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "React Component Library",
   "files": [
     "index.js",

package/source/components/select/index.tsx

@@ -27,6 +27,8 @@ interface ItemsProps {
 
 const Select = forwardRef<any, SelectProps>((props, ref) => {
   const {
+    id = "",
+    name = "",
     placeholder = "Select an Item...",
     items,
     lazy = false,
@@ -34,6 +36,7 @@ const Select = forwardRef<any, SelectProps>((props, ref) => {
     onSelect,
     selectedItem: initialSelectedItem,
     error = undefined,
+    onFiltering,
   } = props;
 
   const [showPopover, setShowPopover] = useState(false);
@@ -146,7 +149,7 @@ const Select = forwardRef<any, SelectProps>((props, ref) => {
   }));
 
   return (
-    <div className="relative w-full" ref={selectRef}>
+    <div className="relative w-full" ref={selectRef} id={id}>
       <div className="w-full relative">
         <button
           className={`flex items-center ${
@@ -192,7 +195,10 @@ const Select = forwardRef<any, SelectProps>((props, ref) => {
                 className="w-full outline-none dark:bg-black"
                 ref={inputRef}
                 value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
+                onChange={(e) => {
+                  setSearchTerm(e.target.value);
+                  if (onFiltering) onFiltering(e.target.value);
+                }}
               />
             </div>
           )}

package/source/components/select/types.ts

@@ -4,10 +4,14 @@ interface ItemsProps {
 }
 
 export type SelectProps = {
+  id?: string;
+  name?: string;
+  error?: undefined | string;
   placeholder?: string;
   items?: ItemsProps[] | string;
   lazy?: boolean;
   showSearch?: boolean;
   onSelect?: any;
   selectedItem?: string;
+  onFiltering?: any;
 };