@roadtrip/components 3.11.2 → 3.12.0

package/dist/types/components/phone-number-input/phone-number-input.d.ts

@@ -1,90 +1,56 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-type CountryType = {
-  translations: {
-    [key: string]: string;
-  };
-  countryCode: string;
-  phoneCode: string;
-};
-interface PhoneReturnType {
-  phoneNumberType: string;
-  countryCode: string;
-  nationalNumber: string;
-  phoneCode: string;
-  internationalNumber: string;
-}
+import { CountryOption, CountryType, PhoneReturnType, ReturnObject } from './interfaces';
+import { RoadInputCustomEvent } from '../../components';
 export declare class RoadPhoneNumberInput {
-  /**
- * Emitt object data.
- */
+  /** Computed phone data */
   roadPhoneNumberInput: EventEmitter<{
     isError: boolean;
-    phone: PhoneReturnType;
+    phone: {
+      numberType: string;
+      countryCode: string;
+      nationalNumber: string;
+      code: string;
+      internationalNumber: string;
+    };
   }>;
   el: HTMLRoadPhoneNumberInputElement;
-  /**
-   * The country data
-   */
+  /** Disable both fields */
+  disabled: boolean;
+  /** List of countries displayed in the country selection. Countries will be automatically sorted by alphabetical order (see format in example) */
   countryData: CountryType[];
-  /**
-   * The translation language of the countries
-   */
+  /** Used to display countries with the right language */
   language: string;
-  /**
-   * The label display in the select area
-   */
-  areaLabel: string;
-  /**
-   * The indicatif display in the select area
-   */
-  areaValue: string;
-  /**
-   * The label display in the input
-   */
-  inputLabel: string;
-  /**
-   * The value of the input
-   */
-  inputValue: string;
-  /**
-   * Type of the phone number : FIXED_LINE, MOBILE
-   */
-  numberType?: string;
-  /**
- * If `true`, the user must fill in a value before submitting a form.
- */
+  /** Country selection placeHolder */
+  codeLabel: string;
+  /** Phone input placeHolder */
+  phoneLabel: string;
+  /** Value displayed in the phone input */
+  phoneValue?: string;
+  /** Selected country code */
+  countryCode?: string;
+  /** Error message (displayed only if ther is a message) */
+  errorMessage: string;
+  /** Add a star in the phone input */
   required: boolean;
   selectedCountry: string;
+  selectedCountryCode: string;
   phoneNumber: string;
-  inputError: string;
-  countryOptions: {
-    value: string;
-    label: string;
-    selected: boolean;
-  }[];
-  languageChanged(): void;
-  updateCountryOptions(): void;
+  countryOptions: CountryOption[];
+  returnObject: ReturnObject;
+  updateMessagePosition(): void;
   componentWillLoad(): void;
-  getPhoneCountryCode(phoneCode: string): string;
-  handleSelect(event: any): void;
-  createReturnObject(): void;
-  setAndPlaceErrorMessage(message: string): void;
+  handleInput(event: RoadInputCustomEvent<{
+    value: string | null | undefined;
+  }>): void;
+  handleSelect(event: Event): void;
+  createAndDispatchPhoneData(fromSelect?: boolean): void;
+  updateSelectedCountryCode(countryCode: string): void;
+  updateSelectedCountry(value: string): void;
+  resetPhoneUtilData(): PhoneReturnType;
+  isEmptyPhoneNumber(): boolean;
+  getPhoneCodeFromCountryCode(countryCode: string): string | undefined;
+  updateCountryOptions(): void;
+  placeErrorMessage(): void;
   waitForElementToExist(selector: string): Promise<HTMLElement>;
-  handleInput(event: any): void;
-  /**
-   * Emitted the value and label of the option selected.
-   */
-  roadselected: EventEmitter<{
-    value: string | undefined | null;
-    label: string;
-  }>;
-  /** @internal */
-  roadSelected: EventEmitter<{
-    value: string | undefined | null;
-    label: string;
-  }>;
-  extractCallingCode(countryString: string): string;
-  selectCountry(event: CustomEvent): void;
   render(): any;
 }
-export {};

package/dist/types/components/progress-indicator-horizontal/progress-indicator-horizontal.d.ts

