@pie-lib/editable-html 7.22.5 → 8.1.0

package/lib/plugins/characters/utils.js

@@ -0,0 +1,362 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.specialConfig = exports.spanishConfig = exports.characterIcons = void 0;
+var spanishConfig = {
+  characters: [['á', 'é', 'í', 'ó', 'ú'], ['Á', 'É', 'Í', 'Ó', 'Ú'], ['—', '«', '»', 'ñ', 'ü'], ['-', '¿', '¡', 'Ñ', 'Ü']],
+  autoClose: true
+};
+exports.spanishConfig = spanishConfig;
+var 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: '´'
+  }, {
+    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: '^'
+  }, {
+    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+00A0',
+    description: 'NO-BREAK SPACE',
+    write: String.fromCodePoint('0x00A0'),
+    label: ' '
+  }, {
+    unicode: 'U+00A7',
+    description: 'SECTION SIGN',
+    write: '§',
+    label: '§'
+  }, {
+    unicode: 'U+00A8',
+    description: 'DIAERESIS',
+    write: '¨',
+    label: '¨'
+  }, {
+    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+200A',
+    description: 'HAIR SPACE',
+    write: String.fromCodePoint('0x200A'),
+    label: ' '
+  }, {
+    unicode: 'U+2022',
+    description: 'BULLET',
+    write: '•',
+    label: '•'
+  }, {
+    unicode: 'U+0060',
+    description: 'GRAVE ACCENT',
+    write: '`',
+    label: '`'
+  }, {
+    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+0009',
+    description: 'TAB',
+    write: String.fromCodePoint('0x0009'),
+    label: 'TAB'
+  }, {
+    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: '—'
+  }]]
+};
+exports.specialConfig = specialConfig;
+var characterIcons = {
+  spanish: 'ñ',
+  special: '€'
+};
+exports.characterIcons = characterIcons;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/characters/utils.js"],"names":["spanishConfig","characters","autoClose","specialConfig","hasPreview","unicode","description","write","label","String","fromCodePoint","characterIcons","spanish","special"],"mappings":"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","sourcesContent":["export const spanishConfig = {\n  characters: [\n    ['á', 'é', 'í', 'ó', 'ú'],\n    ['Á', 'É', 'Í', 'Ó', 'Ú'],\n    ['—', '«', '»', 'ñ', 'ü'],\n    ['-', '¿', '¡', 'Ñ', 'Ü']\n  ],\n  autoClose: true\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      },\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      },\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+00A0',\n        description: 'NO-BREAK SPACE',\n        write: String.fromCodePoint('0x00A0'),\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      },\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+200A',\n        description: 'HAIR SPACE',\n        write: String.fromCodePoint('0x200A'),\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      },\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+0009',\n        description: 'TAB',\n        write: String.fromCodePoint('0x0009'),\n        label: 'TAB'\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"],"file":"utils.js"}

package/lib/plugins/image/component.js

