@pie-lib/graphing 2.14.22 → 2.15.0-beta.2

package/lib/tool-menu.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ToolMenu = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _toggleBar = _interopRequireWildcard(require("./toggle-bar"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 ToolMenu = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ToolMenu, _React$Component);
-
-  var _super = _createSuper(ToolMenu);
-
-  function ToolMenu() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ToolMenu);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateToolsOrder", function (tools, showLabel) {
-      var onChangeTools = _this.props.onChangeTools;
-
-      if (showLabel) {
-        tools.push('label');
-      }
-
-      onChangeTools(tools);
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ToolMenu, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          currentToolType = _this$props.currentToolType,
-          disabled = _this$props.disabled,
-          draggableTools = _this$props.draggableTools,
-          labelModeEnabled = _this$props.labelModeEnabled,
-          onToggleLabelMode = _this$props.onToggleLabelMode,
-          onChange = _this$props.onChange,
-          language = _this$props.language;
-      var toolbarTools = this.props.toolbarTools;
-      var showLabel = toolbarTools && toolbarTools.some(function (t) {
-        return t === 'label';
-      });
-      toolbarTools = (toolbarTools || []).filter(function (tT) {
-        return tT !== 'label';
-      });
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(className)
-      }, /*#__PURE__*/_react["default"].createElement(_toggleBar["default"], {
-        disabled: disabled,
-        draggableTools: draggableTools,
-        options: toolbarTools,
-        selectedToolType: currentToolType,
-        onChange: onChange,
-        onChangeToolsOrder: function onChangeToolsOrder(tools) {
-          return _this2.updateToolsOrder(tools, showLabel);
-        },
-        language: language
-      }), showLabel && /*#__PURE__*/_react["default"].createElement(_toggleBar.MiniButton, {
-        disabled: disabled,
-        value: 'Label',
-        onClick: onToggleLabelMode,
-        selected: labelModeEnabled,
-        language: language
-      }));
-    }
-  }]);
-  return ToolMenu;
-}(_react["default"].Component);
-
-exports.ToolMenu = ToolMenu;
-(0, _defineProperty2["default"])(ToolMenu, "propTypes", {
-  className: _propTypes["default"].string,
-  currentToolType: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  draggableTools: _propTypes["default"].bool,
-  labelModeEnabled: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  onToggleLabelMode: _propTypes["default"].func,
-  onChangeTools: _propTypes["default"].func,
-  toolbarTools: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  language: _propTypes["default"].string
-});
-(0, _defineProperty2["default"])(ToolMenu, "defaultProps", {
-  toolbarTools: []
-});
-var _default = ToolMenu;
-exports["default"] = _default;
-//# sourceMappingURL=tool-menu.js.map

