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

package/lib/components/CharacterPicker.js

@@ -0,0 +1,221 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CharacterIcon = void 0;
+exports.CharacterPicker = CharacterPicker;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _mathToolbar = require("@pie-lib/math-toolbar");
+
+var _customPopper = _interopRequireDefault(require("./characters/custom-popper"));
+
+var _characterUtils = require("./characters/characterUtils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var CharacterIcon = function CharacterIcon(_ref) {
+  var letter = _ref.letter;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      fontSize: '24px',
+      lineHeight: '24px'
+    }
+  }, letter);
+};
+
+exports.CharacterIcon = CharacterIcon;
+CharacterIcon.propTypes = {
+  letter: _propTypes["default"].string
+};
+
+function CharacterPicker(_ref2) {
+  var _opts$characters;
+
+  var editor = _ref2.editor,
+      opts = _ref2.opts,
+      onClose = _ref2.onClose;
+
+  if (!(opts !== null && opts !== void 0 && (_opts$characters = opts.characters) !== null && _opts$characters !== void 0 && _opts$characters.length)) {
+    return null;
+  }
+
+  var containerRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)({
+    top: 0,
+    left: 0
+  }),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      position = _useState2[0],
+      setPosition = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      popover = _useState4[0],
+      setPopover = _useState4[1];
+
+  var configToUse = (0, _react.useMemo)(function () {
+    if (!opts) return _characterUtils.spanishConfig;
+
+    switch (true) {
+      case opts.language === 'spanish':
+        return _characterUtils.spanishConfig;
+
+      case opts.language === 'special':
+        return _characterUtils.specialConfig;
+
+      default:
+        return opts;
+    }
+  }, [opts]);
+  var layoutForCharacters = (0, _react.useMemo)(function () {
+    return configToUse.characters.reduce(function (obj, arr) {
+      if (arr.length >= obj.columns) {
+        obj.columns = arr.length;
+      }
+
+      return obj;
+    }, {
+      rows: configToUse.characters.length,
+      columns: 0
+    });
+  }, [configToUse]);
+
+  var closePopOver = function closePopOver() {
+    return setPopover(null);
+  };
+
+  (0, _react.useEffect)(function () {
+    return function () {
+      closePopOver();
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!editor) return; // Calculate position relative to selection
+
+    var bodyRect = document.body.getBoundingClientRect();
+    var from = editor.state.selection.from;
+    var start = editor.view.coordsAtPos(from);
+    setPosition({
+      top: start.top + Math.abs(bodyRect.top) + 40,
+      // shift above
+      left: start.left
+    });
+
+    var handleClickOutside = function handleClickOutside(e) {
+      if (containerRef.current && !containerRef.current.contains(e.target) && !editor.view.dom.contains(e.target)) {
+        onClose();
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      return document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [editor, onClose]);
+
+  var renderPopOver = function renderPopOver(event, el) {
+    return setPopover({
+      anchorEl: event.currentTarget,
+      el: el
+    });
+  };
+
+  var handleChange = function handleChange(val) {
+    if (typeof val === 'string') {
+      editor.chain().focus().insertContent(val).run();
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement("div", {
+    ref: containerRef,
+    className: "insert-character-dialog",
+    style: {
+      position: 'absolute',
+      top: "".concat(position.top, "px"),
+      left: "".concat(position.left, "px"),
+      maxWidth: '500px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_mathToolbar.PureToolbar, {
+    keyPadCharacterRef: opts.keyPadCharacterRef,
+    setKeypadInteraction: opts.setKeypadInteraction,
+    autoFocus: true,
+    noDecimal: true,
+    hideInput: true,
+    noLatexHandling: true,
+    hideDoneButtonBackground: true,
+    layoutForKeyPad: layoutForCharacters,
+    additionalKeys: configToUse.characters.reduce(function (arr, n) {
+      arr = [].concat((0, _toConsumableArray2["default"])(arr), (0, _toConsumableArray2["default"])(n.map(function (k) {
+        return _objectSpread({
+          name: (0, _get["default"])(k, 'name') || k,
+          write: (0, _get["default"])(k, 'write') || k,
+          label: (0, _get["default"])(k, 'label') || k,
+          category: 'character',
+          extraClass: 'character',
+          extraProps: _objectSpread(_objectSpread({}, k.extraProps || {}), {}, {
+            style: _objectSpread(_objectSpread({}, (k.extraProps || {}).style), {}, {
+              border: '1px solid #000'
+            })
+          })
+        }, configToUse.hasPreview ? {
+          actions: {
+            onMouseEnter: function onMouseEnter(ev) {
+              return renderPopOver(ev, k);
+            },
+            onMouseLeave: closePopOver
+          }
+        } : {});
+      })));
+      return arr;
+    }, []),
+    keypadMode: "language",
+    onChange: handleChange,
+    onDone: onClose
+  }))), document.body), popover && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_customPopper["default"], {
+    onClose: closePopOver,
+    anchorEl: popover.anchorEl
+  }, /*#__PURE__*/_react["default"].createElement("div", null, popover.el.label), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      fontSize: 20,
+      lineHeight: '20px'
+    }
+  }, popover.el.description), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      fontSize: 20,
+      lineHeight: '20px'
+    }
+  }, popover.el.unicode)), document.body));
+}
+
+CharacterPicker.propTypes = {
+  editor: _propTypes["default"].object,
+  opts: _propTypes["default"].object,
+  onClose: _propTypes["default"].func.isRequired
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0NoYXJhY3RlclBpY2tlci5qc3giXSwibmFtZXMiOlsiQ2hhcmFjdGVySWNvbiIsImxldHRlciIsImZvbnRTaXplIiwibGluZUhlaWdodCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsIkNoYXJhY3RlclBpY2tlciIsImVkaXRvciIsIm9wdHMiLCJvbkNsb3NlIiwiY2hhcmFjdGVycyIsImxlbmd0aCIsImNvbnRhaW5lclJlZiIsInRvcCIsImxlZnQiLCJwb3NpdGlvbiIsInNldFBvc2l0aW9uIiwicG9wb3ZlciIsInNldFBvcG92ZXIiLCJjb25maWdUb1VzZSIsInNwYW5pc2hDb25maWciLCJsYW5ndWFnZSIsInNwZWNpYWxDb25maWciLCJsYXlvdXRGb3JDaGFyYWN0ZXJzIiwicmVkdWNlIiwib2JqIiwiYXJyIiwiY29sdW1ucyIsInJvd3MiLCJjbG9zZVBvcE92ZXIiLCJib2R5UmVjdCIsImRvY3VtZW50IiwiYm9keSIsImdldEJvdW5kaW5nQ2xpZW50UmVjdCIsImZyb20iLCJzdGF0ZSIsInNlbGVjdGlvbiIsInN0YXJ0IiwidmlldyIsImNvb3Jkc0F0UG9zIiwiTWF0aCIsImFicyIsImhhbmRsZUNsaWNrT3V0c2lkZSIsImUiLCJjdXJyZW50IiwiY29udGFpbnMiLCJ0YXJnZXQiLCJkb20iLCJhZGRFdmVudExpc3RlbmVyIiwicmVtb3ZlRXZlbnRMaXN0ZW5lciIsInJlbmRlclBvcE92ZXIiLCJldmVudCIsImVsIiwiYW5jaG9yRWwiLCJjdXJyZW50VGFyZ2V0IiwiaGFuZGxlQ2hhbmdlIiwidmFsIiwiY2hhaW4iLCJmb2N1cyIsImluc2VydENvbnRlbnQiLCJydW4iLCJSZWFjdERPTSIsImNyZWF0ZVBvcnRhbCIsIm1heFdpZHRoIiwia2V5UGFkQ2hhcmFjdGVyUmVmIiwic2V0S2V5cGFkSW50ZXJhY3Rpb24iLCJuIiwibWFwIiwiayIsIm5hbWUiLCJ3cml0ZSIsImxhYmVsIiwiY2F0ZWdvcnkiLCJleHRyYUNsYXNzIiwiZXh0cmFQcm9wcyIsInN0eWxlIiwiYm9yZGVyIiwiaGFzUHJldmlldyIsImFjdGlvbnMiLCJvbk1vdXNlRW50ZXIiLCJldiIsIm9uTW91c2VMZWF2ZSIsImRlc2NyaXB0aW9uIiwidW5pY29kZSIsIm9iamVjdCIsImZ1bmMiLCJpc1JlcXVpcmVkIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFFQTs7QUFDQTs7Ozs7Ozs7OztBQUVBLElBQU1BLGFBQWEsR0FBRyxTQUFoQkEsYUFBZ0I7QUFBQSxNQUFHQyxNQUFILFFBQUdBLE1BQUg7QUFBQSxzQkFDcEI7QUFDRSxJQUFBLEtBQUssRUFBRTtBQUNMQyxNQUFBQSxRQUFRLEVBQUUsTUFETDtBQUVMQyxNQUFBQSxVQUFVLEVBQUU7QUFGUDtBQURULEtBTUdGLE1BTkgsQ0FEb0I7QUFBQSxDQUF0Qjs7O0FBV0FELGFBQWEsQ0FBQ0ksU0FBZCxHQUEwQjtBQUN4QkgsRUFBQUEsTUFBTSxFQUFFSSxzQkFBVUM7QUFETSxDQUExQjs7QUFJTyxTQUFTQyxlQUFULFFBQW9EO0FBQUE7O0FBQUEsTUFBekJDLE1BQXlCLFNBQXpCQSxNQUF5QjtBQUFBLE1BQWpCQyxJQUFpQixTQUFqQkEsSUFBaUI7QUFBQSxNQUFYQyxPQUFXLFNBQVhBLE9BQVc7O0FBQ3pELE1BQUksRUFBQ0QsSUFBRCxhQUFDQSxJQUFELG1DQUFDQSxJQUFJLENBQUVFLFVBQVAsNkNBQUMsaUJBQWtCQyxNQUFuQixDQUFKLEVBQStCO0FBQzdCLFdBQU8sSUFBUDtBQUNEOztBQUVELE1BQU1DLFlBQVksR0FBRyxtQkFBTyxJQUFQLENBQXJCOztBQUNBLGtCQUFnQyxxQkFBUztBQUFFQyxJQUFBQSxHQUFHLEVBQUUsQ0FBUDtBQUFVQyxJQUFBQSxJQUFJLEVBQUU7QUFBaEIsR0FBVCxDQUFoQztBQUFBO0FBQUEsTUFBT0MsUUFBUDtBQUFBLE1BQWlCQyxXQUFqQjs7QUFDQSxtQkFBOEIscUJBQVMsSUFB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QjtBQUFxQyxJQUFBLFFBQVEsRUFBRVosT0FBTyxDQUFDb0M7QUFBdkQsa0JBQ0UsNkNBQU1wQyxPQUFPLENBQUNtQyxFQUFSLENBQVdtQixLQUFqQixDQURGLGVBRUU7QUFBSyxJQUFBLEtBQUssRUFBRTtBQUFFdEUsTUFBQUEsUUFBUSxFQUFFLEVBQVo7QUFBZ0JDLE1BQUFBLFVBQVUsRUFBRTtBQUE1QjtBQUFaLEtBQW1EZSxPQUFPLENBQUNtQyxFQUFSLENBQVc4QixXQUE5RCxDQUZGLGVBR0U7QUFBSyxJQUFBLEtBQUssRUFBRTtBQUFFakYsTUFBQUEsUUFBUSxFQUFFLEVBQVo7QUFBZ0JDLE1BQUFBLFVBQVUsRUFBRTtBQUE1QjtBQUFaLEtBQW1EZSxPQUFPLENBQUNtQyxFQUFSLENBQVcrQixPQUE5RCxDQUhGLENBREYsRUFNRXBELFFBQVEsQ0FBQ0MsSUFOWCxDQTVESixDQURGO0FBdUVEOztBQUVEMUIsZUFBZSxDQUFDSCxTQUFoQixHQUE0QjtBQUMxQkksRUFBQUEsTUFBTSxFQUFFSCxzQkFBVWdGLE1BRFE7QUFFMUI1RSxFQUFBQSxJQUFJLEVBQUVKLHNCQUFVZ0YsTUFGVTtBQUcxQjNFLEVBQUFBLE9BQU8sRUFBRUwsc0JBQVVpRixJQUFWLENBQWVDO0FBSEUsQ0FBNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFJlYWN0RE9NIGZyb20gJ3JlYWN0LWRvbSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IGdldCBmcm9tICdsb2Rhc2gvZ2V0JztcblxuaW1wb3J0IHsgUHVyZVRvb2xiYXIgfSBmcm9tICdAcGllLWxpYi9tYXRoLXRvb2xiYXInO1xuXG5pbXBvcnQgQ3VzdG9tUG9wcGVyIGZyb20gJy4vY2hhcmFjdGVycy9jdXN0b20tcG9wcGVyJztcbmltcG9ydCB7IHNwYW5pc2hDb25maWcsIHNwZWNpYWxDb25maWcgfSBmcm9tICcuL2NoYXJhY3RlcnMvY2hhcmFjdGVyVXRpbHMnO1xuXG5jb25zdCBDaGFyYWN0ZXJJY29uID0gKHsgbGV0dGVyIH0pID0+IChcbiAgPGRpdlxuICAgIHN0eWxlPXt7XG4gICAgICBmb250U2l6ZTogJzI0cHgnLFxuICAgICAgbGluZUhlaWdodDogJzI0cHgnLFxuICAgIH19XG4gID5cbiAgICB7bGV0dGVyfVxuICA8L2Rpdj5cbik7XG5cbkNoYXJhY3Rlckljb24ucHJvcFR5cGVzID0ge1xuICBsZXR0ZXI6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gQ2hhcmFjdGVyUGlja2VyKHsgZWRpdG9yLCBvcHRzLCBvbkNsb3NlIH0pIHtcbiAgaWYgKCFvcHRzPy5jaGFyYWN0ZXJzPy5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgW3Bvc2l0aW9uLCBzZXRQb3NpdGlvbl0gPSB1c2VTdGF0ZSh7IHRvcDogMCwgbGVmdDogMCB9KTtcbiAgY29uc3QgW3BvcG92ZXIsIHNldFBvcG92ZXJdID0gdXNlU3RhdGUobnVsbCk7XG5cbiAgY29uc3QgY29uZmlnVG9Vc2UgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoIW9wdHMpIHJldHVybiBzcGFuaXNoQ29uZmlnO1xuXG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIG9wdHMubGFuZ3VhZ2UgPT09ICdzcGFuaXNoJzpcbiAgICAgICAgcmV0dXJuIHNwYW5pc2hDb25maWc7XG4gICAgICBjYXNlIG9wdHMubGFuZ3VhZ2UgPT09ICdzcGVjaWFsJzpcbiAgICAgICAgcmV0dXJuIHNwZWNpYWxDb25maWc7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gb3B0cztcbiAgICB9XG4gIH0sIFtvcHRzXSk7XG5cbiAgY29uc3QgbGF5b3V0Rm9yQ2hhcmFjdGVycyA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGNvbmZpZ1RvVXNlLmNoYXJhY3RlcnMucmVkdWNlKFxuICAgICAgICAob2JqLCBhcnIpID0+IHtcbiAgICAgICAgICBpZiAoYXJyLmxlbmd0aCA+PSBvYmouY29sdW1ucykge1xuICAgICAgICAgICAgb2JqLmNvbHVtbnMgPSBhcnIubGVuZ3RoO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHJldHVybiBvYmo7XG4gICAgICAgIH0sXG4gICAgICAgIHsgcm93czogY29uZmlnVG9Vc2UuY2hhcmFjdGVycy5sZW5ndGgsIGNvbHVtbnM6IDAgfSxcbiAgICAgICksXG4gICAgW2NvbmZpZ1RvVXNlXSxcbiAgKTtcblxuICBjb25zdCBjbG9zZVBvcE92ZXIgPSAoKSA9PiBzZXRQb3BvdmVyKG51bGwpO1xuXG4gIHVzZUVmZmVjdChcbiAgICAoKSA9PiAoKSA9PiB7XG4gICAgICBjbG9zZVBvcE92ZXIoKTtcbiAgICB9LFxuICAgIFtdLFxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFlZGl0b3IpIHJldHVybjtcblxuICAgIC8vIENhbGN1bGF0ZSBwb3NpdGlvbiByZWxhdGl2ZSB0byBzZWxlY3Rpb25cbiAgICBjb25zdCBib2R5UmVjdCA9IGRvY3VtZW50LmJvZHkuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgeyBmcm9tIH0gPSBlZGl0b3Iuc3RhdGUuc2VsZWN0aW9uO1xuICAgIGNvbnN0IHN0YXJ0ID0gZWRpdG9yLnZpZXcuY29vcmRzQXRQb3MoZnJvbSk7XG4gICAgc2V0UG9zaXRpb24oe1xuICAgICAgdG9wOiBzdGFydC50b3AgKyBNYXRoLmFicyhib2R5UmVjdC50b3ApICsgNDAsIC8vIHNoaWZ0IGFib3ZlXG4gICAgICBsZWZ0OiBzdGFydC5sZWZ0LFxuICAgIH0pO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKGUpID0+IHtcbiAgICAgIGlmIChjb250YWluZXJSZWYuY3VycmVudCAmJiAhY29udGFpbmVyUmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQpICYmICFlZGl0b3Iudmlldy5kb20uY29udGFpbnMoZS50YXJnZXQpKSB7XG4gICAgICAgIG9uQ2xvc2UoKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICByZXR1cm4gKCkgPT4gZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgfSwgW2VkaXRvciwgb25DbG9zZV0pO1xuXG4gIGNvbnN0IHJlbmRlclBvcE92ZXIgPSAoZXZlbnQsIGVsKSA9PiBzZXRQb3BvdmVyKHsgYW5jaG9yRWw6IGV2ZW50LmN1cnJlbnRUYXJnZXQsIGVsIH0pO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9ICh2YWwpID0+IHtcbiAgICBpZiAodHlwZW9mIHZhbCA9PT0gJ3N0cmluZycpIHtcbiAgICAgIGVkaXRvclxuICAgICAgICAuY2hhaW4oKVxuICAgICAgICAuZm9jdXMoKVxuICAgICAgICAuaW5zZXJ0Q29udGVudCh2YWwpXG4gICAgICAgIC5ydW4oKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge1JlYWN0RE9NLmNyZWF0ZVBvcnRhbChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT1cImluc2VydC1jaGFyYWN0ZXItZGlhbG9nXCJcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB0b3A6IGAke3Bvc2l0aW9uLnRvcH1weGAsXG4gICAgICAgICAgICBsZWZ0OiBgJHtwb3NpdGlvbi5sZWZ0fXB4YCxcbiAgICAgICAgICAgIG1heFdpZHRoOiAnNTAwcHgnLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPFB1cmVUb29sYmFyXG4gICAgICAgICAgICAgIGtleVBhZENoYXJhY3RlclJlZj17b3B0cy5rZXlQYWRDaGFyYWN0ZXJSZWZ9XG4gICAgICAgICAgICAgIHNldEtleXBhZEludGVyYWN0aW9uPXtvcHRzLnNldEtleXBhZEludGVyYWN0aW9ufVxuICAgICAgICAgICAgICBhdXRvRm9jdXNcbiAgICAgICAgICAgICAgbm9EZWNpbWFsXG4gICAgICAgICAgICAgIGhpZGVJbnB1dFxuICAgICAgICAgICAgICBub0xhdGV4SGFuZGxpbmdcbiAgICAgICAgICAgICAgaGlkZURvbmVCdXR0b25CYWNrZ3JvdW5kXG4gICAgICAgICAgICAgIGxheW91dEZvcktleVBhZD17bGF5b3V0Rm9yQ2hhcmFjdGVyc31cbiAgICAgICAgICAgICAgYWRkaXRpb25hbEtleXM9e2NvbmZpZ1RvVXNlLmNoYXJhY3RlcnMucmVkdWNlKChhcnIsIG4pID0+IHtcbiAgICAgICAgICAgICAgICBhcnIgPSBbXG4gICAgICAgICAgICAgICAgICAuLi5hcnIsXG4gICAgICAgICAgICAgICAgICAuLi5uLm1hcCgoaykgPT4gKHtcbiAgICAgICAgICAgICAgICAgICAgbmFtZTogZ2V0KGssICduYW1lJykgfHwgayxcbiAgICAgICAgICAgICAgICAgICAgd3JpdGU6IGdldChrLCAnd3JpdGUnKSB8fCBrLFxuICAgICAgICAgICAgICAgICAgICBsYWJlbDogZ2V0KGssICdsYWJlbCcpIHx8IGssXG4gICAgICAgICAgICAgICAgICAgIGNhdGVnb3J5OiAnY2hhcmFjdGVyJyxcbiAgICAgICAgICAgICAgICAgICAgZXh0cmFDbGFzczogJ2NoYXJhY3RlcicsXG4gICAgICAgICAgICAgICAgICAgIGV4dHJhUHJvcHM6IHtcbiAgICAgICAgICAgICAgICAgICAgICAuLi4oay5leHRyYVByb3BzIHx8IHt9KSxcbiAgICAgICAgICAgICAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgICAgICAgICAgICAgLi4uKGsuZXh0cmFQcm9wcyB8fCB7fSkuc3R5bGUsXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXI6ICcxcHggc29saWQgIzAwMCcsXG4gICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgLi4uKGNvbmZpZ1RvVXNlLmhhc1ByZXZpZXdcbiAgICAgICAgICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgYWN0aW9uczoge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcjogKGV2KSA9PiByZW5kZXJQb3BPdmVyKGV2LCBrKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbk1vdXNlTGVhdmU6IGNsb3NlUG9wT3ZlcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAgICAgICAgIH0pKSxcbiAgICAgICAgICAgICAgICBdO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIGFycjtcbiAgICAgICAgICAgICAgfSwgW10pfVxuICAgICAgICAgICAgICBrZXlwYWRNb2RlPVwibGFuZ3VhZ2VcIlxuICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgICBvbkRvbmU9e29uQ2xvc2V9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj4sXG4gICAgICAgIGRvY3VtZW50LmJvZHksXG4gICAgICApfVxuICAgICAge3BvcG92ZXIgJiZcbiAgICAgICAgUmVhY3RET00uY3JlYXRlUG9ydGFsKFxuICAgICAgICAgIDxDdXN0b21Qb3BwZXIgb25DbG9zZT17Y2xvc2VQb3BPdmVyfSBhbmNob3JFbD17cG9wb3Zlci5hbmNob3JFbH0+XG4gICAgICAgICAgICA8ZGl2Pntwb3BvdmVyLmVsLmxhYmVsfTwvZGl2PlxuICAgICAgICAgICAgPGRpdiBzdHlsZT17eyBmb250U2l6ZTogMjAsIGxpbmVIZWlnaHQ6ICcyMHB4JyB9fT57cG9wb3Zlci5lbC5kZXNjcmlwdGlvbn08L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgZm9udFNpemU6IDIwLCBsaW5lSGVpZ2h0OiAnMjBweCcgfX0+e3BvcG92ZXIuZWwudW5pY29kZX08L2Rpdj5cbiAgICAgICAgICA8L0N1c3RvbVBvcHBlcj4sXG4gICAgICAgICAgZG9jdW1lbnQuYm9keSxcbiAgICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn1cblxuQ2hhcmFjdGVyUGlja2VyLnByb3BUeXBlcyA9IHtcbiAgZWRpdG9yOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvcHRzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcblxuZXhwb3J0IHsgQ2hhcmFjdGVySWNvbiB9O1xuIl19

package/lib/components/CharacterPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/CharacterPicker.jsx"],"names":["CharacterIcon","letter","fontSize","lineHeight","propTypes","PropTypes","string","CharacterPicker","editor","opts","onClose","characters","length","containerRef","top","left","position","setPosition","popover","setPopover","configToUse","spanishConfig","language","specialConfig","layoutForCharacters","reduce","obj","arr","columns","rows","closePopOver","bodyRect","document","body","getBoundingClientRect","from","state","selection","start","view","coordsAtPos","Math","abs","handleClickOutside","e","current","contains","target","dom","addEventListener","removeEventListener","renderPopOver","event","el","anchorEl","currentTarget","handleChange","val","chain","focus","insertContent","run","ReactDOM","createPortal","maxWidth","keyPadCharacterRef","setKeypadInteraction","n","map","k","name","write","label","category","extraClass","extraProps","style","border","hasPreview","actions","onMouseEnter","ev","onMouseLeave","description","unicode","object","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,sBACpB;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,MADL;AAELC,MAAAA,UAAU,EAAE;AAFP;AADT,KAMGF,MANH,CADoB;AAAA,CAAtB;;;AAWAD,aAAa,CAACI,SAAd,GAA0B;AACxBH,EAAAA,MAAM,EAAEI,sBAAUC;AADM,CAA1B;;AAIO,SAASC,eAAT,QAAoD;AAAA;;AAAA,MAAzBC,MAAyB,SAAzBA,MAAyB;AAAA,MAAjBC,IAAiB,SAAjBA,IAAiB;AAAA,MAAXC,OAAW,SAAXA,OAAW;;AACzD,MAAI,EAACD,IAAD,aAACA,IAAD,mCAACA,IAAI,CAAEE,UAAP,6CAAC,iBAAkBC,MAAnB,CAAJ,EAA+B;AAC7B,WAAO,IAAP;AACD;;AAED,MAAMC,YAAY,GAAG,mBAAO,IAAP,CAArB;;AACA,kBAAgC,qBAAS;AAAEC,IAAAA,GAAG,EAAE,CAAP;AAAUC,IAAAA,IAAI,EAAE;AAAhB,GAAT,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,mBAA8B,qBAAS,IAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAMC,WAAW,GAAG,oBAAQ,YAAM;AAChC,QAAI,CAACX,IAAL,EAAW,OAAOY,6BAAP;;AAEX,YAAQ,IAAR;AACE,WAAKZ,IAAI,CAACa,QAAL,KAAkB,SAAvB;AACE,eAAOD,6BAAP;;AACF,WAAKZ,IAAI,CAACa,QAAL,KAAkB,SAAvB;AACE,eAAOC,6BAAP;;AACF;AACE,eAAOd,IAAP;AANJ;AAQD,GAXmB,EAWjB,CAACA,IAAD,CAXiB,CAApB;AAaA,MAAMe,mBAAmB,GAAG,oBAC1B;AAAA,WACEJ,WAAW,CAACT,UAAZ,CAAuBc,MAAvB,CACE,UAACC,GAAD,EAAMC,GAAN,EAAc;AACZ,UAAIA,GAAG,CAACf,MAAJ,IAAcc,GAAG,CAACE,OAAtB,EAA+B;AAC7BF,QAAAA,GAAG,CAACE,OAAJ,GAAcD,GAAG,CAACf,MAAlB;AACD;;AAED,aAAOc,GAAP;AACD,KAPH,EAQE;AAAEG,MAAAA,IAAI,EAAET,WAAW,CAACT,UAAZ,CAAuBC,MAA/B;AAAuCgB,MAAAA,OAAO,EAAE;AAAhD,KARF,CADF;AAAA,GAD0B,EAY1B,CAACR,WAAD,CAZ0B,CAA5B;;AAeA,MAAMU,YAAY,GAAG,SAAfA,YAAe;AAAA,WAAMX,UAAU,CAAC,IAAD,CAAhB;AAAA,GAArB;;AAEA,wBACE;AAAA,WAAM,YAAM;AACVW,MAAAA,YAAY;AACb,KAFD;AAAA,GADF,EAIE,EAJF;AAOA,wBAAU,YAAM;AACd,QAAI,CAACtB,MAAL,EAAa,OADC,CAGd;;AACA,QAAMuB,QAAQ,GAAGC,QAAQ,CAACC,IAAT,CAAcC,qBAAd,EAAjB;AACA,QAAQC,IAAR,GAAiB3B,MAAM,CAAC4B,KAAP,CAAaC,SAA9B,CAAQF,IAAR;AACA,QAAMG,KAAK,GAAG9B,MAAM,CAAC+B,IAAP,CAAYC,WAAZ,CAAwBL,IAAxB,CAAd;AACAlB,IAAAA,WAAW,CAAC;AACVH,MAAAA,GAAG,EAAEwB,KAAK,CAACxB,GAAN,GAAY2B,IAAI,CAACC,GAAL,CAASX,QAAQ,CAACjB,GAAlB,CAAZ,GAAqC,EADhC;AACoC;AAC9CC,MAAAA,IAAI,EAAEuB,KAAK,CAACvB;AAFF,KAAD,CAAX;;AAKA,QAAM4B,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,CAAD,EAAO;AAChC,UAAI/B,YAAY,CAACgC,OAAb,IAAwB,CAAChC,YAAY,CAACgC,OAAb,CAAqBC,QAArB,CAA8BF,CAAC,CAACG,MAAhC,CAAzB,IAAoE,CAACvC,MAAM,CAAC+B,IAAP,CAAYS,GAAZ,CAAgBF,QAAhB,CAAyBF,CAAC,CAACG,MAA3B,CAAzE,EAA6G;AAC3GrC,QAAAA,OAAO;AACR;AACF,KAJD;;AAMAsB,IAAAA,QAAQ,CAACiB,gBAAT,CAA0B,WAA1B,EAAuCN,kBAAvC;AACA,WAAO;AAAA,aAAMX,QAAQ,CAACkB,mBAAT,CAA6B,WAA7B,EAA0CP,kBAA1C,CAAN;AAAA,KAAP;AACD,GApBD,EAoBG,CAACnC,MAAD,EAASE,OAAT,CApBH;;AAsBA,MAAMyC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAQC,EAAR;AAAA,WAAelC,UAAU,CAAC;AAAEmC,MAAAA,QAAQ,EAAEF,KAAK,CAACG,aAAlB;AAAiCF,MAAAA,EAAE,EAAFA;AAAjC,KAAD,CAAzB;AAAA,GAAtB;;AAEA,MAAMG,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;AAC5B,QAAI,OAAOA,GAAP,KAAe,QAAnB,EAA6B;AAC3BjD,MAAAA,MAAM,CACHkD,KADH,GAEGC,KAFH,GAGGC,aAHH,CAGiBH,GAHjB,EAIGI,GAJH;AAKD;AACF,GARD;;AAUA,sBACE,+EACGC,qBAASC,YAAT,eACC;AACE,IAAA,GAAG,EAAElD,YADP;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,KAAK,EAAE;AACLG,MAAAA,QAAQ,EAAE,UADL;AAELF,MAAAA,GAAG,YAAKE,QAAQ,CAACF,GAAd,OAFE;AAGLC,MAAAA,IAAI,YAAKC,QAAQ,CAACD,IAAd,OAHC;AAILiD,MAAAA,QAAQ,EAAE;AAJL;AAHT,kBAUE,0DACE,gCAAC,wBAAD;AACE,IAAA,kBAAkB,EAAEvD,IAAI,CAACwD,kBAD3B;AAEE,IAAA,oBAAoB,EAAExD,IAAI,CAACyD,oBAF7B;AAGE,IAAA,SAAS,MAHX;AAIE,IAAA,SAAS,MAJX;AAKE,IAAA,SAAS,MALX;AAME,IAAA,eAAe,MANjB;AAOE,IAAA,wBAAwB,MAP1B;AAQE,IAAA,eAAe,EAAE1C,mBARnB;AASE,IAAA,cAAc,EAAEJ,WAAW,CAACT,UAAZ,CAAuBc,MAAvB,CAA8B,UAACE,GAAD,EAAMwC,CAAN,EAAY;AACxDxC,MAAAA,GAAG,iDACEA,GADF,uCAEEwC,CAAC,CAACC,GAAF,CAAM,UAACC,CAAD;AAAA;AACPC,UAAAA,IAAI,EAAE,qBAAID,CAAJ,EAAO,MAAP,KAAkBA,CADjB;AAEPE,UAAAA,KAAK,EAAE,qBAAIF,CAAJ,EAAO,OAAP,KAAmBA,CAFnB;AAGPG,UAAAA,KAAK,EAAE,qBAAIH,CAAJ,EAAO,OAAP,KAAmBA,CAHnB;AAIPI,UAAAA,QAAQ,EAAE,WAJH;AAKPC,UAAAA,UAAU,EAAE,WALL;AAMPC,UAAAA,UAAU,kCACJN,CAAC,CAACM,UAAF,IAAgB,EADZ;AAERC,YAAAA,KAAK,kCACA,CAACP,CAAC,CAACM,UAAF,IAAgB,EAAjB,EAAqBC,KADrB;AAEHC,cAAAA,MAAM,EAAE;AAFL;AAFG;AANH,WAaHzD,WAAW,CAAC0D,UAAZ,GACA;AACEC,UAAAA,OAAO,EAAE;AACPC,YAAAA,YAAY,EAAE,sBAACC,EAAD;AAAA,qBAAQ9B,aAAa,CAAC8B,EAAD,EAAKZ,CAAL,CAArB;AAAA,aADP;AAEPa,YAAAA,YAAY,EAAEpD;AAFP;AADX,SADA,GAOA,EApBG;AAAA,OAAN,CAFF,EAAH;AA0BA,aAAOH,GAAP;AACD,KA5Be,EA4Bb,EA5Ba,CATlB;AAsCE,IAAA,UAAU,EAAC,UAtCb;AAuCE,IAAA,QAAQ,EAAE6B,YAvCZ;AAwCE,IAAA,MAAM,EAAE9C;AAxCV,IADF,CAVF,CADD,EAwDCsB,QAAQ,CAACC,IAxDV,CADH,EA2DGf,OAAO,iBACN4C,qBAASC,YAAT,eACE,gCAAC,wBAAD;AAAc,IAAA,OAAO,EAAEjC,YAAvB;AAAqC,IAAA,QAAQ,EAAEZ,OAAO,CAACoC;AAAvD,kBACE,6CAAMpC,OAAO,CAACmC,EAAR,CAAWmB,KAAjB,CADF,eAEE;AAAK,IAAA,KAAK,EAAE;AAAEtE,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,UAAU,EAAE;AAA5B;AAAZ,KAAmDe,OAAO,CAACmC,EAAR,CAAW8B,WAA9D,CAFF,eAGE;AAAK,IAAA,KAAK,EAAE;AAAEjF,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,UAAU,EAAE;AAA5B;AAAZ,KAAmDe,OAAO,CAACmC,EAAR,CAAW+B,OAA9D,CAHF,CADF,EAMEpD,QAAQ,CAACC,IANX,CA5DJ,CADF;AAuED;;AAED1B,eAAe,CAACH,SAAhB,GAA4B;AAC1BI,EAAAA,MAAM,EAAEH,sBAAUgF,MADQ;AAE1B5E,EAAAA,IAAI,EAAEJ,sBAAUgF,MAFU;AAG1B3E,EAAAA,OAAO,EAAEL,sBAAUiF,IAAV,CAAeC;AAHE,CAA5B","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/get';\n\nimport { PureToolbar } from '@pie-lib/math-toolbar';\n\nimport CustomPopper from './characters/custom-popper';\nimport { spanishConfig, specialConfig } from './characters/characterUtils';\n\nconst CharacterIcon = ({ letter }) => (\n  <div\n    style={{\n      fontSize: '24px',\n      lineHeight: '24px',\n    }}\n  >\n    {letter}\n  </div>\n);\n\nCharacterIcon.propTypes = {\n  letter: PropTypes.string,\n};\n\nexport function CharacterPicker({ editor, opts, onClose }) {\n  if (!opts?.characters?.length) {\n    return null;\n  }\n\n  const containerRef = useRef(null);\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n  const [popover, setPopover] = useState(null);\n\n  const configToUse = useMemo(() => {\n    if (!opts) return spanishConfig;\n\n    switch (true) {\n      case opts.language === 'spanish':\n        return spanishConfig;\n      case opts.language === 'special':\n        return specialConfig;\n      default:\n        return opts;\n    }\n  }, [opts]);\n\n  const layoutForCharacters = useMemo(\n    () =>\n      configToUse.characters.reduce(\n        (obj, arr) => {\n          if (arr.length >= obj.columns) {\n            obj.columns = arr.length;\n          }\n\n          return obj;\n        },\n        { rows: configToUse.characters.length, columns: 0 },\n      ),\n    [configToUse],\n  );\n\n  const closePopOver = () => setPopover(null);\n\n  useEffect(\n    () => () => {\n      closePopOver();\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (!editor) return;\n\n    // Calculate position relative to selection\n    const bodyRect = document.body.getBoundingClientRect();\n    const { from } = editor.state.selection;\n    const start = editor.view.coordsAtPos(from);\n    setPosition({\n      top: start.top + Math.abs(bodyRect.top) + 40, // shift above\n      left: start.left,\n    });\n\n    const handleClickOutside = (e) => {\n      if (containerRef.current && !containerRef.current.contains(e.target) && !editor.view.dom.contains(e.target)) {\n        onClose();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [editor, onClose]);\n\n  const renderPopOver = (event, el) => setPopover({ anchorEl: event.currentTarget, el });\n\n  const handleChange = (val) => {\n    if (typeof val === 'string') {\n      editor\n        .chain()\n        .focus()\n        .insertContent(val)\n        .run();\n    }\n  };\n\n  return (\n    <>\n      {ReactDOM.createPortal(\n        <div\n          ref={containerRef}\n          className=\"insert-character-dialog\"\n          style={{\n            position: 'absolute',\n            top: `${position.top}px`,\n            left: `${position.left}px`,\n            maxWidth: '500px',\n          }}\n        >\n          <div>\n            <PureToolbar\n              keyPadCharacterRef={opts.keyPadCharacterRef}\n              setKeypadInteraction={opts.setKeypadInteraction}\n              autoFocus\n              noDecimal\n              hideInput\n              noLatexHandling\n              hideDoneButtonBackground\n              layoutForKeyPad={layoutForCharacters}\n              additionalKeys={configToUse.characters.reduce((arr, n) => {\n                arr = [\n                  ...arr,\n                  ...n.map((k) => ({\n                    name: get(k, 'name') || k,\n                    write: get(k, 'write') || k,\n                    label: get(k, 'label') || k,\n                    category: 'character',\n                    extraClass: 'character',\n                    extraProps: {\n                      ...(k.extraProps || {}),\n                      style: {\n                        ...(k.extraProps || {}).style,\n                        border: '1px solid #000',\n                      },\n                    },\n                    ...(configToUse.hasPreview\n                      ? {\n                          actions: {\n                            onMouseEnter: (ev) => renderPopOver(ev, k),\n                            onMouseLeave: closePopOver,\n                          },\n                        }\n                      : {}),\n                  })),\n                ];\n\n                return arr;\n              }, [])}\n              keypadMode=\"language\"\n              onChange={handleChange}\n              onDone={onClose}\n            />\n          </div>\n        </div>,\n        document.body,\n      )}\n      {popover &&\n        ReactDOM.createPortal(\n          <CustomPopper onClose={closePopOver} anchorEl={popover.anchorEl}>\n            <div>{popover.el.label}</div>\n            <div style={{ fontSize: 20, lineHeight: '20px' }}>{popover.el.description}</div>\n            <div style={{ fontSize: 20, lineHeight: '20px' }}>{popover.el.unicode}</div>\n          </CustomPopper>,\n          document.body,\n        )}\n    </>\n  );\n}\n\nCharacterPicker.propTypes = {\n  editor: PropTypes.object,\n  opts: PropTypes.object,\n  onClose: PropTypes.func.isRequired,\n};\n\nexport { CharacterIcon };\n"],"file":"CharacterPicker.js"}

package/lib/components/EditableHtml.js

@@ -0,0 +1,323 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.EditableHtml = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@tiptap/react");
+
+var _starterKit = _interopRequireDefault(require("@tiptap/starter-kit"));
+
+var _extensionTextStyle = require("@tiptap/extension-text-style");
+
+var _extensionSuperscript = _interopRequireDefault(require("@tiptap/extension-superscript"));
+
+var _extensionSubscript = _interopRequireDefault(require("@tiptap/extension-subscript"));
+
+var _extensionTextAlign = _interopRequireDefault(require("@tiptap/extension-text-align"));
+
+var _extensionImage = _interopRequireDefault(require("@tiptap/extension-image"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _extendedTable = _interopRequireDefault(require("../extensions/extended-table"));
+
+var _extensionTableRow = require("@tiptap/extension-table-row");
+
+var _extensionTableCell = require("@tiptap/extension-table-cell");
+
+var _extensionTableHeader = require("@tiptap/extension-table-header");
+
+var _responseArea = require("../extensions/responseArea");
+
+var _math = require("../extensions/math");
+
+var _image = require("../extensions/image");
+
+var _media = require("../extensions/media");
+
+var _css = require("../extensions/css");
+
+var _TiptapContainer = _interopRequireDefault(require("./TiptapContainer"));
+
+var _size = require("../utils/size");
+
+var _extensions = require("../extensions");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var defaultToolbarOpts = {
+  position: 'bottom',
+  alignment: 'left',
+  alwaysVisible: false,
+  showDone: true,
+  doneOn: 'blur'
+};
+var defaultResponseAreaProps = {
+  options: {},
+  respAreaToolbar: function respAreaToolbar() {},
+  onHandleAreaChange: function onHandleAreaChange() {}
+};
+var DEFAULT_ACTIVE_PLUGINS = ['bold', 'italic', 'underline', 'strikethrough', 'code', 'bulleted-list', 'numbered-list', 'image', 'math', 'languageCharacters', 'text-align', 'table', 'video', 'audio', 'responseArea', 'superscript', 'subscript', 'css', 'h3', 'undo', 'redo'];
+var cssVariables = {
+  '--white': '#fff',
+  '--black': '#2e2b29',
+  '--black-contrast': '#110f0e',
+  '--gray-1': 'rgba(61, 37, 20, .05)',
+  '--gray-2': 'rgba(61, 37, 20, .08)',
+  '--gray-3': 'rgba(61, 37, 20, .12)',
+  '--gray-4': 'rgba(53, 38, 28, .3)',
+  '--gray-5': 'rgba(28, 25, 23, .6)',
+  '--green': '#22c55e',
+  '--purple': '#6a00f5',
+  '--purple-contrast': '#5800cc',
+  '--purple-light': 'rgba(88, 5, 255, .05)',
+  '--yellow-contrast': '#facc15',
+  '--yellow': 'rgba(250, 204, 21, .4)',
+  '--yellow-light': '#fffae5',
+  '--red': '#ff5c33',
+  '--red-light': '#ffebe5',
+  '--shadow': "0px 12px 33px 0px rgba(0, 0, 0, .06),\n               0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)"
+};
+
+var EditableHtml = function EditableHtml(props) {
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      pendingImages = _useState2[0],
+      setPendingImages = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      scheduled = _useState4[0],
+      setScheduled = _useState4[1];
+
+  var classes = props.classes,
+      toolbarOpts = props.toolbarOpts;
+
+  var toolbarOptsToUse = _objectSpread(_objectSpread({}, defaultToolbarOpts), toolbarOpts);
+
+  var activePluginsToUse = (0, _react.useMemo)(function () {
+    var _props$responseAreaPr;
+
+    var _ref = props.pluginProps || {},
+        customPlugins = _ref.customPlugins;
+
+    customPlugins = customPlugins || [];
+    return (0, _extensions.buildExtensions)(props.activePlugins, customPlugins, {
+      math: {},
+      textAlign: {},
+      html: {},
+      extraCSSRules: props.extraCSSRules || {},
+      image: {},
+      toolbar: {},
+      table: {},
+      responseArea: {
+        type: (_props$responseAreaPr = props.responseAreaProps) === null || _props$responseAreaPr === void 0 ? void 0 : _props$responseAreaPr.type
+      },
+      languageCharacters: props.languageCharactersProps,
+      keyPadCharacterRef: {},
+      setKeypadInteraction: {},
+      media: {}
+    });
+  }, [props]);
+  var extensions = [_extensionTextStyle.TextStyleKit, _starterKit["default"], _extendedTable["default"], _extensionTableRow.TableRow, _extensionTableHeader.TableHeader, _extensionTableCell.TableCell, _responseArea.ResponseAreaExtension, _responseArea.ExplicitConstructedResponseNode.configure(props.responseAreaProps), _responseArea.DragInTheBlankNode.configure(props.responseAreaProps), _responseArea.InlineDropdownNode.configure(props.responseAreaProps), _math.MathNode.configure({
+    toolbarOpts: toolbarOptsToUse
+  }), _extensionSubscript["default"], _extensionSuperscript["default"], _extensionTextAlign["default"].configure({
+    types: ['heading', 'paragraph'],
+    alignments: ['left', 'right', 'center']
+  }), _extensionImage["default"], _image.ImageUploadNode.configure({
+    toolbarOpts: toolbarOptsToUse,
+    imageHandling: {
+      disableImageAlignmentButtons: props.disableImageAlignmentButtons,
+      onDone: function onDone() {
+        var _props$onDone;
+
+        return (_props$onDone = props.onDone) === null || _props$onDone === void 0 ? void 0 : _props$onDone.call(props, editor.getHTML());
+      },
+      onDelete: props.imageSupport && props.imageSupport["delete"] && function (node, done) {
+        var src = node.attrs.src;
+        props.imageSupport["delete"](src, function (e) {
+          var newPendingImages = pendingImages.filter(function (img) {
+            return img.key !== node.key;
+          });
+          var newState = {
+            pendingImages: newPendingImages,
+            scheduled: scheduled && newPendingImages.length === 0 ? false : scheduled
+          };
+          setPendingImages(newState.pendingImages);
+          setScheduled(newState.scheduled);
+          done();
+        });
+      },
+      insertImageRequested: props.imageSupport && function (addedImage, getHandler) {
+        var onFinish = function onFinish(result) {
+          var _cb;
+
+          var cb;
+
+          if (scheduled && result) {
+            // finish editing only on success
+            cb = props.onChange;
+          }
+
+          var newPendingImages = pendingImages.filter(function (img) {
+            return img.key !== addedImage.key;
+          });
+          var newState = {
+            pendingImages: newPendingImages
+          };
+
+          if (newPendingImages.length === 0) {
+            newState.scheduled = false;
+          }
+
+          setPendingImages(newState.pendingImages);
+          setScheduled(newState.scheduled);
+          (_cb = cb) === null || _cb === void 0 ? void 0 : _cb(editor.getHTML());
+        };
+
+        var callback = function callback() {
+          /**
+           * The handler is the object through which the outer context
+           * communicates file upload events like: fileChosen, cancel, progress
+           */
+          var handler = getHandler(onFinish);
+          props.imageSupport.add(handler);
+        };
+
+        setPendingImages([].concat((0, _toConsumableArray2["default"])(pendingImages), [addedImage]));
+        callback();
+      },
+      maxImageWidth: props.maxImageWidth,
+      maxImageHeight: props.maxImageHeight
+    },
+    limit: 3
+  }), _media.Media.configure({
+    uploadSoundSupport: props.uploadSoundSupport
+  }), _css.CSSMark.configure({
+    extraCSSRules: props.extraCSSRules
+  })];
+  var editor = (0, _react2.useEditor)({
+    extensions: extensions,
+    immediatelyRender: false,
+    editable: !props.disabled,
+    content: props.markup,
+    onUpdate: function onUpdate(_ref2) {
+      var _props$onChange;
+
+      var editor = _ref2.editor,
+          transaction = _ref2.transaction;
+      return transaction.isDone && ((_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, editor.getHTML()));
+    },
+    onBlur: function onBlur(_ref3) {
+      var editor = _ref3.editor;
+
+      if (toolbarOptsToUse.doneOn === 'blur') {
+        var _props$onChange2;
+
+        (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, editor.getHTML());
+      } else {
+        var _props$onDone2;
+
+        (_props$onDone2 = props.onDone) === null || _props$onDone2 === void 0 ? void 0 : _props$onDone2.call(props, editor.getHTML());
+      }
+    }
+  });
+  (0, _react.useEffect)(function () {
+    editor === null || editor === void 0 ? void 0 : editor.setEditable(!props.disabled);
+  }, [props.disabled, editor]);
+  (0, _react.useEffect)(function () {
+    if (!editor) {
+      return;
+    }
+
+    if (props.markup !== editor.getHTML()) {
+      editor.commands.setContent(props.markup, false); // false = don’t emit update
+    }
+  }, [props.markup, editor]);
+  (0, _react.useEffect)(function () {
+    Object.entries(cssVariables).forEach(function (_ref4) {
+      var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+          key = _ref5[0],
+          value = _ref5[1];
+
+      document.documentElement.style.setProperty(key, value);
+    });
+  }, []);
+  var editorState = (0, _react2.useEditorState)({
+    editor: editor,
+    selector: function selector(ctx) {
+      var _ctx$editor;
+
+      return {
+        isFocused: (_ctx$editor = ctx.editor) === null || _ctx$editor === void 0 ? void 0 : _ctx$editor.isFocused
+      };
+    }
+  });
+  var sizeStyle = (0, _react.useMemo)(function () {
+    var minWidth = props.minWidth,
+        width = props.width,
+        maxWidth = props.maxWidth,
+        minHeight = props.minHeight,
+        height = props.height,
+        maxHeight = props.maxHeight;
+    return {
+      width: (0, _size.valueToSize)(width),
+      minWidth: (0, _size.valueToSize)(minWidth),
+      maxWidth: (0, _size.valueToSize)(maxWidth),
+      height: (0, _size.valueToSize)(height),
+      minHeight: (0, _size.valueToSize)(minHeight),
+      maxHeight: (0, _size.valueToSize)(maxHeight)
+    };
+  }, [props]);
+  return /*#__PURE__*/_react["default"].createElement(_TiptapContainer["default"], (0, _extends2["default"])({}, _objectSpread(_objectSpread({}, props), {}, {
+    activePlugins: activePluginsToUse,
+    toolbarOpts: toolbarOptsToUse
+  }), {
+    editorState: editorState,
+    editor: editor
+  }), editor && /*#__PURE__*/_react["default"].createElement(_react2.EditorContent, {
+    style: {
+      minHeight: sizeStyle.minHeight,
+      height: sizeStyle.height,
+      maxHeight: sizeStyle.maxHeight
+    },
+    className: classes.root,
+    editor: editor
+  }));
+};
+
+exports.EditableHtml = EditableHtml;
+var StyledEditor = (0, _styles.withStyles)({
+  root: {
+    outline: 'none !important',
+    '& .ProseMirror': {
+      outline: 'none !important',
+      position: 'initial'
+    }
+  }
+})(EditableHtml);
+var _default = StyledEditor;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRhYmxlSHRtbC5qc3giXSwibmFtZXMiOlsiZGVmYXVsdFRvb2xiYXJPcHRzIiwicG9zaXRpb24iLCJhbGlnbm1lbnQiLCJhbHdheXNWaXNpYmxlIiwic2hvd0RvbmUiLCJkb25lT24iLCJkZWZhdWx0UmVzcG9uc2VBcmVhUHJvcHMiLCJvcHRpb25zIiwicmVzcEFyZWFUb29sYmFyIiwib25IYW5kbGVBcmVhQ2hhbmdlIiwiREVGQVVMVF9BQ1RJVkVfUExVR0lOUyIsImNzc1ZhcmlhYmxlcyIsIkVkaXRhYmxlSHRtbCIsInByb3BzIiwicGVuZGluZ0ltYWdlcyIsInNldFBlbmRpbmdJbWFnZXMiLCJzY2hlZHVsZWQiLCJzZXRTY2hlZHVsZWQiLCJjbGFzc2VzIiwidG9vbGJhck9wdHMiLCJ0b29sYmFyT3B0c1RvVXNlIiwiYWN0aXZlUGx1Z2luc1RvVXNlIiwicGx1Z2luUHJvcHMiLCJjdXN0b21QbHVnaW5zIiwiYWN0aXZlUGx1Z2lucyIsIm1hdGgiLCJ0ZXh0QWxpZ24iLCJodG1sIiwiZXh0cmFDU1NSdWxlcyIsImltYWdlIiwidG9vbGJhciIsInRhYmxlIiwicmVzcG9uc2VBcmVhIiwidHlwZSIsInJlc3BvbnNlQXJlYVByb3BzIiwibGFuZ3VhZ2VDaGFyYWN0ZXJzIiwibGFuZ3VhZ2VDaGFyYWN0ZXJzUHJvcHMiLCJrZXlQYWRDaGFyYWN0ZXJSZWYiLCJzZXRLZXlwYWRJbnRlcmFjdGlvbiIsIm1lZGlhIiwiZXh0ZW5zaW9ucyIsIlRleHRTdHlsZUtpdCIsIlN0YXJ0ZXJLaXQiLCJFeHRlbmRlZFRhYmxlIiwiVGFibGVSb3ciLCJUYWJsZUhlYWRlciIsIlRhYmxlQ2VsbCIsIlJlc3BvbnNlQXJlYUV4dGVuc2lvbiIsIkV4cGxpY2l0Q29uc3RydWN0ZWRSZXNwb25zZU5vZGUiLCJjb25maWd1cmUiLCJEcmFnSW5UaGVCbGFua05vZGUiLCJJbmxpbmVEcm9wZG93bk5vZGUiLCJNYXRoTm9kZSIsIlN1YlNjcmlwdCIsIlN1cGVyU2NyaXB0IiwiVGV4dEFsaWduIiwidHlwZXMiLCJhbGlnbm1lbnRzIiwiSW1hZ2UiLCJJbWFnZVVwbG9hZE5vZGUiLCJpbWFnZUhhbmRsaW5nIiwiZGlzYWJsZUltYWdlQWxpZ25tZW50QnV0dG9ucyIsIm9uRG9uZSIsImVkaXRvciIsImdldEhUTUwiLCJvbkRlbGV0ZSIsImltYWdlU3VwcG9ydCIsIm5vZGUiLCJkb25lIiwic3JjIiwiYXR0cnMiLCJlIiwibmV3UGVuZGluZ0ltYWdlcyIsImZpbHRlciIsImltZyIsImtleSIsIm5ld1N0YXRlIiwibGVuZ3RoIiwiaW5zZXJ0SW1hZ2VSZXF1ZXN0ZWQiLCJhZGRlZEltYWdlIiwiZ2V0SGFuZGxlciIsIm9uRmluaXNoIiwicmVzdWx0IiwiY2IiLCJvbkNoYW5nZSIsImNhbGxiYWNrIiwiaGFuZGxlciIsImFkZCIsIm1heEltYWdlV2lkdGgiLCJtYXhJbWFnZUhlaWdodCIsImxpbWl0IiwiTWVkaWEiLCJ1cGxvYWRTb3VuZFN1cHBvcnQiLCJDU1NNYXJrIiwiaW1tZWRpYXRlbHlSZW5kZXIiLCJlZGl0YWJsZSIsImRpc2FibGVkIiwiY29udGVudCIsIm1hcmt1cCIsIm9uVXBkYXRlIiwidHJhbnNhY3Rpb24iLCJpc0RvbmUiLCJvbkJsdXIiLCJzZXRFZGl0YWJsZSIsImNvbW1hbmRzIiwic2V0Q29udGVudCIsIk9iamVjdCIsImVudHJpZXMiLCJmb3JFYWNoIiwidmFsdWUiLCJkb2N1bWVudCIsImRvY3VtZW50RWxlbWVudCIsInN0eWxlIiwic2V0UHJvcGVydHkiLCJlZGl0b3JTdGF0ZSIsInNlbGVjdG9yIiwiY3R4IiwiaXNGb2N1c2VkIiwic2l6ZVN0eWxlIiwibWluV2lkdGgiLCJ3aWR0aCIsIm1heFdpZHRoIiwibWluSGVpZ2h0IiwiaGVpZ2h0IiwibWF4SGVpZ2h0Iiwicm9vdCIsIlN0eWxlZEVkaXRvciIsIm91dGxpbmUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFD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TEMsTUFBQUEsU0FBUyxFQUFFTixTQUFTLENBQUNNO0FBSGhCLEtBRFQ7QUFNRSxJQUFBLFNBQVMsRUFBRTFHLE9BQU8sQ0FBQzJHLElBTnJCO0FBT0UsSUFBQSxNQUFNLEVBQUU5RDtBQVBWLElBVkosQ0FERjtBQXVCRCxDQTVNTTs7O0FBOE1QLElBQU0rRCxZQUFZLEdBQUcsd0JBQVc7QUFDOUJELEVBQUFBLElBQUksRUFBRTtBQUNKRSxJQUFBQSxPQUFPLEVBQUUsaUJBREw7QUFFSixzQkFBa0I7QUFDaEJBLE1BQUFBLE9BQU8sRUFBRSxpQkFETztBQUVoQjlILE1BQUFBLFFBQVEsRUFBRTtBQUZNO0FBRmQ7QUFEd0IsQ0FBWCxFQVFsQlcsWUFSa0IsQ0FBckI7ZUFVZWtILFkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEVkaXRvckNvbnRlbnQsIHVzZUVkaXRvciwgdXNlRWRpdG9yU3RhdGUgfSBmcm9tICdAdGlwdGFwL3JlYWN0JztcbmltcG9ydCBTdGFydGVyS2l0IGZyb20gJ0B0aXB0YXAvc3RhcnRlci1raXQnO1xuaW1wb3J0IHsgVGV4dFN0eWxlS2l0IH0gZnJvbSAnQHRpcHRhcC9leHRlbnNpb24tdGV4dC1zdHlsZSc7XG5pbXBvcnQgU3VwZXJTY3JpcHQgZnJvbSAnQHRpcHRhcC9leHRlbnNpb24tc3VwZXJzY3JpcHQnO1xuaW1wb3J0IFN1YlNjcmlwdCBmcm9tICdAdGlwdGFwL2V4dGVuc2lvbi1zdWJzY3JpcHQnO1xuaW1wb3J0IFRleHRBbGlnbiBmcm9tICdAdGlwdGFwL2V4dGVuc2lvbi10ZXh0LWFsaWduJztcbmltcG9ydCBJbWFnZSBmcm9tICdAdGlwdGFwL2V4dGVuc2lvbi1pbWFnZSc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcblxuaW1wb3J0IEV4dGVuZGVkVGFibGUgZnJvbSAnLi4vZXh0ZW5zaW9ucy9leHRlbmRlZC10YWJsZSc7XG5pbXBvcnQgeyBUYWJsZVJvdyB9IGZyb20gJ0B0aXB0YXAvZXh0ZW5zaW9uLXRhYmxlLXJvdyc7XG5pbXBvcnQgeyBUYWJsZUNlbGwgfSBmcm9tICdAdGlwdGFwL2V4dGVuc2lvbi10YWJsZS1jZWxsJztcbmltcG9ydCB7IFRhYmxlSGVhZGVyIH0gZnJvbSAnQHRpcHRhcC9leHRlbnNpb24tdGFibGUtaGVhZGVyJztcbmltcG9ydCB7XG4gIEV4cGxpY2l0Q29uc3RydWN0ZWRSZXNwb25zZU5vZGUsXG4gIERyYWdJblRoZUJsYW5rTm9kZSxcbiAgSW5saW5lRHJvcGRvd25Ob2RlLFxuICBSZXNwb25zZUFyZWFFeHRlbnNpb24sXG59IGZyb20gJy4uL2V4dGVuc2lvbnMvcmVzcG9uc2VBcmVhJztcbmltcG9ydCB7IE1hdGhOb2RlIH0gZnJvbSAnLi4vZXh0ZW5zaW9ucy9tYXRoJztcbmltcG9ydCB7IEltYWdlVXBsb2FkTm9kZSB9IGZyb20gJy4uL2V4dGVuc2lvbnMvaW1hZ2UnO1xuaW1wb3J0IHsgTWVkaWEgfSBmcm9tICcuLi9leHRlbnNpb25zL21lZGlhJztcbmltcG9ydCB7IENTU01hcmsgfSBmcm9tICcuLi9leHRlbnNpb25zL2Nzcyc7XG5cbmltcG9ydCBFZGl0b3JDb250YWluZXIgZnJvbSAnLi9UaXB0YXBDb250YWluZXInO1xuaW1wb3J0IHsgdmFsdWVUb1NpemUgfSBmcm9tICcuLi91dGlscy9zaXplJztcbmltcG9ydCB7IGJ1aWxkRXh0ZW5zaW9ucyB9IGZyb20gJy4uL2V4dGVuc2lvbnMnO1xuXG5jb25zdCBkZWZhdWx0VG9vbGJhck9wdHMgPSB7XG4gIHBvc2l0aW9uOiAnYm90dG9tJyxcbiAgYWxpZ25tZW50OiAnbGVmdCcsXG4gIGFsd2F5c1Zpc2libGU6IGZhbHNlLFxuICBzaG93RG9uZTogdHJ1ZSxcbiAgZG9uZU9uOiAnYmx1cicsXG59O1xuXG5jb25zdCBkZWZhdWx0UmVzcG9uc2VBcmVhUHJvcHMgPSB7XG4gIG9wdGlvbnM6IHt9LFxuICByZXNwQXJlYVRvb2xiYXI6ICgpID0+IHt9LFxuICBvbkhhbmRsZUFyZWFDaGFuZ2U6ICgpID0+IHt9LFxufTtcblxuY29uc3QgREVGQVVMVF9BQ1RJVkVfUExVR0lOUyA9IFtcbiAgJ2JvbGQnLFxuICAnaXRhbGljJyxcbiAgJ3VuZGVybGluZScsXG4gICdzdHJpa2V0aHJvdWdoJyxcbiAgJ2NvZGUnLFxuICAnYnVsbGV0ZWQtbGlzdCcsXG4gICdudW1iZXJlZC1saXN0JyxcbiAgJ2ltYWdlJyxcbiAgJ21hdGgnLFxuICAnbGFuZ3VhZ2VDaGFyYWN0ZXJzJyxcbiAgJ3RleHQtYWxpZ24nLFxuICAndGFibGUnLFxuICAndmlkZW8nLFxuICAnYXVkaW8nLFxuICAncmVzcG9uc2VBcmVhJyxcbiAgJ3N1cGVyc2NyaXB0JyxcbiAgJ3N1YnNjcmlwdCcsXG4gICdjc3MnLFxuICAnaDMnLFxuICAndW5kbycsXG4gICdyZWRvJyxcbl07XG5cbmNvbnN0IGNzc1ZhcmlhYmxlcyA9IHtcbiAgJy0td2hpdGUnOiAnI2ZmZicsXG4gICctLWJsYWNrJzogJyMyZTJiMjknLFxuICAnLS1ibGFjay1jb250cmFzdCc6ICcjMTEwZjBlJyxcbiAgJy0tZ3JheS0xJzogJ3JnYmEoNjEsIDM3LCAyMCwgLjA1KScsXG4gICctLWdyYXktMic6ICdyZ2JhKDYxLCAzNywgMjAsIC4wOCknLFxuICAnLS1ncmF5LTMnOiAncmdiYSg2MSwgMzcsIDIwLCAuMTIpJyxcbiAgJy0tZ3JheS00JzogJ3JnYmEoNTMsIDM4LCAyOCwgLjMpJyxcbiAgJy0tZ3JheS01JzogJ3JnYmEoMjgsIDI1LCAyMywgLjYpJyxcbiAgJy0tZ3JlZW4nOiAnIzIyYzU1ZScsXG4gICctLXB1cnBsZSc6ICcjNmEwMGY1JyxcbiAgJy0tcHVycGxlLWNvbnRyYXN0JzogJyM1ODAwY2MnLFxuICAnLS1wdXJwbGUtbGlnaHQnOiAncmdiYSg4OCwgNSwgMjU1LCAuMDUpJyxcbiAgJy0teWVsbG93LWNvbnRyYXN0JzogJyNmYWNjMTUnLFxuICAnLS15ZWxsb3cnOiAncmdiYSgyNTAsIDIwNCwgMjEsIC40KScsXG4gICctLXllbGxvdy1saWdodCc6ICcjZmZmYWU1JyxcbiAgJy0tcmVkJzogJyNmZjVjMzMnLFxuICAnLS1yZWQtbGlnaHQnOiAnI2ZmZWJlNScsXG4gICctLXNoYWRvdyc6IGAwcHggMTJweCAzM3B4IDBweCByZ2JhKDAsIDAsIDAsIC4wNiksXG4gICAgICAgICAgICAgICAwcHggMy42MThweCA5Ljk0OXB4IDBweCByZ2JhKDAsIDAsIDAsIC4wNClgLFxufTtcblxuZXhwb3J0IGNvbnN0IEVkaXRhYmxlSHRtbCA9IChwcm9wcykgPT4ge1xuICBjb25zdCBbcGVuZGluZ0ltYWdlcywgc2V0UGVuZGluZ0ltYWdlc10gPSB1c2VTdGF0ZShbXSk7XG4gIGNvbnN0IFtzY2hlZHVsZWQsIHNldFNjaGVkdWxlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgY2xhc3NlcywgdG9vbGJhck9wdHMgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRvb2xiYXJPcHRzVG9Vc2UgPSB7XG4gICAgLi4uZGVmYXVsdFRvb2xiYXJPcHRzLFxuICAgIC4uLnRvb2xiYXJPcHRzLFxuICB9O1xuXG4gIGNvbnN0IGFjdGl2ZVBsdWdpbnNUb1VzZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGxldCB7IGN1c3RvbVBsdWdpbnMgfSA9IHByb3BzLnBsdWdpblByb3BzIHx8IHt9O1xuXG4gICAgY3VzdG9tUGx1Z2lucyA9IGN1c3RvbVBsdWdpbnMgfHwgW107XG5cbiAgICByZXR1cm4gYnVpbGRFeHRlbnNpb25zKHByb3BzLmFjdGl2ZVBsdWdpbnMsIGN1c3RvbVBsdWdpbnMsIHtcbiAgICAgIG1hdGg6IHt9LFxuICAgICAgdGV4dEFsaWduOiB7fSxcbiAgICAgIGh0bWw6IHt9LFxuICAgICAgZXh0cmFDU1NSdWxlczogcHJvcHMuZXh0cmFDU1NSdWxlcyB8fCB7fSxcbiAgICAgIGltYWdlOiB7fSxcbiAgICAgIHRvb2xiYXI6IHt9LFxuICAgICAgdGFibGU6IHt9LFxuICAgICAgcmVzcG9uc2VBcmVhOiB7XG4gICAgICAgIHR5cGU6IHByb3BzLnJlc3BvbnNlQXJlYVByb3BzPy50eXBlLFxuICAgICAgfSxcbiAgICAgIGxhbmd1YWdlQ2hhcmFjdGVyczogcHJvcHMubGFuZ3VhZ2VDaGFyYWN0ZXJzUHJvcHMsXG4gICAgICBrZXlQYWRDaGFyYWN0ZXJSZWY6IHt9LFxuICAgICAgc2V0S2V5cGFkSW50ZXJhY3Rpb246IHt9LFxuICAgICAgbWVkaWE6IHt9LFxuICAgIH0pO1xuICB9LCBbcHJvcHNdKTtcblxuICBjb25zdCBleHRlbnNpb25zID0gW1xuICAgIFRleHRTdHlsZUtpdCxcbiAgICBTdGFydGVyS2l0LFxuICAgIEV4dGVuZGVkVGFibGUsXG4gICAgVGFibGVSb3csXG4gICAgVGFibGVIZWFkZXIsXG4gICAgVGFibGVDZWxsLFxuICAgIFJlc3BvbnNlQXJlYUV4dGVuc2lvbixcbiAgICBFeHBsaWNpdENvbnN0cnVjdGVkUmVzcG9uc2VOb2RlLmNvbmZpZ3VyZShwcm9wcy5yZXNwb25zZUFyZWFQcm9wcyksXG4gICAgRHJhZ0luVGhlQmxhbmtOb2RlLmNvbmZpZ3VyZShwcm9wcy5yZXNwb25zZUFyZWFQcm9wcyksXG4gICAgSW5saW5lRHJvcGRvd25Ob2RlLmNvbmZpZ3VyZShwcm9wcy5yZXNwb25zZUFyZWFQcm9wcyksXG4gICAgTWF0aE5vZGUuY29uZmlndXJlKHtcbiAgICAgIHRvb2xiYXJPcHRzOiB0b29sYmFyT3B0c1RvVXNlLFxuICAgIH0pLFxuICAgIFN1YlNjcmlwdCxcbiAgICBTdXBlclNjcmlwdCxcbiAgICBUZXh0QWxpZ24uY29uZmlndXJlKHtcbiAgICAgIHR5cGVzOiBbJ2hlYWRpbmcnLCAncGFyYWdyYXBoJ10sXG4gICAgICBhbGlnbm1lbnRzOiBbJ2xlZnQnLCAncmlnaHQnLCAnY2VudGVyJ10sXG4gICAgfSksXG4gICAgSW1hZ2UsXG4gICAgSW1hZ2VVcGxvYWROb2RlLmNvbmZpZ3VyZSh7XG4gICAgICB0b29sYmFyT3B0czogdG9vbGJhck9wdHNUb1VzZSxcbiAgICAgIGltYWdlSGFuZGxpbmc6IHtcbiAgICAgICAgZGlzYWJsZUltYWdlQWxpZ25tZW50QnV0dG9uczogcHJvcHMuZGlzYWJsZUltYWdlQWxpZ25tZW50QnV0dG9ucyxcbiAgICAgICAgb25Eb25lOiAoKSA9PiBwcm9wcy5vbkRvbmU/LihlZGl0b3IuZ2V0SFRNTCgpKSxcbiAgICAgICAgb25EZWxldGU6XG4gICAgICAgICAgcHJvcHMuaW1hZ2VTdXBwb3J0ICYmXG4gICAgICAgICAgcHJvcHMuaW1hZ2VTdXBwb3J0LmRlbGV0ZSAmJlxuICAgICAgICAgICgobm9kZSwgZG9uZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBzcmMgfSA9IG5vZGUuYXR0cnM7XG5cbiAgICAgICAgICAgIHByb3BzLmltYWdlU3VwcG9ydC5kZWxldGUoc3JjLCAoZSkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBuZXdQZW5kaW5nSW1hZ2VzID0gcGVuZGluZ0ltYWdlcy5maWx0ZXIoKGltZykgPT4gaW1nLmtleSAhPT0gbm9kZS5rZXkpO1xuICAgICAgICAgICAgICBjb25zdCBuZXdTdGF0ZSA9IHtcbiAgICAgICAgICAgICAgICBwZW5kaW5nSW1hZ2VzOiBuZXdQZW5kaW5nSW1hZ2VzLFxuICAgICAgICAgICAgICAgIHNjaGVkdWxlZDogc2NoZWR1bGVkICYmIG5ld1BlbmRpbmdJbWFnZXMubGVuZ3RoID09PSAwID8gZmFsc2UgOiBzY2hlZHVsZWQsXG4gICAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgICAgc2V0UGVuZGluZ0ltYWdlcyhuZXdTdGF0ZS5wZW5kaW5nSW1hZ2VzKTtcbiAgICAgICAgICAgICAgc2V0U2NoZWR1bGVkKG5ld1N0YXRlLnNjaGVkdWxlZCk7XG4gICAgICAgICAgICAgIGRvbmUoKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH0pLFxuICAgICAgICBpbnNlcnRJbWFnZVJlcXVlc3RlZDpcbiAgICAgICAgICBwcm9wcy5pbWFnZVN1cHBvcnQgJiZcbiAgICAgICAgICAoKGFkZGVkSW1hZ2UsIGdldEhhbmRsZXIpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IG9uRmluaXNoID0gKHJlc3VsdCkgPT4ge1xuICAgICAgICAgICAgICBsZXQgY2I7XG5cbiAgICAgICAgICAgICAgaWYgKHNjaGVkdWxlZCAmJiByZXN1bHQpIHtcbiAgICAgICAgICAgICAgICAvLyBmaW5pc2ggZWRpdGluZyBvbmx5IG9uIHN1Y2Nlc3NcbiAgICAgICAgICAgICAgICBjYiA9IHByb3BzLm9uQ2hhbmdlO1xuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgY29uc3QgbmV3UGVuZGluZ0ltYWdlcyA9IHBlbmRpbmdJbWFnZXMuZmlsdGVyKChpbWcpID0+IGltZy5rZXkgIT09IGFkZGVkSW1hZ2Uua2V5KTtcbiAgICAgICAgICAgICAgY29uc3QgbmV3U3RhdGUgPSB7XG4gICAgICAgICAgICAgICAgcGVuZGluZ0ltYWdlczogbmV3UGVuZGluZ0ltYWdlcyxcbiAgICAgICAgICAgICAgfTtcblxuICAgICAgICAgICAgICBpZiAobmV3UGVuZGluZ0ltYWdlcy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICAgICAgICBuZXdTdGF0ZS5zY2hlZHVsZWQgPSBmYWxzZTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIHNldFBlbmRpbmdJbWFnZXMobmV3U3RhdGUucGVuZGluZ0ltYWdlcyk7XG4gICAgICAgICAgICAgIHNldFNjaGVkdWxlZChuZXdTdGF0ZS5zY2hlZHVsZWQpO1xuICAgICAgICAgICAgICBjYj8uKGVkaXRvci5nZXRIVE1MKCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGNvbnN0IGNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgICogVGhlIGhhbmRsZXIgaXMgdGhlIG9iamVjdCB0aHJvdWdoIHdoaWNoIHRoZSBvdXRlciBjb250ZXh0XG4gICAgICAgICAgICAgICAqIGNvbW11bmljYXRlcyBmaWxlIHVwbG9hZCBldmVudHMgbGlrZTogZmlsZUNob3NlbiwgY2FuY2VsLCBwcm9ncmVzc1xuICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgY29uc3QgaGFuZGxlciA9IGdldEhhbmRsZXIob25GaW5pc2gpO1xuICAgICAgICAgICAgICBwcm9wcy5pbWFnZVN1cHBvcnQuYWRkKGhhbmRsZXIpO1xuICAgICAgICAgICAgfTtcblxuICAgICAgICAgICAgc2V0UGVuZGluZ0ltYWdlcyhbLi4ucGVuZGluZ0ltYWdlcywgYWRkZWRJbWFnZV0pO1xuICAgICAgICAgICAgY2FsbGJhY2soKTtcbiAgICAgICAgICB9KSxcbiAgICAgICAgbWF4SW1hZ2VXaWR0aDogcHJvcHMubWF4SW1hZ2VXaWR0aCxcbiAgICAgICAgbWF4SW1hZ2VIZWlnaHQ6IHByb3BzLm1heEltYWdlSGVpZ2h0LFxuICAgICAgfSxcbiAgICAgIGxpbWl0OiAzLFxuICAgIH0pLFxuICAgIE1lZGlhLmNvbmZpZ3VyZSh7XG4gICAgICB1cGxvYWRTb3VuZFN1cHBvcnQ6IHByb3BzLnVwbG9hZFNvdW5kU3VwcG9ydCxcbiAgICB9KSxcbiAgICBDU1NNYXJrLmNvbmZpZ3VyZSh7XG4gICAgICBleHRyYUNTU1J1bGVzOiBwcm9wcy5leHRyYUNTU1J1bGVzLFxuICAgIH0pLFxuICBdO1xuXG4gIGNvbnN0IGVkaXRvciA9IHVzZUVkaXRvcih7XG4gICAgZXh0ZW5zaW9ucyxcbiAgICBpbW1lZGlhdGVseVJlbmRlcjogZmFsc2UsXG4gICAgZWRpdGFibGU6ICFwcm9wcy5kaXNhYmxlZCxcbiAgICBjb250ZW50OiBwcm9wcy5tYXJrdXAsXG4gICAgb25VcGRhdGU6ICh7IGVkaXRvciwgdHJhbnNhY3Rpb24gfSkgPT4gdHJhbnNhY3Rpb24uaXNEb25lICYmIHByb3BzLm9uQ2hhbmdlPy4oZWRpdG9yLmdldEhUTUwoKSksXG4gICAgb25CbHVyOiAoeyBlZGl0b3IgfSkgPT4ge1xuICAgICAgaWYgKHRvb2xiYXJPcHRzVG9Vc2UuZG9uZU9uID09PSAnYmx1cicpIHtcbiAgICAgICAgcHJvcHMub25DaGFuZ2U/LihlZGl0b3IuZ2V0SFRNTCgpKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHByb3BzLm9uRG9uZT8uKGVkaXRvci5nZXRIVE1MKCkpO1xuICAgICAgfVxuICAgIH0sXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZWRpdG9yPy5zZXRFZGl0YWJsZSghcHJvcHMuZGlzYWJsZWQpO1xuICB9LCBbcHJvcHMuZGlzYWJsZWQsIGVkaXRvcl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFlZGl0b3IpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAocHJvcHMubWFya3VwICE9PSBlZGl0b3IuZ2V0SFRNTCgpKSB7XG4gICAgICBlZGl0b3IuY29tbWFuZHMuc2V0Q29udGVudChwcm9wcy5tYXJrdXAsIGZhbHNlKTsgLy8gZmFsc2UgPSBkb27igJl0IGVtaXQgdXBkYXRlXG4gICAgfVxuICB9LCBbcHJvcHMubWFya3VwLCBlZGl0b3JdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIE9iamVjdC5lbnRyaWVzKGNzc1ZhcmlhYmxlcykuZm9yRWFjaCgoW2tleSwgdmFsdWVdKSA9PiB7XG4gICAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoa2V5LCB2YWx1ZSk7XG4gICAgfSk7XG4gIH0sIFtdKTtcblxuICBjb25zdCBlZGl0b3JTdGF0ZSA9IHVzZUVkaXRvclN0YXRlKHtcbiAgICBlZGl0b3IsXG4gICAgc2VsZWN0b3I6IChjdHgpID0+ICh7XG4gICAgICBpc0ZvY3VzZWQ6IGN0eC5lZGl0b3I/LmlzRm9jdXNlZCxcbiAgICB9KSxcbiAgfSk7XG5cbiAgY29uc3Qgc2l6ZVN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgeyBtaW5XaWR0aCwgd2lkdGgsIG1heFdpZHRoLCBtaW5IZWlnaHQsIGhlaWdodCwgbWF4SGVpZ2h0IH0gPSBwcm9wcztcblxuICAgIHJldHVybiB7XG4gICAgICB3aWR0aDogdmFsdWVUb1NpemUod2lkdGgpLFxuICAgICAgbWluV2lkdGg6IHZhbHVlVG9TaXplKG1pbldpZHRoKSxcbiAgICAgIG1heFdpZHRoOiB2YWx1ZVRvU2l6ZShtYXhXaWR0aCksXG4gICAgICBoZWlnaHQ6IHZhbHVlVG9TaXplKGhlaWdodCksXG4gICAgICBtaW5IZWlnaHQ6IHZhbHVlVG9TaXplKG1pbkhlaWdodCksXG4gICAgICBtYXhIZWlnaHQ6IHZhbHVlVG9TaXplKG1heEhlaWdodCksXG4gICAgfTtcbiAgfSwgW3Byb3BzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RWRpdG9yQ29udGFpbmVyXG4gICAgICB7Li4ue1xuICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgYWN0aXZlUGx1Z2luczogYWN0aXZlUGx1Z2luc1RvVXNlLFxuICAgICAgICB0b29sYmFyT3B0czogdG9vbGJhck9wdHNUb1VzZSxcbiAgICAgIH19XG4gICAgICBlZGl0b3JTdGF0ZT17ZWRpdG9yU3RhdGV9XG4gICAgICBlZGl0b3I9e2VkaXRvcn1cbiAgICA+XG4gICAgICB7ZWRpdG9yICYmIChcbiAgICAgICAgPEVkaXRvckNvbnRlbnRcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgbWluSGVpZ2h0OiBzaXplU3R5bGUubWluSGVpZ2h0LFxuICAgICAgICAgICAgaGVpZ2h0OiBzaXplU3R5bGUuaGVpZ2h0LFxuICAgICAgICAgICAgbWF4SGVpZ2h0OiBzaXplU3R5bGUubWF4SGVpZ2h0LFxuICAgICAgICAgIH19XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzLnJvb3R9XG4gICAgICAgICAgZWRpdG9yPXtlZGl0b3J9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvRWRpdG9yQ29udGFpbmVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkRWRpdG9yID0gd2l0aFN0eWxlcyh7XG4gIHJvb3Q6IHtcbiAgICBvdXRsaW5lOiAnbm9uZSAhaW1wb3J0YW50JyxcbiAgICAnJiAuUHJvc2VNaXJyb3InOiB7XG4gICAgICBvdXRsaW5lOiAnbm9uZSAhaW1wb3J0YW50JyxcbiAgICAgIHBvc2l0aW9uOiAnaW5pdGlhbCcsXG4gICAgfSxcbiAgfSxcbn0pKEVkaXRhYmxlSHRtbCk7XG5cbmV4cG9ydCBkZWZhdWx0IFN0eWxlZEVkaXRvcjtcbiJdfQ==