@pie-lib/editable-html-tip-tap 2.1.2-next.31 → 2.1.2-next.36

package/lib/components/characters/characterUtils.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=characterUtils.js.map

package/lib/components/characters/characterUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"characterUtils.js","names":["spanishConfig","exports","characters","specialConfig","hasPreview","unicode","description","write","label","extraProps","style","gridRow","String","fromCodePoint","characterIcons","spanish","special"],"sources":["../../../src/components/characters/characterUtils.js"],"sourcesContent":["export const spanishConfig = {\n  characters: [\n    ['á', 'é', 'í', 'ó', 'ú'],\n    ['Á', 'É', 'Í', 'Ó', 'Ú'],\n    ['—', '«', '»', 'ñ', 'ü'],\n    ['-', '¿', '¡', 'Ñ', 'Ü'],\n  ],\n};\n\nexport const specialConfig = {\n  hasPreview: true,\n  characters: [\n    [\n      {\n        unicode: 'U+00A2',\n        description: 'CENT SIGN',\n        write: '¢',\n        label: '¢',\n      },\n      {\n        unicode: 'U+00BF',\n        description: 'INVERTED QUESTION MARK',\n        write: '¿',\n        label: '¿',\n      },\n      {\n        unicode: 'U+00B4',\n        description: 'ACUTE ACCENT',\n        write: '´',\n        label: '´',\n        extraProps: { style: { gridRow: 'span 2' } },\n      },\n      {\n        unicode: 'U+00E1',\n        description: 'LATIN SMALL LETTER A WITH ACUTE',\n        write: 'á',\n        label: 'á',\n      },\n      {\n        unicode: 'U+00E9',\n        description: 'LATIN SMALL LETTER E WITH ACUTE',\n        write: 'é',\n        label: 'é',\n      },\n      {\n        unicode: 'U+00ED',\n        description: 'LATIN SMALL LETTER I WITH ACUTE',\n        write: 'í',\n        label: 'í',\n      },\n      {\n        unicode: 'U+00F3',\n        description: 'LATIN SMALL LETTER O WITH ACUTE',\n        write: 'ó',\n        label: 'ó',\n      },\n      {\n        unicode: 'U+00FA',\n        description: 'LATIN SMALL LETTER U WITH ACUTE',\n        write: 'ú',\n        label: 'ú',\n      },\n      {\n        unicode: 'U+00F1',\n        description: 'LATIN SMALL LETTER N WITH TILDE',\n        write: 'ñ',\n        label: 'ñ',\n      },\n    ],\n    [\n      {\n        unicode: 'U+20AC',\n        description: 'EURO SIGN',\n        write: '€',\n        label: '€',\n      },\n      {\n        unicode: 'U+00A1',\n        description: 'INVERTED EXCLAMATION MARK',\n        write: '¡',\n        label: '¡',\n      },\n      {\n        unicode: 'U+00C1',\n        description: 'LATIN CAPITAL LETTER A WITH ACUTE',\n        write: 'Á',\n        label: 'Á',\n      },\n      {\n        unicode: 'U+00C9',\n        description: 'LATIN CAPITAL LETTER E WITH ACUTE',\n        write: 'É',\n        label: 'É',\n      },\n      {\n        unicode: 'U+00CD',\n        description: 'LATIN CAPITAL LETTER I WITH ACUTE',\n        write: 'Í',\n        label: 'Í',\n      },\n      {\n        unicode: 'U+00D3',\n        description: 'LATIN CAPITAL LETTER O WITH ACUTE',\n        write: 'Ó',\n        label: 'Ó',\n      },\n      {\n        unicode: 'U+00DA',\n        description: 'LATIN CAPITAL LETTER U WITH ACUTE',\n        write: 'Ú',\n        label: 'Ú',\n      },\n      {\n        unicode: 'U+00D1',\n        description: 'LATIN CAPITAL LETTER N WITH TILDE',\n        write: 'Ñ',\n        label: 'Ñ',\n      },\n    ],\n    [\n      {\n        unicode: 'U+00A3',\n        description: 'POUND SIGN',\n        write: '£',\n        label: '£',\n      },\n      {\n        unicode: 'U+00AB',\n        description: 'LEFT-POINTING DOUBLE ANGLE QUOTATION MARK',\n        write: '«',\n        label: '«',\n      },\n      {\n        unicode: 'U+005E',\n        description: 'CIRCUMFLEX ACCENT',\n        write: '^',\n        label: '^',\n        extraProps: { style: { gridRow: 'span 2' } },\n      },\n      {\n        unicode: 'U+00E2',\n        description: 'LATIN SMALL LETTER A WITH CIRCUMFLEX',\n        write: 'â',\n        label: 'â',\n      },\n      {\n        unicode: 'U+00EA',\n        description: 'LATIN SMALL LETTER E WITH CIRCUMFLEX',\n        write: 'ê',\n        label: 'ê',\n      },\n      {\n        unicode: 'U+00EE',\n        description: 'LATIN SMALL LETTER I WITH CIRCUMFLEX',\n        write: 'î',\n        label: 'î',\n      },\n      {\n        unicode: 'U+00F4',\n        description: 'LATIN SMALL LETTER O WITH CIRCUMFLEX',\n        write: 'ô',\n        label: 'ô',\n      },\n      {\n        unicode: 'U+00FB',\n        description: 'LATIN SMALL LETTER U WITH CIRCUMFLEX',\n        write: 'û',\n        label: 'û',\n      },\n      {\n        unicode: 'U+00E7',\n        description: 'LATIN SMALL LETTER C WITH CEDILLA',\n        write: 'ç',\n        label: 'ç',\n      },\n    ],\n    [\n      {\n        unicode: 'U+00A5',\n        description: 'YEN SIGN',\n        write: '¥',\n        label: '¥',\n      },\n      {\n        unicode: 'U+00BB',\n        description: 'RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK',\n        write: '»',\n        label: '»',\n      },\n      {\n        unicode: 'U+00C2',\n        description: 'LATIN CAPITAL LETTER A WITH CIRCUMFLEX',\n        write: 'Â',\n        label: 'Â',\n      },\n      {\n        unicode: 'U+00CA',\n        description: 'LATIN CAPITAL LETTER E WITH CIRCUMFLEX',\n        write: 'Ê',\n        label: 'Ê',\n      },\n      {\n        unicode: 'U+00CE',\n        description: 'LATIN CAPITAL LETTER I WITH CIRCUMFLEX',\n        write: 'Î',\n        label: 'Î',\n      },\n      {\n        unicode: 'U+00D4',\n        description: 'LATIN CAPITAL LETTER O WITH CIRCUMFLEX',\n        write: 'Ô',\n        label: 'Ô',\n      },\n      {\n        unicode: 'U+00DB',\n        description: 'LATIN CAPITAL LETTER U WITH CIRCUMFLEX',\n        write: 'Û',\n        label: 'Û',\n      },\n      {\n        unicode: 'U+00C7',\n        description: 'LATIN CAPITAL LETTER C WITH CEDILLA',\n        write: 'Ç',\n        label: 'Ç',\n      },\n    ],\n    [\n      {\n        unicode: 'U+200A',\n        description: 'HAIR SPACE',\n        write: String.fromCodePoint('0x200A'),\n        label: ' ',\n      },\n      {\n        unicode: 'U+00A7',\n        description: 'SECTION SIGN',\n        write: '§',\n        label: '§',\n      },\n      {\n        unicode: 'U+00A8',\n        description: 'DIAERESIS',\n        write: '¨',\n        label: '¨',\n        extraProps: { style: { gridRow: 'span 2' } },\n      },\n      {\n        unicode: 'U+00E4',\n        description: 'LATIN SMALL LETTER A WITH DIAERESIS',\n        write: 'ä',\n        label: 'ä',\n      },\n      {\n        unicode: 'U+00EB',\n        description: 'LATIN SMALL LETTER E WITH DIAERESIS',\n        write: 'ë',\n        label: 'ë',\n      },\n      {\n        unicode: 'U+00EF',\n        description: 'LATIN SMALL LETTER I WITH DIAERESIS',\n        write: 'ï',\n        label: 'ï',\n      },\n      {\n        unicode: 'U+00F6',\n        description: 'LATIN SMALL LETTER O WITH DIAERESIS',\n        write: 'ö',\n        label: 'ö',\n      },\n      {\n        unicode: 'U+00FC',\n        description: 'LATIN SMALL LETTER U WITH DIAERESIS',\n        write: 'ü',\n        label: 'ü',\n      },\n      {\n        unicode: 'U+00DF',\n        description: 'LATIN SMALL LETTER SHARP S',\n        write: 'ß',\n        label: 'ß',\n      },\n    ],\n    [\n      {\n        unicode: 'U+2009',\n        description: 'THIN SPACE',\n        write: String.fromCodePoint('0x2009'),\n        label: ' ',\n      },\n      {\n        unicode: 'U+2026',\n        description: 'HORIZONTAL ELLIPSIS',\n        write: '…',\n        label: '…',\n      },\n      {\n        unicode: 'U+00C4',\n        description: 'LATIN CAPITAL LETTER A WITH DIAERESIS',\n        write: 'Ä',\n        label: 'Ä',\n      },\n      {\n        unicode: 'U+00CB',\n        description: 'LATIN CAPITAL LETTER E WITH DIAERESIS',\n        write: 'Ë',\n        label: 'Ë',\n      },\n      {\n        unicode: 'U+00CF',\n        description: 'LATIN CAPITAL LETTER I WITH DIAERESIS',\n        write: 'Ï',\n        label: 'Ï',\n      },\n      {\n        unicode: 'U+00D6',\n        description: 'LATIN CAPITAL LETTER O WITH DIAERESIS',\n        write: 'Ö',\n        label: 'Ö',\n      },\n      {\n        unicode: 'U+00DC',\n        description: 'LATIN CAPITAL LETTER U WITH DIAERESIS',\n        write: 'Ü',\n        label: 'Ü',\n      },\n      {\n        unicode: 'U+2212',\n        description: 'MINUS SIGN',\n        write: '−',\n        label: '−',\n      },\n    ],\n    [\n      {\n        unicode: 'U+00A0',\n        description: 'NO-BREAK SPACE',\n        write: String.fromCodePoint('0x00A0'),\n        label: ' ',\n      },\n      {\n        unicode: 'U+2022',\n        description: 'BULLET',\n        write: '•',\n        label: '•',\n      },\n      {\n        unicode: 'U+0060',\n        description: 'GRAVE ACCENT',\n        write: '`',\n        label: '`',\n        extraProps: { style: { gridRow: 'span 2' } },\n      },\n      {\n        unicode: 'U+00E0',\n        description: 'LATIN SMALL LETTER A WITH GRAVE',\n        write: 'à',\n        label: 'à',\n      },\n      {\n        unicode: 'U+00E8',\n        description: 'LATIN SMALL LETTER E WITH GRAVE',\n        write: 'è',\n        label: 'è',\n      },\n      {\n        unicode: 'U+00EC',\n        description: 'LATIN SMALL LETTER I WITH GRAVE',\n        write: 'ì',\n        label: 'ì',\n      },\n      {\n        unicode: 'U+00F2',\n        description: 'LATIN SMALL LETTER O WITH GRAVE',\n        write: 'ò',\n        label: 'ò',\n      },\n      {\n        unicode: 'U+00F9',\n        description: 'LATIN SMALL LETTER U WITH GRAVE',\n        write: 'ù',\n        label: 'ù',\n      },\n      {\n        unicode: 'U+2013',\n        description: 'EN DASH',\n        write: '–',\n        label: '–',\n      },\n    ],\n    [\n      {\n        unicode: 'U+2003',\n        description: 'EM SPACE',\n        write: String.fromCodePoint('0x2003'),\n        label: ' ',\n      },\n      {\n        unicode: 'U+25E6',\n        description: 'WHITE BULLET',\n        write: '◦',\n        label: '◦',\n      },\n      {\n        unicode: 'U+00C0',\n        description: 'LATIN CAPITAL LETTER A WITH GRAVE',\n        write: 'À',\n        label: 'À',\n      },\n      {\n        unicode: 'U+00C8',\n        description: 'LATIN CAPITAL LETTER E WITH GRAVE',\n        write: 'È',\n        label: 'È',\n      },\n      {\n        unicode: 'U+00CC',\n        description: 'LATIN CAPITAL LETTER I WITH GRAVE',\n        write: 'Ì',\n        label: 'Ì',\n      },\n      {\n        unicode: 'U+00D2',\n        description: 'LATIN CAPITAL LETTER O WITH GRAVE',\n        write: 'Ò',\n        label: 'Ò',\n      },\n      {\n        unicode: 'U+00D9',\n        description: 'LATIN CAPITAL LETTER U WITH GRAVE',\n        write: 'Ù',\n        label: 'Ù',\n      },\n      {\n        unicode: 'U+2014',\n        description: 'EM DASH',\n        write: '—',\n        label: '—',\n      },\n    ],\n  ],\n};\n\nexport const characterIcons = {\n  spanish: 'ñ',\n  special: '€',\n};\n"],"mappings":";;;;;;AAAO,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,UAAU,EAAE,CACV,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACzB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACzB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACzB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AAE7B,CAAC;AAEM,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG;EAC3BC,UAAU,EAAE,IAAI;EAChBF,UAAU,EAAE,CACV,CACE;IACEG,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,WAAW;IACxBC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,wBAAwB;IACrCC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,cAAc;IAC3BC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE,GAAG;IACVC,UAAU,EAAE;MAAEC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAS;IAAE;EAC7C,CAAC,EACD;IACEN,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CACE;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,WAAW;IACxBC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,2BAA2B;IACxCC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CACE;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,YAAY;IACzBC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,2CAA2C;IACxDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mBAAmB;IAChCC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE,GAAG;IACVC,UAAU,EAAE;MAAEC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAS;IAAE;EAC7C,CAAC,EACD;IACEN,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,sCAAsC;IACnDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,sCAAsC;IACnDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,sCAAsC;IACnDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,sCAAsC;IACnDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,sCAAsC;IACnDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CACE;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,UAAU;IACvBC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,4CAA4C;IACzDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,wCAAwC;IACrDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,wCAAwC;IACrDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,wCAAwC;IACrDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,wCAAwC;IACrDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,wCAAwC;IACrDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,qCAAqC;IAClDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CACE;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,YAAY;IACzBC,KAAK,EAAEK,MAAM,CAACC,aAAa,CAAC,QAAQ,CAAC;IACrCL,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,cAAc;IAC3BC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,WAAW;IACxBC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE,GAAG;IACVC,UAAU,EAAE;MAAEC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAS;IAAE;EAC7C,CAAC,EACD;IACEN,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,qCAAqC;IAClDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,qCAAqC;IAClDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,qCAAqC;IAClDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,qCAAqC;IAClDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,qCAAqC;IAClDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,4BAA4B;IACzCC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CACE;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,YAAY;IACzBC,KAAK,EAAEK,MAAM,CAACC,aAAa,CAAC,QAAQ,CAAC;IACrCL,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,qBAAqB;IAClCC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,uCAAuC;IACpDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,uCAAuC;IACpDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,uCAAuC;IACpDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,uCAAuC;IACpDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,uCAAuC;IACpDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,YAAY;IACzBC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CACE;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,gBAAgB;IAC7BC,KAAK,EAAEK,MAAM,CAACC,aAAa,CAAC,QAAQ,CAAC;IACrCL,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,QAAQ;IACrBC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,cAAc;IAC3BC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE,GAAG;IACVC,UAAU,EAAE;MAAEC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAS;IAAE;EAC7C,CAAC,EACD;IACEN,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CACE;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,UAAU;IACvBC,KAAK,EAAEK,MAAM,CAACC,aAAa,CAAC,QAAQ,CAAC;IACrCL,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,cAAc;IAC3BC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,EACD;IACEH,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE;EACT,CAAC,CACF;AAEL,CAAC;AAEM,IAAMM,cAAc,GAAAb,OAAA,CAAAa,cAAA,GAAG;EAC5BC,OAAO,EAAE,GAAG;EACZC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}

