@sme.up/ketchup 6.9.0-SNAPSHOT → 7.1.0

package/dist/collection/components/kup-form/kup-form.js

@@ -19,7 +19,9 @@ export class KupForm {
     this.customStyle = '';
     this.data = null;
     this.hiddenSubmitButton = false;
+    this.labelPlacement = KupFormLabelPlacement.LEFT;
     this.layout = null;
+    this.submitCb = null;
   }
   /*-------------------------------------------------*/
   /*                  W a t c h e r s                */
@@ -153,7 +155,7 @@ export class KupForm {
       form: true,
       'form--column': !horizontal,
     };
-    return (h("form", { class: classObj, name: this.rootElement.id }, formContent, this.hiddenSubmitButton ? (h(FButton, { buttonType: "submit", label: this.kupManager.language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit" })) : null));
+    return (h("form", { class: classObj, name: this.rootElement.id, onSubmit: this.submitCb }, formContent, this.hiddenSubmitButton ? (h(FButton, { buttonType: "submit", label: this.kupManager.language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit" })) : null));
   }
   renderSection(section, parent, row, visibleColumns) {
     var _a;
@@ -198,7 +200,7 @@ export class KupForm {
       });
     }
     const isGrid = !!section.columns;
-    const labelPlacement = ((_a = section === null || section === void 0 ? void 0 : section.label) === null || _a === void 0 ? void 0 : _a.placement) || KupFormLabelPlacement.LEFT;
+    const labelPlacement = ((_a = section === null || section === void 0 ? void 0 : section.label) === null || _a === void 0 ? void 0 : _a.placement) || this.labelPlacement;
     const sectionClass = {
       form__section: true,
       'form__section--column': !isGrid && !section.horizontal,
@@ -220,7 +222,7 @@ export class KupForm {
     if (isGrid) {
       sectionStyle['grid-template-columns'] = `repeat(${section.columns}, 1fr)`;
     }
-    return (h("div", { class: sectionClass, style: sectionStyle }, section.title ? h("h3", null, section.title) : null, h("table", null, h("tbody", null, section.horizontal ? (h("tr", null, sectionContent)) : (sectionContent)))));
+    return (h("div", { class: sectionClass, style: sectionStyle }, section.title ? h("h3", null, section.title) : null, section.horizontal ? (sectionContent) : (h("table", null, h("tbody", null, sectionContent)))));
   }
   renderFormField({ formField, row, visibleColumns, }, section) {
     var _a;
@@ -275,10 +277,12 @@ export class KupForm {
     };
     const label = formField.label || column.title;
     resetLabel();
-    switch ((_a = section.label) === null || _a === void 0 ? void 0 : _a.placement) {
+    const labelPlacement = ((_a = section === null || section === void 0 ? void 0 : section.label) === null || _a === void 0 ? void 0 : _a.placement) || this.labelPlacement;
+    switch (labelPlacement) {
       case KupFormLabelPlacement.BOTTOM:
         return [h("tr", null, fieldCell()), h("tr", null, labelCell(label))];
       case KupFormLabelPlacement.PLACEHOLDER:
+      case KupFormLabelPlacement.WATERMARK:
         setPlaceholderLabel();
       case KupFormLabelPlacement.HIDDEN: {
         if (section) {
@@ -500,6 +504,32 @@ export class KupForm {
         "reflect": false,
         "defaultValue": "false"
       },
+      "labelPlacement": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "KupFormLabelPlacement",
+          "resolved": "KupFormLabelPlacement.BOTTOM | KupFormLabelPlacement.HIDDEN | KupFormLabelPlacement.LEFT | KupFormLabelPlacement.PLACEHOLDER | KupFormLabelPlacement.RIGHT | KupFormLabelPlacement.TOP | KupFormLabelPlacement.WATERMARK",
+          "references": {
+            "KupFormLabelPlacement": {
+              "location": "import",
+              "path": "./kup-form-declarations"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "KupFormLabelPlacement.LEFT"
+            }],
+          "text": "Sets the label placement for 'all' fields in form"
+        },
+        "attribute": "label-placement",
+        "reflect": false,
+        "defaultValue": "KupFormLabelPlacement.LEFT"
+      },
       "layout": {
         "type": "unknown",
         "mutable": false,
@@ -523,6 +553,29 @@ export class KupForm {
           "text": "How the form will arrange its content."
         },
         "defaultValue": "null"
+      },
+      "submitCb": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(e: SubmitEvent) => unknown",
+          "resolved": "(e: SubmitEvent) => unknown",
+          "references": {
+            "SubmitEvent": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "null"
+            }],
+          "text": "Sets the callback function on submit form"
+        },
+        "defaultValue": "null"
       }
     };
   }

package/dist/collection/f-components/f-button/f-button.js

@@ -1,7 +1,6 @@
 import { h } from '@stencil/core';
 import { FButtonStyling } from './f-button-declarations';
 import { FImage } from '../f-image/f-image';
-const dom = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/

package/dist/collection/f-components/f-cell/f-cell-declarations.js

@@ -9,6 +9,7 @@ export var FCellEvents;
   FCellEvents["CLICK"] = "kup-cell-click";
   FCellEvents["ICON_CLICK"] = "kup-cell-iconclick";
   FCellEvents["INPUT"] = "kup-cell-input";
+  FCellEvents["KEYUP"] = "kup-cell-keyup";
   FCellEvents["UPDATE"] = "kup-cell-update";
 })(FCellEvents || (FCellEvents = {}));
 /**
@@ -128,6 +129,7 @@ export const editableTypes = [
   FCellTypes.COLOR_PICKER,
   FCellTypes.COMBOBOX,
   FCellTypes.DATE,
+  FCellTypes.LINK,
   FCellTypes.NUMBER,
   FCellTypes.RATING,
   FCellTypes.STRING,

package/dist/collection/f-components/f-cell/f-cell.js

@@ -101,7 +101,7 @@ export const FCell = (props, children) => {
     };
     infoEl = h(FImage, Object.assign({}, fProps));
   }
-  return (h("div", { class: classObj, "kup-get-cell-props": () => {
+  return (h("div", { onKeyUp: (e) => cellEvent(e, props, cellType, FCellEvents.KEYUP), class: classObj, "kup-get-cell-props": () => {
       return props;
     }, style: cell.style }, h("div", { class: "f-cell__content", style: cell.styleContent, title: cellTitle }, children && children.length > 0
     ? children
@@ -221,6 +221,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
       return (h("kup-time-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
     case FCellTypes.NUMBER:
       classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
+    case FCellTypes.LINK:
     case FCellTypes.STRING:
       return (h(FTextField, Object.assign({ inputType: cellType === FCellTypes.NUMBER ? 'number' : null, fullWidth: isFullWidth(props) ? true : false }, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, value: cellType === FCellTypes.NUMBER
           ? stringToNumber(cell.value).toString()
@@ -385,10 +386,12 @@ function cellEvent(e, props, cellType, cellEventName) {
       },
     });
     comp.rootElement.dispatchEvent(cellEvent);
-    try {
-      comp.refresh();
+    if (cellEventName === FCellEvents.UPDATE) {
+      try {
+        comp.refresh();
+      }
+      catch (error) { }
     }
-    catch (error) { }
   }
 }
 function isAutoCentered(props) {

package/dist/collection/managers/kup-data/kup-data.js

@@ -223,7 +223,9 @@ export class KupData {
               }
             }
           }
-          else if (value === cell.value) {
+          else if (value &&
+            cell.value &&
+            value.trim() === cell.value.trim()) {
             result.cells.push(cell);
             result.rows.push(row);
           }

package/dist/collection/utils/filters/filters-rows.js

@@ -185,7 +185,8 @@ export class FiltersRows extends Filters {
       isUsingGlobalFilter) {
       for (let i = 0; i < rows.length; i++) {
         let r = rows[i];
-        if (this.isRowCompliant(r, filters, globalFilter, isUsingGlobalFilter, columns, columnFilters)) {
+        if ((r.id && r.id.indexOf('insert_') > -1) ||
+          this.isRowCompliant(r, filters, globalFilter, isUsingGlobalFilter, columns, columnFilters)) {
           filteredRows[filteredRows.length] = r;
         }
       }