@wavemaker-ai/react-runtime 1.0.0-rc.309

package/components/chart/src/dataUtils.js

@@ -0,0 +1,612 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.valueFinder = exports.processChartData = exports.isShowLegend = exports.isPieType = exports.isPieChart = exports.isLineTypeChart = exports.isLineChart = exports.isGroupByEnabled = exports.isDonutChart = exports.isDataFilteringEnabled = exports.isColumnChart = exports.isChartDataJSON = exports.isChartDataArray = exports.isBubbleChart = exports.isBarChart = exports.isAxisDomainValid = exports.isAxisDomainSupported = exports.isAreaChart = exports.isAggregationEnabled = exports.getxAxisVal = exports.getYScaleMinValue = exports.getYMinMaxValues = exports.getXMinMaxValues = exports.getVisuallyGroupedData = exports.getValidAliasName = exports.getSampleData = exports.getRadiusValue = exports.getNumberValue = exports.getLodashOrderByFormat = exports.getLabelValues = exports.getGroupingDetails = exports.getDataType = exports.getBooleanValue = exports.getBarSpacingValue = exports.getAggregatedData = exports.constructSampleData = exports.areMinMaxValuesValid = void 0;
+var _lodashEs = require("lodash-es");
+var _constants = require("./constants");
+var _formatUtils = require("./formatUtils");
+var isPieChart = exports.isPieChart = function isPieChart(type) {
+  return type === "Pie";
+};
+var isLineChart = exports.isLineChart = function isLineChart(type) {
+  return type === "Line";
+};
+var isBarChart = exports.isBarChart = function isBarChart(type) {
+  return type === "Bar";
+};
+var isDonutChart = exports.isDonutChart = function isDonutChart(type) {
+  return type === "Donut";
+};
+var isBubbleChart = exports.isBubbleChart = function isBubbleChart(type) {
+  return type === "Bubble";
+};
+var isColumnChart = exports.isColumnChart = function isColumnChart(type) {
+  return type === "Column";
+};
+var isAreaChart = exports.isAreaChart = function isAreaChart(type) {
+  return type === "Area";
+};
+var isPieType = exports.isPieType = function isPieType(type) {
+  return isPieChart(type) || isDonutChart(type);
+};
+var isChartDataJSON = exports.isChartDataJSON = function isChartDataJSON(type) {
+  return (0, _lodashEs.includes)(_constants.dataTypeJSON, type) || !(0, _lodashEs.includes)(_constants.chartTypes, type);
+};
+var isChartDataArray = exports.isChartDataArray = function isChartDataArray(type) {
+  return (0, _lodashEs.includes)(_constants.dataTypeArray, type);
+};
+var isLineTypeChart = exports.isLineTypeChart = function isLineTypeChart(type) {
+  return (0, _lodashEs.includes)(_constants.lineTypeCharts, type);
+};
+var isAxisDomainSupported = exports.isAxisDomainSupported = function isAxisDomainSupported(type) {
+  return isColumnChart(type) || isAreaChart(type);
+};
+var isAxisDomainValid = exports.isAxisDomainValid = function isAxisDomainValid(widgetContext, axis) {
+  return widgetContext[axis + "domain"] === "Min" && isAxisDomainSupported(widgetContext.type);
+};
+var areMinMaxValuesValid = exports.areMinMaxValuesValid = function areMinMaxValuesValid(values) {
+  return (0, _lodashEs.isFinite)(values.min) && (0, _lodashEs.isFinite)(values.max);
+};
+var getYScaleMinValue = exports.getYScaleMinValue = function getYScaleMinValue(value) {
+  var _min = Math.floor(value);
+  return Math.abs(value) - _min > 0 ? value - 0.1 : _min - 1;
+};
+var getBarSpacingValue = exports.getBarSpacingValue = function getBarSpacingValue(value, prop) {
+  var barSpacingMap = {
+    small: 0.3,
+    medium: 0.5,
+    large: 0.8
+  };
+  var barSpacingMapInvert = {
+    "0.3": "small",
+    "0.5": "medium",
+    "0.8": "large"
+  };
+  if (prop === "value") return barSpacingMap[value];
+  if (prop === "key") return barSpacingMapInvert[value];
+};
+var getRadiusValue = exports.getRadiusValue = function getRadiusValue(value, prop) {
+  var donutRatioMap = {
+    small: 0.3,
+    medium: 0.6,
+    large: 0.7
+  };
+  var donutRatioMapInvert = {
+    "0.3": "small",
+    "0.6": "medium",
+    "0.7": "large"
+  };
+  if (prop === "value") return donutRatioMap[value];
+  if (prop === "key") return donutRatioMapInvert[value];
+};
+var getLabelValues = exports.getLabelValues = function getLabelValues(showlabels, _showlabelsoutside, _prop) {
+  var labelsConfig = {};
+  switch (showlabels) {
+    case "hide":
+      labelsConfig.showlabels = false;
+      break;
+    case "inside":
+      labelsConfig.showlabels = true;
+      labelsConfig.showlabelsoutside = false;
+      break;
+    case "outside":
+      labelsConfig.showlabels = true;
+      labelsConfig.showlabelsoutside = true;
+      break;
+  }
+  return labelsConfig;
+};
+var getNumberValue = exports.getNumberValue = function getNumberValue(value, callback) {
+  return isNaN(parseInt(value, 10)) ? callback(value, "value") : value;
+};
+var getLodashOrderByFormat = exports.getLodashOrderByFormat = function getLodashOrderByFormat(orderby) {
+  var orderByColumns = [];
+  var orders = [];
+  (0, _lodashEs.forEach)((0, _lodashEs.split)(orderby, ","), function (col) {
+    var columns = (0, _lodashEs.split)(col, ":");
+    orderByColumns.push(columns === null || columns === void 0 ? void 0 : columns[0]);
+    orders.push(columns === null || columns === void 0 ? void 0 : columns[1]);
+  });
+  return {
+    columns: orderByColumns,
+    orders: orders
+  };
+};
+var getValidAliasName = exports.getValidAliasName = function getValidAliasName(aliasName) {
+  return (aliasName === null || aliasName === void 0 ? void 0 : aliasName.replace(/\./g, "$")) || null;
+};
+var constructSampleData = exports.constructSampleData = function constructSampleData(dataType, yaxisLength, shape) {
+  var data = [];
+  switch (dataType) {
+    case "jsonFormat":
+      {
+        var first_series = [{
+          x: "01/01/2001",
+          y: 4000000
+        }, {
+          x: "01/01/2002",
+          y: 1000000
+        }, {
+          x: "01/01/2003",
+          y: 5000000
+        }];
+        var second_series = [{
+          x: "01/01/2001",
+          y: 3000000
+        }, {
+          x: "01/01/2002",
+          y: 4000000
+        }, {
+          x: "01/01/2003",
+          y: 7000000
+        }];
+        var third_series = [{
+          x: "01/01/2001",
+          y: 2000000
+        }, {
+          x: "01/01/2002",
+          y: 8000000
+        }, {
+          x: "01/01/2003",
+          y: 6000000
+        }];
+        data[0] = {
+          values: first_series,
+          key: _constants.SAMPLE_DATA.group1
+        };
+        if (yaxisLength >= 2) data[1] = {
+          values: second_series,
+          key: _constants.SAMPLE_DATA.group2
+        };
+        if (yaxisLength >= 3) data[2] = {
+          values: third_series,
+          key: _constants.SAMPLE_DATA.group3
+        };
+        break;
+      }
+    case "lineChartFormat":
+      {
+        var _first_series = [{
+          x: 1,
+          y: 4000000
+        }, {
+          x: 2,
+          y: 1000000
+        }, {
+          x: 3,
+          y: 5000000
+        }];
+        var _second_series = [{
+          x: 1,
+          y: 3000000
+        }, {
+          x: 2,
+          y: 4000000
+        }, {
+          x: 3,
+          y: 7000000
+        }];
+        var _third_series = [{
+          x: 1,
+          y: 2000000
+        }, {
+          x: 2,
+          y: 8000000
+        }, {
+          x: 3,
+          y: 6000000
+        }];
+        data[0] = {
+          values: _first_series,
+          key: _constants.SAMPLE_DATA.group1
+        };
+        if (yaxisLength >= 2) data[1] = {
+          values: _second_series,
+          key: _constants.SAMPLE_DATA.group2
+        };
+        if (yaxisLength >= 3) data[2] = {
+          values: _third_series,
+          key: _constants.SAMPLE_DATA.group3
+        };
+        break;
+      }
+    case "arrayFormat":
+      {
+        var first_array = [[1, 4000000], [2, 1000000], [3, 5000000]];
+        var second_array = [[1, 3000000], [2, 4000000], [3, 7000000]];
+        var third_array = [[1, 2000000], [2, 8000000], [3, 6000000]];
+        data[0] = {
+          values: first_array,
+          key: _constants.SAMPLE_DATA.group1
+        };
+        if (yaxisLength >= 2) data[1] = {
+          values: second_array,
+          key: _constants.SAMPLE_DATA.group2
+        };
+        if (yaxisLength >= 3) data[2] = {
+          values: third_array,
+          key: _constants.SAMPLE_DATA.group3
+        };
+        break;
+      }
+    case "bubbleFormat":
+      {
+        var resolvedShape = shape === "random" ? _constants.allShapes[Math.floor(Math.random() * _constants.allShapes.length)] : shape;
+        var first_bubble = [{
+          x: 80.66,
+          y: 33739900,
+          size: 78,
+          shape: resolvedShape
+        }, {
+          x: 79.84,
+          y: 81902300,
+          size: 90,
+          shape: resolvedShape
+        }, {
+          x: 78.6,
+          y: 5523100,
+          size: 45,
+          shape: resolvedShape
+        }];
+        var second_bubble = [{
+          x: 72.73,
+          y: 79716200,
+          size: 98,
+          shape: resolvedShape
+        }, {
+          x: 80.05,
+          y: 61801600,
+          size: 20,
+          shape: resolvedShape
+        }, {
+          x: 72.49,
+          y: 73137200,
+          size: 34,
+          shape: resolvedShape
+        }];
+        var third_bubble = [{
+          x: 68.09,
+          y: 33739900,
+          size: 45,
+          shape: resolvedShape
+        }, {
+          x: 81.55,
+          y: 7485600,
+          size: 78,
+          shape: resolvedShape
+        }, {
+          x: 68.6,
+          y: 141850000,
+          size: 56,
+          shape: resolvedShape
+        }];
+        data[0] = {
+          values: first_bubble,
+          key: _constants.SAMPLE_DATA.group1
+        };
+        if (yaxisLength >= 2) data[1] = {
+          values: second_bubble,
+          key: _constants.SAMPLE_DATA.group2
+        };
+        if (yaxisLength >= 3) data[2] = {
+          values: third_bubble,
+          key: _constants.SAMPLE_DATA.group3
+        };
+        break;
+      }
+    case "pieChartFormat":
+      data = [{
+        x: _constants.SAMPLE_DATA.group1,
+        y: 1000000
+      }, {
+        x: _constants.SAMPLE_DATA.group2,
+        y: 2000000
+      }, {
+        x: _constants.SAMPLE_DATA.group3,
+        y: 3000000
+      }, {
+        x: _constants.SAMPLE_DATA.group4,
+        y: 4000000
+      }];
+      break;
+  }
+  return data;
+};
+var getDataType = exports.getDataType = function getDataType(widgetContext) {
+  var type = widgetContext.type;
+  if (isLineChart(type)) return "lineChartFormat";
+  if (isPieType(type)) return "pieChartFormat";
+  if (isBubbleChart(type)) return "bubbleFormat";
+  return isChartDataJSON(type) ? "jsonFormat" : "arrayFormat";
+};
+var getSampleData = exports.getSampleData = function getSampleData(widgetContext) {
+  var _widgetContext$yaxisd;
+  return constructSampleData(getDataType(widgetContext), (0, _lodashEs.split)((_widgetContext$yaxisd = widgetContext.yaxisdatakey) !== null && _widgetContext$yaxisd !== void 0 ? _widgetContext$yaxisd : "", ",").length, widgetContext.shape);
+};
+var isGroupByEnabled = exports.isGroupByEnabled = function isGroupByEnabled(groupby) {
+  return !!(groupby && groupby !== _constants.NONE);
+};
+var isAggregationEnabled = exports.isAggregationEnabled = function isAggregationEnabled(groupby, aggregation, aggregationcolumn) {
+  return !!(isGroupByEnabled(groupby) && aggregation !== _constants.NONE && aggregationcolumn);
+};
+var isDataFilteringEnabled = exports.isDataFilteringEnabled = function isDataFilteringEnabled(isVisuallyGrouped, groupby, aggregation, aggregationcolumn, orderby) {
+  return isAggregationEnabled(groupby, aggregation, aggregationcolumn) || !isVisuallyGrouped && !!orderby;
+};
+
+/**
+ * Get x-axis value, handling line-type chart quirk where
+ * non-numeric x-axis values need to be replaced with indices
+ */
+var getxAxisVal = exports.getxAxisVal = function getxAxisVal(dataObj, xKey, index, type, xAxisDataType, xDataKeyArr) {
+  var value = (0, _lodashEs.get)(dataObj, xKey);
+  if (isLineTypeChart(type) && !(0, _formatUtils.isNumberType)(xAxisDataType || "")) {
+    xDataKeyArr.push(value);
+    if (value instanceof Date) return value;
+    return index;
+  }
+  return value;
+};
+
+/**
+ * Creates individual data points based on chart type.
+ * Returns NVD3-compatible datum.
+ */
+var valueFinder = exports.valueFinder = function valueFinder(dataObj, xKey, yKey, type, index, xAxisDataType, xDataKeyArr, bubblesize, shape) {
+  var xVal = getxAxisVal(dataObj, xKey, index, type, xAxisDataType, xDataKeyArr);
+  var rawValue = (0, _lodashEs.get)(dataObj, yKey);
+  var yVal = parseFloat(rawValue) || rawValue;
+  var size = parseFloat(dataObj === null || dataObj === void 0 ? void 0 : dataObj[bubblesize || ""]) || 2;
+  var dataPoint = {};
+  if (isChartDataJSON(type)) {
+    dataPoint.x = xVal;
+    dataPoint.y = yVal;
+    if (isBubbleChart(type)) {
+      dataPoint.size = size;
+      dataPoint.shape = shape || "circle";
+    }
+  } else if (isChartDataArray(type)) {
+    dataPoint = [xVal, yVal];
+  }
+  dataPoint._dataObj = dataObj;
+  return dataPoint;
+};
+var getValidData = function getValidData(values) {
+  return values.length === 1 && values[0] === undefined ? [] : values;
+};
+
+/**
+ * Processes bound chart rows into NVD3-compatible chart data.
+ * When there is no dataset, callers should use getSampleData() instead.
+ * Ported from Angular chart.component.ts processChartData().
+ */
+var processChartData = exports.processChartData = function processChartData(chartData, type, xaxisdatakey, yaxisdatakey, xAxisDataType, xDataKeyArr, bubblesize, shape) {
+  var _yaxisdatakey$split;
+  if (!chartData || !chartData.length) return [];
+  var datum = [];
+  var yAxisKeys = (_yaxisdatakey$split = yaxisdatakey === null || yaxisdatakey === void 0 ? void 0 : yaxisdatakey.split(",")) !== null && _yaxisdatakey$split !== void 0 ? _yaxisdatakey$split : [];
+  if ((0, _lodashEs.isArray)(chartData)) {
+    if (isPieType(type)) {
+      var yAxisKey = yAxisKeys[0];
+      datum = (0, _lodashEs.map)(chartData, function (dataObj, index) {
+        if (!(0, _formatUtils.isEmptyObject)(chartData[index])) {
+          return valueFinder(dataObj, xaxisdatakey, yAxisKey, type, index, xAxisDataType, xDataKeyArr, bubblesize, shape);
+        }
+      });
+      datum = getValidData(datum);
+    } else {
+      var shapes = [];
+      if (isBubbleChart(type)) {
+        shapes = shape === "random" ? _constants.allShapes : shape;
+      }
+      yAxisKeys.forEach(function (yKey, series) {
+        var values = (0, _lodashEs.map)(chartData, function (dataObj, index) {
+          if (!(0, _formatUtils.isEmptyObject)(chartData[index])) {
+            var _ref, _shapes;
+            return valueFinder(dataObj, xaxisdatakey, yKey, type, index, xAxisDataType, xDataKeyArr, bubblesize, (_ref = (0, _lodashEs.isArray)(shapes) ? (_shapes = shapes) === null || _shapes === void 0 ? void 0 : _shapes[series] : undefined) !== null && _ref !== void 0 ? _ref : shape);
+          }
+        });
+        values = getValidData(values);
+        datum.push({
+          values: values,
+          key: (0, _formatUtils.prettifyLabels)(yKey)
+        });
+      });
+    }
+  }
+  return datum;
+};
+
+/**
+ * Constructs grouped data based on orderby, x & y axis selection.
+ * Ported from Angular chart.component.ts getVisuallyGroupedData().
+ */
+var getVisuallyGroupedData = exports.getVisuallyGroupedData = function getVisuallyGroupedData(queryResponse, groupingColumn, type, xaxisdatakey, yaxisdatakey, xAxisDataType, xDataKeyArr, groupby, orderby) {
+  var chartData = [];
+  var _isAreaChart = isAreaChart(type);
+  var yAxisKey = (0, _lodashEs.first)((0, _lodashEs.split)(yaxisdatakey !== null && yaxisdatakey !== void 0 ? yaxisdatakey : "", ","));
+  xDataKeyArr.length = 0;
+  var sorted = (0, _lodashEs.orderBy)(queryResponse, (0, _lodashEs.split)(groupby !== null && groupby !== void 0 ? groupby : "", ","));
+  if (orderby) {
+    var orderByDetails = getLodashOrderByFormat(orderby);
+    sorted = (0, _lodashEs.orderBy)(sorted, orderByDetails.columns, orderByDetails.orders);
+  }
+  var grouped = (0, _lodashEs.groupBy)(sorted, groupingColumn);
+  var maxLength = 0;
+  if (_isAreaChart) {
+    maxLength = (0, _lodashEs.max)((0, _lodashEs.map)(grouped, function (obj) {
+      return obj.length;
+    })) || 0;
+  }
+  (0, _lodashEs.forEach)(grouped, function (values, groupKey) {
+    var groupValues = _isAreaChart ? (0, _lodashEs.fill)(new Array(maxLength), [0, 0]) : [];
+    (0, _lodashEs.forEachRight)(values, function (value, index) {
+      groupValues[index] = valueFinder(value, xaxisdatakey, yAxisKey, type, index, xAxisDataType, xDataKeyArr);
+    });
+    chartData.push({
+      key: groupKey,
+      values: groupValues
+    });
+  });
+  return chartData;
+};
+
+/**
+ * Determines grouping strategy.
+ * Ported from Angular chart.component.ts getGroupingDetails().
+ */
+var getGroupingDetails = exports.getGroupingDetails = function getGroupingDetails(groupby, aggregation, aggregationcolumn, xaxisdatakey, yaxisdatakey) {
+  if (isGroupByEnabled(groupby) && !isAggregationEnabled(groupby, aggregation, aggregationcolumn)) {
+    var _yaxisdatakey$split2;
+    var isVisuallyGrouped = false;
+    var visualGroupingColumn = "";
+    var groupingExpression = "";
+    var columns = [];
+    var groupbyColumns = groupby && groupby !== _constants.NONE ? groupby.split(",") : [];
+    var yAxisKeys = (_yaxisdatakey$split2 = yaxisdatakey === null || yaxisdatakey === void 0 ? void 0 : yaxisdatakey.split(",")) !== null && _yaxisdatakey$split2 !== void 0 ? _yaxisdatakey$split2 : [];
+    if (groupbyColumns.length > 1) {
+      var groupingColumnIndex = -1;
+      groupbyColumns.every(function (column, index) {
+        if (xaxisdatakey !== column && yAxisKeys.indexOf(column) === -1) {
+          isVisuallyGrouped = true;
+          visualGroupingColumn = column;
+          groupingColumnIndex = index;
+          groupbyColumns.splice(groupingColumnIndex, 1);
+          return false;
+        }
+        return true;
+      });
+      if (visualGroupingColumn) {
+        columns.push(visualGroupingColumn);
+      }
+      if (groupbyColumns.length) {
+        columns = (0, _lodashEs.concat)(columns, groupbyColumns);
+      }
+    }
+    if (xaxisdatakey !== aggregationcolumn) {
+      columns.push(xaxisdatakey || "");
+    }
+    (0, _lodashEs.forEach)(yAxisKeys, function (key) {
+      if (key !== aggregationcolumn) {
+        columns.push(key);
+      }
+    });
+    groupingExpression = columns.join(",");
+    return {
+      expression: groupingExpression,
+      isVisuallyGrouped: isVisuallyGrouped,
+      visualGroupingColumn: visualGroupingColumn
+    };
+  }
+  return {
+    expression: "",
+    isVisuallyGrouped: false,
+    visualGroupingColumn: ""
+  };
+};
+
+/**
+ * Fetches aggregated data from a live datasource.
+ * Ported from Angular chart.component.ts getAggregatedData().
+ */
+var getAggregatedData = exports.getAggregatedData = function getAggregatedData(datasource, groupby, aggregation, aggregationcolumn, xaxisdatakey, yaxisdatakey, orderby, callback, onError) {
+  var _yaxisdatakey$split3;
+  if (!datasource) return;
+  var yAxisKeys = (_yaxisdatakey$split3 = yaxisdatakey === null || yaxisdatakey === void 0 ? void 0 : yaxisdatakey.split(",")) !== null && _yaxisdatakey$split3 !== void 0 ? _yaxisdatakey$split3 : [];
+  var data = {};
+  var sortExpr;
+  var columns = [];
+  var groupByFields = [];
+  if (isGroupByEnabled(groupby)) {
+    groupByFields = (0, _lodashEs.split)(groupby || "", ",");
+  }
+  if (orderby) {
+    sortExpr = (0, _lodashEs.replace)(orderby, /:/g, " ");
+    columns = (0, _lodashEs.uniq)((0, _lodashEs.concat)(columns, groupByFields, [aggregationcolumn || ""]));
+    var orderByColumns = getLodashOrderByFormat(orderby).columns;
+    (0, _lodashEs.forEach)((0, _lodashEs.intersection)(columns, orderByColumns), function (col) {
+      var colAlias = getValidAliasName(col);
+      if (colAlias && sortExpr) {
+        sortExpr = (0, _lodashEs.replace)(sortExpr, col, colAlias);
+      }
+    });
+  }
+  if (isAggregationEnabled(groupby, aggregation, aggregationcolumn)) {
+    data.groupByFields = groupByFields;
+    data.aggregations = [{
+      field: aggregationcolumn,
+      type: _constants.aggregationFnMap[aggregation !== null && aggregation !== void 0 ? aggregation : ""],
+      alias: getValidAliasName(aggregationcolumn || "")
+    }];
+  }
+  datasource.execute("getAggregatedData", {
+    aggregations: data,
+    sort: sortExpr
+  }).then(function (response) {
+    var _response$body$conten, _response$body;
+    var chartData = [];
+    var aggregationAlias = getValidAliasName(aggregationcolumn || "");
+    var xAxisAliasKey = getValidAliasName(xaxisdatakey || "");
+    var yAxisAliasKeys = [];
+    yAxisKeys.forEach(function (yAxisKey) {
+      return yAxisAliasKeys.push(getValidAliasName(yAxisKey));
+    });
+    (0, _lodashEs.forEach)((_response$body$conten = response === null || response === void 0 || (_response$body = response.body) === null || _response$body === void 0 ? void 0 : _response$body.content) !== null && _response$body$conten !== void 0 ? _response$body$conten : [], function (responseContent) {
+      var obj = {};
+      if (isAggregationEnabled(groupby, aggregation, aggregationcolumn)) {
+        obj[aggregationcolumn || ""] = (0, _lodashEs.get)(responseContent, aggregationAlias || "") || (0, _lodashEs.get)(responseContent, aggregationcolumn || "");
+      }
+      obj[xaxisdatakey || ""] = (0, _lodashEs.get)(responseContent, xAxisAliasKey || "") || (0, _lodashEs.get)(responseContent, xaxisdatakey || "");
+      yAxisKeys.forEach(function (yAxisKey, index) {
+        obj[yAxisKey] = (0, _lodashEs.get)(responseContent, yAxisAliasKeys[index]) || (0, _lodashEs.get)(responseContent, yAxisKey);
+      });
+      chartData.push(obj);
+    });
+    callback(chartData);
+  }, function () {
+    onError === null || onError === void 0 || onError();
+  });
+};
+var getXMinMaxValues = exports.getXMinMaxValues = function getXMinMaxValues(datum) {
+  if (!datum) return undefined;
+  var xValues = {};
+  xValues.min = (0, _lodashEs.minBy)(datum.values, function (dataObject) {
+    return (dataObject === null || dataObject === void 0 ? void 0 : dataObject.x) || (dataObject === null || dataObject === void 0 ? void 0 : dataObject[0]);
+  });
+  xValues.max = (0, _lodashEs.maxBy)(datum.values, function (dataObject) {
+    return (dataObject === null || dataObject === void 0 ? void 0 : dataObject.x) || (dataObject === null || dataObject === void 0 ? void 0 : dataObject[0]);
+  });
+  return xValues;
+};
+var isShowLegend = exports.isShowLegend = function isShowLegend(value) {
+  if (value === "false" || value === false) return false;
+  if (value === "true" || value === true) return true;
+  return value === "hide" ? false : true;
+};
+var getYMinMaxValues = exports.getYMinMaxValues = function getYMinMaxValues(datum) {
+  if (!datum) return undefined;
+  var minValues = [];
+  var maxValues = [];
+  (0, _lodashEs.forEach)(datum, function (data) {
+    minValues.push((0, _lodashEs.minBy)(data.values, function (dataObject) {
+      return (dataObject === null || dataObject === void 0 ? void 0 : dataObject.y) || (dataObject === null || dataObject === void 0 ? void 0 : dataObject[1]);
+    }));
+    maxValues.push((0, _lodashEs.maxBy)(data.values, function (dataObject) {
+      return (dataObject === null || dataObject === void 0 ? void 0 : dataObject.y) || (dataObject === null || dataObject === void 0 ? void 0 : dataObject[1]);
+    }));
+  });
+  return {
+    min: (0, _lodashEs.minBy)(minValues, function (dataObject) {
+      return (dataObject === null || dataObject === void 0 ? void 0 : dataObject.y) || (dataObject === null || dataObject === void 0 ? void 0 : dataObject[1]);
+    }),
+    max: (0, _lodashEs.maxBy)(maxValues, function (dataObject) {
+      return (dataObject === null || dataObject === void 0 ? void 0 : dataObject.y) || (dataObject === null || dataObject === void 0 ? void 0 : dataObject[1]);
+    })
+  };
+};
+var getBooleanValue = exports.getBooleanValue = function getBooleanValue(val) {
+  if (val === true || val === "true") return true;
+  if (val === false || val === "false") return false;
+  return val;
+};

