@pie-lib/editable-html-tip-tap 1.0.2 → 1.0.4

package/lib/components/common/toolbar-buttons.js

@@ -0,0 +1,194 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RawMarkButton = exports.RawButton = exports.MarkButton = exports.Button = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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 {
+    button: {
+      color: 'grey',
+      display: 'inline-flex',
+      padding: '2px',
+      background: 'none',
+      border: 'none',
+      cursor: 'pointer',
+      '&:hover': {
+        color: 'black'
+      },
+      '&:focus': {
+        outline: "2px solid ".concat(theme.palette.grey[700])
+      }
+    },
+    active: {
+      color: 'black'
+    },
+    disabled: {
+      opacity: 0.7,
+      cursor: 'not-allowed',
+      '& :hover': {
+        color: 'grey'
+      }
+    }
+  };
+};
+
+var log = (0, _debug["default"])('pie-elements:editable-html:raw-button');
+
+var RawButton = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawButton, _React$Component);
+
+  var _super = _createSuper(RawButton);
+
+  function RawButton(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, RawButton);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
+      log('[onClick]');
+      e.preventDefault();
+      var onClick = _this.props.onClick;
+      onClick(e);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onKeyDown", function (e) {
+      if (e.key === 'Enter' || e.key === ' ') {
+        log('[onKeyDown]');
+        e.preventDefault();
+        var onClick = _this.props.onClick;
+        onClick(e);
+      }
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(RawButton, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+
+      var _this$props = this.props,
+          active = _this$props.active,
+          classes = _this$props.classes,
+          children = _this$props.children,
+          disabled = _this$props.disabled,
+          extraStyles = _this$props.extraStyles,
+          ariaLabel = _this$props.ariaLabel;
+      var names = (0, _classnames["default"])(classes.button, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.active, active), (0, _defineProperty2["default"])(_classNames, classes.disabled, disabled), _classNames));
+      return /*#__PURE__*/_react["default"].createElement("button", {
+        style: extraStyles,
+        className: names,
+        onMouseDown: this.onClick,
+        onKeyDown: this.onKeyDown,
+        disabled: disabled,
+        "aria-label": ariaLabel,
+        "aria-pressed": active,
+        tabIndex: 0
+      }, children);
+    }
+  }]);
+  return RawButton;
+}(_react["default"].Component);
+
+exports.RawButton = RawButton;
+(0, _defineProperty2["default"])(RawButton, "propTypes", {
+  onClick: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  active: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
+  extraStyles: _propTypes["default"].object
+});
+var Button = (0, _styles.withStyles)(styles)(RawButton);
+exports.Button = Button;
+
+var RawMarkButton = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(RawMarkButton, _React$Component2);
+
+  var _super2 = _createSuper(RawMarkButton);
+
+  function RawMarkButton(props) {
+    var _this2;
+
+    (0, _classCallCheck2["default"])(this, RawMarkButton);
+    _this2 = _super2.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onToggle", function (e) {
+      e.preventDefault();
+
+      _this2.props.onToggle(_this2.props.mark);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onKeyDown", function (e) {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+
+        _this2.props.onToggle(_this2.props.mark);
+      }
+    });
+    return _this2;
+  }
+
+  (0, _createClass2["default"])(RawMarkButton, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          children = _this$props2.children,
+          active = _this$props2.active,
+          label = _this$props2.label;
+      var names = (0, _classnames["default"])(classes.button, active && classes.active);
+      return /*#__PURE__*/_react["default"].createElement("button", {
+        className: names,
+        onMouseDown: this.onToggle,
+        "aria-pressed": active,
+        onKeyDown: this.onKeyDown,
+        "aria-label": label,
+        tabIndex: 0
+      }, children);
+    }
+  }]);
+  return RawMarkButton;
+}(_react["default"].Component);
+
+exports.RawMarkButton = RawMarkButton;
+(0, _defineProperty2["default"])(RawMarkButton, "propTypes", {
+  onToggle: _propTypes["default"].func.isRequired,
+  mark: _propTypes["default"].string,
+  label: _propTypes["default"].string.isRequired,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  active: _propTypes["default"].bool
+});
+var MarkButton = (0, _styles.withStyles)(styles)(RawMarkButton);
+exports.MarkButton = MarkButton;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi90b29sYmFyLWJ1dHRvbnMuanN4Il0sIm5hbWVzIjpbInN0eWxlcyIsInRoZW1lIiwiYnV0dG9uIiwiY29sb3IiLCJkaXNwbGF5IiwicGFkZGluZyIsImJhY2tncm91bmQiLCJib3JkZXIiLCJjdXJzb3IiLCJvdXRsaW5lIiwicGFsZXR0ZSIsImdyZXkiLCJhY3RpdmUiLCJkaXNhYmxlZCIsIm9wYWNpdHkiLCJsb2ciLCJSYXdCdXR0b24iLCJwcm9wcyIsImUiLCJwcmV2ZW50RGVmYXVsdCIsIm9uQ2xpY2siLCJrZXkiLCJjbGFzc2VzIiwiY2hpbGRyZW4iLCJleHRyYVN0eWxlcyIsImFyaWFMYWJlbCIsIm5hbWVzIiwib25LZXlEb3duIiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJmdW5jIiwiaXNSZXF1aXJlZCIsIm9iamVjdCIsIm9uZU9mVHlwZSIsImFycmF5T2YiLCJub2RlIiwiYm9vbCIsIkJ1dHRvbiIsIlJhd01hcmtCdXR0b24iLCJvblRvZ2dsZSIsIm1hcmsiLCJsYWJlbCIsInN0cmluZyIsIk1hcmtCdXR0b24iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7OztBQUVBLElBQU1BLE1BQU0sR0FBRyxTQUFUQSxNQUFTLENBQUNDLEtBQUQ7QUFBQSxTQUFZO0FBQ3pCQyxJQUFBQSxNQUFNLEVBQUU7QUFDTkMsTUFBQUEsS0FBSyxFQUFFLE1BREQ7QUFFTkMsTUFBQUEsT0FBTyxFQUFFLGFBRkg7QUFHTkMsTUFBQUEsT0FBTyxFQUFFLEtBSEg7QUFJTkMsTUFBQUEsVUFBVSxFQUFFLE1BSk47QUFLTkMsTUFBQUEsTUFBTSxFQUFFLE1BTEY7QUFNTkMsTUFBQUEsTUFBTSxFQUFFLFNBTkY7QUFPTixpQkFBVztBQUNUTCxRQUFBQSxLQUFLLEVBQUU7QUFERSxPQVBMO0FBVU4saUJBQVc7QUFDVE0sUUFBQUEsT0FBTyxzQkFBZVIsS0FBSyxDQUFDUyxPQUFOLENBQWNDLElBQWQsQ0FBbUIsR0FBbkIsQ0FBZjtBQURFO0FBVkwsS0FEaUI7QUFlekJDLElBQUFBLE1BQU0sRUFBRTtBQUNOVCxNQUFBQSxLQUFLLEVBQUU7QUFERCxLQWZpQjtBQWtCekJVLElBQUFBLFFBQVEsRUFBRTtBQUNSQyxNQUFBQSxPQUFPLEVBQUUsR0FERDtBQUVSTixNQUFBQSxNQUFNLEVBQUUsYUFGQTtBQUdSLGtCQUFZO0FBQ1ZMLFFBQUFBLEtBQUssRUFBRTtBQURHO0FBSEo7QUFsQmUsR0FBWjtBQUFBLENBQWY7O0FBMkJBLElBQU1ZLEdBQUcsR0FBRyx1QkFBTSx1Q0FBTixDQUFaOztJQUVhQyxTOzs7OztBQVVYLHFCQUFZQyxLQUFaLEVBQW1CO0FBQUE7O0FBQUE7QUFDakIsOEJBQU1BLEtBQU47QUFEaUIsZ0dBSVQsVUFBQ0MsQ0FBRCxFQUFPO0FBQ2ZILE1BQUFBLEdBQUcsQ0FBQyxXQUFELENBQUg7QUFDQUcsTUFBQUEsQ0FBQyxDQUFDQyxjQUFGO0FBQ0EsVUFBUUMsT0FBUixHQUFvQixNQUFLSCxLQUF6QixDQUFRRyxPQUFSO0FBQ0FBLE1BQUFBLE9BQU8sQ0FBQ0YsQ0FBRCxDQUFQO0FBQ0QsS0FUa0I7QUFBQSxrR0FXUCxVQUFDQSxDQUFELEVBQU87QUFDakIsVUFBSUEsQ0FBQyxDQUFDRyxHQUFGLEtBQVUsT0FBVixJQUFxQkgsQ0FBQyxDQUFDRyxHQUFGLEtBQVUsR0FBbkMsRUFBd0M7QUFDdENOLFFBQUFBLEdBQUcsQ0FBQyxhQUFELENBQUg7QUFDQUcsUUFBQUEsQ0FBQyxDQUFDQyxjQUFGO0FBQ0EsWUFBUUMsT0FBUixHQUFvQixNQUFLSCxLQUF6QixDQUFRRyxPQUFSO0FBQ0FBLFFBQUFBLE9BQU8sQ0FBQ0YsQ0FBRCxDQUFQO0FBQ0Q7QUFDRixLQWxCa0I7QUFBQTtBQUVsQjs7OztXQWtCRCxrQkFBUztBQUFBOztBQUNQLHdCQUF3RSxLQUFLRCxLQUE3RTtBQUFBLFVBQVFMLE1BQVIsZUFBUUEsTUFBUjtBQUFBLFVBQWdCVSxPQUFoQixlQUFnQkEsT0FBaEI7QUFBQSxVQUF5QkMsUUFBekIsZUFBeUJBLFFBQXpCO0FBQUEsVUFBbUNWLFFBQW5DLGVBQW1DQSxRQUFuQztBQUFBLFVBQTZDVyxXQUE3QyxlQUE2Q0EsV0FBN0M7QUFBQSxVQUEwREMsU0FBMUQsZUFBMERBLFNBQTFEO0FBRUEsVUFBTUMsS0FBSyxHQUFHLDRCQUFXSixPQUFPLENBQUNwQixNQUFuQixtRUFDWG9CLE9BQU8sQ0FBQ1YsTUFERyxFQUNNQSxNQUROLGlEQUVYVSxPQUFPLENBQUNULFFBRkcsRUFFUUEsUUFGUixnQkFBZDtBQUtBLDBCQUNFO0FBQ0UsUUFBQSxLQUFLLEVBQUVXLFdBRFQ7QUFFRSxRQUFBLFNBQVMsRUFBRUUsS0FGYjtBQUdFLFFBQUEsV0FBVyxFQUFFLEtBQUtOLE9BSHBCO0FBSUUsUUFBQSxTQUFTLEVBQUUsS0FBS08sU0FKbEI7QUFLRSxRQUFBLFFBQVEsRUFBRWQsUUFMWjtBQU1FLHNCQUFZWSxTQU5kO0FBT0Usd0JBQWNiLE1BUGhCO0FBUUUsUUFBQSxRQUFRLEVBQUU7QUFSWixTQVVHVyxRQVZILENBREY7QUFjRDs7O0VBcEQ0Qkssa0JBQU1DLFM7OztpQ0FBeEJiLFMsZUFDUTtBQUNqQkksRUFBQUEsT0FBTyxFQUFFVSxzQkFBVUMsSUFBVixDQUFlQyxVQURQO0FBRWpCVixFQUFBQSxPQUFPLEVBQUVRLHNCQUFVRyxNQUFWLENBQWlCRCxVQUZUO0FBR2pCVCxFQUFBQSxRQUFRLEVBQUVPLHNCQUFVSSxTQUFWLENBQW9CLENBQUNKLHNCQUFVSyxPQUFWLENBQWtCTCxzQkFBVU0sSUFBNUIsQ0FBRCxFQUFvQ04sc0JBQVVNLElBQTlDLENBQXBCLEVBQXlFSixVQUhsRTtBQUlqQnBCLEVBQUFBLE1BQU0sRUFBRWtCLHNCQUFVTyxJQUpEO0FBS2pCeEIsRUFBQUEsUUFBUSxFQUFFaUIsc0JBQVVPLElBTEg7QUFNakJiLEVBQUFBLFdBQVcsRUFBRU0sc0JBQVVHO0FBTk4sQztBQXNEZCxJQUFNSyxNQUFNLEdBQUcsd0JBQVd0QyxNQUFYLEVBQW1CZ0IsU0FBbkIsQ0FBZjs7O0lBRU11QixhOzs7OztBQVVYLHlCQUFZdEIsS0FBWixFQUFtQjtBQUFBOztBQUFBO0FBQ2pCLGdDQUFNQSxLQUFOO0FBRGlCLGtHQUlSLFVBQUNDLENBQUQsRUFBTztBQUNoQkEsTUFBQUEsQ0FBQyxDQUFDQyxjQUFGOztBQUNBLGFBQUtGLEtBQUwsQ0FBV3VCLFFBQVgsQ0FBb0IsT0FBS3ZCLEtBQUwsQ0FBV3dCLElBQS9CO0FBQ0QsS0FQa0I7QUFBQSxtR0FTUCxVQUFDdkIsQ0FBRCxFQUFPO0FBQ2pCLFVBQUlBLENBQUMsQ0FBQ0csR0FBRixLQUFVLE9BQVYsSUFBcUJILENBQUMsQ0FBQ0csR0FBRixLQUFVLEdBQW5DLEVBQXdDO0FBQ3RDSCxRQUFBQSxDQUFDLENBQUNDLGNBQUY7O0FBQ0EsZUFBS0YsS0FBTCxDQUFXdUIsUUFBWCxDQUFvQixPQUFLdkIsS0FBTCxDQUFXd0IsSUFBL0I7QUFDRDtBQUNGLEtBZGtCO0FBQUE7QUFFbEI7Ozs7V0FjRCxrQkFBUztBQUNQLHlCQUE2QyxLQUFLeEIsS0FBbEQ7QUFBQSxVQUFRSyxPQUFSLGdCQUFRQSxPQUFSO0FBQUEsVUFBaUJDLFFBQWpCLGdCQUFpQkEsUUFBakI7QUFBQSxVQUEyQlgsTUFBM0IsZ0JBQTJCQSxNQUEzQjtBQUFBLFVBQW1DOEIsS0FBbkMsZ0JBQW1DQSxLQUFuQztBQUVBLFVBQU1oQixLQUFLLEdBQUcsNEJBQVdKLE9BQU8sQ0FBQ3BCLE1BQW5CLEVBQTJCVSxNQUFNLElBQUlVLE9BQU8sQ0FBQ1YsTUFBN0MsQ0FBZDtBQUNBLDBCQUNFO0FBQ0UsUUFBQSxTQUFTLEVBQUVjLEtBRGI7QUFFRSxRQUFBLFdBQVcsRUFBRSxLQUFLYyxRQUZwQjtBQUdFLHdCQUFjNUIsTUFIaEI7QUFJRSxRQUFBLFNBQVMsRUFBRSxLQUFLZSxTQUpsQjtBQUtFLHNCQUFZZSxLQUxkO0FBTUUsUUFBQSxRQUFRLEVBQUU7QUFOWixTQVFHbkIsUUFSSCxDQURGO0FBWUQ7OztFQTFDZ0NLLGtCQUFNQyxTOzs7aUNBQTVCVSxhLGVBQ1E7QUFDakJDLEVBQUFBLFFBQVEsRUFBRVYsc0JBQVVDLElBQVYsQ0FBZUMsVUFEUjtBQUVqQlMsRUFBQUEsSUFBSSxFQUFFWCxzQkFBVWEsTUFGQztBQUdqQkQsRUFBQUEsS0FBSyxFQUFFWixzQkFBVWEsTUFBVixDQUFpQlgsVUFIUDtBQUlqQlQsRUFBQUEsUUFBUSxFQUFFTyxzQkFBVUksU0FBVixDQUFvQixDQUFDSixzQkFBVUssT0FBVixDQUFrQkwsc0JBQVVNLElBQTVCLENBQUQsRUFBb0NOLHNCQUFVTSxJQUE5QyxDQUFwQixFQUF5RUosVUFKbEU7QUFLakJWLEVBQUFBLE9BQU8sRUFBRVEsc0JBQVVHLE1BQVYsQ0FBaUJELFVBTFQ7QUFNakJwQixFQUFBQSxNQUFNLEVBQUVrQixzQkFBVU87QUFORCxDO0FBNENkLElBQU1PLFVBQVUsR0FBRyx3QkFBVzVDLE1BQVgsRUFBbUJ1QyxhQUFuQixDQUFuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IHN0eWxlcyA9ICh0aGVtZSkgPT4gKHtcbiAgYnV0dG9uOiB7XG4gICAgY29sb3I6ICdncmV5JyxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIHBhZGRpbmc6ICcycHgnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGNvbG9yOiAnYmxhY2snLFxuICAgIH0sXG4gICAgJyY6Zm9jdXMnOiB7XG4gICAgICBvdXRsaW5lOiBgMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmV5WzcwMF19YCxcbiAgICB9LFxuICB9LFxuICBhY3RpdmU6IHtcbiAgICBjb2xvcjogJ2JsYWNrJyxcbiAgfSxcbiAgZGlzYWJsZWQ6IHtcbiAgICBvcGFjaXR5OiAwLjcsXG4gICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnLFxuICAgICcmIDpob3Zlcic6IHtcbiAgICAgIGNvbG9yOiAnZ3JleScsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCBsb2cgPSBkZWJ1ZygncGllLWVsZW1lbnRzOmVkaXRhYmxlLWh0bWw6cmF3LWJ1dHRvbicpO1xuXG5leHBvcnQgY2xhc3MgUmF3QnV0dG9uIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgICBjaGlsZHJlbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm5vZGUpLCBQcm9wVHlwZXMubm9kZV0pLmlzUmVxdWlyZWQsXG4gICAgYWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgZXh0cmFTdHlsZXM6IFByb3BUeXBlcy5vYmplY3QsXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gIH1cblxuICBvbkNsaWNrID0gKGUpID0+IHtcbiAgICBsb2coJ1tvbkNsaWNrXScpO1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBjb25zdCB7IG9uQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgb25DbGljayhlKTtcbiAgfTtcblxuICBvbktleURvd24gPSAoZSkgPT4ge1xuICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJyB8fCBlLmtleSA9PT0gJyAnKSB7XG4gICAgICBsb2coJ1tvbktleURvd25dJyk7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBjb25zdCB7IG9uQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgICBvbkNsaWNrKGUpO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBhY3RpdmUsIGNsYXNzZXMsIGNoaWxkcmVuLCBkaXNhYmxlZCwgZXh0cmFTdHlsZXMsIGFyaWFMYWJlbCB9ID0gdGhpcy5wcm9wcztcblxuICAgIGNvbnN0IG5hbWVzID0gY2xhc3NOYW1lcyhjbGFzc2VzLmJ1dHRvbiwge1xuICAgICAgW2NsYXNzZXMuYWN0aXZlXTogYWN0aXZlLFxuICAgICAgW2NsYXNzZXMuZGlzYWJsZWRdOiBkaXNhYmxlZCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHN0eWxlPXtleHRyYVN0eWxlc31cbiAgICAgICAgY2xhc3NOYW1lPXtuYW1lc31cbiAgICAgICAgb25Nb3VzZURvd249e3RoaXMub25DbGlja31cbiAgICAgICAgb25LZXlEb3duPXt0aGlzLm9uS2V5RG93bn1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGFyaWEtcHJlc3NlZD17YWN0aXZlfVxuICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9idXR0b24+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gd2l0aFN0eWxlcyhzdHlsZXMpKFJhd0J1dHRvbik7XG5cbmV4cG9ydCBjbGFzcyBSYXdNYXJrQnV0dG9uIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBvblRvZ2dsZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICBtYXJrOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgY2hpbGRyZW46IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5ub2RlKSwgUHJvcFR5cGVzLm5vZGVdKS5pc1JlcXVpcmVkLFxuICAgIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgICBhY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICB9XG5cbiAgb25Ub2dnbGUgPSAoZSkgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICB0aGlzLnByb3BzLm9uVG9nZ2xlKHRoaXMucHJvcHMubWFyayk7XG4gIH07XG5cbiAgb25LZXlEb3duID0gKGUpID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICcgJykge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5wcm9wcy5vblRvZ2dsZSh0aGlzLnByb3BzLm1hcmspO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjbGFzc2VzLCBjaGlsZHJlbiwgYWN0aXZlLCBsYWJlbCB9ID0gdGhpcy5wcm9wcztcblxuICAgIGNvbnN0IG5hbWVzID0gY2xhc3NOYW1lcyhjbGFzc2VzLmJ1dHRvbiwgYWN0aXZlICYmIGNsYXNzZXMuYWN0aXZlKTtcbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzc05hbWU9e25hbWVzfVxuICAgICAgICBvbk1vdXNlRG93bj17dGhpcy5vblRvZ2dsZX1cbiAgICAgICAgYXJpYS1wcmVzc2VkPXthY3RpdmV9XG4gICAgICAgIG9uS2V5RG93bj17dGhpcy5vbktleURvd259XG4gICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9idXR0b24+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgTWFya0J1dHRvbiA9IHdpdGhTdHlsZXMoc3R5bGVzKShSYXdNYXJrQnV0dG9uKTtcbiJdfQ==

