bromcom-ui 2.9.0-rc.2 → 2.9.0-rc.20

package/dist/types/components/molecules/input-dropdown/input-dropdown.style.d.ts

@@ -0,0 +1,307 @@
+export declare const inputDropdownStyle: import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  base: string;
+  content: string;
+  inputArea: string;
+  input: string;
+  button: string[];
+  menu: string;
+  menuItem: string;
+  selectedItem: string;
+  disabledItem: string;
+  commentArea: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}>, {
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  base: string;
+  content: string;
+  inputArea: string;
+  input: string;
+  button: string[];
+  menu: string;
+  menuItem: string;
+  selectedItem: string;
+  disabledItem: string;
+  commentArea: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  base: string;
+  content: string;
+  inputArea: string;
+  input: string;
+  button: string[];
+  menu: string;
+  menuItem: string;
+  selectedItem: string;
+  disabledItem: string;
+  commentArea: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}, {
+  size: {
+    small: {
+      button: string;
+    };
+    medium: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+    large: {
+      button: string;
+      inputArea: string;
+      input: string;
+    };
+  };
+  invalid: {
+    true: {
+      inputArea: string;
+      input: string;
+    };
+  };
+  disabled: {
+    true: {
+      base: string;
+      input: string;
+    };
+  };
+  hideComment: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+  label: {
+    true: "";
+  };
+}>, unknown, unknown, undefined>>;

package/dist/types/components/molecules/linked/linked.d.ts

