jb-select 5.1.0 → 5.3.1

package/dist/web-component/jb-select/lib/jb-select.d.ts

@@ -1,5 +1,5 @@
 import { JBSelectCallbacks, JBSelectElements, ValidationValue } from "./types";
-import { ValidationHelper, type WithValidation } from "jb-validation";
+import { ShowValidationErrorInput, ValidationHelper, type WithValidation } from "jb-validation";
 import { JBFormInputStandards } from 'jb-form';
 export declare class JBSelectWebComponent<TOption = any, TValue = TOption> extends HTMLElement implements WithValidation<ValidationValue<TOption, TValue>>, JBFormInputStandards<TValue> {
     #private;
@@ -43,7 +43,7 @@ export declare class JBSelectWebComponent<TOption = any, TValue = TOption> exten
      * @description show given string as a error in message place
      * @public
      */
-    showValidationError(message: string): void;
+    showValidationError(error: ShowValidationErrorInput | string): void;
     clearValidationError(): void;
     /**
    * @public

package/lib/jb-select.ts

@@ -6,7 +6,7 @@ import {
   JBSelectOptionElement,
   ValidationValue,
 } from "./types";
-import {ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation} from "jb-validation";
+import {ShowValidationErrorInput, ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation} from "jb-validation";
 import { isMobile } from "../../../common/scripts/device-detection";
 import {JBFormInputStandards} from 'jb-form';
 //TOption is the type of option, TValue is the type of value we extract from option
@@ -123,7 +123,14 @@ export class JBSelectWebComponent<TOption = any, TValue = TOption> extends HTMLE
       value:this.value
     };
   }
-  #validation = new ValidationHelper<ValidationValue<TOption,TValue>>(this.showValidationError.bind(this),this.clearValidationError.bind(this),()=>this.#ValidationValue,()=>this.textValue,this.#getInsideValidation.bind(this),this.#setValidationResult.bind(this));
+  #validation = new ValidationHelper<ValidationValue<TOption,TValue>>({
+    clearValidationError:this.clearValidationError.bind(this),
+    showValidationError:this.showValidationError.bind(this),
+    getInputtedValue:()=>this.#ValidationValue,
+    getInsideValidations:this.#getInsideValidation.bind(this),
+    getValueString:()=>this.#textValue,
+    setValidationResult:this.#setValidationResult.bind(this)
+  });
   get validation(){
     return this.#validation;
   }
@@ -144,7 +151,7 @@ export class JBSelectWebComponent<TOption = any, TValue = TOption> extends HTMLE
   #required = false;
   set required(value:boolean){
     this.#required = value;
-    this.#validation.checkValidity(false);
+    this.#validation.checkValiditySync({showError:false});
   }
   get required() {
     return this.#required;
@@ -376,7 +383,7 @@ export class JBSelectWebComponent<TOption = any, TValue = TOption> extends HTMLE
     const inputtedText = (e.target as HTMLInputElement).value;
     this.textValue = inputtedText;
     this.#handleSelectedValueDisplay(inputtedText);
-    this.#validation.checkValidity(false);
+    this.#validation.checkValidity({showError:false});
     this.#dispatchInputEvent(e);
   }
   #dispatchInputEvent(e: InputEvent) {
@@ -464,7 +471,7 @@ export class JBSelectWebComponent<TOption = any, TValue = TOption> extends HTMLE
     this.textValue = "";
     this.#handleSelectedValueDisplay("");
     this.#hideOptionList();
-    this.#validation.checkValidity(true);
+    this.#validation.checkValidity({showError:true});
     if (this.isMobileDevice) {
       if (this.value) {
         this.elements.input.placeholder = "";
@@ -558,11 +565,8 @@ export class JBSelectWebComponent<TOption = any, TValue = TOption> extends HTMLE
    * @description show given string as a error in message place
    * @public
    */
-  showValidationError(message:string) {
-    // if (errorType == "REQUIRED") {
-    //   const label = this.getAttribute("label") || "";
-    //   this.elements.messageBox.innerHTML = `${label} حتما باید انتخاب شود`;
-    // }
+  showValidationError(error: ShowValidationErrorInput | string) {
+    const message = typeof error == "string"?error:error.message;
     this.elements.messageBox.innerHTML = message;
     this.elements.messageBox.classList.add("--error");
   }
@@ -647,7 +651,7 @@ export class JBSelectWebComponent<TOption = any, TValue = TOption> extends HTMLE
   //
   #checkValidity(showError: boolean) {
     if (!this.isAutoValidationDisabled) {
-      return this.#validation.checkValidity(showError);
+      return this.#validation.checkValidity({showError});
     }
   }
   /**
@@ -656,7 +660,7 @@ export class JBSelectWebComponent<TOption = any, TValue = TOption> extends HTMLE
  * this method used by #internal of component
  */
   checkValidity(): boolean {
-    const validationResult = this.#validation.checkValidity(false);
+    const validationResult = this.#validation.checkValiditySync({showError:false});
     if (!validationResult.isAllValid) {
       const event = new CustomEvent('invalid');
       this.dispatchEvent(event);
@@ -668,7 +672,7 @@ export class JBSelectWebComponent<TOption = any, TValue = TOption> extends HTMLE
  * @description this method used to check for validity and show error to user
  */
   reportValidity(): boolean {
-    const validationResult = this.#validation.checkValidity(true);
+    const validationResult = this.#validation.checkValiditySync({showError:true});
     if (!validationResult.isAllValid) {
       const event = new CustomEvent('invalid');
       this.dispatchEvent(event);

package/package.json

@@ -12,7 +12,7 @@
     "select",
     "web component"
   ],
-  "version": "5.1.0",
+  "version": "5.3.1",
   "bugs": "https://github.com/javadbat/jb-select/issues",
   "license": "MIT",
   "files": [
@@ -28,9 +28,9 @@
 		"url": "git@github.com:javadbat/jb-select.git"
   },
   "dependencies": {
-    "jb-validation": ">=0.0.6"
+    "jb-validation": ">=0.1.0"
   },
   "devDependencies": {
-    "jb-form":">=0.1.0"
+    "jb-form":">=0.3.5"
   }
 }

package/dist/modules/jb-validation/types.d.ts

@@ -1 +0,0 @@
-export * from './dist/modules/jb-validation/lib/types.js';

package/dist/web-component/jb-form/lib/types.d.ts

@@ -1,28 +0,0 @@
-import { ValidationResult, ValidationResultSummary, WithValidation } from "jb-validation/types";
-export interface JBFormInputStandards<TValue = string> {
-    disabled: boolean;
-    required: boolean;
-    name: string;
-    value: TValue;
-    /**
-    * @description check if user change the value of component based on value provided from outside and return true if user change a initial value
-    */
-    readonly isDirty: boolean;
-    initialValue: TValue;
-}
-export type TraverseResult<T> = {
-    [key: string]: T;
-};
-export type FormValidationMessages = {
-    [key: string]: string;
-};
-export type FormValidationSummary = {
-    [key: string]: ValidationResultSummary | null;
-};
-export type FormValidationResult = {
-    [key: string]: ValidationResult<any> | null;
-};
-export type FormValues<TValue = any> = {
-    [key: string]: TValue;
-};
-export type ExtractFunction<T> = (formElement: Partial<WithValidation & JBFormInputStandards>) => T;

package/dist/web-component/jb-form/types.d.ts

@@ -1 +0,0 @@
-export * from './dist/web-component/jb-form/lib/types';