package/lib/components/icons/CssIcon.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    icon: {
+      fontFamily: 'Cerebri Sans, Arial, sans-serif',
+      fontSize: theme.typography.fontSize,
+      fontWeight: 'bold',
+      lineHeight: '14px',
+      position: 'relative',
+      whiteSpace: 'nowrap'
+    }
+  };
+};
+
+var CssIcon = function CssIcon(_ref) {
+  var classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.icon
+  }, "CSS");
+};
+
+var _default = (0, _styles.withStyles)(styles)(CssIcon);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ljb25zL0Nzc0ljb24uanN4Il0sIm5hbWVzIjpbInN0eWxlcyIsInRoZW1lIiwiaWNvbiIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsInR5cG9ncmFwaHkiLCJmb250V2VpZ2h0IiwibGluZUhlaWdodCIsInBvc2l0aW9uIiwid2hpdGVTcGFjZSIsIkNzc0ljb24iLCJjbGFzc2VzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFFQSxJQUFNQSxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFDQyxLQUFEO0FBQUEsU0FBWTtBQUN6QkMsSUFBQUEsSUFBSSxFQUFFO0FBQ0pDLE1BQUFBLFVBQVUsRUFBRSxpQ0FEUjtBQUVKQyxNQUFBQSxRQUFRLEVBQUVILEtBQUssQ0FBQ0ksVUFBTixDQUFpQkQsUUFGdkI7QUFHSkUsTUFBQUEsVUFBVSxFQUFFLE1BSFI7QUFJSkMsTUFBQUEsVUFBVSxFQUFFLE1BSlI7QUFLSkMsTUFBQUEsUUFBUSxFQUFFLFVBTE47QUFNSkMsTUFBQUEsVUFBVSxFQUFFO0FBTlI7QUFEbUIsR0FBWjtBQUFBLENBQWY7O0FBV0EsSUFBTUMsT0FBTyxHQUFHLFNBQVZBLE9BQVU7QUFBQSxNQUFHQyxPQUFILFFBQUdBLE9BQUg7QUFBQSxzQkFBaUI7QUFBSyxJQUFBLFNBQVMsRUFBRUEsT0FBTyxDQUFDVDtBQUF4QixXQUFqQjtBQUFBLENBQWhCOztlQUVlLHdCQUFXRixNQUFYLEVBQW1CVSxPQUFuQixDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuXG5jb25zdCBzdHlsZXMgPSAodGhlbWUpID0+ICh7XG4gIGljb246IHtcbiAgICBmb250RmFtaWx5OiAnQ2VyZWJyaSBTYW5zLCBBcmlhbCwgc2Fucy1zZXJpZicsXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUsXG4gICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgIGxpbmVIZWlnaHQ6ICcxNHB4JyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBDc3NJY29uID0gKHsgY2xhc3NlcyB9KSA9PiA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlcy5pY29ufT5DU1M8L2Rpdj47XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoc3R5bGVzKShDc3NJY29uKTtcbiJdfQ==

