@pie-lib/charting 7.0.4-next.31 → 7.0.4-next.36

package/lib/plot/line.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LinePlot = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _shape = require("@visx/shape");
+var _group = require("@visx/group");
+var _styles = require("@mui/material/styles");
+var _plot = require("@pie-lib/plot");
+var _utils = require("../utils");
+var _renderUi = require("@pie-lib/render-ui");
+var _plot2 = _interopRequireDefault(require("./common/plot"));
+var _styles2 = require("../common/styles");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledLinePath = (0, _styles.styled)(_shape.LinePath)(function () {
+  return {
+    stroke: _renderUi.color.visualElementsColors.PLOT_FILL_COLOR,
+    '&.correct': (0, _styles2.correct)('stroke'),
+    '&.incorrect': (0, _styles2.incorrect)('stroke')
+  };
+});
+var CustomBarElement = function CustomBarElement(props) {
+  var index = props.index,
+    pointDiameter = props.pointDiameter,
+    barX = props.barX,
+    barWidth = props.barWidth,
+    pointHeight = props.pointHeight,
+    label = props.label,
+    value = props.value,
+    scale = props.scale,
+    dottedOverline = props.dottedOverline;
+  var x = barX + (barWidth - pointDiameter) / 2;
+  var y = scale.y(index) - (pointHeight - pointDiameter) / 2;
+  var EXTRA_PADDING = 2;
+  return dottedOverline ? /*#__PURE__*/_react["default"].createElement("rect", {
+    key: "point-".concat(label, "-").concat(value, "-").concat(index),
+    x: x - EXTRA_PADDING,
+    y: y - pointDiameter - EXTRA_PADDING,
+    width: pointDiameter + EXTRA_PADDING * 2,
+    height: pointDiameter + EXTRA_PADDING * 2,
+    strokeDasharray: "4,4",
+    stroke: _renderUi.color.defaults.BORDER_GRAY,
+    fill: "none"
+  }) : /*#__PURE__*/_react["default"].createElement(_group.Group, null, /*#__PURE__*/_react["default"].createElement(StyledLinePath, {
+    data: [{
+      x: x,
+      y: y
+    }, {
+      x: x + pointDiameter,
+      y: y - pointDiameter
+    }],
+    key: "point-".concat(label, "-").concat(value, "-").concat(index, "-1"),
+    className: 'line',
+    x: function x(d) {
+      return d.x;
+    },
+    y: function y(d) {
+      return d.y;
+    },
+    strokeWidth: pointDiameter / 5
+  }), /*#__PURE__*/_react["default"].createElement(StyledLinePath, {
+    data: [{
+      x: x,
+      y: y - pointDiameter
+    }, {
+      x: x + pointDiameter,
+      y: y
+    }],
+    key: "point-".concat(label, "-").concat(value, "-").concat(index, "-2"),
+    x: function x(d) {
+      return d.x;
+    },
+    y: function y(d) {
+      return d.y;
+    },
+    strokeWidth: pointDiameter / 5,
+    className: 'line'
+  }));
+};
+CustomBarElement.propTypes = {
+  index: _propTypes["default"].number,
+  pointDiameter: _propTypes["default"].number,
+  barX: _propTypes["default"].number,
+  barWidth: _propTypes["default"].number,
+  pointHeight: _propTypes["default"].number,
+  value: _propTypes["default"].number,
+  label: _propTypes["default"].string,
+  scale: _propTypes["default"].object,
+  dottedOverline: _propTypes["default"].bool
+};
+var LinePlot = exports.LinePlot = /*#__PURE__*/function (_React$Component) {
+  function LinePlot() {
+    (0, _classCallCheck2["default"])(this, LinePlot);
+    return _callSuper(this, LinePlot, arguments);
+  }
+  (0, _inherits2["default"])(LinePlot, _React$Component);
+  return (0, _createClass2["default"])(LinePlot, [{
+    key: "render",
+    value: function render() {
+      var props = this.props;
+      var data = props.data,
+        graphProps = props.graphProps;
+      var _ref = graphProps || {},
+        _ref$scale = _ref.scale,
+        scale = _ref$scale === void 0 ? {} : _ref$scale,
+        _ref$size = _ref.size,
+        size = _ref$size === void 0 ? {} : _ref$size;
+      var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'linePlot');
+      return /*#__PURE__*/_react["default"].createElement(_plot2["default"], (0, _extends2["default"])({}, props, {
+        xBand: xBand,
+        CustomBarElement: CustomBarElement
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(LinePlot, "propTypes", {
+  data: _propTypes["default"].array,
+  onChange: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+var _default = exports["default"] = function _default() {
+  return {
+    type: 'linePlot',
+    Component: LinePlot,
+    name: 'Line Plot'
+  };
+};
+//# sourceMappingURL=line.js.map

package/lib/plot/line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","names":["_react","_interopRequireDefault","require","_propTypes","_shape","_group","_styles","_plot","_utils","_renderUi","_plot2","_styles2","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledLinePath","styled","LinePath","stroke","color","visualElementsColors","PLOT_FILL_COLOR","correct","incorrect","CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","scale","dottedOverline","x","y","EXTRA_PADDING","createElement","key","concat","width","height","strokeDasharray","defaults","BORDER_GRAY","fill","Group","data","className","d","strokeWidth","propTypes","PropTypes","number","string","object","bool","LinePlot","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","render","graphProps","_ref","_ref$scale","_ref$size","size","xBand","dataToXBand","_extends2","React","Component","_defineProperty2","array","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../src/plot/line.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { LinePath } from '@visx/shape';\nimport { Group } from '@visx/group';\nimport { styled } from '@mui/material/styles';\n\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport { color } from '@pie-lib/render-ui';\nimport Plot from './common/plot';\nimport { correct, incorrect } from '../common/styles';\n\nconst StyledLinePath = styled(LinePath)(() => ({\n  stroke: color.visualElementsColors.PLOT_FILL_COLOR,\n  '&.correct': correct('stroke'),\n  '&.incorrect': incorrect('stroke'),\n}));\n\nconst CustomBarElement = (props) => {\n  const { index, pointDiameter, barX, barWidth, pointHeight, label, value, scale, dottedOverline } = props;\n\n  const x = barX + (barWidth - pointDiameter) / 2;\n  const y = scale.y(index) - (pointHeight - pointDiameter) / 2;\n  const EXTRA_PADDING = 2;\n\n  return dottedOverline ? (\n    <rect\n      key={`point-${label}-${value}-${index}`}\n      x={x - EXTRA_PADDING}\n      y={y - pointDiameter - EXTRA_PADDING}\n      width={pointDiameter + EXTRA_PADDING * 2}\n      height={pointDiameter + EXTRA_PADDING * 2}\n      strokeDasharray=\"4,4\"\n      stroke={color.defaults.BORDER_GRAY}\n      fill=\"none\"\n    />\n  ) : (\n    <Group>\n      <StyledLinePath\n        data={[\n          { x, y },\n          { x: x + pointDiameter, y: y - pointDiameter },\n        ]}\n        key={`point-${label}-${value}-${index}-1`}\n        className={'line'}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={pointDiameter / 5}\n      />\n      <StyledLinePath\n        data={[\n          { x, y: y - pointDiameter },\n          { x: x + pointDiameter, y },\n        ]}\n        key={`point-${label}-${value}-${index}-2`}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={pointDiameter / 5}\n        className={'line'}\n      />\n    </Group>\n  );\n};\n\nCustomBarElement.propTypes = {\n  index: PropTypes.number,\n  pointDiameter: PropTypes.number,\n  barX: PropTypes.number,\n  barWidth: PropTypes.number,\n  pointHeight: PropTypes.number,\n  value: PropTypes.number,\n  label: PropTypes.string,\n  scale: PropTypes.object,\n  dottedOverline: PropTypes.bool,\n};\n\nexport class LinePlot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'linePlot');\n\n    return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n  }\n}\n\nexport default () => ({\n  type: 'linePlot',\n  Component: LinePlot,\n  name: 'Line Plot',\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/tool-menu.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ToolMenu = exports.MiniButton = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _renderUi = require("@pie-lib/render-ui");
+var _styles = require("@mui/material/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _translator = _interopRequireDefault(require("@pie-lib/translator"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var translator = _translator["default"].translator;
+var StyledMiniButton = (0, _styles.styled)(_Button["default"])(function (_ref) {
+  var theme = _ref.theme,
+    selected = _ref.selected,
+    disabled = _ref.disabled;
+  return _objectSpread(_objectSpread(_objectSpread({
+    color: _renderUi.color.text(),
+    border: "1px solid ".concat(_renderUi.color.secondary()),
+    fontSize: theme.typography.fontSize
+  }, selected && {
+    backgroundColor: _renderUi.color.background(),
+    '& span': {
+      color: _renderUi.color.primaryDark()
+    }
+  }), !selected && !disabled && {
+    '& span': {
+      color: _renderUi.color.primary()
+    },
+    backgroundColor: _renderUi.color.background()
+  }), disabled && {
+    '& span': {
+      color: _renderUi.color.primary()
+    },
+    backgroundColor: _renderUi.color.disabled()
+  });
+});
+var MiniButton = exports.MiniButton = function MiniButton(props) {
+  var disabled = props.disabled,
+    selected = props.selected,
+    value = props.value,
+    onClick = props.onClick;
+  return /*#__PURE__*/_react["default"].createElement(StyledMiniButton, {
+    size: "small",
+    disabled: disabled,
+    selected: selected,
+    color: selected ? 'secondary' : 'default',
+    value: value,
+    key: value,
+    variant: "outlined",
+    onClick: onClick
+  }, value);
+};
+MiniButton.propTypes = {
+  disabled: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  selected: _propTypes["default"].bool,
+  value: _propTypes["default"].string,
+  onClick: _propTypes["default"].func
+};
+var ToolMenu = exports.ToolMenu = /*#__PURE__*/function (_React$Component) {
+  function ToolMenu() {
+    (0, _classCallCheck2["default"])(this, ToolMenu);
+    return _callSuper(this, ToolMenu, arguments);
+  }
+  (0, _inherits2["default"])(ToolMenu, _React$Component);
+  return (0, _createClass2["default"])(ToolMenu, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        disabled = _this$props.disabled,
+        addCategory = _this$props.addCategory,
+        language = _this$props.language;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: className
+      }, !disabled && /*#__PURE__*/_react["default"].createElement(MiniButton, {
+        value: translator.t('charting.addCategory', {
+          lng: language
+        }),
+        onClick: addCategory
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(ToolMenu, "propTypes", {
+  className: _propTypes["default"].string,
+  addCategory: _propTypes["default"].func,
+  disabled: _propTypes["default"].bool,
+  language: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(ToolMenu, "defaultProps", {});
+var _default = exports["default"] = ToolMenu;
+//# sourceMappingURL=tool-menu.js.map

package/lib/tool-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-menu.js","names":["_react","_interopRequireDefault","require","_propTypes","_renderUi","_styles","_Button","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","StyledMiniButton","styled","Button","_ref","theme","selected","disabled","color","text","border","concat","secondary","fontSize","typography","backgroundColor","background","primaryDark","primary","MiniButton","exports","props","value","onClick","createElement","size","key","variant","propTypes","PropTypes","bool","className","string","func","ToolMenu","_React$Component","_classCallCheck2","_inherits2","_createClass2","render","_this$props","addCategory","language","lng","React","Component","_default"],"sources":["../src/tool-menu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledMiniButton = styled(Button)(({ theme, selected, disabled }) => ({\n  color: color.text(),\n  border: `1px solid ${color.secondary()}`,\n  fontSize: theme.typography.fontSize,\n  ...(selected && {\n    backgroundColor: color.background(),\n    '& span': {\n      color: color.primaryDark(),\n    },\n  }),\n  ...(!selected &&\n    !disabled && {\n      '& span': {\n        color: color.primary(),\n      },\n      backgroundColor: color.background(),\n    }),\n  ...(disabled && {\n    '& span': {\n      color: color.primary(),\n    },\n    backgroundColor: color.disabled(),\n  }),\n}));\n\nexport const MiniButton = (props) => {\n  const { disabled, selected, value, onClick } = props;\n\n  return (\n    <StyledMiniButton\n      size=\"small\"\n      disabled={disabled}\n      selected={selected}\n      color={selected ? 'secondary' : 'default'}\n      value={value}\n      key={value}\n      variant=\"outlined\"\n      onClick={onClick}\n    >\n      {value}\n    </StyledMiniButton>\n  );\n};\nMiniButton.propTypes = {\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  selected: PropTypes.bool,\n  value: PropTypes.string,\n  onClick: PropTypes.func,\n};\n\nexport class ToolMenu extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    addCategory: PropTypes.func,\n    disabled: PropTypes.bool,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { className, disabled, addCategory, language } = this.props;\n\n    return (\n      <div className={className}>\n        {!disabled && (\n          <MiniButton value={translator.t('charting.addCategory', { lng: language })} onClick={addCategory} />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ToolMenu;\n"],"mappings":"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","ignoreList":[]}

package/lib/utils.js

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tickCount = exports.point = exports.getTopPadding = exports.getTickValues = exports.getScale = exports.getRotateAngle = exports.getGridLinesAndAxisByChartType = exports.getDomainAndRangeByChartType = exports.getAdjustedX = exports.dataToXBand = exports.bounds = exports.bandKey = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _scale = require("@visx/scale");
+var _plot = require("@pie-lib/plot");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var tickCount = exports.tickCount = _plot.utils.tickCount;
+var bounds = exports.bounds = _plot.utils.bounds;
+var point = exports.point = _plot.utils.point;
+var bandKey = exports.bandKey = function bandKey(d, index) {
+  return "".concat(index, "-").concat(d.label || '-');
+};
+var dataToXBand = exports.dataToXBand = function dataToXBand(scaleX, data, width, type) {
+  var chartWidth = width || 400; // fallback
+  var domain = data && data.length ? data.map(bandKey) : ['default'];
+  switch (type) {
+    case 'bar':
+    case 'dotPlot':
+    case 'linePlot':
+      return (0, _scale.scaleBand)({
+        range: [0, chartWidth],
+        domain: domain,
+        padding: 0.2
+      });
+    case 'histogram':
+      return (0, _scale.scaleBand)({
+        range: [0, chartWidth],
+        domain: domain,
+        padding: 0
+      });
+    case 'lineCross':
+    case 'lineDot':
+      return (0, _scale.scalePoint)({
+        domain: domain,
+        range: [0, chartWidth]
+      });
+    default:
+      return (0, _scale.scaleBand)({
+        range: [0, chartWidth],
+        domain: domain,
+        padding: 0
+      });
+  }
+};
+var getTickValues = exports.getTickValues = function getTickValues() {
+  var prop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var tickValues = [];
+  var tickVal = prop.min;
+  while (tickVal <= prop.max) {
+    tickValues.push(tickVal);
+    tickVal = Math.round((tickVal + prop.step) * 10000) / 10000;
+  }
+  return tickValues;
+};
+var getDomainAndRangeByChartType = exports.getDomainAndRangeByChartType = function getDomainAndRangeByChartType(domain, range, chartType) {
+  var _ref = range || {},
+    step = _ref.step,
+    labelStep = _ref.labelStep,
+    min = _ref.min,
+    max = _ref.max;
+  if (!min) {
+    min = 0;
+  }
+  if (!max || max < 0) {
+    max = range.min + 1;
+  }
+  if (!step) {
+    step = labelStep || 1;
+  }
+  if (!labelStep || isNaN(labelStep) && step) {
+    labelStep = step || 1;
+  }
+  range.max = max;
+  switch (chartType) {
+    // if chart is dot plot or line plot, we should ignore step and make sure that min & max are integer values
+    case 'dotPlot':
+    case 'linePlot':
+      {
+        var intMin = Math.round(min);
+        var intMax = Math.round(max);
+        return {
+          domain: _objectSpread(_objectSpread({}, domain), {}, {
+            step: 1,
+            labelStep: 1,
+            min: 0,
+            max: 1
+          }),
+          range: _objectSpread(_objectSpread({}, range), {}, {
+            min: intMin,
+            max: intMin === intMax ? intMin + 1 : intMax,
+            labelStep: labelStep,
+            step: 1
+          })
+        };
+      }
+    default:
+      return {
+        domain: _objectSpread(_objectSpread({}, domain), {}, {
+          step: 1,
+          labelStep: 1,
+          min: 0,
+          max: 1
+        }),
+        range: _objectSpread(_objectSpread({}, range), {}, {
+          labelStep: labelStep,
+          step: step
+        })
+      };
+  }
+};
+var getGridLinesAndAxisByChartType = exports.getGridLinesAndAxisByChartType = function getGridLinesAndAxisByChartType(range, chartType) {
+  switch (chartType) {
+    case 'lineDot':
+    case 'lineCross':
+      return {
+        verticalLines: undefined,
+        horizontalLines: getTickValues(range),
+        leftAxis: true
+      };
+    case 'dotPlot':
+    case 'linePlot':
+      return {
+        verticalLines: [],
+        horizontalLines: [],
+        leftAxis: false
+      };
+    default:
+      return {
+        verticalLines: [],
+        horizontalLines: getTickValues(range),
+        leftAxis: true
+      };
+  }
+};
+var getRotateAngle = exports.getRotateAngle = function getRotateAngle(fontSize, height) {
+  if (height >= fontSize * 2) {
+    return 25;
+  }
+  return 0;
+};
+var getTopPadding = exports.getTopPadding = function getTopPadding(barWidth) {
+  if (barWidth < 30) {
+    return 50;
+  }
+  if (barWidth < 40) {
+    return 30;
+  }
+  if (barWidth < 60) {
+    return 15;
+  }
+  return 0;
+};
+
+// This function calculates the transformation scale for SVG and the icon's vertical distance from its category
+var getScale = exports.getScale = function getScale(width) {
+  var scale, deltay;
+  if (width > 91) {
+    scale = 1.3;
+    deltay = -55;
+  } else if (width > 45) {
+    scale = 1.1;
+    deltay = -45;
+  } else if (width > 40) {
+    scale = 0.5 + (width - 34) * 0.02;
+    deltay = -25;
+  } else if (width > 30) {
+    scale = 0.5 + (width - 34) * 0.02;
+    deltay = -20;
+  } else {
+    scale = 0.5 * Math.pow(0.98, 34 - width); // 0.98 is the reduction factor. Adjust to control scaling.
+    deltay = -15;
+  }
+  return {
+    scale: scale,
+    deltay: deltay
+  };
+};
+var getAdjustedX = exports.getAdjustedX = function getAdjustedX(width, scaleValue) {
+  var innerWidthOriginal = 57;
+  var effectiveInnerWidth = innerWidthOriginal * scaleValue;
+  return (width - effectiveInnerWidth) / 2;
+};
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_scale","require","_plot","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","tickCount","exports","utils","bounds","point","bandKey","d","index","concat","label","dataToXBand","scaleX","data","width","type","chartWidth","domain","map","scaleBand","range","padding","scalePoint","getTickValues","prop","undefined","tickValues","tickVal","min","max","Math","round","step","getDomainAndRangeByChartType","chartType","_ref","labelStep","isNaN","intMin","intMax","getGridLinesAndAxisByChartType","verticalLines","horizontalLines","leftAxis","getRotateAngle","fontSize","height","getTopPadding","barWidth","getScale","scale","deltay","pow","getAdjustedX","scaleValue","innerWidthOriginal","effectiveInnerWidth"],"sources":["../src/utils.js"],"sourcesContent":["import { scaleBand, scalePoint } from '@visx/scale';\nimport { utils } from '@pie-lib/plot';\n\nexport const tickCount = utils.tickCount;\nexport const bounds = utils.bounds;\nexport const point = utils.point;\n\nexport const bandKey = (d, index) => `${index}-${d.label || '-'}`;\n\nexport const dataToXBand = (scaleX, data, width, type) => {\n  const chartWidth = width || 400; // fallback\n  const domain = data && data.length ? data.map(bandKey) : ['default'];\n\n  switch (type) {\n    case 'bar':\n    case 'dotPlot':\n    case 'linePlot':\n      return scaleBand({\n        range: [0, chartWidth],\n        domain,\n        padding: 0.2,\n      });\n\n    case 'histogram':\n      return scaleBand({\n        range: [0, chartWidth],\n        domain,\n        padding: 0,\n      });\n\n    case 'lineCross':\n    case 'lineDot':\n      return scalePoint({\n        domain,\n        range: [0, chartWidth],\n      });\n\n    default:\n      return scaleBand({\n        range: [0, chartWidth],\n        domain,\n        padding: 0,\n      });\n  }\n};\n\nexport const getTickValues = (prop = {}) => {\n  const tickValues = [];\n  let tickVal = prop.min;\n\n  while (tickVal <= prop.max) {\n    tickValues.push(tickVal);\n    tickVal = Math.round((tickVal + prop.step) * 10000) / 10000;\n  }\n\n  return tickValues;\n};\n\nexport const getDomainAndRangeByChartType = (domain, range, chartType) => {\n  let { step, labelStep, min, max } = range || {};\n\n  if (!min) {\n    min = 0;\n  }\n\n  if (!max || max < 0) {\n    max = range.min + 1;\n  }\n\n  if (!step) {\n    step = labelStep || 1;\n  }\n  if (!labelStep || (isNaN(labelStep) && step)) {\n    labelStep = step || 1;\n  }\n\n  range.max = max;\n\n  switch (chartType) {\n    // if chart is dot plot or line plot, we should ignore step and make sure that min & max are integer values\n    case 'dotPlot':\n    case 'linePlot': {\n      const intMin = Math.round(min);\n      const intMax = Math.round(max);\n\n      return {\n        domain: {\n          ...domain,\n          step: 1,\n          labelStep: 1,\n          min: 0,\n          max: 1,\n        },\n        range: {\n          ...range,\n          min: intMin,\n          max: intMin === intMax ? intMin + 1 : intMax,\n          labelStep,\n          step: 1,\n        },\n      };\n    }\n\n    default:\n      return {\n        domain: {\n          ...domain,\n          step: 1,\n          labelStep: 1,\n          min: 0,\n          max: 1,\n        },\n        range: {\n          ...range,\n          labelStep,\n          step,\n        },\n      };\n  }\n};\n\nexport const getGridLinesAndAxisByChartType = (range, chartType) => {\n  switch (chartType) {\n    case 'lineDot':\n    case 'lineCross':\n      return {\n        verticalLines: undefined,\n        horizontalLines: getTickValues(range),\n        leftAxis: true,\n      };\n\n    case 'dotPlot':\n    case 'linePlot':\n      return {\n        verticalLines: [],\n        horizontalLines: [],\n        leftAxis: false,\n      };\n\n    default:\n      return {\n        verticalLines: [],\n        horizontalLines: getTickValues(range),\n        leftAxis: true,\n      };\n  }\n};\n\nexport const getRotateAngle = (fontSize, height) => {\n  if (height >= fontSize * 2) {\n    return 25;\n  }\n\n  return 0;\n};\n\nexport const getTopPadding = (barWidth) => {\n  if (barWidth < 30) {\n    return 50;\n  }\n\n  if (barWidth < 40) {\n    return 30;\n  }\n\n  if (barWidth < 60) {\n    return 15;\n  }\n\n  return 0;\n};\n\n// This function calculates the transformation scale for SVG and the icon's vertical distance from its category\nexport const getScale = (width) => {\n  let scale, deltay;\n\n  if (width > 91) {\n    scale = 1.3;\n    deltay = -55;\n  } else if (width > 45) {\n    scale = 1.1;\n    deltay = -45;\n  } else if (width > 40) {\n    scale = 0.5 + (width - 34) * 0.02;\n    deltay = -25;\n  } else if (width > 30) {\n    scale = 0.5 + (width - 34) * 0.02;\n    deltay = -20;\n  } else {\n    scale = 0.5 * Math.pow(0.98, 34 - width); // 0.98 is the reduction factor. Adjust to control scaling.\n    deltay = -15;\n  }\n\n  return { scale, deltay };\n};\n\nexport const getAdjustedX = (width, scaleValue) => {\n  const innerWidthOriginal = 57;\n  const effectiveInnerWidth = innerWidthOriginal * scaleValue;\n  return (width - effectiveInnerWidth) / 2;\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,16 +1,31 @@
 {
   "name": "@pie-lib/charting",
-  "version": "7.0.4-next.31",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "7.0.4-next.36+819b6f539",
   "description": "charting",
+  "keywords": [
+    "react",
+    "pie",
+    "charting"
+  ],
+  "scripts": {},
+  "repository": "pie-framework/pie-lib",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "author": "",
+  "license": "ISC",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/plot": "4.0.4-next.31",
-    "@pie-lib/render-ui": "6.1.1-next.38",
-    "@pie-lib/translator": "4.0.3-next.1",
+    "@pie-lib/math-rendering": "^5.0.2",
+    "@pie-lib/plot": "^4.0.4-next.36+819b6f539",
+    "@pie-lib/render-ui": "^6.1.0",
+    "@pie-lib/translator": "^4.0.2",
     "@visx/axis": "^3.0.0",
     "@visx/event": "^3.0.0",
     "@visx/grid": "^3.0.0",
@@ -18,47 +33,21 @@
     "@visx/point": "^3.0.0",
     "@visx/scale": "^3.0.0",
     "@visx/shape": "^3.0.0",
+    "classnames": "^2.2.6",
     "d3-scale": "^4.0.2",
     "d3-selection": "^3.0.0",
     "debug": "^4.1.1",
     "invariant": "^2.2.4",
-    "react-draggable": "^4.6.0",
-    "prop-types": "^15.8.1",
-    "@pie-lib/config-ui": "13.0.4-next.31",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.1-next.0",
-    "@pie-element/shared-lodash": "0.1.1-next.1",
-    "clsx": "^2.1.1",
-    "d3-time": "^3.1.0",
-    "d3-interpolate": "^3.0.1",
-    "d3-shape": "^3.2.0"
-  },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
+    "lodash-es": "^4.17.23",
+    "react": "^18.2.0",
+    "react-draggable": "^3.3.0",
+    "react-input-autosize": "^2.2.1"
   },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "build": "bun x vite build && bun x tsc --emitDeclarationOnly",
-    "dev": "bun x vite",
-    "test": "bun x vitest run"
+  "peerDependencies": {
+    "react": "^18.2.0"
   },
   "devDependencies": {
-    "vite": "^8.0.1",
-    "typescript": "^5.9.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
+    "@pie-lib/test-utils": "^2.0.2"
   },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  }
+  "gitHead": "819b6f5394d74cf3cf60ded1579ae417f0a818d0"
 }