@contentful/field-editor-markdown 1.9.5 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/cjs/MarkdownEditor.js +12 -12
  2. package/dist/cjs/components/HeadingSelector.js +3 -3
  3. package/dist/cjs/components/InsertLinkSelector.js +9 -9
  4. package/dist/cjs/components/MarkdownBottomBar.js +10 -10
  5. package/dist/cjs/components/MarkdownConstraints.js +3 -3
  6. package/dist/cjs/components/MarkdownPreview.js +6 -6
  7. package/dist/cjs/components/MarkdownPreviewSkeleton.js +2 -2
  8. package/dist/cjs/components/MarkdownTabs.js +4 -4
  9. package/dist/cjs/components/MarkdownTextarea/MarkdownTextarea.js +2 -2
  10. package/dist/cjs/components/MarkdownToolbar.js +59 -59
  11. package/dist/cjs/components/icons.js +30 -30
  12. package/dist/cjs/dialogs/CheatsheetModalDialog.js +45 -45
  13. package/dist/cjs/dialogs/ConfirmInsertAssetModalDialog.js +4 -4
  14. package/dist/cjs/dialogs/EmdebExternalContentDialog.js +15 -15
  15. package/dist/cjs/dialogs/InsertLinkModalDialog.js +10 -10
  16. package/dist/cjs/dialogs/InsertTableModalDialog.js +7 -7
  17. package/dist/cjs/dialogs/SpecialCharacterModalDialog.js +10 -10
  18. package/dist/cjs/dialogs/ZenModeModalDialog.js +17 -17
  19. package/dist/cjs/dialogs/openMarkdownDialog.js +7 -7
  20. package/dist/cjs/dialogs/renderMarkdownDialog.js +8 -8
  21. package/dist/cjs/types.js +3 -3
  22. package/dist/esm/MarkdownEditor.js +12 -12
  23. package/dist/esm/components/HeadingSelector.js +3 -3
  24. package/dist/esm/components/InsertLinkSelector.js +9 -9
  25. package/dist/esm/components/MarkdownBottomBar.js +10 -10
  26. package/dist/esm/components/MarkdownConstraints.js +3 -3
  27. package/dist/esm/components/MarkdownPreview.js +6 -6
  28. package/dist/esm/components/MarkdownPreviewSkeleton.js +2 -2
  29. package/dist/esm/components/MarkdownTabs.js +4 -4
  30. package/dist/esm/components/MarkdownTextarea/MarkdownTextarea.js +2 -2
  31. package/dist/esm/components/MarkdownToolbar.js +59 -59
  32. package/dist/esm/components/icons.js +30 -30
  33. package/dist/esm/dialogs/CheatsheetModalDialog.js +45 -45
  34. package/dist/esm/dialogs/ConfirmInsertAssetModalDialog.js +4 -4
  35. package/dist/esm/dialogs/EmdebExternalContentDialog.js +15 -15
  36. package/dist/esm/dialogs/InsertLinkModalDialog.js +10 -10
  37. package/dist/esm/dialogs/InsertTableModalDialog.js +7 -7
  38. package/dist/esm/dialogs/SpecialCharacterModalDialog.js +10 -10
  39. package/dist/esm/dialogs/ZenModeModalDialog.js +17 -17
  40. package/dist/esm/dialogs/openMarkdownDialog.js +7 -7
  41. package/dist/esm/dialogs/renderMarkdownDialog.js +8 -8
  42. package/dist/esm/types.js +3 -3
  43. package/package.json +6 -4
@@ -93,103 +93,103 @@ const srOnly = (0, _emotion.css)({
93
93
  clip: 'rect(0, 0, 0, 0)',
94
94
  border: '0'
95
95
  });