@@ -13,8 +13,10 @@ export declare class BcmLinked implements ComponentInterface {
   hideDelay: number;
   bcmOpen: EventEmitter;
   isMouseOverLink: boolean;
+  constructor();
   private timeoutId;
   private target;
+  private detectClone;
   private dismissEvent;
   private checkDataDismiss;
   private hideChildLinked;
@@ -29,9 +31,6 @@ export declare class BcmLinked implements ComponentInterface {
   hide(wait?: boolean): Promise<boolean>;
   toggle(wait?: boolean): Promise<boolean>;
   clickListener(e: any): void;
-  resizeListener(): void;
-  scrollListener(): void;
-  wheelListener(): void;
   private listenMouseOver;
   private handleMouseLeave;
   private handleMouseEnter;

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

@@ -16,6 +16,7 @@ export declare class BcmDatePicker implements ComponentInterface {
   placeholder: string;
   disabledDates: any;
   disabled: boolean;
+  noMargin: boolean;
   noCaption: boolean;
   caption: string;
   captionError: string;

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

@@ -44,6 +44,7 @@ export declare class BcmDatetimePicker implements ComponentInterface {
   minYear: number;
   maxYear: number;
   noCaption: boolean;
+  noMargin: boolean;
   captionError: string;
   caption: string;
   captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
@@ -316,6 +317,7 @@ export declare class BcmDatetimePicker implements ComponentInterface {
    *
    */
   getValueText(): string;
+  parseDate(input: any): Date | "invalid date";
   /**
    * @desc
    * @param dateStr

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

@@ -24,6 +24,7 @@ export declare class BcmList implements ComponentInterface {
   maxHeight: string;
   minHeight: string;
   width: string;
+  tooltip: string;
   infoFooter: boolean;
   variableText: string;
   template: string;
@@ -31,6 +32,7 @@ export declare class BcmList implements ComponentInterface {
   keyControl: boolean;
   checkAll: boolean;
   stopDeepClean: boolean;
+  openIntersecting: boolean;
   linkedComponent: string;
   isOpen: boolean;
   calculatedViewport: boolean;
@@ -78,7 +80,9 @@ export declare class BcmList implements ComponentInterface {
   change: EventEmitter;
   open: EventEmitter;
   close: EventEmitter;
+  disableChangeEvent: boolean;
   data: any;
+  constructor();
   debounceHandler: () => void;
   connectedCallback(): void;
   componentWillRender(): void | Promise<void>;

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

@@ -12,6 +12,7 @@ export declare class BcmTimePicker {
   label: string;
   placeholder: string;
   disabled: boolean;
+  noMargin: boolean;
   noCaption: boolean;
   caption: string;
   captionError: string;

package/dist/types/components/other/toast/toast.d.ts

@@ -11,6 +11,7 @@ export declare class BcmToast implements ComponentInterface {
   messageIcon: any;
   viewButton: boolean;
   closeButton: boolean;
+  removeAfterClose: boolean;
   bcmToastClose: EventEmitter;
   bcmToastOpen: EventEmitter;
   bcmToastView: EventEmitter;
@@ -21,5 +22,6 @@ export declare class BcmToast implements ComponentInterface {
   hide(): Promise<void>;
   private handleMouseEnter;
   private handleMouseLeave;
+  createContainer(position: PlacementTypes): HTMLElement;
   render(): any;
 }

package/dist/types/components/third-parts/rc-picker/date.d.ts

@@ -0,0 +1,175 @@
+import { SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+export declare class BcmDate implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  label: string;
+  placeholder: string;
+  size: SizeTypes;
+  fullWidth: boolean;
+  required: boolean;
+  clearable: boolean;
+  disabled: boolean;
+  noMargin: boolean;
+  caption: string;
+  noCaption: boolean;
+  captionType: StatusTypes;
+  captionError: string;
+  name: string;
+  value: any;
+  type: "time" | "date" | "week" | "month" | "year" | "datetime";
+  format: any;
+  range: boolean;
+  showTime: boolean;
+  showNow: boolean;
+  showHour: boolean;
+  showMinute: boolean;
+  showSecond: boolean;
+  use12Hours: boolean;
+  hourStep: number;
+  minuteStep: number;
+  secondStep: number;
+  hideDisabledOptions: boolean;
+  disabledTime: any;
+  showToday: boolean;
+  disabledDates: any;
+  change: EventEmitter;
+  onChange: (e: any) => void;
+  getFormat: () => any;
+  getValueObject: (value: any) => {
+    time: string;
+    timeObject: {
+      hour: number;
+      minute: number;
+      second: number;
+    };
+    isValid: boolean;
+    date: Date;
+    timestamp: number;
+    dateObject: {
+      year: number;
+      day: number;
+      month: number;
+      dayOfWeek: number;
+      monthFirstDay: number;
+    };
+    value: string;
+  } | {
+    time: string;
+    isValid: boolean;
+    start: {
+      time: string;
+      timeObject: {
+        hour: number;
+        minute: number;
+        second: number;
+      };
+      isValid: boolean;
+      date: Date;
+      timestamp: number;
+      dateObject: {
+        year: number;
+        day: number;
+        month: number;
+        dayOfWeek: number;
+        monthFirstDay: number;
+      };
+      value: string;
+    };
+    end: {
+      time: string;
+      timeObject: {
+        hour: number;
+        minute: number;
+        second: number;
+      };
+      isValid: boolean;
+      date: Date;
+      timestamp: number;
+      dateObject: {
+        year: number;
+        day: number;
+        month: number;
+        dayOfWeek: number;
+        monthFirstDay: number;
+      };
+      value: string;
+    };
+    date: Date[];
+    timestamp: number[];
+    value: string;
+  };
+  getRangeValueObject: (value: any) => {
+    time: string;
+    isValid: boolean;
+    start: {
+      time: string;
+      timeObject: {
+        hour: number;
+        minute: number;
+        second: number;
+      };
+      isValid: boolean;
+      date: Date;
+      timestamp: number;
+      dateObject: {
+        year: number;
+        day: number;
+        month: number;
+        dayOfWeek: number;
+        monthFirstDay: number;
+      };
+      value: string;
+    };
+    end: {
+      time: string;
+      timeObject: {
+        hour: number;
+        minute: number;
+        second: number;
+      };
+      isValid: boolean;
+      date: Date;
+      timestamp: number;
+      dateObject: {
+        year: number;
+        day: number;
+        month: number;
+        dayOfWeek: number;
+        monthFirstDay: number;
+      };
+      value: string;
+    };
+    date: Date[];
+    timestamp: number[];
+    value: string;
+  };
+  createValueObject: (value: any) => {
+    time: string;
+    timeObject: {
+      hour: number;
+      minute: number;
+      second: number;
+    };
+    isValid: boolean;
+    date: Date;
+    timestamp: number;
+    dateObject: {
+      year: number;
+      day: number;
+      month: number;
+      dayOfWeek: number;
+      monthFirstDay: number;
+    };
+    value: string;
+  };
+  getValue(): Promise<any>;
+  get(): Promise<any>;
+  set(value: any): Promise<void>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  getInput(): Promise<HTMLInputElement>;
+  isValid(): Promise<boolean>;
+  getPickerElement(): HTMLBcmRcPickerElement;
+  render(): any;
+}

package/dist/types/components/third-parts/rc-picker/rc-picker.d.ts

@@ -0,0 +1,47 @@
+import { SizeTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import type { Moment } from "moment";
+export declare class BcmRcPicker implements ComponentInterface {
+  el: HTMLElement;
+  placeholder: string;
+  size: SizeTypes;
+  error: boolean;
+  disabled: boolean;
+  clearable: boolean;
+  type: "time" | "date" | "week" | "month" | "year" | "datetime";
+  format: any;
+  range: boolean;
+  showToday: boolean;
+  disabledDates: {
+    min: any;
+    max: any;
+    dates: any;
+    custom: any;
+  };
+  showTime: boolean;
+  showNow: boolean;
+  showHour: boolean;
+  showMinute: boolean;
+  showSecond: boolean;
+  use12Hours: boolean;
+  hourStep: number;
+  minuteStep: number;
+  secondStep: number;
+  hideDisabledOptions: boolean;
+  disabledTime: {
+    disabledHours: any;
+    disabledMinutes: any;
+    disabledSeconds: any;
+  };
+  bcmRCPickerChange: EventEmitter;
+  newValue: any;
+  set(value: Moment | null): Promise<void>;
+  manageDisabledDates: (current: Moment) => any;
+  manageDisabledTime: () => {
+    disabledSeconds: () => any;
+    disabledMinutes: () => any;
+    disabledHours: () => any;
+  };
+  convertDateToMoment: (date: any) => Moment;
+  componentDidRender(): void;
+}

package/dist/types/components/third-parts/table/table-definations.d.ts

@@ -0,0 +1,28 @@
+declare const ExportTypes: {
+  csv: {
+    id: string;
+    text: string;
+    icon: string;
+    path: string;
+  };
+  xls: {
+    id: string;
+    text: string;
+    icon: string;
+    path: string;
+  };
+  pdf: {
+    id: string;
+    text: string;
+    icon: string;
+    path: string;
+  };
+};
+declare const tableOptions: {
+  overlayNoRowsTemplate: string;
+  defaultColDef: {
+    flex: number;
+  };
+  animateRows: boolean;
+};
+export { ExportTypes, tableOptions };

package/dist/types/components/third-parts/table/table.d.ts

@@ -0,0 +1,37 @@
+import { GridOptions } from "@ag-grid-community/core";
+import { Bcm } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmTable implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  gridOptions: GridOptions;
+  extensions: string;
+  height: string;
+  showToolbar: boolean;
+  showFooter: boolean;
+  toolBarConfig: Bcm.ToolBarButtonProps;
+  agGrid: any;
+  columns: any;
+  fileTypes: any[];
+  isReady: boolean;
+  footerOptions: {
+    statusBar: {
+      statusPanels: ({
+        statusPanel: string;
+        align: string;
+      } | {
+        statusPanel: string;
+        align?: undefined;
+      })[];
+    };
+  };
+  private get grid();
+  componentDidLoad(): void;
+  private initGrid;
+  private initToolbar;
+  private handleColumnVisible;
+  private handleFileType;
+  private handleSearch;
+  watchHandler(newValue: GridOptions, oldValue: GridOptions): void;
+  render(): any;
+}