@pie-lib/charting 5.36.2 → 5.36.3-next.155

package/lib/common/correctness-indicators.js

@@ -1,99 +1,156 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TickCorrectnessIndicator = exports.SmallCorrectPointIndicator = exports.CorrectnessIndicator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-var CorrectnessIndicator = function CorrectnessIndicator(_ref) {
-  var scale = _ref.scale,
-      x = _ref.x,
-      y = _ref.y,
-      classes = _ref.classes,
-      r = _ref.r,
-      correctness = _ref.correctness,
-      interactive = _ref.interactive;
+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 StyledCorrectIcon = (0, _styles.styled)(_Check["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    borderRadius: theme.spacing(2),
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    width: '16px',
+    height: '16px',
+    padding: '2px',
+    border: "1px solid ".concat(_renderUi.color.defaults.WHITE),
+    stroke: 'initial',
+    boxSizing: 'unset',
+    // to override the default border-box in IBX
+    backgroundColor: _renderUi.color.correct(),
+    display: 'block',
+    '&.small': {
+      fontSize: '10px',
+      width: '10px',
+      height: '10px'
+    }
+  };
+});
+var StyledIncorrectIcon = (0, _styles.styled)(_Close["default"])(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    borderRadius: theme.spacing(2),
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    width: '16px',
+    height: '16px',
+    padding: '2px',
+    border: "1px solid ".concat(_renderUi.color.defaults.WHITE),
+    stroke: 'initial',
+    boxSizing: 'unset',
+    // to override the default border-box in IBX
+    backgroundColor: _renderUi.color.incorrectWithIcon(),
+    display: 'block',
+    '&.small': {
+      fontSize: '10px',
+      width: '10px',
+      height: '10px'
+    }
+  };
+});
+var CorrectnessIndicator = exports.CorrectnessIndicator = function CorrectnessIndicator(_ref3) {
+  var scale = _ref3.scale,
+    x = _ref3.x,
+    y = _ref3.y,
+    correctness = _ref3.correctness,
+    interactive = _ref3.interactive;
   if (!correctness || !interactive) return null;
   var cx = scale ? scale.x(x) : x;
   var cy = scale ? scale.y(y) : y;
   var isCorrect = correctness.value === 'correct';
-  var iconClass = isCorrect ? classes.correctIcon : classes.incorrectIcon; // the icon is 16px + 2px padding + 1px border, so total size is 22px
 
+  // the icon is 16px + 2px padding + 1px border, so total size is 22px
   return /*#__PURE__*/_react["default"].createElement("foreignObject", {
     x: cx - 11,
     y: cy - 11,
     width: 22,
     height: 22
-  }, isCorrect ? /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, iconClass),
+  }, isCorrect ? /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
     title: correctness.label
-  }) : /*#__PURE__*/_react["default"].createElement(_Close["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, iconClass),
+  }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectIcon, {
     title: correctness.label
   }));
 };
-
-exports.CorrectnessIndicator = CorrectnessIndicator;
-
-var SmallCorrectPointIndicator = function SmallCorrectPointIndicator(_ref2) {
-  var scale = _ref2.scale,
-      x = _ref2.x,
-      r = _ref2.r,
-      correctness = _ref2.correctness,
-      classes = _ref2.classes,
-      correctData = _ref2.correctData,
-      label = _ref2.label;
-
+var SmallCorrectPointIndicator = exports.SmallCorrectPointIndicator = function SmallCorrectPointIndicator(_ref4) {
+  var scale = _ref4.scale,
+    x = _ref4.x,
+    correctness = _ref4.correctness,
+    correctData = _ref4.correctData,
+    label = _ref4.label;
   if (correctness && correctness.value === 'incorrect') {
     var _correctData$find;
-
     var correctVal = parseFloat((_correctData$find = correctData.find(function (d) {
       return d.label === label;
     })) === null || _correctData$find === void 0 ? void 0 : _correctData$find.value);
     if (isNaN(correctVal)) return null;
     var correctPxY = scale.y(correctVal);
     var yToRender = correctPxY - 7.5;
-    var xToRender = scale.x(x) - 7.5; // small circle has 10px font + 2px padding + 1px border, so total size is 15px
+    var xToRender = scale.x(x) - 7.5;
 
+    // small circle has 10px font + 2px padding + 1px border, so total size is 15px
     return /*#__PURE__*/_react["default"].createElement("foreignObject", {
       x: xToRender,
       y: yToRender,
       width: 15,
       height: 15
-    }, /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-      className: (0, _classnames["default"])(classes.correctnessIcon, classes.correctIcon, classes.smallIcon),
+    }, /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
+      className: "small",
       title: correctness.label
     }));
   }