package/lib/components/characters/custom-popper.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _excluded = ["children"];
+var StyledPopper = (0, _styles.styled)(_Popper["default"])({
+  background: '#fff',
+  padding: '10px',
+  pointerEvents: 'none',
+  zIndex: 99999
+});
+var StyledTypography = (0, _styles.styled)(_Typography["default"])({
+  fontSize: 50,
+  textAlign: 'center'
+});
+var CustomPopper = function CustomPopper(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(StyledPopper, (0, _extends2["default"])({
+    id: "mouse-over-popover",
+    open: true,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    transformOrigin: {
+      vertical: 'top',
+      horizontal: 'left'
+    },
+    disableRestoreFocus: true,
+    disableAutoFocus: true
+  }, props), /*#__PURE__*/_react["default"].createElement(StyledTypography, null, children));
+};
+var _default = exports["default"] = CustomPopper;
+//# sourceMappingURL=custom-popper.js.map

package/lib/components/characters/custom-popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-popper.js","names":["_react","_interopRequireDefault","require","_styles","_Popper","_Typography","_excluded","StyledPopper","styled","Popper","background","padding","pointerEvents","zIndex","StyledTypography","Typography","fontSize","textAlign","CustomPopper","_ref","children","props","_objectWithoutProperties2","createElement","_extends2","id","open","anchorOrigin","vertical","horizontal","transformOrigin","disableRestoreFocus","disableAutoFocus","_default","exports"],"sources":["../../../src/components/characters/custom-popper.js"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Popper from '@mui/material/Popper';\nimport Typography from '@mui/material/Typography';\n\nconst StyledPopper = styled(Popper)({\n  background: '#fff',\n  padding: '10px',\n  pointerEvents: 'none',\n  zIndex: 99999,\n});\n\nconst StyledTypography = styled(Typography)({\n  fontSize: 50,\n  textAlign: 'center',\n});\n\nconst CustomPopper = ({ children, ...props }) => (\n  <StyledPopper\n    id=\"mouse-over-popover\"\n    open\n    anchorOrigin={{\n      vertical: 'bottom',\n      horizontal: 'left',\n    }}\n    transformOrigin={{\n      vertical: 'top',\n      horizontal: 'left',\n    }}\n    disableRestoreFocus\n    disableAutoFocus\n    {...props}\n  >\n    <StyledTypography>{children}</StyledTypography>\n  </StyledPopper>\n);\n\nexport default CustomPopper;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkD,IAAAI,SAAA;AAElD,IAAMC,YAAY,GAAG,IAAAC,cAAM,EAACC,kBAAM,CAAC,CAAC;EAClCC,UAAU,EAAE,MAAM;EAClBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,MAAM;EACrBC,MAAM,EAAE;AACV,CAAC,CAAC;AAEF,IAAMC,gBAAgB,GAAG,IAAAN,cAAM,EAACO,sBAAU,CAAC,CAAC;EAC1CC,QAAQ,EAAE,EAAE;EACZC,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,aAAAH,IAAA,EAAAb,SAAA;EAAA,oBACxCN,MAAA,YAAAuB,aAAA,CAAChB,YAAY,MAAAiB,SAAA;IACXC,EAAE,EAAC,oBAAoB;IACvBC,IAAI;IACJC,YAAY,EAAE;MACZC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE;IACd,CAAE;IACFC,eAAe,EAAE;MACfF,QAAQ,EAAE,KAAK;MACfC,UAAU,EAAE;IACd,CAAE;IACFE,mBAAmB;IACnBC,gBAAgB;EAAA,GACZX,KAAK,gBAETrB,MAAA,YAAAuB,aAAA,CAACT,gBAAgB,QAAEM,QAA2B,CAClC,CAAC;AAAA,CAChB;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAEahB,YAAY","ignoreList":[]}

