@pie-lib/charting 5.36.1 → 5.37.0-mui-update.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/drag-handle.jsx"],"names":["RawDragHandle","x","y","width","graphProps","classes","className","interactive","defineChart","isHovered","correctness","color","isPlot","rest","scale","scaleValue","svgOverflowVisible","enumColor","defaults","BORDER_GRAY","transparentHandle","value","correctnessIcon","correctIcon","label","incorrectIcon","propTypes","PropTypes","number","isRequired","types","GraphPropsType","object","string","bool","shape","DragHandle","theme","handle","height","fill","transition","clipPath","handleContainer","secondaryDark","overflow","backgroundColor","correct","incorrectWithIcon","borderRadius","spacing","unit","WHITE","fontSize","padding","border","boxSizing","D","axis","fromDelta","props","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\n\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { color as enumColor } from '@pie-lib/render-ui';\nimport { correct, incorrect, disabled } from './styles';\nimport { getScale } from '../utils';\nimport DragIcon from './drag-icon';\n\nconst RawDragHandle = ({\n  x,\n  y,\n  width,\n  graphProps,\n  classes,\n  className,\n  interactive,\n  defineChart,\n  isHovered,\n  correctness,\n  color,\n  isPlot,\n  ...rest\n}) => {\n  const { scale } = graphProps;\n  const scaleValue = getScale(width)?.scale;\n\n  return (\n    <svg x={x} y={scale.y(y) - 10} width={width} overflow=\"visible\" className={classes.svgOverflowVisible}>\n      {isHovered && !correctness && interactive && (\n        <DragIcon width={width} scaleValue={scaleValue} color={enumColor.defaults.BORDER_GRAY} classes={classes} />\n      )}\n      {interactive && !correctness && (\n        <ellipse\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          className={classNames(classes.transparentHandle, className)}\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            <Check className={classNames(classes.correctnessIcon, classes.correctIcon)} title={correctness.label} />\n          ) : (\n            <Close className={classNames(classes.correctnessIcon, classes.incorrectIcon)} title={correctness.label} />\n          )}\n        </foreignObject>\n      )}\n    </svg>\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  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  interactive: PropTypes.bool,\n  isHovered: PropTypes.bool,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  color: PropTypes.string,\n};\n\nexport const DragHandle = withStyles((theme) => ({\n  handle: {\n    height: '10px',\n    fill: 'transparent',\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.correct': correct('fill'),\n    '&.incorrect': incorrect('fill'),\n    '&.non-interactive': disabled('fill'),\n  },\n  transparentHandle: {\n    fill: 'transparent',\n    clipPath: 'polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)',\n  },\n  handleContainer: {\n    height: 30,\n    '&:hover': {\n      '& .handle': {\n        fill: enumColor.secondaryDark(),\n        height: '16px',\n      },\n    },\n    '&.non-interactive': disabled('fill'),\n    '&.incorrect': incorrect('fill'),\n    '&.correct': correct('fill'),\n  },\n  svgOverflowVisible: {\n    overflow: 'visible !important',\n  },\n  correctIcon: {\n    backgroundColor: enumColor.correct(),\n  },\n  incorrectIcon: {\n    backgroundColor: enumColor.incorrectWithIcon(),\n  },\n  correctnessIcon: {\n    borderRadius: theme.spacing.unit * 2,\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}))(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"],"file":"drag-handle.js"}
+{"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","className","interactive","defineChart","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","string","bool","shape","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  className,\n  interactive,\n  defineChart,\n  isHovered,\n  correctness,\n  color,\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          className={className}\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  className: PropTypes.string,\n  interactive: PropTypes.bool,\n  isHovered: PropTypes.bool,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  color: PropTypes.string,\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

@@ -1,23 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _utils = require("../utils");
-
 var DragIcon = function DragIcon(_ref) {
   var _getScale;
-
   var width = _ref.width,
-      scaleValue = _ref.scaleValue,
-      color = _ref.color,
-      classes = _ref.classes;
+    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,
@@ -26,7 +20,9 @@ var DragIcon = function DragIcon(_ref) {
     height: width,
     overflow: "visible",
     viewBox: "0 0 ".concat(width, " ").concat(width),
-    className: classes.svgOverflowVisible
+    style: {
+      overflow: 'visible !important'
+    }
   }, /*#__PURE__*/_react["default"].createElement("g", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
@@ -46,7 +42,5 @@ var DragIcon = function DragIcon(_ref) {
     fill: "currentColor"
   })));
 };
