@pie-lib/charting 6.1.0-next.4 → 6.1.1-next.0

package/lib/common/correctness-indicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"correctness-indicators.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Check","_Close","_renderUi","StyledCorrectIcon","styled","Check","_ref","theme","borderRadius","spacing","color","enumColor","defaults","WHITE","fontSize","width","height","padding","border","concat","stroke","boxSizing","backgroundColor","correct","display","StyledIncorrectIcon","Close","_ref2","incorrectWithIcon","CorrectnessIndicator","exports","_ref3","scale","x","y","correctness","interactive","cx","cy","isCorrect","value","createElement","title","label","SmallCorrectPointIndicator","_ref4","correctData","_correctData$find","correctVal","parseFloat","find","d","isNaN","correctPxY","yToRender","xToRender","className","TickCorrectnessIndicator","_ref5","propTypes","PropTypes","shape","func","number","isRequired","string","bool","arrayOf","oneOfType"],"sources":["../../src/common/correctness-indicators.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\nimport { color as enumColor } from '@pie-lib/render-ui';\n\nconst StyledCorrectIcon = styled(Check)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.correct(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nconst StyledIncorrectIcon = styled(Close)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.incorrectWithIcon(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nexport const CorrectnessIndicator = ({ scale, x, y, correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n  const cx = scale ? scale.x(x) : x;\n  const cy = scale ? scale.y(y) : y;\n  const isCorrect = correctness.value === 'correct';\n\n  // the icon is 16px + 2px padding + 1px border, so total size is 22px\n  return (\n    <foreignObject x={cx - 11} y={cy - 11} width={22} height={22}>\n      {isCorrect ? (\n        <StyledCorrectIcon title={correctness.label} />\n      ) : (\n        <StyledIncorrectIcon title={correctness.label} />\n      )}\n    </foreignObject>\n  );\n};\n\nexport const SmallCorrectPointIndicator = ({ scale, x, correctness, correctData, label }) => {\n  if (correctness && correctness.value === 'incorrect') {\n    const correctVal = parseFloat(correctData.find((d) => d.label === label)?.value);\n    if (isNaN(correctVal)) return null;\n    const correctPxY = scale.y(correctVal);\n    const yToRender = correctPxY - 7.5;\n    const xToRender = scale.x(x) - 7.5;\n\n    // small circle has 10px font + 2px padding + 1px border, so total size is 15px\n    return (\n      <foreignObject x={xToRender} y={yToRender} width={15} height={15}>\n        <StyledCorrectIcon\n          className=\"small\"\n          title={correctness.label}\n        />\n      </foreignObject>\n    );\n  }\n\n  return null;\n};\n\nexport const TickCorrectnessIndicator = ({ correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n\n  return correctness.value === 'correct' ? (\n    <StyledCorrectIcon title={correctness.label} />\n  ) : (\n    <StyledIncorrectIcon title={correctness.label} />\n  );\n};\n\nCorrectnessIndicator.propTypes = {\n  scale: PropTypes.shape({\n    x: PropTypes.func,\n    y: PropTypes.func,\n  }),\n  x: PropTypes.number.isRequired,\n  y: PropTypes.number.isRequired,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  interactive: PropTypes.bool,\n};\n\nSmallCorrectPointIndicator.propTypes = {\n  scale: PropTypes.shape({\n    x: PropTypes.func,\n    y: PropTypes.func,\n  }).isRequired,\n  x: PropTypes.number.isRequired,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  correctData: PropTypes.arrayOf(PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  })),\n  label: PropTypes.string,\n};\n\nTickCorrectnessIndicator.propTypes = {\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  interactive: PropTypes.bool,\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/common/drag-handle.js

@@ -0,0 +1,161 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DragHandle = exports.D = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _plot = require("@pie-lib/plot");
+var _renderUi = require("@pie-lib/render-ui");
+var _utils = require("../utils");
+var _dragIcon = _interopRequireDefault(require("./drag-icon"));
+var _excluded = ["x", "y", "width", "graphProps", "interactive", "isHovered", "correctness", "isPlot"];
+var StyledSvg = (0, _styles.styled)('svg')(function () {
+  return {
+    overflow: 'visible !important'
+  };
+});
+var StyledEllipse = (0, _styles.styled)('ellipse')(function () {
+  return {
+    fill: 'transparent',
+    clipPath: 'polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)'
+  };
+});
+var StyledCorrectIcon = (0, _styles.styled)(_Check["default"])(function () {
+  return {
+    backgroundColor: _renderUi.color.correct(),
+    borderRadius: '16px',
+    // equivalent to theme.spacing(2) for most themes
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    padding: '2px',
+    border: "4px solid ".concat(_renderUi.color.defaults.WHITE),
+    width: '16px',
+    height: '16px',
+    boxSizing: 'unset' // to override the default border-box in IBX
+  };
+});
+var StyledIncorrectIcon = (0, _styles.styled)(_Close["default"])(function () {
+  return {
+    backgroundColor: _renderUi.color.incorrectWithIcon(),
+    borderRadius: '16px',
+    // equivalent to theme.spacing(2) for most themes
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    padding: '2px',
+    border: "4px solid ".concat(_renderUi.color.defaults.WHITE),
+    width: '16px',
+    height: '16px',
+    boxSizing: 'unset' // to override the default border-box in IBX
+  };
+});
+var RawDragHandle = function RawDragHandle(_ref) {
+  var _getScale;
+  var x = _ref.x,
+    y = _ref.y,
+    width = _ref.width,
+    graphProps = _ref.graphProps,
+    interactive = _ref.interactive,
+    isHovered = _ref.isHovered,
+    correctness = _ref.correctness,
+    isPlot = _ref.isPlot,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var scale = graphProps.scale;
+  var scaleValue = (_getScale = (0, _utils.getScale)(width)) === null || _getScale === void 0 ? void 0 : _getScale.scale;
+  return /*#__PURE__*/_react["default"].createElement(StyledSvg, {
+    x: x,
+    y: scale.y(y) - 10,
+    width: width,
+    overflow: "visible"
+  }, isHovered && !correctness && interactive && /*#__PURE__*/_react["default"].createElement(_dragIcon["default"], {
+    width: width,
+    scaleValue: scaleValue,
+    color: _renderUi.color.defaults.BORDER_GRAY
+  }), interactive && !correctness && /*#__PURE__*/_react["default"].createElement(StyledEllipse, (0, _extends2["default"])({
+    cx: width / 2,
+    cy: 10,
+    rx: width / 2
+    // the drag icon has a 22px fixed r value, so the ry value is 3 times that in order to cover all the area
+    ,
+    ry: 66
+  }, rest)), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+    id: "bottomShadow",
+    x: "0",
+    y: "0",
+    width: "140%",
+    height: "140%"
+  }, /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
+    "in": "SourceAlpha",
+    stdDeviation: "3"
+  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
+    dx: "0",
+    dy: "5",
+    result: "offsetblur"
+  }), /*#__PURE__*/_react["default"].createElement("feFlood", {
+    floodColor: "#00000033"
+  }), /*#__PURE__*/_react["default"].createElement("feComposite", {
+    in2: "offsetblur",
+    operator: "in"
+  }), /*#__PURE__*/_react["default"].createElement("feMerge", null, /*#__PURE__*/_react["default"].createElement("feMergeNode", null), /*#__PURE__*/_react["default"].createElement("feMergeNode", {
+    "in": "SourceGraphic"
+  })))), correctness && interactive && !isPlot && /*#__PURE__*/_react["default"].createElement("foreignObject", {
+    x: width / 2 - 14,
+    y: 0,
+    width: 40,
+    height: 40
+  }, correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
+    title: correctness.label
+  }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectIcon, {
+    title: correctness.label
+  })));
+};
+RawDragHandle.propTypes = {
+  x: _propTypes["default"].number.isRequired,
+  y: _propTypes["default"].number.isRequired,
+  width: _propTypes["default"].number,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  interactive: _propTypes["default"].bool,
+  isHovered: _propTypes["default"].bool,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  isPlot: _propTypes["default"].bool
+};
+var DragHandle = exports.DragHandle = RawDragHandle;
+var D = exports.D = (0, _plot.gridDraggable)({
+  axis: 'y',
+  fromDelta: function fromDelta(props, delta) {
+    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.
+    delta.x = 0;
+    var newPoint = _plot.utils.point(props).add(_plot.utils.point(delta));
+    return newPoint.y;
+  },
+  bounds: function bounds(props, _ref2) {
+    var domain = _ref2.domain,
+      range = _ref2.range;
+    var area = {
+      left: 0,
+      top: props.y,
+      bottom: props.y,
+      right: 0
+    };
+    return _plot.utils.bounds(area, domain, range);
+  },
+  anchorPoint: function anchorPoint(props) {
+    return {
+      x: props.x,
+      y: props.y
+    };
+  }
+})(DragHandle);
+var _default = exports["default"] = D;
+//# sourceMappingURL=drag-handle.js.map

