@zeedhi/common 1.82.0 → 1.83.0

package/dist/zd-common.esm.js

@@ -4,6 +4,7 @@ import cloneDeep from 'lodash.clonedeep';
 import debounce from 'lodash.debounce';
 import isUndefined from 'lodash.isundefined';
 import set from 'lodash.set';
+import omit from 'lodash.omit';
 import get from 'lodash.get';
 
 /**
@@ -564,7 +565,7 @@ class ApexChart extends ComponentRender {
         return series;
     }
     translateOptions(propOptions = {}) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
         let value;
         value = this.getPropValue((_c = (_b = (_a = propOptions.annotations) === null || _a === void 0 ? void 0 : _a.yaxis) === null || _b === void 0 ? void 0 : _b.label) === null || _c === void 0 ? void 0 : _c.text);
         if (value)
@@ -607,6 +608,10 @@ class ApexChart extends ComponentRender {
         value = this.getPropValue((_y = propOptions.noData) === null || _y === void 0 ? void 0 : _y.text);
         if (value)
             propOptions.noData.text = I18n.translate(value);
+        value = this.getPropValue((_1 = (_0 = (_z = propOptions.chart) === null || _z === void 0 ? void 0 : _z.toolbar) === null || _0 === void 0 ? void 0 : _0.tools) === null || _1 === void 0 ? void 0 : _1.customIcons);
+        if (value && Array.isArray(value)) {
+            propOptions.chart.toolbar.tools.customIcons = value.map((item) => (Object.assign(Object.assign({}, item), { title: item.title ? I18n.translate(item.title) : item.title })));
+        }
         return propOptions;
     }
     /**
@@ -2852,9 +2857,15 @@ class Number$1 extends TextInput {
         }
         else {
             this.formattedValue = value;
-            if (this.autoNumericObj) {
-                this.localValue = parseFloat(this.autoNumericObj.rawValue);
+            if (!this.autoNumericObj)
+                return;
+            const parsed = parseFloat(this.autoNumericObj.rawValue);
+            if (window.Number.isNaN(parsed)) {
+                this.localValue = undefined;
+                this.autoNumericObj.clear();
+                return;
             }
+            this.localValue = parsed;
         }
     }
     /**
@@ -4795,7 +4806,7 @@ class FileInput extends TextInput {
         this.selectFileButton = {
             name: 'select-file-button',
             component: 'ZdButton',
-            label: 'Select files from computer',
+            label: 'SELECT_FILE',
             color: 'primary',
             small: true,
             cssClass: 'zd-mt-1',
@@ -4836,7 +4847,7 @@ class FileInput extends TextInput {
         if (Array.isArray(this.value) && this.maxFiles && this.value.length > +this.maxFiles) {
             this.value.splice(+this.maxFiles);
             AlertService.show({
-                text: `You cannot choose more than ${this.maxFiles} file(s).`,
+                text: I18n.translate('MAX_FILES', { limit: this.maxFiles }),
                 name: 'max-files-alert',
                 color: 'error',
             });
@@ -5745,9 +5756,11 @@ const toggleableFormatter = ({ value, componentProps }) => {
     const trueDefined = isUndefined(trueValue) ? true : trueValue;
     const falseDefined = isUndefined(falseValue) ? false : falseValue;
     if (value === trueDefined) {
-        return trueIcon || trueDisplayValue || trueDefined;
+        const display = trueDisplayValue ? I18n.translate(trueDisplayValue) : trueDisplayValue;
+        return trueIcon || display || trueDefined;
     }
-    return falseIcon || falseDisplayValue || falseDefined;
+    const display = falseDisplayValue ? I18n.translate(falseDisplayValue) : falseDisplayValue;
+    return falseIcon || display || falseDefined;
 };
 FormatterParserProvider.registerFormatter('column_ZdCheckbox', toggleableFormatter);
 FormatterParserProvider.registerFormatter('column_ZdSwitch', toggleableFormatter);
@@ -6531,7 +6544,7 @@ class GridEditable extends Grid {
         if (!Utils.isEqual(value, row[columnName])) {
             const newRow = {};
             newRow[key] = Object.assign({}, this.editedRows[key]);
-            newRow[key].originalRow = Object.assign({}, row);
+            newRow[key].originalRow = omit(row, 'originalRow');
             newRow[key][columnName] = value;
             newRow[key][`${columnName}_original`] = row[columnName];
             if (component)
@@ -6551,8 +6564,9 @@ class GridEditable extends Grid {
         }
     }
     updateOriginalRow(key, row) {
-        if (this.editedRows[key] !== undefined)
-            this.editedRows[key].originalRow = row;
+        if (this.editedRows[key] !== undefined) {
+            this.editedRows[key].originalRow = omit(row, 'originalRow');
+        }
     }
     /**
      * Checks if column is edited
@@ -12937,7 +12951,7 @@ class TreeGridEditable extends TreeGrid {
     }
     updateOriginalRow(key, row) {
         if (this.editedRows[key] !== undefined)
-            this.editedRows[key].originalRow = row;
+            this.editedRows[key].originalRow = omit(row, 'originalRow');
     }
     checkLookupData(column, row, componentProps) {
         if (row[column.name] && column.lookupData && componentProps.datasource) {
@@ -12964,7 +12978,7 @@ class TreeGridEditable extends TreeGrid {
         if (!Utils.isEqual(value, row[columnName])) {
             const newRow = {};
             newRow[key] = Object.assign({}, this.editedRows[key]);
-            newRow[key].originalRow = Object.assign({}, row);
+            newRow[key].originalRow = omit(row, 'originalRow');
             newRow[key][columnName] = value;
             newRow[key][`${columnName}_original`] = row[columnName];
             if (component)

package/dist/zd-common.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/core'), require('lodash.merge'), require('lodash.clonedeep'), require('lodash.debounce'), require('lodash.isundefined'), require('lodash.set'), require('lodash.get')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/core', 'lodash.merge', 'lodash.clonedeep', 'lodash.debounce', 'lodash.isundefined', 'lodash.set', 'lodash.get'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/common"] = {}, global.core, global.merge, global.cloneDeep, global.debounce, global.isUndefined, global.set, global.get));
-})(this, (function (exports, core, merge, cloneDeep, debounce, isUndefined, set, get) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/core'), require('lodash.merge'), require('lodash.clonedeep'), require('lodash.debounce'), require('lodash.isundefined'), require('lodash.set'), require('lodash.omit'), require('lodash.get')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/core', 'lodash.merge', 'lodash.clonedeep', 'lodash.debounce', 'lodash.isundefined', 'lodash.set', 'lodash.omit', 'lodash.get'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/common"] = {}, global.core, global.merge, global.cloneDeep, global.debounce, global.isUndefined, global.set, global.omit, global.get));
+})(this, (function (exports, core, merge, cloneDeep, debounce, isUndefined, set, omit, get) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -11,6 +11,7 @@
   var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
   var isUndefined__default = /*#__PURE__*/_interopDefaultLegacy(isUndefined);
   var set__default = /*#__PURE__*/_interopDefaultLegacy(set);