-
-var _default = DragIcon;
-exports["default"] = _default;
+var _default = exports["default"] = DragIcon;
 //# sourceMappingURL=drag-icon.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/drag-icon.jsx"],"names":["DragIcon","width","scaleValue","color","classes","deltay","svgOverflowVisible"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,UAAV,QAAUA,UAAV;AAAA,MAAsBC,KAAtB,QAAsBA,KAAtB;AAAA,MAA6BC,OAA7B,QAA6BA,OAA7B;AAAA,sBACf;AACE,IAAA,CAAC,EAAE,yBAAaH,KAAb,EAAoBC,UAApB,CADL;AAEE,IAAA,CAAC,eAAE,qBAASD,KAAT,CAAF,8CAAE,UAAiBI,MAFtB;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,KAAK,EAAEF,KAJT;AAKE,IAAA,MAAM,EAAEA,KALV;AAME,IAAA,QAAQ,EAAC,SANX;AAOE,IAAA,OAAO,gBAASA,KAAT,cAAkBA,KAAlB,CAPT;AAQE,IAAA,SAAS,EAAEG,OAAO,CAACE;AARrB,kBAUE;AAAG,IAAA,KAAK,EAAC,4BAAT;AAAsC,IAAA,IAAI,EAAC,cAA3C;AAA0D,IAAA,MAAM,EAAC,cAAjE;AAAgF,IAAA,SAAS,kBAAWJ,UAAX;AAAzF,kBACE;AAAQ,IAAA,EAAE,EAAC,MAAX;AAAkB,IAAA,EAAE,EAAC,MAArB;AAA4B,IAAA,CAAC,EAAC,IAA9B;AAAmC,IAAA,IAAI,EAAC,OAAxC;AAAgD,IAAA,MAAM,EAAC;AAAvD,IADF,eAEE;AACE,IAAA,CAAC,EAAC,6LADJ;AAEE,IAAA,IAAI,EAAC;AAFP,IAFF,eAME;AACE,IAAA,CAAC,EAAC,mMADJ;AAEE,IAAA,IAAI,EAAC;AAFP,IANF,CAVF,CADe;AAAA,CAAjB;;eAyBeF,Q","sourcesContent":["import React from 'react';\nimport { getAdjustedX, getScale } from '../utils';\n\nconst DragIcon = ({ width, scaleValue, color, classes }) => (\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    className={classes.svgOverflowVisible}\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\nexport default DragIcon;\n"],"file":"drag-icon.js"}
+{"version":3,"file":"drag-icon.js","names":["_react","_interopRequireDefault","require","_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","_default","exports"],"sources":["../../src/common/drag-icon.jsx"],"sourcesContent":["import React from 'react';\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\nexport default DragIcon;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAME,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,oBAC1CT,MAAA,YAAAU,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,gBAE1CjB,MAAA,YAAAU,aAAA;IAAGW,KAAK,EAAC,4BAA4B;IAACC,IAAI,EAAC,cAAc;IAACC,MAAM,EAAC,cAAc;IAACC,SAAS,WAAAL,MAAA,CAAWX,UAAU;EAAI,gBAChHR,MAAA,YAAAU,aAAA;IAAQe,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,MAAM;IAACC,CAAC,EAAC,IAAI;IAACL,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC;EAAc,CAAE,CAAC,eACxEvB,MAAA,YAAAU,aAAA;IACEkB,CAAC,EAAC,6LAA6L;IAC/LN,IAAI,EAAC;EAAc,CACpB,CAAC,eACFtB,MAAA,YAAAU,aAAA;IACEkB,CAAC,EAAC,mMAAmM;IACrMN,IAAI,EAAC;EAAc,CACpB,CACA,CACA,CAAC;AAAA,CACP;AAAC,IAAAO,QAAA,GAAAC,OAAA,cAEa1B,QAAQ","ignoreList":[]}

package/lib/common/styles.js

@@ -1,40 +1,22 @@
 "use strict";
 
 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 = function disabled() {
-  var _ref;
-
+var disabled = exports.disabled = function disabled() {
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref = {}, (0, _defineProperty2["default"])(_ref, key, "var(--graph-disabled, ".concat(_renderUi.color.disabled(), ")")), (0, _defineProperty2["default"])(_ref, "pointerEvents", 'none'), (0, _defineProperty2["default"])(_ref, "border", 'none'), _ref;
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, "var(--graph-disabled, ".concat(_renderUi.color.disabled(), ")")), "pointerEvents", 'none'), "border", 'none');
 };
-
-exports.disabled = disabled;
-
-var correct = function correct() {
-  var _ref2;
-
+var correct = exports.correct = function correct() {
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, key, _renderUi.color.correct()), (0, _defineProperty2["default"])(_ref2, "pointerEvents", 'none'), (0, _defineProperty2["default"])(_ref2, "border", "solid 1px ".concat(_renderUi.color.correct())), _ref2;
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.correct()), "pointerEvents", 'none'), "border", "solid 1px ".concat(_renderUi.color.correct()));
 };
