jb-select 7.0.1 → 7.0.4

package/lib/jb-select.ts

@@ -8,7 +8,7 @@ import type {
   ValidationValue,
 } from "./types";
 import { type ShowValidationErrorParameters, ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation } from "jb-validation";
-import { isMobile } from "jb-core";
+import { createInputEvent, createKeyboardEvent, isMobile } from "jb-core";
 import type { JBFormInputStandards } from 'jb-form';
 // eslint-disable-next-line no-duplicate-imports
 import { JBOptionWebComponent } from "./jb-option/jb-option";
@@ -17,6 +17,7 @@ import { renderHTML } from "./render";
 import { dictionary } from "./i18n";
 import { i18n } from "jb-core/i18n";
 import type { JBButtonWebComponent } from "jb-button";
+import { JBPopoverWebComponent } from "jb-popover";
 
 //TODO: add clean button to empty the select box after value selection
 //TODO: add IncludeInputInList or freeSolo so user can select item that he wrote without even it exist in select list
@@ -31,7 +32,7 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
     return true;
   }
   // we keep selected option here by option but we return TValue when user demand
-  #value: TValue;
+  #value: TValue| null;
   #textValue = "";
   // if user set value and current option list is not contain the option.
   // we hold it in _notFoundedValue and select value when option value get updated
