bromcom-ui 2.9.0-rc.8 → 2.9.0

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { StatusProp, TypeProp } from "./components/molecules/alert/types";
-import { DirectionTypes as DirectionTypes1, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
+import { Bcm, DirectionTypes as DirectionTypes1, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
 import { ItemType } from "./components/molecules/breadcrumb/types";
 import { ButtonTypes, ColorPaletteTypes as ColorPaletteTypes1, DirectionTypes, FontSizesTypes, IconPositionTypes, IndeterminateTypes, InputTypes, KindTypes, PlacementTypes, SizeTypes as SizeTypes1, StatusTypes as StatusTypes1, TagTypes, TrigglerTypes as TrigglerTypes1 } from "./models/bcm-types";
 import { VariantProp } from "./components/atoms/button/types";
@@ -17,8 +17,10 @@ import { StatusProp as StatusProp1 } from "./components/molecules/message/types"
 import { TypeProp as TypeProp1 } from "./components/molecules/notification/types";
 import { ColorPaletteTypes } from "./global/variables/colors";
 import { OptionType } from "./components/molecules/radio/radio-group";
+import { Moment } from "moment";
 import { statusType } from "./components/molecules/result/types";
 import { DirectionProp, SizeProp as SizeProp2, TypeProp as TypeProp2 } from "./components/other_deprecated/tabs/types";
+import { GridOptions } from "@ag-grid-community/core";
 import { ResizeTypes } from "./components/molecules/textarea/types";
 import { SizeProp as SizeProp3 } from "./components/other_deprecated/treeview/types";
 export namespace Components {
@@ -260,6 +262,46 @@ export namespace Components {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "clearable": boolean;
+        "disabled": boolean;
+        "disabledDates": any;
+        "disabledTime": any;
+        "format": any;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        "getInput": () => Promise<HTMLInputElement>;
+        "getValue": () => Promise<any>;
+        "hideDisabledOptions": boolean;
+        "hourStep": number;
+        "isValid": () => Promise<boolean>;
+        "label": string;
+        "minuteStep": number;
+        "name": string;
+        "noCaption": boolean;
+        "noMargin": boolean;
+        "placeholder": string;
+        "range": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "secondStep": number;
+        "set": (value: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "showHour": boolean;
+        "showMinute": boolean;
+        "showNow": boolean;
+        "showSecond": boolean;
+        "showTime": boolean;
+        "showToday": boolean;
+        "size": SizeTypes;
+        "type": "time" | "date" | "week" | "month" | "year" | "datetime";
+        "use12Hours": boolean;
+        "value": any;
+    }
     interface BcmDatePicker {
         "_id": string;
         "_internal_id": string;
@@ -291,6 +333,7 @@ export namespace Components {
         "linkedComponent": string;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         /**
           * @desc
          */
@@ -356,6 +399,7 @@ export namespace Components {
         "minYear": number;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         /**
           * @desc
          */
@@ -540,6 +584,33 @@ export namespace Components {
         "type": string;
         "value": string;
     }
+    interface BcmInputDropdown {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "customErrorMessage": string;
+        "data": Bcm.InputDropdownData[];
+        "defaultValue": Object;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<Bcm.InputDropdownData>;
+        "hideCaption": boolean;
+        "hideComment": boolean;
+        "label": string;
+        "lateKeys": string;
+        "maxCharacterLimit": number;
+        "name": string;
+        "noCaption": boolean;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: Bcm.InputDropdownData[]) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "size": SizeTypes;
+        "value": Bcm.InputDropdownData;
+    }
     interface BcmItem {
         "_id": string;
         "color": any;
@@ -596,6 +667,7 @@ export namespace Components {
         "checkboxes": boolean;
         "clearable": boolean;
         "data": any;
+        "disableChangeEvent": boolean;
         "disabled": boolean;
         "emptyIcon": string;
         "emptyText": string;
@@ -618,6 +690,7 @@ export namespace Components {
         "minSearchLength": number;
         "name": string;
         "noCaption": boolean;
+        "openIntersecting": boolean;
         "placeholder": string;
         "placement": PlacementTypes1;
         "readonly": boolean;
@@ -633,6 +706,7 @@ export namespace Components {
         "size": SizeTypes;
         "stopDeepClean": boolean;
         "template": string;
+        "tooltip": string;
         "treeview": boolean;
         "type": ListTypes;
         "value": any;
@@ -994,6 +1068,30 @@ export namespace Components {
         "data": [];
         "maxCount": number | "responsive" | "invalidate";
     }
+    interface BcmRcPicker {
+        "clearable": boolean;
+        "disabled": boolean;
+        "disabledDates": { min: any; max: any; dates: any; custom: any; };
+        "disabledTime": { disabledHours: any; disabledMinutes: any; disabledSeconds: any };
+        "error": boolean;
+        "format": any;
+        "hideDisabledOptions": boolean;
+        "hourStep": number;
+        "minuteStep": number;
+        "placeholder": string;
+        "range": boolean;
+        "secondStep": number;
+        "set": (value: Moment | null) => Promise<void>;
+        "showHour": boolean;
+        "showMinute": boolean;
+        "showNow": boolean;
+        "showSecond": boolean;
+        "showTime": boolean;
+        "showToday": boolean;
+        "size": SizeTypes;
+        "type": "time" | "date" | "week" | "month" | "year" | "datetime";
+        "use12Hours": boolean;
+    }
     interface BcmResult {
         "description": string;
         "heading": string;
@@ -1208,7 +1306,13 @@ export namespace Components {
         "tab"?: string;
     }
     interface BcmTable {
-        "gridOptions": Object;
+        "_id": string;
+        "extensions": string;
+        "gridOptions": GridOptions;
+        "height": string;
+        "showFooter": boolean;
+        "showToolbar": boolean;
+        "toolBarConfig": Bcm.ToolBarButtonProps;
     }
     interface BcmTabs {
         "active": (id: any) => Promise<void>;
@@ -1322,6 +1426,7 @@ export namespace Components {
         "linkedComponent": string;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         /**
           * @desc
          */
@@ -1372,6 +1477,7 @@ export namespace Components {
         "message": string;
         "messageIcon": any;
         "position": PlacementTypes;
+        "removeAfterClose": boolean;
         "show": () => Promise<HTMLElement>;
         "status": "success" | "error" | "warning" | "info";
         "viewButton": boolean;
@@ -1534,6 +1640,10 @@ export interface BcmColorpickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmColorpickerElement;
 }
+export interface BcmDateCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmDateElement;
+}
 export interface BcmDatetimePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmDatetimePickerElement;
@@ -1562,6 +1672,10 @@ export interface BcmInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputElement;
 }
+export interface BcmInputDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmInputDropdownElement;
+}
 export interface BcmItemsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmItemsElement;
@@ -1638,6 +1752,10 @@ export interface BcmRcOverflowCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmRcOverflowElement;
 }
+export interface BcmRcPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmRcPickerElement;
+}
 export interface BcmSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmSearchElement;
@@ -1831,6 +1949,12 @@ declare global {
         prototype: HTMLBcmContentElement;
         new (): HTMLBcmContentElement;
     };
+    interface HTMLBcmDateElement extends Components.BcmDate, HTMLStencilElement {
+    }
+    var HTMLBcmDateElement: {
+        prototype: HTMLBcmDateElement;
+        new (): HTMLBcmDateElement;
+    };
     interface HTMLBcmDatePickerElement extends Components.BcmDatePicker, HTMLStencilElement {
     }
     var HTMLBcmDatePickerElement: {
@@ -1921,6 +2045,12 @@ declare global {
         prototype: HTMLBcmInputCustomElement;
         new (): HTMLBcmInputCustomElement;
     };
+    interface HTMLBcmInputDropdownElement extends Components.BcmInputDropdown, HTMLStencilElement {
+    }
+    var HTMLBcmInputDropdownElement: {
+        prototype: HTMLBcmInputDropdownElement;
+        new (): HTMLBcmInputDropdownElement;
+    };
     interface HTMLBcmItemElement extends Components.BcmItem, HTMLStencilElement {
     }
     var HTMLBcmItemElement: {
@@ -2089,6 +2219,12 @@ declare global {
         prototype: HTMLBcmRcOverflowElement;
         new (): HTMLBcmRcOverflowElement;
     };
+    interface HTMLBcmRcPickerElement extends Components.BcmRcPicker, HTMLStencilElement {
+    }
+    var HTMLBcmRcPickerElement: {
+        prototype: HTMLBcmRcPickerElement;
+        new (): HTMLBcmRcPickerElement;
+    };
     interface HTMLBcmResultElement extends Components.BcmResult, HTMLStencilElement {
     }
     var HTMLBcmResultElement: {
@@ -2310,6 +2446,7 @@ declare global {
         "bcm-colorful": HTMLBcmColorfulElement;
         "bcm-colorpicker": HTMLBcmColorpickerElement;
         "bcm-content": HTMLBcmContentElement;
+        "bcm-date": HTMLBcmDateElement;
         "bcm-date-picker": HTMLBcmDatePickerElement;
         "bcm-datetime-picker": HTMLBcmDatetimePickerElement;
         "bcm-default": HTMLBcmDefaultElement;
@@ -2325,6 +2462,7 @@ declare global {
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
         "bcm-input-custom": HTMLBcmInputCustomElement;
+        "bcm-input-dropdown": HTMLBcmInputDropdownElement;
         "bcm-item": HTMLBcmItemElement;
         "bcm-items": HTMLBcmItemsElement;
         "bcm-label": HTMLBcmLabelElement;
@@ -2353,6 +2491,7 @@ declare global {
         "bcm-radio-group": HTMLBcmRadioGroupElement;
         "bcm-range": HTMLBcmRangeElement;
         "bcm-rc-overflow": HTMLBcmRcOverflowElement;
+        "bcm-rc-picker": HTMLBcmRcPickerElement;
         "bcm-result": HTMLBcmResultElement;
         "bcm-scroll-area": HTMLBcmScrollAreaElement;
         "bcm-search": HTMLBcmSearchElement;
@@ -2629,6 +2768,40 @@ declare namespace LocalJSX {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "clearable"?: boolean;
+        "disabled"?: boolean;
+        "disabledDates"?: any;
+        "disabledTime"?: any;
+        "format"?: any;
+        "fullWidth"?: boolean;
+        "hideDisabledOptions"?: boolean;
+        "hourStep"?: number;
+        "label"?: string;
+        "minuteStep"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "noMargin"?: boolean;
+        "onBcm-change"?: (event: BcmDateCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "range"?: boolean;
+        "required"?: boolean;
+        "secondStep"?: number;
+        "showHour"?: boolean;
+        "showMinute"?: boolean;
+        "showNow"?: boolean;
+        "showSecond"?: boolean;
+        "showTime"?: boolean;
+        "showToday"?: boolean;
+        "size"?: SizeTypes;
+        "type"?: "time" | "date" | "week" | "month" | "year" | "datetime";
+        "use12Hours"?: boolean;
+        "value"?: any;
+    }
     interface BcmDatePicker {
         "_id"?: string;
         "_internal_id"?: string;
@@ -2647,6 +2820,7 @@ declare namespace LocalJSX {
         "linkedComponent"?: string;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "placeholder"?: string;
         "placement"?: PlacementTypes;
         "range"?: boolean;
@@ -2676,6 +2850,7 @@ declare namespace LocalJSX {
         "minYear"?: number;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "onBcm-change"?: (event: BcmDatetimePickerCustomEvent<any>) => void;
         /**
           * @desc
@@ -2841,6 +3016,31 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string;
     }
+    interface BcmInputDropdown {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "customErrorMessage"?: string;
+        "data"?: Bcm.InputDropdownData[];
+        "defaultValue"?: Object;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hideCaption"?: boolean;
+        "hideComment"?: boolean;
+        "label"?: string;
+        "lateKeys"?: string;
+        "maxCharacterLimit"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-change"?: (event: BcmInputDropdownCustomEvent<any>) => void;
+        "onBcm-input-dropdown-change"?: (event: BcmInputDropdownCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: SizeTypes;
+        "value"?: Bcm.InputDropdownData;
+    }
     interface BcmItem {
         "_id"?: string;
         "color"?: any;
@@ -2895,6 +3095,7 @@ declare namespace LocalJSX {
         "checkboxes"?: boolean;
         "clearable"?: boolean;
         "data"?: any;
+        "disableChangeEvent"?: boolean;
         "disabled"?: boolean;
         "emptyIcon"?: string;
         "emptyText"?: string;
@@ -2917,6 +3118,7 @@ declare namespace LocalJSX {
         "onBcm-close"?: (event: BcmListCustomEvent<any>) => void;
         "onBcm-open"?: (event: BcmListCustomEvent<any>) => void;
         "onBcm-selected"?: (event: BcmListCustomEvent<any>) => void;
+        "openIntersecting"?: boolean;
         "placeholder"?: string;
         "placement"?: PlacementTypes1;
         "readonly"?: boolean;
@@ -2927,6 +3129,7 @@ declare namespace LocalJSX {
         "size"?: SizeTypes;
         "stopDeepClean"?: boolean;
         "template"?: string;
+        "tooltip"?: string;
         "treeview"?: boolean;
         "type"?: ListTypes;
         "value"?: any;
@@ -3279,6 +3482,30 @@ declare namespace LocalJSX {
         "onBcm-select-other-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
         "onBcm-select-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
     }
+    interface BcmRcPicker {
+        "clearable"?: boolean;
+        "disabled"?: boolean;
+        "disabledDates"?: { min: any; max: any; dates: any; custom: any; };
+        "disabledTime"?: { disabledHours: any; disabledMinutes: any; disabledSeconds: any };
+        "error"?: boolean;
+        "format"?: any;
+        "hideDisabledOptions"?: boolean;
+        "hourStep"?: number;
+        "minuteStep"?: number;
+        "onBcmRCPickerChange"?: (event: BcmRcPickerCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "range"?: boolean;
+        "secondStep"?: number;
+        "showHour"?: boolean;
+        "showMinute"?: boolean;
+        "showNow"?: boolean;
+        "showSecond"?: boolean;
+        "showTime"?: boolean;
+        "showToday"?: boolean;
+        "size"?: SizeTypes;
+        "type"?: "time" | "date" | "week" | "month" | "year" | "datetime";
+        "use12Hours"?: boolean;
+    }
     interface BcmResult {
         "description"?: string;
         "heading"?: string;
@@ -3480,7 +3707,13 @@ declare namespace LocalJSX {
         "tab"?: string;
     }
     interface BcmTable {
-        "gridOptions"?: Object;
+        "_id"?: string;
+        "extensions"?: string;
+        "gridOptions"?: GridOptions;
+        "height"?: string;
+        "showFooter"?: boolean;
+        "showToolbar"?: boolean;
+        "toolBarConfig"?: Bcm.ToolBarButtonProps;
     }
     interface BcmTabs {
         "direction"?: DirectionProp;
@@ -3574,6 +3807,7 @@ declare namespace LocalJSX {
         "linkedComponent"?: string;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "placeholder"?: string;
         "placement"?: PlacementTypes;
         "required"?: boolean;
@@ -3610,6 +3844,7 @@ declare namespace LocalJSX {
         "onBcm-toast-open"?: (event: BcmToastCustomEvent<any>) => void;
         "onBcm-toast-view"?: (event: BcmToastCustomEvent<any>) => void;
         "position"?: PlacementTypes;
+        "removeAfterClose"?: boolean;
         "status"?: "success" | "error" | "warning" | "info";
         "viewButton"?: boolean;
     }
@@ -3756,6 +3991,7 @@ declare namespace LocalJSX {
         "bcm-colorful": BcmColorful;
         "bcm-colorpicker": BcmColorpicker;
         "bcm-content": BcmContent;
+        "bcm-date": BcmDate;
         "bcm-date-picker": BcmDatePicker;
         "bcm-datetime-picker": BcmDatetimePicker;
         "bcm-default": BcmDefault;
@@ -3771,6 +4007,7 @@ declare namespace LocalJSX {
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
         "bcm-input-custom": BcmInputCustom;
+        "bcm-input-dropdown": BcmInputDropdown;
         "bcm-item": BcmItem;
         "bcm-items": BcmItems;
         "bcm-label": BcmLabel;
@@ -3799,6 +4036,7 @@ declare namespace LocalJSX {
         "bcm-radio-group": BcmRadioGroup;
         "bcm-range": BcmRange;
         "bcm-rc-overflow": BcmRcOverflow;
+        "bcm-rc-picker": BcmRcPicker;
         "bcm-result": BcmResult;
         "bcm-scroll-area": BcmScrollArea;
         "bcm-search": BcmSearch;
@@ -3860,6 +4098,7 @@ declare module "@stencil/core" {
             "bcm-colorful": LocalJSX.BcmColorful & JSXBase.HTMLAttributes<HTMLBcmColorfulElement>;
             "bcm-colorpicker": LocalJSX.BcmColorpicker & JSXBase.HTMLAttributes<HTMLBcmColorpickerElement>;
             "bcm-content": LocalJSX.BcmContent & JSXBase.HTMLAttributes<HTMLBcmContentElement>;
+            "bcm-date": LocalJSX.BcmDate & JSXBase.HTMLAttributes<HTMLBcmDateElement>;
             "bcm-date-picker": LocalJSX.BcmDatePicker & JSXBase.HTMLAttributes<HTMLBcmDatePickerElement>;
             "bcm-datetime-picker": LocalJSX.BcmDatetimePicker & JSXBase.HTMLAttributes<HTMLBcmDatetimePickerElement>;
             "bcm-default": LocalJSX.BcmDefault & JSXBase.HTMLAttributes<HTMLBcmDefaultElement>;
@@ -3875,6 +4114,7 @@ declare module "@stencil/core" {
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
             "bcm-input-custom": LocalJSX.BcmInputCustom & JSXBase.HTMLAttributes<HTMLBcmInputCustomElement>;
+            "bcm-input-dropdown": LocalJSX.BcmInputDropdown & JSXBase.HTMLAttributes<HTMLBcmInputDropdownElement>;
             "bcm-item": LocalJSX.BcmItem & JSXBase.HTMLAttributes<HTMLBcmItemElement>;
             "bcm-items": LocalJSX.BcmItems & JSXBase.HTMLAttributes<HTMLBcmItemsElement>;
             "bcm-label": LocalJSX.BcmLabel & JSXBase.HTMLAttributes<HTMLBcmLabelElement>;
@@ -3903,6 +4143,7 @@ declare module "@stencil/core" {
             "bcm-radio-group": LocalJSX.BcmRadioGroup & JSXBase.HTMLAttributes<HTMLBcmRadioGroupElement>;
             "bcm-range": LocalJSX.BcmRange & JSXBase.HTMLAttributes<HTMLBcmRangeElement>;
             "bcm-rc-overflow": LocalJSX.BcmRcOverflow & JSXBase.HTMLAttributes<HTMLBcmRcOverflowElement>;
+            "bcm-rc-picker": LocalJSX.BcmRcPicker & JSXBase.HTMLAttributes<HTMLBcmRcPickerElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
             "bcm-scroll-area": LocalJSX.BcmScrollArea & JSXBase.HTMLAttributes<HTMLBcmScrollAreaElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;

package/dist/types/decorators/bcm-decorator.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInterface } from "../stencil-public-runtime";
+export declare function BcmComponent(): (target: ComponentInterface, _propertyKey: string) => void;

package/dist/types/decorators/event-decorator.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInterface } from "../stencil-public-runtime";
+export declare function BcmEventControl(): (target: ComponentInterface, _propertyKey: string) => void;

package/dist/types/decorators/index.d.ts

@@ -2,3 +2,4 @@ export * from './id-decorator';
 export * from './is-load-decorator';
 export * from './json-parse-decarator';
 export * from './property-decorators';
+export * from './event-decorator';

package/dist/types/global/helper/toast.d.ts

@@ -8,6 +8,7 @@ interface ToastOptions {
   "message-icon"?: string;
   "view-button"?: boolean;
   "close-button"?: boolean;
+  "remove-after-close"?: boolean;
 }
 interface ToastEvents {
   bcmToastView?: (event: any) => void;
@@ -33,6 +34,7 @@ export declare class Toast {
    * "message-icon": "check",
    * "view-button": true,
    * "close-button": true,
+   * "remove-after-close": true, // This will remove the toast from the DOM after it is closed
    * bcmToastView: (event) => {
    * // This Event fires when the view button is clicked
    * // do something