@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.
- package/dist/cjs/MarkdownEditor.js +12 -12
- package/dist/cjs/components/HeadingSelector.js +3 -3
- package/dist/cjs/components/InsertLinkSelector.js +9 -9
- package/dist/cjs/components/MarkdownBottomBar.js +10 -10
- package/dist/cjs/components/MarkdownConstraints.js +3 -3
- package/dist/cjs/components/MarkdownPreview.js +6 -6
- package/dist/cjs/components/MarkdownPreviewSkeleton.js +2 -2
- package/dist/cjs/components/MarkdownTabs.js +4 -4
- package/dist/cjs/components/MarkdownTextarea/MarkdownTextarea.js +2 -2
- package/dist/cjs/components/MarkdownToolbar.js +59 -59
- package/dist/cjs/components/icons.js +30 -30
- package/dist/cjs/dialogs/CheatsheetModalDialog.js +45 -45
- package/dist/cjs/dialogs/ConfirmInsertAssetModalDialog.js +4 -4
- package/dist/cjs/dialogs/EmdebExternalContentDialog.js +15 -15
- package/dist/cjs/dialogs/InsertLinkModalDialog.js +10 -10
- package/dist/cjs/dialogs/InsertTableModalDialog.js +7 -7
- package/dist/cjs/dialogs/SpecialCharacterModalDialog.js +10 -10
- package/dist/cjs/dialogs/ZenModeModalDialog.js +17 -17
- package/dist/cjs/dialogs/openMarkdownDialog.js +7 -7
- package/dist/cjs/dialogs/renderMarkdownDialog.js +8 -8
- package/dist/cjs/types.js +3 -3
- package/dist/esm/MarkdownEditor.js +12 -12
- package/dist/esm/components/HeadingSelector.js +3 -3
- package/dist/esm/components/InsertLinkSelector.js +9 -9
- package/dist/esm/components/MarkdownBottomBar.js +10 -10
- package/dist/esm/components/MarkdownConstraints.js +3 -3
- package/dist/esm/components/MarkdownPreview.js +6 -6
- package/dist/esm/components/MarkdownPreviewSkeleton.js +2 -2
- package/dist/esm/components/MarkdownTabs.js +4 -4
- package/dist/esm/components/MarkdownTextarea/MarkdownTextarea.js +2 -2
- package/dist/esm/components/MarkdownToolbar.js +59 -59
- package/dist/esm/components/icons.js +30 -30
- package/dist/esm/dialogs/CheatsheetModalDialog.js +45 -45
- package/dist/esm/dialogs/ConfirmInsertAssetModalDialog.js +4 -4
- package/dist/esm/dialogs/EmdebExternalContentDialog.js +15 -15
- package/dist/esm/dialogs/InsertLinkModalDialog.js +10 -10
- package/dist/esm/dialogs/InsertTableModalDialog.js +7 -7
- package/dist/esm/dialogs/SpecialCharacterModalDialog.js +10 -10
- package/dist/esm/dialogs/ZenModeModalDialog.js +17 -17
- package/dist/esm/dialogs/openMarkdownDialog.js +7 -7
- package/dist/esm/dialogs/renderMarkdownDialog.js +8 -8
- package/dist/esm/types.js +3 -3
- 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 })
|
|
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 })
|
|
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 })
|
|
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 })
|
|
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 })
|
|
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 })
|
|
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 })
|
|
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 })
|
|
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 })
|
|
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 })
|
|
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
|
-
}, "")), _react.createElement("div", {
|
|
191
|
+
}, "")), /*#__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 })
|
|
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)
|
|
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)),
|