package/lib/tool-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tool-menu.jsx"],"names":["ToolMenu","tools","showLabel","onChangeTools","props","push","className","currentToolType","disabled","draggableTools","labelModeEnabled","onToggleLabelMode","onChange","language","toolbarTools","some","t","filter","tT","updateToolsOrder","React","Component","PropTypes","string","bool","func","arrayOf"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;;;IAEaA,Q;;;;;;;;;;;;;;;yGAkBQ,UAACC,KAAD,EAAQC,SAAR,EAAsB;AACvC,UAAQC,aAAR,GAA0B,MAAKC,KAA/B,CAAQD,aAAR;;AAEA,UAAID,SAAJ,EAAe;AACbD,QAAAA,KAAK,CAACI,IAAN,CAAW,OAAX;AACD;;AAEDF,MAAAA,aAAa,CAACF,KAAD,CAAb;AACD,K;;;;;;WAED,kBAAS;AAAA;;AACP,wBASI,KAAKG,KATT;AAAA,UACEE,SADF,eACEA,SADF;AAAA,UAEEC,eAFF,eAEEA,eAFF;AAAA,UAGEC,QAHF,eAGEA,QAHF;AAAA,UAIEC,cAJF,eAIEA,cAJF;AAAA,UAKEC,gBALF,eAKEA,gBALF;AAAA,UAMEC,iBANF,eAMEA,iBANF;AAAA,UAOEC,QAPF,eAOEA,QAPF;AAAA,UAQEC,QARF,eAQEA,QARF;AAUA,UAAMC,YAAN,GAAuB,KAAKV,KAA5B,CAAMU,YAAN;AAEA,UAAMZ,SAAS,GAAGY,YAAY,IAAIA,YAAY,CAACC,IAAb,CAAkB,UAACC,CAAD;AAAA,eAAOA,CAAC,KAAK,OAAb;AAAA,OAAlB,CAAlC;AAEAF,MAAAA,YAAY,GAAG,CAACA,YAAY,IAAI,EAAjB,EAAqBG,MAArB,CAA4B,UAACC,EAAD;AAAA,eAAQA,EAAE,KAAK,OAAf;AAAA,OAA5B,CAAf;AAEA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWZ,SAAX;AAAhB,sBACE,gCAAC,qBAAD;AACE,QAAA,QAAQ,EAAEE,QADZ;AAEE,QAAA,cAAc,EAAEC,cAFlB;AAGE,QAAA,OAAO,EAAEK,YAHX;AAIE,QAAA,gBAAgB,EAAEP,eAJpB;AAKE,QAAA,QAAQ,EAAEK,QALZ;AAME,QAAA,kBAAkB,EAAE,4BAACX,KAAD;AAAA,iBAAW,MAAI,CAACkB,gBAAL,CAAsBlB,KAAtB,EAA6BC,SAA7B,CAAX;AAAA,SANtB;AAOE,QAAA,QAAQ,EAAEW;AAPZ,QADF,EAWGX,SAAS,iBACR,gCAAC,qBAAD;AAAY,QAAA,QAAQ,EAAEM,QAAtB;AAAgC,QAAA,KAAK,EAAE,OAAvC;AAAgD,QAAA,OAAO,EAAEG,iBAAzD;AAA4E,QAAA,QAAQ,EAAED,gBAAtF;AAAwG,QAAA,QAAQ,EAAEG;AAAlH,QAZJ,CADF;AAiBD;;;EA9D2BO,kBAAMC,S;;;iCAAvBrB,Q,eACQ;AACjBM,EAAAA,SAAS,EAAEgB,sBAAUC,MADJ;AAEjBhB,EAAAA,eAAe,EAAEe,sBAAUC,MAFV;AAGjBf,EAAAA,QAAQ,EAAEc,sBAAUE,IAHH;AAIjBf,EAAAA,cAAc,EAAEa,sBAAUE,IAJT;AAKjBd,EAAAA,gBAAgB,EAAEY,sBAAUE,IALX;AAMjBZ,EAAAA,QAAQ,EAAEU,sBAAUG,IANH;AAOjBd,EAAAA,iBAAiB,EAAEW,sBAAUG,IAPZ;AAQjBtB,EAAAA,aAAa,EAAEmB,sBAAUG,IARR;AASjBX,EAAAA,YAAY,EAAEQ,sBAAUI,OAAV,CAAkBJ,sBAAUC,MAA5B,CATG;AAUjBV,EAAAA,QAAQ,EAAES,sBAAUC;AAVH,C;iCADRvB,Q,kBAcW;AACpBc,EAAAA,YAAY,EAAE;AADM,C;eAmDTd,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport ToggleBar, { MiniButton } from './toggle-bar';\n\nexport class ToolMenu extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    currentToolType: PropTypes.string,\n    disabled: PropTypes.bool,\n    draggableTools: PropTypes.bool,\n    labelModeEnabled: PropTypes.bool,\n    onChange: PropTypes.func,\n    onToggleLabelMode: PropTypes.func,\n    onChangeTools: PropTypes.func,\n    toolbarTools: PropTypes.arrayOf(PropTypes.string),\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {\n    toolbarTools: [],\n  };\n\n  updateToolsOrder = (tools, showLabel) => {\n    const { onChangeTools } = this.props;\n\n    if (showLabel) {\n      tools.push('label');\n    }\n\n    onChangeTools(tools);\n  };\n\n  render() {\n    const {\n      className,\n      currentToolType,\n      disabled,\n      draggableTools,\n      labelModeEnabled,\n      onToggleLabelMode,\n      onChange,\n      language\n    } = this.props;\n    let { toolbarTools } = this.props;\n\n    const showLabel = toolbarTools && toolbarTools.some((t) => t === 'label');\n\n    toolbarTools = (toolbarTools || []).filter((tT) => tT !== 'label');\n\n    return (\n      <div className={classNames(className)}>\n        <ToggleBar\n          disabled={disabled}\n          draggableTools={draggableTools}\n          options={toolbarTools}\n          selectedToolType={currentToolType}\n          onChange={onChange}\n          onChangeToolsOrder={(tools) => this.updateToolsOrder(tools, showLabel)}\n          language={language}\n        />\n\n        {showLabel && (\n          <MiniButton disabled={disabled} value={'Label'} onClick={onToggleLabelMode} selected={labelModeEnabled} language={language} />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ToolMenu;\n"],"file":"tool-menu.js"}

package/lib/tools/circle/bg-circle.js

