bromcom-ui 2.9.0-rc.17 → 2.9.0-rc.19

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

@@ -3,26 +3,45 @@ import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtim
 import type { Moment } from "moment";
 export declare class BcmRcPicker implements ComponentInterface {
   el: HTMLElement;
-  val: any;
-  type: "time" | "date" | "week" | "month" | "year" | "datetime";
-  format: string;
   placeholder: string;
   size: SizeTypes;
-  showTime: any;
-  showToday: any;
-  showNow: any;
-  showHour: any;
-  showMinute: any;
-  showSecond: any;
-  use12Hours: any;
-  error: any;
-  disabled: any;
+  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;
-  defaultValue: any;
   newValue: any;
-  setValue(newValue: Moment): void;
-  handleChange(newValue: Moment | null): void;
-  set(value: any): Promise<void>;
+  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.d.ts

@@ -17,6 +17,7 @@ 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";
@@ -268,19 +269,26 @@ export namespace Components {
         "captionType": StatusTypes;
         "clearable": boolean;
         "disabled": boolean;
+        "disabledDates": any;
+        "disabledTime": any;
         "format": any;
         "fullWidth": boolean;
-        "get": () => Promise<number>;
+        "get": () => Promise<any>;
         "getInput": () => Promise<HTMLInputElement>;
-        "getValue": () => Promise<string>;
+        "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;
@@ -1061,21 +1069,27 @@ export namespace Components {
     }
     interface BcmRcPicker {
         "clearable": boolean;
-        "disabled": any;
-        "error": any;
-        "format": string;
+        "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;
-        "set": (value: any) => Promise<void>;
-        "showHour": any;
-        "showMinute": any;
-        "showNow": any;
-        "showSecond": any;
-        "showTime": any;
-        "showToday": any;
+        "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": any;
-        "val": any;
+        "use12Hours": boolean;
     }
     interface BcmResult {
         "description": string;
@@ -2760,15 +2774,22 @@ declare namespace LocalJSX {
         "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;
@@ -3461,21 +3482,27 @@ declare namespace LocalJSX {
     }
     interface BcmRcPicker {
         "clearable"?: boolean;
-        "disabled"?: any;
-        "error"?: any;
-        "format"?: string;
+        "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;
-        "showHour"?: any;
-        "showMinute"?: any;
-        "showNow"?: any;
-        "showSecond"?: any;
-        "showTime"?: any;
-        "showToday"?: any;
+        "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"?: any;
-        "val"?: any;
+        "use12Hours"?: boolean;
     }
     interface BcmResult {
         "description"?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.9.0-rc.17",
+  "version": "2.9.0-rc.19",
   "description": "Bromcom UI is a collection of web components built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -39,6 +39,10 @@
   },
   "license": "MIT",
   "devDependencies": {
+    "@ag-grid-community/client-side-row-model": "29.0.0",
+    "@ag-grid-enterprise/core": "29.0.0",
+    "@ag-grid-enterprise/excel-export": "29.0.0",
+    "@ag-grid-enterprise/status-bar": "29.0.0",
     "@babel/core": "^7.12.3",
     "@babel/plugin-syntax-jsx": "^7.12.1",
     "@babel/plugin-transform-react-jsx": "^7.12.5",
@@ -83,11 +87,7 @@
     "storybook-fetch-addon": "^1.2.1",
     "tailwindcss": "^3.1.8",
     "ts-dedent": "^2.2.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"
+    "tsc-alias": "^1.7.0"
   },
   "__comment__": [
     {
@@ -119,7 +119,7 @@
     "os": false
   },
   "dependencies": {
-    "moment": "^2.29.4",
+    "moment": "^2.24.0",
     "rc-picker": "^3.14.3",
     "tailwind-variants": "^0.1.14"
   }

package/dist/bromcom-ui/p-00f70814.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as i,h as e,H as s,g as a}from"./p-170cf07d.js";import{c as r}from"./p-64fad38b.js";import{I as o}from"./p-9850cbce.js";import{S as n}from"./p-d153c7fc.js";import{d as h,a as c}from"./p-3c7a0345.js";import"./p-85eedabc.js";import"./p-f711588b.js";const l=new class{constructor(){}response(t,i){return Object.assign(Object.assign({valid:t},i&&{message:i}),!t&&{type:"error"})}required(t,i){let e=this.response(!0);return""!=t&&""!=t&&null!=t&&null!=t&&!1!==t||(e=this.response(!1,"This field is required.")),i&&(i.valid||(e=this.response(!1,i.errorText)),t instanceof Object&&t.isValid&&0==t.isValid&&(e=this.response(!1,"This field is required."))),e}selfValidation(t){let i=this.response(!0);return null==t.captionError&&"error"!=t.captionType||(i=this.response(!1,t.captionError)),i}};const p=class{constructor(e){t(this,e),this.bcmForm=i(this,"bcm-form",7),this.formData={},this.inputs=[],this.duplicateInput=[],this.isValid=!0,this.returnCaption=[],this.Bromcom={errors:{targetFormNotExist:"target form is not exist --\x3e "},inputComponents:{CHIP_GROUP:"chip-group",INPUT:"input",TEXTAREA:"textarea",SWITCH:"switch",CHECKBOX:"checkbox",RADIO_GROUP:"radio-group",CHECKBOX_GROUP:"checkbox-group",RANGE:"range",FORM:"form",FORM_GROUP:"form-group",LIST:"list",COLORPICKER:"colorpicker",DATE:"date",DATE_PICKER:"date-picker",TIME_PICKER:"time-picker",DATETIME_PICKER:"datetime-picker",SELECT:"select",LISTBOX:"listbox"},helpers:{randomId:function(){return Math.random().toString(16).slice(2,-1)}}},this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.validation=!1,this.name="",this.value=void 0,this.autocomplete=!1}handleSubmit(){}async submitFunction(){this.formData={},this.inputs=[],this.selector=this.el,await this.getInputs(),await h(10);const t=await this.userFormData();var i={isValid:!0,formData:t};return this.name&&(i=Object.assign(Object.assign({},i),{formName:this.name})),this.isValid?(this.bcmForm.emit(i),i):(this.returnCaption={isValid:!1,message:"Please fill in all inputs",errorDetails:this.returnCaption,formData:t},this.name&&(this.returnCaption=Object.assign(Object.assign({},this.returnCaption),{formName:this.name})),this.bcmForm.emit(this.returnCaption),this.returnCaption)}async submit(){return Promise.resolve(this.submitFunction())}async set(t){var i;const e=this.validation;if(this.validation=!1,this.selector=this.el,await this.getInputs(),t&&(null===(i=this.inputs)||void 0===i?void 0:i.length)>0)for(const i of Object.keys(t)){const e=this.inputs.find((t=>t.name===i));if(e)try{await e.set(t[i])}catch(t){console.log(e.nodeName,"set",t)}}this.validation=e}async get(){var t;let i={};this.selector=this.el;const e=this.inputs;return await this.getInputs(),(null===(t=this.inputs)||void 0===t?void 0:t.length)>0&&this.inputs.forEach((async t=>{try{const e=await t.get();i=Object.assign(Object.assign({},i),{[t.name]:e})}catch(i){console.log(`${t.nodeName} get error`)}})),this.inputs=e,await h(10),Promise.resolve(i)}async setClear(){this.formData={},this.inputs=[],this.selector=this.el;let t=[];return await this.getInputs(),this.inputs.forEach((async i=>{try{t.push(await i.setClear())}catch(t){console.log(t)}})),await Promise.all(t).then((()=>{this.formData={},this.inputs=[],this.duplicateInput=[],this.isValid=!0,this.returnCaption=[]})),await h(10),Promise.resolve(!0)}async resetCaption(){await h(10),this.formData={},this.inputs=[],this.selector=this.el,await this.getInputs();for(const t of this.inputs)try{await t.resetCaption()}catch(i){console.log(t.nodeName,"rc p")}return await h(10),Promise.resolve()}async config(t){return t.validation&&(this.validation="boolean"==typeof t.validation&&t.validation),!0}async getInputs(){var t=this.selector;if(!t)return void console.warn(this.Bromcom.errors.targetFormNotExist+this.selector);const i=Array.from(t.querySelectorAll("bcm-"+Object.values(this.Bromcom.inputComponents).join(",bcm-")));this.duplicateInput=[];const e=i.filter((t=>{var i;return!t["s-hn"]||"BcmForm"!==(null===(i=t["s-hn"])||void 0===i?void 0:i.nodeName)}));for(const t of e){if("bcm-checkbox-group"==n.lowercase(t.nodeName)){let i=t.querySelectorAll("bcm-checkbox");if(i)for(const t of i)this.duplicateInput.push(t.name)}if("bcm-form"==n.lowercase(t.nodeName)){const i=Array.from(t.querySelectorAll("bcm-"+Object.values(this.Bromcom.inputComponents).join(",bcm-")));let e={};for(const t of i){var s=t.name,a=t.value;e=Object.assign(Object.assign({},e),{[s]:a}),this.duplicateInput.push(t.name)}t.value=e;let r=t.querySelectorAll("bcm-checkbox");if(r)for(const t of r)this.duplicateInput.push(t.name)}}await h(10),this.inputs=e}getItemValue(t){return t.tagName.toLowerCase().replace("bcm-",""),t.value}isWrapperComponent(t){return["bcm-datetime-picker","bcm-date-picker","bcm-time-picker"].includes(t.toLowerCase())}isGroupComponent(t){return["bcm-checkbox-group"].includes(t.toLowerCase())}isListComponent(t){return["bcm-list"].includes(t.toLowerCase())}async userFormData(){this.formData={},this.isValid=!0,this.returnCaption=[];for(const i of this.inputs){const e=this.isGroupComponent(i.tagName),s=this.isWrapperComponent(i.tagName),a=s&&i,r=s?await i.getInput()&&i:i;if(this.validation){let t=null;if(s){const i=await a.isValid();t=l.required(r.value,i),t&&(r.value instanceof Object?0==r.value.isValid&&(t=l.required("",i)):t=l.required(r.value,i))}else if(e){const i=c(r,"bcm-checkbox:not(#bcm-indeterminate-element)");if(i&&i.length>0)for(const e of i)e&&!0===e.required&&(t=l.required(e.checked),t.valid?(e.noCaption=r.noCaption,e.captionError=null,e.captionType="default"):(e.noCaption=!1,e.captionError=t.message,e.captionType=t.type))}else t=l.required(r.value);if(r.required){t.valid?(r.captionError=null,r.captionType="default"):(r.captionError=t.message,r.captionType=t.type),await h(10);const i=l.selfValidation(r);t.valid&&(i.valid||(r.captionError=i.message,r.captionType=i.type))}let i=r.name,o=r.captionError;!r.hidden&&"error"==r.captionType&&(this.returnCaption=[...Array.from(this.returnCaption),{[i]:o}],this.isValid=!1)}if(r.name&&!this.duplicateInput.includes(r.name)){var t=this.getItemValue(r);t&&null!=t&&null!=t||(t=null),this.formData[r.name]=t}}return this.formData}async handleChange(t){const i=this.isWrapperComponent(t.target.tagName),e=this.isGroupComponent(t.target.tagName);let s;if(i)s=t.target.getInput&&await t.target.getInput()||t.target;else if(e){let i=!1;const e=c(t.target,"bcm-checkbox:not(#bcm-indeterminate-element)");e.length>0&&e.forEach((t=>{t&&!0===t.required&&(i=!0)})),s=Object.assign(Object.assign({},t.target),{required:i})}else s=t.target;const a=t.target.value,r=i&&t.target;var o;i&&(o=await r.isValid());const n=setTimeout((()=>{if(s.required){let r=null;if(i)r=l.required(a,o),r&&(a instanceof Object?0==a.isValid&&(r=l.required("",o)):r=l.required(a,o));else if(e){const i=c(t.target,"bcm-checkbox:not(#bcm-indeterminate-element)");i.length>0&&i.forEach((i=>{i&&!0===i.required&&(r=l.required(i.checked),r.valid?(i.noCaption=t.target.noCaption,i.captionError=null,i.captionType="default"):(i.noCaption=!1,i.captionError=r.message,i.captionType=r.type))}))}else r=l.required(a);r.valid?(s.captionError=null,s.captionType=null):(s.captionError=r.message,s.captionType=r.type)}clearTimeout(n)}));this.value=await this.userFormData()}render(){const t=r(this.hidden?"hidden":null);return e(s,{class:t},e("form",{class:"bcm-form",autocomplete:this.autocomplete?"on":"off"},e("slot",null)))}get el(){return a(this)}};(function(t,i,e,s){var a,r=arguments.length,o=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(r<3?a(o):r>3?a(i,e,o):a(i,e))||o);r>3&&o&&Object.defineProperty(i,e,o)})([o()],p.prototype,"el",void 0),p.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:block;margin-bottom:8px}:host(.hidden){display:none}';export{p as bcm_form}