@sme.up/ketchup 6.6.0 → 6.8.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-a531feb2.js → f-button-229c63fd.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-c21cc616.js');
+const fImage = require('./f-image-847a6ddf.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/cjs/{f-cell-75cb7933.js → f-cell-dd006395.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const kupManager = require('./kup-manager-8e67afec.js');
-const index = require('./index-31125378.js');
-const fCheckbox = require('./f-checkbox-cd977193.js');
-const fTextField = require('./f-text-field-a5b2bd0e.js');
-const fImage = require('./f-image-c21cc616.js');
-const fChip = require('./f-chip-9508a2e4.js');
+const kupManager = require('./kup-manager-c53468cd.js');
+const index = require('./index-ffdb46f6.js');
+const fCheckbox = require('./f-checkbox-1097ca5d.js');
+const fTextField = require('./f-text-field-fe85187d.js');
+const fImage = require('./f-image-847a6ddf.js');
+const fChip = require('./f-chip-f2c369fd.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -37,7 +37,7 @@ const FCell = (props, children) => {
         ? column.shape
         : null;
   const hasObj = !dom.ketchup.objects.isEmptyKupObj(cell.obj);
-  const isEditable = cell.isEditable && props.editable ? true : false;
+  const isEditable = (cell.isEditable || column.isEditable) && props.editable ? true : false;
   const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
   const cellType = dom.ketchup.data.cell.getType(cell, shape);
   const subcomponentProps = Object.assign({}, cell.data);
@@ -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) {

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-9508a2e4.js → f-chip-f2c369fd.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-31125378.js');
-const fImage = require('./f-image-c21cc616.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const fImage = require('./f-image-847a6ddf.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 
 /**
  * Types of the f-chip component.

package/dist/cjs/{f-image-c21cc616.js → f-image-847a6ddf.js}

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

package/dist/cjs/{f-paginator-utils-2b72d7e8.js → f-paginator-utils-cedc4b3e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const kupManager = require('./kup-manager-8e67afec.js');
-const index = require('./index-31125378.js');
-const fButton = require('./f-button-a531feb2.js');
+const kupManager = require('./kup-manager-c53468cd.js');
+const index = require('./index-ffdb46f6.js');
+const fButton = require('./f-button-229c63fd.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
 
 /**

package/dist/cjs/{f-text-field-a5b2bd0e.js → f-text-field-fe85187d.js}

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