bromcom-ui 2.3.61 → 2.3.65

package/dist/bromcom-ui/bcm-date-picker.entry.js

@@ -57,7 +57,8 @@ const BcmDatePicker = class {
     this.disabled = disabled;
   }
   async setClear() {
-    this.picker.setClear();
+    await this.picker.setClear();
+    return Promise.resolve();
   }
   async setStartDate(dateOrTime) {
     if (dateOrTime) {

package/dist/bromcom-ui/bcm-datetime-picker.entry.js

@@ -349,6 +349,8 @@ const BcmDatetimePicker = class {
     if (disabledDatesData.max && disabledDatesData.max instanceof Date) {
       this.disabledDatesList.max = new Date(disabledDatesData.max.toDateString());
     }
+    const value = this.inputElement.value;
+    value && this.setDataFromText(value);
   }
   /**
    *
@@ -681,7 +683,9 @@ const BcmDatetimePicker = class {
       this.renderDate = this.date;
       this.valueText = this.getValueText();
       this.setValue();
-      this.inputElement.value == "" && (this.inputElement.value = this.valueText);
+      const splitText = this.valueText.split('/');
+      const newValue = this.valueText ? this.changeFormat(new Date(splitText[1] + "/" + splitText[0] + "/" + splitText[2])) : '';
+      this.inputElement.value = newValue;
     }
   }
   setDataFromText(text, updateData = false, openPicker = true) {
@@ -762,7 +766,9 @@ const BcmDatetimePicker = class {
           this.setValue(true);
         }
       }
-      this.inputElement.value == "" && (this.inputElement.value = text);
+      const splitText = text.split('/');
+      const newValue = text ? this.changeFormat(new Date(splitText[1] + "/" + splitText[0] + "/" + splitText[2])) : '';
+      this.inputElement.value = newValue;
     }
   }
   /**
@@ -1141,32 +1147,25 @@ const BcmDatetimePicker = class {
   async setDisabled(disabled) {
     this.disabled = disabled;
   }
-  changeFormat(date) {
+  changeFormat(date, reverseDay = false) {
     if (!date)
       return;
     const pad = (n) => n < 10 ? `0${n}` : n;
-    const day = new Date(date).getDate();
-    const month = new Date(date).getMonth() + 1;
+    const day = pad(new Date(date).getDate());
+    const month = pad(new Date(date).getMonth() + 1);
     const year = new Date(date).getFullYear();
-    const hours = new Date(date).getHours();
-    const minutes = new Date(date).getMinutes();
+    const hours = pad(new Date(date).getHours());
+    const minutes = pad(new Date(date).getMinutes());
     if (this.type == "range" || this.type == "date") {
-      return `${day}/${month}/${year}`;
+      return reverseDay ? `${month}/${day}/${year}` : `${day}/${month}/${year}`;
     }
-    return `${day}/${month}/${year} ${pad(hours)}:${pad(minutes)}`;
+    return reverseDay ? `${month}/${day}/${year} ${hours}:${minutes}` : `${day}/${month}/${year} ${hours}:${minutes}`;
   }
   /**
    * @desc
    * @param dateOrTime
    */
   async set(dateOrTime) {
-    // contains -
-    // const split = dateOrTime.toString().split('-')
-    // var date: any = DateTimeHelper.convertTimeStampToDate(new Date(split[0]).getTime()).toString()
-    // if (split.length > 1) {
-    //     var date2 = DateTimeHelper.convertTimeStampToDate(new Date(split[1]).getTime())
-    //     date = date + "-" + date2
-    // }
     const split = dateOrTime.toString().split('-');
     var date = this.changeFormat(DateTimeHelper.convertTimeStampToDate(new Date(split[0]).getTime()));
     if (split.length > 1) {
@@ -1174,20 +1173,11 @@ const BcmDatetimePicker = class {
       date = date + "-" + date2;
     }
     this.setDataFromText(date, true, false);
-    // dateOrTime = DateTimeHelper.convertTimeStampToDate(new Date(dateOrTime).getTime())
-    // const isString: boolean = typeof dateOrTime === 'string'
-    // if ( isString ) {
-    //     //     this.setDataFromText(dateOrTime as string, true, false)
-    // } else if( dateOrTime instanceof Date){   
-    //     this.setDataFromText(this.formatDate(new Date(dateOrTime), 'dd/mm/yyyy hh:mi') as string, true, false)
-    // }
-    // else{
-    //     this.setClear()
-    // }
   }
   async setClear() {
-    this.handleInputClear();
+    await this.handleInputClear();
     await this.inputElement.setClear();
+    return Promise.resolve();
   }
   /**
    * @desc
@@ -1230,7 +1220,9 @@ const BcmDatetimePicker = class {
     const toggleClasses = classnames('toggle', {
       disabled: this.disabled
     });
-    return (h(Host, { class: hostClasses, "bcm-internal-id": this.inputId }, h("bcm-input", { ref: el => (this.inputElement = el), placeholder: 'Select ' + (this.type === Types.datetime ? 'date and time' : '') + (this.type === Types.date ? 'date' : '') + (this.type === Types.time ? 'time' : ''), value: this.valueText, required: this.required, fullWidth: this.fullWidth, disabled: this.disabled, name: this.name, id: this.inputId, label: this.label, clearable: true, disableWatchValue: true, "on-bcm-focus": () => this.handleInputFocus(), "on-bcm-clear": () => this.handleInputClear(), "on-bcm-change": (e) => this.handleInputChange(e), "on-bcm-input": (e) => this.handleInputInput(e.detail), noCaption: this.noCaption, caption: this.caption, captionType: this.captionType }, this.error && (h("bcm-tooltip", { slot: "suffix", placement: "top", message: this.errorText }, h("bcm-icon", {
+    return (h(Host, { class: hostClasses, "bcm-internal-id": this.inputId }, h("bcm-input", { ref: el => (this.inputElement = el), placeholder: 'Select ' + (this.type === Types.datetime ? 'date and time' : '') + (this.type === Types.date ? 'date' : '') + (this.type === Types.time ? 'time' : ''), value: this.valueText, required: this.required, fullWidth: this.fullWidth, disabled: this.disabled, name: this.name, id: this.inputId, label: this.label, clearable: true, disableWatchValue: true, "on-bcm-focus": () => this.handleInputFocus(), "on-bcm-clear": () => this.handleInputClear(), "on-bcm-change": (e) => this.handleInputChange(e),
+      // on-bcm-input={(e: CustomEvent) => this.handleInputInput(e.detail)}
+      noCaption: this.noCaption, caption: this.caption, captionType: this.captionType }, this.error && (h("bcm-tooltip", { slot: "suffix", placement: "top", message: this.errorText }, h("bcm-icon", {
       // slot="suffix"
       // title={this.errorText}
       icon: "exclamation-circle", color: "red-6", size: 16

package/dist/bromcom-ui/bcm-form-group.entry.js

@@ -11,7 +11,7 @@ const BcmFormGroup = class {
     this.name = "";
   }
   inputChange() {
-    console.log("diğişti");
+    //   console.log("diğişti")
   }
   render() {
     return (h(Host, { "on-bcm-change": () => this.inputChange() }, h("form", { class: "bcm-form" }, h("slot", null))));

package/dist/bromcom-ui/bcm-form.entry.js

@@ -124,15 +124,17 @@ const BcmForm = class {
     this.formData = {};
     this.inputs = [];
     this.selector = this.el;
+    let clear = [];
     this.getInputs();
     for (const item of this.inputs) {
       try {
-        await item.setClear();
+        clear.push(item.setClear());
       }
       catch (error) {
         console.log(item.nodeName, "sc p");
       }
     }
+    return Promise.all(clear);
   }
   async resetCaption() {
     this.formData = {};

package/dist/bromcom-ui/bcm-input.entry.js

@@ -67,6 +67,7 @@ const BcmInput = class {
   async setClear() {
     this.inputElement.value = '';
     this.value = '';
+    return Promise.resolve();
   }
   async resetCaption() {
     this.caption = this.captionCache;

package/dist/bromcom-ui/bcm-listbox.entry.js

@@ -114,6 +114,7 @@ const BcmListbox = class {
     this.sortedChecklist = [];
     this.checklistSorted = [];
     this.checkedObjectList = [];
+    return Promise.resolve();
   }
   async resetCaption() {
     this.caption = this.captionCache;

package/dist/bromcom-ui/bcm-select.entry.js

@@ -419,7 +419,8 @@ const BcmSelect = class {
     return this.checklist;
   }
   async setClear() {
-    this.handleClear();
+    await this.handleClear();
+    return Promise.resolve();
   }
   async resetCaption() {
     this.caption = this.captionCache;
@@ -586,7 +587,6 @@ const BcmSelect = class {
   async handleClear() {
     this.value = null;
     this.selectText = null;
-    this.clear.emit();
     // const allitem:any = [...this.onShowVisibleTags, ...this.onShowHiddenTags]
     // if ( allitem.length > 0 ) {
     //     allitem.map(item => {
@@ -624,6 +624,8 @@ const BcmSelect = class {
     if (searchInput) {
       searchInput.clearAndSelectSearch();
     }
+    this.clear.emit();
+    return Promise.resolve();
   }
   handleFocus() {
     this.focus.emit();

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

@@ -1,7 +1,7 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
 import { ElementDragger, DragDirections } from '../../../utils/element-dragger';
 import { Months, Type } from './types';
-export declare class BcmDatetimePicker {
+export declare class BcmDatetimePicker implements ComponentInterface {
   private id;
   private inputId;
   private emptyState;
@@ -398,7 +398,7 @@ export declare class BcmDatetimePicker {
    * @param disabled
    */
   setDisabled(disabled: boolean): Promise<void>;
-  changeFormat(date: Date): string;
+  changeFormat(date: Date, reverseDay?: boolean): string;
   /**
    * @desc
    * @param dateOrTime

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

@@ -17,7 +17,7 @@ export declare class BcmForm {
   handleSubmit(e: any): void;
   submitFunction(): Promise<any>;
   submit(): Promise<any>;
-  setClear(): Promise<void>;
+  setClear(): Promise<any[]>;
   resetCaption(): Promise<void>;
   config(_config: Array<object>): Promise<boolean>;
   getInputs(): void;

package/dist/types/components.d.ts

@@ -435,7 +435,7 @@ export namespace Components {
         "hidden": boolean;
         "name": string;
         "resetCaption": () => Promise<void>;
-        "setClear": () => Promise<void>;
+        "setClear": () => Promise<any[]>;
         "submit": () => Promise<any>;
         "validation": boolean;
         "value": any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.3.61",
+  "version": "2.3.65",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",