package/lib/components/common/done-button.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RawDoneButton = exports.DoneButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _styles = require("@mui/material/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var StyledIconButton = (0, _styles.styled)(_IconButton["default"])({
+  verticalAlign: 'top',
+  width: '28px',
+  height: '28px',
+  color: 'var(--editable-html-toolbar-check, #00bb00)',
+  padding: '4px'
+});
+var RawDoneButton = exports.RawDoneButton = function RawDoneButton(_ref) {
+  var onClick = _ref.onClick,
+    doneButtonRef = _ref.doneButtonRef;
+  return /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
+    "aria-label": "Done",
+    buttonRef: doneButtonRef,
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null));
+};
+RawDoneButton.propTypes = {
+  onClick: _propTypes["default"].func,
+  doneButtonRef: _propTypes["default"].func
+};
+var DoneButton = exports.DoneButton = RawDoneButton;
+//# sourceMappingURL=done-button.js.map

package/lib/components/common/done-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"done-button.js","names":["_react","_interopRequireDefault","require","_IconButton","_Check","_styles","_propTypes","StyledIconButton","styled","IconButton","verticalAlign","width","height","color","padding","RawDoneButton","exports","_ref","onClick","doneButtonRef","createElement","buttonRef","propTypes","PropTypes","func","DoneButton"],"sources":["../../../src/components/common/done-button.jsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport Check from '@mui/icons-material/Check';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\n\nconst StyledIconButton = styled(IconButton)({\n  verticalAlign: 'top',\n  width: '28px',\n  height: '28px',\n  color: 'var(--editable-html-toolbar-check, #00bb00)',\n  padding: '4px',\n});\n\nexport const RawDoneButton = ({ onClick, doneButtonRef }) => (\n  <StyledIconButton aria-label=\"Done\" buttonRef={doneButtonRef} onClick={onClick}>\n    <Check />\n  </StyledIconButton>\n);\n\nRawDoneButton.propTypes = {\n  onClick: PropTypes.func,\n  doneButtonRef: PropTypes.func,\n};\n\nexport const DoneButton = RawDoneButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,gBAAgB,GAAG,IAAAC,cAAM,EAACC,sBAAU,CAAC,CAAC;EAC1CC,aAAa,EAAE,KAAK;EACpBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE,6CAA6C;EACpDC,OAAO,EAAE;AACX,CAAC,CAAC;AAEK,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA;EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EAAA,oBACpDnB,MAAA,YAAAoB,aAAA,CAACb,gBAAgB;IAAC,cAAW,MAAM;IAACc,SAAS,EAAEF,aAAc;IAACD,OAAO,EAAEA;EAAQ,gBAC7ElB,MAAA,YAAAoB,aAAA,CAAChB,MAAA,WAAK,MAAE,CACQ,CAAC;AAAA,CACpB;AAEDW,aAAa,CAACO,SAAS,GAAG;EACxBJ,OAAO,EAAEK,qBAAS,CAACC,IAAI;EACvBL,aAAa,EAAEI,qBAAS,CAACC;AAC3B,CAAC;AAEM,IAAMC,UAAU,GAAAT,OAAA,CAAAS,UAAA,GAAGV,aAAa","ignoreList":[]}

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