@@ -42,13 +43,13 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
   callbacks: JBSelectCallbacks<TValue> = {}
   elements!: JBSelectElements;
   get value(): TValue {
-    if (this.#value) {
+    if (this.#value !== null && this.#value !== undefined) {
       return this.#value;
     } else {
       return null;
     }
   }
-  set value(value: TValue) {
+  set value(value: TValue | null | undefined) {
     this.#setValueFromOutside(value);
   }
   get textValue() {
@@ -120,10 +121,10 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
     this.#disabled = value;
     this.elements.input.disabled = value;
     if (value) {
-      (this.#internals as any).states?.add("disabled");
+      this.#internals.states?.add("disabled");
       this.#internals.ariaDisabled = "true";
     } else {
-      (this.#internals as any).states?.delete("disabled");
+      this.#internals.states?.delete("disabled");
       this.#internals.ariaDisabled = "false";
     }
   }
@@ -142,11 +143,18 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
  */
   get isAutoValidationDisabled(): boolean {
     //currently we only support disable-validation in attribute and only in initiate time but later we can add support for change of this 
-    return this.getAttribute('disable-auto-validation') === '' || this.getAttribute('disable-auto-validation') === 'true' ? true : false;
+    return !!(this.getAttribute('disable-auto-validation') === '' || this.getAttribute('disable-auto-validation') === 'true');
   }
   get name() {
     return this.getAttribute('name') || '';
   }
+  set name(value: string) {
+    if(value){
+      this.setAttribute('name', value);
+    }else{
+      this.removeAttribute('name');
+    }
+  }
   initialValue: TValue | null = null;
   get isDirty(): boolean {
     return this.value !== this.initialValue;
@@ -162,9 +170,17 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
     this.#initProp();
   }
   connectedCallback() {
-    // standard web component event that called when all of dom is binded
+    // standard web component event that called when all of dom is bound
     this.#callOnLoadEvent();
     this.#callOnInitEvent();
+    if (this.elements.optionListWrapper instanceof JBPopoverWebComponent) {
+      this.#setupPopover();
+    } else {
+      customElements.whenDefined("jb-popover").then(() =>this.#setupPopover())
+    }
+  }
+  #setupPopover(){
+      this.elements.optionListWrapper.bindTarget(this.elements.selectBox);
   }
   #callOnInitEvent() {
     const event = new CustomEvent("init", { bubbles: true, composed: true });
@@ -201,6 +217,7 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
       emptyListPlaceholder: shadowRoot.querySelector(".empty-list-placeholder")!,
       mobileSearchInputWrapper: shadowRoot.querySelector(".mobile-search-input-wrapper"),
       frontBox: shadowRoot.querySelector(".front-box"),
+      selectBox: shadowRoot.querySelector(".select-box")
     };
     this.#registerEventListener();
     this.#updateListEmptyPlaceholder();
@@ -210,7 +227,7 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
    * place code that change on select resize between mobile & desktop
    */
   #setupDeviceRelates() {
-    const onResize = ()=> {
+    const onResize = () => {
       if (isMobile()) {
         this.elements.mobileSearchInputWrapper.appendChild(this.elements.input)
       } else {
@@ -247,6 +264,7 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
     return [
       "label",
       "message",
+      "hide-clear",
       "value",
       "required",
       "placeholder",
@@ -293,6 +311,13 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
       case "error":
         this.reportValidity();
         break;
+      case 'hide-clear':
+        if(value === '' || value === 'true'){
+          this.elements.clearButton.style.display = 'none'
+        }else{
+          this.elements.clearButton.style.display = 'block'
+        }
+        break;
     }
   }
   /**
@@ -306,7 +331,7 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
       this.elements.emptyListPlaceholder.classList.add("--show");
     }
   }
-  #onOptionSlotChange(e: Event) {
+  #onOptionSlotChange(_e: Event) {
     this.#setValueOnOptionListChanged();
     this.#updateListEmptyPlaceholder();
   }
@@ -326,7 +351,7 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
     }
   }
   //when user set value by attribute or value prop directly we call this function
-  #setValueFromOutside(value: TValue): boolean {
+  #setValueFromOutside(value: TValue | null | undefined): boolean {
     if (value === null || value === undefined) {
       this.#setValue(null, null);
       return true;
@@ -387,31 +412,15 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
       this.focus();
     }
   }
-  #onClearButtonClick(e:MouseEvent) {
+  #onClearButtonClick(e: MouseEvent) {
     e.stopPropagation();
     e.preventDefault();
-    this.#setValue(null,null);
+    this.#setValue(null, null);
     this.#checkValidity(true);
     this.#dispatchOnChangeEvent();
   }
   #onInputKeyPress(e: KeyboardEvent) {
-    const eventOptions: KeyboardEventInit = {
-      altKey: e.altKey,
-      bubbles: e.bubbles,
-      cancelable: e.cancelable,
-      code: e.code,
-      composed: e.composed,
-      ctrlKey: e.ctrlKey,
-      detail: e.detail,
-      isComposing: e.isComposing,
-      key: e.key,
-      location: e.location,
-      metaKey: e.metaKey,
-      view: e.view,
-      repeat: e.repeat,
-      shiftKey: e.shiftKey
-    };
-    const event = new KeyboardEvent("keypress", eventOptions);
+    const event = createKeyboardEvent("keypress", e, {})
     this.dispatchEvent(event);
   }
   #onInputBeforeInput(_e: InputEvent) {
@@ -427,18 +436,7 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
     this.#updateListEmptyPlaceholder();
   }
   #dispatchInputEvent(e: InputEvent) {
-    const event = new InputEvent("input", {
-      bubbles: e.bubbles,
-      cancelable: e.cancelable,
-      composed: e.composed,
-      data: e.data,
-      dataTransfer: e.dataTransfer,
-      detail: e.detail,
-      inputType: e.inputType,
-      isComposing: e.isComposing,
-      targetRanges: e.getTargetRanges(),
-      view: e.view,
-    });
+    const event = createInputEvent("input", e, {});
     this.dispatchEvent(event);
   }
   #onInputKeyup(e: KeyboardEvent) {
@@ -459,24 +457,8 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
     }
   }
   #triggerOnInputKeyup(e: KeyboardEvent) {
-    const event = new KeyboardEvent("keyup", {
-      altKey: e.altKey,
-      bubbles: e.bubbles,
-      cancelable: e.cancelable,
-      code: e.code,
-      ctrlKey: e.ctrlKey,
-      detail: e.detail,
-      key: e.key,
-      shiftKey: e.shiftKey,
-      charCode: e.charCode,
-      location: e.location,
-      composed: e.composed,
-      isComposing: e.isComposing,
-      metaKey: e.metaKey,
-      repeat: e.repeat,
-      keyCode: e.keyCode,
-      view: e.view,
-    });
+
+    const event = createKeyboardEvent('keyup', e, {})
     this.dispatchEvent(event);
   }
   #onInputChange(e: Event) {
@@ -484,10 +466,11 @@ export class JBSelectWebComponent<TValue = any> extends HTMLElement implements W
     //here is the rare  time we update _text_value directly because we want trigger event that may read value directly from dom
     this.#textValue = inputText;
   }
-  #onSelectFocus() {
-    this.focus();
-  }
-  #onInputFocus() {
+  #onSelectFocus(e: FocusEvent) {
+    if (e.composedPath().find(x => x == this.elements.clearButton)) {
+      // we don't want focus when user click on clear button 
+      return;
+    }
     this.focus();
   }
   #onInputBlur(e: FocusEvent) {

package/lib/types.ts

@@ -23,7 +23,8 @@ export type JBSelectElements = {
     },
     emptyListPlaceholder: HTMLDivElement,
     mobileSearchInputWrapper:HTMLDivElement,
-    frontBox:HTMLDivElement
+    frontBox:HTMLDivElement,
+    selectBox:HTMLDivElement
 }
 export type ValidationValue<TValue> = {
     selectedOption:JBOptionWebComponent<TValue> | null,
@@ -32,3 +33,6 @@ export type ValidationValue<TValue> = {
 }
 
 export type JBSelectEventType<TEvent> = EventTypeWithTarget<TEvent,JBSelectWebComponent>
+
+/* Variants */
+export type SizeVariants = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/lib/variables.css

@@ -8,6 +8,11 @@
   --border-width: var(--jb-select-border-width, 1px);
   --border-bottom-width: var(--jb-select-border-bottom-width, var(--jb-select-border-width, 3px));
   --base-z-index: 1;
+  --selected-value-font-size:var(--jb-select-selected-value-font-size, 1rem);
+  --input-font-size:var(--jb-select-input-font-size, 1rem);
+  --selected-value-padding:var(--jb-select-selected-value-padding, 0.125rem 0.75rem 0 0.75rem);
+  --inline-slots-padding:0.375rem 0.625rem;
+  --clear-icon-size: 1rem;
   /* put message and label forward base on border radius*/
   --inline-space: calc(var(--rounded) / 1.75);
   --label-margin: var(--jb-select-label-margin, 0.125rem var(--inline-space));
@@ -31,4 +36,54 @@
 
 :host(:focus-within) {
   --border-color: var(--jb-select-border-color-focus, var(--jb-neutral));
+}
+
+/*Size*/
+ :host([size="xs"]){
+  --height:var(--jb-select-height-xs, 1.5rem);
+  --selected-value-font-size:var(--jb-select-selected-value-font-size-xs, 0.75rem);
+  --input-font-size:var(--jb-select-input-font-size-xs, 0.75rem);
+  --label-font-size:var(--jb-select-label-font-size-xs, 0.6rem);
+  /*0.7 - (0.0875 *2) */
+  --message-font-size:var(--jb-select-message-font-size-xs, 0.525rem);
+  /* 0.375 = radius-xs - (0.25*radius-xs) */
+  --selected-value-padding:var(--jb-select-selected-value-padding-xs, 0.125rem 0.375rem 0 0.375rem);
+  --rounded: var(--jb-select-rounded-xs, var(--jb-radius-xs));
+  --inline-slots-padding:0.125rem 0.25rem;
+  --clear-icon-size: 0.5rem;
+}
+
+:host([size="sm"]){
+  --height: var(--jb-select-height-sm, 2rem);
+  --selected-value-font-size:var(--jb-select-selected-value-font-size-sm, 0.875rem);
+  --input-font-size:var(--jb-select-input-font-size-sm, 0.875rem);
+  --label-font-size:var(--jb-select-label-font-size-sm, 0.7rem);
+  --message-font-size:var(--jb-select-message-font-size-sm, 0.6125rem);
+  --selected-value-padding:var(--jb-select-selected-value-padding-sm, 0.125rem 0.5625rem 0 0.5625rem);
+  --rounded: var(--jb-select-rounded-sm, var(--jb-radius-sm));
+  --inline-slots-padding:0.25rem 0.5rem;
+  --clear-icon-size: 0.75rem;
+}
+
+:host([size="lg"]){
+  --height: var(--jb-select-height-lg, 3rem);
+  --selected-value-font-size:var(--jb-select-selected-value-font-size-lg, 1.125rem);
+  --input-font-size:var(--jb-select-input-font-size-lg, 1.125rem);
+  --label-font-size:var(--jb-select-label-font-size-lg, 0.9rem);
+    /*0.7 + 0.0875*/
+  --message-font-size:var(--jb-select-message-font-size-lg, 0.7875rem);
+ --selected-value-padding:var(--jb-select-selected-value-padding-lg, 0.125rem 0.9375rem 0 0.9375rem);
+  --rounded: var(--jb-select-rounded-lg, var(--jb-radius-lg));
+  --inline-slots-padding:0.5rem 0.75rem;
+}
+
+:host([size="xl"]){
+  --height: var(--jb-select-height-xl, 4rem);
+  --selected-value-font-size:var(--jb-select-selected-value-font-size-xl, 1.25rem);
+  --input-font-size:var(--jb-select-input-font-size-xl, 1.25rem);
+  --label-font-size:var(--jb-select-label-font-size-xl, 1rem);
+  --message-font-size:var(--jb-select-message-font-size-xl, 0.875rem);
+  --selected-value-padding:var(--jb-select-selected-value-padding-xl, 0.125rem 1.125rem 0 1.125rem);
+  --rounded: var(--jb-select-rounded-xl, var(--jb-radius-xl));
+  --inline-slots-padding:0.75rem 1rem;
 }

package/package.json

@@ -16,8 +16,9 @@
     "web component",
     "react component"
   ],
-  "version": "7.0.1",
+  "version": "7.0.4",
   "bugs": "https://github.com/javadbat/jb-select/issues",
+  "homepage": "https://javadbat.github.io/design-system/?path=/story/components-form-elements-jbselect",
   "license": "MIT",
   "files": [
     "LICENSE",
@@ -35,9 +36,9 @@
   },
   "dependencies": {
     "jb-validation": ">=0.4.0",
-    "jb-button": ">=3.7.0",
-    "jb-popover": ">=1.5.0",
-    "jb-core":">=0.22.0"
+    "jb-button": ">=3.8.0",
+    "jb-popover": ">=1.6.0",
+    "jb-core":">=0.24.0"
   },
   "devDependencies": {
     "jb-form":">=0.7.1"

package/react/dist/JBSelect.d.ts

@@ -1,8 +1,9 @@
-import React, { CSSProperties } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import 'jb-select';
-import { JBSelectWebComponent } from 'jb-select';
-import { EventProps } from './events-hook.js';
+import type { JBSelectWebComponent, SizeVariants } from 'jb-select';
+import { type EventProps } from './events-hook.js';
 import { type JBSelectAttributes } from './attributes-hook.js';
+import type { JBElementStandardProps } from 'jb-core/react';
 export type JBSelectEventType<T> = T & {
     target: JBSelectWebComponent;
 };
@@ -18,6 +19,8 @@ declare module "react" {
             required?: string | boolean;
             message?: string;
             tabindex?: string;
+            size?: string;
+            "hide-clean"?: string;
         }
     }
 }
@@ -25,9 +28,7 @@ export declare function JBSelect<TValue>(props: Props<TValue>): React.JSX.Elemen
 export declare namespace JBSelect {
     var displayName: string;
 }
-export type Props<TValue> = EventProps & JBSelectAttributes<TValue> & {
+export type Props<TValue> = PropsWithChildren<EventProps & JBSelectAttributes<TValue>> & JBElementStandardProps<JBSelectWebComponent, keyof EventProps & JBSelectAttributes<TValue>> & {
     ref?: React.RefObject<JBSelectWebComponent>;
-    style?: CSSProperties;
-    className?: string;
-    children?: React.ReactNode;
+    size?: SizeVariants;
 };

package/react/dist/attributes-hook.d.ts

@@ -1,16 +1,17 @@
-import { JBSelectWebComponent, type ValidationValue } from "jb-select";
-import { type ValidationItem } from "jb-validation";
-import { RefObject } from "react";
+import type { JBSelectWebComponent, ValidationValue } from "jb-select";
+import type { ValidationItem } from "jb-validation";
+import { type RefObject } 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;
 };
 export declare function useJBSelectAttribute<TValue>(element: RefObject<JBSelectWebComponent>, props: JBSelectAttributes<TValue>): void;

package/react/dist/events-hook.d.ts

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

package/react/dist/index.cjs.js

@@ -1,2 +1,2 @@
-var e=Object.create,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,u=Object.getPrototypeOf,n=Object.prototype.hasOwnProperty,c=(e,u,c,a)=>{if(u&&"object"==typeof u||"function"==typeof u)for(var o,s=l(u),i=0,f=s.length;i<f;i++)o=s[i],n.call(e,o)||o===c||t(e,o,{get:(e=>u[e]).bind(null,o),enumerable:!(a=r(u,o))||a.enumerable});return e},a=(r,l,n)=>(n=null!=r?e(u(r)):{},c(!l&&r&&r.__esModule?n:t(n,"default",{value:r,enumerable:!0}),r));const o=a(require("react"));require("jb-select");const s=a(require("jb-core/react")),i=o.default.forwardRef((e,t)=>{let r=(0,o.useRef)(null);return(0,o.useImperativeHandle)(t,()=>r?r.current:void 0,[r]),(0,o.useEffect)(()=>{r.current&&Array.isArray(e.optionList)&&(r.current.optionList=e.optionList)},[e.optionList,r]),(0,o.useEffect)(()=>{r.current&&"function"==typeof e.getTitle&&r.current.setCallback("getTitle",e.getTitle)},[e.getTitle,r]),(0,o.useEffect)(()=>{r.current&&"function"==typeof e.getValue&&r.current.setCallback("getValue",e.getValue)},[e.getValue,r]),(0,o.useEffect)(()=>{r.current&&"function"==typeof e.getContentDOM&&r.current.setCallback("getContentDOM",e.getContentDOM)},[e.getContentDOM,r]),o.default.createElement("jb-option-list",{ref:r})});function f(e){let t=(0,o.useRef)(null);return(0,o.useImperativeHandle)(e.ref,()=>t?t.current:void 0,[t]),(0,s.useEvent)(t,"load",e.onLoad,!0),(0,s.useEvent)(t,"init",e.onInit,!0),(0,s.useEvent)(t,"keyup",e.onKeyUp),(0,s.useEvent)(t,"change",e.onChange),(0,s.useEvent)(t,"input",e.onInput),(0,o.useEffect)(()=>{null!==e.message&&void 0!==e.message?t.current?.setAttribute("message",e.message):t.current?.removeAttribute("message")},[e.message]),(0,o.useEffect)(()=>{t&&t.current&&(t.current.validation.list=e.validationList||[])},[e.validationList]),(0,o.useEffect)(()=>{null!==e.label&&void 0!==e.label?t.current?.setAttribute("label",e.label):t.current?.removeAttribute("label")},[e.label]),(0,o.useEffect)(()=>{null!==e.required&&void 0!==e.required?t.current?.setAttribute("required",""):t.current?.removeAttribute("required")},[e.required]),(0,o.useEffect)(()=>{null!==e.placeholder&&void 0!==e.placeholder&&t.current?.setAttribute("placeholder",e.placeholder)},[e.placeholder]),(0,o.useEffect)(()=>{null!==e.searchPlaceholder&&void 0!==e.searchPlaceholder&&t.current?.setAttribute("search-placeholder",e.searchPlaceholder)},[e.searchPlaceholder]),(0,o.useEffect)(()=>{e.error?t?.current?.setAttribute("error",e.error):t?.current?.removeAttribute("error")},[e.error]),(0,o.useEffect)(()=>{e.name?t?.current?.setAttribute("name",e.name||""):t?.current?.removeAttribute("name")},[e.name]),(0,o.useEffect)(()=>{t.current&&(t.current.value=e.value)},[e.value]),(0,o.useEffect)(()=>{"function"==typeof e.getSelectedValueDOM&&t.current&&t.current&&(t.current.callbacks.getSelectedValueDOM=e.getSelectedValueDOM)},[e.getSelectedValueDOM]),o.default.createElement("jb-select",{style:e.style?e.style:void 0,class:e.className?e.className:"",ref:t},e.children)}i.displayName="JBOptionList",f.displayName="JBSelect";const d=o.default.forwardRef((e,t)=>{let r=(0,o.useRef)(null),{value:l,children:u,className:n,...c}=e;return(0,o.useImperativeHandle)(t,()=>r?r.current:void 0,[r]),(0,o.useEffect)(()=>{r.current&&void 0!==l&&(r.current.value=l)},[l,r]),o.default.createElement("jb-option",{class:n,ref:r,...c},u)});d.displayName="JBOption",exports.JBOption=d,exports.JBOptionList=i,exports.JBSelect=f;
+var e=Object.create,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,l=Object.getPrototypeOf,n=Object.prototype.hasOwnProperty,c=(e,l,c,a)=>{if(l&&"object"==typeof l||"function"==typeof l)for(var o,i=u(l),s=0,f=i.length;s<f;s++)o=i[s],n.call(e,o)||o===c||t(e,o,{get:(e=>l[e]).bind(null,o),enumerable:!(a=r(l,o))||a.enumerable});return e},a=(r,u,n)=>(n=null!=r?e(l(r)):{},c(!u&&r&&r.__esModule?n:t(n,"default",{value:r,enumerable:!0}),r));const o=a(require("react"));require("jb-select");const i=a(require("jb-core/react")),s=o.default.forwardRef((e,t)=>{let r=(0,o.useRef)(null);return(0,o.useImperativeHandle)(t,()=>r?r.current:void 0,[r]),(0,o.useEffect)(()=>{r.current&&Array.isArray(e.optionList)&&(r.current.optionList=e.optionList)},[e.optionList,r]),(0,o.useEffect)(()=>{r.current&&"function"==typeof e.getTitle&&r.current.setCallback("getTitle",e.getTitle)},[e.getTitle,r]),(0,o.useEffect)(()=>{r.current&&"function"==typeof e.getValue&&r.current.setCallback("getValue",e.getValue)},[e.getValue,r]),(0,o.useEffect)(()=>{r.current&&"function"==typeof e.getContentDOM&&r.current.setCallback("getContentDOM",e.getContentDOM)},[e.getContentDOM,r]),o.default.createElement("jb-option-list",{ref:r})});function f(e){var t,r;let u=(0,o.useRef)(null);(0,o.useImperativeHandle)(e.ref,()=>u?u.current:void 0,[u]);let{onChange:l,onInit:n,onInput:c,onKeyUp:a,onLoad:s,error:f,getSelectedValueDOM:d,label:p,name:b,required:v,message:m,placeholder:g,searchPlaceholder:h,validationList:E,value:O,hideClear:y,...A}=e;return t={onChange:l,onInit:n,onInput:c,onKeyUp:a,onLoad:s},(0,i.useEvent)(u,"load",t.onLoad,!0),(0,i.useEvent)(u,"init",t.onInit,!0),(0,i.useEvent)(u,"keyup",t.onKeyUp),(0,i.useEvent)(u,"change",t.onChange),(0,i.useEvent)(u,"input",t.onInput),r={error:f,getSelectedValueDOM:d,label:p,name:b,required:v,message:m,placeholder:g,searchPlaceholder:h,validationList:E,value:O,hideClear:y},(0,o.useEffect)(()=>{null!==r.message&&void 0!==r.message?u.current?.setAttribute("message",r.message):u.current?.removeAttribute("message")},[r.message]),(0,o.useEffect)(()=>{u?.current&&(u.current.validation.list=r.validationList||[])},[u.current,r.validationList]),(0,o.useEffect)(()=>{null!==r.label&&void 0!==r.label?u.current?.setAttribute("label",r.label):u.current?.removeAttribute("label")},[r.label,u.current]),(0,o.useEffect)(()=>{null!==r.required&&void 0!==r.required?u.current?.setAttribute("required",""):u.current?.removeAttribute("required")},[r.required,u]),(0,o.useEffect)(()=>{null!==r.hideClear&&void 0!==r.hideClear?u.current?.setAttribute("hide-clear",""):u.current?.removeAttribute("hide-clear")},[r.hideClear,u]),(0,o.useEffect)(()=>{null!==r.placeholder&&void 0!==r.placeholder&&u.current?.setAttribute("placeholder",r.placeholder)},[r.placeholder,u]),(0,o.useEffect)(()=>{null!==r.searchPlaceholder&&void 0!==r.searchPlaceholder&&u.current?.setAttribute("search-placeholder",r.searchPlaceholder)},[r.searchPlaceholder]),(0,o.useEffect)(()=>{r.error?u?.current?.setAttribute("error",r.error):u?.current?.removeAttribute("error")},[r.error]),(0,o.useEffect)(()=>{r.name?u?.current?.setAttribute("name",r.name||""):u?.current?.removeAttribute("name")},[r.name]),(0,o.useEffect)(()=>{u.current&&(u.current.value=r.value)},[r.value]),(0,o.useEffect)(()=>{"function"==typeof r.getSelectedValueDOM&&u.current&&u.current&&(u.current.callbacks.getSelectedValueDOM=r.getSelectedValueDOM)},[r.getSelectedValueDOM]),o.default.createElement("jb-select",{ref:u,...A},e.children)}s.displayName="JBOptionList",f.displayName="JBSelect";const d=o.default.forwardRef((e,t)=>{let r=(0,o.useRef)(null),{value:u,children:l,className:n,...c}=e;return(0,o.useImperativeHandle)(t,()=>r?r.current:void 0,[r]),(0,o.useEffect)(()=>{r.current&&void 0!==u&&(r.current.value=u)},[u,r]),o.default.createElement("jb-option",{class:n,ref:r,...c},l)});d.displayName="JBOption",exports.JBOption=d,exports.JBOptionList=s,exports.JBSelect=f;
 //# sourceMappingURL=index.cjs.js.map

package/react/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../lib/JBOptionList.tsx","../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBSelect.tsx","../lib/JBOption.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../lib/JBOptionList.tsx","../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBSelect.tsx","../lib/JBOption.tsx"],"sourcesContent":[],"mappings":"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"}

package/react/dist/index.js

@@ -1,2 +1,2 @@
-import e,{useEffect as t,useImperativeHandle as r,useRef as l}from"react";import"jb-select";import{useEvent as n}from"jb-core/react";let a=e.forwardRef((n,a)=>{let u=l(null);return r(a,()=>u?u.current:void 0,[u]),t(()=>{u.current&&Array.isArray(n.optionList)&&(u.current.optionList=n.optionList)},[n.optionList,u]),t(()=>{u.current&&"function"==typeof n.getTitle&&u.current.setCallback("getTitle",n.getTitle)},[n.getTitle,u]),t(()=>{u.current&&"function"==typeof n.getValue&&u.current.setCallback("getValue",n.getValue)},[n.getValue,u]),t(()=>{u.current&&"function"==typeof n.getContentDOM&&u.current.setCallback("getContentDOM",n.getContentDOM)},[n.getContentDOM,u]),e.createElement("jb-option-list",{ref:u})});function u(a){var u;let o=l(null);return r(a.ref,()=>o?o.current:void 0,[o]),n(o,"load",a.onLoad,!0),n(o,"init",a.onInit,!0),n(o,"keyup",a.onKeyUp),n(o,"change",a.onChange),n(o,"input",a.onInput),t(()=>{null!==u.message&&void 0!==u.message?o.current?.setAttribute("message",u.message):o.current?.removeAttribute("message")},[(u=a).message]),t(()=>{o&&o.current&&(o.current.validation.list=u.validationList||[])},[u.validationList]),t(()=>{null!==u.label&&void 0!==u.label?o.current?.setAttribute("label",u.label):o.current?.removeAttribute("label")},[u.label]),t(()=>{null!==u.required&&void 0!==u.required?o.current?.setAttribute("required",""):o.current?.removeAttribute("required")},[u.required]),t(()=>{null!==u.placeholder&&void 0!==u.placeholder&&o.current?.setAttribute("placeholder",u.placeholder)},[u.placeholder]),t(()=>{null!==u.searchPlaceholder&&void 0!==u.searchPlaceholder&&o.current?.setAttribute("search-placeholder",u.searchPlaceholder)},[u.searchPlaceholder]),t(()=>{u.error?o?.current?.setAttribute("error",u.error):o?.current?.removeAttribute("error")},[u.error]),t(()=>{u.name?o?.current?.setAttribute("name",u.name||""):o?.current?.removeAttribute("name")},[u.name]),t(()=>{o.current&&(o.current.value=u.value)},[u.value]),t(()=>{"function"==typeof u.getSelectedValueDOM&&o.current&&o.current&&(o.current.callbacks.getSelectedValueDOM=u.getSelectedValueDOM)},[u.getSelectedValueDOM]),e.createElement("jb-select",{style:a.style?a.style:void 0,class:a.className?a.className:"",ref:o},a.children)}a.displayName="JBOptionList",u.displayName="JBSelect";let o=e.forwardRef((n,a)=>{let u=l(null),{value:o,children:c,className:i,...s}=n;return r(a,()=>u?u.current:void 0,[u]),t(()=>{u.current&&void 0!==o&&(u.current.value=o)},[o,u]),e.createElement("jb-option",{class:i,ref:u,...s},c)});o.displayName="JBOption";export{o as JBOption,a as JBOptionList,u as JBSelect};
+import e,{useEffect as t,useImperativeHandle as r,useRef as l}from"react";import"jb-select";import{useEvent as n}from"jb-core/react";let u=e.forwardRef((n,u)=>{let a=l(null);return r(u,()=>a?a.current:void 0,[a]),t(()=>{a.current&&Array.isArray(n.optionList)&&(a.current.optionList=n.optionList)},[n.optionList,a]),t(()=>{a.current&&"function"==typeof n.getTitle&&a.current.setCallback("getTitle",n.getTitle)},[n.getTitle,a]),t(()=>{a.current&&"function"==typeof n.getValue&&a.current.setCallback("getValue",n.getValue)},[n.getValue,a]),t(()=>{a.current&&"function"==typeof n.getContentDOM&&a.current.setCallback("getContentDOM",n.getContentDOM)},[n.getContentDOM,a]),e.createElement("jb-option-list",{ref:a})});function a(u){var a,i;let c=l(null);r(u.ref,()=>c?c.current:void 0,[c]);let{onChange:o,onInit:s,onInput:d,onKeyUp:p,onLoad:b,error:m,getSelectedValueDOM:g,label:v,name:h,required:f,message:A,placeholder:O,searchPlaceholder:y,validationList:C,value:L,hideClear:D,...M}=u;return n(c,"load",(a={onChange:o,onInit:s,onInput:d,onKeyUp:p,onLoad:b}).onLoad,!0),n(c,"init",a.onInit,!0),n(c,"keyup",a.onKeyUp),n(c,"change",a.onChange),n(c,"input",a.onInput),i={error:m,getSelectedValueDOM:g,label:v,name:h,required:f,message:A,placeholder:O,searchPlaceholder:y,validationList:C,value:L,hideClear:D},t(()=>{null!==i.message&&void 0!==i.message?c.current?.setAttribute("message",i.message):c.current?.removeAttribute("message")},[i.message]),t(()=>{c?.current&&(c.current.validation.list=i.validationList||[])},[c.current,i.validationList]),t(()=>{null!==i.label&&void 0!==i.label?c.current?.setAttribute("label",i.label):c.current?.removeAttribute("label")},[i.label,c.current]),t(()=>{null!==i.required&&void 0!==i.required?c.current?.setAttribute("required",""):c.current?.removeAttribute("required")},[i.required,c]),t(()=>{null!==i.hideClear&&void 0!==i.hideClear?c.current?.setAttribute("hide-clear",""):c.current?.removeAttribute("hide-clear")},[i.hideClear,c]),t(()=>{null!==i.placeholder&&void 0!==i.placeholder&&c.current?.setAttribute("placeholder",i.placeholder)},[i.placeholder,c]),t(()=>{null!==i.searchPlaceholder&&void 0!==i.searchPlaceholder&&c.current?.setAttribute("search-placeholder",i.searchPlaceholder)},[i.searchPlaceholder]),t(()=>{i.error?c?.current?.setAttribute("error",i.error):c?.current?.removeAttribute("error")},[i.error]),t(()=>{i.name?c?.current?.setAttribute("name",i.name||""):c?.current?.removeAttribute("name")},[i.name]),t(()=>{c.current&&(c.current.value=i.value)},[i.value]),t(()=>{"function"==typeof i.getSelectedValueDOM&&c.current&&c.current&&(c.current.callbacks.getSelectedValueDOM=i.getSelectedValueDOM)},[i.getSelectedValueDOM]),e.createElement("jb-select",{ref:c,...M},u.children)}u.displayName="JBOptionList",a.displayName="JBSelect";let i=e.forwardRef((n,u)=>{let a=l(null),{value:i,children:c,className:o,...s}=n;return r(u,()=>a?a.current:void 0,[a]),t(()=>{a.current&&void 0!==i&&(a.current.value=i)},[i,a]),e.createElement("jb-option",{class:o,ref:a,...s},c)});i.displayName="JBOption";export{i as JBOption,u as JBOptionList,a as JBSelect};
 //# sourceMappingURL=index.js.map

package/react/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../lib/JBOptionList.tsx","../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBSelect.tsx","../lib/JBOption.tsx"],"sourcesContent":[],"mappings":";;;;;AAEA,MAAY,+BAAuB,MAAA,WAAqB,CAAA,OAAM,QAAO;CAkBrE,MAAO,UAAM,OAAY,KAAG;AAC1B,qBAAgB,KAAkD,MAAK,UAAA,QAAA,kBAAA,CACvE,OAKA,EAAA;WACM,MAAA;MACF,QAAQ,WAAQ,MAAA,QAAa,MAAM,WAAU,CAC/C,SAAA,QAAA,aAAA,MAAA;CAEF,GAAA,CACE,MAAI;AAGN,WAAU,MAAA;AACV,MAAA,QAAe,kBAAA,MAAA,YAAA,WACT,SAAQ,QAAO,YAAW,YAAc,MAAI,SAAU;KAGxD,MAAM,UACV;WAEI,MAAA;AACF,MAAA,QAAA,kBAAA,MAAA,YAAA,WACE,SAAM,QAAa,YAAW,YAAA,MAAA,SAAA;CAKlC,GAAA,CAQF,MAAa;;;;;;;;;;AC1Cb,SAAgB,UAAU,SAA0C,OAAiB;AACnF,UAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,UAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,UAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,UAAS,SAAS,UAAU,MAAM,SAAS;AAC3C,UAAS,SAAS,SAAS,MAAM,QAAQ;AAC3C;;;;ACNA,SAAgB,qBAA6B,SAA0C,OAAiC;AACtH,WAAU,MAAG;AACX,MAAI,MAAM,YAAY,QAAQ,MAAM,mBAClC,SAAQ,SAAS,aAAa,WAAW,MAAM,QAAQ;eAClD,SAAA,gBAAA,UAAA;KAGL,MAAM,OACV,EAAA;WACM,MAAA;MACF,WAAQ,QAAQ,QAClB,SAAA,QAAA,WAAA,OAAA,MAAA,kBAAA,CAAA;CAEF,GAAA,CACE,MAAI;WAEJ,MAAA;YAAO,UAAA,QAAA,MAAA,iBACL,SAAQ,SAAS,aAAA,SAAgB,MAAQ,MAAA;MAEzC,SAAY,SAAC,gBAAA,QAAA;WAIb;WACK,MAAA;MACL,MAAA,aAAiB,QAAA,MAAgB,oBACnC,SAAA,SAAA,aAAA,YAAA,GAAA;MAGF,SAAe,SAAA,gBAAA,WAAA;KAGb,MAAA,QACD,EAAA;AACD,WAAU,MAAG;AACX,MAAI,MAAM,gBAAA,QAAsB,MAAQ,uBACtC,SAAQ,SAAS,aAAa,eAAA,MAAoB,YAAQ;CAE7D,GAAE,CACH,MAAU;WAEN,MAAA;AACF,MAAA,MAAA,sBAAA,QAAA,MAAA,sCAAO,SAAA,aAAA,sBAAA,MAAA,kBAAA;KAGL,MAAM,iBAEV,EAAA;WACM,MAAM;MACR,MAAA,MACF,UAAA,SAAA,aAAA,SAAA,MAAA,MAAA;MACE,UAAS,SAAS,gBAAgB,QAAO;CAE5C,GAAE,CACH,MAAU;WAEN,MAAA;AACF,MAAA,MAAA,KACE,UAAa,SAAA,aAAA,QAAA,MAAA,QAAA,GAAA;MAEX,UAAO,SAAM,gBAAmB,OAAI;KAGtC,MAAM,IACZ,EAAA;;;;;;;;;;;AC1EA,SAAS,SAAA,OAA+C;CAqBxD,MAAM,UAAU,OAAiB,KAAmB;AAClD,qBAAgB,MAA6B,KAAK,MAAA,UAAA,QAAA,kBAAA,CAClD,OAOA,EAAA;AACA,WAAA,SAAA,MAAqB;AACrB,sBACE,SAAA,MAAA;AAIJ,wBAAA,MAAA,cAAA,aAAA;EAAC,OAAA,MAAA,QAAA,MAAA;EAQO,OAAC,MAAW,YAAa,MAAA,YAAA;;;;;;;;AClDjC,MAAY,2BAAuB,MAAA,WAAmB,CAAqC,OAAM,QAAO;CAgBxG,MAAO,UAAM,OAAW,KAAM;CAC5B,MAAM,EAAA,OAAO,UAAwC,UAAK,GAAA,MAAA,GAAA;AAC1D,qBAAa,KAAS,MAAA,UAAc,QAAK,kBAAQ,CACjD,OAMA,EAAA;WACM,MAAA;MACF,QAAQ,WAAQ,iBAClB,SAAA,QAAA,QAAA;CAGF,GAAA,CAKA,OAOM"}
+{"version":3,"file":"index.js","names":[],"sources":["../lib/JBOptionList.tsx","../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBSelect.tsx","../lib/JBOption.tsx"],"sourcesContent":[],"mappings":"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"}

package/react/dist/index.umd.js

@@ -1,2 +1,2 @@
-var e,t;e=this,t=function(e,t,r,l){var u=Object.create,n=Object.defineProperty,c=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty,i=(e,t,r,l)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var u,o=a(t),i=0,f=o.length;i<f;i++)u=o[i],s.call(e,u)||u===r||n(e,u,{get:(e=>t[e]).bind(null,u),enumerable:!(l=c(t,u))||l.enumerable});return e},f=(e,t,r)=>(r=null!=e?u(o(e)):{},i(!t&&e&&e.__esModule?r:n(r,"default",{value:e,enumerable:!0}),e));t=f(t),l=f(l);let d=t.default.forwardRef((e,r)=>{let l=(0,t.useRef)(null);return(0,t.useImperativeHandle)(r,()=>l?l.current:void 0,[l]),(0,t.useEffect)(()=>{l.current&&Array.isArray(e.optionList)&&(l.current.optionList=e.optionList)},[e.optionList,l]),(0,t.useEffect)(()=>{l.current&&"function"==typeof e.getTitle&&l.current.setCallback("getTitle",e.getTitle)},[e.getTitle,l]),(0,t.useEffect)(()=>{l.current&&"function"==typeof e.getValue&&l.current.setCallback("getValue",e.getValue)},[e.getValue,l]),(0,t.useEffect)(()=>{l.current&&"function"==typeof e.getContentDOM&&l.current.setCallback("getContentDOM",e.getContentDOM)},[e.getContentDOM,l]),t.default.createElement("jb-option-list",{ref:l})});function p(e){let r=(0,t.useRef)(null);return(0,t.useImperativeHandle)(e.ref,()=>r?r.current:void 0,[r]),(0,l.useEvent)(r,"load",e.onLoad,!0),(0,l.useEvent)(r,"init",e.onInit,!0),(0,l.useEvent)(r,"keyup",e.onKeyUp),(0,l.useEvent)(r,"change",e.onChange),(0,l.useEvent)(r,"input",e.onInput),(0,t.useEffect)(()=>{null!==e.message&&void 0!==e.message?r.current?.setAttribute("message",e.message):r.current?.removeAttribute("message")},[e.message]),(0,t.useEffect)(()=>{r&&r.current&&(r.current.validation.list=e.validationList||[])},[e.validationList]),(0,t.useEffect)(()=>{null!==e.label&&void 0!==e.label?r.current?.setAttribute("label",e.label):r.current?.removeAttribute("label")},[e.label]),(0,t.useEffect)(()=>{null!==e.required&&void 0!==e.required?r.current?.setAttribute("required",""):r.current?.removeAttribute("required")},[e.required]),(0,t.useEffect)(()=>{null!==e.placeholder&&void 0!==e.placeholder&&r.current?.setAttribute("placeholder",e.placeholder)},[e.placeholder]),(0,t.useEffect)(()=>{null!==e.searchPlaceholder&&void 0!==e.searchPlaceholder&&r.current?.setAttribute("search-placeholder",e.searchPlaceholder)},[e.searchPlaceholder]),(0,t.useEffect)(()=>{e.error?r?.current?.setAttribute("error",e.error):r?.current?.removeAttribute("error")},[e.error]),(0,t.useEffect)(()=>{e.name?r?.current?.setAttribute("name",e.name||""):r?.current?.removeAttribute("name")},[e.name]),(0,t.useEffect)(()=>{r.current&&(r.current.value=e.value)},[e.value]),(0,t.useEffect)(()=>{"function"==typeof e.getSelectedValueDOM&&r.current&&r.current&&(r.current.callbacks.getSelectedValueDOM=e.getSelectedValueDOM)},[e.getSelectedValueDOM]),t.default.createElement("jb-select",{style:e.style?e.style:void 0,class:e.className?e.className:"",ref:r},e.children)}d.displayName="JBOptionList",p.displayName="JBSelect";let b=t.default.forwardRef((e,r)=>{let l=(0,t.useRef)(null),{value:u,children:n,className:c,...a}=e;return(0,t.useImperativeHandle)(r,()=>l?l.current:void 0,[l]),(0,t.useEffect)(()=>{l.current&&void 0!==u&&(l.current.value=u)},[u,l]),t.default.createElement("jb-option",{class:c,ref:l,...a},n)});b.displayName="JBOption",e.JBOption=b,e.JBOptionList=d,e.JBSelect=p},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("jb-select"),require("jb-core/react")):"function"==typeof define&&define.amd?define(["exports","react","jb-select","jb-core/react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBSelectReact={},e.React,e.JBSelect,e.JBCoreReact);
+var e,t;e=this,t=function(e,t,r,l){var u=Object.create,n=Object.defineProperty,c=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,i=Object.prototype.hasOwnProperty,s=(e,t,r,l)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var u,o=a(t),s=0,f=o.length;s<f;s++)u=o[s],i.call(e,u)||u===r||n(e,u,{get:(e=>t[e]).bind(null,u),enumerable:!(l=c(t,u))||l.enumerable});return e},f=(e,t,r)=>(r=null!=e?u(o(e)):{},s(!t&&e&&e.__esModule?r:n(r,"default",{value:e,enumerable:!0}),e));t=f(t),l=f(l);let d=t.default.forwardRef((e,r)=>{let l=(0,t.useRef)(null);return(0,t.useImperativeHandle)(r,()=>l?l.current:void 0,[l]),(0,t.useEffect)(()=>{l.current&&Array.isArray(e.optionList)&&(l.current.optionList=e.optionList)},[e.optionList,l]),(0,t.useEffect)(()=>{l.current&&"function"==typeof e.getTitle&&l.current.setCallback("getTitle",e.getTitle)},[e.getTitle,l]),(0,t.useEffect)(()=>{l.current&&"function"==typeof e.getValue&&l.current.setCallback("getValue",e.getValue)},[e.getValue,l]),(0,t.useEffect)(()=>{l.current&&"function"==typeof e.getContentDOM&&l.current.setCallback("getContentDOM",e.getContentDOM)},[e.getContentDOM,l]),t.default.createElement("jb-option-list",{ref:l})});function p(e){var r,u;let n=(0,t.useRef)(null);(0,t.useImperativeHandle)(e.ref,()=>n?n.current:void 0,[n]);let{onChange:c,onInit:a,onInput:o,onKeyUp:i,onLoad:s,error:f,getSelectedValueDOM:d,label:p,name:b,required:v,message:m,placeholder:g,searchPlaceholder:h,validationList:E,value:y,hideClear:O,...A}=e;return r={onChange:c,onInit:a,onInput:o,onKeyUp:i,onLoad:s},(0,l.useEvent)(n,"load",r.onLoad,!0),(0,l.useEvent)(n,"init",r.onInit,!0),(0,l.useEvent)(n,"keyup",r.onKeyUp),(0,l.useEvent)(n,"change",r.onChange),(0,l.useEvent)(n,"input",r.onInput),u={error:f,getSelectedValueDOM:d,label:p,name:b,required:v,message:m,placeholder:g,searchPlaceholder:h,validationList:E,value:y,hideClear:O},(0,t.useEffect)(()=>{null!==u.message&&void 0!==u.message?n.current?.setAttribute("message",u.message):n.current?.removeAttribute("message")},[u.message]),(0,t.useEffect)(()=>{n?.current&&(n.current.validation.list=u.validationList||[])},[n.current,u.validationList]),(0,t.useEffect)(()=>{null!==u.label&&void 0!==u.label?n.current?.setAttribute("label",u.label):n.current?.removeAttribute("label")},[u.label,n.current]),(0,t.useEffect)(()=>{null!==u.required&&void 0!==u.required?n.current?.setAttribute("required",""):n.current?.removeAttribute("required")},[u.required,n]),(0,t.useEffect)(()=>{null!==u.hideClear&&void 0!==u.hideClear?n.current?.setAttribute("hide-clear",""):n.current?.removeAttribute("hide-clear")},[u.hideClear,n]),(0,t.useEffect)(()=>{null!==u.placeholder&&void 0!==u.placeholder&&n.current?.setAttribute("placeholder",u.placeholder)},[u.placeholder,n]),(0,t.useEffect)(()=>{null!==u.searchPlaceholder&&void 0!==u.searchPlaceholder&&n.current?.setAttribute("search-placeholder",u.searchPlaceholder)},[u.searchPlaceholder]),(0,t.useEffect)(()=>{u.error?n?.current?.setAttribute("error",u.error):n?.current?.removeAttribute("error")},[u.error]),(0,t.useEffect)(()=>{u.name?n?.current?.setAttribute("name",u.name||""):n?.current?.removeAttribute("name")},[u.name]),(0,t.useEffect)(()=>{n.current&&(n.current.value=u.value)},[u.value]),(0,t.useEffect)(()=>{"function"==typeof u.getSelectedValueDOM&&n.current&&n.current&&(n.current.callbacks.getSelectedValueDOM=u.getSelectedValueDOM)},[u.getSelectedValueDOM]),t.default.createElement("jb-select",{ref:n,...A},e.children)}d.displayName="JBOptionList",p.displayName="JBSelect";let b=t.default.forwardRef((e,r)=>{let l=(0,t.useRef)(null),{value:u,children:n,className:c,...a}=e;return(0,t.useImperativeHandle)(r,()=>l?l.current:void 0,[l]),(0,t.useEffect)(()=>{l.current&&void 0!==u&&(l.current.value=u)},[u,l]),t.default.createElement("jb-option",{class:c,ref:l,...a},n)});b.displayName="JBOption",e.JBOption=b,e.JBOptionList=d,e.JBSelect=p},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("jb-select"),require("jb-core/react")):"function"==typeof define&&define.amd?define(["exports","react","jb-select","jb-core/react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBSelectReact={},e.React,e.JBSelect,e.JBCoreReact);
 //# sourceMappingURL=index.umd.js.map

package/react/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","names":[],"sources":["../lib/JBOptionList.tsx","../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBSelect.tsx","../lib/JBOption.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAY,+BAAuB,cAAA,WAAqB,CAAA,OAAM,QAAO;CAkBrE,MAAO,UAAM,kBAAY,KAAG;AAC1B,gCAAgB,KAAkD,MAAK,UAAA,QAAA,kBAAA,CACvE,OAKA,EAAA;sBACM,MAAA;MACF,QAAQ,WAAQ,MAAA,QAAa,MAAM,WAAU,CAC/C,SAAA,QAAA,aAAA,MAAA;CAEF,GAAA,CACE,MAAI;AAGN,sBAAU,MAAA;AACV,MAAA,QAAe,kBAAA,MAAA,YAAA,WACT,SAAQ,QAAO,YAAW,YAAc,MAAI,SAAU;KAGxD,MAAM,UACV;sBAEI,MAAA;AACF,MAAA,QAAA,kBAAA,MAAA,YAAA,WACE,SAAM,QAAa,YAAW,YAAA,MAAA,SAAA;CAKlC,GAAA,CAQF,MAAa;;;;;;;;;;AC1Cb,SAAgB,UAAU,SAA0C,OAAiB;AACnF,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,6BAAS,SAAS,UAAU,MAAM,SAAS;AAC3C,6BAAS,SAAS,SAAS,MAAM,QAAQ;AAC3C;;;;ACNA,SAAgB,qBAA6B,SAA0C,OAAiC;AACtH,sBAAU,MAAG;AACX,MAAI,MAAM,YAAY,QAAQ,MAAM,mBAClC,SAAQ,SAAS,aAAa,WAAW,MAAM,QAAQ;eAClD,SAAA,gBAAA,UAAA;KAGL,MAAM,OACV,EAAA;sBACM,MAAA;MACF,WAAQ,QAAQ,QAClB,SAAA,QAAA,WAAA,OAAA,MAAA,kBAAA,CAAA;CAEF,GAAA,CACE,MAAI;sBAEJ,MAAA;YAAO,UAAA,QAAA,MAAA,iBACL,SAAQ,SAAS,aAAA,SAAgB,MAAQ,MAAA;MAEzC,SAAY,SAAC,gBAAA,QAAA;WAIb;sBACK,MAAA;MACL,MAAA,aAAiB,QAAA,MAAgB,oBACnC,SAAA,SAAA,aAAA,YAAA,GAAA;MAGF,SAAe,SAAA,gBAAA,WAAA;KAGb,MAAA,QACD,EAAA;AACD,sBAAU,MAAG;AACX,MAAI,MAAM,gBAAA,QAAsB,MAAQ,uBACtC,SAAQ,SAAS,aAAa,eAAA,MAAoB,YAAQ;CAE7D,GAAE,CACH,MAAU;sBAEN,MAAA;AACF,MAAA,MAAA,sBAAA,QAAA,MAAA,sCAAO,SAAA,aAAA,sBAAA,MAAA,kBAAA;KAGL,MAAM,iBAEV,EAAA;sBACM,MAAM;MACR,MAAA,MACF,UAAA,SAAA,aAAA,SAAA,MAAA,MAAA;MACE,UAAS,SAAS,gBAAgB,QAAO;CAE5C,GAAE,CACH,MAAU;sBAEN,MAAA;AACF,MAAA,MAAA,KACE,UAAa,SAAA,aAAA,QAAA,MAAA,QAAA,GAAA;MAEX,UAAO,SAAM,gBAAmB,OAAI;KAGtC,MAAM,IACZ,EAAA;;;;;;;;;;;AC1EA,SAAS,SAAA,OAA+C;CAqBxD,MAAM,UAAU,kBAAiB,KAAmB;AAClD,gCAAgB,MAA6B,KAAK,MAAA,UAAA,QAAA,kBAAA,CAClD,OAOA,EAAA;AACA,WAAA,SAAA,MAAqB;AACrB,sBACE,SAAA,MAAA;AAIJ,wBAAA,cAAA,cAAA,aAAA;EAAC,OAAA,MAAA,QAAA,MAAA;EAQO,OAAC,MAAW,YAAa,MAAA,YAAA;;;;;;;;AClDjC,MAAY,2BAAuB,cAAA,WAAmB,CAAqC,OAAM,QAAO;CAgBxG,MAAO,UAAM,kBAAW,KAAM;CAC5B,MAAM,EAAA,OAAO,UAAwC,UAAK,GAAA,MAAA,GAAA;AAC1D,gCAAa,KAAS,MAAA,UAAc,QAAK,kBAAQ,CACjD,OAMA,EAAA;sBACM,MAAA;MACF,QAAQ,WAAQ,iBAClB,SAAA,QAAA,QAAA;CAGF,GAAA,CAKA,OAOM"}
+{"version":3,"file":"index.umd.js","names":[],"sources":["../lib/JBOptionList.tsx","../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBSelect.tsx","../lib/JBOption.tsx"],"sourcesContent":[],"mappings":"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"}

package/react/lib/JBSelect.tsx

@@ -1,11 +1,12 @@
 'use client'
 /* eslint-disable react/display-name */
-import React, { useRef, useImperativeHandle,CSSProperties } from 'react';
+import React, { useRef, useImperativeHandle, type PropsWithChildren } from 'react';
 import 'jb-select';
 // eslint-disable-next-line no-duplicate-imports
-import { JBSelectWebComponent } from 'jb-select';
-import { EventProps, useEvents } from './events-hook.js';
+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';
 export type JBSelectEventType<T> = T & {
     target: JBSelectWebComponent
 }
@@ -22,7 +23,8 @@ declare module "react" {
         required?:string | boolean,
         message?:string,
         tabindex?:string,
-        // ref:React.RefObject<JBDateInputWebComponent>,
+        size?:string,
+        "hide-clean"?:string,
       }
     }
 }
