@sme.up/ketchup 6.3.0 → 6.5.0

package/dist/collection/assets/form.js

@@ -427,7 +427,48 @@ const layoutData = {
     ],
 };
 
+const dataAutocomplete = {
+    columns: [
+        {
+            name: 'ACC',
+            title: 'Username',
+        },
+        {
+            name: 'DES',
+            title: 'Password',
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                ACC: {
+                    value: '',
+                    isEditable: true,
+                    data: {
+                        label: 'Username',
+                        name: 'something',
+                        outlined: true,
+                    },
+                },
+                DES: {
+                    value: '',
+                    isEditable: true,
+                    data: {
+                        inputType: 'password',
+                        label: 'Password',
+                        name: 'something-else',
+                        outlined: true,
+                    },
+                },
+            },
+            id: '0',
+        },
+    ],
+};
+
 const form = document.getElementById('form');
 form.data = data;
 const formWithLayout = document.getElementById('form-with-layout');
 formWithLayout.data = layoutData;
+const formWithAutocomplete = document.getElementById('form-with-autocomplete');
+formWithAutocomplete.data = dataAutocomplete;

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

@@ -579,16 +579,25 @@ export class KupBox {
   // render methods
   renderSectionAsCard(row) {
     let skipPush = false;
-    let cardData = {
+    const cardData = {
       button: [],
+      cell: [],
+      columns: [],
       image: [],
       progressbar: [],
       text: [],
     };
+    for (let index = 0; index < this.data.columns.length; index++) {
+      const column = this.data.columns[index];
+      if (column.visible !== false) {
+        cardData.cell.push(row.cells[column.name]);
+        cardData.columns.push(column);
+      }
+    }
     //First cycle sets specific binds between cardIDs and cells
-    for (var key in row.cells) {
+    for (const key in row.cells) {
       if (row.cells.hasOwnProperty(key)) {
-        var cell = row.cells[key];
+        const cell = row.cells[key];
         if (cell.cardID !== undefined) {
           switch (cell.obj.p) {
             case 'BTN':
@@ -626,16 +635,16 @@ export class KupBox {
       }
     }
     //Second cycle sets leftover binds automatically
-    for (var key in row.cells) {
+    for (const key in row.cells) {
       if (row.cells.hasOwnProperty(key)) {
-        var cell = row.cells[key];
+        const cell = row.cells[key];
         if (cell.cardID === undefined) {
           skipPush = false;
           switch (cell.obj.p) {
             case 'BTN':
               for (let index = 0; index < cardData.button.length; index++) {
                 //If there are empty elements, the first one will be used
-                if (cardData.button[index] === {}) {
+                if (!Object.keys(cardData.button[index]).length) {
                   cardData.button[index] = {
                     label: cell.value,
                   };
@@ -653,7 +662,7 @@ export class KupBox {
             case 'IMG':
               for (let index = 0; index < cardData.image.length; index++) {
                 //If there are empty elements, the first one will be used
-                if (cardData.image[index] === {}) {
+                if (!Object.keys(cardData.image[index]).length) {
                   cardData.image[index] = {
                     resource: cell.value,
                   };
@@ -671,7 +680,8 @@ export class KupBox {
             case 'PGB':
               for (let index = 0; index < cardData.progressbar.length; index++) {
                 //If there are empty elements, the first one will be used
-                if (cardData.progressbar[index] === {}) {
+                if (!Object.keys(cardData.progressbar[index])
+                  .length) {
                   cardData.progressbar[index] = {
                     value: cell.value,
                   };
@@ -1018,9 +1028,11 @@ export class KupBox {
     return {
       jsx: kanbanJSX,
       style: {
-        'grid-template-columns': this.kanban.size
-          ? `repeat(${Object.keys(kanbanSections).length}, ${this.kanban.size})`
-          : `repeat(${Object.keys(kanbanSections).length}, 1fr)`,
+        'grid-template-columns': this.kanban.isStacked
+          ? 'repeat(1fr)'
+          : this.kanban.size
+            ? `repeat(${Object.keys(kanbanSections).length}, ${this.kanban.size})`
+            : `repeat(${Object.keys(kanbanSections).length}, 1fr)`,
       },
     };
   }

package/dist/collection/components/kup-button/kup-button-declarations.js

@@ -4,6 +4,7 @@
  */
 export var KupButtonProps;
 (function (KupButtonProps) {
+  KupButtonProps["buttonType"] = "Sets the type of the button.";
   KupButtonProps["checked"] = "When set to true, the icon button state will be on.";
   KupButtonProps["customStyle"] = "Custom style of the component.";
   KupButtonProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";

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

@@ -19,6 +19,11 @@ export class KupButton {
     /*-------------------------------------------------*/
     /*                    P r o p s                    */
     /*-------------------------------------------------*/
+    /**
+     * Sets the type of the button.
+     * @default null
+     */
+    this.buttonType = null;
     /**
      * When set to true, the icon button state will be on.
      * @default false
@@ -165,6 +170,7 @@ export class KupButton {
   }
   render() {
     const props = {
+      buttonType: this.buttonType,
       checked: this.checked,
       danger: this.rootElement.classList.contains('kup-danger')
         ? true
@@ -233,6 +239,27 @@ export class KupButton {
     "$": ["kup-button.css"]
   }; }
   static get properties() { return {
+    "buttonType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "null"
+          }],
+        "text": "Sets the type of the button."
+      },
+      "attribute": "button-type",
+      "reflect": false,
+      "defaultValue": "null"
+    },
     "checked": {
       "type": "boolean",
       "mutable": true,

package/dist/collection/components/kup-card/kup-card.css

@@ -2499,6 +2499,26 @@
   margin: 0 0 0.5em 0;
 }
 
+.standard-layout-16 {
+  background-color: var(--kup-background-color);
+  border-radius: 4px;
+  box-shadow: 0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);
+  color: var(--kup-text-color);
+  font-size: var(--kup-font-size);
+  padding: 0.5em;
+}
+.standard-layout-16 > table {
+  width: 100%;
+}
+.standard-layout-16 .label {
+  padding: 0.5em;
+  vertical-align: top;
+}
+.standard-layout-16 .value {
+  padding: 0.5em;
+  font-weight: bold;
+}
+
 /**
 * @prop --kup-card-ripple-color: Sets color of ripple effect (for Material layouts).
 */

package/dist/collection/components/kup-card/standard/kup-card-standard.js

@@ -6,6 +6,8 @@ import { FChipType } from '../../../f-components/f-chip/f-chip-declarations';
 import { KupCardCSSClasses, KupCardIds } from '../kup-card-declarations';
 import { KupColumnMenuIds } from '../../../utils/kup-column-menu/kup-column-menu-declarations';
 import { KupThemeColorValues } from '../../../managers/kup-theme/kup-theme-declarations';
+import { FCell } from '../../../f-components/f-cell/f-cell';
+import { FCellPadding, } from '../../../f-components/f-cell/f-cell-declarations';
 const dom = document.documentElement;
 /**
  * 1st standard card layout, inspired by Material Design.
@@ -771,3 +773,29 @@ export function create15(component) {
       compList(genericButtons.slice(0, 5), 'button'),
       h("kup-button", { title: dom.ketchup.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS), id: "view-selector", icon: "menu" }))) : null));
 }
+/**
+ * 16th standard card layout, it can be used as a key-value grid list.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 16th standard layout virtual node.
+ */
+export function create16(component) {
+  const rows = [];
+  for (let index = 0; index < component.data.cell.length; index++) {
+    const cell = component.data.cell[index];
+    const column = component.data.columns[index];
+    const props = {
+      cell: cell,
+      column: column,
+      component: component,
+      density: FCellPadding.NONE,
+      renderKup: true,
+      row: { cells: { [column.name]: cell } },
+    };
+    rows.push(h("tr", null,
+      h("td", { class: "label" }, column.title),
+      h("td", { class: "value" },
+        h(FCell, Object.assign({}, props)))));
+  }
+  return (h("div", { class: `standard-layout-${component.layoutNumber}` },
+    h("table", null, rows)));
+}

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -3350,7 +3350,9 @@ export class KupDataTable {
           });
         }
         else {
-          this.kupManager.debug.logMessage(this, "Grouped for a non-existent column! (" + group.column + ")", KupDebugCategory.WARNING);
+          this.kupManager.debug.logMessage(this, 'Grouped for a non-existent column! (' +
+            group.column +
+            ')', KupDebugCategory.WARNING);
         }
       }
       if (chipsData.length > 0) {

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

@@ -881,19 +881,21 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
   }
   const y = {};
   let objKey;
-  for (const row of this.data.rows) {
-    objKey = row.cells[this.axis].value;
-    y[objKey] = [];
-    for (const key of Object.keys(row.cells)) {
-      const cell = row.cells[key];
-      const value = cell.value;
-      if (!this.axis.includes(key)) {
-        if (this.series &&
-          this.series.length > 0 &&
-          !this.series.includes(key)) {
-          continue;
+  if (this.axis) {
+    for (const row of this.data.rows) {
+      objKey = row.cells[this.axis].value;
+      y[objKey] = [];
+      for (const key of Object.keys(row.cells)) {
+        const cell = row.cells[key];
+        const value = cell.value;
+        if (!this.axis.includes(key)) {
+          if (this.series &&
+            this.series.length > 0 &&
+            !this.series.includes(key)) {
+            continue;
+          }
+          y[objKey].push(value);
         }
-        y[objKey].push(value);
       }
     }
   }
@@ -957,6 +959,12 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         '</div>');
     }
   };
+  let axisColumn = __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.column.find(this.data, {
+    name: this.axis,
+  });
+  let serieTitle = axisColumn && axisColumn.length > 0
+    ? axisColumn[0].title
+    : 'No title';
   const echartOption = Object.assign({ emphasis: {
       label: {
         show: true,
@@ -989,9 +997,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
           padding: 4,
         },
         map: this.rootElement.id ? this.rootElement.id : '',
-        name: __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.column.find(this.data, {
-          name: this.axis,
-        })[0].title,
+        name: serieTitle,
         roam: true,
         select: {
           itemStyle: {
@@ -1063,11 +1069,15 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
     if (type == KupEchartTypes.GAUSSIAN) {
       if (!__classPrivateFieldGet(this, _KupEchart_kupManager, "f").objects.isNumber(column.obj)) {
         const newDataset = __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.distinct(this.data, [column.name]);
-        values = __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.cell.getValue(newDataset, column);
+        values = __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.cell.getUnivocalValue(newDataset, column);
         __classPrivateFieldGet(this, _KupEchart_gaussianDatasets, "f")[column.name] = newDataset;
       }
       else {
-        values = [{ value: y[key] }];
+        values = [];
+        for (let index = 0; index < y[key].length; index++) {
+          const element = y[key][index];
+          values.push({ value: element });
+        }
       }
     }
     else {

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

@@ -6,6 +6,7 @@ export var KupFormProps;
 (function (KupFormProps) {
   KupFormProps["customStyle"] = "Custom style of the component.";
   KupFormProps["data"] = "Actual data of the form.";
+  KupFormProps["hiddenSubmitButton"] = "Creates a hidden submit button in order to submit the form with enter.";
   KupFormProps["layout"] = "How the form will arrange its content.";
 })(KupFormProps || (KupFormProps = {}));
 export var KupFormLabelAlignment;

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

@@ -27,6 +27,7 @@
   display: flex;
   flex-grow: 1;
   overflow: auto;
+  padding: 1em 0;
   position: relative;
 }
 .form--column {
@@ -94,6 +95,13 @@
 .form__field img {
   height: auto;
 }
+.form__submit {
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+  position: absolute;
+  width: 0;
+}
 .form .f-cell.c-right-aligned:not(.c-centered) .f-cell__content {
   justify-content: flex-start;
 }

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

@@ -7,6 +7,7 @@ import { componentWrapperId } from '../../variables/GenericVariables';
 import { FCell } from '../../f-components/f-cell/f-cell';
 import { FCellTypes, } from '../../f-components/f-cell/f-cell-declarations';
 import { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';
+import { FButton } from '../../f-components/f-button/f-button';
 const dom = document.documentElement;
 export class KupForm {
   constructor() {
@@ -24,6 +25,11 @@ export class KupForm {
      * @default null
      */
     this.data = null;
+    /**
+     * Creates a hidden submit button in order to submit the form with enter.
+     * @default false
+     */
+    this.hiddenSubmitButton = false;
     /**
      * How the form will arrange its content.
      * @default null
@@ -167,7 +173,9 @@ export class KupForm {
       form: true,
       'form--column': !horizontal,
     };
-    return h("form", { class: classObj }, formContent);
+    return (h("form", { class: classObj, name: this.rootElement.id },
+      formContent,
+      this.hiddenSubmitButton ? (h(FButton, { buttonType: "submit", label: "submit", wrapperClass: "form__submit" })) : null));
   }
   renderSection(section, parent, row, visibleColumns) {
     var _a;
@@ -281,7 +289,7 @@ export class KupForm {
       return null;
     }
     const cellProps = {
-      cell: formField.data ? Object.assign(Object.assign({}, cell), { data: formField.data }) : cell,
+      cell: cell,
       column: column,
       component: this,
       editable: true,
@@ -498,6 +506,27 @@ export class KupForm {
       },
       "defaultValue": "null"
     },
+    "hiddenSubmitButton": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }],
+        "text": "Creates a hidden submit button in order to submit the form with enter."
+      },
+      "attribute": "hidden-submit-button",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "layout": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/kup-image/assets/svg/azure.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.05,4.24L6.56,18.05L2,18L7.09,9.24L13.05,4.24M13.75,5.33L22,19.76H6.74L16.04,18.1L11.17,12.31L13.75,5.33Z" /></svg>

package/dist/collection/components/kup-lazy/kup-lazy.css

@@ -1,5 +1,6 @@
 /**
 * @prop --kup-lazy-animation-time: Sets the duration of the animation.
+* @prop --kup-lazy-height: Sets the height of the component and subcomponent.
 * @prop --kup-lazy-hor-alignment: Sets the horizontal alignment of the subcomponent.
 * @prop --kup-lazy-placeholder-color: Sets color of the placeholder icon.
 * @prop --kup-lazy-ver-alignment: Sets the vertical alignment of the subcomponent.
@@ -12,10 +13,11 @@
     --kup-lazy-placeholder-color,
     var(--kup-icon-color)
   );
+  --kup_lazy_height: var(--kup-lazy-height, 100%);
   --kup_lazy_ver_alignment: var(--kup-lazy-ver-alignment, center);
   --kup_lazy_width: var(--kup-lazy-width, 100%);
   display: block;
-  height: 100%;
+  height: var(--kup_lazy_height);
   width: var(--kup_lazy_width);
   position: relative;
 }
@@ -24,15 +26,19 @@
   align-items: var(--kup_lazy_ver_alignment);
   display: flex;
   justify-content: var(--kup_lazy_hor_alignment);
-  height: 100%;
+  height: var(--kup_lazy_height);
   width: var(--kup_lazy_width);
 }
+#kup-component > * {
+  height: var(--kup_lazy_height);
+}
 #kup-component kup-data-table {
   min-width: 100%;
 }
 
 .kup-loaded,
 .kup-to-be-loaded {
+  height: var(--kup_lazy_height);
   width: var(--kup_lazy_width);
 }
 

package/dist/collection/components/kup-progress-bar/kup-progress-bar.css

@@ -95,6 +95,7 @@
 :host([is-radial]) {
   box-sizing: border-box;
   margin: auto;
+  padding: 1.25em 0px;
 }
 :host([is-radial]) #kup-component {
   display: flex;

package/dist/collection/components/kup-text-field/kup-text-field-declarations.js

@@ -14,6 +14,7 @@ export var KupTextFieldProps;
   KupTextFieldProps["helperWhenFocused"] = "When set, the helper will be shown only when the field is focused.";
   KupTextFieldProps["icon"] = "When set, the text-field will show this icon.";
   KupTextFieldProps["initialValue"] = "Sets the initial value of the component";
+  KupTextFieldProps["inputMode"] = "The HTML inputmode of the input element. It has no effect on text areas.";
   KupTextFieldProps["inputType"] = "The HTML type of the input element. It has no effect on text areas.";
   KupTextFieldProps["isClearable"] = "Enables a clear trailing icon.";
   KupTextFieldProps["label"] = "When set, its content will be shown as a label.";

package/dist/collection/components/kup-text-field/kup-text-field.js

@@ -70,6 +70,11 @@ export class KupTextField {
      * @default ""
      */
     this.initialValue = '';
+    /**
+     * The HTML inputmode of the input element.
+     * @default null
+     */
+    this.inputMode = null;
     /**
      * The HTML type of the input element. It has no effect on text areas.
      * @default "text"
@@ -309,6 +314,7 @@ export class KupTextField {
       info: this.rootElement.classList.contains('kup-info')
         ? true
         : false,
+      inputMode: this.inputMode,
       inputType: this.inputType,
       isClearable: this.isClearable,
       label: this.label,
@@ -575,6 +581,27 @@ export class KupTextField {
       "reflect": false,
       "defaultValue": "''"
     },
+    "inputMode": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "null"
+          }],
+        "text": "The HTML inputmode of the input element."
+      },
+      "attribute": "input-mode",
+      "reflect": false,
+      "defaultValue": "null"
+    },
     "inputType": {
       "type": "string",
       "mutable": false,

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

@@ -58,7 +58,7 @@ function renderButton(props) {
   const styleSpinnerContainer = {
     '--kup_button_spinner_height': propsFImage.sizeY,
   };
-  return (h("button", { class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, "aria-label": props.title, type: "button" },
+  return (h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, "aria-label": props.title },
     props.trailingIcon
       ? [
         h("span", { class: classLabelObj }, props.label),
@@ -93,7 +93,7 @@ function renderIconButton(props) {
   const iconOff = props.iconOff
     ? props.iconOff
     : props.icon + '_border';
-  return (h("button", { class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, type: "button", value: props.checked ? 'on' : 'off', "aria-label": props.title },
+  return (h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, value: props.checked ? 'on' : 'off', "aria-label": props.title },
     !props.showSpinner || props.disabled ? (h(FImage, Object.assign({}, propsFImage, { resource: props.toggable && !props.checked ? iconOff : props.icon, wrapperClass: `icon-button__icon kup-icon` }))) : null,
     props.toggable && !props.showSpinner ? (h(FImage, Object.assign({}, propsFImage, { resource: props.icon, wrapperClass: `icon-button__icon icon-button__icon--on kup-icon` }))) : null,
     props.showSpinner && !props.disabled ? (h("div", { class: "icon-button__spinner-container" },

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

@@ -223,7 +223,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     case FCellTypes.NUMBER:
       classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
     case FCellTypes.STRING:
-      return (h(FTextField, Object.assign({}, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, fullWidth: isFullWidth(props) ? true : false, inputType: cellType === FCellTypes.NUMBER ? 'number' : null, value: cellType === FCellTypes.NUMBER
+      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()
           : cell.value, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
   }

package/dist/collection/f-components/f-text-field/f-text-field.js

@@ -55,7 +55,9 @@ function setContent(props) {
       props.maxLength)) : undefined,
     !props.trailingIcon ? iconEl : undefined,
     props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
+      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
+        ? props.label
+        : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
         if (props.decimals !== null &&
           props.inputType === 'number') {
           e.target.value = parseFloat(e.target.value).toFixed(props.decimals);

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

@@ -21,14 +21,14 @@ export function findCell(dataset, filters) {
  * @param {KupDataColumn} column - Column included in the search. When missing, returns empty array.
  * @returns {ValueDisplayedValue[]} Values of the cells, sorted.
  */
-export function getCellValue(dataset, column, sorted) {
+export function getCellValue(dataset, column, sorted, univocal) {
   const rows = dataset.rows;
   const values = new Array();
   const result = new Array();
   if (!rows || rows.length == 0 || !column) {
     return result;
   }
-  extractColumnValues(rows, column, values);
+  extractColumnValues(rows, column, values, univocal);
   if (sorted == true) {
     values.sort((n1, n2) => {
       return compareValues(null, kupObjects.isDate(n1.obj)
@@ -44,19 +44,20 @@ export function getCellValue(dataset, column, sorted) {
   }
   return result;
 }
-function extractColumnValues(rows, column, values) {
+function extractColumnValues(rows, column, values, univocal) {
   /** il valore delle righe attualmente filtrate, formattato */
-  rows.forEach((row) => addColumnValueFromRow(values, column, row.cells[column.name]));
+  rows.forEach((row) => addColumnValueFromRow(values, column, row.cells[column.name], univocal));
   return values;
 }
-export function addColumnValueFromRow(values, column, cell) {
+export function addColumnValueFromRow(values, column, cell, univocal) {
   if (cell) {
     let item = {
       value: cell.value,
       displayedValue: getCellValueForDisplay(column, cell),
       obj: cell.obj ? cell.obj : column.obj,
     };
-    if (!Filters.valuesArrayContainsValue(values, cell.value)) {
+    if (univocal != true ||
+      !Filters.valuesArrayContainsValue(values, cell.value)) {
       values.push(item);
     }
   }