package/lib/common/drag-handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-handle.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Check","_Close","_plot","_renderUi","_utils","_dragIcon","_excluded","StyledSvg","styled","overflow","StyledEllipse","fill","clipPath","StyledCorrectIcon","Check","backgroundColor","enumColor","correct","borderRadius","color","defaults","WHITE","fontSize","padding","border","concat","width","height","boxSizing","StyledIncorrectIcon","Close","incorrectWithIcon","RawDragHandle","_ref","_getScale","x","y","graphProps","interactive","isHovered","correctness","isPlot","rest","_objectWithoutProperties2","scale","scaleValue","getScale","createElement","BORDER_GRAY","_extends2","cx","cy","rx","ry","id","stdDeviation","dx","dy","result","floodColor","in2","operator","value","title","label","propTypes","PropTypes","number","isRequired","types","GraphPropsType","bool","shape","string","DragHandle","exports","D","gridDraggable","axis","fromDelta","props","delta","newPoint","utils","point","add","bounds","_ref2","domain","range","area","left","top","bottom","right","anchorPoint","_default"],"sources":["../../src/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\n\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { color as enumColor } from '@pie-lib/render-ui';\nimport { getScale } from '../utils';\nimport DragIcon from './drag-icon';\n\nconst StyledSvg = styled('svg')(() => ({\n  overflow: 'visible !important',\n}));\n\nconst StyledEllipse = styled('ellipse')(() => ({\n  fill: 'transparent',\n  clipPath: 'polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)',\n}));\n\nconst StyledCorrectIcon = styled(Check)(() => ({\n  backgroundColor: enumColor.correct(),\n  borderRadius: '16px', // equivalent to theme.spacing(2) for most themes\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  padding: '2px',\n  border: `4px solid ${enumColor.defaults.WHITE}`,\n  width: '16px',\n  height: '16px',\n  boxSizing: 'unset', // to override the default border-box in IBX\n}));\n\nconst StyledIncorrectIcon = styled(Close)(() => ({\n  backgroundColor: enumColor.incorrectWithIcon(),\n  borderRadius: '16px', // equivalent to theme.spacing(2) for most themes\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  padding: '2px',\n  border: `4px solid ${enumColor.defaults.WHITE}`,\n  width: '16px',\n  height: '16px',\n  boxSizing: 'unset', // to override the default border-box in IBX\n}));\n\nconst RawDragHandle = ({\n  x,\n  y,\n  width,\n  graphProps,\n  interactive,\n  isHovered,\n  correctness,\n  isPlot,\n  ...rest\n}) => {\n  const { scale } = graphProps;\n  const scaleValue = getScale(width)?.scale;\n\n  return (\n    <StyledSvg x={x} y={scale.y(y) - 10} width={width} overflow=\"visible\">\n      {isHovered && !correctness && interactive && (\n        <DragIcon width={width} scaleValue={scaleValue} color={enumColor.defaults.BORDER_GRAY} />\n      )}\n      {interactive && !correctness && (\n        <StyledEllipse\n          cx={width / 2}\n          cy={10}\n          rx={width / 2}\n          // the drag icon has a 22px fixed r value, so the ry value is 3 times that in order to cover all the area\n          ry={66}\n          {...rest}\n        />\n      )}\n\n      <defs>\n        <filter id=\"bottomShadow\" x=\"0\" y=\"0\" width=\"140%\" height=\"140%\">\n          <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\" />\n          <feOffset dx=\"0\" dy=\"5\" result=\"offsetblur\" />\n          <feFlood floodColor=\"#00000033\" />\n          <feComposite in2=\"offsetblur\" operator=\"in\" />\n          <feMerge>\n            <feMergeNode />\n            <feMergeNode in=\"SourceGraphic\" />\n          </feMerge>\n        </filter>\n      </defs>\n\n      {correctness && interactive && !isPlot && (\n        <foreignObject x={width / 2 - 14} y={0} width={40} height={40}>\n          {correctness.value === 'correct' ? (\n            <StyledCorrectIcon title={correctness.label} />\n          ) : (\n            <StyledIncorrectIcon title={correctness.label} />\n          )}\n        </foreignObject>\n      )}\n    </StyledSvg>\n  );\n};\n\nRawDragHandle.propTypes = {\n  x: PropTypes.number.isRequired,\n  y: PropTypes.number.isRequired,\n  width: PropTypes.number,\n  graphProps: types.GraphPropsType.isRequired,\n  interactive: PropTypes.bool,\n  isHovered: PropTypes.bool,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  isPlot: PropTypes.bool,\n};\n\nexport const DragHandle = RawDragHandle;\n\nexport const D = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    return { x: props.x, y: props.y };\n  },\n})(DragHandle);\n\nexport default D;\n"],"mappings":"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","ignoreList":[]}

package/lib/common/drag-icon.js

@@ -0,0 +1,54 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.concat.js");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("../utils");
+var DragIcon = function DragIcon(_ref) {
+  var _getScale;
+  var width = _ref.width,
+    scaleValue = _ref.scaleValue,
+    color = _ref.color;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    x: (0, _utils.getAdjustedX)(width, scaleValue),
+    y: (_getScale = (0, _utils.getScale)(width)) === null || _getScale === void 0 ? void 0 : _getScale.deltay,
+    color: color,
+    width: width,
+    height: width,
+    overflow: "visible",
+    viewBox: "0 0 ".concat(width, " ").concat(width),
+    style: {
+      overflow: 'visible !important'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    stroke: "currentColor",
+    transform: "scale(".concat(scaleValue, ")")
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
+    cx: "28.5",
+    cy: "23.5",
+    r: "22",
+    fill: "white",
+    stroke: "currentColor"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M33.5 21.25H23.4609C22.7578 21.25 22.4062 20.4297 22.9141 19.9219L27.9141 14.9219C28.2266 14.6094 28.7344 14.6094 29.0469 14.9219L34.0469 19.9219C34.5547 20.4297 34.2031 21.25 33.5 21.25Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M23.5 25.75L33.5391 25.75C34.2422 25.75 34.5938 26.5703 34.0859 27.0781L29.0859 32.0781C28.7734 32.3906 28.2656 32.3906 27.9531 32.0781L22.9531 27.0781C22.4453 26.5703 22.7969 25.75 23.5 25.75Z",
+    fill: "currentColor"
+  })));
+};
+DragIcon.propTypes = {
+  width: _propTypes["default"].number.isRequired,
+  scaleValue: _propTypes["default"].number.isRequired,
+  color: _propTypes["default"].string
+};
+var _default = exports["default"] = DragIcon;
+//# sourceMappingURL=drag-icon.js.map

