@pie-lib/graphing 3.2.0-next.16 → 3.2.0-next.17

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.2.0-next.17](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@3.2.0-next.16...@pie-lib/graphing@3.2.0-next.17) (2026-03-18)
+
+### Bug Fixes
+
+- **graphing:** color changes for graph buttons PD-5590 ([1053f44](https://github.com/pie-framework/pie-lib/commit/1053f44cd10521bf5e3431ac071fb3f18e97f467))
+- **graphing:** revert to previous disabled colors PD-5510 ([e50a991](https://github.com/pie-framework/pie-lib/commit/e50a991aaa20f134d338a3f27d6d46d68db02a57))
+
 # [3.2.0-next.16](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@3.2.0-next.15...@pie-lib/graphing@3.2.0-next.16) (2026-03-11)
 
 **Note:** Version bump only for package @pie-lib/graphing

package/lib/toggle-bar.js

@@ -37,7 +37,11 @@ var StyledMiniButton = (0, _styles.styled)(_Button["default"], {
     disabled = _ref.disabled;
   return _objectSpread(_objectSpread(_objectSpread({
     color: _renderUi.color.text(),
-    backgroundColor: _renderUi.color.background()
+    backgroundColor: _renderUi.color.background(),
+    border: "1px solid ".concat(_renderUi.color.buttonBorder()),
+    '&:hover': {
+      backgroundColor: _renderUi.color.buttonHoverBg()
+    }
   }, selected && {
     border: "1px solid ".concat(_renderUi.color.secondary())
   }), !selected && {

package/lib/toggle-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-bar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","_renderUi","_tools","_drag","_core","_utilities","_sortable","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","StyledMiniButton","styled","Button","shouldForwardProp","prop","includes","_ref","selected","disabled","color","text","backgroundColor","background","border","concat","secondary","primary","MiniButton","exports","props","className","value","onClick","language","translatorKey","toLowerCase","createElement","size","key","variant","buttonValue","lng","propTypes","PropTypes","bool","string","disabledClassName","func","StyledToolsContainer","display","flexWrap","StyledButton","_ref2","theme","marginRight","spacing","marginBottom","StyledWrapper","position","ToggleBar","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","onChange","target","textContent","dragIndex","hoverIndex","_this$props","options","onChangeToolsOrder","newOptions","arrayMove","event","active","over","activeData","data","current","overData","type","index","moveTool","_inherits2","_createClass2","render","_this2","_this$props2","selectedToolType","draggableTools","DragProvider","onDragEnd","handleDragEnd","map","option","allTools","isSelected","toolRef","React","createRef","DragTool","draggable","disableRipple","select","Component","arrayOf","_ref3","children","_useDraggable","useDraggable","id","attributes","listeners","setDragNodeRef","setNodeRef","transform","transition","isDragging","_useDroppable","useDroppable","accepts","setDropNodeRef","node","style","CSS","Transform","toString","opacity","ref","_extends2","number","object","_default"],"sources":["../src/toggle-bar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\nimport { color } from '@pie-lib/render-ui';\nimport { allTools } from './tools';\nimport { DragProvider } from '@pie-lib/drag';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { arrayMove } from '@dnd-kit/sortable';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledMiniButton = styled(Button, {\n  shouldForwardProp: (prop) => !['selected'].includes(prop),\n})(({ selected, disabled }) => ({\n  color: color.text(),\n  backgroundColor: color.background(),\n  ...(selected && {\n    border: `1px solid ${color.secondary()}`,\n  }),\n  ...(!selected && {\n    '& span': {\n      color: color.primary(),\n    },\n  }),\n  ...(disabled && {\n    '& span': {\n      color: color.primary(),\n    },\n    backgroundColor: color.disabled(),\n  }),\n}));\n\nexport const MiniButton = (props) => {\n  const { disabled, className, selected, value, onClick, language } = props;\n  const translatorKey = value.toLowerCase();\n\n  return (\n    <StyledMiniButton\n      size=\"small\"\n      disabled={disabled}\n      className={className}\n      selected={selected}\n      value={value}\n      key={value}\n      variant=\"outlined\"\n      onClick={(e) => onClick({ ...e, buttonValue: value })}\n    >\n      {translator.t(`graphing.${translatorKey}`, { lng: language })}\n    </StyledMiniButton>\n  );\n};\n\nMiniButton.propTypes = {\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  disabledClassName: PropTypes.string,\n  selected: PropTypes.bool,\n  value: PropTypes.string,\n  onClick: PropTypes.func,\n  language: PropTypes.string,\n};\n\nconst StyledToolsContainer = styled('div')(() => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n}));\n\nconst StyledButton = styled(MiniButton)(({ theme }) => ({\n  marginRight: theme.spacing(0.5),\n  marginBottom: theme.spacing(0.5),\n  color: color.text(),\n}));\n\nconst StyledWrapper = styled('div')({\n  position: 'relative',\n});\n\nexport class ToggleBar extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.string),\n    selectedToolType: PropTypes.string,\n    disabled: PropTypes.bool,\n    draggableTools: PropTypes.bool,\n    onChange: PropTypes.func,\n    onChangeToolsOrder: PropTypes.func,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  select = (e) => this.props.onChange(e.buttonValue || e.target.textContent);\n\n  moveTool = (dragIndex, hoverIndex) => {\n    const { options, onChangeToolsOrder } = this.props;\n    const newOptions = arrayMove(options, dragIndex, hoverIndex);\n    onChangeToolsOrder(newOptions);\n  };\n\n  handleDragEnd = (event) => {\n    const { active, over } = event;\n\n    if (!over || !active) return;\n\n    const activeData = active.data.current;\n    const overData = over.data.current;\n\n    if (activeData?.type === 'tool' && overData?.type === 'tool') {\n      const dragIndex = activeData.index;\n      const hoverIndex = overData.index;\n\n      if (dragIndex !== hoverIndex) {\n        this.moveTool(dragIndex, hoverIndex);\n      }\n    }\n  };\n\n  render() {\n    const { className, disabled, options, selectedToolType, draggableTools, language } = this.props;\n\n    return (\n      <DragProvider onDragEnd={this.handleDragEnd}>\n        <StyledToolsContainer className={className}>\n          {(options || []).map((option, index) => {\n            if ((allTools || []).includes(option)) {\n              const isSelected = option === selectedToolType;\n              const toolRef = React.createRef();\n\n              return (\n                <DragTool\n                  key={option}\n                  index={index}\n                  value={option}\n                  draggable={draggableTools}\n                  moveTool={this.moveTool}\n                  toolRef={toolRef}\n                >\n                  <StyledButton\n                    disabled={disabled}\n                    disableRipple={true}\n                    onClick={this.select}\n                    value={option}\n                    selected={isSelected}\n                    language={language}\n                  />\n                </DragTool>\n              );\n            }\n          })}\n        </StyledToolsContainer>\n      </DragProvider>\n    );\n  }\n}\n\n// DragTool functional component using @dnd-kit hooks\nfunction DragTool({ children, index, draggable, toolRef, value }) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDragNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useDraggable({\n    id: `tool-${value}-${index}`,\n    disabled: !draggable,\n    data: {\n      type: 'tool',\n      index,\n      value,\n    },\n  });\n\n  const { setNodeRef: setDropNodeRef } = useDroppable({\n    id: `drop-tool-${value}-${index}`,\n    data: {\n      type: 'tool',\n      index,\n      accepts: ['tool'],\n    },\n  });\n\n  // Combine refs\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n    if (toolRef?.current) {\n      toolRef.current = node;\n    }\n  };\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.5 : 1,\n  };\n\n  return (\n    <StyledWrapper ref={setNodeRef} style={style}>\n      <div {...attributes} {...listeners}>\n        {children}\n      </div>\n    </StyledWrapper>\n  );\n}\n\nDragTool.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.number,\n  draggable: PropTypes.bool,\n  moveTool: PropTypes.func,\n  toolRef: PropTypes.object,\n  value: PropTypes.string,\n};\n\nexport default ToggleBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"toggle-bar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","_renderUi","_tools","_drag","_core","_utilities","_sortable","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","StyledMiniButton","styled","Button","shouldForwardProp","prop","includes","_ref","selected","disabled","color","text","backgroundColor","background","border","concat","buttonBorder","buttonHoverBg","secondary","primary","MiniButton","exports","props","className","value","onClick","language","translatorKey","toLowerCase","createElement","size","key","variant","buttonValue","lng","propTypes","PropTypes","bool","string","disabledClassName","func","StyledToolsContainer","display","flexWrap","StyledButton","_ref2","theme","marginRight","spacing","marginBottom","StyledWrapper","position","ToggleBar","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","onChange","target","textContent","dragIndex","hoverIndex","_this$props","options","onChangeToolsOrder","newOptions","arrayMove","event","active","over","activeData","data","current","overData","type","index","moveTool","_inherits2","_createClass2","render","_this2","_this$props2","selectedToolType","draggableTools","DragProvider","onDragEnd","handleDragEnd","map","option","allTools","isSelected","toolRef","React","createRef","DragTool","draggable","disableRipple","select","Component","arrayOf","_ref3","children","_useDraggable","useDraggable","id","attributes","listeners","setDragNodeRef","setNodeRef","transform","transition","isDragging","_useDroppable","useDroppable","accepts","setDropNodeRef","node","style","CSS","Transform","toString","opacity","ref","_extends2","number","object","_default"],"sources":["../src/toggle-bar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\nimport { color } from '@pie-lib/render-ui';\nimport { allTools } from './tools';\nimport { DragProvider } from '@pie-lib/drag';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { arrayMove } from '@dnd-kit/sortable';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledMiniButton = styled(Button, {\n  shouldForwardProp: (prop) => !['selected'].includes(prop),\n})(({ selected, disabled }) => ({\n  color: color.text(),\n  backgroundColor: color.background(),\n  border: `1px solid ${color.buttonBorder()}`,\n  '&:hover': {\n    backgroundColor: color.buttonHoverBg(),\n  },\n  ...(selected && {\n    border: `1px solid ${color.secondary()}`,\n  }),\n  ...(!selected && {\n    '& span': {\n      color: color.primary(),\n    },\n  }),\n  ...(disabled && {\n    '& span': {\n      color: color.primary(),\n    },\n    backgroundColor: color.disabled(),\n  }),\n}));\n\nexport const MiniButton = (props) => {\n  const { disabled, className, selected, value, onClick, language } = props;\n  const translatorKey = value.toLowerCase();\n\n  return (\n    <StyledMiniButton\n      size=\"small\"\n      disabled={disabled}\n      className={className}\n      selected={selected}\n      value={value}\n      key={value}\n      variant=\"outlined\"\n      onClick={(e) => onClick({ ...e, buttonValue: value })}\n    >\n      {translator.t(`graphing.${translatorKey}`, { lng: language })}\n    </StyledMiniButton>\n  );\n};\n\nMiniButton.propTypes = {\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  disabledClassName: PropTypes.string,\n  selected: PropTypes.bool,\n  value: PropTypes.string,\n  onClick: PropTypes.func,\n  language: PropTypes.string,\n};\n\nconst StyledToolsContainer = styled('div')(() => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n}));\n\nconst StyledButton = styled(MiniButton)(({ theme }) => ({\n  marginRight: theme.spacing(0.5),\n  marginBottom: theme.spacing(0.5),\n  color: color.text(),\n}));\n\nconst StyledWrapper = styled('div')({\n  position: 'relative',\n});\n\nexport class ToggleBar extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.string),\n    selectedToolType: PropTypes.string,\n    disabled: PropTypes.bool,\n    draggableTools: PropTypes.bool,\n    onChange: PropTypes.func,\n    onChangeToolsOrder: PropTypes.func,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  select = (e) => this.props.onChange(e.buttonValue || e.target.textContent);\n\n  moveTool = (dragIndex, hoverIndex) => {\n    const { options, onChangeToolsOrder } = this.props;\n    const newOptions = arrayMove(options, dragIndex, hoverIndex);\n    onChangeToolsOrder(newOptions);\n  };\n\n  handleDragEnd = (event) => {\n    const { active, over } = event;\n\n    if (!over || !active) return;\n\n    const activeData = active.data.current;\n    const overData = over.data.current;\n\n    if (activeData?.type === 'tool' && overData?.type === 'tool') {\n      const dragIndex = activeData.index;\n      const hoverIndex = overData.index;\n\n      if (dragIndex !== hoverIndex) {\n        this.moveTool(dragIndex, hoverIndex);\n      }\n    }\n  };\n\n  render() {\n    const { className, disabled, options, selectedToolType, draggableTools, language } = this.props;\n\n    return (\n      <DragProvider onDragEnd={this.handleDragEnd}>\n        <StyledToolsContainer className={className}>\n          {(options || []).map((option, index) => {\n            if ((allTools || []).includes(option)) {\n              const isSelected = option === selectedToolType;\n              const toolRef = React.createRef();\n\n              return (\n                <DragTool\n                  key={option}\n                  index={index}\n                  value={option}\n                  draggable={draggableTools}\n                  moveTool={this.moveTool}\n                  toolRef={toolRef}\n                >\n                  <StyledButton\n                    disabled={disabled}\n                    disableRipple={true}\n                    onClick={this.select}\n                    value={option}\n                    selected={isSelected}\n                    language={language}\n                  />\n                </DragTool>\n              );\n            }\n          })}\n        </StyledToolsContainer>\n      </DragProvider>\n    );\n  }\n}\n\n// DragTool functional component using @dnd-kit hooks\nfunction DragTool({ children, index, draggable, toolRef, value }) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDragNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useDraggable({\n    id: `tool-${value}-${index}`,\n    disabled: !draggable,\n    data: {\n      type: 'tool',\n      index,\n      value,\n    },\n  });\n\n  const { setNodeRef: setDropNodeRef } = useDroppable({\n    id: `drop-tool-${value}-${index}`,\n    data: {\n      type: 'tool',\n      index,\n      accepts: ['tool'],\n    },\n  });\n\n  // Combine refs\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n    if (toolRef?.current) {\n      toolRef.current = node;\n    }\n  };\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.5 : 1,\n  };\n\n  return (\n    <StyledWrapper ref={setNodeRef} style={style}>\n      <div {...attributes} {...listeners}>\n        {children}\n      </div>\n    </StyledWrapper>\n  );\n}\n\nDragTool.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.number,\n  draggable: PropTypes.bool,\n  moveTool: PropTypes.func,\n  toolRef: PropTypes.object,\n  value: PropTypes.string,\n};\n\nexport default ToggleBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/circle/component.js

@@ -298,7 +298,7 @@ var RawBaseCircle = exports.RawBaseCircle = /*#__PURE__*/function (_React$Compon
 var StyledBgCircle = (0, _styles.styled)(_bgCircle["default"])(function () {
   return {
     '&.outerLine': {
-      fill: 'rgba(0,0,0,0)',
+      fill: _renderUi.color.transparent(),
       stroke: _renderUi.color.defaults.BLACK,
       strokeWidth: 4,
       '&:hover': {

package/lib/tools/circle/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_point","_bgCircle","_utils","_plot","_withRootEdge","_reactDom","_markLabel","_lodashEs","_renderUi","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","opacityPulsate","opacity","keyframes","getRadius","from","outer","c","point","dist","RawBaseCircle","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","_this$props","props","middle","onChange","to","equalPoints","getMiddleOfTwoPoints","draggedFrom","_this$props2","label","onChangePoint","draggedTo","_this$props3","_this$props4","diff","sub","updated","setState","draggedroot","undefined","draggedOuter","isCircleDrag","type","changeMarkProps","update","isEmpty","data","_this$props5","disabled","labelModeEnabled","limitLabeling","onClick","input","focus","_inherits2","_createClass2","key","value","render","_this2","_this$props6","building","coordinatesOnHover","onDragStart","onDragStop","correctness","graphProps","labelNode","common","radius","fromLabelNode","toLabelNode","circleLabelNode","_to","ReactDOM","createPortal","createElement","inputRef","mark","labelChange","StyledBgCircle","_extends2","className","classNames","x","y","onDrag","dragCircle","clickPoint","BasePoint","dragTo","dragFrom","React","Component","PropTypes","bool","string","types","PointType","func","isRequired","GraphPropsType","object","styled","BgCircle","fill","stroke","color","defaults","BLACK","strokeWidth","PRIMARY_DARK","animation","BaseCircle","rootEdgeComponent","_default"],"sources":["../../../src/tools/circle/component.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { BasePoint } from '../shared/point';\nimport BgCircle from './bg-circle';\nimport { equalPoints, getMiddleOfTwoPoints, point } from '../../utils';\nimport { types } from '@pie-lib/plot';\nimport { rootEdgeComponent } from '../shared/line/with-root-edge';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../mark-label';\nimport { isEmpty } from 'lodash-es';\nimport { color } from '@pie-lib/render-ui';\nimport { keyframes, styled } from '@mui/material/styles';\n\nconst opacityPulsate = (opacity) =>\n  keyframes({\n    '0%': { opacity: '0.0' },\n    '50%': { opacity },\n    '100%': { opacity: '0.0' },\n  });\n\nconst getRadius = (from, outer) => {\n  const c = point(from);\n  return c.dist(point(outer));\n};\n\nexport class RawBaseCircle extends React.Component {\n  static propTypes = {\n    building: PropTypes.bool,\n    className: PropTypes.string,\n    coordinatesOnHover: PropTypes.bool,\n    correctness: PropTypes.string,\n    from: types.PointType,\n    disabled: PropTypes.bool,\n    to: types.PointType,\n    middle: types.PointType,\n    onChange: PropTypes.func.isRequired,\n    onDragStart: PropTypes.func,\n    onDragStop: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    onClick: PropTypes.func,\n    labelNode: PropTypes.object,\n    labelModeEnabled: PropTypes.bool,\n    changeMarkProps: PropTypes.func,\n    limitLabeling: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    onClick: () => ({}),\n  };\n\n  onChangePoint = (point) => {\n    const { middle, onChange } = this.props;\n    const { from, to } = point;\n\n    if (!equalPoints(from, to)) {\n      if (middle) {\n        point.middle = { ...middle, ...getMiddleOfTwoPoints(from, to) };\n      }\n      onChange(point);\n    }\n  };\n\n  dragFrom = (draggedFrom) => {\n    const { from, to } = this.props;\n\n    if (from.label) draggedFrom.label = from.label;\n    if (!equalPoints(draggedFrom, to)) {\n      this.onChangePoint({ from: draggedFrom, to });\n    }\n  };\n\n  dragTo = (draggedTo) => {\n    const { from, to } = this.props;\n\n    if (to.label) draggedTo.label = to.label;\n    if (!equalPoints(from, draggedTo)) {\n      this.onChangePoint({ from, to: draggedTo });\n    }\n  };\n\n  dragCircle = (draggedFrom) => {\n    const { from, to, onChange, middle } = this.props;\n    const diff = point(from).sub(point(draggedFrom));\n    const draggedTo = point(to).sub(diff);\n\n    if (from.label) draggedFrom.label = from.label;\n    if (to.label) draggedTo.label = to.label;\n\n    const updated = { from: draggedFrom, to: draggedTo };\n    if (middle) {\n      updated.middle = { ...middle, ...getMiddleOfTwoPoints(draggedFrom, draggedTo) };\n    }\n\n    this.setState({ draggedroot: undefined, draggedOuter: undefined, isCircleDrag: false }, () => onChange(updated));\n  };\n\n  labelChange = (point, type) => {\n    const { changeMarkProps } = this.props;\n    const update = { ...point };\n    if (!point.label || isEmpty(point.label)) delete update.label;\n    changeMarkProps({ [type]: update });\n  };\n\n  clickPoint = (point, type, data) => {\n    const { changeMarkProps, disabled, from, to, labelModeEnabled, limitLabeling, onClick } = this.props;\n\n    if (!labelModeEnabled) {\n      onClick(point || data);\n      return;\n    }\n\n    if (disabled || limitLabeling) return;\n\n    if (type === 'middle' && !point && from && to) {\n      point = { ...point, ...getMiddleOfTwoPoints(from, to) };\n    }\n\n    changeMarkProps({ from, to, [type]: { label: '', ...point } });\n\n    if (this.input[type]) {\n      this.input[type].focus();\n    }\n  };\n\n  input = {};\n\n  render() {\n    let {\n      from,\n      to,\n      middle,\n      disabled,\n      building,\n      coordinatesOnHover,\n      onDragStart,\n      onDragStop,\n      onClick,\n      correctness,\n      graphProps,\n      labelNode,\n      labelModeEnabled,\n    } = this.props;\n\n    const common = { onDragStart, onDragStop, graphProps, onClick };\n    to = to || from;\n    const radius = getRadius(from, to);\n\n    let fromLabelNode = null;\n    let toLabelNode = null;\n    let circleLabelNode = null;\n\n    if (labelNode) {\n      if (from?.label !== undefined) {\n        fromLabelNode = ReactDOM.createPortal(\n          <MarkLabel\n            inputRef={(r) => (this.input.from = r)}\n            disabled={!labelModeEnabled}\n            mark={from}\n            graphProps={graphProps}\n            onChange={(label) => this.labelChange({ ...from, label }, 'from')}\n          />,\n          labelNode,\n        );\n      }\n\n      if (to?.label !== undefined) {\n        toLabelNode = ReactDOM.createPortal(\n          <MarkLabel\n            inputRef={(r) => (this.input.to = r)}\n            disabled={!labelModeEnabled}\n            mark={to}\n            graphProps={graphProps}\n            onChange={(label) => this.labelChange({ ...to, label }, 'to')}\n          />,\n          labelNode,\n        );\n      }\n\n      if (middle?.label !== undefined) {\n        circleLabelNode = ReactDOM.createPortal(\n          <MarkLabel\n            inputRef={(r) => (this.input.middle = r)}\n            disabled={!labelModeEnabled}\n            mark={middle}\n            graphProps={graphProps}\n            onChange={(label) => this.labelChange({ ...middle, label }, 'middle')}\n          />,\n          labelNode,\n        );\n      }\n    }\n\n    return (\n      <g>\n        <StyledBgCircle\n          disabled={building || disabled}\n          correctness={correctness}\n          className={classNames(building && 'bgCircleBuilding')}\n          x={from.x}\n          y={from.y}\n          radius={radius}\n          onDrag={this.dragCircle}\n          {...common}\n          onClick={(data) => this.clickPoint(middle, 'middle', data)}\n        />\n        {circleLabelNode}\n\n        <BasePoint\n          disabled={building || disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={correctness}\n          labelNode={labelNode}\n          x={to.x}\n          y={to.y}\n          onDrag={this.dragTo}\n          {...common}\n          onClick={(data) => this.clickPoint(to, 'to', data)}\n        />\n        {toLabelNode}\n\n        <BasePoint\n          disabled={building || disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={correctness}\n          labelNode={labelNode}\n          x={from.x}\n          y={from.y}\n          className=\"from\"\n          onDrag={this.dragFrom}\n          {...common}\n          onClick={(data) => this.clickPoint(from, 'from', data)}\n        />\n        {fromLabelNode}\n      </g>\n    );\n  }\n}\n\n// MUI v5 styled() replaces withStyles\nconst StyledBgCircle = styled(BgCircle)(() => ({\n  '&.outerLine': {\n    fill: 'rgba(0,0,0,0)',\n    stroke: color.defaults.BLACK,\n    strokeWidth: 4,\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.defaults.PRIMARY_DARK,\n    },\n  },\n  '&.bgCircleBuilding': {\n    stroke: color.defaults.BLACK,\n    animation: `${opacityPulsate('0.3')} 2s ease-out infinite`,\n    opacity: 1,\n  },\n}));\n\nexport const BaseCircle = RawBaseCircle;\nconst Component = rootEdgeComponent(BaseCircle);\nexport default Component;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"component.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_point","_bgCircle","_utils","_plot","_withRootEdge","_reactDom","_markLabel","_lodashEs","_renderUi","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","opacityPulsate","opacity","keyframes","getRadius","from","outer","c","point","dist","RawBaseCircle","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","_this$props","props","middle","onChange","to","equalPoints","getMiddleOfTwoPoints","draggedFrom","_this$props2","label","onChangePoint","draggedTo","_this$props3","_this$props4","diff","sub","updated","setState","draggedroot","undefined","draggedOuter","isCircleDrag","type","changeMarkProps","update","isEmpty","data","_this$props5","disabled","labelModeEnabled","limitLabeling","onClick","input","focus","_inherits2","_createClass2","key","value","render","_this2","_this$props6","building","coordinatesOnHover","onDragStart","onDragStop","correctness","graphProps","labelNode","common","radius","fromLabelNode","toLabelNode","circleLabelNode","_to","ReactDOM","createPortal","createElement","inputRef","mark","labelChange","StyledBgCircle","_extends2","className","classNames","x","y","onDrag","dragCircle","clickPoint","BasePoint","dragTo","dragFrom","React","Component","PropTypes","bool","string","types","PointType","func","isRequired","GraphPropsType","object","styled","BgCircle","fill","color","transparent","stroke","defaults","BLACK","strokeWidth","PRIMARY_DARK","animation","BaseCircle","rootEdgeComponent","_default"],"sources":["../../../src/tools/circle/component.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { BasePoint } from '../shared/point';\nimport BgCircle from './bg-circle';\nimport { equalPoints, getMiddleOfTwoPoints, point } from '../../utils';\nimport { types } from '@pie-lib/plot';\nimport { rootEdgeComponent } from '../shared/line/with-root-edge';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../mark-label';\nimport { isEmpty } from 'lodash-es';\nimport { color } from '@pie-lib/render-ui';\nimport { keyframes, styled } from '@mui/material/styles';\n\nconst opacityPulsate = (opacity) =>\n  keyframes({\n    '0%': { opacity: '0.0' },\n    '50%': { opacity },\n    '100%': { opacity: '0.0' },\n  });\n\nconst getRadius = (from, outer) => {\n  const c = point(from);\n  return c.dist(point(outer));\n};\n\nexport class RawBaseCircle extends React.Component {\n  static propTypes = {\n    building: PropTypes.bool,\n    className: PropTypes.string,\n    coordinatesOnHover: PropTypes.bool,\n    correctness: PropTypes.string,\n    from: types.PointType,\n    disabled: PropTypes.bool,\n    to: types.PointType,\n    middle: types.PointType,\n    onChange: PropTypes.func.isRequired,\n    onDragStart: PropTypes.func,\n    onDragStop: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    onClick: PropTypes.func,\n    labelNode: PropTypes.object,\n    labelModeEnabled: PropTypes.bool,\n    changeMarkProps: PropTypes.func,\n    limitLabeling: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    onClick: () => ({}),\n  };\n\n  onChangePoint = (point) => {\n    const { middle, onChange } = this.props;\n    const { from, to } = point;\n\n    if (!equalPoints(from, to)) {\n      if (middle) {\n        point.middle = { ...middle, ...getMiddleOfTwoPoints(from, to) };\n      }\n      onChange(point);\n    }\n  };\n\n  dragFrom = (draggedFrom) => {\n    const { from, to } = this.props;\n\n    if (from.label) draggedFrom.label = from.label;\n    if (!equalPoints(draggedFrom, to)) {\n      this.onChangePoint({ from: draggedFrom, to });\n    }\n  };\n\n  dragTo = (draggedTo) => {\n    const { from, to } = this.props;\n\n    if (to.label) draggedTo.label = to.label;\n    if (!equalPoints(from, draggedTo)) {\n      this.onChangePoint({ from, to: draggedTo });\n    }\n  };\n\n  dragCircle = (draggedFrom) => {\n    const { from, to, onChange, middle } = this.props;\n    const diff = point(from).sub(point(draggedFrom));\n    const draggedTo = point(to).sub(diff);\n\n    if (from.label) draggedFrom.label = from.label;\n    if (to.label) draggedTo.label = to.label;\n\n    const updated = { from: draggedFrom, to: draggedTo };\n    if (middle) {\n      updated.middle = { ...middle, ...getMiddleOfTwoPoints(draggedFrom, draggedTo) };\n    }\n\n    this.setState({ draggedroot: undefined, draggedOuter: undefined, isCircleDrag: false }, () => onChange(updated));\n  };\n\n  labelChange = (point, type) => {\n    const { changeMarkProps } = this.props;\n    const update = { ...point };\n    if (!point.label || isEmpty(point.label)) delete update.label;\n    changeMarkProps({ [type]: update });\n  };\n\n  clickPoint = (point, type, data) => {\n    const { changeMarkProps, disabled, from, to, labelModeEnabled, limitLabeling, onClick } = this.props;\n\n    if (!labelModeEnabled) {\n      onClick(point || data);\n      return;\n    }\n\n    if (disabled || limitLabeling) return;\n\n    if (type === 'middle' && !point && from && to) {\n      point = { ...point, ...getMiddleOfTwoPoints(from, to) };\n    }\n\n    changeMarkProps({ from, to, [type]: { label: '', ...point } });\n\n    if (this.input[type]) {\n      this.input[type].focus();\n    }\n  };\n\n  input = {};\n\n  render() {\n    let {\n      from,\n      to,\n      middle,\n      disabled,\n      building,\n      coordinatesOnHover,\n      onDragStart,\n      onDragStop,\n      onClick,\n      correctness,\n      graphProps,\n      labelNode,\n      labelModeEnabled,\n    } = this.props;\n\n    const common = { onDragStart, onDragStop, graphProps, onClick };\n    to = to || from;\n    const radius = getRadius(from, to);\n\n    let fromLabelNode = null;\n    let toLabelNode = null;\n    let circleLabelNode = null;\n\n    if (labelNode) {\n      if (from?.label !== undefined) {\n        fromLabelNode = ReactDOM.createPortal(\n          <MarkLabel\n            inputRef={(r) => (this.input.from = r)}\n            disabled={!labelModeEnabled}\n            mark={from}\n            graphProps={graphProps}\n            onChange={(label) => this.labelChange({ ...from, label }, 'from')}\n          />,\n          labelNode,\n        );\n      }\n\n      if (to?.label !== undefined) {\n        toLabelNode = ReactDOM.createPortal(\n          <MarkLabel\n            inputRef={(r) => (this.input.to = r)}\n            disabled={!labelModeEnabled}\n            mark={to}\n            graphProps={graphProps}\n            onChange={(label) => this.labelChange({ ...to, label }, 'to')}\n          />,\n          labelNode,\n        );\n      }\n\n      if (middle?.label !== undefined) {\n        circleLabelNode = ReactDOM.createPortal(\n          <MarkLabel\n            inputRef={(r) => (this.input.middle = r)}\n            disabled={!labelModeEnabled}\n            mark={middle}\n            graphProps={graphProps}\n            onChange={(label) => this.labelChange({ ...middle, label }, 'middle')}\n          />,\n          labelNode,\n        );\n      }\n    }\n\n    return (\n      <g>\n        <StyledBgCircle\n          disabled={building || disabled}\n          correctness={correctness}\n          className={classNames(building && 'bgCircleBuilding')}\n          x={from.x}\n          y={from.y}\n          radius={radius}\n          onDrag={this.dragCircle}\n          {...common}\n          onClick={(data) => this.clickPoint(middle, 'middle', data)}\n        />\n        {circleLabelNode}\n\n        <BasePoint\n          disabled={building || disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={correctness}\n          labelNode={labelNode}\n          x={to.x}\n          y={to.y}\n          onDrag={this.dragTo}\n          {...common}\n          onClick={(data) => this.clickPoint(to, 'to', data)}\n        />\n        {toLabelNode}\n\n        <BasePoint\n          disabled={building || disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={correctness}\n          labelNode={labelNode}\n          x={from.x}\n          y={from.y}\n          className=\"from\"\n          onDrag={this.dragFrom}\n          {...common}\n          onClick={(data) => this.clickPoint(from, 'from', data)}\n        />\n        {fromLabelNode}\n      </g>\n    );\n  }\n}\n\n// MUI v5 styled() replaces withStyles\nconst StyledBgCircle = styled(BgCircle)(() => ({\n  '&.outerLine': {\n    fill: color.transparent(),\n    stroke: color.defaults.BLACK,\n    strokeWidth: 4,\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.defaults.PRIMARY_DARK,\n    },\n  },\n  '&.bgCircleBuilding': {\n    stroke: color.defaults.BLACK,\n    animation: `${opacityPulsate('0.3')} 2s ease-out infinite`,\n    opacity: 1,\n  },\n}));\n\nexport const BaseCircle = RawBaseCircle;\nconst Component = rootEdgeComponent(BaseCircle);\nexport default Component;\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/polygon/polygon.js

@@ -18,8 +18,8 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _plot = require("@pie-lib/plot");
-var utils = _interopRequireWildcard(require("../../utils"));
 var _renderUi = require("@pie-lib/render-ui");
+var utils = _interopRequireWildcard(require("../../utils"));
 var _styles2 = require("../shared/styles");
 var _excluded = ["points", "className", "disabled", "correctness", "graphProps", "closed"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -28,27 +28,25 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledPolygon = (0, _styles.styled)('polygon')(function (_ref) {
-  var theme = _ref.theme,
-    isDisabled = _ref.disabled,
+  var isDisabled = _ref.disabled,
     correctness = _ref.correctness;
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    fill: (0, _styles.alpha)(theme.palette.primary.light, 0.2),
+    fill: (0, _styles.alpha)((0, _styles2.graphingShapeFill)(), 0.2),
     strokeWidth: 2,
     stroke: _renderUi.color.defaults.BLACK
-  }, isDisabled && (0, _styles2.disabled)('stroke')), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('stroke')), {}, {
+  }, isDisabled && (0, _styles2.disabledSecondary)('stroke')), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('stroke')), {}, {
     stroke: 'inherit'
   }));
 });
 var StyledPolyline = (0, _styles.styled)('polyline')(function (_ref2) {
-  var theme = _ref2.theme,
-    isDisabled = _ref2.disabled,
+  var isDisabled = _ref2.disabled,
     correctness = _ref2.correctness;
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    fill: (0, _styles.alpha)(theme.palette.primary.light, 0.0),
+    fill: (0, _styles.alpha)((0, _styles2.graphingShapeFill)(), 0.0),
     strokeWidth: 2,
     stroke: _renderUi.color.defaults.BLACK,
     pointerEvents: 'none'
-  }, isDisabled && (0, _styles2.disabled)('stroke')), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('stroke')), {}, {
+  }, isDisabled && (0, _styles2.disabledSecondary)('stroke')), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('stroke')), {}, {
     stroke: 'inherit'
   }));
 });

package/lib/tools/polygon/polygon.js.map

@@ -1 +1 @@
-{"version":3,"file":"polygon.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","utils","_interopRequireWildcard","_renderUi","_styles2","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledPolygon","styled","_ref","theme","isDisabled","disabled","correctness","fill","alpha","palette","primary","light","strokeWidth","stroke","color","defaults","BLACK","correct","incorrect","missing","StyledPolyline","_ref2","pointerEvents","getPointString","exports","points","scale","map","p","scaledPoint","x","y","concat","join","RawPolygon","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","className","graphProps","closed","rest","_objectWithoutProperties2","pointString","createElement","_extends2","React","Component","PropTypes","string","bool","arrayOf","types","PointType","GraphPropsType","isRequired","Polygon","_default","gridDraggable","bounds","_ref3","domain","range","area","polygonToArea","anchorPoint","fromDelta","delta","point","add"],"sources":["../../../src/tools/polygon/polygon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { alpha, styled } from '@mui/material/styles';\nimport { gridDraggable, types } from '@pie-lib/plot';\nimport * as utils from '../../utils';\nimport { color } from '@pie-lib/render-ui';\nimport { correct, disabled, incorrect, missing } from '../shared/styles';\n\nconst StyledPolygon = styled('polygon')(({ theme, disabled: isDisabled, correctness }) => ({\n  fill: alpha(theme.palette.primary.light, 0.2),\n  strokeWidth: 2,\n  stroke: color.defaults.BLACK,\n  ...(isDisabled && disabled('stroke')),\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n  ...(correctness === 'missing' && {\n    ...missing('stroke'),\n    stroke: 'inherit',\n  }),\n}));\n\nconst StyledPolyline = styled('polyline')(({ theme, disabled: isDisabled, correctness }) => ({\n  fill: alpha(theme.palette.primary.light, 0.0),\n  strokeWidth: 2,\n  stroke: color.defaults.BLACK,\n  pointerEvents: 'none',\n  ...(isDisabled && disabled('stroke')),\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n  ...(correctness === 'missing' && {\n    ...missing('stroke'),\n    stroke: 'inherit',\n  }),\n}));\n\nexport const getPointString = (points, scale) => {\n  return (points || [])\n    .map((p) => {\n      const scaledPoint = {\n        x: scale.x(p.x),\n        y: scale.y(p.y),\n      };\n      return `${scaledPoint.x},${scaledPoint.y}`;\n    })\n    .join(' ');\n};\n\nexport class RawPolygon extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    points: PropTypes.arrayOf(types.PointType),\n    graphProps: types.GraphPropsType.isRequired,\n    closed: PropTypes.bool.isRequired,\n    correctness: PropTypes.string,\n  };\n\n  static defaultProps = {\n    points: [],\n  };\n\n  render() {\n    const { points, className, disabled, correctness, graphProps, closed, ...rest } = this.props;\n    const { scale } = graphProps;\n\n    const pointString = getPointString(points, scale);\n\n    if (closed) {\n      return (\n        <StyledPolygon\n          points={pointString}\n          className={className}\n          disabled={disabled}\n          correctness={correctness}\n          {...rest}\n        />\n      );\n    } else {\n      return (\n        <StyledPolyline\n          points={pointString}\n          className={className}\n          disabled={disabled}\n          correctness={correctness}\n          {...rest}\n        />\n      );\n    }\n  }\n}\n\nexport const Polygon = RawPolygon;\n\nexport default gridDraggable({\n  bounds: (props, { domain, range }) => {\n    const { points } = props;\n    const area = utils.polygonToArea(points);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { points } = props;\n    return points[0];\n  },\n  fromDelta: (props, delta) => {\n    const { points } = props;\n\n    return points.map((p) => utils.point(p).add(utils.point(delta)));\n  },\n})(Polygon);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAC,uBAAA,CAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAAyE,IAAAQ,SAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,WAAAnB,CAAA,EAAAK,CAAA,EAAAN,CAAA,WAAAM,CAAA,OAAAe,gBAAA,aAAAf,CAAA,OAAAgB,2BAAA,aAAArB,CAAA,EAAAsB,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAnB,CAAA,EAAAN,CAAA,YAAAqB,gBAAA,aAAApB,CAAA,EAAAyB,WAAA,IAAApB,CAAA,CAAAqB,KAAA,CAAA1B,CAAA,EAAAD,CAAA;AAAA,SAAAuB,0BAAA,cAAAtB,CAAA,IAAA2B,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAd,IAAA,CAAAQ,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAA3B,CAAA,aAAAsB,yBAAA,YAAAA,0BAAA,aAAAtB,CAAA;AAAA,SAAA8B,QAAA/B,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAe,IAAA,CAAAhC,CAAA,OAAAiB,MAAA,CAAAgB,qBAAA,QAAA3B,CAAA,GAAAW,MAAA,CAAAgB,qBAAA,CAAAjC,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAA4B,MAAA,WAAA/B,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAAgC,UAAA,OAAAlC,CAAA,CAAAmC,IAAA,CAAAT,KAAA,CAAA1B,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAAoC,cAAArC,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAmC,SAAA,CAAAC,MAAA,EAAApC,CAAA,UAAAF,CAAA,WAAAqC,SAAA,CAAAnC,CAAA,IAAAmC,SAAA,CAAAnC,CAAA,QAAAA,CAAA,OAAA4B,OAAA,CAAAd,MAAA,CAAAhB,CAAA,OAAAuC,OAAA,WAAArC,CAAA,QAAAsC,gBAAA,aAAAzC,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAyB,yBAAA,GAAAzB,MAAA,CAAA0B,gBAAA,CAAA3C,CAAA,EAAAiB,MAAA,CAAAyB,yBAAA,CAAAzC,CAAA,KAAA8B,OAAA,CAAAd,MAAA,CAAAhB,CAAA,GAAAuC,OAAA,WAAArC,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAEzE,IAAM4C,aAAa,GAAG,IAAAC,cAAM,EAAC,SAAS,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAYC,UAAU,GAAAF,IAAA,CAApBG,QAAQ;IAAcC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;EAAA,OAAAb,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACjFc,IAAI,EAAE,IAAAC,aAAK,EAACL,KAAK,CAACM,OAAO,CAACC,OAAO,CAACC,KAAK,EAAE,GAAG,CAAC;IAC7CC,WAAW,EAAE,CAAC;IACdC,MAAM,EAAEC,eAAK,CAACC,QAAQ,CAACC;EAAK,GACxBZ,UAAU,IAAI,IAAAC,iBAAQ,EAAC,QAAQ,CAAC,GAChCC,WAAW,KAAK,SAAS,IAAI,IAAAW,gBAAO,EAAC,QAAQ,CAAC,GAC9CX,WAAW,KAAK,WAAW,IAAI,IAAAY,kBAAS,EAAC,QAAQ,CAAC,GAClDZ,WAAW,KAAK,SAAS,IAAAb,aAAA,CAAAA,aAAA,KACxB,IAAA0B,gBAAO,EAAC,QAAQ,CAAC;IACpBN,MAAM,EAAE;EAAS,EAClB;AAAA,CACD,CAAC;AAEH,IAAMO,cAAc,GAAG,IAAAnB,cAAM,EAAC,UAAU,CAAC,CAAC,UAAAoB,KAAA;EAAA,IAAGlB,KAAK,GAAAkB,KAAA,CAALlB,KAAK;IAAYC,UAAU,GAAAiB,KAAA,CAApBhB,QAAQ;IAAcC,WAAW,GAAAe,KAAA,CAAXf,WAAW;EAAA,OAAAb,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACnFc,IAAI,EAAE,IAAAC,aAAK,EAACL,KAAK,CAACM,OAAO,CAACC,OAAO,CAACC,KAAK,EAAE,GAAG,CAAC;IAC7CC,WAAW,EAAE,CAAC;IACdC,MAAM,EAAEC,eAAK,CAACC,QAAQ,CAACC,KAAK;IAC5BM,aAAa,EAAE;EAAM,GACjBlB,UAAU,IAAI,IAAAC,iBAAQ,EAAC,QAAQ,CAAC,GAChCC,WAAW,KAAK,SAAS,IAAI,IAAAW,gBAAO,EAAC,QAAQ,CAAC,GAC9CX,WAAW,KAAK,WAAW,IAAI,IAAAY,kBAAS,EAAC,QAAQ,CAAC,GAClDZ,WAAW,KAAK,SAAS,IAAAb,aAAA,CAAAA,aAAA,KACxB,IAAA0B,gBAAO,EAAC,QAAQ,CAAC;IACpBN,MAAM,EAAE;EAAS,EAClB;AAAA,CACD,CAAC;AAEI,IAAMU,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,MAAM,EAAEC,KAAK,EAAK;EAC/C,OAAO,CAACD,MAAM,IAAI,EAAE,EACjBE,GAAG,CAAC,UAACC,CAAC,EAAK;IACV,IAAMC,WAAW,GAAG;MAClBC,CAAC,EAAEJ,KAAK,CAACI,CAAC,CAACF,CAAC,CAACE,CAAC,CAAC;MACfC,CAAC,EAAEL,KAAK,CAACK,CAAC,CAACH,CAAC,CAACG,CAAC;IAChB,CAAC;IACD,UAAAC,MAAA,CAAUH,WAAW,CAACC,CAAC,OAAAE,MAAA,CAAIH,WAAW,CAACE,CAAC;EAC1C,CAAC,CAAC,CACDE,IAAI,CAAC,GAAG,CAAC;AACd,CAAC;AAAC,IAEWC,UAAU,GAAAV,OAAA,CAAAU,UAAA,0BAAAC,gBAAA;EAAA,SAAAD,WAAA;IAAA,IAAAE,gBAAA,mBAAAF,UAAA;IAAA,OAAA1D,UAAA,OAAA0D,UAAA,EAAAxC,SAAA;EAAA;EAAA,IAAA2C,UAAA,aAAAH,UAAA,EAAAC,gBAAA;EAAA,WAAAG,aAAA,aAAAJ,UAAA;IAAAK,GAAA;IAAAC,KAAA,EAcrB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAAkF,IAAI,CAACC,KAAK;QAApFlB,MAAM,GAAAiB,WAAA,CAANjB,MAAM;QAAEmB,SAAS,GAAAF,WAAA,CAATE,SAAS;QAAEvC,QAAQ,GAAAqC,WAAA,CAARrC,QAAQ;QAAEC,WAAW,GAAAoC,WAAA,CAAXpC,WAAW;QAAEuC,UAAU,GAAAH,WAAA,CAAVG,UAAU;QAAEC,MAAM,GAAAJ,WAAA,CAANI,MAAM;QAAKC,IAAI,OAAAC,yBAAA,aAAAN,WAAA,EAAAvF,SAAA;MAC7E,IAAQuE,KAAK,GAAKmB,UAAU,CAApBnB,KAAK;MAEb,IAAMuB,WAAW,GAAG1B,cAAc,CAACE,MAAM,EAAEC,KAAK,CAAC;MAEjD,IAAIoB,MAAM,EAAE;QACV,oBACErG,MAAA,YAAAyG,aAAA,CAAClD,aAAa,MAAAmD,SAAA;UACZ1B,MAAM,EAAEwB,WAAY;UACpBL,SAAS,EAAEA,SAAU;UACrBvC,QAAQ,EAAEA,QAAS;UACnBC,WAAW,EAAEA;QAAY,GACrByC,IAAI,CACT,CAAC;MAEN,CAAC,MAAM;QACL,oBACEtG,MAAA,YAAAyG,aAAA,CAAC9B,cAAc,MAAA+B,SAAA;UACb1B,MAAM,EAAEwB,WAAY;UACpBL,SAAS,EAAEA,SAAU;UACrBvC,QAAQ,EAAEA,QAAS;UACnBC,WAAW,EAAEA;QAAY,GACrByC,IAAI,CACT,CAAC;MAEN;IACF;EAAC;AAAA,EAzC6BK,iBAAK,CAACC,SAAS;AAAA,IAAAxD,gBAAA,aAAlCqC,UAAU,eACF;EACjBU,SAAS,EAAEU,qBAAS,CAACC,MAAM;EAC3BlD,QAAQ,EAAEiD,qBAAS,CAACE,IAAI;EACxB/B,MAAM,EAAE6B,qBAAS,CAACG,OAAO,CAACC,WAAK,CAACC,SAAS,CAAC;EAC1Cd,UAAU,EAAEa,WAAK,CAACE,cAAc,CAACC,UAAU;EAC3Cf,MAAM,EAAEQ,qBAAS,CAACE,IAAI,CAACK,UAAU;EACjCvD,WAAW,EAAEgD,qBAAS,CAACC;AACzB,CAAC;AAAA,IAAA1D,gBAAA,aARUqC,UAAU,kBAUC;EACpBT,MAAM,EAAE;AACV,CAAC;AAgCI,IAAMqC,OAAO,GAAAtC,OAAA,CAAAsC,OAAA,GAAG5B,UAAU;AAAC,IAAA6B,QAAA,GAAAvC,OAAA,cAEnB,IAAAwC,mBAAa,EAAC;EAC3BC,MAAM,EAAE,SAARA,MAAMA,CAAGtB,KAAK,EAAAuB,KAAA,EAAwB;IAAA,IAApBC,MAAM,GAAAD,KAAA,CAANC,MAAM;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAC7B,IAAQ3C,MAAM,GAAKkB,KAAK,CAAhBlB,MAAM;IACd,IAAM4C,IAAI,GAAGtH,KAAK,CAACuH,aAAa,CAAC7C,MAAM,CAAC;IACxC,OAAO1E,KAAK,CAACkH,MAAM,CAACI,IAAI,EAAEF,MAAM,EAAEC,KAAK,CAAC;EAC1C,CAAC;EACDG,WAAW,EAAE,SAAbA,WAAWA,CAAG5B,KAAK,EAAK;IACtB,IAAQlB,MAAM,GAAKkB,KAAK,CAAhBlB,MAAM;IACd,OAAOA,MAAM,CAAC,CAAC,CAAC;EAClB,CAAC;EACD+C,SAAS,EAAE,SAAXA,SAASA,CAAG7B,KAAK,EAAE8B,KAAK,EAAK;IAC3B,IAAQhD,MAAM,GAAKkB,KAAK,CAAhBlB,MAAM;IAEd,OAAOA,MAAM,CAACE,GAAG,CAAC,UAACC,CAAC;MAAA,OAAK7E,KAAK,CAAC2H,KAAK,CAAC9C,CAAC,CAAC,CAAC+C,GAAG,CAAC5H,KAAK,CAAC2H,KAAK,CAACD,KAAK,CAAC,CAAC;IAAA,EAAC;EAClE;AACF,CAAC,CAAC,CAACX,OAAO,CAAC","ignoreList":[]}
+{"version":3,"file":"polygon.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_renderUi","utils","_interopRequireWildcard","_styles2","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledPolygon","styled","_ref","isDisabled","disabled","correctness","fill","alpha","graphingShapeFill","strokeWidth","stroke","color","defaults","BLACK","disabledSecondary","correct","incorrect","missing","StyledPolyline","_ref2","pointerEvents","getPointString","exports","points","scale","map","p","scaledPoint","x","y","concat","join","RawPolygon","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","className","graphProps","closed","rest","_objectWithoutProperties2","pointString","createElement","_extends2","React","Component","PropTypes","string","bool","arrayOf","types","PointType","GraphPropsType","isRequired","Polygon","_default","gridDraggable","bounds","_ref3","domain","range","area","polygonToArea","anchorPoint","fromDelta","delta","point","add"],"sources":["../../../src/tools/polygon/polygon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { alpha, styled } from '@mui/material/styles';\nimport { gridDraggable, types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\n\nimport * as utils from '../../utils';\nimport { correct, disabledSecondary, incorrect, missing, graphingShapeFill } from '../shared/styles';\n\nconst StyledPolygon = styled('polygon')(({ disabled: isDisabled, correctness }) => ({\n  fill: alpha(graphingShapeFill(), 0.2),\n  strokeWidth: 2,\n  stroke: color.defaults.BLACK,\n  ...(isDisabled && disabledSecondary('stroke')),\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n  ...(correctness === 'missing' && {\n    ...missing('stroke'),\n    stroke: 'inherit',\n  }),\n}));\n\nconst StyledPolyline = styled('polyline')(({ disabled: isDisabled, correctness }) => ({\n  fill: alpha(graphingShapeFill(), 0.0),\n  strokeWidth: 2,\n  stroke: color.defaults.BLACK,\n  pointerEvents: 'none',\n  ...(isDisabled && disabledSecondary('stroke')),\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n  ...(correctness === 'missing' && {\n    ...missing('stroke'),\n    stroke: 'inherit',\n  }),\n}));\n\nexport const getPointString = (points, scale) => {\n  return (points || [])\n    .map((p) => {\n      const scaledPoint = {\n        x: scale.x(p.x),\n        y: scale.y(p.y),\n      };\n      return `${scaledPoint.x},${scaledPoint.y}`;\n    })\n    .join(' ');\n};\n\nexport class RawPolygon extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    points: PropTypes.arrayOf(types.PointType),\n    graphProps: types.GraphPropsType.isRequired,\n    closed: PropTypes.bool.isRequired,\n    correctness: PropTypes.string,\n  };\n\n  static defaultProps = {\n    points: [],\n  };\n\n  render() {\n    const { points, className, disabled, correctness, graphProps, closed, ...rest } = this.props;\n    const { scale } = graphProps;\n\n    const pointString = getPointString(points, scale);\n\n    if (closed) {\n      return (\n        <StyledPolygon\n          points={pointString}\n          className={className}\n          disabled={disabled}\n          correctness={correctness}\n          {...rest}\n        />\n      );\n    } else {\n      return (\n        <StyledPolyline\n          points={pointString}\n          className={className}\n          disabled={disabled}\n          correctness={correctness}\n          {...rest}\n        />\n      );\n    }\n  }\n}\n\nexport const Polygon = RawPolygon;\n\nexport default gridDraggable({\n  bounds: (props, { domain, range }) => {\n    const { points } = props;\n    const area = utils.polygonToArea(points);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { points } = props;\n    return points[0];\n  },\n  fromDelta: (props, delta) => {\n    const { points } = props;\n\n    return points.map((p) => utils.point(p).add(utils.point(delta)));\n  },\n})(Polygon);\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/shared/arrow-head.js

@@ -18,7 +18,7 @@ var StyledArrowHead = (0, _styles.styled)('polygon')(function (_ref) {
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     fill: _renderUi.color.defaults.BLACK
   }, disabled && {
-    fill: _renderUi.color.disabled()
+    fill: _renderUi.color.disabledSecondary()
   }), correctness === 'correct' && {
     fill: _renderUi.color.correctWithIcon()
   }), correctness === 'incorrect' && {
@@ -34,7 +34,7 @@ var StyledMarker = (0, _styles.styled)('marker')(function (_ref2) {
     '& polygon': _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       fill: _renderUi.color.defaults.BLACK
     }, disabled && {
-      fill: _renderUi.color.disabled()
+      fill: _renderUi.color.disabledSecondary()
     }), correctness === 'correct' && {
       fill: _renderUi.color.correctWithIcon()
     }), correctness === 'incorrect' && {

package/lib/tools/shared/arrow-head.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-head.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledArrowHead","styled","_ref","disabled","correctness","fill","color","defaults","BLACK","correctWithIcon","incorrectWithIcon","missingWithIcon","StyledMarker","_ref2","ArrowHead","exports","_ref3","size","transform","points","createElement","concat","propTypes","PropTypes","string","number","bool","defaultProps","genUid","v","Math","random","toFixed","ArrowMarker","_ref4","id","className","isDisabled","includes","parsedCorrectness","viewBox","refX","refY","markerWidth","markerHeight","orient"],"sources":["../../../src/tools/shared/arrow-head.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledArrowHead = styled('polygon')(({ disabled, correctness }) => ({\n  fill: color.defaults.BLACK,\n  ...(disabled && {\n    fill: color.disabled(),\n  }),\n  ...(correctness === 'correct' && {\n    fill: color.correctWithIcon(),\n  }),\n  ...(correctness === 'incorrect' && {\n    fill: color.incorrectWithIcon(),\n  }),\n  ...(correctness === 'missing' && {\n    fill: color.missingWithIcon(),\n  }),\n}));\n\nconst StyledMarker = styled('marker')(({ disabled, correctness }) => ({\n  '& polygon': {\n    fill: color.defaults.BLACK,\n    ...(disabled && {\n      fill: color.disabled(),\n    }),\n    ...(correctness === 'correct' && {\n      fill: color.correctWithIcon(),\n    }),\n    ...(correctness === 'incorrect' && {\n      fill: color.incorrectWithIcon(),\n    }),\n    ...(correctness === 'missing' && {\n      fill: color.missingWithIcon(),\n    }),\n  },\n}));\n\nexport const ArrowHead = ({ size, transform, points, disabled, correctness }) => (\n  <StyledArrowHead\n    points={points || `0,0 ${size},${size / 2} 0,${size}`}\n    transform={transform}\n    disabled={disabled}\n    correctness={correctness}\n  />\n);\nArrowHead.propTypes = {\n  points: PropTypes.string,\n  size: PropTypes.number,\n  transform: PropTypes.string,\n  disabled: PropTypes.bool,\n  correctness: PropTypes.string,\n};\nArrowHead.defaultProps = {\n  points: '',\n  size: 10,\n  transform: '',\n};\nexport const genUid = () => {\n  const v = (Math.random() * 1000).toFixed(0);\n  return `arrow-${v}`;\n};\nexport const ArrowMarker = ({ id, size, className, disabled, correctness }) => {\n  // Parse styling info from className if provided (for backward compatibility)\n  const isDisabled = disabled || className?.includes('disabled');\n  const parsedCorrectness =\n    correctness ||\n    (className?.includes('incorrect')\n      ? 'incorrect'\n      : className?.includes('correct')\n        ? 'correct'\n        : className?.includes('missing')\n          ? 'missing'\n          : null);\n\n  return (\n    <StyledMarker\n      id={id}\n      viewBox={`0 0 ${size} ${size}`}\n      refX={size / 2}\n      refY={size / 2}\n      markerWidth={size}\n      markerHeight={size}\n      orient=\"auto-start-reverse\"\n      disabled={isDisabled}\n      correctness={parsedCorrectness}\n    >\n      <ArrowHead size={size} disabled={isDisabled} correctness={parsedCorrectness} />\n    </StyledMarker>\n  );\n};\nArrowMarker.propTypes = {\n  id: PropTypes.string,\n  size: PropTypes.number,\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  correctness: PropTypes.string,\n};\nArrowMarker.defaultProps = {\n  size: 5,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"arrow-head.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledArrowHead","styled","_ref","disabled","correctness","fill","color","defaults","BLACK","disabledSecondary","correctWithIcon","incorrectWithIcon","missingWithIcon","StyledMarker","_ref2","ArrowHead","exports","_ref3","size","transform","points","createElement","concat","propTypes","PropTypes","string","number","bool","defaultProps","genUid","v","Math","random","toFixed","ArrowMarker","_ref4","id","className","isDisabled","includes","parsedCorrectness","viewBox","refX","refY","markerWidth","markerHeight","orient"],"sources":["../../../src/tools/shared/arrow-head.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledArrowHead = styled('polygon')(({ disabled, correctness }) => ({\n  fill: color.defaults.BLACK,\n  ...(disabled && {\n    fill: color.disabledSecondary(),\n  }),\n  ...(correctness === 'correct' && {\n    fill: color.correctWithIcon(),\n  }),\n  ...(correctness === 'incorrect' && {\n    fill: color.incorrectWithIcon(),\n  }),\n  ...(correctness === 'missing' && {\n    fill: color.missingWithIcon(),\n  }),\n}));\n\nconst StyledMarker = styled('marker')(({ disabled, correctness }) => ({\n  '& polygon': {\n    fill: color.defaults.BLACK,\n    ...(disabled && {\n      fill: color.disabledSecondary(),\n    }),\n    ...(correctness === 'correct' && {\n      fill: color.correctWithIcon(),\n    }),\n    ...(correctness === 'incorrect' && {\n      fill: color.incorrectWithIcon(),\n    }),\n    ...(correctness === 'missing' && {\n      fill: color.missingWithIcon(),\n    }),\n  },\n}));\n\nexport const ArrowHead = ({ size, transform, points, disabled, correctness }) => (\n  <StyledArrowHead\n    points={points || `0,0 ${size},${size / 2} 0,${size}`}\n    transform={transform}\n    disabled={disabled}\n    correctness={correctness}\n  />\n);\nArrowHead.propTypes = {\n  points: PropTypes.string,\n  size: PropTypes.number,\n  transform: PropTypes.string,\n  disabled: PropTypes.bool,\n  correctness: PropTypes.string,\n};\nArrowHead.defaultProps = {\n  points: '',\n  size: 10,\n  transform: '',\n};\nexport const genUid = () => {\n  const v = (Math.random() * 1000).toFixed(0);\n  return `arrow-${v}`;\n};\nexport const ArrowMarker = ({ id, size, className, disabled, correctness }) => {\n  // Parse styling info from className if provided (for backward compatibility)\n  const isDisabled = disabled || className?.includes('disabled');\n  const parsedCorrectness =\n    correctness ||\n    (className?.includes('incorrect')\n      ? 'incorrect'\n      : className?.includes('correct')\n        ? 'correct'\n        : className?.includes('missing')\n          ? 'missing'\n          : null);\n\n  return (\n    <StyledMarker\n      id={id}\n      viewBox={`0 0 ${size} ${size}`}\n      refX={size / 2}\n      refY={size / 2}\n      markerWidth={size}\n      markerHeight={size}\n      orient=\"auto-start-reverse\"\n      disabled={isDisabled}\n      correctness={parsedCorrectness}\n    >\n      <ArrowHead size={size} disabled={isDisabled} correctness={parsedCorrectness} />\n    </StyledMarker>\n  );\n};\nArrowMarker.propTypes = {\n  id: PropTypes.string,\n  size: PropTypes.number,\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  correctness: PropTypes.string,\n};\nArrowMarker.defaultProps = {\n  size: 5,\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/shared/point/index.js

@@ -9,6 +9,7 @@ exports.BasePoint = exports.ArrowPoint = exports.Arrow = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("@mui/material/styles");
 var _plot = require("@pie-lib/plot");
+var _renderUi = require("@pie-lib/render-ui");
 var utils = _interopRequireWildcard(require("../../../utils"));
 var _basePoint = require("./base-point");
 var _arrowPoint = require("./arrow-point");
@@ -47,6 +48,11 @@ var PointStyle = (0, _styles.styled)('g')(function () {
   return {
     '& circle, & polygon': {
       cursor: 'pointer'
+    },
+    '&[disabled]': {
+      '& circle, & polygon': {
+        fill: _renderUi.color.disabledSecondary()
+      }
     }
   };
 });

package/lib/tools/shared/point/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","_plot","utils","_interopRequireWildcard","_basePoint","_arrowPoint","_arrow","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","opts","bounds","props","_ref","domain","range","x","y","area","left","top","bottom","right","anchorPoint","fromDelta","delta","point","add","PointStyle","styled","cursor","BasePoint","exports","gridDraggable","createElement","RawBp","ArrowPoint","RawArrow","Arrow","BaseArrow"],"sources":["../../../../src/tools/shared/point/index.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { gridDraggable } from '@pie-lib/plot';\nimport * as utils from '../../../utils';\nimport { RawBp } from './base-point';\nimport { RawArrow } from './arrow-point';\nimport { BaseArrow } from './arrow';\n\n// Drag & bounds options\nconst opts = {\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    return utils.point(props).add(utils.point(delta));\n  },\n};\n\n// Common styled point\nconst PointStyle = styled('g')(() => ({\n  '& circle, & polygon': {\n    cursor: 'pointer',\n  },\n}));\n\nexport const BasePoint = gridDraggable(opts)((props) => (\n  <PointStyle {...props}>\n    <RawBp {...props} />\n  </PointStyle>\n));\n\nexport const ArrowPoint = gridDraggable(opts)((props) => (\n  <PointStyle {...props}>\n    <RawArrow {...props} />\n  </PointStyle>\n));\n\nexport const Arrow = gridDraggable(opts)((props) => (\n  <PointStyle {...props}>\n    <BaseArrow {...props} />\n  </PointStyle>\n));\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","_plot","_renderUi","utils","_interopRequireWildcard","_basePoint","_arrowPoint","_arrow","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","opts","bounds","props","_ref","domain","range","x","y","area","left","top","bottom","right","anchorPoint","fromDelta","delta","point","add","PointStyle","styled","cursor","fill","color","disabledSecondary","BasePoint","exports","gridDraggable","createElement","RawBp","ArrowPoint","RawArrow","Arrow","BaseArrow"],"sources":["../../../../src/tools/shared/point/index.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { gridDraggable } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport * as utils from '../../../utils';\nimport { RawBp } from './base-point';\nimport { RawArrow } from './arrow-point';\nimport { BaseArrow } from './arrow';\n\n// Drag & bounds options\nconst opts = {\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    return utils.point(props).add(utils.point(delta));\n  },\n};\n\n// Common styled point\nconst PointStyle = styled('g')(() => ({\n  '& circle, & polygon': {\n    cursor: 'pointer',\n  },\n  '&[disabled]': {\n    '& circle, & polygon': {\n      fill: color.disabledSecondary(),\n    },\n  },\n}));\n\nexport const BasePoint = gridDraggable(opts)((props) => (\n  <PointStyle {...props}>\n    <RawBp {...props} />\n  </PointStyle>\n));\n\nexport const ArrowPoint = gridDraggable(opts)((props) => (\n  <PointStyle {...props}>\n    <RawArrow {...props} />\n  </PointStyle>\n));\n\nexport const Arrow = gridDraggable(opts)((props) => (\n  <PointStyle {...props}>\n    <BaseArrow {...props} />\n  </PointStyle>\n));\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/shared/styles.js

@@ -4,12 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.missing = exports.incorrect = exports.disabledSecondary = exports.disabled = exports.correct = void 0;
+exports.missing = exports.incorrect = exports.graphingShapeFill = exports.disabledSecondary = exports.disabled = exports.correct = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _renderUi = require("@pie-lib/render-ui");
+var graphingShapeFill = exports.graphingShapeFill = function graphingShapeFill() {
+  return _renderUi.color.visualElementsColors.SHAPES_FILL_COLOR;
+};
 var disabled = exports.disabled = function disabled() {
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.disabled()), "pointerEvents", 'none');
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.disabledSecondary()), "pointerEvents", 'none');
 };
 var disabledSecondary = exports.disabledSecondary = function disabledSecondary() {
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';

package/lib/tools/shared/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["_renderUi","require","disabled","exports","key","arguments","length","undefined","_defineProperty2","color","disabledSecondary","correct","correctWithIcon","incorrect","incorrectWithIcon","missing","missingWithIcon"],"sources":["../../../src/tools/shared/styles.js"],"sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n  [key]: color.disabled(),\n  pointerEvents: 'none',\n});\n\nexport const disabledSecondary = (key = 'fill') => ({\n  [key]: color.disabledSecondary(),\n  pointerEvents: 'none',\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correctWithIcon(),\n  pointerEvents: 'none',\n});\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrectWithIcon(),\n  pointerEvents: 'none',\n});\n\nexport const missing = (key = 'fill') => ({\n  [key]: color.missingWithIcon(),\n  pointerEvents: 'none',\n});\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,iBAClCJ,GAAG,EAAGK,eAAK,CAACP,QAAQ,CAAC,CAAC,oBACR,MAAM;AAAA,CACrB;AAEK,IAAMQ,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA;EAAA,IAAIN,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBAC3CJ,GAAG,EAAGK,eAAK,CAACC,iBAAiB,CAAC,CAAC,oBACjB,MAAM;AAAA,CACrB;AAEK,IAAMC,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,iBACjCJ,GAAG,EAAGK,eAAK,CAACG,eAAe,CAAC,CAAC,oBACf,MAAM;AAAA,CACrB;AACK,IAAMC,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG,SAAZA,SAASA,CAAA;EAAA,IAAIT,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBACnCJ,GAAG,EAAGK,eAAK,CAACK,iBAAiB,CAAC,CAAC,oBACjB,MAAM;AAAA,CACrB;AAEK,IAAMC,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,IAAIX,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBACjCJ,GAAG,EAAGK,eAAK,CAACO,eAAe,CAAC,CAAC,oBACf,MAAM;AAAA,CACrB","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["_renderUi","require","graphingShapeFill","exports","color","visualElementsColors","SHAPES_FILL_COLOR","disabled","key","arguments","length","undefined","_defineProperty2","disabledSecondary","correct","correctWithIcon","incorrect","incorrectWithIcon","missing","missingWithIcon"],"sources":["../../../src/tools/shared/styles.js"],"sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const graphingShapeFill = () => color.visualElementsColors.SHAPES_FILL_COLOR;\n\nexport const disabled = (key = 'fill') => ({\n  [key]: color.disabledSecondary(), // this is needed to match previous disabled color for backward compatibility\n  pointerEvents: 'none',\n});\n\nexport const disabledSecondary = (key = 'fill') => ({\n  [key]: color.disabledSecondary(),\n  pointerEvents: 'none',\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correctWithIcon(),\n  pointerEvents: 'none',\n});\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrectWithIcon(),\n  pointerEvents: 'none',\n});\n\nexport const missing = (key = 'fill') => ({\n  [key]: color.missingWithIcon(),\n  pointerEvents: 'none',\n});\n"],"mappings":";;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA;EAAA,OAASE,eAAK,CAACC,oBAAoB,CAACC,iBAAiB;AAAA;AAE5E,IAAMC,QAAQ,GAAAJ,OAAA,CAAAI,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,IAAIC,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBAClCJ,GAAG,EAAGJ,eAAK,CAACS,iBAAiB,CAAC,CAAC,oBACjB,MAAM;AAAA,CACrB;AAEK,IAAMA,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA;EAAA,IAAIL,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBAC3CJ,GAAG,EAAGJ,eAAK,CAACS,iBAAiB,CAAC,CAAC,oBACjB,MAAM;AAAA,CACrB;AAEK,IAAMC,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,IAAIN,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBACjCJ,GAAG,EAAGJ,eAAK,CAACW,eAAe,CAAC,CAAC,oBACf,MAAM;AAAA,CACrB;AACK,IAAMC,SAAS,GAAAb,OAAA,CAAAa,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,iBACnCJ,GAAG,EAAGJ,eAAK,CAACa,iBAAiB,CAAC,CAAC,oBACjB,MAAM;AAAA,CACrB;AAEK,IAAMC,OAAO,GAAAf,OAAA,CAAAe,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,IAAIV,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBACjCJ,GAAG,EAAGJ,eAAK,CAACe,eAAe,CAAC,CAAC,oBACf,MAAM;AAAA,CACrB","ignoreList":[]}

package/lib/undo-redo.js

@@ -29,6 +29,9 @@ var StyledButton = (0, _styles.styled)(_Button["default"])(function (_ref) {
     marginBottom: theme.spacing(0.5),
     '&:not(:last-of-type)': {
       marginRight: theme.spacing(0.5)
+    },
+    '&:hover': {
+      backgroundColor: _renderUi.color.buttonHoverBg()
     }
   };
 });

package/lib/undo-redo.js.map

@@ -1 +1 @@
-{"version":3,"file":"undo-redo.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Button","_styles","_renderUi","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","translator","Translator","StyledButton","styled","Button","_ref","theme","color","text","fontWeight","marginBottom","spacing","marginRight","UndoRedo","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","className","onUndo","onRedo","onReset","language","createElement","classNames","onClick","lng","React","Component","_defineProperty2","PropTypes","string","func","isRequired","_default"],"sources":["../src/undo-redo.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Button from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledButton = styled(Button)(({ theme }) => ({\n  color: color.text(),\n  fontWeight: 'bold',\n  marginBottom: theme.spacing(0.5),\n  '&:not(:last-of-type)': {\n    marginRight: theme.spacing(0.5),\n  },\n}));\n\nexport class UndoRedo extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    onUndo: PropTypes.func.isRequired,\n    onRedo: PropTypes.func.isRequired,\n    onReset: PropTypes.func.isRequired,\n    language: PropTypes.string,\n  };\n  static defaultProps = {};\n\n  render() {\n    const { className, onUndo, onRedo, onReset, language } = this.props;\n    return (\n      <div className={classNames(className)}>\n        <StyledButton onClick={() => onUndo(true)}>{translator.t('common:undo', { lng: language })}</StyledButton>\n        <StyledButton onClick={() => onRedo(true)}>{translator.t('graphing.redo', { lng: language })}</StyledButton>\n        <StyledButton onClick={() => onReset()}>{translator.t('graphing.reset', { lng: language })}</StyledButton>\n      </div>\n    );\n  }\n}\n\nexport default UndoRedo;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"undo-redo.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Button","_styles","_renderUi","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","translator","Translator","StyledButton","styled","Button","_ref","theme","color","text","fontWeight","marginBottom","spacing","marginRight","backgroundColor","buttonHoverBg","UndoRedo","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","className","onUndo","onRedo","onReset","language","createElement","classNames","onClick","lng","React","Component","_defineProperty2","PropTypes","string","func","isRequired","_default"],"sources":["../src/undo-redo.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Button from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledButton = styled(Button)(({ theme }) => ({\n  color: color.text(),\n  fontWeight: 'bold',\n  marginBottom: theme.spacing(0.5),\n  '&:not(:last-of-type)': {\n    marginRight: theme.spacing(0.5),\n  },\n  '&:hover': {\n    backgroundColor: color.buttonHoverBg(),\n  },\n}));\n\nexport class UndoRedo extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    onUndo: PropTypes.func.isRequired,\n    onRedo: PropTypes.func.isRequired,\n    onReset: PropTypes.func.isRequired,\n    language: PropTypes.string,\n  };\n  static defaultProps = {};\n\n  render() {\n    const { className, onUndo, onRedo, onReset, language } = this.props;\n    return (\n      <div className={classNames(className)}>\n        <StyledButton onClick={() => onUndo(true)}>{translator.t('common:undo', { lng: language })}</StyledButton>\n        <StyledButton onClick={() => onRedo(true)}>{translator.t('graphing.redo', { lng: language })}</StyledButton>\n        <StyledButton onClick={() => onReset()}>{translator.t('graphing.reset', { lng: language })}</StyledButton>\n      </div>\n    );\n  }\n}\n\nexport default UndoRedo;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.2.0-next.16",
+  "version": "3.2.0-next.17",
   "description": "Graphing components",
   "keywords": [
     "react",
@@ -22,11 +22,11 @@
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "^3.2.0-next.4",
-    "@pie-lib/editable-html-tip-tap": "^1.2.0-next.16",
+    "@pie-lib/drag": "^3.2.0-next.5",
+    "@pie-lib/editable-html-tip-tap": "^1.2.0-next.17",
     "@pie-lib/graphing-utils": "^2.2.0-next.3",
-    "@pie-lib/plot": "^3.2.0-next.16",
-    "@pie-lib/render-ui": "^5.2.0-next.4",
+    "@pie-lib/plot": "^3.2.0-next.17",
+    "@pie-lib/render-ui": "^5.2.0-next.5",
     "@pie-lib/translator": "^3.2.0-next.3",
     "@visx/axis": "^3.0.0",
     "@visx/clip-path": "^3.0.0",
@@ -54,6 +54,6 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "0f3d64f90c9c0d9291b4a8075690260220a9d32f",
+  "gitHead": "473321bb1fe423c888aadfb29d6417604c1696ca",
   "scripts": {}
 }

package/src/toggle-bar.jsx

@@ -17,6 +17,10 @@ const StyledMiniButton = styled(Button, {
 })(({ selected, disabled }) => ({
   color: color.text(),
   backgroundColor: color.background(),
+  border: `1px solid ${color.buttonBorder()}`,
+  '&:hover': {
+    backgroundColor: color.buttonHoverBg(),
+  },
   ...(selected && {
     border: `1px solid ${color.secondary()}`,
   }),

package/src/tools/circle/component.jsx

@@ -240,7 +240,7 @@ export class RawBaseCircle extends React.Component {
 // MUI v5 styled() replaces withStyles
 const StyledBgCircle = styled(BgCircle)(() => ({
   '&.outerLine': {
-    fill: 'rgba(0,0,0,0)',
+    fill: color.transparent(),
     stroke: color.defaults.BLACK,
     strokeWidth: 4,
     '&:hover': {

package/src/tools/polygon/polygon.jsx

@@ -2,15 +2,16 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { alpha, styled } from '@mui/material/styles';
 import { gridDraggable, types } from '@pie-lib/plot';
-import * as utils from '../../utils';
 import { color } from '@pie-lib/render-ui';
-import { correct, disabled, incorrect, missing } from '../shared/styles';
 
-const StyledPolygon = styled('polygon')(({ theme, disabled: isDisabled, correctness }) => ({
-  fill: alpha(theme.palette.primary.light, 0.2),
+import * as utils from '../../utils';
+import { correct, disabledSecondary, incorrect, missing, graphingShapeFill } from '../shared/styles';
+
+const StyledPolygon = styled('polygon')(({ disabled: isDisabled, correctness }) => ({
+  fill: alpha(graphingShapeFill(), 0.2),
   strokeWidth: 2,
   stroke: color.defaults.BLACK,
-  ...(isDisabled && disabled('stroke')),
+  ...(isDisabled && disabledSecondary('stroke')),
   ...(correctness === 'correct' && correct('stroke')),
   ...(correctness === 'incorrect' && incorrect('stroke')),
   ...(correctness === 'missing' && {
@@ -19,12 +20,12 @@ const StyledPolygon = styled('polygon')(({ theme, disabled: isDisabled, correctn
   }),
 }));
 
-const StyledPolyline = styled('polyline')(({ theme, disabled: isDisabled, correctness }) => ({
-  fill: alpha(theme.palette.primary.light, 0.0),
+const StyledPolyline = styled('polyline')(({ disabled: isDisabled, correctness }) => ({
+  fill: alpha(graphingShapeFill(), 0.0),
   strokeWidth: 2,
   stroke: color.defaults.BLACK,
   pointerEvents: 'none',
-  ...(isDisabled && disabled('stroke')),
+  ...(isDisabled && disabledSecondary('stroke')),
   ...(correctness === 'correct' && correct('stroke')),
   ...(correctness === 'incorrect' && incorrect('stroke')),
   ...(correctness === 'missing' && {

package/src/tools/shared/arrow-head.jsx

@@ -6,7 +6,7 @@ import { color } from '@pie-lib/render-ui';
 const StyledArrowHead = styled('polygon')(({ disabled, correctness }) => ({
   fill: color.defaults.BLACK,
   ...(disabled && {
-    fill: color.disabled(),
+    fill: color.disabledSecondary(),
   }),
   ...(correctness === 'correct' && {
     fill: color.correctWithIcon(),
@@ -23,7 +23,7 @@ const StyledMarker = styled('marker')(({ disabled, correctness }) => ({
   '& polygon': {
     fill: color.defaults.BLACK,
     ...(disabled && {
-      fill: color.disabled(),
+      fill: color.disabledSecondary(),
     }),
     ...(correctness === 'correct' && {
       fill: color.correctWithIcon(),

package/src/tools/shared/point/index.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import { gridDraggable } from '@pie-lib/plot';
+import { color } from '@pie-lib/render-ui';
 import * as utils from '../../../utils';
 import { RawBp } from './base-point';
 import { RawArrow } from './arrow-point';
@@ -27,6 +28,11 @@ const PointStyle = styled('g')(() => ({
   '& circle, & polygon': {
     cursor: 'pointer',
   },
+  '&[disabled]': {
+    '& circle, & polygon': {
+      fill: color.disabledSecondary(),
+    },
+  },
 }));
 
 export const BasePoint = gridDraggable(opts)((props) => (

package/src/tools/shared/styles.js

@@ -1,7 +1,9 @@
 import { color } from '@pie-lib/render-ui';
 
+export const graphingShapeFill = () => color.visualElementsColors.SHAPES_FILL_COLOR;
+
 export const disabled = (key = 'fill') => ({
-  [key]: color.disabled(),
+  [key]: color.disabledSecondary(), // this is needed to match previous disabled color for backward compatibility
   pointerEvents: 'none',
 });
 

package/src/undo-redo.jsx

@@ -15,6 +15,9 @@ const StyledButton = styled(Button)(({ theme }) => ({
   '&:not(:last-of-type)': {
     marginRight: theme.spacing(0.5),
   },
+  '&:hover': {
+    backgroundColor: color.buttonHoverBg(),
+  },
 }));
 
 export class UndoRedo extends React.Component {