package/lib/components/icons/CssIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/icons/CssIcon.jsx"],"names":["styles","theme","icon","fontFamily","fontSize","typography","fontWeight","lineHeight","position","whiteSpace","CssIcon","classes"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,UAAU,EAAE,iCADR;AAEJC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD,QAFvB;AAGJE,MAAAA,UAAU,EAAE,MAHR;AAIJC,MAAAA,UAAU,EAAE,MAJR;AAKJC,MAAAA,QAAQ,EAAE,UALN;AAMJC,MAAAA,UAAU,EAAE;AANR;AADmB,GAAZ;AAAA,CAAf;;AAWA,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBAAiB;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACT;AAAxB,WAAjB;AAAA,CAAhB;;eAEe,wBAAWF,MAAX,EAAmBU,OAAnB,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = (theme) => ({\n  icon: {\n    fontFamily: 'Cerebri Sans, Arial, sans-serif',\n    fontSize: theme.typography.fontSize,\n    fontWeight: 'bold',\n    lineHeight: '14px',\n    position: 'relative',\n    whiteSpace: 'nowrap',\n  },\n});\n\nconst CssIcon = ({ classes }) => <div className={classes.icon}>CSS</div>;\n\nexport default withStyles(styles)(CssIcon);\n"],"file":"CssIcon.js"}