package/lib/common/drag-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-icon.js","names":["_react","_interopRequireDefault","require","_propTypes","_utils","DragIcon","_ref","_getScale","width","scaleValue","color","createElement","x","getAdjustedX","y","getScale","deltay","height","overflow","viewBox","concat","style","xmlns","fill","stroke","transform","cx","cy","r","d","propTypes","PropTypes","number","isRequired","string","_default","exports"],"sources":["../../src/common/drag-icon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getAdjustedX, getScale } from '../utils';\n\nconst DragIcon = ({ width, scaleValue, color }) => (\n  <svg\n    x={getAdjustedX(width, scaleValue)}\n    y={getScale(width)?.deltay}\n    color={color}\n    width={width}\n    height={width}\n    overflow=\"visible\"\n    viewBox={`0 0 ${width} ${width}`}\n    style={{ overflow: 'visible !important' }}\n  >\n    <g xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" stroke=\"currentColor\" transform={`scale(${scaleValue})`}>\n      <circle cx=\"28.5\" cy=\"23.5\" r=\"22\" fill=\"white\" stroke=\"currentColor\" />\n      <path\n        d=\"M33.5 21.25H23.4609C22.7578 21.25 22.4062 20.4297 22.9141 19.9219L27.9141 14.9219C28.2266 14.6094 28.7344 14.6094 29.0469 14.9219L34.0469 19.9219C34.5547 20.4297 34.2031 21.25 33.5 21.25Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M23.5 25.75L33.5391 25.75C34.2422 25.75 34.5938 26.5703 34.0859 27.0781L29.0859 32.0781C28.7734 32.3906 28.2656 32.3906 27.9531 32.0781L22.9531 27.0781C22.4453 26.5703 22.7969 25.75 23.5 25.75Z\"\n        fill=\"currentColor\"\n      />\n    </g>\n  </svg>\n);\n\nDragIcon.propTypes = {\n  width: PropTypes.number.isRequired,\n  scaleValue: PropTypes.number.isRequired,\n  color: PropTypes.string,\n};\n\nexport default DragIcon;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA;EAAA,IAAAC,SAAA;EAAA,IAAMC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;EAAA,oBAC1CV,MAAA,YAAAW,aAAA;IACEC,CAAC,EAAE,IAAAC,mBAAY,EAACL,KAAK,EAAEC,UAAU,CAAE;IACnCK,CAAC,GAAAP,SAAA,GAAE,IAAAQ,eAAQ,EAACP,KAAK,CAAC,cAAAD,SAAA,uBAAfA,SAAA,CAAiBS,MAAO;IAC3BN,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbS,MAAM,EAAET,KAAM;IACdU,QAAQ,EAAC,SAAS;IAClBC,OAAO,SAAAC,MAAA,CAASZ,KAAK,OAAAY,MAAA,CAAIZ,KAAK,CAAG;IACjCa,KAAK,EAAE;MAAEH,QAAQ,EAAE;IAAqB;EAAE,gBAE1ClB,MAAA,YAAAW,aAAA;IAAGW,KAAK,EAAC,4BAA4B;IAACC,IAAI,EAAC,cAAc;IAACC,MAAM,EAAC,cAAc;IAACC,SAAS,WAAAL,MAAA,CAAWX,UAAU;EAAI,gBAChHT,MAAA,YAAAW,aAAA;IAAQe,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,MAAM;IAACC,CAAC,EAAC,IAAI;IAACL,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC;EAAc,CAAE,CAAC,eACxExB,MAAA,YAAAW,aAAA;IACEkB,CAAC,EAAC,6LAA6L;IAC/LN,IAAI,EAAC;EAAc,CACpB,CAAC,eACFvB,MAAA,YAAAW,aAAA;IACEkB,CAAC,EAAC,mMAAmM;IACrMN,IAAI,EAAC;EAAc,CACpB,CACA,CACA,CAAC;AAAA,CACP;AAEDlB,QAAQ,CAACyB,SAAS,GAAG;EACnBtB,KAAK,EAAEuB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCxB,UAAU,EAAEsB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACvCvB,KAAK,EAAEqB,qBAAS,CAACG;AACnB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEa/B,QAAQ","ignoreList":[]}