-
-exports.correct = correct;
-
-var incorrect = function incorrect() {
-  var _ref3;
-
+var incorrect = exports.incorrect = function incorrect() {
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref3 = {}, (0, _defineProperty2["default"])(_ref3, key, _renderUi.color.incorrect()), (0, _defineProperty2["default"])(_ref3, "pointerEvents", 'none'), (0, _defineProperty2["default"])(_ref3, "border", "solid 1px ".concat(_renderUi.color.incorrect())), _ref3;
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.incorrect()), "pointerEvents", 'none'), "border", "solid 1px ".concat(_renderUi.color.incorrect()));
 };
-
-exports.incorrect = incorrect;
 //# sourceMappingURL=styles.js.map

package/lib/common/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/styles.js"],"names":["disabled","key","color","correct","incorrect"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAACC,GAAD,uEAAO,MAAP;AAAA,2DACrBA,GADqB,kCACUC,gBAAMF,QAAN,EADV,iEAEP,MAFO,oDAGd,MAHc;AAAA,CAAjB;;;;AAMA,IAAMG,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACF,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMC,OAAN,EADc,4DAEN,MAFM,yEAGAD,gBAAMC,OAAN,EAHA;AAAA,CAAhB;;;;AAMA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA;;AAAA,MAACH,GAAD,uEAAO,MAAP;AAAA,6DACtBA,GADsB,EAChBC,gBAAME,SAAN,EADgB,4DAER,MAFQ,yEAGFF,gBAAME,SAAN,EAHE;AAAA,CAAlB","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});\n"],"file":"styles.js"}
+{"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

@@ -1,94 +1,72 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Grid = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 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("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+var _styles = require("@mui/material/styles");
 var _grid = require("@vx/grid");
-
 var _plot = require("@pie-lib/plot");
-
 var _renderUi = require("@pie-lib/render-ui");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Grid = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Grid, _React$Component);
-
-  var _super = _createSuper(Grid);
-
+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 _super.apply(this, arguments);
+    return _callSuper(this, Grid, arguments);
   }
