@sme.up/ketchup 6.5.0 → 6.7.0

package/README.md

@@ -83,7 +83,13 @@ defineCustomElements(window);
 
 ### Contributing
 
-If you have amazing ideas and you wish to contribute to this project, you're welcome to do so. Check out our [style guide](docs/styleGuide.md) for more details about our coding practices.
+In order to keep the code under control, if you want to contribute you must have knowledge of the following fundamentals:
+
+ - Git (how branching works, scoped commits and clear pull requests);
+ - Deep understanding of TypeScript, Sass and JSX (the core of the library);
+ - Basic understanding of Vue2 (this is only for the showcase, yet still important because components must be showcased once created). 
+
+If you respect this prerequisites and you wish to contribute to this project, you're welcome to do so. Check out our [style guide](docs/styleGuide.md) for more details about our coding practices.
 
 ### Issues
 

package/dist/cjs/{f-button-4e2a0bb6.js → f-button-bf76ab95.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-31125378.js');
+const index = require('./index-ffdb46f6.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-6b7a6168.js');
+const fImage = require('./f-image-d80a2749.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/cjs/{f-cell-1fc8a8b6.js → f-cell-b7a1524a.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const kupManager = require('./kup-manager-cfe2f36e.js');
-const index = require('./index-31125378.js');
-const fCheckbox = require('./f-checkbox-cd977193.js');
-const fTextField = require('./f-text-field-153e827c.js');
-const fImage = require('./f-image-6b7a6168.js');
-const fChip = require('./f-chip-7867f17b.js');
+const kupManager = require('./kup-manager-0e38bf48.js');
+const index = require('./index-ffdb46f6.js');
+const fCheckbox = require('./f-checkbox-1097ca5d.js');
+const fTextField = require('./f-text-field-48b8bb16.js');
+const fImage = require('./f-image-d80a2749.js');
+const fChip = require('./f-chip-a5e100b1.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -214,24 +214,24 @@ function setCellSizeKup(cellType, subcomponentProps, cell) {
 function setEditableCell(cellType, classObj, cell, column, props) {
   switch (cellType) {
     case kupManager.FCellTypes.AUTOCOMPLETE:
-      return (index.h("kup-autocomplete", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.ICON_CLICK) })));
+      return (index.h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.ICON_CLICK) })));
     case kupManager.FCellTypes.CHECKBOX:
       if (isAutoCentered(props)) {
         classObj[kupManager.FCellClasses.C_CENTERED] = true;
       }
       return (index.h(fCheckbox.FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
     case kupManager.FCellTypes.COLOR_PICKER:
-      return (index.h("kup-color-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
+      return (index.h("kup-color-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
     case kupManager.FCellTypes.COMBOBOX:
-      return (index.h("kup-combobox", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.ICON_CLICK) })));
+      return (index.h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.ICON_CLICK) })));
     case kupManager.FCellTypes.DATE:
-      return (index.h("kup-date-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT) })));
+      return (index.h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT) })));
     case kupManager.FCellTypes.RATING:
