bromcom-ui 2.9.0-rc.1 → 2.9.0-rc.11

package/dist/types/components.d.ts

@@ -6,9 +6,9 @@
  */
 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 { 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 { 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";
 import { Type } from "./components/organism/datetime-picker/types";
 import { SizeProp } from "./components/molecules/error-layout/types";
@@ -19,6 +19,7 @@ import { ColorPaletteTypes } from "./global/variables/colors";
 import { OptionType } from "./components/molecules/radio/radio-group";
 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 {
@@ -57,8 +58,9 @@ export namespace Components {
     interface BcmAvatar {
         "_id": string;
         "alt": string;
-        "color": any;
-        "hidden": boolean;
+        "blink": boolean;
+        "color": string;
+        "icon": string;
         "image": string;
         "name": string;
         "shape": ShapeTypes;
@@ -67,12 +69,10 @@ export namespace Components {
     }
     interface BcmBadge {
         "_id": string;
-        "_slot": any;
         "blink": boolean;
         "color": any;
-        "hidden": boolean;
-        "size": SizeTypes1;
-        "status": StatusTypes1;
+        "size": SizeTypes;
+        "status": StatusTypes;
         "value": string;
     }
     interface BcmBox {
@@ -261,6 +261,33 @@ export namespace Components {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "clearable": boolean;
+        "format": string;
+        "fullWidth": boolean;
+        "get": () => Promise<number>;
+        "getInput": () => Promise<HTMLInputElement>;
+        "getValue": () => Promise<string>;
+        "isValid": () => Promise<boolean>;
+        "label": string;
+        "name": string;
+        "noCaption": boolean;
+        "placeholder": string;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (value: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "showNow": boolean;
+        "showTime": boolean;
+        "showToday": boolean;
+        "size": SizeTypes;
+        "type": "time" | "date" | "week" | "month" | "year";
+        "value": any;
+    }
     interface BcmDatePicker {
         "_id": string;
         "_internal_id": string;
@@ -541,6 +568,30 @@ export namespace Components {
         "type": string;
         "value": string;
     }
+    interface BcmInputDropdown {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "customErrorMessage": string;
+        "data": InputDropdownData[];
+        "defaultValue": any;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        "label": string;
+        "lateKey": string;
+        "maxCharacterLimit": number;
+        "noCaption": boolean;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: InputDropdownData[]) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "size": SizeTypes;
+        "value": any;
+    }
     interface BcmItem {
         "_id": string;
         "color": any;
@@ -597,6 +648,7 @@ export namespace Components {
         "checkboxes": boolean;
         "clearable": boolean;
         "data": any;
+        "disableChangeEvent": boolean;
         "disabled": boolean;
         "emptyIcon": string;
         "emptyText": string;
@@ -995,6 +1047,16 @@ export namespace Components {
         "data": [];
         "maxCount": number | "responsive" | "invalidate";
     }
+    interface BcmRcPicker {
+        "clearable": boolean;
+        "format": string;
+        "placeholder": string;
+        "showNow": any;
+        "showTime": any;
+        "showToday": any;
+        "type": "time" | "date" | "week" | "month" | "year";
+        "val": any;
+    }
     interface BcmResult {
         "description": string;
         "heading": string;
@@ -1209,7 +1271,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>;
@@ -1535,6 +1603,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;
@@ -1563,6 +1635,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;
@@ -1639,6 +1715,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;
@@ -1832,6 +1912,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: {
@@ -1922,6 +2008,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: {
@@ -2090,6 +2182,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: {
@@ -2311,6 +2409,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;
@@ -2326,6 +2425,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;
@@ -2354,6 +2454,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;
@@ -2425,8 +2526,9 @@ declare namespace LocalJSX {
     interface BcmAvatar {
         "_id"?: string;
         "alt"?: string;
-        "color"?: any;
-        "hidden"?: boolean;
+        "blink"?: boolean;
+        "color"?: string;
+        "icon"?: string;
         "image"?: string;
         "name"?: string;
         "shape"?: ShapeTypes;
@@ -2435,12 +2537,10 @@ declare namespace LocalJSX {
     }
     interface BcmBadge {
         "_id"?: string;
-        "_slot"?: any;
         "blink"?: boolean;
         "color"?: any;
-        "hidden"?: boolean;
-        "size"?: SizeTypes1;
-        "status"?: StatusTypes1;
+        "size"?: SizeTypes;
+        "status"?: StatusTypes;
         "value"?: string;
     }
     interface BcmBox {
@@ -2631,6 +2731,27 @@ declare namespace LocalJSX {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "clearable"?: boolean;
+        "format"?: string;
+        "fullWidth"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-change"?: (event: BcmDateCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "required"?: boolean;
+        "showNow"?: boolean;
+        "showTime"?: boolean;
+        "showToday"?: boolean;
+        "size"?: SizeTypes;
+        "type"?: "time" | "date" | "week" | "month" | "year";
+        "value"?: any;
+    }
     interface BcmDatePicker {
         "_id"?: string;
         "_internal_id"?: string;
@@ -2843,6 +2964,28 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string;
     }
+    interface BcmInputDropdown {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "customErrorMessage"?: string;
+        "data"?: InputDropdownData[];
+        "defaultValue"?: any;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "label"?: string;
+        "lateKey"?: string;
+        "maxCharacterLimit"?: number;
+        "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"?: any;
+    }
     interface BcmItem {
         "_id"?: string;
         "color"?: any;
@@ -2897,6 +3040,7 @@ declare namespace LocalJSX {
         "checkboxes"?: boolean;
         "clearable"?: boolean;
         "data"?: any;
+        "disableChangeEvent"?: boolean;
         "disabled"?: boolean;
         "emptyIcon"?: string;
         "emptyText"?: string;
@@ -3281,6 +3425,17 @@ declare namespace LocalJSX {
         "onBcm-select-other-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
         "onBcm-select-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
     }
+    interface BcmRcPicker {
+        "clearable"?: boolean;
+        "format"?: string;
+        "onBcmRCPickerChange"?: (event: BcmRcPickerCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "showNow"?: any;
+        "showTime"?: any;
+        "showToday"?: any;
+        "type"?: "time" | "date" | "week" | "month" | "year";
+        "val"?: any;
+    }
     interface BcmResult {
         "description"?: string;
         "heading"?: string;
@@ -3482,7 +3637,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;
@@ -3758,6 +3919,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;
@@ -3773,6 +3935,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;
@@ -3801,6 +3964,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;
@@ -3862,6 +4026,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>;
@@ -3877,6 +4042,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>;
@@ -3905,6 +4071,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/helper/color-helper.d.ts

@@ -7,10 +7,30 @@ export declare class ColorHelper {
   static isVariable: (str: string) => boolean;
   static extractVariable: (str: string) => string;
   static convertColorToHex: (color: string) => any;
-  static reverseColor: (color: string) => "#475569" | "#f8fafc";
+  static reverseColor: (color: string) => "#334155" | "#fff";
   static dsColor: (color: string) => string;
   static getTwColorToHex: (colorName: string) => any;
   static getTwColor: (colorName: string, checkTw?: boolean) => any;
   static twColor: (colorName: string, tone?: string | number) => string;
-  static twColorReverse: (color: string) => "#475569" | "#f8fafc";
+  static twColorReverse: (color: string) => "#334155" | "#fff";
+  /**
+   * @param color - color string in format of `colorName-tone` or `colorName` (default tone is 600)
+   * @return `{ tone: number, colorName: string }`
+   * @description
+   * Parse color string to get color name and tone
+   * @example
+   * parseColor("red-500") // { tone: 500, colorName: "red" }
+   * parseColor("red") // { tone: 600, colorName: "red" }
+   * parseColor(null) // { tone: null, colorName: null }
+   */
+  static parseColor(color: any, defaultTone?: number): {
+    tone: number;
+    colorName: any;
+  };
+  /**
+   * @param object
+   * @return string
+   * @description Convert style object to string
+   */
+  static generateStyleString: (obj: any) => string;
 }

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

@@ -20,5 +20,25 @@ export declare class Generate {
   static computedStyle: (element: HTMLElement, property: string) => string;
   static getAncestor: (el: any, selector: any) => any;
   static findParentElement: (element: any, selector: any) => any;
-  static getTwColor(color: string, variable?: string): {};
+  /**
+      const dc = Generate.getTwColor({
+          color: "blue",
+          tones: {
+              200: ["text"],
+              700: ["bg", "border"],
+              800: ["bg-hover", "border-hover"],
+          },
+          variable: "--bcm-avatar",
+      });
+
+      return {
+          --bcm-avatar-text: --tw-blue-200;
+          --bcm-avatar-bg: --tw-blue-700;
+          --bcm-avatar-bg-hover: --tw-blue-800;
+          --bcm-avatar-border: --tw-blue-700;
+          --bcm-avatar-border-hover: --tw-blue-800;
+      }
+      
+   */
+  static getTwColor(args: any): {};
 }

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

@@ -26,11 +26,6 @@ export declare class Popover {
     emitHide?: () => void;
   });
   destroy: () => void;
-  private bgColor;
-  exepcitonColors: {
-    white: string;
-    black: string;
-  };
   private target;
   private init;
   update: () => void;

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

@@ -26,7 +26,6 @@ export declare class Tooltip {
     emitHide?: () => void;
   });
   destroy: () => void;
-  private bgColor;
   private target;
   private sizeClass;
   private init;

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

@@ -446,12 +446,20 @@ export declare namespace Bcm {
   enum TriggerType {
     hover = "hover",
     click = "click",
-    focus = "focus"
+    focus = "focus",
+    custom = "custom"
   }
   enum ListType {
     listbox = "listbox",
     select = "select",
     autocomplete = "autocomplete"
   }
+  interface ToolBarButtonProps {
+    showNewButton?: boolean;
+    showExportButton?: boolean;
+    showColumnButton?: boolean;
+    showFilterButton?: boolean;
+    showSearchInput?: boolean;
+  }
 }
 export default Bcm;

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

@@ -11,3 +11,5 @@ export * from './list-template';
 export * from './slot-template';
 export * from './step-template';
 export * from './tag-template';
+export * from './toolbar-template';
+export * from './toolbar-hamburger-template';

package/dist/types/templates/toolbar-hamburger-template.d.ts

@@ -0,0 +1,12 @@
+import { Bcm } from "../models";
+import { FunctionalComponent } from "../stencil-public-runtime";
+interface ToolbarHamburgerProps {
+  hamburgerMenuId?: string;
+  config?: Bcm.ToolBarButtonProps;
+  extensions?: any;
+  column?: any;
+  onHideColumn?: (obj: any) => void;
+  onSelectExportType?: (type: any) => void;
+}
+export declare const ToolbarHamburgerTemplate: FunctionalComponent<ToolbarHamburgerProps>;
+export {};

package/dist/types/templates/toolbar-template.d.ts

@@ -0,0 +1,13 @@
+import { Bcm } from "../models";
+import { FunctionalComponent } from "../stencil-public-runtime";
+interface ToolBarProps {
+  tableId?: string;
+  columns?: any;
+  config?: Bcm.ToolBarButtonProps;
+  extensions?: any;
+  onHideColumn?: (obj: any) => void;
+  onSearch?: (text: any) => void;
+  onSelectExportType?: (type: any) => void;
+}
+export declare const ToolbarTemplate: FunctionalComponent<ToolBarProps>;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bromcom-ui",
-  "version": "2.9.0-rc.1",
-  "description": "Stencil Component Starter",
+  "version": "2.9.0-rc.11",
+  "description": "Bromcom UI is a collection of web components built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "es2015": "dist/esm/index.mjs",
@@ -9,7 +9,7 @@
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "types": "dist/types/components.d.ts",
-  "unpkg": "dist/bromcom-ui/bromcom-ui.js",
+  "unpkg": "dist/bromcom-ui/bromcom-ui.esm.js",
   "files": [
     "dist/",
     "loader/",
@@ -19,12 +19,12 @@
     "start": "npm-run-all clean:www -p dev:*",
     "clean:www": "rm -rf www",
     "dev:stencil": "stencil build --dev --watch --serve",
-    "dev:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --watch --minify",
+    "dev:tailwind": "tailwindcss -i ./src/styles/tailwindcss/directives.css -o ./src/global/tailwind.css --watch --minify",
     "build": "run-s clean:dist clean:loader clean:helper tsc-helper build:tailwind build:stencil build:aliases",
     "clean:dist": "rm -rf dist",
     "clean:loader": "rm -rf loader",
     "clean:helper": "rm -rf helper",
-    "build:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --minify",
+    "build:tailwind": "tailwindcss -i ./src/styles/tailwindcss/directives.css -o ./src/global/tailwind.css --minify",
     "build:stencil": "stencil build --prod",
     "build:aliases": "tsc-alias -p tsconfig.aliases.json",
     "generate": "stencil generate",
@@ -44,6 +44,7 @@
     "@babel/plugin-transform-react-jsx": "^7.12.5",
     "@etchteam/storybook-addon-status": "^4.2.2",
     "@floating-ui/dom": "^1.0.1",
+    "@rollup/plugin-replace": "^3.1.0",
     "@stencil/core": "^2.17.1",
     "@stencil/sass": "^1.3.2",
     "@stencil/store": "^1.5.0",
@@ -76,14 +77,17 @@
     "react-colorful": "^5.6.1",
     "react-dom": "^16.14.0",
     "rollup": "^2.58.0",
-    "@rollup/plugin-replace": "^3.1.0",
     "rollup-plugin-dotenv": "latest",
     "slugify": "^1.6.5",
     "snq": "^1.0.3",
     "storybook-fetch-addon": "^1.2.1",
     "tailwindcss": "^3.1.8",
     "ts-dedent": "^2.2.0",
-    "tsc-alias": "^1.7.0"
+    "tsc-alias": "^1.7.0",
+    "@ag-grid-community/client-side-row-model": "29.0.0",
+    "@ag-grid-enterprise/core": "29.0.0",
+    "@ag-grid-enterprise/status-bar": "29.0.0",
+    "@ag-grid-enterprise/excel-export": "29.0.0"
   },
   "__comment__": [
     {
@@ -113,5 +117,10 @@
     "fs": false,
     "path": false,
     "os": false
+  },
+  "dependencies": {
+    "moment": "^2.29.4",
+    "rc-picker": "^3.14.3",
+    "tailwind-variants": "^0.1.14"
   }
 }

package/dist/bromcom-ui/p-043beeb5.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as s,h as i,H as e,g as h}from"./p-da1055cb.js";import{c as a}from"./p-d65a1e21.js";import{G as d}from"./p-92bf3f86.js";import{s as p}from"./p-12543c4f.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-a60a2dd0.js";const n=class{constructor(i){t(this,i),this.dataIsLoaded=s(this,"data-is-loaded",7),this.bcmChangeHidden=s(this,"bcm-change-hidden",7),this.hidden=!1,this._id=d.UID(),this._title=void 0,this.description=void 0,this.status="default",this.icon=void 0,this.loading=!1,this.valid=!0,this.index=void 0,this.active=!1,this.htmlTemplate=void 0,this.isLast=!1,this.disabled=!1}componentDidLoad(){this.isLast&&this.dataIsLoaded.emit(!0)}getStepper(){return this.el.closest("bcm-stepper")||null}activeChanged(){if(this.active){const t=this.getStepper();t&&p.changeStepDisabled(t.stepperId,this._id,!1)}}statusChange(){const t=this.getStepper();t&&p.changeStepStatus(t.stepperId,this._id,this.status)}hiddenChange(t,s){const i=this.getStepper();t!==s&&i&&!this.active&&this.bcmChangeHidden.emit(t)}disabledChange(t,s){const i=this.getStepper();i&&p.changeStepDisabled(i.stepperId,this._id,t)}render(){const{hidden:t,valid:s,active:h}=this,d=a("bcm-stepper__step",s?"bcm-stepper__step-valid":"bcm-stepper__step-invalid",{"bcm-stepper__step-active":h,hidden:t});return i(e,{class:d},i("slot",null))}get el(){return h(this)}static get watchers(){return{active:["activeChanged"],status:["statusChange"],hidden:["hiddenChange"],disabled:["disabledChange"]}}};export{n as bcm_step}

package/dist/bromcom-ui/p-08fb3095.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{s}from"./p-92bf3f86.js";class r{}r.isNumber=r=>s((()=>/^[0-9]+$/i.test(r))),r.convertToNumber=r=>s((()=>Number(r))),r.replaceNumber=r=>s((()=>r.replace(/[^0-9]/g,""))),r.replaceFloat=r=>s((()=>r.replace(/[^0-9.]/g,""))),r.toFixed=(r,a)=>s((()=>r.toFixed(a))),r.parseFloatFixed=(a,e)=>s((()=>parseFloat(r.replaceFloat(a)).toFixed(e))),r.getDecimalLength=r=>s((()=>r.split(".")[1]?r.split(".")[1].length:0)),r.toNumber=r=>s((()=>Number(r.replace(/[^0-9.]/g,""))));export{r as N}

package/dist/bromcom-ui/p-0a28fd61.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as e,H as s,g as r}from"./p-da1055cb.js";import{G as o}from"./p-92bf3f86.js";import{c as i}from"./p-d65a1e21.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const a=class{constructor(e){t(this,e),this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{this.hasFocus=!1},this.handleChange=t=>{this.value=t.target.value,console.log(t)},this.handleInput=t=>{console.log(t)},this._id=o.UID(),this.name=void 0,this.value=void 0,this.type="text",this.label=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.fullwidth=!1,this.hasFocus=!1}render(){const{_id:t,type:r,name:o,value:a,label:l,required:w,fullwidth:n,placeholder:d,disabled:h,readonly:c}=this;return e(s,{class:i("tw-inline-flex tw-w-full tw-max-w-[256px] tw-flex-col",{"tw-max-w-full":n})},l&&e("bcm-label",{value:l,required:w,htmlFor:t}),e("div",{class:i("tw-relative tw-flex tw-w-full tw-flex-row tw-items-stretch tw-rounded tw-border tw-p-0 hover:tw-border-primary-600",{"tw-cursor-not-allowed tw-bg-secondary-50":this.disabled,"tw-cursor-text":!this.disabled,"tw-cursor-default tw-bg-secondary-50":this.readonly,"tw-border-primary-500 tw-bg-secondary-50":this.hasFocus,"tw-border-secondary-300 tw-bg-white":!this.hasFocus})},e("input",{id:t,name:o,type:r,value:a,"data-value":a,placeholder:d,required:w,disabled:h,readonly:c,class:i("tw-text-overflow-ellipsis","tw-rounded-none","tw-flex-1","tw-cursor-inherit","tw-w-full","tw-appearance-none","tw-overflow-hidden","tw-whitespace-nowrap","tw-border-none","tw-bg-transparent","tw-p-2","tw-text-secondary-600","tw-placeholder-secondary-300","tw-outline-none"),onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:t=>this.handleChange(t),onInput:this.handleInput})))}get el(){return r(this)}};export{a as bcm_input_custom}