@@ -0,0 +1,144 @@
+"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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _debug = _interopRequireDefault(require("debug"));
+var _styles = require("@mui/material/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 StyledButton = (0, _styles.styled)('button', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['active', 'disabled', 'extraStyles'].includes(prop);
+  }
+})(function (_ref) {
+  var theme = _ref.theme,
+    active = _ref.active,
+    disabled = _ref.disabled;
+  return _objectSpread({
+    color: active ? 'black' : 'grey',
+    display: 'inline-flex',
+    padding: '2px',
+    background: 'none',
+    border: 'none',
+    cursor: disabled ? 'not-allowed' : 'pointer',
+    '&:hover': {
+      color: disabled ? 'grey' : 'black'
+    },
+    '&:focus': {
+      outline: "2px solid ".concat(theme.palette.grey[700])
+    }
+  }, disabled && {
+    opacity: 0.7
+  });
+});
+var log = (0, _debug["default"])('pie-elements:editable-html:raw-button');
+var RawButton = exports.RawButton = /*#__PURE__*/function (_React$Component) {
+  function RawButton(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RawButton);
+    _this = _callSuper(this, RawButton, [props]);
+    (0, _defineProperty2["default"])(_this, "onClick", function (e) {
+      log('[onClick]');
+      e.preventDefault();
+      var onClick = _this.props.onClick;
+      onClick(e);
+    });
+    (0, _defineProperty2["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, _inherits2["default"])(RawButton, _React$Component);
+  return (0, _createClass2["default"])(RawButton, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        active = _this$props.active,
+        children = _this$props.children,
+        disabled = _this$props.disabled,
+        extraStyles = _this$props.extraStyles,
+        ariaLabel = _this$props.ariaLabel;
+      return /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        style: extraStyles,
+        active: active,
+        disabled: disabled,
+        onMouseDown: this.onClick,
+        onKeyDown: this.onKeyDown,
+        "aria-label": ariaLabel,
+        "aria-pressed": active,
+        tabIndex: 0
+      }, children);
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawButton, "propTypes", {
+  onClick: _propTypes["default"].func.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 = exports.Button = RawButton;
+var RawMarkButton = exports.RawMarkButton = /*#__PURE__*/function (_React$Component2) {
+  function RawMarkButton(props) {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, RawMarkButton);
+    _this2 = _callSuper(this, RawMarkButton, [props]);
+    (0, _defineProperty2["default"])(_this2, "onToggle", function (e) {
+      e.preventDefault();
+      _this2.props.onToggle(_this2.props.mark);
+    });
+    (0, _defineProperty2["default"])(_this2, "onKeyDown", function (e) {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        _this2.props.onToggle(_this2.props.mark);
+      }
+    });
+    return _this2;
+  }
+  (0, _inherits2["default"])(RawMarkButton, _React$Component2);
+  return (0, _createClass2["default"])(RawMarkButton, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        children = _this$props2.children,
+        active = _this$props2.active,
+        label = _this$props2.label;
+      return /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        active: active,
+        onMouseDown: this.onToggle,
+        "aria-pressed": active,
+        onKeyDown: this.onKeyDown,
+        "aria-label": label,
+        tabIndex: 0
+      }, children);
+    }
+  }]);
+}(_react["default"].Component);
+(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,
+  active: _propTypes["default"].bool
+});
+var MarkButton = exports.MarkButton = RawMarkButton;
+//# sourceMappingURL=toolbar-buttons.js.map