-
-  (0, _createClass2["default"])(Grid, [{
+  (0, _inherits2["default"])(Grid, _React$Component);
+  return (0, _createClass2["default"])(Grid, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          graphProps = _this$props.graphProps,
-          xBand = _this$props.xBand,
-          rowTickValues = _this$props.rowTickValues,
-          columnTickValues = _this$props.columnTickValues;
-
+        className = _this$props.className,
+        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;
-
+        _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
-
+        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("g", {
-        className: (0, _classnames["default"])(classes.grid, className)
+          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, {
+        className: className
       }, /*#__PURE__*/_react["default"].createElement(_grid.GridRows, {
         scale: scale.y,
         width: size.width,
@@ -113,12 +91,8 @@ var Grid = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return Grid;
 }(_react["default"].Component);
-
-exports.Grid = Grid;
 (0, _defineProperty2["default"])(Grid, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   graphProps: _plot.types.GraphPropsType.isRequired,
   xBand: _propTypes["default"].func,
@@ -126,16 +100,5 @@ exports.Grid = Grid;
   rowTickValues: _propTypes["default"].array
 });
 (0, _defineProperty2["default"])(Grid, "defaultProps", {});
-
-var styles = function styles() {
-  return {
-    grid: {
-      stroke: _renderUi.color.primaryLight()
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Grid);
-
-exports["default"] = _default;
+var _default = exports["default"] = Grid;
 //# sourceMappingURL=grid.js.map

package/lib/grid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/grid.jsx"],"names":["Grid","props","classes","className","graphProps","xBand","rowTickValues","columnTickValues","scale","size","range","step","labelStep","highlightNonLabel","reduce","acc","value","unlabeledLines","push","labeledLines","grid","y","width","stroke","color","fadedPrimary","strokeWidth","visualElementsColors","GRIDLINES_COLOR","height","bandwidth","React","Component","PropTypes","object","isRequired","string","types","GraphPropsType","func","array","styles","primaryLight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { GridRows, GridColumns } from '@vx/grid';\n\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\n\nexport class Grid extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\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 { classes, className, 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      <g className={classNames(classes.grid, className)}>\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      </g>\n    );\n  }\n}\n\nconst styles = () => ({\n  grid: {\n    stroke: color.primaryLight(),\n  },\n});\n\nexport default withStyles(styles)(Grid);\n"],"file":"grid.js"}
+{"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","className","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","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 '@vx/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 { className, 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 className={className}>\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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,14 +34,9 @@ Object.defineProperty(exports, "chartTypes", {
     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

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA","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"],"file":"index.js"}
+{"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

@@ -1,111 +1,87 @@
 "use strict";
 
 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("@material-ui/core/styles");
-
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
+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 styles = function styles(theme) {
+var StyledContainer = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
   return {
-    container: {
-      backgroundColor: _renderUi.color.defaults.WHITE,
-      padding: theme.spacing.unit * 2,
-      width: '355px',
-      boxShadow: 'inset 0px 1px 5px 0px #9297A6',
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    },
-    row: {
-      display: 'flex',
-      alignItems: 'center',
-      gap: '12px'
-    },
-    title: {
-      fontSize: theme.typography.h6.fontSize,
-      fontWeight: '700'
-    },
-    smallText: {
-      marginLeft: '2px'
-    },
-    correctIcon: {
-      backgroundColor: _renderUi.color.correct(),
-      borderRadius: theme.spacing.unit * 2,
-      color: _renderUi.color.defaults.WHITE
-    },
-    incorrectIcon: {
-      backgroundColor: _renderUi.color.incorrectWithIcon(),
-      borderRadius: theme.spacing.unit * 2,
-      color: _renderUi.color.defaults.WHITE
-    },
-    lastRow: {
-      marginLeft: '3px',
-      display: 'flex',
-      alignItems: 'center',
-      gap: '12px'
-    }
+    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(_ref) {
-  var classes = _ref.classes,
-      language = _ref.language;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.container
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.title
-  }, "Key"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.row
-  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
-    className: classes.incorrectIcon
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.text
-  }, translator.t('charting.keyLegend.incorrectAnswer', {
+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("div", {
-    className: classes.row
-  }, /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-    className: classes.correctIcon
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.text
-  }, translator.t('charting.keyLegend.correctAnswer', {
+  }))), /*#__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("div", {
-    className: classes.lastRow
-  }, /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-    className: classes.correctIcon,
+  }))), /*#__PURE__*/_react["default"].createElement(StyledLastRow, null, /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
     fontSize: 'small'
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.smallText
-  }, translator.t('charting.keyLegend.correctKeyAnswer', {
+  }), /*#__PURE__*/_react["default"].createElement(StyledSmallText, null, translator.t('charting.keyLegend.correctKeyAnswer', {
     lng: language
   }))));
 };
-
 KeyLegend.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
   language: _propTypes["default"].string
 };
-
-var _default = (0, _styles.withStyles)(styles)(KeyLegend);
-
-exports["default"] = _default;
+var _default = exports["default"] = KeyLegend;
 //# sourceMappingURL=key-legend.js.map

package/lib/key-legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/key-legend.jsx"],"names":["styles","theme","container","backgroundColor","color","defaults","WHITE","padding","spacing","unit","width","boxShadow","display","flexDirection","gap","row","alignItems","title","fontSize","typography","h6","fontWeight","smallText","marginLeft","correctIcon","correct","borderRadius","incorrectIcon","incorrectWithIcon","lastRow","translator","Translator","KeyLegend","classes","language","text","t","lng","propTypes","PropTypes","object","isRequired","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst styles = (theme) => ({\n  container: {\n    backgroundColor: color.defaults.WHITE,\n    padding: theme.spacing.unit * 2,\n    width: '355px',\n    boxShadow: 'inset 0px 1px 5px 0px #9297A6',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '16px',\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '12px',\n  },\n  title: {\n    fontSize: theme.typography.h6.fontSize,\n    fontWeight: '700',\n  },\n  smallText: {\n    marginLeft: '2px',\n  },\n  correctIcon: {\n    backgroundColor: color.correct(),\n    borderRadius: theme.spacing.unit * 2,\n    color: color.defaults.WHITE,\n  },\n  incorrectIcon: {\n    backgroundColor: color.incorrectWithIcon(),\n    borderRadius: theme.spacing.unit * 2,\n    color: color.defaults.WHITE,\n  },\n\n  lastRow: {\n    marginLeft: '3px',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '12px',\n  },\n});\n\nconst { translator } = Translator;\n\nconst KeyLegend = ({ classes, language }) => (\n  <div className={classes.container}>\n    <div className={classes.title}>Key</div>\n    <div className={classes.row}>\n      <Close className={classes.incorrectIcon} />\n      <div className={classes.text}>{translator.t('charting.keyLegend.incorrectAnswer', { lng: language })}</div>\n    </div>\n    <div className={classes.row}>\n      <Check className={classes.correctIcon} />\n      <div className={classes.text}>{translator.t('charting.keyLegend.correctAnswer', { lng: language })}</div>\n    </div>\n    <div className={classes.lastRow}>\n      <Check className={classes.correctIcon} fontSize={'small'} />\n      <div className={classes.smallText}>{translator.t('charting.keyLegend.correctKeyAnswer', { lng: language })}</div>\n    </div>\n  </div>\n);\n\nKeyLegend.propTypes = {\n  classes: PropTypes.object.isRequired,\n  language: PropTypes.string,\n};\n\nexport default withStyles(styles)(KeyLegend);\n"],"file":"key-legend.js"}
+{"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":[]}