package/lib/common/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.incorrect = exports.disabled = exports.correct = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _renderUi = require("@pie-lib/render-ui");
+var disabled = exports.disabled = function disabled() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, "var(--graph-disabled, ".concat(_renderUi.color.disabled(), ")")), "pointerEvents", 'none'), "border", 'none');
+};
+var correct = exports.correct = function correct() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.correct()), "pointerEvents", 'none'), "border", "solid 1px ".concat(_renderUi.color.correct()));
+};
+var incorrect = exports.incorrect = function incorrect() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.incorrect()), "pointerEvents", 'none'), "border", "solid 1px ".concat(_renderUi.color.incorrect()));
+};
+//# sourceMappingURL=styles.js.map

package/lib/common/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["_renderUi","require","disabled","exports","key","arguments","length","undefined","_defineProperty2","concat","color","correct","incorrect"],"sources":["../../src/common/styles.js"],"sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n  [key]: `var(--graph-disabled, ${color.disabled()})`,\n  pointerEvents: 'none',\n  border: 'none',\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correct(),\n  pointerEvents: 'none',\n  border: `solid 1px ${color.correct()}`,\n});\n\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrect(),\n  pointerEvents: 'none',\n  border: `solid 1px ${color.incorrect()}`,\n});"],"mappings":";;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,IAAIE,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBAAAA,gBAAA,iBAClCJ,GAAG,2BAAAK,MAAA,CAA4BC,eAAK,CAACR,QAAQ,CAAC,CAAC,0BACjC,MAAM,aACb,MAAM;AAAA,CACd;AAEK,IAAMS,OAAO,GAAAR,OAAA,CAAAQ,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,IAAIP,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBAAAA,gBAAA,iBACjCJ,GAAG,EAAGM,eAAK,CAACC,OAAO,CAAC,CAAC,oBACP,MAAM,0BAAAF,MAAA,CACAC,eAAK,CAACC,OAAO,CAAC,CAAC;AAAA,CACpC;AAEK,IAAMC,SAAS,GAAAT,OAAA,CAAAS,SAAA,GAAG,SAAZA,SAASA,CAAA;EAAA,IAAIR,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBAAAA,gBAAA,iBACnCJ,GAAG,EAAGM,eAAK,CAACE,SAAS,CAAC,CAAC,oBACT,MAAM,0BAAAH,MAAA,CACAC,eAAK,CAACE,SAAS,CAAC,CAAC;AAAA,CACtC","ignoreList":[]}