-
   return null;
 };
-
-exports.SmallCorrectPointIndicator = SmallCorrectPointIndicator;
-
-var TickCorrectnessIndicator = function TickCorrectnessIndicator(_ref3) {
-  var classes = _ref3.classes,
-      correctness = _ref3.correctness,
-      interactive = _ref3.interactive;
+var TickCorrectnessIndicator = exports.TickCorrectnessIndicator = function TickCorrectnessIndicator(_ref5) {
+  var correctness = _ref5.correctness,
+    interactive = _ref5.interactive;
   if (!correctness || !interactive) return null;
-  return correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, classes.correctIcon),
+  return correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
     title: correctness.label
-  }) : /*#__PURE__*/_react["default"].createElement(_Close["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, classes.incorrectIcon),
+  }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectIcon, {
     title: correctness.label
   });
 };
-
-exports.TickCorrectnessIndicator = TickCorrectnessIndicator;
+CorrectnessIndicator.propTypes = {
+  scale: _propTypes["default"].shape({
+    x: _propTypes["default"].func,
+    y: _propTypes["default"].func
+  }),
+  x: _propTypes["default"].number.isRequired,
+  y: _propTypes["default"].number.isRequired,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  interactive: _propTypes["default"].bool
+};
+SmallCorrectPointIndicator.propTypes = {
+  scale: _propTypes["default"].shape({
+    x: _propTypes["default"].func,
+    y: _propTypes["default"].func
+  }).isRequired,
+  x: _propTypes["default"].number.isRequired,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  correctData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    label: _propTypes["default"].string,
+    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  })),
+  label: _propTypes["default"].string
+};
+TickCorrectnessIndicator.propTypes = {
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  interactive: _propTypes["default"].bool
+};
 //# sourceMappingURL=correctness-indicators.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/correctness-indicators.jsx"],"names":["CorrectnessIndicator","scale","x","y","classes","r","correctness","interactive","cx","cy","isCorrect","value","iconClass","correctIcon","incorrectIcon","correctnessIcon","label","SmallCorrectPointIndicator","correctData","correctVal","parseFloat","find","d","isNaN","correctPxY","yToRender","xToRender","smallIcon","TickCorrectnessIndicator"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\n\nexport const CorrectnessIndicator = ({ scale, x, y, classes, r, 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  const iconClass = isCorrect ? classes.correctIcon : classes.incorrectIcon;\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        <Check className={classNames(classes.correctnessIcon, iconClass)} title={correctness.label} />\n      ) : (\n        <Close className={classNames(classes.correctnessIcon, iconClass)} title={correctness.label} />\n      )}\n    </foreignObject>\n  );\n};\n\nexport const SmallCorrectPointIndicator = ({ scale, x, r, correctness, classes, 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        <Check\n          className={classNames(classes.correctnessIcon, classes.correctIcon, classes.smallIcon)}\n          title={correctness.label}\n        />\n      </foreignObject>\n    );\n  }\n\n  return null;\n};\n\nexport const TickCorrectnessIndicator = ({ classes, correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n\n  return 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};\n"],"file":"correctness-indicators.js"}