+  var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
   var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 
   /**
@@ -571,7 +572,7 @@
           return series;
       }
       translateOptions(propOptions = {}) {
-          var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+          var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
           let value;
           value = this.getPropValue((_c = (_b = (_a = propOptions.annotations) === null || _a === void 0 ? void 0 : _a.yaxis) === null || _b === void 0 ? void 0 : _b.label) === null || _c === void 0 ? void 0 : _c.text);
           if (value)
@@ -614,6 +615,10 @@
           value = this.getPropValue((_y = propOptions.noData) === null || _y === void 0 ? void 0 : _y.text);
           if (value)
               propOptions.noData.text = core.I18n.translate(value);
+          value = this.getPropValue((_1 = (_0 = (_z = propOptions.chart) === null || _z === void 0 ? void 0 : _z.toolbar) === null || _0 === void 0 ? void 0 : _0.tools) === null || _1 === void 0 ? void 0 : _1.customIcons);
+          if (value && Array.isArray(value)) {
+              propOptions.chart.toolbar.tools.customIcons = value.map((item) => (Object.assign(Object.assign({}, item), { title: item.title ? core.I18n.translate(item.title) : item.title })));
+          }
           return propOptions;
       }
       /**
@@ -2859,9 +2864,15 @@
           }
           else {
               this.formattedValue = value;
-              if (this.autoNumericObj) {
-                  this.localValue = parseFloat(this.autoNumericObj.rawValue);
+              if (!this.autoNumericObj)
+                  return;
+              const parsed = parseFloat(this.autoNumericObj.rawValue);
+              if (window.Number.isNaN(parsed)) {
+                  this.localValue = undefined;
+                  this.autoNumericObj.clear();
+                  return;
               }
+              this.localValue = parsed;
           }
       }
       /**
@@ -4802,7 +4813,7 @@
           this.selectFileButton = {
               name: 'select-file-button',
               component: 'ZdButton',
-              label: 'Select files from computer',
+              label: 'SELECT_FILE',
               color: 'primary',
               small: true,
               cssClass: 'zd-mt-1',
@@ -4843,7 +4854,7 @@
           if (Array.isArray(this.value) && this.maxFiles && this.value.length > +this.maxFiles) {
               this.value.splice(+this.maxFiles);
               AlertService.show({
-                  text: `You cannot choose more than ${this.maxFiles} file(s).`,
+                  text: core.I18n.translate('MAX_FILES', { limit: this.maxFiles }),
                   name: 'max-files-alert',
                   color: 'error',
               });
@@ -5752,9 +5763,11 @@
       const trueDefined = isUndefined__default["default"](trueValue) ? true : trueValue;
       const falseDefined = isUndefined__default["default"](falseValue) ? false : falseValue;
       if (value === trueDefined) {
-          return trueIcon || trueDisplayValue || trueDefined;
+          const display = trueDisplayValue ? core.I18n.translate(trueDisplayValue) : trueDisplayValue;
+          return trueIcon || display || trueDefined;
       }
-      return falseIcon || falseDisplayValue || falseDefined;
+      const display = falseDisplayValue ? core.I18n.translate(falseDisplayValue) : falseDisplayValue;
+      return falseIcon || display || falseDefined;
   };
   core.FormatterParserProvider.registerFormatter('column_ZdCheckbox', toggleableFormatter);
   core.FormatterParserProvider.registerFormatter('column_ZdSwitch', toggleableFormatter);
@@ -6538,7 +6551,7 @@
           if (!core.Utils.isEqual(value, row[columnName])) {
               const newRow = {};
               newRow[key] = Object.assign({}, this.editedRows[key]);
-              newRow[key].originalRow = Object.assign({}, row);
+              newRow[key].originalRow = omit__default["default"](row, 'originalRow');
               newRow[key][columnName] = value;
               newRow[key][`${columnName}_original`] = row[columnName];
               if (component)
@@ -6558,8 +6571,9 @@
           }
       }
       updateOriginalRow(key, row) {
-          if (this.editedRows[key] !== undefined)
-              this.editedRows[key].originalRow = row;
+          if (this.editedRows[key] !== undefined) {
+              this.editedRows[key].originalRow = omit__default["default"](row, 'originalRow');
+          }
       }
       /**
        * Checks if column is edited
@@ -12944,7 +12958,7 @@
       }
       updateOriginalRow(key, row) {
           if (this.editedRows[key] !== undefined)
-              this.editedRows[key].originalRow = row;
+              this.editedRows[key].originalRow = omit__default["default"](row, 'originalRow');
       }
       checkLookupData(column, row, componentProps) {
           if (row[column.name] && column.lookupData && componentProps.datasource) {
@@ -12971,7 +12985,7 @@
           if (!core.Utils.isEqual(value, row[columnName])) {
               const newRow = {};
               newRow[key] = Object.assign({}, this.editedRows[key]);
-              newRow[key].originalRow = Object.assign({}, row);
+              newRow[key].originalRow = omit__default["default"](row, 'originalRow');
               newRow[key][columnName] = value;
               newRow[key][`${columnName}_original`] = row[columnName];
               if (component)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.82.0",
+  "version": "1.83.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -26,6 +26,7 @@
     "lodash.get": "4.4.*",
     "lodash.isundefined": "3.0.*",
     "lodash.merge": "4.6.*",
+    "lodash.omit": "^4.5.*",
     "lodash.set": "4.3.*"
   },
   "peerDependencies": {
@@ -36,10 +37,11 @@
     "@types/lodash.get": "4.4.*",
     "@types/lodash.isundefined": "3.0.*",
     "@types/lodash.merge": "4.6.*",
+    "@types/lodash.omit": "^4.5.*",
     "@types/lodash.set": "4.3.*",
     "@types/lodash.times": "4.3.*",
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "d0af176b021f44fcab43a0616bb82110c2cf1337"
+  "gitHead": "40cb1a2c5fe9d6ebb8d5ceb0add7e08f26cf5659"
 }

package/types/components/zd-grid/grid-column.d.ts

@@ -26,6 +26,10 @@ export declare class GridColumn extends Column implements IGridColumn {
         events?: import("..").IComponentEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
         directives?: import("..").IComponentDirectives | undefined;
         isVisible?: string | boolean | undefined;
+        /**
+         * Creates a new Grid Column.
+         * @param props Grid column properties
+         */
         dark?: boolean | undefined;
         light?: boolean | undefined;
         keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;