package/lib/grid.js

@@ -0,0 +1,105 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Grid = void 0;
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.object.to-string.js");
+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 _styles = require("@mui/material/styles");
+var _grid = require("@visx/grid");
+var _plot = require("@pie-lib/plot");
+var _renderUi = require("@pie-lib/render-ui");
+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 StyledGridGroup = (0, _styles.styled)('g')(function () {
+  return {
+    stroke: _renderUi.color.primaryLight()
+  };
+});
+var Grid = exports.Grid = /*#__PURE__*/function (_React$Component) {
+  function Grid() {
+    (0, _classCallCheck2["default"])(this, Grid);
+    return _callSuper(this, Grid, arguments);
+  }
+  (0, _inherits2["default"])(Grid, _React$Component);
+  return (0, _createClass2["default"])(Grid, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        graphProps = _this$props.graphProps,
+        xBand = _this$props.xBand,
+        rowTickValues = _this$props.rowTickValues,
+        columnTickValues = _this$props.columnTickValues;
+      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,
+        _ref$range = _ref.range,
+        range = _ref$range === void 0 ? {} : _ref$range;
+      var _range$step = range.step,
+        step = _range$step === void 0 ? 0 : _range$step,
+        _range$labelStep = range.labelStep,
+        labelStep = _range$labelStep === void 0 ? 0 : _range$labelStep;
+      var highlightNonLabel = step && labelStep && step < labelStep;
+      // if highlightNonLabel is true, we need to separate the unlabled lines in order to render them in a different color
+      var _reduce = (rowTickValues || []).reduce(function (acc, value) {
+          if (highlightNonLabel && value % labelStep !== 0) {
+            acc.unlabeledLines.push(value);
+          } else {
+            acc.labeledLines.push(value);
+          }
+          return acc;
+        }, {
+          unlabeledLines: [],
+          labeledLines: []
+        }),
+        unlabeledLines = _reduce.unlabeledLines,
+        labeledLines = _reduce.labeledLines;
+      return /*#__PURE__*/_react["default"].createElement(StyledGridGroup, null, /*#__PURE__*/_react["default"].createElement(_grid.GridRows, {
+        scale: scale.y,
+        width: size.width,
+        tickValues: unlabeledLines,
+        lineStyle: {
+          stroke: _renderUi.color.fadedPrimary(),
+          strokeWidth: 1
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_grid.GridRows, {
+        scale: scale.y,
+        width: size.width,
+        tickValues: labeledLines,
+        lineStyle: {
+          stroke: _renderUi.color.visualElementsColors.GRIDLINES_COLOR,
+          strokeWidth: 1
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_grid.GridColumns, {
+        scale: xBand,
+        height: size.height,
+        offset: xBand.bandwidth() / 2,
+        tickValues: columnTickValues
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Grid, "propTypes", {
+  className: _propTypes["default"].string,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  xBand: _propTypes["default"].func,
+  columnTickValues: _propTypes["default"].array,
+  rowTickValues: _propTypes["default"].array
+});
+(0, _defineProperty2["default"])(Grid, "defaultProps", {});
+var _default = exports["default"] = Grid;
+//# sourceMappingURL=grid.js.map

package/lib/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_grid","_plot","_renderUi","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledGridGroup","styled","stroke","color","primaryLight","Grid","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","graphProps","xBand","rowTickValues","columnTickValues","_ref","_ref$scale","scale","_ref$size","size","_ref$range","range","_range$step","step","_range$labelStep","labelStep","highlightNonLabel","_reduce","reduce","acc","unlabeledLines","push","labeledLines","createElement","GridRows","y","width","tickValues","lineStyle","fadedPrimary","strokeWidth","visualElementsColors","GRIDLINES_COLOR","GridColumns","height","offset","bandwidth","React","Component","_defineProperty2","className","PropTypes","string","types","GraphPropsType","isRequired","func","array","_default"],"sources":["../src/grid.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { GridRows, GridColumns } from '@visx/grid';\n\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledGridGroup = styled('g')(() => ({\n  stroke: color.primaryLight(),\n}));\n\nexport class Grid extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    graphProps: types.GraphPropsType.isRequired,\n    xBand: PropTypes.func,\n    columnTickValues: PropTypes.array,\n    rowTickValues: PropTypes.array,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { graphProps, xBand, rowTickValues, columnTickValues } = this.props;\n    const { scale = {}, size = {}, range = {} } = graphProps || {};\n    const { step = 0, labelStep = 0 } = range;\n    const highlightNonLabel = step && labelStep && step < labelStep;\n    // if highlightNonLabel is true, we need to separate the unlabled lines in order to render them in a different color\n    const { unlabeledLines, labeledLines } = (rowTickValues || []).reduce(\n      (acc, value) => {\n        if (highlightNonLabel && value % labelStep !== 0) {\n          acc.unlabeledLines.push(value);\n        } else {\n          acc.labeledLines.push(value);\n        }\n        return acc;\n      },\n      { unlabeledLines: [], labeledLines: [] },\n    );\n\n    return (\n      <StyledGridGroup>\n        <GridRows\n          scale={scale.y}\n          width={size.width}\n          tickValues={unlabeledLines}\n          lineStyle={{\n            stroke: color.fadedPrimary(),\n            strokeWidth: 1,\n          }}\n        />\n        <GridRows\n          scale={scale.y}\n          width={size.width}\n          tickValues={labeledLines}\n          lineStyle={{\n            stroke: color.visualElementsColors.GRIDLINES_COLOR,\n            strokeWidth: 1,\n          }}\n        />\n        <GridColumns scale={xBand} height={size.height} offset={xBand.bandwidth() / 2} tickValues={columnTickValues} />\n      </StyledGridGroup>\n    );\n  }\n}\n\nexport default Grid;\n"],"mappings":"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","ignoreList":[]}

package/lib/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Chart", {
+  enumerable: true,
+  get: function get() {
+    return _chart["default"];
+  }
+});
+Object.defineProperty(exports, "ChartType", {
+  enumerable: true,
+  get: function get() {
+    return _chartType["default"];
+  }
+});
+Object.defineProperty(exports, "ConfigureChartPanel", {
+  enumerable: true,
+  get: function get() {
+    return _chartSetup["default"];
+  }
+});
+Object.defineProperty(exports, "KeyLegend", {
+  enumerable: true,
+  get: function get() {
+    return _keyLegend["default"];
+  }
+});
+Object.defineProperty(exports, "chartTypes", {
+  enumerable: true,
+  get: function get() {
+    return _chartTypes["default"];
+  }
+});
+var _chart = _interopRequireDefault(require("./chart"));
+var _chartTypes = _interopRequireDefault(require("./chart-types"));
+var _chartSetup = _interopRequireDefault(require("./chart-setup"));
+var _chartType = _interopRequireDefault(require("./chart-type"));
+var _keyLegend = _interopRequireDefault(require("./key-legend"));
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_chart","_interopRequireDefault","require","_chartTypes","_chartSetup","_chartType","_keyLegend"],"sources":["../src/index.js"],"sourcesContent":["import Chart from './chart';\nimport chartTypes from './chart-types';\nimport ConfigureChartPanel from './chart-setup';\nimport ChartType from './chart-type';\nimport KeyLegend from './key-legend';\n\nexport { Chart, chartTypes, ChartType, ConfigureChartPanel, KeyLegend };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/lib/key-legend.js

@@ -0,0 +1,88 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _renderUi = require("@pie-lib/render-ui");
+var _translator = _interopRequireDefault(require("@pie-lib/translator"));
+var StyledContainer = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    backgroundColor: _renderUi.color.defaults.WHITE,
+    padding: theme.spacing(2),
+    width: '355px',
+    boxShadow: 'inset 0px 1px 5px 0px #9297A6',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  };
+});
+var StyledRow = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '12px'
+  };
+});
+var StyledTitle = (0, _styles.styled)('div')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    fontSize: theme.typography.h6.fontSize,
+    fontWeight: '700'
+  };
+});
+var StyledSmallText = (0, _styles.styled)('div')(function () {
+  return {
+    marginLeft: '2px'
+  };
+});
+var StyledCorrectIcon = (0, _styles.styled)(_Check["default"])(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    backgroundColor: _renderUi.color.correct(),
+    borderRadius: theme.spacing(2),
+    color: _renderUi.color.defaults.WHITE
+  };
+});
+var StyledIncorrectIcon = (0, _styles.styled)(_Close["default"])(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    backgroundColor: _renderUi.color.incorrectWithIcon(),
+    borderRadius: theme.spacing(2),
+    color: _renderUi.color.defaults.WHITE
+  };
+});
+var StyledLastRow = (0, _styles.styled)('div')(function () {
+  return {
+    marginLeft: '3px',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '12px'
+  };
+});
+var translator = _translator["default"].translator;
+var KeyLegend = function KeyLegend(_ref5) {
+  var language = _ref5.language;
+  return /*#__PURE__*/_react["default"].createElement(StyledContainer, null, /*#__PURE__*/_react["default"].createElement(StyledTitle, null, "Key"), /*#__PURE__*/_react["default"].createElement(StyledRow, null, /*#__PURE__*/_react["default"].createElement(StyledIncorrectIcon, null), /*#__PURE__*/_react["default"].createElement("div", null, translator.t('charting.keyLegend.incorrectAnswer', {
+    lng: language
+  }))), /*#__PURE__*/_react["default"].createElement(StyledRow, null, /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, null), /*#__PURE__*/_react["default"].createElement("div", null, translator.t('charting.keyLegend.correctAnswer', {
+    lng: language
+  }))), /*#__PURE__*/_react["default"].createElement(StyledLastRow, null, /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
+    fontSize: 'small'
+  }), /*#__PURE__*/_react["default"].createElement(StyledSmallText, null, translator.t('charting.keyLegend.correctKeyAnswer', {
+    lng: language
+  }))));
+};
+KeyLegend.propTypes = {
+  language: _propTypes["default"].string
+};
+var _default = exports["default"] = KeyLegend;
+//# sourceMappingURL=key-legend.js.map