@@ -15,6 +15,10 @@ export declare class Stepper {
     */
   color?: 'default' | 'header';
   /**
+  * The nombre of steps.
+  */
+  numberStep?: 3 | 2;
+  /**
  * The color of the first step.
  */
   stateFirstStep?: 'default' | 'current' | 'comleted';

package/dist/types/components/rating/rating.d.ts

@@ -11,6 +11,10 @@ export declare class Rating {
  * Show reviews
  */
   showreviews: boolean;
+  /**
+ * Read Only
+ */
+  readonly: boolean;
   /**
    * number of reviews
    */
@@ -19,5 +23,9 @@ export declare class Rating {
    * Word display next to the number of reviews.
    */
   reviewsText: string;
+  /**
+ * Url.
+ */
+  url: string;
   render(): any;
 }

package/dist/types/components/select/select.d.ts

@@ -72,6 +72,8 @@ export declare class Select {
   /** @internal */
   roadBlur: EventEmitter<void>;
   valueChanged(): void;
+  componentWillLoad(): void;
+  addSelected(): string | number;
   private onChange;
   private onBlur;
   private onFocus;

package/dist/types/components.d.ts

@@ -6,7 +6,9 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AutocompleteTypes, Color, FeedbackColors, TextFieldTypes } from "./interface";
+import { CountryType } from "./components/phone-number-input/interfaces";
 export { AutocompleteTypes, Color, FeedbackColors, TextFieldTypes } from "./interface";
+export { CountryType } from "./components/phone-number-input/interfaces";
 export namespace Components {
     interface RoadAccordion {
         /**
@@ -926,35 +928,39 @@ export namespace Components {
     }
     interface RoadPhoneNumberInput {
         /**
-          * The label display in the select area
+          * Country selection placeHolder
          */
-        "areaLabel": string;
+        "codeLabel": string;
         /**
-          * The indicatif display in the select area
+          * Selected country code
          */
-        "areaValue": string;
+        "countryCode"?: string;
         /**
-          * The country data
+          * List of countries displayed in the country selection. Countries will be automatically sorted by alphabetical order (see format in example)
          */
         "countryData": CountryType[];
         /**
-          * The label display in the input
+          * Disable both fields
          */
-        "inputLabel": string;
+        "disabled": boolean;
         /**
-          * The value of the input
+          * Error message (displayed only if ther is a message)
          */
-        "inputValue": string;
+        "errorMessage": string;
         /**
-          * The translation language of the countries
+          * Used to display countries with the right language
          */
         "language": string;
         /**
-          * Type of the phone number : FIXED_LINE, MOBILE
+          * Phone input placeHolder
          */
-        "numberType"?: string;
+        "phoneLabel": string;
         /**
-          * If `true`, the user must fill in a value before submitting a form.
+          * Value displayed in the phone input
+         */
+        "phoneValue"?: string;
+        /**
+          * Add a star in the phone input
          */
         "required": boolean;
     }
@@ -1029,6 +1035,10 @@ export namespace Components {
           * The color progress-indicator-horizontal.
          */
         "color"?: 'default' | 'header';
+        /**
+          * The nombre of steps.
+         */
+        "numberStep"?: 3 | 2;
         /**
           * The color of the first step.
          */
@@ -1181,6 +1191,10 @@ export namespace Components {
           * Rate review between 0 and 5
          */
         "rate": number;
+        /**
+          * Read Only
+         */
+        "readonly": boolean;
         /**
           * number of reviews
          */
@@ -1197,6 +1211,10 @@ export namespace Components {
           * The button size.
          */
         "size"?: 'small' | 'medium';
+        /**
+          * Url.
+         */
+        "url": string;
     }
     interface RoadRow {
     }
@@ -2309,15 +2327,13 @@ declare global {
     interface HTMLRoadPhoneNumberInputElementEventMap {
         "roadPhoneNumberInput": {
     isError: boolean;
-    phone: PhoneReturnType;
-  };
-        "roadselected": {
-    value: string | undefined | null,
-    label: string
-  };
-        "roadSelected": {
-    value: string | undefined | null,
-    label: string
+    phone: {
+      numberType: string;
+      countryCode: string;
+      nationalNumber: string;
+      code: string;
+      internationalNumber: string;
+    };
   };
     }
     interface HTMLRoadPhoneNumberInputElement extends Components.RoadPhoneNumberInput, HTMLStencilElement {
@@ -3887,49 +3903,52 @@ declare namespace LocalJSX {
     }
     interface RoadPhoneNumberInput {
         /**
-          * The label display in the select area
+          * Country selection placeHolder
          */
-        "areaLabel"?: string;
+        "codeLabel"?: string;
         /**
-          * The indicatif display in the select area
+          * Selected country code
          */
-        "areaValue"?: string;
+        "countryCode"?: string;
         /**
-          * The country data
+          * List of countries displayed in the country selection. Countries will be automatically sorted by alphabetical order (see format in example)
          */
         "countryData"?: CountryType[];
         /**
-          * The label display in the input
+          * Disable both fields
          */
-        "inputLabel"?: string;
+        "disabled"?: boolean;
         /**
-          * The value of the input
+          * Error message (displayed only if ther is a message)
          */
-        "inputValue"?: string;
+        "errorMessage"?: string;
         /**
-          * The translation language of the countries
+          * Used to display countries with the right language
          */
         "language"?: string;
         /**
-          * Type of the phone number : FIXED_LINE, MOBILE
-         */
-        "numberType"?: string;
-        /**
-          * Emitt object data.
+          * Computed phone data
          */
         "onRoadPhoneNumberInput"?: (event: RoadPhoneNumberInputCustomEvent<{
     isError: boolean;
-    phone: PhoneReturnType;
+    phone: {
+      numberType: string;
+      countryCode: string;
+      nationalNumber: string;
+      code: string;
+      internationalNumber: string;
+    };
   }>) => void;
         /**
-          * Emitted the value and label of the option selected.
+          * Phone input placeHolder
          */
-        "onRoadselected"?: (event: RoadPhoneNumberInputCustomEvent<{
-    value: string | undefined | null,
-    label: string
-  }>) => void;
+        "phoneLabel"?: string;
         /**
-          * If `true`, the user must fill in a value before submitting a form.
+          * Value displayed in the phone input
+         */
+        "phoneValue"?: string;
+        /**
+          * Add a star in the phone input
          */
         "required"?: boolean;
     }
@@ -4022,6 +4041,10 @@ declare namespace LocalJSX {
           * The color progress-indicator-horizontal.
          */
         "color"?: 'default' | 'header';
+        /**
+          * The nombre of steps.
+         */
+        "numberStep"?: 3 | 2;
         /**
           * The color of the first step.
          */
@@ -4194,6 +4217,10 @@ declare namespace LocalJSX {
           * Rate review between 0 and 5
          */
         "rate"?: number;
+        /**
+          * Read Only
+         */
+        "readonly"?: boolean;
         /**
           * number of reviews
          */
@@ -4210,6 +4237,10 @@ declare namespace LocalJSX {
           * The button size.
          */
         "size"?: 'small' | 'medium';
+        /**
+          * Url.
+         */
+        "url"?: string;
     }
     interface RoadRow {
     }