bromcom-ui 2.9.0-rc.10 → 2.9.0-rc.12

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

@@ -4,22 +4,30 @@ declare class InputDropdownData {
   key?: string;
   value?: string;
   color?: string;
+  lateMin?: number;
+  isLate?: boolean;
+  comment?: string;
+  hideComment?: boolean;
+  disabled?: boolean;
+  selected?: boolean;
 }
-export declare class InputDropdown implements ComponentInterface {
+export declare class BcmInputDropdown implements ComponentInterface {
   el: HTMLElement;
   _id: string;
-  value: any;
-  defaultValue: any;
-  lateKey: string;
+  value: InputDropdownData;
+  defaultValue: Object;
+  lateKeys: string;
   maxCharacterLimit: number;
   size: SizeTypes;
   label: string;
   placeholder: string;
+  name: string;
   fullWidth: boolean;
+  hideComment: boolean;
+  hideCaption: boolean;
   disabled: boolean;
   required: boolean;
   readonly: boolean;
-  componentIsActive: boolean;
   data: InputDropdownData[];
   caption: string;
   noCaption: boolean;
@@ -28,28 +36,28 @@ export declare class InputDropdown implements ComponentInterface {
   customErrorMessage: string;
   change: EventEmitter;
   onChangeDropdown: EventEmitter;
-  invalid: boolean;
   captionCache: string;
   captionTypeCache: any;
-  activeSaveButton: boolean;
-  lateMinutes: number;
+  isOpenMenu: boolean;
+  invalid: boolean;
   private _input;
-  private get content();
-  private get lateContent();
+  private get overlayContainer();
+  private get menuContent();
+  private get keys();
   private get isLate();
-  private onCloseMainContent;
-  private onCloseLateContent;
-  connectedCallback(): void;
   componentWillLoad(): void;
+  private get commentContent();
+  clickListener(e: any): void;
+  watchDefaultValueHandler(newValue: any): void;
   set(data: InputDropdownData[]): Promise<void>;
-  get(): Promise<any>;
+  get(): Promise<InputDropdownData>;
   setClear(): Promise<void>;
   resetCaption(): Promise<void>;
-  clickListener(e: any): void;
-  private handleInput;
   private handleKeyPress;
-  private onClick;
+  private onSelectItem;
+  private handleInput;
   private onClickSave;
+  private onClick;
   render(): any;
 }
 export {};

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/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';

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

@@ -78,6 +78,7 @@ export declare class BcmList implements ComponentInterface {
   change: EventEmitter;
   open: EventEmitter;
   close: EventEmitter;
+  disableChangeEvent: boolean;
   data: any;
   debounceHandler: () => void;
   connectedCallback(): 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/third-parts/table/table.d.ts

@@ -1,6 +1,6 @@
+import { GridOptions } from "@ag-grid-community/core";
 import { Bcm } from "../../../models";
 import { ComponentInterface } from "../../../stencil-public-runtime";
-import { GridOptions } from "ag-grid-enterprise";
 export declare class BcmTable implements ComponentInterface {
   el: HTMLElement;
   _id: string;

package/dist/types/components.d.ts

@@ -19,7 +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-enterprise";
+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 {
@@ -319,6 +319,7 @@ export namespace Components {
         "linkedComponent": string;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         /**
           * @desc
          */
@@ -384,6 +385,7 @@ export namespace Components {
         "minYear": number;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         /**
           * @desc
          */
@@ -575,13 +577,16 @@ export namespace Components {
         "captionType": StatusTypes;
         "customErrorMessage": string;
         "data": InputDropdownData[];
-        "defaultValue": any;
+        "defaultValue": Object;
         "disabled": boolean;
         "fullWidth": boolean;
-        "get": () => Promise<any>;
+        "get": () => Promise<InputDropdownData>;
+        "hideCaption": boolean;
+        "hideComment": boolean;
         "label": string;
-        "lateKey": string;
+        "lateKeys": string;
         "maxCharacterLimit": number;
+        "name": string;
         "noCaption": boolean;
         "placeholder": string;
         "readonly": boolean;
@@ -590,7 +595,7 @@ export namespace Components {
         "set": (data: InputDropdownData[]) => Promise<void>;
         "setClear": () => Promise<void>;
         "size": SizeTypes;
-        "value": any;
+        "value": InputDropdownData;
     }
     interface BcmItem {
         "_id": string;
@@ -648,6 +653,7 @@ export namespace Components {
         "checkboxes": boolean;
         "clearable": boolean;
         "data": any;
+        "disableChangeEvent": boolean;
         "disabled": boolean;
         "emptyIcon": string;
         "emptyText": string;
@@ -1390,6 +1396,7 @@ export namespace Components {
         "linkedComponent": string;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         /**
           * @desc
          */
@@ -2769,6 +2776,7 @@ declare namespace LocalJSX {
         "linkedComponent"?: string;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "placeholder"?: string;
         "placement"?: PlacementTypes;
         "range"?: boolean;
@@ -2798,6 +2806,7 @@ declare namespace LocalJSX {
         "minYear"?: number;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "onBcm-change"?: (event: BcmDatetimePickerCustomEvent<any>) => void;
         /**
           * @desc
@@ -2970,12 +2979,15 @@ declare namespace LocalJSX {
         "captionType"?: StatusTypes;
         "customErrorMessage"?: string;
         "data"?: InputDropdownData[];
-        "defaultValue"?: any;
+        "defaultValue"?: Object;
         "disabled"?: boolean;
         "fullWidth"?: boolean;
+        "hideCaption"?: boolean;
+        "hideComment"?: boolean;
         "label"?: string;
-        "lateKey"?: string;
+        "lateKeys"?: string;
         "maxCharacterLimit"?: number;
+        "name"?: string;
         "noCaption"?: boolean;
         "onBcm-change"?: (event: BcmInputDropdownCustomEvent<any>) => void;
         "onBcm-input-dropdown-change"?: (event: BcmInputDropdownCustomEvent<any>) => void;
@@ -2983,7 +2995,7 @@ declare namespace LocalJSX {
         "readonly"?: boolean;
         "required"?: boolean;
         "size"?: SizeTypes;
-        "value"?: any;
+        "value"?: InputDropdownData;
     }
     interface BcmItem {
         "_id"?: string;
@@ -3039,6 +3051,7 @@ declare namespace LocalJSX {
         "checkboxes"?: boolean;
         "clearable"?: boolean;
         "data"?: any;
+        "disableChangeEvent"?: boolean;
         "disabled"?: boolean;
         "emptyIcon"?: string;
         "emptyText"?: string;
@@ -3735,6 +3748,7 @@ declare namespace LocalJSX {
         "linkedComponent"?: string;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "placeholder"?: string;
         "placement"?: PlacementTypes;
         "required"?: boolean;

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,4 +2,4 @@ export * from './id-decorator';
 export * from './is-load-decorator';
 export * from './json-parse-decarator';
 export * from './property-decorators';
-export * from './bcm-decorator';
+export * from './event-decorator';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.9.0-rc.10",
+  "version": "2.9.0-rc.12",
   "description": "Bromcom UI is a collection of web components built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -84,8 +84,10 @@
     "tailwindcss": "^3.1.8",
     "ts-dedent": "^2.2.0",
     "tsc-alias": "^1.7.0",
-    "ag-grid-community": "29.0.0",
-    "ag-grid-enterprise": "29.0.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__": [
     {

package/dist/bromcom-ui/p-0523863a.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as e,H as i,g as s}from"./p-170cf07d.js";import{c as a}from"./p-bed627ab.js";import{I as h}from"./p-3ade1099.js";import{D as n}from"./p-626a65e9.js";import{G as p}from"./p-a1412b63.js";import{B as r}from"./p-23c35e1b.js";import{d as l}from"./p-3c7a0345.js";import"./p-e45c1546.js";import"./p-cca6e9c5.js";import"./p-034bbcdd.js";const o=class{constructor(e){t(this,e),this._id=p.UID(),this.date=new Date,this.value=void 0,this.endDate=null,this.range=!1,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabledDates="",this.disabled=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.placement=r.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1,this.stateStartDate=null,this.stateEndDate=null}handleStartDateChange(){this.handleDate()}handleEndDateChange(){this.handleDate()}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async setClear(){return await this.picker.setClear(),await l(10),Promise.resolve()}async setStartDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateStartDate=t):this.setClear()}async setEndDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateEndDate=t):this.setClear()}handleDate(){this.range?this.stateStartDate&&this.stateEndDate&&this.set(this.stateStartDate+"-"+this.stateEndDate):this.set(this.stateStartDate)}async getInput(){return await this.picker.getInput()}async open(){return await this.picker.open()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async resetCaption(){return await l(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await l(10),Promise.resolve()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth,"linked-component":this.linkedComponent});return e(i,{class:t},e("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,name:this.name,type:this.range?"range":"date",date:this.date,placeholder:this.placeholder,fullWidth:this.fullWidth,ref:t=>this.picker=t,required:this.required,clearable:this.clearable,label:this.label,"end-date":this.endDate,disabled:this.disabled,disabledDates:this.disabledDates,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,caption:this.caption,captionError:this.captionError,captionType:this.captionType,alignment:this.alignment,placement:this.placement}))}get el(){return s(this)}static get watchers(){return{stateStartDate:["handleStartDateChange"],stateEndDate:["handleEndDateChange"]}}};(function(t,e,i,s){var a,h=arguments.length,n=h<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(n=(h<3?a(n):h>3?a(e,i,n):a(e,i))||n);h>3&&n&&Object.defineProperty(e,i,n)})([h()],o.prototype,"el",void 0),o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_date_picker}