+{"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

@@ -1,76 +1,90 @@
 "use strict";
 
 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 _classnames = _interopRequireDefault(require("classnames"));
-
-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 _plot = require("@pie-lib/plot");
-
 var _renderUi = require("@pie-lib/render-ui");
-
-var _styles2 = require("./styles");
-
 var _utils = require("../utils");
-
 var _dragIcon = _interopRequireDefault(require("./drag-icon"));
-
-var _excluded = ["x", "y", "width", "graphProps", "classes", "className", "interactive", "defineChart", "isHovered", "correctness", "color", "isPlot"];
-
+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,
-      classes = _ref.classes,
-      className = _ref.className,
-      interactive = _ref.interactive,
-      defineChart = _ref.defineChart,
-      isHovered = _ref.isHovered,
-      correctness = _ref.correctness,
-      color = _ref.color,
-      isPlot = _ref.isPlot,
-      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    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("svg", {
+  return /*#__PURE__*/_react["default"].createElement(StyledSvg, {
     x: x,
     y: scale.y(y) - 10,
     width: width,
-    overflow: "visible",
-    className: classes.svgOverflowVisible
+    overflow: "visible"
   }, isHovered && !correctness && interactive && /*#__PURE__*/_react["default"].createElement(_dragIcon["default"], {
     width: width,
     scaleValue: scaleValue,
-    color: _renderUi.color.defaults.BORDER_GRAY,
-    classes: classes
-  }), interactive && !correctness && /*#__PURE__*/_react["default"].createElement("ellipse", (0, _extends2["default"])({
+    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
+    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,
-    className: (0, _classnames["default"])(classes.transparentHandle, className)
+    ry: 66
   }, rest)), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
     id: "bottomShadow",
     x: "0",
@@ -96,92 +110,37 @@ var RawDragHandle = function RawDragHandle(_ref) {
     y: 0,
     width: 40,
     height: 40
-  }, correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, classes.correctIcon),
+  }, correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
     title: correctness.label
-  }) : /*#__PURE__*/_react["default"].createElement(_Close["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, classes.incorrectIcon),
+  }) : /*#__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,
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
   interactive: _propTypes["default"].bool,
   isHovered: _propTypes["default"].bool,
   correctness: _propTypes["default"].shape({
     value: _propTypes["default"].string,
     label: _propTypes["default"].string
   }),
-  color: _propTypes["default"].string
+  isPlot: _propTypes["default"].bool
 };
-var DragHandle = (0, _styles.withStyles)(function (theme) {
-  return {
-    handle: {
-      height: '10px',
-      fill: 'transparent',
-      transition: 'fill 200ms linear, height 200ms linear',
-      '&.correct': (0, _styles2.correct)('fill'),
-      '&.incorrect': (0, _styles2.incorrect)('fill'),
-      '&.non-interactive': (0, _styles2.disabled)('fill')
-    },
-    transparentHandle: {
-      fill: 'transparent',
-      clipPath: 'polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)'
-    },
-    handleContainer: {
-      height: 30,
-      '&:hover': {
-        '& .handle': {
-          fill: _renderUi.color.secondaryDark(),
-          height: '16px'
-        }
-      },
-      '&.non-interactive': (0, _styles2.disabled)('fill'),
-      '&.incorrect': (0, _styles2.incorrect)('fill'),
-      '&.correct': (0, _styles2.correct)('fill')
-    },
-    svgOverflowVisible: {
-      overflow: 'visible !important'
-    },
-    correctIcon: {
-      backgroundColor: _renderUi.color.correct()
-    },
-    incorrectIcon: {
-      backgroundColor: _renderUi.color.incorrectWithIcon()
-    },
-    correctnessIcon: {
-      borderRadius: theme.spacing.unit * 2,
-      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
-
-    }
-  };
-})(RawDragHandle);
-exports.DragHandle = DragHandle;
-var D = (0, _plot.gridDraggable)({
+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;
+      range = _ref2.range;
     var area = {
       left: 0,
       top: props.y,
@@ -197,7 +156,5 @@ var D = (0, _plot.gridDraggable)({
     };
   }
 })(DragHandle);
-exports.D = D;
-var _default = D;
-exports["default"] = _default;
+var _default = exports["default"] = D;
 //# sourceMappingURL=drag-handle.js.map

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","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

@@ -1,23 +1,18 @@
 "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 _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 +21,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 +43,10 @@ var DragIcon = function DragIcon(_ref) {
     fill: "currentColor"
   })));
 };
-
-var _default = DragIcon;
-exports["default"] = _default;
+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

@@ -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","_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":[]}