package/lib/components/icons/RespArea.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarIcon = exports.GripIcon = exports.Chevron = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+
+var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
+
+var _styles = require("@material-ui/core/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var getRotate = function getRotate(direction) {
+  switch (direction) {
+    case 'down':
+      return 90;
+
+    case 'up':
+      return -90;
+
+    case 'left':
+      return 180;
+
+    default:
+      return 0;
+  }
+};
+
+var Chevron = function Chevron(props) {
+  var direction = props.direction,
+      style = props.style;
+  var rotate = getRotate(direction);
+  return /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], {
+    style: _objectSpread({
+      transform: "rotate(".concat(rotate, "deg)")
+    }, style)
+  });
+};
+
+exports.Chevron = Chevron;
+Chevron.propTypes = {
+  direction: _propTypes["default"].string,
+  style: _propTypes["default"].object
+};
+
+var GripIcon = function GripIcon(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], {
+    style: {
+      margin: '0 -16px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null));
+};
+
+exports.GripIcon = GripIcon;
+GripIcon.propTypes = {
+  style: _propTypes["default"].object
+};
+var ToolbarIcon = (0, _styles.withStyles)(function (theme) {
+  return {
+    icon: {
+      fontFamily: 'Cerebri Sans !important',
+      fontSize: theme.typography.fontSize,
+      fontWeight: 'bold',
+      lineHeight: '14px',
+      position: 'relative',
+      top: '7px',
+      width: '110px',
+      height: '28px',
+      whiteSpace: 'nowrap'
+    }
+  };
+})(function (_ref2) {
+  var classes = _ref2.classes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.icon
+  }, "+ Response Area");
+});
+exports.ToolbarIcon = ToolbarIcon;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ljb25zL1Jlc3BBcmVhLmpzeCJdLCJuYW1lcyI6WyJnZXRSb3RhdGUiLCJkaXJlY3Rpb24iLCJDaGV2cm9uIiwicHJvcHMiLCJzdHlsZSIsInJvdGF0ZSIsInRyYW5zZm9ybSIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsIm9iamVjdCIsIkdyaXBJY29uIiwibWFyZ2luIiwiVG9vbGJhckljb24iLCJ0aGVtZSIsImljb24iLCJmb250RmFtaWx5IiwiZm9udFNpemUiLCJ0eXBvZ3JhcGh5IiwiZm9udFdlaWdodCIsImxpbmVIZWlnaHQiLCJwb3NpdGlvbiIsInRvcCIsIndpZHRoIiwiaGVpZ2h0Iiwid2hpdGVTcGFjZSIsImNsYXNzZXMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7OztBQUVBLElBQU1BLFNBQVMsR0FBRyxTQUFaQSxTQUFZLENBQUNDLFNBQUQsRUFBZTtBQUMvQixVQUFRQSxTQUFSO0FBQ0UsU0FBSyxNQUFMO0FBQ0UsYUFBTyxFQUFQOztBQUVGLFNBQUssSUFBTDtBQUNFLGFBQU8sQ0FBQyxFQUFSOztBQUVGLFNBQUssTUFBTDtBQUNFLGFBQU8sR0FBUDs7QUFFRjtBQUNFLGFBQU8sQ0FBUDtBQVhKO0FBYUQsQ0FkRDs7QUFnQk8sSUFBTUMsT0FBTyxHQUFHLFNBQVZBLE9BQVUsQ0FBQ0MsS0FBRCxFQUFXO0FBQ2hDLE1BQVFGLFNBQVIsR0FBNkJFLEtBQTdCLENBQVFGLFNBQVI7QUFBQSxNQUFtQkcsS0FBbkIsR0FBNkJELEtBQTdCLENBQW1CQyxLQUFuQjtBQUNBLE1BQU1DLE1BQU0sR0FBR0wsU0FBUyxDQUFDQyxTQUFELENBQXhCO0FBRUEsc0JBQ0UsZ0NBQUMsd0JBQUQ7QUFDRSxJQUFBLEtBQUs7QUFDSEssTUFBQUEsU0FBUyxtQkFBWUQsTUFBWjtBQUROLE9BRUFELEtBRkE7QUFEUCxJQURGO0FBUUQsQ0FaTTs7O0FBY1BGLE9BQU8sQ0FBQ0ssU0FBUixHQUFvQjtBQUNsQk4sRUFBQUEsU0FBUyxFQUFFTyxzQkFBVUMsTUFESDtBQUVsQkwsRUFBQUEsS0FBSyxFQUFFSSxzQkFBVUU7QUFGQyxDQUFwQjs7QUFLTyxJQUFNQyxRQUFRLEdBQUcsU0FBWEEsUUFBVyxPQUFlO0FBQUEsTUFBWlAsS0FBWSxRQUFaQSxLQUFZO0FBQ3JDLHNCQUNFO0FBQU0sSUFBQSxLQUFLLEVBQUVBO0FBQWIsa0JBQ0UsZ0NBQUMsb0JBQUQ7QUFDRSxJQUFBLEtBQUssRUFBRTtBQUNMUSxNQUFBQSxNQUFNLEVBQUU7QUFESDtBQURULElBREYsZUFNRSxnQ0FBQyxvQkFBRCxPQU5GLENBREY7QUFVRCxDQVhNOzs7QUFhUEQsUUFBUSxDQUFDSixTQUFULEdBQXFCO0FBQ25CSCxFQUFBQSxLQUFLLEVBQUVJLHNCQUFVRTtBQURFLENBQXJCO0FBSU8sSUFBTUcsV0FBVyxHQUFHLHdCQUFXLFVBQUNDLEtBQUQ7QUFBQSxTQUFZO0FBQ2hEQyxJQUFBQSxJQUFJLEVBQUU7QUFDSkMsTUFBQUEsVUFBVSxFQUFFLHlCQURSO0FBRUpDLE1BQUFBLFFBQVEsRUFBRUgsS0FBSyxDQUFDSSxVQUFOLENBQWlCRCxRQUZ2QjtBQUdKRSxNQUFBQSxVQUFVLEVBQUUsTUFIUjtBQUlKQyxNQUFBQSxVQUFVLEVBQUUsTUFKUjtBQUtKQyxNQUFBQSxRQUFRLEVBQUUsVUFMTjtBQU1KQyxNQUFBQSxHQUFHLEVBQUUsS0FORDtBQU9KQyxNQUFBQSxLQUFLLEVBQUUsT0FQSDtBQVFKQyxNQUFBQSxNQUFNLEVBQUUsTUFSSjtBQVNKQyxNQUFBQSxVQUFVLEVBQUU7QUFUUjtBQUQwQyxHQUFaO0FBQUEsQ0FBWCxFQVl2QjtBQUFBLE1BQUdDLE9BQUgsU0FBR0EsT0FBSDtBQUFBLHNCQUFpQjtBQUFLLElBQUEsU0FBUyxFQUFFQSxPQUFPLENBQUNYO0FBQXhCLHVCQUFqQjtBQUFBLENBWnVCLENBQXBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgQ2hldnJvblJpZ2h0IGZyb20gJ0BtYXRlcmlhbC11aS9pY29ucy9DaGV2cm9uUmlnaHQnO1xuaW1wb3J0IE1vcmVWZXJ0IGZyb20gJ0BtYXRlcmlhbC11aS9pY29ucy9Nb3JlVmVydCc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcblxuY29uc3QgZ2V0Um90YXRlID0gKGRpcmVjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGRpcmVjdGlvbikge1xuICAgIGNhc2UgJ2Rvd24nOlxuICAgICAgcmV0dXJuIDkwO1xuXG4gICAgY2FzZSAndXAnOlxuICAgICAgcmV0dXJuIC05MDtcblxuICAgIGNhc2UgJ2xlZnQnOlxuICAgICAgcmV0dXJuIDE4MDtcblxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gMDtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IENoZXZyb24gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBkaXJlY3Rpb24sIHN0eWxlIH0gPSBwcm9wcztcbiAgY29uc3Qgcm90YXRlID0gZ2V0Um90YXRlKGRpcmVjdGlvbik7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2hldnJvblJpZ2h0XG4gICAgICBzdHlsZT17e1xuICAgICAgICB0cmFuc2Zvcm06IGByb3RhdGUoJHtyb3RhdGV9ZGVnKWAsXG4gICAgICAgIC4uLnN0eWxlLFxuICAgICAgfX1cbiAgICAvPlxuICApO1xufTtcblxuQ2hldnJvbi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgc3R5bGU6IFByb3BUeXBlcy5vYmplY3QsXG59O1xuXG5leHBvcnQgY29uc3QgR3JpcEljb24gPSAoeyBzdHlsZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHNwYW4gc3R5bGU9e3N0eWxlfT5cbiAgICAgIDxNb3JlVmVydFxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIG1hcmdpbjogJzAgLTE2cHgnLFxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICAgIDxNb3JlVmVydCAvPlxuICAgIDwvc3Bhbj5cbiAgKTtcbn07XG5cbkdyaXBJY29uLnByb3BUeXBlcyA9IHtcbiAgc3R5bGU6IFByb3BUeXBlcy5vYmplY3QsXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbGJhckljb24gPSB3aXRoU3R5bGVzKCh0aGVtZSkgPT4gKHtcbiAgaWNvbjoge1xuICAgIGZvbnRGYW1pbHk6ICdDZXJlYnJpIFNhbnMgIWltcG9ydGFudCcsXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUsXG4gICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgIGxpbmVIZWlnaHQ6ICcxNHB4JyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB0b3A6ICc3cHgnLFxuICAgIHdpZHRoOiAnMTEwcHgnLFxuICAgIGhlaWdodDogJzI4cHgnLFxuICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICB9LFxufSkpKCh7IGNsYXNzZXMgfSkgPT4gPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMuaWNvbn0+KyBSZXNwb25zZSBBcmVhPC9kaXY+KTtcbiJdfQ==