-      return (index.h("kup-rating", Object.assign({}, cell.data, { disabled: false, "onkup-rating-click": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
+      return (index.h("kup-rating", Object.assign({ key: column.name + props.row.id }, cell.data, { disabled: false, "onkup-rating-click": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
     case kupManager.FCellTypes.SWITCH:
       return (index.h(FSwitch, Object.assign({}, cell.data, { disabled: false, onChange: (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
     case kupManager.FCellTypes.TIME:
-      return (index.h("kup-time-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT) })));
+      return (index.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, kupManager.FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT) })));
     case kupManager.FCellTypes.NUMBER:
       classObj[kupManager.FCellClasses.C_RIGHT_ALIGNED] = true;
     case kupManager.FCellTypes.STRING:
@@ -299,7 +299,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
   switch (cellType) {
     case kupManager.FCellTypes.BAR:
       if (!subcomponentProps.data) {
-        return index.h("kup-image", Object.assign({}, subcomponentProps));
+        return (index.h("kup-image", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
       }
       else {
         const barStyle = {
@@ -313,7 +313,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       if (isAutoCentered(props)) {
         classObj[kupManager.FCellClasses.C_CENTERED] = true;
       }
-      return (index.h("kup-button", Object.assign({}, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.CLICK) })));
+      return (index.h("kup-button", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.CLICK) })));
     case kupManager.FCellTypes.BUTTON_LIST:
       if (isAutoCentered(props)) {
         classObj[kupManager.FCellClasses.C_CENTERED] = true;
@@ -323,29 +323,29 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
         row: row,
         column: column,
       };
-      return index.h("kup-button-list", Object.assign({}, subcomponentProps));
+      return (index.h("kup-button-list", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case kupManager.FCellTypes.CHART:
       if (isAutoCentered(props)) {
         classObj[kupManager.FCellClasses.C_CENTERED] = true;
       }
-      return index.h("kup-chart", Object.assign({}, subcomponentProps));
+      return (index.h("kup-chart", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case kupManager.FCellTypes.CHIP:
       return index.h(fChip.FChip, Object.assign({}, subcomponentProps));
     case kupManager.FCellTypes.COLOR_PICKER:
-      return (index.h("kup-color-picker", Object.assign({}, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
+      return (index.h("kup-color-picker", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
     case kupManager.FCellTypes.GAUGE:
-      return (index.h("kup-gauge", Object.assign({ value: kupManager.stringToNumber(cell.value), "width-component": "280px" }, subcomponentProps)));
+      return (index.h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: kupManager.stringToNumber(cell.value), "width-component": "280px" }, subcomponentProps)));
     case kupManager.FCellTypes.KNOB:
     case kupManager.FCellTypes.PROGRESS_BAR:
-      return index.h("kup-progress-bar", Object.assign({}, subcomponentProps));
+      return (index.h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case kupManager.FCellTypes.RADIO:
       if (isAutoCentered(props)) {
         classObj[kupManager.FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['disabled'] = row.readOnly;
-      return index.h("kup-radio", Object.assign({}, subcomponentProps));
+      return (index.h("kup-radio", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case kupManager.FCellTypes.RATING:
-      return index.h("kup-rating", Object.assign({}, subcomponentProps, { disabled: true }));
+      return (index.h("kup-rating", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { disabled: true })));
   }
 }
 function cellEvent(e, props, cellType, cellEventName) {
@@ -406,10 +406,12 @@ function cellEvent(e, props, cellType, cellEventName) {
   }
 }
 function isAutoCentered(props) {
-  return kupManager.autoCenterComps.includes(props.component.rootElement.tagName);
+  var _a;
+  return kupManager.autoCenterComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
 }
 function isFullWidth(props) {
-  return kupManager.fullWidthFieldsComps.includes(props.component.rootElement.tagName);
+  var _a;
+  return kupManager.fullWidthFieldsComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
 }
 
 exports.FCell = FCell;

package/dist/cjs/{f-checkbox-cd977193.js → f-checkbox-1097ca5d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-31125378.js');
+const index = require('./index-ffdb46f6.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/cjs/{f-chip-7867f17b.js → f-chip-a5e100b1.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-31125378.js');
-const fImage = require('./f-image-6b7a6168.js');
-const kupManager = require('./kup-manager-cfe2f36e.js');
+const index = require('./index-ffdb46f6.js');
+const fImage = require('./f-image-d80a2749.js');
+const kupManager = require('./kup-manager-0e38bf48.js');
 
 /**
  * Types of the f-chip component.

package/dist/cjs/{f-image-6b7a6168.js → f-image-d80a2749.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-cfe2f36e.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-0e38bf48.js');
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/cjs/{f-paginator-utils-b7712403.js → f-paginator-utils-c70812fe.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const kupManager = require('./kup-manager-cfe2f36e.js');
-const index = require('./index-31125378.js');
-const fButton = require('./f-button-4e2a0bb6.js');
+const kupManager = require('./kup-manager-0e38bf48.js');
+const index = require('./index-ffdb46f6.js');
+const fButton = require('./f-button-bf76ab95.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
 
 /**
@@ -370,7 +370,6 @@ class FiltersColumnMenu extends kupManager.Filters {
 exports.KupTreeProps = void 0;
 (function (KupTreeProps) {
   KupTreeProps["asAccordion"] = "When enabled, the first level of depth will give an accordion look to nodes.";
-  KupTreeProps["autoSelectionNodeMode"] = "Auto select programmatic selectic node";
   KupTreeProps["columns"] = "The columns of the tree when tree visualization is active.";
   KupTreeProps["customStyle"] = "Custom style of the component.";
   KupTreeProps["data"] = "The json data used to populate the tree view: the basic, always visible tree nodes.";
@@ -387,7 +386,6 @@ exports.KupTreeProps = void 0;
   KupTreeProps["preventXScroll"] = "Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column.";
   KupTreeProps["ripple"] = "When enabled displays Material's ripple effect on nodes (only when no columns are displayed).";
   KupTreeProps["scrollOnHover"] = "Activates the scroll on hover function.";
-  KupTreeProps["selectedNode"] = "An array of integers containing the path to a selected child. Groups up the properties SelFirst, SelItem, SelName.";
   KupTreeProps["showColumns"] = "Shows the tree data as a table.";
   KupTreeProps["showFilters"] = "When set to true enables the column filters.";
   KupTreeProps["showFooter"] = "When set to true shows the footer.";

package/dist/cjs/{f-text-field-153e827c.js → f-text-field-48b8bb16.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-cfe2f36e.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-0e38bf48.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */