jb-select 7.1.0 → 7.1.2

package/react/lib/JBSelect.tsx

@@ -7,35 +7,18 @@ import type { JBSelectWebComponent, SizeVariants } from 'jb-select';
 import { type EventProps, useEvents } from './events-hook.js';
 import { useJBSelectAttribute, type JBSelectAttributes } from './attributes-hook.js';
 import type { JBElementStandardProps } from 'jb-core/react';
+import './module-declaration.js';
 export type JBSelectEventType<T> = T & {
   target: JBSelectWebComponent
 }
-declare module "react" {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace JSX {
-    interface IntrinsicElements {
-      'jb-select': JBSelectType;
-    }
-    interface JBSelectType extends React.DetailedHTMLProps<React.HTMLAttributes<JBSelectWebComponent>, JBSelectWebComponent> {
-      class?: string,
-      label?: string,
-      name?: string,
-      required?: string | boolean,
-      message?: string,
-      tabindex?: string,
-      size?: string,
-      "hide-clean"?: string,
-    }
-  }
-}
 export function JBSelect<TValue>(props: Props<TValue>) {
   const element = useRef<JBSelectWebComponent>(null);
+  const { onChange, onInit, onInput, onKeyUp, onLoad, ref, error, getSelectedValueDOM, label, required, message, placeholder, searchPlaceholder, validationList, value, hideClear, ...otherProps } = props;
   useImperativeHandle(
-    props.ref,
-    () => (element ? element.current : undefined),
+    ref,
+    () => (element.current??undefined),
     [element],
   );
-  const { onChange, onInit, onInput, onKeyUp, onLoad, error, getSelectedValueDOM, label, required, message, placeholder, searchPlaceholder, validationList, value, hideClear, ...otherProps } = props;
   useEvents(element, { onChange, onInit, onInput, onKeyUp, onLoad });
   useJBSelectAttribute(element, { error, getSelectedValueDOM, label, required, message, placeholder, searchPlaceholder, validationList, value, hideClear });
   return (
@@ -46,9 +29,8 @@ export function JBSelect<TValue>(props: Props<TValue>) {
 };
 
 export type Props<TValue> = PropsWithChildren<EventProps & JBSelectAttributes<TValue>> & JBElementStandardProps<JBSelectWebComponent, keyof EventProps & JBSelectAttributes<TValue>> & {
-  ref?: React.RefObject<JBSelectWebComponent>,
+  ref?: React.ForwardedRef<JBSelectWebComponent|null|undefined>,
   size?: SizeVariants,
   name?: string,
   disabled?:boolean,
-}
-JBSelect.displayName = 'JBSelect';
+}

package/react/lib/attributes-hook.ts

@@ -15,7 +15,7 @@ export type JBSelectAttributes<TValue> = {
   getSelectedValueDOM?: (option: any) => HTMLElement,
 
 }
-export function useJBSelectAttribute<TValue>(element: RefObject<JBSelectWebComponent>, props: JBSelectAttributes<TValue>) {
+export function useJBSelectAttribute<TValue>(element: RefObject<JBSelectWebComponent|null>, props: JBSelectAttributes<TValue>) {
   useEffect(() => {
     if (props.message !== null && props.message !== undefined) {
       element.current?.setAttribute("message", props.message);

package/react/lib/events-hook.ts

@@ -15,7 +15,7 @@ export type EventProps = {
   onKeyUp?: (e: JBSelectEventType<KeyboardEvent>) => void,
   onInput?: (e: JBSelectEventType<InputEvent>) => void,
 }
-export function useEvents(element: RefObject<JBSelectWebComponent>, props: EventProps) {
+export function useEvents(element: RefObject<JBSelectWebComponent|null>, props: EventProps) {
   useEvent(element, 'load', props.onLoad, true);
   useEvent(element, 'init', props.onInit, true);
   useEvent(element, 'keyup', props.onKeyUp);

package/react/lib/module-declaration.ts

@@ -0,0 +1,23 @@
+import type { JBOptionWebComponent, JBSelectWebComponent } from "jb-select";
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      'jb-option': JBOptionType;
+      'jb-select': JBSelectType;
+    }
+    interface JBOptionType extends React.DetailedHTMLProps<React.HTMLAttributes<JBOptionWebComponent<any>>, JBOptionWebComponent<any>> {
+      class?: string,
+    }
+    interface JBSelectType extends React.DetailedHTMLProps<React.HTMLAttributes<JBSelectWebComponent>, JBSelectWebComponent> {
+      class?: string,
+      label?: string,
+      name?: string,
+      required?: string | boolean,
+      message?: string,
+      tabindex?: string,
+      size?: string,
+      "hide-clean"?: string,
+    }
+  }
+}

package/react/tsconfig.json

@@ -1,6 +1,6 @@
 {
     "compilerOptions": {
-        "baseUrl": ".",
+        
         "rootDir": "./lib",
         "declarationDir": "./dist"
     },