@@ -33,21 +35,18 @@ export function JBSelect<TValue>(props:Props<TValue>) {
     () => (element ? element.current : undefined),
     [element],
   );
-
-
-  useEvents(element,props);
-  useJBSelectAttribute(element,props);
+  const {onChange,onInit,onInput,onKeyUp,onLoad,error,getSelectedValueDOM,label,name,required,message,placeholder,searchPlaceholder,validationList,value, hideClear, ...otherProps} = props;
+  useEvents(element,{onChange,onInit,onInput,onKeyUp,onLoad});
+  useJBSelectAttribute(element,{error,getSelectedValueDOM,label,name,required,message,placeholder,searchPlaceholder,validationList,value,hideClear});
   return (
-    <jb-select style={props.style?props.style:undefined} class={props.className?props.className:""} ref={element}>
+    <jb-select ref={element} {...otherProps}>
       {props.children}
     </jb-select>
   );
 };
 
-export type Props<TValue> = EventProps & JBSelectAttributes<TValue> & {
+export type Props<TValue> = PropsWithChildren<EventProps & JBSelectAttributes<TValue>> & JBElementStandardProps<JBSelectWebComponent, keyof EventProps & JBSelectAttributes<TValue>>  & {
     ref?: React.RefObject<JBSelectWebComponent>,
-    style?:CSSProperties,
-    className?: string,
-    children?:React.ReactNode,
+    size?: SizeVariants,
 }
 JBSelect.displayName = 'JBSelect';