@zeedhi/common 1.77.0 → 1.77.2

package/dist/zd-common.esm.js

@@ -1,4 +1,4 @@
-import { AccessorManager, Event, KeyMap, Metadata, FormatterParserProvider, Validation, Mask, Accessor, DatasourceFactory, I18n, MethodNotAssignedError, Loader, Config, dayjs, DateHelper, Utils, Router, InstanceNotFoundError, Cookie, Http, URL as URL$1, VersionService } from '@zeedhi/core';
+import { AccessorManager, Event, KeyMap, Metadata, Accessor, I18n, FormatterParserProvider, Validation, Mask, DatasourceFactory, MethodNotAssignedError, Loader, Config, dayjs, DateHelper, Utils, Router, InstanceNotFoundError, Cookie, Http, URL as URL$1, VersionService } from '@zeedhi/core';
 import merge from 'lodash.merge';
 import debounce from 'lodash.debounce';
 import isUndefined from 'lodash.isundefined';
@@ -527,8 +527,8 @@ class ApexChart extends ComponentRender {
             },
         };
         this.chartType = this.getInitValue('chartType', props.chartType, this.chartType);
-        this.options = merge(this.defaultOptions, this.getInitValue('options', props.options, this.options));
-        this.series = this.getInitValue('series', props.series, this.series);
+        this.options = merge(this.defaultOptions, this.getInitValue('options', this.translateOptions(props.options), this.options));
+        this.series = this.getInitValue('series', this.translateSeries(props.series), this.series);
         this.height = this.getInitValue('height', props.height, this.height);
         this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
         this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
@@ -542,6 +542,65 @@ class ApexChart extends ComponentRender {
         this.createAccessors();
         this.createObjAccessors(this.options, 'options');
     }