package/lib/components/icons/RespArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/icons/RespArea.jsx"],"names":["getRotate","direction","Chevron","props","style","rotate","transform","propTypes","PropTypes","string","object","GripIcon","margin","ToolbarIcon","theme","icon","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","width","height","whiteSpace","classes"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,SAAD,EAAe;AAC/B,UAAQA,SAAR;AACE,SAAK,MAAL;AACE,aAAO,EAAP;;AAEF,SAAK,IAAL;AACE,aAAO,CAAC,EAAR;;AAEF,SAAK,MAAL;AACE,aAAO,GAAP;;AAEF;AACE,aAAO,CAAP;AAXJ;AAaD,CAdD;;AAgBO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AAChC,MAAQF,SAAR,GAA6BE,KAA7B,CAAQF,SAAR;AAAA,MAAmBG,KAAnB,GAA6BD,KAA7B,CAAmBC,KAAnB;AACA,MAAMC,MAAM,GAAGL,SAAS,CAACC,SAAD,CAAxB;AAEA,sBACE,gCAAC,wBAAD;AACE,IAAA,KAAK;AACHK,MAAAA,SAAS,mBAAYD,MAAZ;AADN,OAEAD,KAFA;AADP,IADF;AAQD,CAZM;;;AAcPF,OAAO,CAACK,SAAR,GAAoB;AAClBN,EAAAA,SAAS,EAAEO,sBAAUC,MADH;AAElBL,EAAAA,KAAK,EAAEI,sBAAUE;AAFC,CAApB;;AAKO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAAe;AAAA,MAAZP,KAAY,QAAZA,KAAY;AACrC,sBACE;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,gCAAC,oBAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,MAAM,EAAE;AADH;AADT,IADF,eAME,gCAAC,oBAAD,OANF,CADF;AAUD,CAXM;;;AAaPD,QAAQ,CAACJ,SAAT,GAAqB;AACnBH,EAAAA,KAAK,EAAEI,sBAAUE;AADE,CAArB;AAIO,IAAMG,WAAW,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AAChDC,IAAAA,IAAI,EAAE;AACJC,MAAAA,UAAU,EAAE,yBADR;AAEJC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD,QAFvB;AAGJE,MAAAA,UAAU,EAAE,MAHR;AAIJC,MAAAA,UAAU,EAAE,MAJR;AAKJC,MAAAA,QAAQ,EAAE,UALN;AAMJC,MAAAA,GAAG,EAAE,KAND;AAOJC,MAAAA,KAAK,EAAE,OAPH;AAQJC,MAAAA,MAAM,EAAE,MARJ;AASJC,MAAAA,UAAU,EAAE;AATR;AAD0C,GAAZ;AAAA,CAAX,EAYvB;AAAA,MAAGC,OAAH,SAAGA,OAAH;AAAA,sBAAiB;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACX;AAAxB,uBAAjB;AAAA,CAZuB,CAApB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport MoreVert from '@material-ui/icons/MoreVert';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst getRotate = (direction) => {\n  switch (direction) {\n    case 'down':\n      return 90;\n\n    case 'up':\n      return -90;\n\n    case 'left':\n      return 180;\n\n    default:\n      return 0;\n  }\n};\n\nexport const Chevron = (props) => {\n  const { direction, style } = props;\n  const rotate = getRotate(direction);\n\n  return (\n    <ChevronRight\n      style={{\n        transform: `rotate(${rotate}deg)`,\n        ...style,\n      }}\n    />\n  );\n};\n\nChevron.propTypes = {\n  direction: PropTypes.string,\n  style: PropTypes.object,\n};\n\nexport const GripIcon = ({ style }) => {\n  return (\n    <span style={style}>\n      <MoreVert\n        style={{\n          margin: '0 -16px',\n        }}\n      />\n      <MoreVert />\n    </span>\n  );\n};\n\nGripIcon.propTypes = {\n  style: PropTypes.object,\n};\n\nexport const ToolbarIcon = withStyles((theme) => ({\n  icon: {\n    fontFamily: 'Cerebri Sans !important',\n    fontSize: theme.typography.fontSize,\n    fontWeight: 'bold',\n    lineHeight: '14px',\n    position: 'relative',\n    top: '7px',\n    width: '110px',\n    height: '28px',\n    whiteSpace: 'nowrap',\n  },\n}))(({ classes }) => <div className={classes.icon}>+ Response Area</div>);\n"],"file":"RespArea.js"}