package/components/chart/src/formatUtils.d.ts

@@ -0,0 +1,5 @@
+export declare const getDateFormatedData: (dateFormat: string, d: any) => string;
+export declare const getNumberFormatedData: (numberFormat: string | undefined, d: number) => any;
+export declare const prettifyLabels: (label: string) => string;
+export declare const isEmptyObject: (obj: any) => boolean;
+export declare const isNumberType: (type: string) => boolean;

package/components/chart/src/formatUtils.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prettifyLabels = exports.isNumberType = exports.isEmptyObject = exports.getNumberFormatedData = exports.getDateFormatedData = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _d3Setup = require("./d3Setup");
+var _constants = require("./constants");
+var _moment = _interopRequireDefault(require("moment"));
+var removeTrailingZeros = function removeTrailingZeros(value) {
+  if (!value) return value;
+  var stringValue = typeof value === "number" ? String(value) : value;
+  return stringValue.replace(/\.0+([A-Za-z]*)$/, "$1").replace(/\.([1-9]+)0+([A-Za-z]*)$/, ".$1$2");
+};
+var getDateFormatedData = exports.getDateFormatedData = function getDateFormatedData(dateFormat, d) {
+  dateFormat = dateFormat || "%x";
+  if (dateFormat === "%c") {
+    dateFormat = "%a %b %e %X %Y";
+  }
+  return _d3Setup.d3.timeFormat(dateFormat)(new Date((0, _moment["default"])((0, _moment["default"])(d).format()).valueOf()));
+};
+var getNumberFormatedData = exports.getNumberFormatedData = function getNumberFormatedData(numberFormat, d) {
+  var formattedData;
+  var divider;
+  var prefix;
+  if (numberFormat) {
+    var numberFormatter;
+    if (numberFormat === "Thousand" || numberFormat === "Million" || numberFormat === "Billion") {
+      numberFormatter = _d3Setup.d3.format(",.2s");
+    } else if (numberFormat === "%") {
+      numberFormatter = _d3Setup.d3.format(".2%");
+    } else if (numberFormat === ".f") {
+      numberFormatter = _d3Setup.d3.format(".2f");
+    } else {
+      numberFormatter = _d3Setup.d3.format(numberFormat);
+    }
+    formattedData = numberFormatter(d);
+    divider = _constants.tickformats[numberFormat] && _constants.tickformats[numberFormat].divider || 0;
+    prefix = _constants.tickformats[numberFormat] && _constants.tickformats[numberFormat].prefix;
+    if (prefix && divider !== 0) {
+      formattedData = _d3Setup.d3.format(".2f")(d / divider) + prefix;
+    }
+  } else {
+    formattedData = d >= 1000 ? _d3Setup.d3.format(".1s")(d) : d;
+  }
+  formattedData = removeTrailingZeros(formattedData);
+  return formattedData;
+};
+var prettifyLabels = exports.prettifyLabels = function prettifyLabels(label) {
+  if (!label) return "";
+  return label.replace(/^./, function (str) {
+    return str.toUpperCase();
+  }).trim();
+};
+var isEmptyObject = exports.isEmptyObject = function isEmptyObject(obj) {
+  return obj && (0, _typeof2["default"])(obj) === "object" && Object.keys(obj).length === 0;
+};
+var isNumberType = exports.isNumberType = function isNumberType(type) {
+  var numberTypes = ["number", "integer", "float", "double", "long", "short", "byte", "decimal", "bigdecimal", "biginteger", "int"];
+  return numberTypes.includes(type === null || type === void 0 ? void 0 : type.toLowerCase());
+};

package/components/chart/src/index.d.ts

@@ -0,0 +1,3 @@
+import "./d3Setup";
+export { default as WmChart } from "./chart";
+export type { WmChartProps, TChartType, TChartLegendPosition, TChartLegendType, TBubbleChartShape, TChartInterpolation, TChartViewType, TChartShowValues, TChartValuesDisplay, SelectedChartItem, WidgetContext, } from "./types";