@pie-element/extended-text-entry 13.4.1-next.0 → 14.0.0-beta.0

package/lib/annotation/freeform-editor.js

@@ -1,266 +1,241 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = 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"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _core = require("@material-ui/core");
-
-var _styles = require("@material-ui/core/styles");
-
-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 styles = function styles(theme) {
-  return {
-    wrapper: {
-      width: '200px',
-      overflow: 'hidden',
-      borderRadius: '4px',
-      backgroundColor: '#ffffff',
-      border: "4px solid ".concat(theme.palette.grey[100]),
-      '&.negative': {
-        borderColor: 'rgb(255, 204, 238) !important'
-      },
-      '&.positive': {
-        borderColor: 'rgb(153, 255, 153) !important'
-      }
-    },
-    holder: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      borderTop: "2px solid ".concat(theme.palette.grey[100])
-    },
-    positive: {
-      backgroundColor: 'rgb(153, 255, 153) !important',
-      '&:hover': {
-        filter: 'brightness(85%)'
-      }
-    },
-    negative: {
-      backgroundColor: 'rgb(255, 204, 238) !important',
-      '&:hover': {
-        filter: 'brightness(85%)'
-      }
-    },
-    button: {
-      flexGrow: 1,
-      width: '28%',
-      textAlign: 'center',
-      padding: '4px',
-      cursor: 'pointer',
-      '&:not(:nth-child(3n))': {
-        borderRight: "1px solid ".concat(theme.palette.grey[100])
-      },
-      '&:hover': {
-        backgroundColor: theme.palette.grey[100]
-      },
-      '&.negative:hover': {
-        backgroundColor: 'rgb(153, 255, 153) !important'
-      },
-      '&.positive:hover': {
-        backgroundColor: 'rgb(255, 204, 238) !important'
-      }
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+const StyledPopover = (0, _styles.styled)(_material.Popover)(({
+  theme,
+  annotationType
+}) => ({
+  '& .MuiPaper-root': {
+    overflowX: 'unset',
+    overflowY: 'unset',
+    marginLeft: '16px',
+    '&::before': {
+      position: 'absolute',
+      right: '100%',
+      top: '13px',
+      border: 'solid transparent',
+      content: '""',
+      height: 0,
+      width: 0,
+      pointerEvents: 'none',
+      borderWidth: '7px',
+      borderRightColor: theme.palette.grey[100]
     },
-    arrow: {
-      overflowX: 'unset',
-      overflowY: 'unset',
-      marginLeft: '16px',
+    ...(annotationType === 'negative' && {
       '&::before': {
-        position: 'absolute',
-        right: '100%',
-        top: '13px',
-        border: 'solid transparent',
-        content: '""',
-        height: 0,
-        width: 0,
-        pointerEvents: 'none',
-        borderWidth: '7px',
-        borderRightColor: theme.palette.grey[100]
-      },
-      '&.negative::before': {
         borderRightColor: 'rgb(255, 204, 238) !important'
-      },
-      '&.positive::before': {
+      }
+    }),
+    ...(annotationType === 'positive' && {
+      '&::before': {
         borderRightColor: 'rgb(153, 255, 153) !important'
       }
+    })
+  }
+}));
+const Wrapper = (0, _styles.styled)('div')(({
+  theme,
+  annotationType
+}) => ({
+  width: '200px',
+  overflow: 'hidden',
+  borderRadius: '4px',
+  backgroundColor: '#ffffff',
+  border: `4px solid ${theme.palette.grey[100]}`,
+  ...(annotationType === 'negative' && {
+    borderColor: 'rgb(255, 204, 238) !important'
+  }),
+  ...(annotationType === 'positive' && {
+    borderColor: 'rgb(153, 255, 153) !important'
+  })
+}));
+const Holder = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  flexWrap: 'wrap',
+  borderTop: `2px solid ${theme.palette.grey[100]}`
+}));
+const Button = (0, _styles.styled)('div')(({
+  theme,
+  variant,
+  annotationType
+}) => ({
+  flexGrow: 1,
+  width: '28%',
+  textAlign: 'center',
+  padding: '4px',
+  cursor: 'pointer',
+  '&:not(:nth-child(3n))': {
+    borderRight: `1px solid ${theme.palette.grey[100]}`
+  },
+  '&:hover': {
+    backgroundColor: theme.palette.grey[100]
+  },
+  ...(variant === 'positive' && {
+    backgroundColor: 'rgb(153, 255, 153) !important',
+    '&:hover': {
+      filter: 'brightness(85%)'
     }
-  };
-};
-
-var FreeformEditor = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(FreeformEditor, _React$Component);
-
-  var _super = _createSuper(FreeformEditor);
-
-  function FreeformEditor(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, FreeformEditor);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onValueChange", function (event) {
-      return _this.setState({
-        value: event.target.value
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSave", function () {
-      var _this$props = _this.props,
-          oldValue = _this$props.value,
-          onSave = _this$props.onSave,
-          onClose = _this$props.onClose,
-          onDelete = _this$props.onDelete;
-      var value = _this.state.value;
-
+  }),
+  ...(variant === 'negative' && {
+    backgroundColor: 'rgb(255, 204, 238) !important',
+    '&:hover': {
+      filter: 'brightness(85%)'
+    }
+  }),
+  ...(variant === 'typeChange' && annotationType === 'negative' && {
+    '&:hover': {
+      backgroundColor: 'rgb(153, 255, 153) !important'
+    }
+  }),
+  ...(variant === 'typeChange' && annotationType === 'positive' && {
+    '&:hover': {
+      backgroundColor: 'rgb(255, 204, 238) !important'
+    }
+  })
+}));
+class FreeformEditor extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "onValueChange", event => this.setState({
+      value: event.target.value
+    }));
+    (0, _defineProperty2.default)(this, "handleSave", () => {
+      const {
+        value: oldValue,
+        onSave,
+        onClose,
+        onDelete
+      } = this.props;
+      const {
+        value
+      } = this.state;
       if (value === '') {
         onDelete();
       }
-
       if (oldValue !== value) {
         onSave(oldValue, value);
       }
-
-      _this.setState({
+      this.setState({
         value: ''
       });
-
       onClose();
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleTypeChange", function () {
-      var _this$props2 = _this.props,
-          onTypeChange = _this$props2.onTypeChange,
-          onDelete = _this$props2.onDelete;
-      var value = _this.state.value;
-
+    (0, _defineProperty2.default)(this, "handleTypeChange", () => {
+      const {
+        onTypeChange,
+        onDelete
+      } = this.props;
+      const {
+        value
+      } = this.state;
       if (value === '') {
         onDelete();
       } else {
         onTypeChange(value);
       }
-
-      _this.setState({
+      this.setState({
         value: ''
       });
     });
-    _this.state = {
+    this.state = {
       value: props.value
     };
-    return _this;
   }
-
-  (0, _createClass2["default"])(FreeformEditor, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var value = nextProps.value;
-      var propsValue = this.props.value;
-
-      if (value !== propsValue) {
-        this.setState({
-          value: value
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          anchorEl = _this$props3.anchorEl,
-          classes = _this$props3.classes,
-          offset = _this$props3.offset,
-          onDelete = _this$props3.onDelete,
-          open = _this$props3.open,
-          type = _this$props3.type;
-      var value = this.state.value;
-      return /*#__PURE__*/_react["default"].createElement(_core.Popover, {
-        anchorEl: anchorEl,
-        elevation: 2,
-        open: open,
-        onClose: this.handleSave,
-        classes: {
-          paper: (0, _classnames["default"])(classes.arrow, type)
-        },
-        style: {
-          marginTop: "".concat(offset, "px"),
-          transition: 'margin-top 2s ease-out'
-        },
-        anchorOrigin: {
-          vertical: 'top',
-          horizontal: 'right'
-        },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'left'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.wrapper, type)
-      }, /*#__PURE__*/_react["default"].createElement(_core.TextField, {
-        id: "annotation-editor",
-        style: {
-          padding: '2px 5px',
-          width: '95%'
-        },
-        autoFocus: true,
-        multiline: true,
-        rows: 1,
-        rowsMax: 4,
-        value: value,
-        onChange: this.onValueChange,
-        InputProps: {
-          disableUnderline: true
-        }
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.holder
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.button,
-        onClick: onDelete
-      }, "Delete"), /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.button, type),
-        onClick: this.handleTypeChange
-      }, type === 'negative' ? 'Green' : 'Pink'), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.button,
-        onClick: this.handleSave
-      }, "Save"))));
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const {
+      value
+    } = nextProps;
+    const {
+      value: propsValue
+    } = this.props;
+    if (value !== propsValue) {
+      this.setState({
+        value
+      });
     }
-  }]);
-  return FreeformEditor;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(FreeformEditor, "propTypes", {
-  anchorEl: _propTypes["default"].object,
-  open: _propTypes["default"].bool,
-  offset: _propTypes["default"].number,
-  value: _propTypes["default"].string,
-  type: _propTypes["default"].string,
-  onClose: _propTypes["default"].func,
-  onDelete: _propTypes["default"].func,
-  onSave: _propTypes["default"].func,
-  onTypeChange: _propTypes["default"].func
+  }
+  render() {
+    const {
+      anchorEl,
+      offset,
+      onDelete,
+      open,
+      type
+    } = this.props;
+    const {
+      value
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(StyledPopover, {
+      anchorEl: anchorEl,
+      elevation: 2,
+      open: open,
+      onClose: this.handleSave,
+      annotationType: type,
+      style: {
+        marginTop: `${offset}px`,
+        transition: 'margin-top 2s ease-out'
+      },
+      transitionDuration: {
+        enter: 225,
+        exit: 195
+      },
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      }
+    }, /*#__PURE__*/_react.default.createElement(Wrapper, {
+      annotationType: type
+    }, /*#__PURE__*/_react.default.createElement(_material.TextField, {
+      id: "annotation-editor",
+      style: {
+        padding: '2px 5px',
+        width: '95%'
+      },
+      autoFocus: true,
+      multiline: true,
+      rows: 1,
+      maxRows: 4,
+      value: value,
+      onChange: this.onValueChange,
+      InputProps: {
+        disableUnderline: true
+      }
+    }), /*#__PURE__*/_react.default.createElement(Holder, null, /*#__PURE__*/_react.default.createElement(Button, {
+      onClick: onDelete
+    }, "Delete"), /*#__PURE__*/_react.default.createElement(Button, {
+      variant: "typeChange",
+      annotationType: type,
+      onClick: this.handleTypeChange
+    }, type === 'negative' ? 'Green' : 'Pink'), /*#__PURE__*/_react.default.createElement(Button, {
+      onClick: this.handleSave
+    }, "Save"))));
+  }
+}
+(0, _defineProperty2.default)(FreeformEditor, "propTypes", {
+  anchorEl: _propTypes.default.object,
+  open: _propTypes.default.bool,
+  offset: _propTypes.default.number,
+  value: _propTypes.default.string,
+  type: _propTypes.default.string,
+  onClose: _propTypes.default.func,
+  onDelete: _propTypes.default.func,
+  onSave: _propTypes.default.func,
+  onTypeChange: _propTypes.default.func
 });