package/lib/components/icons/TableIcons.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RemoveTable = exports.RemoveRow = exports.RemoveColumn = exports.AddRow = exports.AddColumn = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = {
+  icon: {
+    fill: 'grey',
+    '&:hover': {
+      fill: 'black'
+    }
+  }
+};
+
+var SvgIcon = function SvgIcon(Component) {
+  return (0, _styles.withStyles)(styles)(function (props) {
+    return /*#__PURE__*/_react["default"].createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      version: "1.1",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24"
+    }, /*#__PURE__*/_react["default"].createElement(Component, {
+      className: props.classes.icon
+    }));
+  });
+};
+
+var AddRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, props, {
+    d: "M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z"
+  }));
+});
+exports.AddRow = AddRow;
+var RemoveRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, props, {
+    d: "M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z"
+  }));
+});
+exports.RemoveRow = RemoveRow;
+var AddColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, props, {
+    d: "M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z"
+  }));
+});
+exports.AddColumn = AddColumn;
+var RemoveColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, props, {
+    d: "M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z"
+  }));
+});
+exports.RemoveColumn = RemoveColumn;
+var RemoveTable = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, props, {
+    d: "M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z"
+  }));
+});
+exports.RemoveTable = RemoveTable;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ljb25zL1RhYmxlSWNvbnMuanN4Il0sIm5hbWVzIjpbInN0eWxlcyIsImljb24iLCJmaWxsIiwiU3ZnSWNvbiIsIkNvbXBvbmVudCIsInByb3BzIiwiY2xhc3NlcyIsIkFkZFJvdyIsIlJlbW92ZVJvdyIsIkFkZENvbHVtbiIsIlJlbW92ZUNvbHVtbiIsIlJlbW92ZVRhYmxlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUVBLElBQU1BLE1BQU0sR0FBRztBQUNiQyxFQUFBQSxJQUFJLEVBQUU7QUFDSkMsSUFBQUEsSUFBSSxFQUFFLE1BREY7QUFFSixlQUFXO0FBQ1RBLE1BQUFBLElBQUksRUFBRTtBQURHO0FBRlA7QUFETyxDQUFmOztBQVNBLElBQU1DLE9BQU8sR0FBRyxTQUFWQSxPQUFVLENBQUNDLFNBQUQsRUFBZTtBQUM3QixTQUFPLHdCQUFXSixNQUFYLEVBQW1CLFVBQUNLLEtBQUQ7QUFBQSx3QkFDeEI7QUFBSyxNQUFBLEtBQUssRUFBQyw0QkFBWDtBQUF3QyxNQUFBLE9BQU8sRUFBQyxLQUFoRDtBQUFzRCxNQUFBLEtBQUssRUFBQyxJQUE1RDtBQUFpRSxNQUFBLE1BQU0sRUFBQyxJQUF4RTtBQUE2RSxNQUFBLE9BQU8sRUFBQztBQUFyRixvQkFDRSxnQ0FBQyxTQUFEO0FBQVcsTUFBQSxTQUFTLEVBQUVBLEtBQUssQ0FBQ0MsT0FBTixDQUFjTDtBQUFwQyxNQURGLENBRHdCO0FBQUEsR0FBbkIsQ0FBUDtBQUtELENBTkQ7O0FBT08sSUFBTU0sTUFBTSxHQUFHSixPQUFPLENBQUMsVUFBQ0UsS0FBRDtBQUFBLHNCQUM1QixzRUFDTUEsS0FETjtBQUVFLElBQUEsQ0FBQyxFQUFDO0FBRkosS0FENEI7QUFBQSxDQUFELENBQXRCOztBQU9BLElBQU1HLFNBQVMsR0FBR0wsT0FBTyxDQUFDLFVBQUNFLEtBQUQ7QUFBQSxzQkFDL0Isc0VBQ01BLEtBRE47QUFFRSxJQUFBLENBQUMsRUFBQztBQUZKLEtBRCtCO0FBQUEsQ0FBRCxDQUF6Qjs7QUFPQSxJQUFNSSxTQUFTLEdBQUdOLE9BQU8sQ0FBQyxVQUFDRSxLQUFEO0FBQUEsc0JBQy9CLHNFQUNNQSxLQUROO0FBRUUsSUFBQSxDQUFDLEVBQUM7QUFGSixLQUQrQjtBQUFBLENBQUQsQ0FBekI7O0FBT0EsSUFBTUssWUFBWSxHQUFHUCxPQUFPLENBQUMsVUFBQ0UsS0FBRDtBQUFBLHNCQUNsQyxzRUFDTUEsS0FETjtBQUVFLElBQUEsQ0FBQyxFQUFDO0FBRkosS0FEa0M7QUFBQSxDQUFELENBQTVCOztBQU9BLElBQU1NLFdBQVcsR0FBR1IsT0FBTyxDQUFDLFVBQUNFLEtBQUQ7QUFBQSxzQkFDakMsc0VBQ01BLEtBRE47QUFFRSxJQUFBLENBQUMsRUFBQztBQUZKLEtBRGlDO0FBQUEsQ0FBRCxDQUEzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcblxuY29uc3Qgc3R5bGVzID0ge1xuICBpY29uOiB7XG4gICAgZmlsbDogJ2dyZXknLFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgZmlsbDogJ2JsYWNrJyxcbiAgICB9LFxuICB9LFxufTtcblxuY29uc3QgU3ZnSWNvbiA9IChDb21wb25lbnQpID0+IHtcbiAgcmV0dXJuIHdpdGhTdHlsZXMoc3R5bGVzKSgocHJvcHMpID0+IChcbiAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2ZXJzaW9uPVwiMS4xXCIgd2lkdGg9XCIyNFwiIGhlaWdodD1cIjI0XCIgdmlld0JveD1cIjAgMCAyNCAyNFwiPlxuICAgICAgPENvbXBvbmVudCBjbGFzc05hbWU9e3Byb3BzLmNsYXNzZXMuaWNvbn0gLz5cbiAgICA8L3N2Zz5cbiAgKSk7XG59O1xuZXhwb3J0IGNvbnN0IEFkZFJvdyA9IFN2Z0ljb24oKHByb3BzKSA9PiAoXG4gIDxwYXRoXG4gICAgey4uLnByb3BzfVxuICAgIGQ9XCJNMjIsMTBBMiwyIDAgMCwxIDIwLDEySDRBMiwyIDAgMCwxIDIsMTBWM0g0VjVIOFYzSDEwVjVIMTRWM0gxNlY1SDIwVjNIMjJWMTBNNCwxMEg4VjdINFYxME0xMCwxMEgxNFY3SDEwVjEwTTIwLDEwVjdIMTZWMTBIMjBNMTEsMTRIMTNWMTdIMTZWMTlIMTNWMjJIMTFWMTlIOFYxN0gxMVYxNFpcIlxuICAvPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBSZW1vdmVSb3cgPSBTdmdJY29uKChwcm9wcykgPT4gKFxuICA8cGF0aFxuICAgIHsuLi5wcm9wc31cbiAgICBkPVwiTTkuNDEsMTNMMTIsMTUuNTlMMTQuNTksMTNMMTYsMTQuNDFMMTMuNDEsMTdMMTYsMTkuNTlMMTQuNTksMjFMMTIsMTguNDFMOS40MSwyMUw4LDE5LjU5TDEwLjU5LDE3TDgsMTQuNDFMOS40MSwxM00yMiw5QTIsMiAwIDAsMSAyMCwxMUg0QTIsMiAwIDAsMSAyLDlWNkEyLDIgMCAwLDEgNCw0SDIwQTIsMiAwIDAsMSAyMiw2VjlNNCw5SDhWNkg0VjlNMTAsOUgxNFY2SDEwVjlNMTYsOUgyMFY2SDE2VjlaXCJcbiAgLz5cbikpO1xuXG5leHBvcnQgY29uc3QgQWRkQ29sdW1uID0gU3ZnSWNvbigocHJvcHMpID0+IChcbiAgPHBhdGhcbiAgICB7Li4ucHJvcHN9XG4gICAgZD1cIk0xMSwyQTIsMiAwIDAsMSAxMyw0VjIwQTIsMiAwIDAsMSAxMSwyMkgyVjJIMTFNNCwxMFYxNEgxMVYxMEg0TTQsMTZWMjBIMTFWMTZINE00LDRWOEgxMVY0SDRNMTUsMTFIMThWOEgyMFYxMUgyM1YxM0gyMFYxNkgxOFYxM0gxNVYxMVpcIlxuICAvPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBSZW1vdmVDb2x1bW4gPSBTdmdJY29uKChwcm9wcykgPT4gKFxuICA8cGF0aFxuICAgIHsuLi5wcm9wc31cbiAgICBkPVwiTTQsMkgxMUEyLDIgMCAwLDEgMTMsNFYyMEEyLDIgMCAwLDEgMTEsMjJINEEyLDIgMCAwLDEgMiwyMFY0QTIsMiAwIDAsMSA0LDJNNCwxMFYxNEgxMVYxMEg0TTQsMTZWMjBIMTFWMTZINE00LDRWOEgxMVY0SDRNMTcuNTksMTJMMTUsOS40MUwxNi40MSw4TDE5LDEwLjU5TDIxLjU5LDhMMjMsOS40MUwyMC40MSwxMkwyMywxNC41OUwyMS41OSwxNkwxOSwxMy40MUwxNi40MSwxNkwxNSwxNC41OUwxNy41OSwxMlpcIlxuICAvPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBSZW1vdmVUYWJsZSA9IFN2Z0ljb24oKHByb3BzKSA9PiAoXG4gIDxwYXRoXG4gICAgey4uLnByb3BzfVxuICAgIGQ9XCJNMTUuNDYsMTUuODhMMTYuODgsMTQuNDZMMTksMTYuNTlMMjEuMTIsMTQuNDZMMjIuNTQsMTUuODhMMjAuNDEsMThMMjIuNTQsMjAuMTJMMjEuMTIsMjEuNTRMMTksMTkuNDFMMTYuODgsMjEuNTRMMTUuNDYsMjAuMTJMMTcuNTksMThMMTUuNDYsMTUuODhNNCwzSDE4QTIsMiAwIDAsMSAyMCw1VjEyLjA4QzE4LjQ1LDExLjgyIDE2LjkyLDEyLjE4IDE1LjY4LDEzSDEyVjE3SDEzLjA4QzEyLjk3LDE3LjY4IDEyLjk3LDE4LjM1IDEzLjA4LDE5SDRBMiwyIDAgMCwxIDIsMTdWNUEyLDIgMCAwLDEgNCwzTTQsN1YxMUgxMFY3SDRNMTIsN1YxMUgxOFY3SDEyTTQsMTNWMTdIMTBWMTNINFpcIlxuICAvPlxuKSk7XG4iXX0=