package/lib/key-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-legend.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Check","_Close","_renderUi","_translator","StyledContainer","styled","_ref","theme","backgroundColor","color","defaults","WHITE","padding","spacing","width","boxShadow","display","flexDirection","gap","StyledRow","alignItems","StyledTitle","_ref2","fontSize","typography","h6","fontWeight","StyledSmallText","marginLeft","StyledCorrectIcon","Check","_ref3","correct","borderRadius","StyledIncorrectIcon","Close","_ref4","incorrectWithIcon","StyledLastRow","translator","Translator","KeyLegend","_ref5","language","createElement","t","lng","propTypes","PropTypes","string","_default","exports"],"sources":["../src/key-legend.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst StyledContainer = styled('div')(({ theme }) => ({\n  backgroundColor: color.defaults.WHITE,\n  padding: theme.spacing(2),\n  width: '355px',\n  boxShadow: 'inset 0px 1px 5px 0px #9297A6',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '16px',\n}));\n\nconst StyledRow = styled('div')(() => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '12px',\n}));\n\nconst StyledTitle = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.h6.fontSize,\n  fontWeight: '700',\n}));\n\nconst StyledSmallText = styled('div')(() => ({\n  marginLeft: '2px',\n}));\n\nconst StyledCorrectIcon = styled(Check)(({ theme }) => ({\n  backgroundColor: color.correct(),\n  borderRadius: theme.spacing(2),\n  color: color.defaults.WHITE,\n}));\n\nconst StyledIncorrectIcon = styled(Close)(({ theme }) => ({\n  backgroundColor: color.incorrectWithIcon(),\n  borderRadius: theme.spacing(2),\n  color: color.defaults.WHITE,\n}));\n\nconst StyledLastRow = styled('div')(() => ({\n  marginLeft: '3px',\n  display: 'flex',\n  alignItems: 'center',\n  gap: '12px',\n}));\n\nconst { translator } = Translator;\n\nconst KeyLegend = ({ language }) => (\n  <StyledContainer>\n    <StyledTitle>Key</StyledTitle>\n    <StyledRow>\n      <StyledIncorrectIcon />\n      <div>{translator.t('charting.keyLegend.incorrectAnswer', { lng: language })}</div>\n    </StyledRow>\n    <StyledRow>\n      <StyledCorrectIcon />\n      <div>{translator.t('charting.keyLegend.correctAnswer', { lng: language })}</div>\n    </StyledRow>\n    <StyledLastRow>\n      <StyledCorrectIcon fontSize={'small'} />\n      <StyledSmallText>{translator.t('charting.keyLegend.correctKeyAnswer', { lng: language })}</StyledSmallText>\n    </StyledLastRow>\n  </StyledContainer>\n);\n\nKeyLegend.propTypes = {\n  language: PropTypes.string,\n};\n\nexport default KeyLegend;\n"],"mappings":"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","ignoreList":[]}