bromcom-ui 2.9.0-rc.14 → 2.9.0-rc.16

package/dist/collection/components/molecules/input-dropdown/input-dropdown.js

@@ -8,8 +8,6 @@ import { CaptionTemplate } from "@bcm/template";
 import { Fragment, Host, forceUpdate, h } from "@stencil/core";
 import cs from "classnames";
 import { inputDropdownStyle } from "./input-dropdown.style";
-class InputDropdownData {
-}
 export class BcmInputDropdown {
   constructor() {
     this.handleKeyPress = e => {
@@ -245,11 +243,12 @@ export class BcmInputDropdown {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "InputDropdownData",
+          "original": "Bcm.InputDropdownData",
           "resolved": "InputDropdownData",
           "references": {
-            "InputDropdownData": {
-              "location": "global"
+            "Bcm": {
+              "location": "import",
+              "path": "@bcm/model"
             }
           }
         },
@@ -502,11 +501,12 @@ export class BcmInputDropdown {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "InputDropdownData[]",
+          "original": "Bcm.InputDropdownData[]",
           "resolved": "InputDropdownData[]",
           "references": {
-            "InputDropdownData": {
-              "location": "global"
+            "Bcm": {
+              "location": "import",
+              "path": "@bcm/model"
             }
           }
         },
@@ -657,7 +657,7 @@ export class BcmInputDropdown {
     return {
       "set": {
         "complexType": {
-          "signature": "(data: InputDropdownData[]) => Promise<void>",
+          "signature": "(data: Bcm.InputDropdownData[]) => Promise<void>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -666,8 +666,9 @@ export class BcmInputDropdown {
             "Promise": {
               "location": "global"
             },
-            "InputDropdownData": {
-              "location": "global"
+            "Bcm": {
+              "location": "import",
+              "path": "@bcm/model"
             }
           },
           "return": "Promise<void>"
@@ -679,14 +680,15 @@ export class BcmInputDropdown {
       },
       "get": {
         "complexType": {
-          "signature": "() => Promise<InputDropdownData>",
+          "signature": "() => Promise<Bcm.InputDropdownData>",
           "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
             },
-            "InputDropdownData": {
-              "location": "global"
+            "Bcm": {
+              "location": "import",
+              "path": "@bcm/model"
             }
           },
           "return": "Promise<InputDropdownData>"

package/dist/collection/components/organism/datetime-picker/datetime-picker.js

@@ -1373,7 +1373,7 @@ export class BcmDatetimePicker {
     const calendarIcon = `<svg style="fill: #595959; width: 14px; height: 14px;"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/></svg>`;
     const errorIcon = `<svg style="fill: #ef4444; width: 14px; height: 14px;"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm42-104c0 23.2-18.8 42-42 42s-42-18.8-42-42 18.8-42 42-42 42 18.8 42 42zm-81.4-211.4l6.8 136c.3 6.4 5.6 11.4 12 11.4h41.2c6.4 0 11.7-5.1 12-11.4l6.8-136c.3-6.9-5.1-12.6-12-12.6h-54.8c-6.9 0-12.4 5.7-12 12.6z"/></svg>`;
     const inputIcon = this.type == "time" ? clockIcon : calendarIcon;
-    return (h(Host, { class: hostClasses, "bcm-internal-id": this.inputId }, this.label && (h("div", { class: "picker-label", onClick: () => this.openToggle() }, h(LabelTemplate, { size: "medium", type: this.captionType, value: this.label, required: this.required, htmlFor: this._id }))), h("bcm-old-input", { ref: el => (this.inputElement = el), placeholder: this.placeholder || 'Select ' + (this.type === Types.datetime ? 'date and time' : '') + (this.type === Types.date ? 'date' : '') + (this.type === Types.time ? 'time' : '') + (this.type === Types.range ? 'date range' : ''), value: this.valueText, required: this.required, fullWidth: this.fullWidth, disabled: this.disabled, name: this.name, id: this.inputId, clearable: this.clearable, onClick: () => this.openPicker(), noMargin: this.noMargin, disableWatchValue: true, "on-bcm-clear": () => this.handleInputClear(), "on-bcm-change": (e) => this.handleInputChange(e),
+    return (h(Host, { class: hostClasses, "bcm-internal-id": this.inputId }, this.label && (h("div", { class: "picker-label", onClick: () => this.openToggle() }, h(LabelTemplate, { size: "medium", type: this.captionType, value: this.label, required: this.required, htmlFor: this._id }))), h("bcm-old-input", { ref: el => (this.inputElement = el), placeholder: this.placeholder || 'Select ' + (this.type === Types.datetime ? 'date and time' : '') + (this.type === Types.date ? 'date' : '') + (this.type === Types.time ? 'time' : '') + (this.type === Types.range ? 'date range' : ''), value: this.valueText, required: this.required, fullWidth: this.fullWidth, disabled: this.disabled, name: this.name, id: this.inputId, clearable: this.clearable, onClick: () => this.openPicker(), "no-margin": true, disableWatchValue: true, "on-bcm-clear": () => this.handleInputClear(), "on-bcm-change": (e) => this.handleInputChange(e),
       // on-bcm-input={(e: CustomEvent) => this.handleInputInput(e.detail)}
       noCaption: this.noCaption, captionError: this.captionError, caption: this.caption, captionType: this.captionType }, this.error && (h("span", { slot: "suffix" }, h("span", { id: "error-icon", class: toggleClasses, innerHTML: errorIcon, title: this.errorText }))), h("span", { slot: "suffix", onClick: () => this.openPicker() }, h("span", { id: "calender-icon", class: toggleClasses, innerHTML: inputIcon }))), h("div", { id: "picker-vp-" + this._id, class: datetimePickerClasses, onWheel: (e) => this.handleWheel(e) }, h("div", { class: "modules" }, this.hasDateModule && (h("div", { class: "date-container" }, h("div", { class: "bcm-datetime-picker__header" }, h("span", null), h("div", { class: "month-year" }, h("button", { onClick: () => this.getPrevMonth() }, h("bcm-icon", { icon: "far fa-chevron-left" })), h("div", { class: "month-year-wrapper" }, h("span", { class: "month" }, this.getMonthText()), ",", h("span", { class: "year" }, this.date.getFullYear())), h("button", { onClick: () => this.getNextMonth() }, h("bcm-icon", { icon: "far fa-chevron-right" }))), h("span", { class: "today", onClick: () => this.setDateToday() }, "Today")), h("div", { class: "bcm-datetime-picker__content" }, h("div", { class: "years", ref: el => (this.yearsWrapperElement = el) }, h("div", { class: "items", ref: el => (this.yearsElement = el) }, this.years.map((year, idx) => h("span", { onClick: () => this.yearClick(idx) }, year))), h("div", { class: "select-strip", ref: el => (this.yearsStripElement = el) })), h("div", { class: "days" }, h("div", { class: "day-labels" }, h("span", null, "Mo"), h("span", null, "Tu"), h("span", null, "We"), h("span", null, "Th"), h("span", null, "Fr"), h("span", null, "Sa"), h("span", null, "Su")), h("div", { class: dayNumbersClasses }, this.dayNumbers.map(day => (h("span", { class: {
         'is-disabled-date': (this.type === Types.date || this.type === Types.datetime) && this.isDisabledDate(day.date),

package/dist/collection/components/organism/list/list.js

@@ -54,6 +54,7 @@ export class BcmList {
     this.keyControl = false;
     this.checkAll = true;
     this.stopDeepClean = false;
+    this.openIntersecting = false;
     this.linkedComponent = undefined;
     this.isOpen = false;
     this.calculatedViewport = false;
@@ -1253,6 +1254,24 @@ export class BcmList {
         "reflect": false,
         "defaultValue": "false"
       },
+      "openIntersecting": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "open-intersecting",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "linkedComponent": {
         "type": "string",
         "mutable": true,

package/dist/collection/components/third-parts/rc-picker/date.js

@@ -25,21 +25,44 @@ export class BcmDate {
       this.value = this.getValueObject(e.detail);
       this.change.emit(this.value);
     };
+    // type a göre format belirleme işlemi
+    this.getFormat = () => {
+      if (!this.format) {
+        switch (this.type) {
+          case "time":
+            return this.showSecond ? "HH:mm:ss" : this.showMinute ? "HH:mm" : "HH";
+          case "date":
+            return "DD/MM/YYYY";
+          case "datetime":
+            return this.showSecond ? "DD/MM/YYYY HH:mm:ss" : this.showMinute ? "DD/MM/YYYY HH:mm" : "DD/MM/YYYY HH";
+          case "week":
+            return "YYYY-wo";
+          case "month":
+            return "MM/YYYY";
+          case "year":
+            return "YYYY";
+          default:
+            return "DD/MM/YYYY";
+        }
+      }
+      return this.format;
+    };
     this.getValueObject = (value) => {
       if (value && moment(value).isValid()) {
-        return {
-          isValid: moment(value).isValid(),
-          date: moment(value).toDate(),
-          timestamp: moment(value).valueOf(),
-          dateObject: {
+        return Object.assign({ isValid: moment(value).isValid(), date: moment(value).toDate(), timestamp: moment(value).valueOf(), dateObject: {
             year: moment(value).year(),
             day: moment(value).date(),
             month: moment(value).month(),
             dayOfWeek: moment(value).day(),
             monthFirstDay: moment(value).startOf("month").day(),
+          }, value: moment(value).format(this.getFormat()) }, this.type === "time" && {
+          time: moment(value).format(this.getFormat()),
+          timeObject: {
+            hour: moment(value).hour(),
+            minute: moment(value).minute(),
+            second: moment(value).second(),
           },
-          value: moment(value).format(this.format),
-        };
+        });
       }
       else {
         return null;
@@ -54,15 +77,21 @@ export class BcmDate {
     this.fullWidth = false;
     this.required = false;
     this.clearable = false;
+    this.noMargin = false;
     this.caption = undefined;
     this.noCaption = false;
     this.captionType = Bcm.Status.default;
     this.captionError = undefined;
-    this.type = undefined;
-    this.format = "DD/MM/YYYY";
+    this.type = "date";
+    this.format = undefined;
     this.showTime = false;
     this.showToday = true;
     this.showNow = true;
+    this.showHour = true;
+    this.showMinute = true;
+    this.showSecond = false;
+    this.use12Hours = false;
+    this.disabled = false;
   }
   async getValue() {
     var _a;
@@ -73,7 +102,8 @@ export class BcmDate {
     return ((_a = this.getValueObject(this.value)) === null || _a === void 0 ? void 0 : _a.timestamp) || null;
   }
   async set(value) {
-    this.value = value;
+    // this.value = value;
+    this.getPickerElement().set(value);
   }
   async setClear() {
     this.value = null;
@@ -89,9 +119,15 @@ export class BcmDate {
     var _a;
     return ((_a = this.getValueObject(this.value)) === null || _a === void 0 ? void 0 : _a.isValid) || false;
   }
+  getPickerElement() {
+    return this.el.querySelector("bcm-rc-picker");
+  }
   render() {
     const { label, size, captionType, required, _id } = this;
-    return (h(Host, { class: cs("bcm-ui-element bcm-ui-action", "tw-inline-flex tw-flex-col") }, label && h(LabelTemplate, { size: size, type: captionType, value: label, required: required, htmlFor: _id }), h("bcm-rc-picker", { onBcmRCPickerChange: e => this.onChange(e), type: this.type, format: this.format, "show-time": this.showTime, clearable: this.clearable, val: this.value }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
+    return (h(Host, { class: cs("bcm-ui-element bcm-ui-input", "tw-relative tw-m-0 tw-inline-flex tw-w-full tw-flex-col", {
+        "tw-max-w-[256px]": !this.fullWidth,
+        "tw-mb-2": !this.noMargin,
+      }) }, label && h(LabelTemplate, { size: size, type: captionType, value: label, required: required, htmlFor: _id }), h("bcm-rc-picker", { id: _id + "-picker", onBcmRCPickerChange: e => this.onChange(e), type: this.type, format: this.getFormat(), clearable: this.clearable, val: this.value, class: cs("w-full tw-flex"), size: size, placeholder: this.placeholder, showTime: this.showTime, showToday: this.showToday, showNow: this.showNow, showHour: this.showHour, showMinute: this.showMinute, showSecond: this.showSecond, use12Hours: this.use12Hours, error: this.captionType === "error", disabled: this.disabled }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
   }
   static get is() { return "bcm-date"; }
   static get properties() {
@@ -259,6 +295,24 @@ export class BcmDate {
         "reflect": false,
         "defaultValue": "false"
       },
+      "noMargin": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "no-margin",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "caption": {
         "type": "string",
         "mutable": false,
@@ -338,8 +392,8 @@ export class BcmDate {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"time\" | \"date\" | \"week\" | \"month\" | \"year\"",
-          "resolved": "\"date\" | \"month\" | \"time\" | \"week\" | \"year\"",
+          "original": "\"time\" | \"date\" | \"week\" | \"month\" | \"year\" | \"datetime\"",
+          "resolved": "\"date\" | \"datetime\" | \"month\" | \"time\" | \"week\" | \"year\"",
           "references": {}
         },
         "required": false,
@@ -349,14 +403,15 @@ export class BcmDate {
           "text": ""
         },
         "attribute": "type",
-        "reflect": false
+        "reflect": false,
+        "defaultValue": "\"date\""
       },
       "format": {
-        "type": "string",
+        "type": "any",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "any",
+          "resolved": "any",
           "references": {}
         },
         "required": false,
@@ -366,8 +421,7 @@ export class BcmDate {
           "text": ""
         },
         "attribute": "format",
-        "reflect": false,
-        "defaultValue": "\"DD/MM/YYYY\""
+        "reflect": false
       },
       "showTime": {
         "type": "boolean",
@@ -422,6 +476,96 @@ export class BcmDate {
         "attribute": "show-now",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "showHour": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-hour",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "showMinute": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-minute",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "showSecond": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-second",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "use12Hours": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-1-2-hours",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }