jb-select 7.0.1 → 7.0.4

package/react/lib/attributes-hook.ts

@@ -1,17 +1,18 @@
-import { JBSelectWebComponent, type ValidationValue } from "jb-select";
-import { type ValidationItem } from "jb-validation";
-import { RefObject, useEffect } from "react";
+import type { JBSelectWebComponent, ValidationValue } from "jb-select";
+import type { ValidationItem } from "jb-validation";
+import { type RefObject, useEffect } from "react";
 
 export type JBSelectAttributes<TValue> = {
   validationList?: ValidationItem<ValidationValue<TValue>>[],
   name?: string,
   label?: string,
   error?: string,
-  value?: any,
+  value?: TValue,
   message?: string,
   placeholder?: string,
   searchPlaceholder?: string,
   required?: boolean,
+  hideClear?:boolean,
   getSelectedValueDOM?: (option: any) => HTMLElement,
 
 }
@@ -23,18 +24,20 @@ export function useJBSelectAttribute<TValue>(element: RefObject<JBSelectWebCompo
       element.current?.removeAttribute("message");
     }
   }, [props.message]);
+
   useEffect(() => {
-    if (element && element.current) {
+    if (element?.current) {
       element.current.validation.list = props.validationList || [];
     }
-  }, [props.validationList]);
+  }, [element.current, props.validationList]);
+
   useEffect(() => {
     if (props.label !== null && props.label !== undefined) {
       element.current?.setAttribute("label", props.label);
     } else {
       element.current?.removeAttribute("label");
     }
-  }, [props.label]);
+  }, [props.label, element.current]);
 
   useEffect(() => {
     if (props.required !== null && props.required !== undefined) {
@@ -42,13 +45,22 @@ export function useJBSelectAttribute<TValue>(element: RefObject<JBSelectWebCompo
     } else {
       element.current?.removeAttribute("required");
     }
-  }, [props.required]);
+  }, [props.required, element]);
+
+  useEffect(() => {
+    if (props.hideClear !== null && props.hideClear !== undefined) {
+      element.current?.setAttribute("hide-clear", "");
+    } else {
+      element.current?.removeAttribute("hide-clear");
+    }
+  }, [props.hideClear, element]);
 
   useEffect(() => {
     if (props.placeholder !== null && props.placeholder !== undefined) {
       element.current?.setAttribute("placeholder", props.placeholder);
     }
-  }, [props.placeholder]);
+  }, [props.placeholder,element]);
+
   useEffect(() => {
     if (props.searchPlaceholder !== null && props.searchPlaceholder !== undefined) {
       element.current?.setAttribute("search-placeholder", props.searchPlaceholder);

package/react/lib/events-hook.ts

@@ -1,5 +1,5 @@
 import { useEvent } from "jb-core/react";
-import { RefObject } from "react";
+import type { RefObject } from "react";
 import type { JBSelectWebComponent, JBSelectEventType } from 'jb-select';
 
 export type EventProps = {