96
- const Zen = ({ label, ...rest })=>_react.createElement("svg", {
96
+ const Zen = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
97
97
  width: 14,
98
98
  height: 14,
99
99
  viewBox: "0 0 1792 1792",
100
100
  ...rest
101
- }, _react.createElement("path", {
101
+ }, /*#__PURE__*/ _react.createElement("path", {
102
102
  d: "M1411 541l-355 355 355 355 144-144q29-31 70-14 39 17 39 59v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l144-144-355-355-355 355 144 144q31 30 14 69-17 40-59 40H192q-26 0-45-19t-19-45v-448q0-42 40-59 39-17 69 14l144 144 355-355-355-355-144 144q-19 19-45 19-12 0-24-5-40-17-40-59V192q0-26 19-45t45-19h448q42 0 59 40 17 39-14 69L541 381l355 355 355-355-144-144q-31-30-14-69 17-40 59-40h448q26 0 45 19t19 45v448q0 42-39 59-13 5-25 5-26 0-45-19z"
103
- }), _react.createElement("span", {
103
+ }), /*#__PURE__*/ _react.createElement("span", {
104
104
  className: srOnly
105
105
  }, label));
106
- const Strikethrough = ({ label, ...rest })=>_react.createElement("svg", {
106
+ const Strikethrough = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
107
107
  width: 14,
108
108
  height: 14,
109
109
  viewBox: "0 0 1792 1792",
110
110
  ...rest
111
- }, _react.createElement("path", {
111
+ }, /*#__PURE__*/ _react.createElement("path", {
112
112
  d: "M1760 896q14 0 23 9t9 23v64q0 14-9 23t-23 9H32q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h1728zM483 832q-28-35-51-80-48-98-48-188 0-181 134-309 133-127 393-127 50 0 167 19 66 12 177 48 10 38 21 118 14 123 14 183 0 18-5 45l-12 3-84-6-14-2q-50-149-103-205-88-91-210-91-114 0-182 59-67 58-67 146 0 73 66 140t279 129q69 20 173 66 58 28 95 52H483zm507 256h411q7 39 7 92 0 111-41 212-23 56-71 104-37 35-109 81-80 48-153 66-80 21-203 21-114 0-195-23l-140-40q-57-16-72-28-8-8-8-22v-13q0-108-2-156-1-30 0-68l2-37v-44l102-2q15 34 30 71t22.5 56 12.5 27q35 57 80 94 43 36 105 57 59 22 132 22 64 0 139-27 77-26 122-86 47-61 47-129 0-84-81-157-34-29-137-71z"
113
- }), _react.createElement("span", {
113
+ }), /*#__PURE__*/ _react.createElement("span", {
114
114
  className: srOnly
115
115
  }, label));
116
- const Indent = ({ label, ...rest })=>_react.createElement("svg", {
116
+ const Indent = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
117
117
  width: 14,
118
118
  height: 14,
119
119
  viewBox: "0 0 1792 1792",
120
120
  ...rest
121
- }, _react.createElement("path", {
121
+ }, /*#__PURE__*/ _react.createElement("path", {
122
122
  d: "M352 832q0 14-9 23L55 1143q-9 9-23 9-13 0-22.5-9.5T0 1120V544q0-13 9.5-22.5T32 512q14 0 23 9l288 288q9 9 9 23zm1440 480v192q0 13-9.5 22.5t-22.5 9.5H32q-13 0-22.5-9.5T0 1504v-192q0-13 9.5-22.5T32 1280h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5H672q-13 0-22.5-9.5T640 1120V928q0-13 9.5-22.5T672 896h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 768H672q-13 0-22.5-9.5T640 736V544q0-13 9.5-22.5T672 512h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 384H32q-13 0-22.5-9.5T0 352V160q0-13 9.5-22.5T32 128h1728q13 0 22.5 9.5t9.5 22.5z"
123
- }), _react.createElement("span", {
123
+ }), /*#__PURE__*/ _react.createElement("span", {
124
124
  className: srOnly
125
125
  }, label));
126
- const Dedent = ({ label, ...rest })=>_react.createElement("svg", {
126
+ const Dedent = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
127
127
  width: 14,
128
128
  height: 14,
129
129
  viewBox: "0 0 1792 1792",
130
130
  ...rest
131
- }, _react.createElement("path", {
131
+ }, /*#__PURE__*/ _react.createElement("path", {
132
132
  d: "M384 544v576q0 13-9.5 22.5T352 1152q-14 0-23-9L41 855q-9-9-9-23t9-23l288-288q9-9 23-9 13 0 22.5 9.5T384 544zm1408 768v192q0 13-9.5 22.5t-22.5 9.5H32q-13 0-22.5-9.5T0 1504v-192q0-13 9.5-22.5T32 1280h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5H672q-13 0-22.5-9.5T640 1120V928q0-13 9.5-22.5T672 896h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 768H672q-13 0-22.5-9.5T640 736V544q0-13 9.5-22.5T672 512h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 384H32q-13 0-22.5-9.5T0 352V160q0-13 9.5-22.5T32 128h1728q13 0 22.5 9.5t9.5 22.5z"
133
- }), _react.createElement("span", {
133
+ }), /*#__PURE__*/ _react.createElement("span", {
134
134
  className: srOnly
135
135
  }, label));
136
- const Cubes = ({ label, ...rest })=>_react.createElement("svg", {
136
+ const Cubes = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
137
137
  width: 18,
138
138
  height: 14,
139
139
  viewBox: "0 0 2304 1792",
140
140
  ...rest
141
- }, _react.createElement("path", {
141
+ }, /*#__PURE__*/ _react.createElement("path", {
142
142
  d: "M640 1632l384-192v-314l-384 164v342zm-64-454l404-173-404-173-404 173zm1088 454l384-192v-314l-384 164v342zm-64-454l404-173-404-173-404 173zm-448-293l384-165V454l-384 164v267zm-64-379l441-189-441-189-441 189zm1088 518v416q0 36-19 67t-52 47l-448 224q-25 14-57 14t-57-14l-448-224q-4-2-7-4-2 2-7 4l-448 224q-25 14-57 14t-57-14L71 1554q-33-16-52-47t-19-67v-416q0-38 21.5-70T78 906l434-186V320q0-38 21.5-70t56.5-48l448-192q23-10 50-10t50 10l448 192q35 16 56.5 48t21.5 70v400l434 186q36 16 57 48t21 70z"
143
- }), _react.createElement("span", {
143
+ }), /*#__PURE__*/ _react.createElement("span", {
144
144
  className: srOnly
145
145
  }, label));
146
- const Table = ({ label, ...rest })=>_react.createElement("svg", {
146
+ const Table = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
147
147
  width: 14,
148
148
  height: 14,
149
149
  viewBox: "0 0 1792 1792",
150
150
  ...rest
151
- }, _react.createElement("path", {
151
+ }, /*#__PURE__*/ _react.createElement("path", {
152
152
  d: "M576 1376v-192q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V800q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zM576 608V416q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm-512-768V416q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V416q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm128-320v1088q0 66-47 113t-113 47H224q-66 0-113-47t-47-113V288q0-66 47-113t113-47h1344q66 0 113 47t47 113z"
153
- }), _react.createElement("span", {
153
+ }), /*#__PURE__*/ _react.createElement("span", {
154
154
  className: srOnly
155
155
  }, label));
156
- const SpecialChar = ({ label, ...rest })=>_react.createElement("svg", {
156
+ const SpecialChar = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
157
157
  width: 14,
158
158
  height: 14,
159
159
  viewBox: "0 0 1792 1792",
160
160
  ...rest
161
- }, _react.createElement("path", {
161
+ }, /*#__PURE__*/ _react.createElement("path", {
162
162
  d: "M1360 1307l35 159q3 12-3 22.5t-17 14.5l-5 1q-4 2-10.5 3.5t-16 4.5-21.5 5.5-25.5 5-30 5-33.5 4.5-36.5 3-38.5 1q-234 0-409-130.5T511 1054h-95q-13 0-22.5-9.5T384 1022V909q0-13 9.5-22.5T416 877h66q-2-57 1-105h-67q-14 0-23-9t-9-23V626q0-14 9-23t23-9h98q67-210 243.5-338T1158 128q102 0 194 23 11 3 20 15 6 11 3 24l-43 159q-3 13-14 19.5t-24 2.5l-4-1q-4-1-11.5-2.5L1261 364l-22.5-3.5-26-3-29-2.5-29.5-1q-126 0-226 64T778 594h468q16 0 25 12 10 12 7 26l-24 114q-5 26-32 26H734q-3 37 0 105h459q15 0 25 12 9 12 6 27l-24 112q-2 11-11 18.5t-20 7.5H782q48 117 149.5 185.5T1160 1308q18 0 36-1.5t33.5-3.5 29.5-4.5 24.5-5 18.5-4.5l12-3 5-2q13-5 26 2 12 7 15 21z"
163
- }), _react.createElement("span", {
163
+ }), /*#__PURE__*/ _react.createElement("span", {
164
164
  className: srOnly
165
165
  }, label));
166
- const OrgLinks = ({ label, ...rest })=>_react.createElement("svg", {
166
+ const OrgLinks = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
167
167
  width: 14,
168
168
  height: 14,
169
169
  viewBox: "0 0 1792 1792",
170
170
  ...rest
171
- }, _react.createElement("path", {
171
+ }, /*#__PURE__*/ _react.createElement("path", {
172
172
  d: "M1792 1248v320q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960H960v192h96q40 0 68 28t28 68v320q0 40-28 68t-68 28H736q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960H320v192h96q40 0 68 28t28 68v320q0 40-28 68t-68 28H96q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960q0-52 38-90t90-38h512V640h-96q-40 0-68-28t-28-68V224q0-40 28-68t68-28h320q40 0 68 28t28 68v320q0 40-28 68t-68 28h-96v192h512q52 0 90 38t38 90v192h96q40 0 68 28t28 68z"
173
- }), _react.createElement("span", {
173
+ }), /*#__PURE__*/ _react.createElement("span", {
174
174
  className: srOnly
175
175
  }, label));
176
- const Undo = ({ label, ...rest })=>_react.createElement("svg", {
176
+ const Undo = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
177
177
  width: 14,
178
178
  height: 14,
179
179
  viewBox: "0 0 1792 1792",
180
180
  ...rest
181
- }, _react.createElement("path", {
181
+ }, /*#__PURE__*/ _react.createElement("path", {
182
182
  d: "M1664 896q0 156-61 298t-164 245-245 164-298 61q-172 0-327-72.5T305 1387q-7-10-6.5-22.5t8.5-20.5l137-138q10-9 25-9 16 2 23 12 73 95 179 147t225 52q104 0 198.5-40.5T1258 1258t109.5-163.5T1408 896t-40.5-198.5T1258 534t-163.5-109.5T896 384q-98 0-188 35.5T548 521l137 138q31 30 14 69-17 40-59 40H192q-26 0-45-19t-19-45V256q0-42 40-59 39-17 69 14l130 129q107-101 244.5-156.5T896 128q156 0 298 61t245 164 164 245 61 298z"
183
- }), _react.createElement("span", {
183
+ }), /*#__PURE__*/ _react.createElement("span", {
184
184
  className: srOnly
185
185
  }, label));
186
- const Redo = ({ label, ...rest })=>_react.createElement("svg", {
186
+ const Redo = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
187
187
  width: 14,
188
188
  height: 14,
189
189
  viewBox: "0 0 1792 1792",
190
190
  ...rest
191
- }, _react.createElement("path", {
191
+ }, /*#__PURE__*/ _react.createElement("path", {
192
192
  d: "M1664 256v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l138-138q-148-137-349-137-104 0-198.5 40.5T534 534 424.5 697.5 384 896t40.5 198.5T534 1258t163.5 109.5T896 1408q119 0 225-52t179-147q7-10 23-12 15 0 25 9l137 138q9 8 9.5 20.5t-7.5 22.5q-109 132-264 204.5T896 1664q-156 0-298-61t-245-164-164-245-61-298 61-298 164-245 245-164 298-61q147 0 284.5 55.5T1425 340l130-129q29-31 70-14 39 17 39 59z"
193
- }), _react.createElement("span", {
193
+ }), /*#__PURE__*/ _react.createElement("span", {
194
194
  className: srOnly
195
195
  }, label));
@@ -125,102 +125,102 @@ const styles = {
125
125
  })
126
126
  };
127
127
  const CheatsheetModalDialog = ()=>{
128
- return _react.createElement(_f36components.ModalContent, {
128
+ return /*#__PURE__*/ _react.createElement(_f36components.ModalContent, {
129
129
  testId: "markdown-cheatsheet-dialog-content"
130
- }, _react.createElement("div", {
130
+ }, /*#__PURE__*/ _react.createElement("div", {
131
131
  className: styles.flexColumnContainer
132
- }, _react.createElement("div", {
132
+ }, /*#__PURE__*/ _react.createElement("div", {
133
133
  className: (0, _emotion.cx)(styles.flexColumn, styles.verticalDivider)
134
- }, _react.createElement("div", {
134
+ }, /*#__PURE__*/ _react.createElement("div", {
135
135
  className: styles.helpItem
136
- }, _react.createElement(_f36components.Heading, {
136
+ }, /*#__PURE__*/ _react.createElement(_f36components.Heading, {
137
137
  marginBottom: "none",
138
138
  as: "h1",
139
139
  className: (0, _emotion.cx)(styles.preview, styles.h1)
140
- }, "H1"), _react.createElement("div", {
140
+ }, "H1"), /*#__PURE__*/ _react.createElement("div", {
141
141
  className: styles.markup
142
- }, "# heading")), _react.createElement("div", {
142
+ }, "# heading")), /*#__PURE__*/ _react.createElement("div", {
143
143
  className: styles.helpItem
144
- }, _react.createElement(_f36components.Heading, {
144
+ }, /*#__PURE__*/ _react.createElement(_f36components.Heading, {
145
145
  marginBottom: "none",
146
146
  as: "h2",
147
147
  className: (0, _emotion.cx)(styles.preview, styles.h2)
148
- }, "H2"), _react.createElement("div", {
148
+ }, "H2"), /*#__PURE__*/ _react.createElement("div", {
149
149
  className: styles.markup
150
- }, "## heading")), _react.createElement("div", {
150
+ }, "## heading")), /*#__PURE__*/ _react.createElement("div", {
151
151
  className: styles.helpItem
152
- }, _react.createElement(_f36components.Heading, {
152
+ }, /*#__PURE__*/ _react.createElement(_f36components.Heading, {
153
153
  marginBottom: "none",
154
154
  as: "h3",
155
155
  className: (0, _emotion.cx)(styles.preview, styles.h3)
156
- }, "H3"), _react.createElement("div", {
156
+ }, "H3"), /*#__PURE__*/ _react.createElement("div", {
157
157
  className: styles.markup
158
- }, "### heading")), _react.createElement("div", {
158
+ }, "### heading")), /*#__PURE__*/ _react.createElement("div", {
159
159
  className: styles.helpItem
160
- }, _react.createElement("strong", {
160
+ }, /*#__PURE__*/ _react.createElement("strong", {
161
161
  className: styles.preview
162
- }, "bold"), _react.createElement("div", {
162
+ }, "bold"), /*#__PURE__*/ _react.createElement("div", {
163
163
  className: styles.markup
164
- }, "__text__")), _react.createElement("div", {
164
+ }, "__text__")), /*#__PURE__*/ _react.createElement("div", {
165
165
  className: styles.helpItem
166
- }, _react.createElement("em", {
166
+ }, /*#__PURE__*/ _react.createElement("em", {
167
167
  className: styles.preview
168
- }, "italic"), _react.createElement("div", {
168
+ }, "italic"), /*#__PURE__*/ _react.createElement("div", {
169
169
  className: styles.markup
170
- }, "*text*")), _react.createElement("div", {
170
+ }, "*text*")), /*#__PURE__*/ _react.createElement("div", {
171
171
  className: styles.helpItem
172
- }, _react.createElement("div", {
172
+ }, /*#__PURE__*/ _react.createElement("div", {
173
173
  className: styles.preview
174
- }, "strikethrough"), _react.createElement("div", {
174
+ }, "strikethrough"), /*#__PURE__*/ _react.createElement("div", {
175
175
  className: styles.markup
176
- }, "~~text~~")), _react.createElement("div", {
176
+ }, "~~text~~")), /*#__PURE__*/ _react.createElement("div", {
177
177
  className: styles.helpItem
178
- }, _react.createElement(_f36components.TextLink, {
178
+ }, /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
179
179
  as: "button",
180
180
  className: styles.preview
181
- }, "Link"), _react.createElement("div", {
181
+ }, "Link"), /*#__PURE__*/ _react.createElement("div", {
182
182
  className: styles.markup
183
- }, "[text](url)"))), _react.createElement("div", {
183
+ }, "[text](url)"))), /*#__PURE__*/ _react.createElement("div", {
184
184
  className: styles.flexColumn
185
- }, _react.createElement("div", {
185
+ }, /*#__PURE__*/ _react.createElement("div", {
186
186
  className: styles.helpItem
187
- }, _react.createElement("div", {
187
+ }, /*#__PURE__*/ _react.createElement("div", {
188
188
  className: styles.preview
189
- }, "Image"), _react.createElement("div", {
189
+ }, "Image"), /*#__PURE__*/ _react.createElement("div", {
190
190
  className: styles.markup
191
- }, "![alt-text](url)")), _react.createElement("div", {
191
+ }, "![alt-text](url)")), /*#__PURE__*/ _react.createElement("div", {
192
192
  className: styles.helpItem
193
- }, _react.createElement("div", {
193
+ }, /*#__PURE__*/ _react.createElement("div", {
194
194
  className: styles.preview
195
- }, "Unordered list"), _react.createElement("div", {
195
+ }, "Unordered list"), /*#__PURE__*/ _react.createElement("div", {
196
196
  className: styles.markup
197
- }, "* list item")), _react.createElement("div", {
197
+ }, "* list item")), /*#__PURE__*/ _react.createElement("div", {
198
198
  className: styles.helpItem
199
- }, _react.createElement("div", {
199
+ }, /*#__PURE__*/ _react.createElement("div", {
200
200
  className: styles.preview
201
- }, _react.createElement("div", null, "Ordered list")), _react.createElement("div", {
201
+ }, /*#__PURE__*/ _react.createElement("div", null, "Ordered list")), /*#__PURE__*/ _react.createElement("div", {
202
202
  className: styles.markup
203
- }, "1. list item")), _react.createElement("div", {
203
+ }, "1. list item")), /*#__PURE__*/ _react.createElement("div", {
204
204
  className: styles.helpItem
205
- }, _react.createElement("div", {
205
+ }, /*#__PURE__*/ _react.createElement("div", {
206
206
  className: styles.preview
207
- }, _react.createElement("div", null, "Blockquote")), _react.createElement("div", {
207
+ }, /*#__PURE__*/ _react.createElement("div", null, "Blockquote")), /*#__PURE__*/ _react.createElement("div", {
208
208
  className: styles.markup
209
- }, "> quote")), _react.createElement("div", {
209
+ }, "> quote")), /*#__PURE__*/ _react.createElement("div", {
210
210
  className: styles.helpItem
211
- }, _react.createElement("div", {
211
+ }, /*#__PURE__*/ _react.createElement("div", {
212
212
  className: styles.preview
213
- }, "code span"), _react.createElement("div", {
213
+ }, "code span"), /*#__PURE__*/ _react.createElement("div", {
214
214
  className: styles.markup
215
- }, "`code here`")), _react.createElement("div", {
215
+ }, "`code here`")), /*#__PURE__*/ _react.createElement("div", {
216
216
  className: styles.helpItem
217
- }, _react.createElement("div", {
217
+ }, /*#__PURE__*/ _react.createElement("div", {
218
218
  className: styles.preview
219
- }, "code block"), _react.createElement("div", {
219
+ }, "code block"), /*#__PURE__*/ _react.createElement("div", {
220
220
  className: styles.markup
221
- }, "```code here```")))), _react.createElement("div", {
221
+ }, "```code here```")))), /*#__PURE__*/ _react.createElement("div", {
222
222
  className: styles.flexRowContainer
223
- }, _react.createElement(_f36components.TextLink, {
223
+ }, /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
224
224
  className: styles.helpLink,
225
225
  href: "https://help.github.com/en/github/writing-on-github/basic-writing-and-formatting-syntax",
226
226
  target: "_blank",
@@ -62,19 +62,19 @@ function _interop_require_wildcard(obj, nodeInterop) {
62
62
  }
63
63
  const ConfirmInsertAssetModalDialog = ({ onClose, assets, locale })=>{
64
64
  const localesNumber = assets.length;
65
- return _react.createElement(_react.Fragment, null, _react.createElement(_f36components.ModalContent, {
65
+ return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_f36components.ModalContent, {
66
66
  testId: "confirm-insert-asset"
67
- }, _react.createElement(_f36components.Paragraph, null, localesNumber === 1 ? `Link asset with missing file for locale ${locale}` : `Link assets with missing files for locale ${locale}`), _react.createElement(_f36components.Paragraph, null, localesNumber === 1 ? 'Do you want to link to the file in its fallback locale?' : 'Do you want to link to the files in their fallback locales?'), _react.createElement(_f36components.EntityList, null, assets.map(({ title, description, thumbnailUrl, thumbnailAltText })=>_react.createElement(_f36components.EntityList.Item, {
67
+ }, /*#__PURE__*/ _react.createElement(_f36components.Paragraph, null, localesNumber === 1 ? `Link asset with missing file for locale ${locale}` : `Link assets with missing files for locale ${locale}`), /*#__PURE__*/ _react.createElement(_f36components.Paragraph, null, localesNumber === 1 ? 'Do you want to link to the file in its fallback locale?' : 'Do you want to link to the files in their fallback locales?'), /*#__PURE__*/ _react.createElement(_f36components.EntityList, null, assets.map(({ title, description, thumbnailUrl, thumbnailAltText })=>/*#__PURE__*/ _react.createElement(_f36components.EntityList.Item, {
68
68
  key: thumbnailUrl,
69
69
  title: title,
70
70
  thumbnailUrl: `${thumbnailUrl}?w=46&h=46&fit=thumb`,
71
71
  thumbnailAltText: thumbnailAltText,
72
72
  description: description
73
- })))), _react.createElement(_f36components.ModalControls, null, _react.createElement(_f36components.Button, {
73
+ })))), /*#__PURE__*/ _react.createElement(_f36components.ModalControls, null, /*#__PURE__*/ _react.createElement(_f36components.Button, {
74
74
  onClick: ()=>onClose(false),
75
75
  variant: "secondary",
76
76
  size: "small"
77
- }, "Cancel"), _react.createElement(_f36components.Button, {
77
+ }, "Cancel"), /*#__PURE__*/ _react.createElement(_f36components.Button, {
78
78
  testId: "confirm-insert-asset",
79
79
  onClick: ()=>onClose(true),
80
80
  variant: "positive",
@@ -110,13 +110,13 @@ const EmbedExternalContentModal = ({ onClose })=>{
110
110
  }, [
111
111
  mainInputRef
112
112
  ]);
113
- return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_f36components.ModalContent, {
113
+ return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_f36components.ModalContent, {
114
114
  testId: "embed-external-dialog"
115
- }, _react.default.createElement(_f36components.Form, null, _react.default.createElement(_f36components.FormControl, {
115
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.Form, null, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl, {
116
116
  id: "external-link-url-field",
117
117
  isRequired: true,
118
118
  isInvalid: !urlIsValid
119
- }, _react.default.createElement(_f36components.FormControl.Label, null, "Content URL"), _react.default.createElement(_f36components.TextInput, {
119
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.Label, null, "Content URL"), /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
120
120
  name: "external-link-url",
121
121
  value: url,
122
122
  onChange: (e)=>{
@@ -127,58 +127,58 @@ const EmbedExternalContentModal = ({ onClose })=>{
127
127
  testId: "external-link-url-field",
128
128
  placeholder: "https://example.com",
129
129
  ref: mainInputRef
130
- }), _react.default.createElement(_f36components.FormControl.HelpText, null, "Include protocol (e.g. https://)"), !urlIsValid && _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "URL is invalid")), _react.default.createElement(_f36components.TextLink, {
130
+ }), /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.HelpText, null, "Include protocol (e.g. https://)"), !urlIsValid && /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "URL is invalid")), /*#__PURE__*/ _react.default.createElement(_f36components.TextLink, {
131
131
  href: "http://embed.ly/providers",
132
132
  target: "_blank",
133
133
  rel: "noopener noreferrer"
134
- }, "Supported sources"), _react.default.createElement("div", {
134
+ }, "Supported sources"), /*#__PURE__*/ _react.default.createElement("div", {
135
135
  className: styles.widthFiledGroup
136
- }, _react.default.createElement(_f36components.FormControl, {
136
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl, {
137
137
  id: "embedded-content-width",
138
138
  isRequired: true,
139
139
  isInvalid: !isWidthValid(Number(width), selectedUnit)
140
- }, _react.default.createElement(_f36components.FormControl.Label, null, "Width"), _react.default.createElement(_f36components.TextInput, {
140
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.Label, null, "Width"), /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
141
141
  value: width,
142
142
  name: "embedded-content-width",
143
143
  testId: "embedded-content-width",
144
144
  type: "number",
145
145
  width: "small",
146
146
  onChange: (e)=>setWidth(e.target.value)
147
- }), !isWidthValid(Number(width), selectedUnit) && _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "Should be equal or less then 100")), _react.default.createElement("div", {
147
+ }), !isWidthValid(Number(width), selectedUnit) && /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "Should be equal or less then 100")), /*#__PURE__*/ _react.default.createElement("div", {
148
148
  className: styles.radioButtonGroup
149
- }, _react.default.createElement(_f36components.Radio, {
149
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.Radio, {
150
150
  id: "unit-option-percent",
151
151
  value: "percent",
152
152
  isChecked: selectedUnit === 'percent',
153
153
  onChange: ()=>setUnit('percent'),
154
154
  className: styles.radioButton
155
- }, "percent"), _react.default.createElement(_f36components.Radio, {
155
+ }, "percent"), /*#__PURE__*/ _react.default.createElement(_f36components.Radio, {
156
156
  id: "unit-option-pixels",
157
157
  value: "pixels",
158
158
  isChecked: selectedUnit === 'px',
159
159
  onChange: ()=>setUnit('px'),
160
160
  className: styles.radioButton
161
- }, "pixels"))), _react.default.createElement(_f36components.Checkbox, {
161
+ }, "pixels"))), /*#__PURE__*/ _react.default.createElement(_f36components.Checkbox, {
162
162
  id: "attach-social-checkbox",
163
163
  name: "attach-social-checkbox",
164
164
  value: "Yes",
165
165
  isChecked: attachSocial,
166
166
  onChange: ()=>setAttachSocial(!attachSocial),
167
167
  testId: "attach-social-checkbox"
168
- }, "Attach social sharing links to this element"), _react.default.createElement(_f36components.Text, {
168
+ }, "Attach social sharing links to this element"), /*#__PURE__*/ _react.default.createElement(_f36components.Text, {
169
169
  as: "p",
170
170
  fontColor: "gray500",
171
171
  marginTop: "spacingXs"
172
- }, "To enable this embedded content in your application make sure to add the ", _react.default.createElement(_f36components.TextLink, {
172
+ }, "To enable this embedded content in your application make sure to add the ", /*#__PURE__*/ _react.default.createElement(_f36components.TextLink, {
173
173
  href: "http://embed.ly/docs/products/cards",
174
174
  target: "_blank",
175
175
  rel: "noopener noreferrer"
176
- }, "Embedly's platform.js"), " on your development environment"))), _react.default.createElement(_f36components.ModalControls, null, _react.default.createElement(_f36components.Button, {
176
+ }, "Embedly's platform.js"), " on your development environment"))), /*#__PURE__*/ _react.default.createElement(_f36components.ModalControls, null, /*#__PURE__*/ _react.default.createElement(_f36components.Button, {
177
177
  testId: "emded-external-cancel",
178
178
  onClick: ()=>onClose(false),
179
179
  variant: "secondary",
180
180
  size: "small"
181
- }, "Cancel"), _react.default.createElement(_f36components.Button, {
181
+ }, "Cancel"), /*#__PURE__*/ _react.default.createElement(_f36components.Button, {
182
182
  testId: "embed-external-confirm",
183
183
  onClick: ()=>onClose(makeEmbedlyLink({
184
184
  url,
@@ -76,28 +76,28 @@ const InsertLinkModal = ({ selectedText, onClose })=>{
76
76
  }, [
77
77
  mainInputRef
78
78
  ]);
79
- return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_f36components.ModalContent, {
79
+ return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_f36components.ModalContent, {
80
80
  testId: "insert-link-modal"
81
- }, _react.default.createElement(_f36components.Form, {
81
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.Form, {
82
82
  onSubmit: ()=>onInsert({
83
83
  url,
84
84
  text,
85
85
  title
86
86
  })
87
- }, _react.default.createElement(_f36components.FormControl, {
87
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl, {
88
88
  id: "link-text-field",
89
89
  isDisabled: Boolean(selectedText)
90
- }, _react.default.createElement(_f36components.FormControl.Label, null, "Link text"), _react.default.createElement(_f36components.TextInput, {
90
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.Label, null, "Link text"), /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
91
91
  name: "link-text",
92
92
  value: text,
93
93
  onChange: (e)=>{
94
94
  setText(e.target.value);
95
95
  },
96
96
  testId: "link-text-field"
97
- })), _react.default.createElement(_f36components.FormControl, {
97
+ })), /*#__PURE__*/ _react.default.createElement(_f36components.FormControl, {
98
98
  id: "target-url-field",
99
99
  isInvalid: touched && !urlIsValid
100
- }, _react.default.createElement(_f36components.FormControl.Label, null, "Target URL"), _react.default.createElement(_f36components.TextInput, {
100
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.Label, null, "Target URL"), /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
101
101
  name: "target-url",
102
102
  value: url,
103
103
  onChange: (e)=>{
@@ -108,21 +108,21 @@ const InsertLinkModal = ({ selectedText, onClose })=>{
108
108
  maxLength: 2100,
109
109
  testId: "target-url-field",
110
110
  ref: mainInputRef
111
- }), _react.default.createElement(_f36components.FormControl.HelpText, null, "Include protocol (e.g. https://)"), touched && !urlIsValid && _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "Invalid URL")), _react.default.createElement(_f36components.FormControl, {
111
+ }), /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.HelpText, null, "Include protocol (e.g. https://)"), touched && !urlIsValid && /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "Invalid URL")), /*#__PURE__*/ _react.default.createElement(_f36components.FormControl, {
112
112
  id: "link-title-field"
113
- }, _react.default.createElement(_f36components.FormControl.Label, null, "Link title"), _react.default.createElement(_f36components.TextInput, {
113
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.Label, null, "Link title"), /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
114
114
  name: "link-title",
115
115
  value: title,
116
116
  onChange: (e)=>{
117
117
  setTitle(e.target.value);
118
118
  },
119
119
  testId: "link-title-field"
120
- }), _react.default.createElement(_f36components.FormControl.HelpText, null, "Extra link information, usually shown as a tooltip on mouse hover")))), _react.default.createElement(_f36components.ModalControls, null, _react.default.createElement(_f36components.Button, {
120
+ }), /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.HelpText, null, "Extra link information, usually shown as a tooltip on mouse hover")))), /*#__PURE__*/ _react.default.createElement(_f36components.ModalControls, null, /*#__PURE__*/ _react.default.createElement(_f36components.Button, {
121
121
  testId: "insert-link-cancel",
122
122
  onClick: ()=>onClose(false),
123
123
  variant: "secondary",
124
124
  size: "small"
125
- }, "Cancel"), _react.default.createElement(_f36components.Button, {
125
+ }, "Cancel"), /*#__PURE__*/ _react.default.createElement(_f36components.Button, {
126
126
  testId: "insert-link-confirm",
127
127
  onClick: ()=>{
128
128
  onInsert({
@@ -79,13 +79,13 @@ const InsertTableModal = ({ onClose })=>{
79
79
  }, [
80
80
  mainInputRef
81
81
  ]);
82
- return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_f36components.ModalContent, {
82
+ return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_f36components.ModalContent, {
83
83
  testId: "insert-table-modal"
84
- }, _react.default.createElement(_f36components.Form, null, _react.default.createElement(_f36components.FormControl, {
84
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.Form, null, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl, {
85
85
  id: "insert-table-rows-number-field",
86
86
  isRequired: true,
87
87
  isInvalid: !rowsAreValid
88
- }, _react.default.createElement(_f36components.FormControl.Label, null, "Number of rows"), _react.default.createElement(_f36components.TextInput, {
88
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.Label, null, "Number of rows"), /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
89
89
  name: "rows",
90
90
  value: rows.toString(),
91
91
  onChange: (e)=>setRows(Number(e.target.value)),
@@ -97,11 +97,11 @@ const InsertTableModal = ({ onClose })=>{
97
97
  width: "small",
98
98
  autoComplete: "off",
99
99
  ref: mainInputRef
100
- }), !rowsAreValid && _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "Should be between 2 and 100")), _react.default.createElement(_f36components.FormControl, {
100
+ }), !rowsAreValid && /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "Should be between 2 and 100")), /*#__PURE__*/ _react.default.createElement(_f36components.FormControl, {
101
101
  id: "insert-table-columns-number-field",
102
102
  isRequired: true,
103
103
  isInvalid: !colsAreValid
104
- }, _react.default.createElement(_f36components.FormControl.Label, null, "Number of columns"), _react.default.createElement(_f36components.TextInput, {
104
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.Label, null, "Number of columns"), /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
105
105
  name: "columns",
106
106
  value: cols.toString(),
107
107
  onChange: (e)=>setColumns(Number(e.target.value)),
@@ -112,12 +112,12 @@ const InsertTableModal = ({ onClose })=>{
112
112
  type: "number",
113
113
  width: "small",
114
114
  autoComplete: "off"
115
- }), !colsAreValid && _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "Should be between 1 and 100")))), _react.default.createElement(_f36components.ModalControls, null, _react.default.createElement(_f36components.Button, {
115
+ }), !colsAreValid && /*#__PURE__*/ _react.default.createElement(_f36components.FormControl.ValidationMessage, null, "Should be between 1 and 100")))), /*#__PURE__*/ _react.default.createElement(_f36components.ModalControls, null, /*#__PURE__*/ _react.default.createElement(_f36components.Button, {
116
116
  testId: "insert-table-cancel",
117
117
  onClick: ()=>onClose(false),
118
118
  variant: "secondary",
119
119
  size: "small"
120
- }, "Cancel"), _react.default.createElement(_f36components.Button, {
120
+ }, "Cancel"), /*#__PURE__*/ _react.default.createElement(_f36components.Button, {
121
121
  testId: "insert-table-confirm",
122
122
  onClick: ()=>onClose({
123
123
  rows,
@@ -94,39 +94,39 @@ const styles = {
94
94
  };
95
95
  const SpecialCharacterModalDialog = ({ onClose })=>{
96
96
  const [selectedCharacter, setSelectedCharacter] = (0, _react.useState)(_specialCharacters.specialCharacters[0]);
97
- return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_f36components.ModalContent, {
97
+ return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_f36components.ModalContent, {
98
98
  testId: "insert-special-character-modal"
99
- }, _react.default.createElement(_f36components.Flex, {
99
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.Flex, {
100
100
  flexDirection: "column",
101
101
  alignItems: "center"
102
- }, _react.default.createElement(_f36components.Text, {
102
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.Text, {
103
103
  as: "div",
104
104
  lineHeight: "lineHeight3Xl",
105
105
  fontSize: "fontSize3Xl",
106
106
  marginBottom: "spacingS"
107
- }, String.fromCharCode(selectedCharacter.code)), _react.default.createElement(_f36components.Text, {
107
+ }, String.fromCharCode(selectedCharacter.code)), /*#__PURE__*/ _react.default.createElement(_f36components.Text, {
108
108
  as: "div",
109
109
  marginBottom: "spacingS"
110
- }, selectedCharacter.desc)), _react.default.createElement("div", {
110
+ }, selectedCharacter.desc)), /*#__PURE__*/ _react.default.createElement("div", {
111
111
  className: styles.buttonPanel
112
- }, _specialCharacters.specialCharacters.map((char)=>_react.default.createElement("div", {
112
+ }, _specialCharacters.specialCharacters.map((char)=>/*#__PURE__*/ _react.default.createElement("div", {
113
113
  key: char.code
114
- }, _react.default.createElement(_f36components.Tooltip, {
114
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.Tooltip, {
115
115
  className: styles.tooltip,
116
116
  content: char.desc
117
- }, _react.default.createElement(_f36components.Button, {
117
+ }, /*#__PURE__*/ _react.default.createElement(_f36components.Button, {
118
118
  testId: "special-character-button",
119
119
  isActive: char.code === selectedCharacter.code,
120
120
  className: styles.charButton,
121
121
  variant: "transparent",
122
122
  onClick: ()=>setSelectedCharacter(char)
123
- }, String.fromCharCode(char.code))))))), _react.default.createElement(_f36components.ModalControls, null, _react.default.createElement(_f36components.Button, {
123
+ }, String.fromCharCode(char.code))))))), /*#__PURE__*/ _react.default.createElement(_f36components.ModalControls, null, /*#__PURE__*/ _react.default.createElement(_f36components.Button, {
124
124
  testId: "insert-character-cancel",
125
125
  className: styles.button,
126
126
  onClick: ()=>onClose(false),
127
127
  variant: "secondary",
128
128
  size: "small"
129
- }, "Cancel"), _react.default.createElement(_f36components.Button, {
129
+ }, "Cancel"), /*#__PURE__*/ _react.default.createElement(_f36components.Button, {
130
130
  className: styles.button,
131
131
  testId: "insert-character-confirm",
132
132
  onClick: ()=>onClose(String.fromCharCode(selectedCharacter.code)),