+    getPropValue(value) {
+        if (value && !Accessor.isAccessorDefinition(value))
+            return value;
+        return false;
+    }
+    translateSeries(series = []) {
+        const value = this.getPropValue(series);
+        if (value && Array.isArray(value)) {
+            return value.map((item) => {
+                if (item.name)
+                    item.name = I18n.translate(item.name);
+                return item;
+            });
+        }
+        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;
+        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)
+            propOptions.annotations.yaxis.label.text = I18n.translate(value);
+        value = this.getPropValue((_f = (_e = (_d = propOptions.annotations) === null || _d === void 0 ? void 0 : _d.xaxis) === null || _e === void 0 ? void 0 : _e.label) === null || _f === void 0 ? void 0 : _f.text);
+        if (value)
+            propOptions.annotations.xaxis.label.text = I18n.translate(value);
+        value = this.getPropValue((_j = (_h = (_g = propOptions.annotations) === null || _g === void 0 ? void 0 : _g.points) === null || _h === void 0 ? void 0 : _h.label) === null || _j === void 0 ? void 0 : _j.text);
+        if (value)
+            propOptions.annotations.points.label.text = I18n.translate(value);
+        value = this.getPropValue((_l = (_k = propOptions.annotations) === null || _k === void 0 ? void 0 : _k.texts) === null || _l === void 0 ? void 0 : _l.text);
+        if (value)
+            propOptions.annotations.texts.text = I18n.translate(value);
+        value = this.getPropValue(propOptions.labels);
+        if (value && Array.isArray(value))
+            propOptions.labels = value.map((item) => I18n.translate(item));
+        value = this.getPropValue((_r = (_q = (_p = (_o = (_m = propOptions.plotOptions) === null || _m === void 0 ? void 0 : _m.pie) === null || _o === void 0 ? void 0 : _o.donut) === null || _p === void 0 ? void 0 : _p.labels) === null || _q === void 0 ? void 0 : _q.total) === null || _r === void 0 ? void 0 : _r.label);
+        if (value)
+            propOptions.plotOptions.pie.donut.labels.total.label = I18n.translate(value);
+        value = this.getPropValue(propOptions.series);
+        if (value && Array.isArray(value)) {
+            propOptions.series = value.map((item) => {
+                if (item.name)
+                    item.name = I18n.translate(item.name);
+                return item;
+            });
+        }
+        value = this.getPropValue((_s = propOptions.subtitle) === null || _s === void 0 ? void 0 : _s.text);
+        if (value)
+            propOptions.subtitle.text = I18n.translate(value);
+        value = this.getPropValue((_t = propOptions.title) === null || _t === void 0 ? void 0 : _t.text);
+        if (value)
+            propOptions.title.text = I18n.translate(value);
+        value = this.getPropValue((_v = (_u = propOptions.xaxis) === null || _u === void 0 ? void 0 : _u.title) === null || _v === void 0 ? void 0 : _v.text);
+        if (value)
+            propOptions.xaxis.title.text = I18n.translate(value);
+        value = this.getPropValue((_x = (_w = propOptions.yaxis) === null || _w === void 0 ? void 0 : _w.title) === null || _x === void 0 ? void 0 : _x.text);
+        if (value)
+            propOptions.yaxis.title.text = I18n.translate(value);
+        return propOptions;
+    }
     /**
      * Sets view update method.
      * @param viewUpdate Update method

package/dist/zd-common.umd.js

@@ -534,8 +534,8 @@
               },
           };
           this.chartType = this.getInitValue('chartType', props.chartType, this.chartType);
-          this.options = merge__default["default"](this.defaultOptions, this.getInitValue('options', props.options, this.options));
-          this.series = this.getInitValue('series', props.series, this.series);
+          this.options = merge__default["default"](this.defaultOptions, this.getInitValue('options', this.translateOptions(props.options), this.options));
+          this.series = this.getInitValue('series', this.translateSeries(props.series), this.series);
           this.height = this.getInitValue('height', props.height, this.height);
           this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
           this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
@@ -549,6 +549,65 @@
           this.createAccessors();
           this.createObjAccessors(this.options, 'options');
       }
+      getPropValue(value) {
+          if (value && !core.Accessor.isAccessorDefinition(value))
+              return value;
+          return false;
+      }
+      translateSeries(series = []) {
+          const value = this.getPropValue(series);
+          if (value && Array.isArray(value)) {
+              return value.map((item) => {
+                  if (item.name)
+                      item.name = core.I18n.translate(item.name);
+                  return item;
+              });
+          }
+          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;
+          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)
+              propOptions.annotations.yaxis.label.text = core.I18n.translate(value);
+          value = this.getPropValue((_f = (_e = (_d = propOptions.annotations) === null || _d === void 0 ? void 0 : _d.xaxis) === null || _e === void 0 ? void 0 : _e.label) === null || _f === void 0 ? void 0 : _f.text);
+          if (value)
+              propOptions.annotations.xaxis.label.text = core.I18n.translate(value);
+          value = this.getPropValue((_j = (_h = (_g = propOptions.annotations) === null || _g === void 0 ? void 0 : _g.points) === null || _h === void 0 ? void 0 : _h.label) === null || _j === void 0 ? void 0 : _j.text);
+          if (value)
+              propOptions.annotations.points.label.text = core.I18n.translate(value);
+          value = this.getPropValue((_l = (_k = propOptions.annotations) === null || _k === void 0 ? void 0 : _k.texts) === null || _l === void 0 ? void 0 : _l.text);
+          if (value)
+              propOptions.annotations.texts.text = core.I18n.translate(value);
+          value = this.getPropValue(propOptions.labels);
+          if (value && Array.isArray(value))
+              propOptions.labels = value.map((item) => core.I18n.translate(item));
+          value = this.getPropValue((_r = (_q = (_p = (_o = (_m = propOptions.plotOptions) === null || _m === void 0 ? void 0 : _m.pie) === null || _o === void 0 ? void 0 : _o.donut) === null || _p === void 0 ? void 0 : _p.labels) === null || _q === void 0 ? void 0 : _q.total) === null || _r === void 0 ? void 0 : _r.label);
+          if (value)
+              propOptions.plotOptions.pie.donut.labels.total.label = core.I18n.translate(value);
+          value = this.getPropValue(propOptions.series);
+          if (value && Array.isArray(value)) {
+              propOptions.series = value.map((item) => {
+                  if (item.name)
+                      item.name = core.I18n.translate(item.name);
+                  return item;
+              });
+          }
+          value = this.getPropValue((_s = propOptions.subtitle) === null || _s === void 0 ? void 0 : _s.text);
+          if (value)
+              propOptions.subtitle.text = core.I18n.translate(value);
+          value = this.getPropValue((_t = propOptions.title) === null || _t === void 0 ? void 0 : _t.text);
+          if (value)
+              propOptions.title.text = core.I18n.translate(value);
+          value = this.getPropValue((_v = (_u = propOptions.xaxis) === null || _u === void 0 ? void 0 : _u.title) === null || _v === void 0 ? void 0 : _v.text);
+          if (value)
+              propOptions.xaxis.title.text = core.I18n.translate(value);
+          value = this.getPropValue((_x = (_w = propOptions.yaxis) === null || _w === void 0 ? void 0 : _w.title) === null || _x === void 0 ? void 0 : _x.text);
+          if (value)
+              propOptions.yaxis.title.text = core.I18n.translate(value);
+          return propOptions;
+      }
       /**
        * Sets view update method.
        * @param viewUpdate Update method

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.77.0",
+  "version": "1.77.2",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "1fe7b109f390ff262afe30d765f812712ab7472c"
+  "gitHead": "f6fab5c2263a74fb4e35a8a6ef145b1f196e5b9a"
 }

package/types/components/zd-apex-chart/apex-chart.d.ts

@@ -85,6 +85,9 @@ export declare class ApexChart extends ComponentRender implements IApexChart {
      * @param props ApexChart properties
      */
     constructor(props: IApexChart);
+    private getPropValue;
+    private translateSeries;
+    private translateOptions;
     /**
      * Sets view update method.
      * @param viewUpdate Update method