@@ -1,172 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.BgCircle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-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 _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 _plot = require("@pie-lib/plot");
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var utils = _interopRequireWildcard(require("../../utils"));
-
-var _styles2 = require("../shared/styles");
-
-var _excluded = ["classes", "disabled", "className", "correctness", "x", "y", "radius", "graphProps"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; } }
-
-/**
- * A low level circle component
- *
- * TODO: This and base point have a lot of similarities - merge commonality
- *
- */
-var RawCircle = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RawCircle, _React$Component);
-
-  var _super = _createSuper(RawCircle);
-
-  function RawCircle() {
-    (0, _classCallCheck2["default"])(this, RawCircle);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(RawCircle, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          disabled = _this$props.disabled,
-          className = _this$props.className,
-          correctness = _this$props.correctness,
-          x = _this$props.x,
-          y = _this$props.y,
-          radius = _this$props.radius,
-          graphProps = _this$props.graphProps,
-          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-      var scale = graphProps.scale;
-      var rx = Math.abs(scale.x(x + radius) - scale.x(x));
-      var ry = Math.abs(scale.y(y + radius) - scale.y(y));
-      return /*#__PURE__*/_react["default"].createElement("ellipse", (0, _extends2["default"])({
-        className: (0, _classnames["default"])(classes.bgCircle, disabled && classes.disabled, classes[correctness], className),
-        cx: scale.x(x),
-        cy: scale.y(y),
-        rx: rx,
-        ry: ry
-      }, rest));
-    }
-  }]);
-  return RawCircle;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(RawCircle, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  correctness: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  x: _propTypes["default"].number.isRequired,
-  y: _propTypes["default"].number.isRequired,
-  radius: _propTypes["default"].number,
-  graphProps: _plot.types.GraphPropsType.isRequired
-});
-
-var applyStyle = function applyStyle(fn) {
-  return _objectSpread(_objectSpread({}, fn('stroke')), {}, {
-    '&:hover': _objectSpread({
-      strokeWidth: 3
-    }, fn('stroke'))
-  });
-};
-
-var styles = function styles() {
-  return {
-    bgCircle: {
-      fill: 'transparent',
-      stroke: _renderUi.color.primaryLight(),
-      strokeWidth: 3,
-      transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',
-      '&:hover': {
-        strokeWidth: 6,
-        stroke: _renderUi.color.primaryDark()
-      }
-    },
-    disabled: applyStyle(_styles2.disabled),
-    correct: applyStyle(_styles2.correct),
-    incorrect: applyStyle(_styles2.incorrect),
-    missing: applyStyle(_styles2.missing)
-  };
-};
-
-var BgCircle = (0, _styles.withStyles)(styles)(RawCircle);
-exports.BgCircle = BgCircle;
-
-var _default = (0, _plot.gridDraggable)({
-  bounds: function bounds(props, _ref) {
-    var domain = _ref.domain,
-        range = _ref.range;
-    var x = props.x,
-        y = props.y;
-    var area = {
-      left: x,
-      top: y,
-      bottom: y,
-      right: x
-    };
-    return utils.bounds(area, domain, range);
-  },
-  anchorPoint: function anchorPoint(props) {
-    var x = props.x,
-        y = props.y;
-    return {
-      x: x,
-      y: y
-    };
-  },
-  fromDelta: function fromDelta(props, delta) {
-    var newPoint = utils.point(props).add(utils.point(delta));
-    return newPoint;
-  }
-})(BgCircle);
-
-exports["default"] = _default;
-//# sourceMappingURL=bg-circle.js.map

package/lib/tools/circle/bg-circle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/tools/circle/bg-circle.jsx"],"names":["RawCircle","props","classes","disabled","className","correctness","x","y","radius","graphProps","rest","scale","rx","Math","abs","ry","bgCircle","React","Component","PropTypes","object","isRequired","string","bool","number","types","GraphPropsType","applyStyle","fn","strokeWidth","styles","fill","stroke","color","primaryLight","transition","primaryDark","correct","incorrect","missing","BgCircle","bounds","domain","range","area","left","top","bottom","right","utils","anchorPoint","fromDelta","delta","newPoint","point","add"],"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 { types, gridDraggable } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport * as utils from '../../utils';\nimport { disabled, correct, incorrect, missing } from '../shared/styles';\n\n/**\n * A low level circle component\n *\n * TODO: This and base point have a lot of similarities - merge commonality\n *\n */\nclass RawCircle extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    radius: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const { classes, disabled, className, correctness, x, y, radius, graphProps, ...rest } = this.props;\n    const { scale } = graphProps;\n    const rx = Math.abs(scale.x(x + radius) - scale.x(x));\n    const ry = Math.abs(scale.y(y + radius) - scale.y(y));\n\n    return (\n      <ellipse\n        className={classNames(classes.bgCircle, disabled && classes.disabled, classes[correctness], className)}\n        cx={scale.x(x)}\n        cy={scale.y(y)}\n        rx={rx}\n        ry={ry}\n        {...rest}\n      />\n    );\n  }\n}\n\nconst applyStyle = (fn) => ({\n  ...fn('stroke'),\n  '&:hover': {\n    strokeWidth: 3,\n    ...fn('stroke'),\n  },\n});\n\nconst styles = () => ({\n  bgCircle: {\n    fill: 'transparent',\n    stroke: color.primaryLight(),\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.primaryDark(),\n    },\n  },\n  disabled: applyStyle(disabled),\n  correct: applyStyle(correct),\n  incorrect: applyStyle(incorrect),\n  missing: applyStyle(missing),\n});\n\nexport const BgCircle = withStyles(styles)(RawCircle);\n\nexport default gridDraggable({\n  bounds: (props, { domain, range }) => {\n    const { x, y } = props;\n    const area = { left: x, top: y, bottom: y, right: x };\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { x, y } = props;\n    return { x, y };\n  },\n  fromDelta: (props, delta) => {\n    const newPoint = utils.point(props).add(utils.point(delta));\n    return newPoint;\n  },\n})(BgCircle);\n"],"file":"bg-circle.js"}