@pie-lib/editable-html 12.1.0-next.2 → 12.1.0-next.5

package/lib/plugins/characters/index.js

@@ -0,0 +1,265 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CharactersPlugin;
+exports.removeDialogs = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _debug = _interopRequireDefault(require("debug"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _mathToolbar = require("@pie-lib/math-toolbar");
+var _customPopper = _interopRequireDefault(require("./custom-popper"));
+var _utils = require("../respArea/utils");
+var _utils2 = require("./utils");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:characters');
+var removePopOvers = function removePopOvers() {
+  var prevPopOvers = document.querySelectorAll('#mouse-over-popover');
+  log('[characters:removePopOvers]');
+  prevPopOvers.forEach(function (s) {
+    return s.remove();
+  });
+};
+var removeDialogs = exports.removeDialogs = function removeDialogs() {
+  var prevDialogs = document.querySelectorAll('.insert-character-dialog');
+  log('[characters:removeDialogs]');
+  prevDialogs.forEach(function (s) {
+    return s.remove();
+  });
+  removePopOvers();
+};
+var insertDialog = function insertDialog(_ref) {
+  var editorDOM = _ref.editorDOM,
+    value = _ref.value,
+    callback = _ref.callback,
+    opts = _ref.opts;
+  var newEl = document.createElement('div');
+  log('[characters:insertDialog]');
+  removeDialogs();
+  newEl.className = 'insert-character-dialog';
+  var configToUse;
+  switch (true) {
+    case opts.language === 'spanish':
+      configToUse = _utils2.spanishConfig;
+      break;
+    case opts.language === 'special':
+      configToUse = _utils2.specialConfig;
+      break;
+    default:
+      configToUse = opts;
+  }
+  if (!configToUse.characters) {
+    (0, _utils.insertSnackBar)('No characters provided or language not recognized');
+    return;
+  }
+  var layoutForCharacters = configToUse.characters.reduce(function (obj, arr) {
+    if (arr.length >= obj.columns) {
+      obj.columns = arr.length;
+    }
+    return obj;
+  }, {
+    rows: configToUse.characters.length,
+    columns: 0
+  });
+  var popoverEl;
+  var popoverRoot;
+  var closePopOver = function closePopOver() {
+    if (popoverRoot) {
+      popoverRoot.unmount();
+      popoverRoot = null;
+    }
+    if (popoverEl) {
+      popoverEl.remove();
+      popoverEl = null;
+    }
+    removePopOvers();
+  };
+  var renderPopOver = function renderPopOver(event, el) {
+    if (!event) {
+      return;
+    }
+    var infoStyle = {
+      fontSize: '20px',
+      lineHeight: '20px'
+    };
+    closePopOver();
+    popoverEl = document.createElement('div');
+    popoverRoot = (0, _client.createRoot)(popoverEl);
+    popoverRoot.render(/*#__PURE__*/_react["default"].createElement(_customPopper["default"], {
+      onClose: closePopOver,
+      anchorEl: event.currentTarget
+    }, /*#__PURE__*/_react["default"].createElement("div", null, el.label), /*#__PURE__*/_react["default"].createElement("div", {
+      style: infoStyle
+    }, el.description), /*#__PURE__*/_react["default"].createElement("div", {
+      style: infoStyle
+    }, el.unicode)));
+    document.body.appendChild(newEl);
+  };
+  var firstCallMade = false;
+  var listener = function listener(e) {
+    // this will be triggered right after setting it because
+    // this toolbar is added on the mousedown event
+    // so right after mouseup, the click will be triggered
+    if (firstCallMade) {
+      var focusIsInModals = newEl.contains(e.target) || popoverEl && popoverEl.contains(e.target);
+      var focusIsInEditor = editorDOM.contains(e.target);
+      if (!(focusIsInModals || focusIsInEditor)) {
+        handleClose();
+      }
+    } else {
+      firstCallMade = true;
+    }
+  };
+  var handleClose = function handleClose() {
+    callback(undefined, true);
+    newEl.remove();
+    closePopOver();
+    document.body.removeEventListener('click', listener);
+  };
+  var handleChange = function handleChange(val) {
+    if (typeof val === 'string') {
+      callback(val, true);
+    }
+  };
+  var el = /*#__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: handleClose
+  });
+  var dialogRoot = (0, _client.createRoot)(newEl);
+  dialogRoot.render(el);
+
+  // Use setTimeout to ensure the element is rendered before positioning
+  setTimeout(function () {
+    var cursorItem = document.querySelector("[data-key=\"".concat(value.anchorKey, "\"]"));
+    if (cursorItem) {
+      var bodyRect = document.body.getBoundingClientRect();
+      var boundRect = cursorItem.getBoundingClientRect();
+      document.body.appendChild(newEl);
+
+      // when height of toolbar exceeds screen - can happen in scrollable contexts
+      var additionalTopOffset = 0;
+      if (boundRect.y < newEl.offsetHeight) {
+        additionalTopOffset = newEl.offsetHeight - boundRect.y + 10;
+      }
+      newEl.style.maxWidth = '500px';
+      newEl.style.position = 'absolute';
+      newEl.style.top = "".concat(boundRect.top + Math.abs(bodyRect.top) - newEl.offsetHeight - 10 + additionalTopOffset, "px");
+      newEl.style.zIndex = 99999;
+      var leftValue = "".concat(boundRect.left + Math.abs(bodyRect.left) + cursorItem.offsetWidth + 10, "px");
+      var rightValue = "".concat(boundRect.x, "px");
+      newEl.style.left = leftValue;
+      var leftAlignedWidth = newEl.offsetWidth;
+      newEl.style.left = 'unset';
+      newEl.style.right = rightValue;
+      var rightAlignedWidth = newEl.offsetWidth;
+      newEl.style.left = 'unset';
+      newEl.style.right = 'unset';
+      if (leftAlignedWidth >= rightAlignedWidth) {
+        newEl.style.left = leftValue;
+      } else {
+        newEl.style.right = rightValue;
+      }
+      document.body.addEventListener('click', listener);
+    }
+  }, 0);
+};
+var CharacterIcon = function CharacterIcon(_ref2) {
+  var letter = _ref2.letter;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      fontSize: '24px',
+      lineHeight: '24px'
+    }
+  }, letter);
+};
+CharacterIcon.propTypes = {
+  letter: _propTypes["default"].string
+};
+function CharactersPlugin(opts) {
+  removeDialogs();
+  return {
+    name: 'characters',
+    toolbar: {
+      icon: /*#__PURE__*/_react["default"].createElement(CharacterIcon, {
+        letter: opts.characterIcon || _utils2.characterIcons[opts.language] || 'ñ'
+      }),
+      ariaLabel: "".concat(opts.language, " characters Toolbar"),
+      onClick: function onClick(value, onChange, getFocusedValue) {
+        var editorDOM = document.querySelector("[data-key=\"".concat(value.document.key, "\"]"));
+        var valueToUse = value;
+        var callback = function callback(_char, focus) {
+          if (getFocusedValue) {
+            valueToUse = getFocusedValue() || valueToUse;
+          }
+          if (_char) {
+            var change = valueToUse.change().insertTextByKey(valueToUse.anchorKey, valueToUse.anchorOffset, _char);
+            valueToUse = change.value;
+            log('[characters:insert]: ', value);
+            onChange(change);
+          }
+          log('[characters:click]');
+          if (focus) {
+            if (editorDOM) {
+              editorDOM.focus();
+            }
+          }
+        };
+        insertDialog({
+          editorDOM: editorDOM,
+          value: valueToUse,
+          callback: callback,
+          opts: opts
+        });
+      }
+    },
+    pluginStyles: function pluginStyles(node, parentNode, p) {
+      if (p) {
+        return {
+          position: 'absolute',
+          top: 'initial'
+        };
+      }
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/plugins/characters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_debug","_get","_mathToolbar","_customPopper","_utils","_utils2","_propTypes","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","removePopOvers","prevPopOvers","document","querySelectorAll","s","remove","removeDialogs","exports","prevDialogs","insertDialog","_ref","editorDOM","value","callback","opts","newEl","createElement","className","configToUse","language","spanishConfig","specialConfig","characters","insertSnackBar","layoutForCharacters","reduce","obj","arr","columns","rows","popoverEl","popoverRoot","closePopOver","unmount","renderPopOver","event","el","infoStyle","fontSize","lineHeight","createRoot","render","onClose","anchorEl","currentTarget","label","style","description","unicode","body","appendChild","firstCallMade","listener","focusIsInModals","contains","target","focusIsInEditor","handleClose","undefined","removeEventListener","handleChange","val","PureToolbar","keyPadCharacterRef","setKeypadInteraction","autoFocus","noDecimal","hideInput","noLatexHandling","hideDoneButtonBackground","layoutForKeyPad","additionalKeys","n","concat","_toConsumableArray2","map","k","name","get","write","category","extraClass","extraProps","border","hasPreview","actions","onMouseEnter","ev","onMouseLeave","keypadMode","onChange","onDone","dialogRoot","setTimeout","cursorItem","querySelector","anchorKey","bodyRect","getBoundingClientRect","boundRect","additionalTopOffset","y","offsetHeight","maxWidth","position","top","Math","abs","zIndex","leftValue","left","offsetWidth","rightValue","x","leftAlignedWidth","right","rightAlignedWidth","addEventListener","CharacterIcon","_ref2","letter","propTypes","PropTypes","string","CharactersPlugin","toolbar","icon","characterIcon","characterIcons","ariaLabel","onClick","getFocusedValue","key","valueToUse","char","focus","change","insertTextByKey","anchorOffset","pluginStyles","node","parentNode","p"],"sources":["../../../src/plugins/characters/index.jsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport debug from 'debug';\nimport get from 'lodash/get';\n\nimport { PureToolbar } from '@pie-lib/math-toolbar';\n\nimport CustomPopper from './custom-popper';\nimport { insertSnackBar } from '../respArea/utils';\nimport { characterIcons, spanishConfig, specialConfig } from './utils';\nimport PropTypes from 'prop-types';\n\nconst log = debug('@pie-lib:editable-html:plugins:characters');\n\nconst removePopOvers = () => {\n  const prevPopOvers = document.querySelectorAll('#mouse-over-popover');\n\n  log('[characters:removePopOvers]');\n  prevPopOvers.forEach((s) => s.remove());\n};\n\nexport const removeDialogs = () => {\n  const prevDialogs = document.querySelectorAll('.insert-character-dialog');\n\n  log('[characters:removeDialogs]');\n  prevDialogs.forEach((s) => s.remove());\n  removePopOvers();\n};\n\nconst insertDialog = ({ editorDOM, value, callback, opts }) => {\n  const newEl = document.createElement('div');\n\n  log('[characters:insertDialog]');\n\n  removeDialogs();\n\n  newEl.className = 'insert-character-dialog';\n\n  let configToUse;\n\n  switch (true) {\n    case opts.language === 'spanish':\n      configToUse = spanishConfig;\n      break;\n    case opts.language === 'special':\n      configToUse = specialConfig;\n      break;\n    default:\n      configToUse = opts;\n  }\n\n  if (!configToUse.characters) {\n    insertSnackBar('No characters provided or language not recognized');\n    return;\n  }\n\n  const layoutForCharacters = 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\n  let popoverEl;\n  let popoverRoot;\n\n  const closePopOver = () => {\n    if (popoverRoot) {\n      popoverRoot.unmount();\n      popoverRoot = null;\n    }\n    if (popoverEl) {\n      popoverEl.remove();\n      popoverEl = null;\n    }\n\n    removePopOvers();\n  };\n\n  const renderPopOver = (event, el) => {\n    if (!event) {\n      return;\n    }\n\n    const infoStyle = { fontSize: '20px', lineHeight: '20px' };\n\n    closePopOver();\n\n    popoverEl = document.createElement('div');\n    popoverRoot = createRoot(popoverEl);\n    popoverRoot.render(\n      <CustomPopper onClose={closePopOver} anchorEl={event.currentTarget}>\n        <div>{el.label}</div>\n\n        <div style={infoStyle}>{el.description}</div>\n\n        <div style={infoStyle}>{el.unicode}</div>\n      </CustomPopper>,\n    );\n\n    document.body.appendChild(newEl);\n  };\n\n  let firstCallMade = false;\n\n  const listener = (e) => {\n    // this will be triggered right after setting it because\n    // this toolbar is added on the mousedown event\n    // so right after mouseup, the click will be triggered\n    if (firstCallMade) {\n      const focusIsInModals = newEl.contains(e.target) || (popoverEl && popoverEl.contains(e.target));\n      const focusIsInEditor = editorDOM.contains(e.target);\n\n      if (!(focusIsInModals || focusIsInEditor)) {\n        handleClose();\n      }\n    } else {\n      firstCallMade = true;\n    }\n  };\n\n  const handleClose = () => {\n    callback(undefined, true);\n    newEl.remove();\n    closePopOver();\n    document.body.removeEventListener('click', listener);\n  };\n\n  const handleChange = (val) => {\n    if (typeof val === 'string') {\n      callback(val, true);\n    }\n  };\n\n  const el = (\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: { onMouseEnter: (ev) => renderPopOver(ev, k), onMouseLeave: closePopOver },\n                }\n              : {}),\n          })),\n        ];\n\n        return arr;\n      }, [])}\n      keypadMode=\"language\"\n      onChange={handleChange}\n      onDone={handleClose}\n    />\n  );\n\n  const dialogRoot = createRoot(newEl);\n  dialogRoot.render(el);\n\n  // Use setTimeout to ensure the element is rendered before positioning\n  setTimeout(() => {\n    const cursorItem = document.querySelector(`[data-key=\"${value.anchorKey}\"]`);\n\n    if (cursorItem) {\n      const bodyRect = document.body.getBoundingClientRect();\n      const boundRect = cursorItem.getBoundingClientRect();\n\n      document.body.appendChild(newEl);\n\n      // when height of toolbar exceeds screen - can happen in scrollable contexts\n      let additionalTopOffset = 0;\n      if (boundRect.y < newEl.offsetHeight) {\n        additionalTopOffset = newEl.offsetHeight - boundRect.y + 10;\n      }\n\n      newEl.style.maxWidth = '500px';\n      newEl.style.position = 'absolute';\n      newEl.style.top = `${boundRect.top + Math.abs(bodyRect.top) - newEl.offsetHeight - 10 + additionalTopOffset}px`;\n      newEl.style.zIndex = 99999;\n\n      const leftValue = `${boundRect.left + Math.abs(bodyRect.left) + cursorItem.offsetWidth + 10}px`;\n\n      const rightValue = `${boundRect.x}px`;\n\n      newEl.style.left = leftValue;\n\n      const leftAlignedWidth = newEl.offsetWidth;\n\n      newEl.style.left = 'unset';\n      newEl.style.right = rightValue;\n\n      const rightAlignedWidth = newEl.offsetWidth;\n\n      newEl.style.left = 'unset';\n      newEl.style.right = 'unset';\n\n      if (leftAlignedWidth >= rightAlignedWidth) {\n        newEl.style.left = leftValue;\n      } else {\n        newEl.style.right = rightValue;\n      }\n\n      document.body.addEventListener('click', listener);\n    }\n  }, 0);\n};\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 default function CharactersPlugin(opts) {\n  removeDialogs();\n\n  return {\n    name: 'characters',\n    toolbar: {\n      icon: <CharacterIcon letter={opts.characterIcon || characterIcons[opts.language] || 'ñ'} />,\n      ariaLabel: `${opts.language} characters Toolbar`,\n      onClick: (value, onChange, getFocusedValue) => {\n        const editorDOM = document.querySelector(`[data-key=\"${value.document.key}\"]`);\n        let valueToUse = value;\n\n        const callback = (char, focus) => {\n          if (getFocusedValue) {\n            valueToUse = getFocusedValue() || valueToUse;\n          }\n\n          if (char) {\n            const change = valueToUse.change().insertTextByKey(valueToUse.anchorKey, valueToUse.anchorOffset, char);\n\n            valueToUse = change.value;\n            log('[characters:insert]: ', value);\n            onChange(change);\n          }\n\n          log('[characters:click]');\n\n          if (focus) {\n            if (editorDOM) {\n              editorDOM.focus();\n            }\n          }\n        };\n\n        insertDialog({ editorDOM, value: valueToUse, callback, opts });\n      },\n    },\n\n    pluginStyles: (node, parentNode, p) => {\n      if (p) {\n        return {\n          position: 'absolute',\n          top: 'initial',\n        };\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/plugins/characters/utils.js

@@ -0,0 +1,378 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.specialConfig = exports.spanishConfig = exports.characterIcons = void 0;
+var spanishConfig = exports.spanishConfig = {
+  characters: [['á', 'é', 'í', 'ó', 'ú'], ['Á', 'É', 'Í', 'Ó', 'Ú'], ['—', '«', '»', 'ñ', 'ü'], ['-', '¿', '¡', 'Ñ', 'Ü']]
+};
+var specialConfig = exports.specialConfig = {
+  hasPreview: true,
+  characters: [[{
+    unicode: 'U+00A2',
+    description: 'CENT SIGN',
+    write: '¢',
+    label: '¢'
+  }, {
+    unicode: 'U+00BF',
+    description: 'INVERTED QUESTION MARK',
+    write: '¿',
+    label: '¿'
+  }, {
+    unicode: 'U+00B4',
+    description: 'ACUTE ACCENT',
+    write: '´',
+    label: '´',
+    extraProps: {
+      style: {
+        gridRow: 'span 2'
+      }
+    }
+  }, {
+    unicode: 'U+00E1',
+    description: 'LATIN SMALL LETTER A WITH ACUTE',
+    write: 'á',
+    label: 'á'
+  }, {
+    unicode: 'U+00E9',
+    description: 'LATIN SMALL LETTER E WITH ACUTE',
+    write: 'é',
+    label: 'é'
+  }, {
+    unicode: 'U+00ED',
+    description: 'LATIN SMALL LETTER I WITH ACUTE',
+    write: 'í',
+    label: 'í'
+  }, {
+    unicode: 'U+00F3',
+    description: 'LATIN SMALL LETTER O WITH ACUTE',
+    write: 'ó',
+    label: 'ó'
+  }, {
+    unicode: 'U+00FA',
+    description: 'LATIN SMALL LETTER U WITH ACUTE',
+    write: 'ú',
+    label: 'ú'
+  }, {
+    unicode: 'U+00F1',
+    description: 'LATIN SMALL LETTER N WITH TILDE',
+    write: 'ñ',
+    label: 'ñ'
+  }], [{
+    unicode: 'U+20AC',
+    description: 'EURO SIGN',
+    write: '€',
+    label: '€'
+  }, {
+    unicode: 'U+00A1',
+    description: 'INVERTED EXCLAMATION MARK',
+    write: '¡',
+    label: '¡'
+  }, {
+    unicode: 'U+00C1',
+    description: 'LATIN CAPITAL LETTER A WITH ACUTE',
+    write: 'Á',
+    label: 'Á'
+  }, {
+    unicode: 'U+00C9',
+    description: 'LATIN CAPITAL LETTER E WITH ACUTE',
+    write: 'É',
+    label: 'É'
+  }, {
+    unicode: 'U+00CD',
+    description: 'LATIN CAPITAL LETTER I WITH ACUTE',
+    write: 'Í',
+    label: 'Í'
+  }, {
+    unicode: 'U+00D3',
+    description: 'LATIN CAPITAL LETTER O WITH ACUTE',
+    write: 'Ó',
+    label: 'Ó'
+  }, {
+    unicode: 'U+00DA',
+    description: 'LATIN CAPITAL LETTER U WITH ACUTE',
+    write: 'Ú',
+    label: 'Ú'
+  }, {
+    unicode: 'U+00D1',
+    description: 'LATIN CAPITAL LETTER N WITH TILDE',
+    write: 'Ñ',
+    label: 'Ñ'
+  }], [{
+    unicode: 'U+00A3',
+    description: 'POUND SIGN',
+    write: '£',
+    label: '£'
+  }, {
+    unicode: 'U+00AB',
+    description: 'LEFT-POINTING DOUBLE ANGLE QUOTATION MARK',
+    write: '«',
+    label: '«'
+  }, {
+    unicode: 'U+005E',
+    description: 'CIRCUMFLEX ACCENT',
+    write: '^',
+    label: '^',
+    extraProps: {
+      style: {
+        gridRow: 'span 2'
+      }
+    }
+  }, {
+    unicode: 'U+00E2',
+    description: 'LATIN SMALL LETTER A WITH CIRCUMFLEX',
+    write: 'â',
+    label: 'â'
+  }, {
+    unicode: 'U+00EA',
+    description: 'LATIN SMALL LETTER E WITH CIRCUMFLEX',
+    write: 'ê',
+    label: 'ê'
+  }, {
+    unicode: 'U+00EE',
+    description: 'LATIN SMALL LETTER I WITH CIRCUMFLEX',
+    write: 'î',
+    label: 'î'
+  }, {
+    unicode: 'U+00F4',
+    description: 'LATIN SMALL LETTER O WITH CIRCUMFLEX',
+    write: 'ô',
+    label: 'ô'
+  }, {
+    unicode: 'U+00FB',
+    description: 'LATIN SMALL LETTER U WITH CIRCUMFLEX',
+    write: 'û',
+    label: 'û'
+  }, {
+    unicode: 'U+00E7',
+    description: 'LATIN SMALL LETTER C WITH CEDILLA',
+    write: 'ç',
+    label: 'ç'
+  }], [{
+    unicode: 'U+00A5',
+    description: 'YEN SIGN',
+    write: '¥',
+    label: '¥'
+  }, {
+    unicode: 'U+00BB',
+    description: 'RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK',
+    write: '»',
+    label: '»'
+  }, {
+    unicode: 'U+00C2',
+    description: 'LATIN CAPITAL LETTER A WITH CIRCUMFLEX',
+    write: 'Â',
+    label: 'Â'
+  }, {
+    unicode: 'U+00CA',
+    description: 'LATIN CAPITAL LETTER E WITH CIRCUMFLEX',
+    write: 'Ê',
+    label: 'Ê'
+  }, {
+    unicode: 'U+00CE',
+    description: 'LATIN CAPITAL LETTER I WITH CIRCUMFLEX',
+    write: 'Î',
+    label: 'Î'
+  }, {
+    unicode: 'U+00D4',
+    description: 'LATIN CAPITAL LETTER O WITH CIRCUMFLEX',
+    write: 'Ô',
+    label: 'Ô'
+  }, {
+    unicode: 'U+00DB',
+    description: 'LATIN CAPITAL LETTER U WITH CIRCUMFLEX',
+    write: 'Û',
+    label: 'Û'
+  }, {
+    unicode: 'U+00C7',
+    description: 'LATIN CAPITAL LETTER C WITH CEDILLA',
+    write: 'Ç',
+    label: 'Ç'
+  }], [{
+    unicode: 'U+200A',
+    description: 'HAIR SPACE',
+    write: String.fromCodePoint('0x200A'),
+    label: ' '
+  }, {
+    unicode: 'U+00A7',
+    description: 'SECTION SIGN',
+    write: '§',
+    label: '§'
+  }, {
+    unicode: 'U+00A8',
+    description: 'DIAERESIS',
+    write: '¨',
+    label: '¨',
+    extraProps: {
+      style: {
+        gridRow: 'span 2'
+      }
+    }
+  }, {
+    unicode: 'U+00E4',
+    description: 'LATIN SMALL LETTER A WITH DIAERESIS',
+    write: 'ä',
+    label: 'ä'
+  }, {
+    unicode: 'U+00EB',
+    description: 'LATIN SMALL LETTER E WITH DIAERESIS',
+    write: 'ë',
+    label: 'ë'
+  }, {
+    unicode: 'U+00EF',
+    description: 'LATIN SMALL LETTER I WITH DIAERESIS',
+    write: 'ï',
+    label: 'ï'
+  }, {
+    unicode: 'U+00F6',
+    description: 'LATIN SMALL LETTER O WITH DIAERESIS',
+    write: 'ö',
+    label: 'ö'
+  }, {
+    unicode: 'U+00FC',
+    description: 'LATIN SMALL LETTER U WITH DIAERESIS',
+    write: 'ü',
+    label: 'ü'
+  }, {
+    unicode: 'U+00DF',
+    description: 'LATIN SMALL LETTER SHARP S',
+    write: 'ß',
+    label: 'ß'
+  }], [{
+    unicode: 'U+2009',
+    description: 'THIN SPACE',
+    write: String.fromCodePoint('0x2009'),
+    label: ' '
+  }, {
+    unicode: 'U+2026',
+    description: 'HORIZONTAL ELLIPSIS',
+    write: '…',
+    label: '…'
+  }, {
+    unicode: 'U+00C4',
+    description: 'LATIN CAPITAL LETTER A WITH DIAERESIS',
+    write: 'Ä',
+    label: 'Ä'
+  }, {
+    unicode: 'U+00CB',
+    description: 'LATIN CAPITAL LETTER E WITH DIAERESIS',
+    write: 'Ë',
+    label: 'Ë'
+  }, {
+    unicode: 'U+00CF',
+    description: 'LATIN CAPITAL LETTER I WITH DIAERESIS',
+    write: 'Ï',
+    label: 'Ï'
+  }, {
+    unicode: 'U+00D6',
+    description: 'LATIN CAPITAL LETTER O WITH DIAERESIS',
+    write: 'Ö',
+    label: 'Ö'
+  }, {
+    unicode: 'U+00DC',
+    description: 'LATIN CAPITAL LETTER U WITH DIAERESIS',
+    write: 'Ü',
+    label: 'Ü'
+  }, {
+    unicode: 'U+2212',
+    description: 'MINUS SIGN',
+    write: '−',
+    label: '−'
+  }], [{
+    unicode: 'U+00A0',
+    description: 'NO-BREAK SPACE',
+    write: String.fromCodePoint('0x00A0'),
+    label: ' '
+  }, {
+    unicode: 'U+2022',
+    description: 'BULLET',
+    write: '•',
+    label: '•'
+  }, {
+    unicode: 'U+0060',
+    description: 'GRAVE ACCENT',
+    write: '`',
+    label: '`',
+    extraProps: {
+      style: {
+        gridRow: 'span 2'
+      }
+    }
+  }, {
+    unicode: 'U+00E0',
+    description: 'LATIN SMALL LETTER A WITH GRAVE',
+    write: 'à',
+    label: 'à'
+  }, {
+    unicode: 'U+00E8',
+    description: 'LATIN SMALL LETTER E WITH GRAVE',
+    write: 'è',
+    label: 'è'
+  }, {
+    unicode: 'U+00EC',
+    description: 'LATIN SMALL LETTER I WITH GRAVE',
+    write: 'ì',
+    label: 'ì'
+  }, {
+    unicode: 'U+00F2',
+    description: 'LATIN SMALL LETTER O WITH GRAVE',
+    write: 'ò',
+    label: 'ò'
+  }, {
+    unicode: 'U+00F9',
+    description: 'LATIN SMALL LETTER U WITH GRAVE',
+    write: 'ù',
+    label: 'ù'
+  }, {
+    unicode: 'U+2013',
+    description: 'EN DASH',
+    write: '–',
+    label: '–'
+  }], [{
+    unicode: 'U+2003',
+    description: 'EM SPACE',
+    write: String.fromCodePoint('0x2003'),
+    label: ' '
+  }, {
+    unicode: 'U+25E6',
+    description: 'WHITE BULLET',
+    write: '◦',
+    label: '◦'
+  }, {
+    unicode: 'U+00C0',
+    description: 'LATIN CAPITAL LETTER A WITH GRAVE',
+    write: 'À',
+    label: 'À'
+  }, {
+    unicode: 'U+00C8',
+    description: 'LATIN CAPITAL LETTER E WITH GRAVE',
+    write: 'È',
+    label: 'È'
+  }, {
+    unicode: 'U+00CC',
+    description: 'LATIN CAPITAL LETTER I WITH GRAVE',
+    write: 'Ì',
+    label: 'Ì'
+  }, {
+    unicode: 'U+00D2',
+    description: 'LATIN CAPITAL LETTER O WITH GRAVE',
+    write: 'Ò',
+    label: 'Ò'
+  }, {
+    unicode: 'U+00D9',
+    description: 'LATIN CAPITAL LETTER U WITH GRAVE',
+    write: 'Ù',
+    label: 'Ù'
+  }, {
+    unicode: 'U+2014',
+    description: 'EM DASH',
+    write: '—',
+    label: '—'
+  }]]
+};
+var characterIcons = exports.characterIcons = {
+  spanish: 'ñ',
+  special: '€'
+};
+//# sourceMappingURL=utils.js.map