package/lib/components/icons/TableIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/icons/TableIcons.jsx"],"names":["styles","icon","fill","SvgIcon","Component","props","classes","AddRow","RemoveRow","AddColumn","RemoveColumn","RemoveTable"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,MADF;AAEJ,eAAW;AACTA,MAAAA,IAAI,EAAE;AADG;AAFP;AADO,CAAf;;AASA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,EAAe;AAC7B,SAAO,wBAAWJ,MAAX,EAAmB,UAACK,KAAD;AAAA,wBACxB;AAAK,MAAA,KAAK,EAAC,4BAAX;AAAwC,MAAA,OAAO,EAAC,KAAhD;AAAsD,MAAA,KAAK,EAAC,IAA5D;AAAiE,MAAA,MAAM,EAAC,IAAxE;AAA6E,MAAA,OAAO,EAAC;AAArF,oBACE,gCAAC,SAAD;AAAW,MAAA,SAAS,EAAEA,KAAK,CAACC,OAAN,CAAcL;AAApC,MADF,CADwB;AAAA,GAAnB,CAAP;AAKD,CAND;;AAOO,IAAMM,MAAM,GAAGJ,OAAO,CAAC,UAACE,KAAD;AAAA,sBAC5B,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KAD4B;AAAA,CAAD,CAAtB;;AAOA,IAAMG,SAAS,GAAGL,OAAO,CAAC,UAACE,KAAD;AAAA,sBAC/B,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KAD+B;AAAA,CAAD,CAAzB;;AAOA,IAAMI,SAAS,GAAGN,OAAO,CAAC,UAACE,KAAD;AAAA,sBAC/B,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KAD+B;AAAA,CAAD,CAAzB;;AAOA,IAAMK,YAAY,GAAGP,OAAO,CAAC,UAACE,KAAD;AAAA,sBAClC,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADkC;AAAA,CAAD,CAA5B;;AAOA,IAAMM,WAAW,GAAGR,OAAO,CAAC,UAACE,KAAD;AAAA,sBACjC,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADiC;AAAA,CAAD,CAA3B","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = {\n  icon: {\n    fill: 'grey',\n    '&:hover': {\n      fill: 'black',\n    },\n  },\n};\n\nconst SvgIcon = (Component) => {\n  return withStyles(styles)((props) => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n      <Component className={props.classes.icon} />\n    </svg>\n  ));\n};\nexport const AddRow = SvgIcon((props) => (\n  <path\n    {...props}\n    d=\"M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z\"\n  />\n));\n\nexport const RemoveRow = SvgIcon((props) => (\n  <path\n    {...props}\n    d=\"M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z\"\n  />\n));\n\nexport const AddColumn = SvgIcon((props) => (\n  <path\n    {...props}\n    d=\"M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z\"\n  />\n));\n\nexport const RemoveColumn = SvgIcon((props) => (\n  <path\n    {...props}\n    d=\"M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z\"\n  />\n));\n\nexport const RemoveTable = SvgIcon((props) => (\n  <path\n    {...props}\n    d=\"M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z\"\n  />\n));\n"],"file":"TableIcons.js"}