-
-var _default = (0, _styles.withStyles)(styles)(FreeformEditor);
-
-exports["default"] = _default;
+var _default = exports.default = FreeformEditor;
 //# sourceMappingURL=freeform-editor.js.map

package/lib/annotation/freeform-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/annotation/freeform-editor.jsx"],"names":["styles","theme","wrapper","width","overflow","borderRadius","backgroundColor","border","palette","grey","borderColor","holder","display","flexWrap","borderTop","positive","filter","negative","button","flexGrow","textAlign","padding","cursor","borderRight","arrow","overflowX","overflowY","marginLeft","position","right","top","content","height","pointerEvents","borderWidth","borderRightColor","FreeformEditor","props","event","setState","value","target","oldValue","onSave","onClose","onDelete","state","onTypeChange","nextProps","propsValue","anchorEl","classes","offset","open","type","handleSave","paper","marginTop","transition","vertical","horizontal","onValueChange","disableUnderline","handleTypeChange","React","Component","PropTypes","object","bool","number","string","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { Popover, TextField } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = theme =>({\n  wrapper: {\n    width: '200px',\n    overflow: 'hidden',\n    borderRadius: '4px',\n    backgroundColor: '#ffffff',\n    border: `4px solid ${theme.palette.grey[100]}`,\n    '&.negative': {\n      borderColor: 'rgb(255, 204, 238) !important',\n    },\n    '&.positive': {\n      borderColor: 'rgb(153, 255, 153) !important',\n    },\n  },\n  holder: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    borderTop: `2px solid ${theme.palette.grey[100]}`,\n  },\n  positive: {\n    backgroundColor: 'rgb(153, 255, 153) !important',\n    '&:hover': {\n      filter: 'brightness(85%)',\n    },\n  },\n  negative: {\n    backgroundColor: 'rgb(255, 204, 238) !important',\n    '&:hover': {\n      filter: 'brightness(85%)',\n    },\n  },\n  button: {\n    flexGrow: 1,\n    width: '28%',\n    textAlign: 'center',\n    padding: '4px',\n    cursor: 'pointer',\n    '&:not(:nth-child(3n))': {\n      borderRight: `1px solid ${theme.palette.grey[100]}`,\n    },\n    '&:hover': {\n      backgroundColor: theme.palette.grey[100],\n    },\n    '&.negative:hover': {\n      backgroundColor: 'rgb(153, 255, 153) !important',\n    },\n    '&.positive:hover': {\n      backgroundColor: 'rgb(255, 204, 238) !important',\n    },\n  },\n  arrow: {\n    overflowX: 'unset',\n    overflowY: 'unset',\n    marginLeft: '16px',\n    '&::before': {\n      position: 'absolute',\n      right: '100%',\n      top: '13px',\n      border: 'solid transparent',\n      content: '\"\"',\n      height: 0,\n      width: 0,\n      pointerEvents: 'none',\n      borderWidth: '7px',\n      borderRightColor: theme.palette.grey[100],\n    },\n    '&.negative::before': {\n      borderRightColor: 'rgb(255, 204, 238) !important',\n    },\n    '&.positive::before': {\n      borderRightColor: 'rgb(153, 255, 153) !important',\n    },\n  },\n});\n\nclass FreeformEditor extends React.Component {\n  static propTypes = {\n    anchorEl: PropTypes.object,\n    open: PropTypes.bool,\n    offset: PropTypes.number,\n    value: PropTypes.string,\n    type: PropTypes.string,\n    onClose: PropTypes.func,\n    onDelete: PropTypes.func,\n    onSave: PropTypes.func,\n    onTypeChange: PropTypes.func,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { value: props.value };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { value } = nextProps;\n    const { value: propsValue } = this.props;\n\n    if (value !== propsValue) {\n      this.setState({ value });\n    }\n  }\n\n  onValueChange = (event) => this.setState({ value: event.target.value });\n\n  handleSave = () => {\n    const { value: oldValue, onSave, onClose, onDelete } = this.props;\n    const { value } = this.state;\n\n    if (value === '') {\n      onDelete();\n    }\n\n    if (oldValue !== value) {\n      onSave(oldValue, value);\n    }\n\n    this.setState({ value: '' });\n    onClose();\n  };\n\n  handleTypeChange = () => {\n    const { onTypeChange, onDelete } = this.props;\n    const { value } = this.state;\n\n    if (value === '') {\n      onDelete();\n    } else {\n      onTypeChange(value);\n    }\n\n    this.setState({ value: '' });\n  };\n\n  render() {\n    const { anchorEl, classes, offset, onDelete, open, type } = this.props;\n    const { value } = this.state;\n\n    return (\n      <Popover\n        anchorEl={anchorEl}\n        elevation={2}\n        open={open}\n        onClose={this.handleSave}\n        classes={{ paper: classNames(classes.arrow, type) }}\n        style={{ marginTop: `${offset}px`, transition: 'margin-top 2s ease-out' }}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <div className={classNames(classes.wrapper, type)}>\n          <TextField\n            id=\"annotation-editor\"\n            style={{\n              padding: '2px 5px',\n              width: '95%',\n            }}\n            autoFocus\n            multiline\n            rows={1}\n            rowsMax={4}\n            value={value}\n            onChange={this.onValueChange}\n            InputProps={{ disableUnderline: true }}\n          />\n          <div className={classes.holder}>\n            <div className={classes.button} onClick={onDelete}>\n              Delete\n            </div>\n            <div className={classNames(classes.button, type)} onClick={this.handleTypeChange}>\n              {type === 'negative' ? 'Green' : 'Pink'}\n            </div>\n            <div className={classes.button} onClick={this.handleSave}>\n              Save\n            </div>\n          </div>\n        </div>\n      </Popover>\n    );\n  }\n}\n\nexport default withStyles(styles)(FreeformEditor);\n"],"file":"freeform-editor.js"}
+{"version":3,"file":"freeform-editor.js","names":["_react","_interopRequireDefault","require","_propTypes","_material","_styles","StyledPopover","styled","Popover","theme","annotationType","overflowX","overflowY","marginLeft","position","right","top","border","content","height","width","pointerEvents","borderWidth","borderRightColor","palette","grey","Wrapper","overflow","borderRadius","backgroundColor","borderColor","Holder","display","flexWrap","borderTop","Button","variant","flexGrow","textAlign","padding","cursor","borderRight","filter","FreeformEditor","React","Component","constructor","props","_defineProperty2","default","event","setState","value","target","oldValue","onSave","onClose","onDelete","state","onTypeChange","UNSAFE_componentWillReceiveProps","nextProps","propsValue","render","anchorEl","offset","open","type","createElement","elevation","handleSave","style","marginTop","transition","transitionDuration","enter","exit","anchorOrigin","vertical","horizontal","transformOrigin","TextField","id","autoFocus","multiline","rows","maxRows","onChange","onValueChange","InputProps","disableUnderline","onClick","handleTypeChange","PropTypes","object","bool","number","string","func","_default","exports"],"sources":["../../src/annotation/freeform-editor.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Popover, TextField } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst StyledPopover = styled(Popover)(({ theme, annotationType }) => ({\n  '& .MuiPaper-root': {\n    overflowX: 'unset',\n    overflowY: 'unset',\n    marginLeft: '16px',\n    '&::before': {\n      position: 'absolute',\n      right: '100%',\n      top: '13px',\n      border: 'solid transparent',\n      content: '\"\"',\n      height: 0,\n      width: 0,\n      pointerEvents: 'none',\n      borderWidth: '7px',\n      borderRightColor: theme.palette.grey[100],\n    },\n    ...(annotationType === 'negative' && {\n      '&::before': {\n        borderRightColor: 'rgb(255, 204, 238) !important',\n      },\n    }),\n    ...(annotationType === 'positive' && {\n      '&::before': {\n        borderRightColor: 'rgb(153, 255, 153) !important',\n      },\n    }),\n  },\n}));\n\nconst Wrapper = styled('div')(({ theme, annotationType }) => ({\n  width: '200px',\n  overflow: 'hidden',\n  borderRadius: '4px',\n  backgroundColor: '#ffffff',\n  border: `4px solid ${theme.palette.grey[100]}`,\n  ...(annotationType === 'negative' && {\n    borderColor: 'rgb(255, 204, 238) !important',\n  }),\n  ...(annotationType === 'positive' && {\n    borderColor: 'rgb(153, 255, 153) !important',\n  }),\n}));\n\nconst Holder = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  borderTop: `2px solid ${theme.palette.grey[100]}`,\n}));\n\nconst Button = styled('div')(({ theme, variant, annotationType }) => ({\n  flexGrow: 1,\n  width: '28%',\n  textAlign: 'center',\n  padding: '4px',\n  cursor: 'pointer',\n  '&:not(:nth-child(3n))': {\n    borderRight: `1px solid ${theme.palette.grey[100]}`,\n  },\n  '&:hover': {\n    backgroundColor: theme.palette.grey[100],\n  },\n  ...(variant === 'positive' && {\n    backgroundColor: 'rgb(153, 255, 153) !important',\n    '&:hover': {\n      filter: 'brightness(85%)',\n    },\n  }),\n  ...(variant === 'negative' && {\n    backgroundColor: 'rgb(255, 204, 238) !important',\n    '&:hover': {\n      filter: 'brightness(85%)',\n    },\n  }),\n  ...(variant === 'typeChange' && annotationType === 'negative' && {\n    '&:hover': {\n      backgroundColor: 'rgb(153, 255, 153) !important',\n    },\n  }),\n  ...(variant === 'typeChange' && annotationType === 'positive' && {\n    '&:hover': {\n      backgroundColor: 'rgb(255, 204, 238) !important',\n    },\n  }),\n}));\n\nclass FreeformEditor extends React.Component {\n  static propTypes = {\n    anchorEl: PropTypes.object,\n    open: PropTypes.bool,\n    offset: PropTypes.number,\n    value: PropTypes.string,\n    type: PropTypes.string,\n    onClose: PropTypes.func,\n    onDelete: PropTypes.func,\n    onSave: PropTypes.func,\n    onTypeChange: PropTypes.func,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { value: props.value };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { value } = nextProps;\n    const { value: propsValue } = this.props;\n\n    if (value !== propsValue) {\n      this.setState({ value });\n    }\n  }\n\n  onValueChange = (event) => this.setState({ value: event.target.value });\n\n  handleSave = () => {\n    const { value: oldValue, onSave, onClose, onDelete } = this.props;\n    const { value } = this.state;\n\n    if (value === '') {\n      onDelete();\n    }\n\n    if (oldValue !== value) {\n      onSave(oldValue, value);\n    }\n\n    this.setState({ value: '' });\n    onClose();\n  };\n\n  handleTypeChange = () => {\n    const { onTypeChange, onDelete } = this.props;\n    const { value } = this.state;\n\n    if (value === '') {\n      onDelete();\n    } else {\n      onTypeChange(value);\n    }\n\n    this.setState({ value: '' });\n  };\n\n  render() {\n    const { anchorEl, offset, onDelete, open, type } = this.props;\n    const { value } = this.state;\n\n    return (\n      <StyledPopover\n        anchorEl={anchorEl}\n        elevation={2}\n        open={open}\n        onClose={this.handleSave}\n        annotationType={type}\n        style={{ marginTop: `${offset}px`, transition: 'margin-top 2s ease-out' }}\n        transitionDuration={{ enter: 225, exit: 195 }}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <Wrapper annotationType={type}>\n          <TextField\n            id=\"annotation-editor\"\n            style={{\n              padding: '2px 5px',\n              width: '95%',\n            }}\n            autoFocus\n            multiline\n            rows={1}\n            maxRows={4}\n            value={value}\n            onChange={this.onValueChange}\n            InputProps={{ disableUnderline: true }}\n          />\n          <Holder>\n            <Button onClick={onDelete}>\n              Delete\n            </Button>\n            <Button variant=\"typeChange\" annotationType={type} onClick={this.handleTypeChange}>\n              {type === 'negative' ? 'Green' : 'Pink'}\n            </Button>\n            <Button onClick={this.handleSave}>\n              Save\n            </Button>\n          </Holder>\n        </Wrapper>\n      </StyledPopover>\n    );\n  }\n}\n\nexport default FreeformEditor;\n"],"mappings":"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","ignoreList":[]}