bromcom-ui 2.3.56 → 2.3.60

package/dist/types/components/organism/colorpicker/colorpicker.d.ts

@@ -26,6 +26,7 @@ export declare class BcmColorPicker {
   disabled: boolean;
   hidden: boolean;
   required: boolean;
+  tooltip: string;
   /**
    * Component States
    */

package/dist/types/components/organism/date-picker/date-picker.d.ts

@@ -1,6 +1,6 @@
-export declare class BcmDatePicker {
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class BcmDatePicker implements ComponentInterface {
   private picker;
-  private cacheRangeDate;
   date: Date | string;
   value: any;
   endDate: Date | string;
@@ -17,6 +17,10 @@ export declare class BcmDatePicker {
   captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
   alignment: 'left' | 'right' | 'default';
   _internal_id: string;
+  stateStartDate: any;
+  stateEndDate: any;
+  handleStartDateChange(): void;
+  handleEndDateChange(): void;
   /**
    * @desc
    */
@@ -30,16 +34,16 @@ export declare class BcmDatePicker {
    * @desc
    * @param value
    */
-  set(value: string): Promise<void>;
+  set(value: any): Promise<void>;
   /**
    * @desc
    * @param disabled
    */
   setDisabled(disabled: boolean): Promise<void>;
-  formatDate(date: any, format: any): any;
   setClear(): Promise<void>;
-  setStartDate(dateOrTime: any): Promise<true | void>;
-  setEndDate(dateOrTime: any): Promise<true | void>;
+  setStartDate(dateOrTime: any): Promise<void>;
+  setEndDate(dateOrTime: any): Promise<void>;
+  handleDate(): void;
   /**
    * @desc
    */

package/dist/types/components/organism/datetime-picker/datetime-picker.d.ts

@@ -398,11 +398,12 @@ export declare class BcmDatetimePicker {
    * @param disabled
    */
   setDisabled(disabled: boolean): Promise<void>;
+  changeFormat(date: Date): string;
   /**
    * @desc
    * @param dateOrTime
    */
-  set(dateOrTime: string | Date): Promise<void>;
+  set(dateOrTime: any): Promise<void>;
   setClear(): Promise<void>;
   /**
    * @desc

package/dist/types/components/organism/listbox/listbox.d.ts

@@ -49,6 +49,7 @@ export declare class BcmListbox {
   captionError: string;
   captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
   _internal_id: string;
+  tooltip: string;
   /**
    * Component States
    */

package/dist/types/components.d.ts

@@ -16,6 +16,7 @@ import { KindProp as KindProp1, SizeProp as SizeProp2 } from "./components/molec
 import { ImageProps, SizeProp as SizeProp3 } from "./components/molecules/empty/types";
 import { SizeProp as SizeProp4 } from "./components/molecules/error-layout/types";
 import { SizePropOptions, TypePropOptions } from "./components/atoms/icon/types";
+import { FontSizesTypes, StatusTypes } from "./models/bcm-types";
 import { ProcessTypeProp, SizeProp as SizeProp5, TypeProp as TypeProp2 } from "./components/molecules/list/types";
 import { captionTypeProp } from "./types";
 import { SizeProp as SizeProp6 } from "./components/organism/listbox/types";
@@ -164,6 +165,7 @@ export namespace Components {
         "resetCaption": () => Promise<void>;
         "setClear": () => Promise<void>;
         "size": 'small' | 'medium' | 'large';
+        "tooltip": string;
         "value": any;
     }
     interface BcmCheckboxLite {
@@ -213,6 +215,7 @@ export namespace Components {
         "required": boolean;
         "setColor": (color: string) => Promise<void>;
         "size": 'small' | 'medium' | 'large';
+        "tooltip": string;
         "value": string;
     }
     interface BcmComment {
@@ -283,15 +286,15 @@ export namespace Components {
           * @desc 
           * @param value
          */
-        "set": (value: string) => Promise<void>;
+        "set": (value: any) => Promise<void>;
         "setClear": () => Promise<void>;
         /**
           * @desc 
           * @param disabled
          */
         "setDisabled": (disabled: boolean) => Promise<void>;
-        "setEndDate": (dateOrTime: any) => Promise<true | void>;
-        "setStartDate": (dateOrTime: any) => Promise<true | void>;
+        "setEndDate": (dateOrTime: any) => Promise<void>;
+        "setStartDate": (dateOrTime: any) => Promise<void>;
         "value": any;
     }
     interface BcmDatetimePicker {
@@ -340,7 +343,7 @@ export namespace Components {
           * @desc 
           * @param dateOrTime
          */
-        "set": (dateOrTime: string | Date) => Promise<void>;
+        "set": (dateOrTime: any) => Promise<void>;
         "setClear": () => Promise<void>;
         /**
           * @param 
@@ -460,6 +463,7 @@ export namespace Components {
     }
     interface BcmInput {
         "_id": string;
+        "_internal_id": string;
         "caption": string;
         "captionError": string;
         "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
@@ -490,11 +494,26 @@ export namespace Components {
         "setValue": (value: any) => Promise<any>;
         "size": 'small' | 'medium' | 'large';
         "step": any;
+        "tooltip": string;
         "type": string;
         "unit": string;
         "unitPrefix": string;
         "value": any;
     }
+    interface BcmLabel {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "form": any;
+        "hidden": boolean;
+        "htmlFor": any;
+        "required": boolean;
+        "size": FontSizesTypes;
+        "tooltip": string;
+        "type": StatusTypes | any;
+        "value": string;
+    }
     interface BcmLink {
         "hidden": boolean;
         "href": string;
@@ -514,9 +533,6 @@ export namespace Components {
          */
         "checked": (checkedItems?: Array<string> | string, reset?: boolean) => Promise<void>;
         "clearAndSelectSearch": (select?: boolean) => Promise<void>;
-        /**
-          * ***
-         */
         "clearable": boolean;
         /**
           * @desc
@@ -566,6 +582,10 @@ export namespace Components {
           * @desc
          */
         "resetCaption": () => Promise<void>;
+        "returnField": string;
+        "searchData": any;
+        "searchFields": Array<string>;
+        "searchPlaceholder": string;
         "searchable": boolean;
         "selectedId": string;
         /**
@@ -594,12 +614,20 @@ export namespace Components {
           * @desc
          */
         "toggleChecked": (checkedItems?: Array<string> | string) => Promise<void>;
+        /**
+          * ***
+         */
+        "tooltip": string;
         "type": TypeProp;
         /**
           * @desc
          */
         "unChecked": (checkedItems?: Array<string> | string) => Promise<void>;
         "value": any;
+        /**
+          * ***
+         */
+        "variableText": string;
         "width": string;
     }
     interface BcmListItem {
@@ -666,8 +694,10 @@ export namespace Components {
           * @desc
          */
         "toggle": (list?: "default" | "other") => Promise<void>;
+        "tooltip": string;
         "type": TypeProp;
         "value": any;
+        "variableText": string;
     }
     interface BcmListbox {
         "_flex": string;
@@ -715,6 +745,7 @@ export namespace Components {
         "showSearchMethod": (val?: boolean) => Promise<void>;
         "size": SizeProp;
         "template": string;
+        "tooltip": string;
         "treeview": boolean;
         "updateChecked": (items: any) => Promise<void>;
         "updateCheckedList": Array<any>;
@@ -956,6 +987,7 @@ export namespace Components {
         "setClear": () => Promise<void>;
         "setData": (_data: OptionType[] | string) => Promise<boolean>;
         "size": 'small' | 'medium' | 'large';
+        "tooltip": string;
         "value": string | number;
     }
     interface BcmResult {
@@ -1022,6 +1054,7 @@ export namespace Components {
         "setDataAsync": (_data?: Array<object> | string) => Promise<void>;
         "size": 'small' | 'medium' | 'large';
         "template": string;
+        "tooltip": string;
         "treeview": boolean;
         "updateChecked": (id?: any[]) => Promise<void>;
         "value": string;
@@ -1099,6 +1132,7 @@ export namespace Components {
         "resetCaption": () => Promise<void>;
         "setClear": () => Promise<void>;
         "size": 'small' | 'medium';
+        "tooltip": string;
         "value": any;
     }
     interface BcmTab {
@@ -1173,7 +1207,7 @@ export namespace Components {
     interface BcmTextarea {
         "caption": string;
         "captionError": string;
-        "captionType": 'default' | 'primary' | 'success' | 'warning' | 'error';
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "clearable": boolean;
         "disabled": boolean;
         "fullWidth": boolean;
@@ -1194,6 +1228,7 @@ export namespace Components {
         "setFocus": () => Promise<void>;
         "setValue": (value: any) => Promise<any>;
         "size": 'small' | 'medium' | 'large';
+        "tooltip": string;
         "value": string;
     }
     interface BcmTimePicker {
@@ -1559,6 +1594,12 @@ declare global {
         prototype: HTMLBcmInputElement;
         new (): HTMLBcmInputElement;
     };
+    interface HTMLBcmLabelElement extends Components.BcmLabel, HTMLStencilElement {
+    }
+    var HTMLBcmLabelElement: {
+        prototype: HTMLBcmLabelElement;
+        new (): HTMLBcmLabelElement;
+    };
     interface HTMLBcmLinkElement extends Components.BcmLink, HTMLStencilElement {
     }
     var HTMLBcmLinkElement: {
@@ -1889,6 +1930,7 @@ declare global {
         "bcm-header": HTMLBcmHeaderElement;
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
+        "bcm-label": HTMLBcmLabelElement;
         "bcm-link": HTMLBcmLinkElement;
         "bcm-list": HTMLBcmListElement;
         "bcm-list-item": HTMLBcmListItemElement;
@@ -2064,6 +2106,7 @@ declare namespace LocalJSX {
         "optionType"?: 'default' | 'button';
         "required"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
+        "tooltip"?: string;
         "value"?: any;
     }
     interface BcmCheckboxLite {
@@ -2116,6 +2159,7 @@ declare namespace LocalJSX {
         "open"?: boolean;
         "required"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
+        "tooltip"?: string;
         "value"?: string;
     }
     interface BcmComment {
@@ -2332,6 +2376,7 @@ declare namespace LocalJSX {
     }
     interface BcmInput {
         "_id"?: string;
+        "_internal_id"?: string;
         "caption"?: string;
         "captionError"?: string;
         "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
@@ -2360,11 +2405,26 @@ declare namespace LocalJSX {
         "required"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
         "step"?: any;
+        "tooltip"?: string;
         "type"?: string;
         "unit"?: string;
         "unitPrefix"?: string;
         "value"?: any;
     }
+    interface BcmLabel {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "form"?: any;
+        "hidden"?: boolean;
+        "htmlFor"?: any;
+        "required"?: boolean;
+        "size"?: FontSizesTypes;
+        "tooltip"?: string;
+        "type"?: StatusTypes | any;
+        "value"?: string;
+    }
     interface BcmLink {
         "hidden"?: boolean;
         "href"?: string;
@@ -2379,9 +2439,6 @@ declare namespace LocalJSX {
         "caption"?: string;
         "captionError"?: string;
         "captionType"?: captionTypeProp;
-        /**
-          * ***
-         */
         "clearable"?: boolean;
         "disabled"?: boolean;
         "flex"?: boolean;
@@ -2402,18 +2459,27 @@ declare namespace LocalJSX {
         "noCaption"?: boolean;
         "onBcm-change"?: (event: CustomEvent<any>) => void;
         "onBcm-list-checklist"?: (event: CustomEvent<any>) => void;
-        /**
-          * ***
-         */
         "onBcm-list-selected"?: (event: CustomEvent<any>) => void;
         "placeholder"?: string;
         "processType"?: ProcessTypeProp;
         "required"?: boolean;
+        "returnField"?: string;
+        "searchData"?: any;
+        "searchFields"?: Array<string>;
+        "searchPlaceholder"?: string;
         "searchable"?: boolean;
         "selectedId"?: string;
         "size"?: SizeProp;
+        /**
+          * ***
+         */
+        "tooltip"?: string;
         "type"?: TypeProp;
         "value"?: any;
+        /**
+          * ***
+         */
+        "variableText"?: string;
         "width"?: string;
     }
     interface BcmListItem {
@@ -2454,8 +2520,10 @@ declare namespace LocalJSX {
         "required"?: boolean;
         "searchData"?: any;
         "size"?: SizeProp;
+        "tooltip"?: string;
         "type"?: TypeProp;
         "value"?: any;
+        "variableText"?: string;
     }
     interface BcmListbox {
         "_flex"?: string;
@@ -2502,6 +2570,7 @@ declare namespace LocalJSX {
         "showIcon"?: boolean;
         "size"?: SizeProp;
         "template"?: string;
+        "tooltip"?: string;
         "treeview"?: boolean;
         "updateCheckedList"?: Array<any>;
         "value"?: any;
@@ -2746,6 +2815,7 @@ declare namespace LocalJSX {
         "options"?: OptionType[] | string;
         "required"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
+        "tooltip"?: string;
         "value"?: string | number;
     }
     interface BcmResult {
@@ -2806,6 +2876,7 @@ declare namespace LocalJSX {
         "searchable"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
         "template"?: string;
+        "tooltip"?: string;
         "treeview"?: boolean;
         "value"?: string;
         "value2"?: string;
@@ -2890,6 +2961,7 @@ declare namespace LocalJSX {
         "pending"?: boolean;
         "required"?: boolean;
         "size"?: 'small' | 'medium';
+        "tooltip"?: string;
         "value"?: any;
     }
     interface BcmTab {
@@ -2965,7 +3037,7 @@ declare namespace LocalJSX {
     interface BcmTextarea {
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'default' | 'primary' | 'success' | 'warning' | 'error';
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "clearable"?: boolean;
         "disabled"?: boolean;
         "fullWidth"?: boolean;
@@ -2984,6 +3056,7 @@ declare namespace LocalJSX {
         "resize"?: 'vertical' | 'none' | 'auto';
         "rows"?: number;
         "size"?: 'small' | 'medium' | 'large';
+        "tooltip"?: string;
         "value"?: string;
     }
     interface BcmTimePicker {
@@ -3163,6 +3236,7 @@ declare namespace LocalJSX {
         "bcm-header": BcmHeader;
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
+        "bcm-label": BcmLabel;
         "bcm-link": BcmLink;
         "bcm-list": BcmList;
         "bcm-list-item": BcmListItem;
@@ -3253,6 +3327,7 @@ declare module "@stencil/core" {
             "bcm-header": LocalJSX.BcmHeader & JSXBase.HTMLAttributes<HTMLBcmHeaderElement>;
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
+            "bcm-label": LocalJSX.BcmLabel & JSXBase.HTMLAttributes<HTMLBcmLabelElement>;
             "bcm-link": LocalJSX.BcmLink & JSXBase.HTMLAttributes<HTMLBcmLinkElement>;
             "bcm-list": LocalJSX.BcmList & JSXBase.HTMLAttributes<HTMLBcmListElement>;
             "bcm-list-item": LocalJSX.BcmListItem & JSXBase.HTMLAttributes<HTMLBcmListItemElement>;

package/dist/types/helper/color-helper.d.ts

@@ -0,0 +1,9 @@
+export declare class ColorHelper {
+  static isHex: (str: string) => boolean;
+  static isRgb: (str: string) => boolean;
+  static isRgba: (str: string) => boolean;
+  static isHsl: (str: string) => boolean;
+  static isHsla: (str: string) => boolean;
+  static convertColorToHex: (color: string) => any;
+  static reverseColor: (color: string) => "#000000" | "#FFFFFF";
+}

package/dist/types/helper/datetime-helper.d.ts

@@ -0,0 +1,3 @@
+export declare class DateTimeHelper {
+  static convertTimeStampToDate: (timestamp: number) => Date;
+}

package/dist/types/helper/generate.d.ts

@@ -0,0 +1,10 @@
+export declare class Generate {
+  static UID: () => string;
+  static getIconAttrWithStatusType: (status: any, loading?: boolean) => {
+    icon: string;
+    color: string;
+  };
+  static createComponent: (element: any, props: any) => any;
+  static debounceInput: (func: any, wait: any, immediate: any) => () => void;
+  static flatArray: (arr: any) => any;
+}

package/dist/types/helper/number-helper.d.ts

@@ -0,0 +1,9 @@
+export declare class NumberHelper {
+  static isNumber: (str: string) => boolean;
+  static convertToNumber: (str: string) => number;
+  static replaceNumber: (str: string) => string;
+  static replaceFloat: (str: string) => string;
+  static toFixed: (num: number, fixed: number) => string;
+  static parseFloatFixed: (str: string, fixed: number) => string;
+  static getDecimalLength: (str: string) => number;
+}

package/dist/types/helper/string-helper.d.ts

@@ -0,0 +1,20 @@
+export declare class StringHelper {
+  static lowercase: (str: string) => string;
+  static uppercase: (str: string) => string;
+  static capitalize: (str: string) => string;
+  static camelCase: (str: string) => string;
+  static kebabCase: (str: string) => string;
+  static snakeCase: (str: string) => string;
+  static titleCase: (str: string) => string;
+  static trim: (str: string) => string;
+  static trimLeft: (str: string) => string;
+  static trimRight: (str: string) => string;
+  static trimAll: (str: string) => string;
+  static replace: (str: string, search: string, replace: string) => string;
+  static remove: (str: string, search: string) => string;
+  static isNullOrEmpty: (str: string) => boolean;
+  static localizationMessage: (str: any, args: any) => any;
+  static getMessage: (type: string, args?: any[]) => any;
+  static split: (str: string, separator: string) => string[];
+  static textContains: (str: string, search: string) => boolean;
+}

package/dist/types/helper/validators.d.ts

@@ -0,0 +1,8 @@
+export declare class Validators {
+  static isEmailValid: (str: string) => boolean;
+  static isUrlValid: (str: string) => boolean;
+  static isNumberValid: (str: string) => boolean;
+  static isNumberFloatValid: (str: string) => boolean;
+  static isPhoneValid: (str: string) => boolean;
+  static isValidate: (str: string, type: string) => boolean;
+}

package/dist/types/models/bcm-types.d.ts

@@ -0,0 +1,19 @@
+import Bcm from "./bcm";
+export declare type SizeTypes = 'small' | 'medium' | 'large';
+export declare type FullSizeTypes = SizeTypes | 'xsmall' | 'xlarge' | 'xxlarge' | 'xxxlarge';
+export declare type KindTypes = keyof typeof Bcm.Kind;
+export declare type ShapeTypes = keyof typeof Bcm.Shape;
+export declare type HtmlElementTypes = keyof typeof Bcm.HtmlElementType;
+export declare type StatusTypes = keyof typeof Bcm.Status;
+export declare type ButtonTypes = keyof typeof Bcm.ButtonType;
+export declare type IconPositionTypes = keyof typeof Bcm.IconPosition;
+export declare type DirectionTypes = keyof typeof Bcm.Direction;
+export declare type TagTypes = keyof typeof Bcm.TagType;
+export declare type FontSizesTypes = keyof typeof Bcm.FontSize;
+export declare type FontWeightTypes = keyof typeof Bcm.FontWeight;
+export declare type ColorPaletteTypes = keyof typeof Bcm.ColorPalette;
+export declare type PreDefinedIconSizes = keyof typeof Bcm.PreDefinedIconSize;
+export declare type InputTypes = keyof typeof Bcm.InputType;
+export declare type IndeterminateTypes = keyof typeof Bcm.IndeterminateType;
+export declare type PlacementTypes = keyof typeof Bcm.Placement;
+export declare type TrigglerTypes = keyof typeof Bcm.TriggerType;