@@ -88,22 +88,14 @@ var Component = /*#__PURE__*/function (_React$Component) {
       var _this$props = _this.props,
           node = _this$props.node,
           editor = _this$props.editor;
-      var resizePercent = node.data.get('resizePercent');
-      log('[applySizeData]: resizePercent: ', resizePercent);
       var update = node.data;
+      var w = update.get('width');
 
-      if (resizePercent) {
-        update = update.set('width', _this.getWidth(resizePercent));
-        update = update.set('height', _this.getHeight(resizePercent));
-      } else {
-        var w = update.get('width');
-
-        if (w) {
-          update = update.set('resizePercent', _this.getPercentFromWidth(w));
-        }
+      if (w) {
+        update = update.set('resizePercent', _this.getPercentFromWidth(w));
       }
 
-      log('[applySizeData] update: ', update);
+      log("[applySizeData] update: ", update);
 
       if (!update.equals(node.data)) {
         editor.change(function (c) {
@@ -114,6 +106,138 @@ var Component = /*#__PURE__*/function (_React$Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "initialiseResize", function () {
+      window.addEventListener('mousemove', _this.startResizing, false);
+      window.addEventListener('mouseup', _this.stopResizing, false);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "loadImage", function () {
+      var _ref = _this.props || {},
+          maxImageWidth = _ref.maxImageWidth,
+          maxImageHeight = _ref.maxImageHeight;
+
+      maxImageWidth = maxImageWidth || 700;
+      maxImageHeight = maxImageHeight || 900;
+      var box = _this.img; //on first load
+
+      if (!box.style.width || box.style.width === 'auto') {
+        var dimensions = {
+          width: box && box.naturalWidth || 100,
+          height: box && box.naturalHeight || 100
+        };
+
+        var _this$updateImageDime = _this.updateImageDimensions(dimensions, {
+          width: dimensions.width < maxImageWidth ? dimensions.width : maxImageWidth,
+          height: dimensions.height < maxImageHeight ? dimensions.height : maxImageHeight
+        }, true),
+            width = _this$updateImageDime.width,
+            height = _this$updateImageDime.height;
+
+        box.style.width = "".concat(width, "px");
+        box.style.height = "".concat(height, "px");
+
+        _this.setState({
+          dimensions: {
+            height: height,
+            width: width
+          }
+        });
+
+        var _this$props2 = _this.props,
+            node = _this$props2.node,
+            editor = _this$props2.editor;
+        var update = node.data;
+        update = update.set('width', width);
+        update = update.set('height', height);
+
+        if (!update.equals(node.data)) {
+          editor.change(function (c) {
+            return c.setNodeByKey(node.key, {
+              data: update
+            });
+          });
+        }
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "startResizing", function (e) {
+      var bounds = e.target.getBoundingClientRect();
+      var box = _this.img;
+      var dimensions = {
+        width: box && box.naturalWidth || 100,
+        height: box && box.naturalHeight || 100
+      };
+
+      var _this$updateImageDime2 = _this.updateImageDimensions(dimensions, {
+        width: e.clientX - bounds.left,
+        height: e.clientY - bounds.top
+      }, true),
+          width = _this$updateImageDime2.width,
+          height = _this$updateImageDime2.height;
+
+      var hasMinimumWidth = width > 50 && height > 50;
+      var hasDimensionsConstraints = width <= 700 && height <= 900;
+
+      if (hasMinimumWidth && hasDimensionsConstraints && box) {
+        box.style.width = "".concat(width, "px");
+        box.style.height = "".concat(height, "px");
+
+        _this.setState({
+          dimensions: {
+            height: height,
+            width: width
+          }
+        });
+
+        var _this$props3 = _this.props,
+            node = _this$props3.node,
+            editor = _this$props3.editor;
+        var update = node.data;
+        update = update.set('width', width);
+        update = update.set('height', height);
+
+        if (!update.equals(node.data)) {
+          editor.change(function (c) {
+            return c.setNodeByKey(node.key, {
+              data: update
+            });
+          });
+        }
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "stopResizing", function () {
+      window.removeEventListener('mousemove', _this.startResizing, false);
+      window.removeEventListener('mouseup', _this.stopResizing, false);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "updateImageDimensions", function (initialDim, nextDim, keepAspectRatio, resizeType) {
+      // if we want to keep image aspect ratio
+      if (keepAspectRatio) {
+        var imageAspectRatio = initialDim.width / initialDim.height;
+
+        if (resizeType === 'height') {
+          // if we want to change image height => we update the width accordingly
+          return {
+            width: nextDim.height * imageAspectRatio,
+            height: nextDim.height
+          };
+        } // if we want to change image width => we update the height accordingly
+
+
+        return {
+          width: nextDim.width,
+          height: nextDim.width / imageAspectRatio
+        };
+      } // if we don't want to keep aspect ratio, we just update both values
+
+
+      return {
+        width: nextDim.width,
+        height: nextDim.height
+      };
+    });
+
     return _this;
   }
 
@@ -121,6 +245,11 @@ var Component = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       this.applySizeData();
+      var resizeHandle = this.resize;
+
+      if (resizeHandle) {
+        resizeHandle.addEventListener('mousedown', this.initialiseResize, false);
+      }
     }
   }, {
     key: "componentDidUpdate",
@@ -141,12 +270,12 @@ var Component = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props2 = this.props,
-          node = _this$props2.node,
-          editor = _this$props2.editor,
-          classes = _this$props2.classes,
-          attributes = _this$props2.attributes,
-          onFocus = _this$props2.onFocus;
+      var _this$props4 = this.props,
+          node = _this$props4.node,
+          editor = _this$props4.editor,
+          classes = _this$props4.classes,
+          attributes = _this$props4.attributes,
+          onFocus = _this$props4.onFocus;
       var active = editor.value.isFocused && editor.value.selection.hasEdgeIn(node);
       var src = node.data.get('src');
       var percent = node.data.get('percent');
@@ -155,7 +284,7 @@ var Component = /*#__PURE__*/function (_React$Component) {
       log('[render] node.data:', node.data);
       var size = this.getSize(node.data);
       log('[render] style:', size);
-      var className = (0, _classnames["default"])(classes.root, active && classes.active, !loaded && classes.loading, deleteStatus === 'pending' && classes.pendingDelete);
+      var className = (0, _classnames["default"])(classes.root, !loaded && classes.loading, deleteStatus === 'pending' && classes.pendingDelete);
       var progressClasses = (0, _classnames["default"])(classes.progress, loaded && classes.hideProgress);
       return [/*#__PURE__*/_react["default"].createElement("span", {
         key: 'sp1'
@@ -167,13 +296,21 @@ var Component = /*#__PURE__*/function (_React$Component) {
         mode: "determinate",
         value: percent > 0 ? percent : 0,
         className: progressClasses
-      }), /*#__PURE__*/_react["default"].createElement("img", _extends({
-        src: src
-      }, attributes, {
-        ref: function ref(r) {
-          return _this2.img = r;
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.imageContainer
+      }, /*#__PURE__*/_react["default"].createElement("img", _extends({}, attributes, {
+        className: (0, _classnames["default"])(classes.image, active && classes.active),
+        ref: function ref(_ref2) {
+          _this2.img = _ref2;
+        },
+        src: src,
+        style: size,
+        onLoad: this.loadImage
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        ref: function ref(_ref3) {
+          _this2.resize = _ref3;
         },
-        style: size
+        className: (0, _classnames["default"])(classes.resize, 'resize')
       }))), /*#__PURE__*/_react["default"].createElement("span", {
         key: 'sp2'
       }, "\xA0")];
@@ -194,7 +331,9 @@ _defineProperty(Component, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
   attributes: _propTypes["default"].object,
   onFocus: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func
+  onBlur: _propTypes["default"].func,
+  maxImageWidth: _propTypes["default"].number,
+  maxImageHeight: _propTypes["default"].number
 });
 
 var styles = function styles(theme) {
@@ -234,12 +373,34 @@ var styles = function styles(theme) {
       display: 'inline-block',
       transition: 'opacity 200ms linear'
     },
-    active: {
-      border: "solid 1px ".concat(theme.palette.primary.main)
-    },
     "delete": {
       position: 'absolute',
       right: 0
+    },
+    imageContainer: {
+      position: 'relative',
+      width: 'fit-content',
+      display: 'flex',
+      alignItems: 'center',
+      '&&:hover > .resize': {
+        display: 'block'
+      }
+    },
+    active: {
+      border: "solid 1px ".concat(theme.palette.primary.main)
+    },
+    resize: {
+      backgroundColor: theme.palette.primary.main,
+      cursor: 'col-resize',
+      height: '35px',
+      width: '5px',
+      borderRadius: 8,
+      marginLeft: '5px',
+      marginRight: '10px',
+      display: 'none'
+    },
+    drawableHeight: {
+      minHeight: 350
     }
   };
 };