@procore/text-editor 0.4.0 → 0.4.1

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 (13) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/codemod/text-editor-migrate.js +17 -8
  3. package/codemod/text-editor-migrate.test.js +26 -8
  4. package/dist/TextEditor/TextEditor.styles.js +1 -1
  5. package/dist/TextEditor/textEditorTheming/textEditorTheming.styles.js +1 -1
  6. package/dist/TextEditor/textEditorTheming/textEditorTheming.styles.js.map +1 -1
  7. package/dist/TextEditor/useCKEditorCss.js +2 -2
  8. package/dist/TextEditor/useCKEditorCss.js.map +1 -1
  9. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  10. package/dist/_typedoc/TextEditor/TextEditor.types.json +17 -17
  11. package/dist/_typedoc/TextEditor/TextEditorProvider.types.json +2 -2
  12. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +3 -3
  13. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @procore/text-editor
2
2
 
3
+ ## 0.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 2e09db0: Increase contrast of input field borders in `TextEditor` link dialog
8
+ - Updated dependencies
9
+
3
10
  ## 0.4.0
4
11
 
5
12
  ### Minor Changes
package/codemod/text-editor-migrate.js CHANGED
@@ -8,7 +8,7 @@
8
8
  * 1. Updates imports from @procore/core-react to @procore/text-editor for TextEditor components
9
9
  * 2. Updates Form.RichText usage to include textEditorComponent prop
10
10
  * 3. Updates Jest configuration to use textEditorJestConfig
11
- * 4. Adds ckeditor5 singleton to module federation shared config
11
+ * 4. Adds ckeditor5 and ckeditor5-premium-features singletons to module federation shared config
12
12
  * 5. Remove deprecated plugins prop from TextEditor and Form.RichText components
13
13
  */
14
14
 
@@ -56,7 +56,7 @@ function checkForCkeditor5(targetPath) {
56
56
  ...packageJson.devDependencies,
57
57
  ...packageJson.peerDependencies,
58
58
  }
59
- return !!deps['ckeditor5']
59
+ return !!deps['ckeditor5'] || !!deps['ckeditor5-premium-features']
60
60
  } catch (error) {
61
61
  // Ignore parse errors, continue searching
62
62
  }
@@ -382,11 +382,15 @@ function addSingletonToSharedObject(content, sharedMatch) {
382
382
  propertyIndent = baseIndent + indentUnit
383
383
  }
384
384
 
385
- // Build the ckeditor5 configuration
385
+ // Build the ckeditor5 and ckeditor5-premium-features configuration
386
386
  const ckeditor5Config = `
387
387
  ${propertyIndent}ckeditor5: {
388
388
  ${propertyIndent}${indentUnit}requiredVersion: deps['ckeditor5'],
389
389
  ${propertyIndent}${indentUnit}singleton: true,
390
+ ${propertyIndent}},
391
+ ${propertyIndent}'ckeditor5-premium-features': {
392
+ ${propertyIndent}${indentUnit}requiredVersion: deps['ckeditor5-premium-features'],
393
+ ${propertyIndent}${indentUnit}singleton: true,
390
394
  ${propertyIndent}},`
391
395
 
392
396
  // Insert the ckeditor5 configuration after the opening brace
@@ -609,8 +613,11 @@ function transformModuleFederation(fileContent, filePath) {
609
613
  return { content: newContent, modified }
610
614
  }
611
615
 
612
- // Check if ckeditor5 is already configured
613
- if (newContent.includes('ckeditor5')) {
616
+ // Check if ckeditor5 and ckeditor5-premium-features are already configured
617
+ if (
618
+ newContent.includes('ckeditor5') &&
619
+ newContent.includes('ckeditor5-premium-features')
620
+ ) {
614
621
  return { content: newContent, modified }
615
622
  }
616
623
 
@@ -825,7 +832,7 @@ ${colors.bold}Transformations:${colors.reset}
825
832
  • Updates imports from @procore/core-react to @procore/text-editor
826
833
  • Adds textEditorComponent prop to Form.RichText
827
834
  • Updates Jest configuration to use textEditorJestConfig
828
- • Adds ckeditor5 singleton to module federation shared config
835
+ • Adds ckeditor5 and ckeditor5-premium-features singletons to module federation shared config
829
836
 
830
837
  ${colors.bold}Examples:${colors.reset}
831
838
 
@@ -849,9 +856,11 @@ ${colors.bold}Examples:${colors.reset}
849
856
  ` To use TextEditor components, you need to install ckeditor5 first:\n`
850
857
  )
851
858
  console.log(` ${colors.info}For libraries:${colors.reset}`)
852
- console.log(` yarn add ckeditor5@^47 --peer --dev\n`)
859
+ console.log(
860
+ ` yarn add ckeditor5@^47 ckeditor5-premium-features@^47 --peer --dev\n`
861
+ )
853
862
  console.log(` ${colors.info}For apps:${colors.reset}`)
854
- console.log(` yarn add ckeditor5@^47\n`)
863
+ console.log(` yarn add ckeditor5@^47 ckeditor5-premium-features@^47\n`)
855
864
  console.log(` After installing, re-run this codemod.\n`)
856
865
  console.log(` See README_MIGRATION.md for more details.\n`)
857
866
  return
package/codemod/text-editor-migrate.test.js CHANGED
@@ -179,24 +179,32 @@ describe('text-editor-migrate codemod', () => {
179
179
  })
180
180
 
181
181
  describe('module federation transformations', () => {
182
- it('should add ckeditor5 to moduleFederation.shared in hammer.config.mjs', () => {
182
+ it('should add ckeditor5 and ckeditor5-premium-features to moduleFederation.shared in hammer.config.mjs', () => {
183
183
  execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
184
184
 
185
185
  const content = readFile('hammer.config.mjs')
186
186
 
187
187
  expect(content).toContain('ckeditor5:')
188
188
  expect(content).toContain("requiredVersion: deps['ckeditor5']")
189
+ expect(content).toContain("'ckeditor5-premium-features':")
190
+ expect(content).toContain(
191
+ "requiredVersion: deps['ckeditor5-premium-features']"
192
+ )
189
193
  expect(content).toContain('singleton: true')
190
194
  expect(content).toContain("import deps from './package.json'")
191
195
  })
192
196
 
193
- it('should add ckeditor5 to moduleFederation.shared in procore.config.js', () => {
197
+ it('should add ckeditor5 and ckeditor5-premium-features to moduleFederation.shared in procore.config.js', () => {
194
198
  execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
195
199
 
196
200
  const content = readFile('procore.config.js')
197
201
 
198
202
  expect(content).toContain('ckeditor5:')
199
203
  expect(content).toContain("requiredVersion: deps['ckeditor5']")
204
+ expect(content).toContain("'ckeditor5-premium-features':")
205
+ expect(content).toContain(
206
+ "requiredVersion: deps['ckeditor5-premium-features']"
207
+ )
200
208
  expect(content).toContain('singleton: true')
201
209
  expect(content).toContain(
202
210
  "const deps = require('./package.json').dependencies"
@@ -213,12 +221,17 @@ describe('text-editor-migrate codemod', () => {
213
221
  const secondRun = readFile('hammer.config.mjs')
214
222
 
215
223
  expect(firstRun).toBe(secondRun)
216
- // Count occurrences of ckeditor5 - should only appear once
217
- const matches = secondRun.match(/ckeditor5:/g)
218
- expect(matches).toHaveLength(1)
224
+ // ckeditor5: should appear once as a key
225
+ const ckeditorMatches = secondRun.match(/ckeditor5:/g)
226
+ expect(ckeditorMatches).toHaveLength(1)
227
+ // 'ckeditor5-premium-features' appears twice: as key and in requiredVersion
228
+ const premiumKeyMatches = secondRun.match(
229
+ /'ckeditor5-premium-features':/g
230
+ )
231
+ expect(premiumKeyMatches).toHaveLength(1)
219
232
  })
220
233
 
221
- it('should add ckeditor5 only to ternary branches that contain react', () => {
234
+ it('should add ckeditor5 and ckeditor5-premium-features only to ternary branches that contain react', () => {
222
235
  execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
223
236
 
224
237
  const content = readFile('procore.config.ternary.js')
@@ -227,14 +240,19 @@ describe('text-editor-migrate codemod', () => {
227
240
  const ckeditor5Matches = content.match(/ckeditor5:/g)
228
241
  expect(ckeditor5Matches).toHaveLength(1)
229
242
 
243
+ const premiumMatches = content.match(/'ckeditor5-premium-features':/g)
244
+ expect(premiumMatches).toHaveLength(1)
245
+
246
+ expect(content).toContain("'ckeditor5-premium-features':")
247
+
230
248
  // Should have deps import
231
249
  expect(content).toContain(
232
250
  "const deps = require('./package.json').dependencies"
233
251
  )
234
252
 
235
- // Should have singleton: true only once
253
+ // Should have singleton: true twice (one for each package)
236
254
  const singletonMatches = content.match(/singleton:\s*true/g)
237
- expect(singletonMatches).toHaveLength(1)
255
+ expect(singletonMatches).toHaveLength(2)
238
256
  })
239
257
 
240
258
  it('should not modify config files without moduleFederation.shared', () => {
package/dist/TextEditor/TextEditor.styles.js CHANGED
@@ -30,7 +30,7 @@ export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-de
30
30
  });
31
31
  export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
32
32
  displayName: "StyledTextEditor",
33
- componentId: "text-editor-0_4_0__sc-iim79x-0"
33
+ componentId: "text-editor-0_4_1__sc-iim79x-0"
34
34
  })(["", ""], function (_ref0) {
35
35
  var error = _ref0.error;
36
36
  return error && "\n .ck-sticky-panel__content {\n border-top-color: ".concat(colors.red50, " !important;\n border-left-color: ").concat(colors.red50, " !important;\n border-right-color: ").concat(colors.red50, " !important;\n }\n\n .ck-editor__editable {\n border-left-color: ").concat(colors.red50, " !important;\n border-right-color: ").concat(colors.red50, " !important;\n border-bottom-color: ").concat(colors.red50, " !important;\n }\n ");
package/dist/TextEditor/textEditorTheming/textEditorTheming.styles.js CHANGED
@@ -7,5 +7,5 @@ var getIconUrl = function getIconUrl(icon) {
7
7
  }
8
8
  return "data:image/svg+xml;charset=utf-8,".concat(encodeURIComponent(icon));
9
9
  };
10
- export var TextEditorTheme = /*#__PURE__*/createGlobalStyle([".ck-button:first-child .ck-icon:first-child{background-size:24px;background-repeat:no-repeat;background-position:center;}.ck-link-form .ck-button-action{font-size:13px !important;line-height:", " !important;background:", " !important;color:", " !important;border-radius:", " !important;font-family:inherit !important;font-weight:600 !important;height:", " !important;justify-content:center !important;align-items:center !important;cursor:pointer !important;&:hover{background:", " !important;}}[data-cke-command=\"bold\"],[data-cke-command=\"italic\"],[data-cke-command=\"underline\"],[data-cke-command=\"strikethrough\"],[data-cke-command=\"alignment:left\"],[data-cke-command=\"alignment:center\"],[data-cke-command=\"alignment:right\"],[data-cke-command=\"bulletedList\"],[data-cke-command=\"numberedList\"],[data-cke-command=\"outdent\"],[data-cke-command=\"indent\"],[data-cke-command=\"cut\"],[data-cke-command=\"paste\"],[data-cke-command=\"pasteAsText\"],[data-cke-command=\"fontSize\"],[data-cke-command=\"fontColor\"],[data-cke-command=\"fontBackgroundColor\"],[data-cke-command=\"link\"],[data-cke-command=\"insertTable\"],[data-cke-command=\"insertImageViaUrl\"],[data-cke-command=\"undo\"],[data-cke-command=\"redo\"]{> .ck-icon:first-child > *,> .ck-button:first-child > .ck-icon:first-child > *,> .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > *{display:none;}> .ck-icon:first-child,> .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,> .ck-button > .ck-icon:first-child{width:24px !important;height:24px !important;}}[data-cke-command=\"bold\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"italic\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"underline\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"strikethrough\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:left\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:center\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:right\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"outdent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"indent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"cut\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"paste\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"pasteAsText\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');background-size:19px;}[data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"link\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"undo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"redo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] .ck-dropdown__panel{max-width:130px !important;.ck-list__item{min-width:128px !important;}.ck-list{.ck-button{padding:4px 12px !important;font-size:14px !important;line-height:24px !important;.ck-button__label{font-size:14px !important;font-weight:normal !important;font-family:inherit !important;line-height:24px !important;}&[data-cke-tooltip-text]{font-size:14px !important;.ck-button__label{font-size:14px !important;}}&.ck-on{position:relative;padding-right:32px !important;&::after{content:\"\";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px !important;height:24px !important;background-image:url('", "');background-size:24px 24px;background-repeat:no-repeat;background-position:center;line-height:1;}}}}.ck-list-item-button__check-holder{display:none !important;}}"], spacing.lg, colors.gray90, colors.gray15, spacing.xs, spacing.xl, colors.gray85, getIconUrl(boldIcon), getIconUrl(italicIcon), getIconUrl(underlineIcon), getIconUrl(strikeThroughIcon), getIconUrl(alignLeftIcon), getIconUrl(alignCenterIcon), getIconUrl(alignRightIcon), getIconUrl(unorderedListIcon), getIconUrl(orderedListIcon), getIconUrl(outdentIcon), getIconUrl(indentIcon), getIconUrl(cutIcon), getIconUrl(pasteIcon), getIconUrl(pasteAsTextIcon), getIconUrl(fontSizeIcon), getIconUrl(textColorIcon), getIconUrl(bgColorIcon), getIconUrl(linkIcon), getIconUrl(tableIcon), getIconUrl(imageIcon), getIconUrl(undoIcon), getIconUrl(redoIcon), getIconUrl(checkmarkIcon));
10
+ export var TextEditorTheme = /*#__PURE__*/createGlobalStyle([".ck-button:first-child .ck-icon:first-child{background-size:24px;background-repeat:no-repeat;background-position:center;}.ck.ck-input{--ck-color-input-border:", ";--ck-color-input-disabled-border:", ";}.ck-link-form .ck-button-action{font-size:13px !important;line-height:", " !important;background:", " !important;color:", " !important;border-radius:", " !important;font-family:inherit !important;font-weight:600 !important;height:", " !important;justify-content:center !important;align-items:center !important;cursor:pointer !important;&:hover{background:", " !important;}}[data-cke-command=\"bold\"],[data-cke-command=\"italic\"],[data-cke-command=\"underline\"],[data-cke-command=\"strikethrough\"],[data-cke-command=\"alignment:left\"],[data-cke-command=\"alignment:center\"],[data-cke-command=\"alignment:right\"],[data-cke-command=\"bulletedList\"],[data-cke-command=\"numberedList\"],[data-cke-command=\"outdent\"],[data-cke-command=\"indent\"],[data-cke-command=\"cut\"],[data-cke-command=\"paste\"],[data-cke-command=\"pasteAsText\"],[data-cke-command=\"fontSize\"],[data-cke-command=\"fontColor\"],[data-cke-command=\"fontBackgroundColor\"],[data-cke-command=\"link\"],[data-cke-command=\"insertTable\"],[data-cke-command=\"insertImageViaUrl\"],[data-cke-command=\"undo\"],[data-cke-command=\"redo\"]{> .ck-icon:first-child > *,> .ck-button:first-child > .ck-icon:first-child > *,> .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > *{display:none;}> .ck-icon:first-child,> .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,> .ck-button > .ck-icon:first-child{width:24px !important;height:24px !important;}}[data-cke-command=\"bold\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"italic\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"underline\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"strikethrough\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:left\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:center\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:right\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"outdent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"indent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"cut\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"paste\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"pasteAsText\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');background-size:19px;}[data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"link\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"undo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"redo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] .ck-dropdown__panel{max-width:130px !important;.ck-list__item{min-width:128px !important;}.ck-list{.ck-button{padding:4px 12px !important;font-size:14px !important;line-height:24px !important;.ck-button__label{font-size:14px !important;font-weight:normal !important;font-family:inherit !important;line-height:24px !important;}&[data-cke-tooltip-text]{font-size:14px !important;.ck-button__label{font-size:14px !important;}}&.ck-on{position:relative;padding-right:32px !important;&::after{content:\"\";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px !important;height:24px !important;background-image:url('", "');background-size:24px 24px;background-repeat:no-repeat;background-position:center;line-height:1;}}}}.ck-list-item-button__check-holder{display:none !important;}}"], colors.gray50, colors.gray50, spacing.lg, colors.gray90, colors.gray15, spacing.xs, spacing.xl, colors.gray85, getIconUrl(boldIcon), getIconUrl(italicIcon), getIconUrl(underlineIcon), getIconUrl(strikeThroughIcon), getIconUrl(alignLeftIcon), getIconUrl(alignCenterIcon), getIconUrl(alignRightIcon), getIconUrl(unorderedListIcon), getIconUrl(orderedListIcon), getIconUrl(outdentIcon), getIconUrl(indentIcon), getIconUrl(cutIcon), getIconUrl(pasteIcon), getIconUrl(pasteAsTextIcon), getIconUrl(fontSizeIcon), getIconUrl(textColorIcon), getIconUrl(bgColorIcon), getIconUrl(linkIcon), getIconUrl(tableIcon), getIconUrl(imageIcon), getIconUrl(undoIcon), getIconUrl(redoIcon), getIconUrl(checkmarkIcon));
11
11
  //# sourceMappingURL=textEditorTheming.styles.js.map
package/dist/TextEditor/textEditorTheming/textEditorTheming.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textEditorTheming.styles.js","names":["colors","spacing","createGlobalStyle","alignCenterIcon","alignLeftIcon","alignRightIcon","bgColorIcon","boldIcon","checkmarkIcon","cutIcon","fontSizeIcon","imageIcon","indentIcon","italicIcon","linkIcon","orderedListIcon","outdentIcon","pasteAsTextIcon","pasteIcon","redoIcon","strikeThroughIcon","tableIcon","textColorIcon","underlineIcon","undoIcon","unorderedListIcon","getIconUrl","icon","startsWith","concat","encodeURIComponent","TextEditorTheme","lg","gray90","gray15","xs","xl","gray85"],"sources":["../../../src/TextEditor/textEditorTheming/textEditorTheming.styles.ts"],"sourcesContent":["import { colors, spacing } from '@procore/core-react'\nimport { createGlobalStyle } from 'styled-components'\nimport {\n alignCenterIcon,\n alignLeftIcon,\n alignRightIcon,\n bgColorIcon,\n boldIcon,\n checkmarkIcon,\n cutIcon,\n fontSizeIcon,\n imageIcon,\n indentIcon,\n italicIcon,\n linkIcon,\n orderedListIcon,\n outdentIcon,\n pasteAsTextIcon,\n pasteIcon,\n redoIcon,\n strikeThroughIcon,\n tableIcon,\n textColorIcon,\n underlineIcon,\n undoIcon,\n unorderedListIcon,\n} from './icons'\n\nconst getIconUrl = (icon: string) => {\n if (icon.startsWith('data:')) {\n return icon\n }\n return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(icon)}`\n}\n\nexport const TextEditorTheme = createGlobalStyle`\n .ck-button:first-child .ck-icon:first-child {\n background-size: 24px;\n background-repeat: no-repeat;\n background-position: center;\n }\n\n .ck-link-form .ck-button-action {\n font-size: 13px !important;\n line-height: ${spacing.lg} !important;\n background: ${colors.gray90} !important;\n color: ${colors.gray15} !important;\n border-radius: ${spacing.xs} !important;\n font-family: inherit !important;\n font-weight: 600 !important;\n height: ${spacing.xl} !important;\n justify-content: center !important;\n align-items: center !important;\n cursor: pointer !important;\n \n &:hover {\n background: ${colors.gray85} !important;\n }\n }\n \n [data-cke-command=\"bold\"],\n [data-cke-command=\"italic\"],\n [data-cke-command=\"underline\"],\n [data-cke-command=\"strikethrough\"],\n [data-cke-command=\"alignment:left\"],\n [data-cke-command=\"alignment:center\"],\n [data-cke-command=\"alignment:right\"],\n [data-cke-command=\"bulletedList\"],\n [data-cke-command=\"numberedList\"],\n [data-cke-command=\"outdent\"],\n [data-cke-command=\"indent\"],\n [data-cke-command=\"cut\"],\n [data-cke-command=\"paste\"],\n [data-cke-command=\"pasteAsText\"],\n [data-cke-command=\"fontSize\"],\n [data-cke-command=\"fontColor\"],\n [data-cke-command=\"fontBackgroundColor\"],\n [data-cke-command=\"link\"],\n [data-cke-command=\"insertTable\"],\n [data-cke-command=\"insertImageViaUrl\"],\n [data-cke-command=\"undo\"],\n [data-cke-command=\"redo\"] {\n > .ck-icon:first-child > *,\n > .ck-button:first-child > .ck-icon:first-child > *,\n > .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > * {\n display: none;\n }\n\n > .ck-icon:first-child,\n > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,\n > .ck-button > .ck-icon:first-child {\n width: 24px !important;\n height: 24px !important;\n }\n }\n\n [data-cke-command=\"bold\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(boldIcon)}');\n }\n\n [data-cke-command=\"italic\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(italicIcon)}');\n }\n\n [data-cke-command=\"underline\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(underlineIcon)}');\n }\n\n [data-cke-command=\"strikethrough\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(strikeThroughIcon)}');\n }\n\n [data-cke-command=\"alignment:left\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(alignLeftIcon)}');\n }\n\n [data-cke-command=\"alignment:center\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(alignCenterIcon)}');\n }\n\n [data-cke-command=\"alignment:right\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(alignRightIcon)}');\n }\n\n [data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n background-image: url('${getIconUrl(unorderedListIcon)}');\n }\n\n [data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n background-image: url('${getIconUrl(orderedListIcon)}');\n }\n\n [data-cke-command=\"outdent\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(outdentIcon)}');\n }\n\n [data-cke-command=\"indent\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(indentIcon)}');\n }\n\n [data-cke-command=\"cut\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(cutIcon)}');\n }\n\n [data-cke-command=\"paste\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(pasteIcon)}');\n }\n\n [data-cke-command=\"pasteAsText\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(pasteAsTextIcon)}');\n }\n\n [data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child {\n background-image: url('${getIconUrl(fontSizeIcon)}');\n background-size: 19px;\n }\n\n [data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child {\n background-image: url('${getIconUrl(textColorIcon)}');\n }\n\n [data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child {\n background-image: url('${getIconUrl(bgColorIcon)}');\n }\n [data-cke-command=\"link\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(linkIcon)}');\n }\n\n [data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child {\n background-image: url('${getIconUrl(tableIcon)}');\n }\n\n [data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(imageIcon)}');\n }\n\n [data-cke-command=\"undo\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(undoIcon)}');\n }\n\n [data-cke-command=\"redo\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(redoIcon)}');\n }\n\n [data-cke-command=\"fontSize\"] .ck-dropdown__panel {\n max-width: 130px !important;\n\n .ck-list__item {\n min-width: 128px !important;\n }\n\n .ck-list {\n .ck-button {\n padding: 4px 12px !important;\n font-size: 14px !important;\n line-height: 24px !important;\n\n .ck-button__label {\n font-size: 14px !important;\n font-weight: normal !important;\n font-family: inherit !important;\n line-height: 24px !important;\n }\n\n &[data-cke-tooltip-text] {\n font-size: 14px !important;\n\n .ck-button__label {\n font-size: 14px !important;\n }\n }\n\n &.ck-on {\n position: relative;\n padding-right: 32px !important;\n\n &::after {\n content: \"\";\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n width: 24px !important;\n height: 24px !important;\n background-image: url('${getIconUrl(checkmarkIcon)}');\n background-size: 24px 24px;\n background-repeat: no-repeat;\n background-position: center;\n line-height: 1;\n }\n }\n }\n }\n\n .ck-list-item-button__check-holder {\n display: none !important;\n }\n }\n`\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,QAAQ,qBAAqB;AACrD,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SACEC,eAAe,EACfC,aAAa,EACbC,cAAc,EACdC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,YAAY,EACZC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjBC,SAAS,EACTC,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,iBAAiB,QACZ,SAAS;AAEhB,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,IAAIA,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;IAC5B,OAAOD,IAAI;EACb;EACA,2CAAAE,MAAA,CAA2CC,kBAAkB,CAACH,IAAI,CAAC;AACrE,CAAC;AAED,OAAO,IAAMI,eAAe,gBAAG7B,iBAAiB,22IAS3BD,OAAO,CAAC+B,EAAE,EACXhC,MAAM,CAACiC,MAAM,EAClBjC,MAAM,CAACkC,MAAM,EACLjC,OAAO,CAACkC,EAAE,EAGjBlC,OAAO,CAACmC,EAAE,EAMFpC,MAAM,CAACqC,MAAM,EAyCRX,UAAU,CAACnB,QAAQ,CAAC,EAIpBmB,UAAU,CAACb,UAAU,CAAC,EAItBa,UAAU,CAACH,aAAa,CAAC,EAIzBG,UAAU,CAACN,iBAAiB,CAAC,EAI7BM,UAAU,CAACtB,aAAa,CAAC,EAIzBsB,UAAU,CAACvB,eAAe,CAAC,EAI3BuB,UAAU,CAACrB,cAAc,CAAC,EAI1BqB,UAAU,CAACD,iBAAiB,CAAC,EAI7BC,UAAU,CAACX,eAAe,CAAC,EAI3BW,UAAU,CAACV,WAAW,CAAC,EAIvBU,UAAU,CAACd,UAAU,CAAC,EAItBc,UAAU,CAACjB,OAAO,CAAC,EAInBiB,UAAU,CAACR,SAAS,CAAC,EAIrBQ,UAAU,CAACT,eAAe,CAAC,EAI3BS,UAAU,CAAChB,YAAY,CAAC,EAKxBgB,UAAU,CAACJ,aAAa,CAAC,EAIzBI,UAAU,CAACpB,WAAW,CAAC,EAGvBoB,UAAU,CAACZ,QAAQ,CAAC,EAIpBY,UAAU,CAACL,SAAS,CAAC,EAIrBK,UAAU,CAACf,SAAS,CAAC,EAIrBe,UAAU,CAACF,QAAQ,CAAC,EAIpBE,UAAU,CAACP,QAAQ,CAAC,EA2CZO,UAAU,CAAClB,aAAa,CAAC,CAc7D"}
1
+ {"version":3,"file":"textEditorTheming.styles.js","names":["colors","spacing","createGlobalStyle","alignCenterIcon","alignLeftIcon","alignRightIcon","bgColorIcon","boldIcon","checkmarkIcon","cutIcon","fontSizeIcon","imageIcon","indentIcon","italicIcon","linkIcon","orderedListIcon","outdentIcon","pasteAsTextIcon","pasteIcon","redoIcon","strikeThroughIcon","tableIcon","textColorIcon","underlineIcon","undoIcon","unorderedListIcon","getIconUrl","icon","startsWith","concat","encodeURIComponent","TextEditorTheme","gray50","lg","gray90","gray15","xs","xl","gray85"],"sources":["../../../src/TextEditor/textEditorTheming/textEditorTheming.styles.ts"],"sourcesContent":["import { colors, spacing } from '@procore/core-react'\nimport { createGlobalStyle } from 'styled-components'\nimport {\n alignCenterIcon,\n alignLeftIcon,\n alignRightIcon,\n bgColorIcon,\n boldIcon,\n checkmarkIcon,\n cutIcon,\n fontSizeIcon,\n imageIcon,\n indentIcon,\n italicIcon,\n linkIcon,\n orderedListIcon,\n outdentIcon,\n pasteAsTextIcon,\n pasteIcon,\n redoIcon,\n strikeThroughIcon,\n tableIcon,\n textColorIcon,\n underlineIcon,\n undoIcon,\n unorderedListIcon,\n} from './icons'\n\nconst getIconUrl = (icon: string) => {\n if (icon.startsWith('data:')) {\n return icon\n }\n return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(icon)}`\n}\n\nexport const TextEditorTheme = createGlobalStyle`\n .ck-button:first-child .ck-icon:first-child {\n background-size: 24px;\n background-repeat: no-repeat;\n background-position: center;\n }\n\n .ck.ck-input {\n --ck-color-input-border: ${colors.gray50};\n --ck-color-input-disabled-border: ${colors.gray50};\n }\n\n .ck-link-form .ck-button-action {\n font-size: 13px !important;\n line-height: ${spacing.lg} !important;\n background: ${colors.gray90} !important;\n color: ${colors.gray15} !important;\n border-radius: ${spacing.xs} !important;\n font-family: inherit !important;\n font-weight: 600 !important;\n height: ${spacing.xl} !important;\n justify-content: center !important;\n align-items: center !important;\n cursor: pointer !important;\n \n &:hover {\n background: ${colors.gray85} !important;\n }\n }\n \n [data-cke-command=\"bold\"],\n [data-cke-command=\"italic\"],\n [data-cke-command=\"underline\"],\n [data-cke-command=\"strikethrough\"],\n [data-cke-command=\"alignment:left\"],\n [data-cke-command=\"alignment:center\"],\n [data-cke-command=\"alignment:right\"],\n [data-cke-command=\"bulletedList\"],\n [data-cke-command=\"numberedList\"],\n [data-cke-command=\"outdent\"],\n [data-cke-command=\"indent\"],\n [data-cke-command=\"cut\"],\n [data-cke-command=\"paste\"],\n [data-cke-command=\"pasteAsText\"],\n [data-cke-command=\"fontSize\"],\n [data-cke-command=\"fontColor\"],\n [data-cke-command=\"fontBackgroundColor\"],\n [data-cke-command=\"link\"],\n [data-cke-command=\"insertTable\"],\n [data-cke-command=\"insertImageViaUrl\"],\n [data-cke-command=\"undo\"],\n [data-cke-command=\"redo\"] {\n > .ck-icon:first-child > *,\n > .ck-button:first-child > .ck-icon:first-child > *,\n > .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > * {\n display: none;\n }\n\n > .ck-icon:first-child,\n > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,\n > .ck-button > .ck-icon:first-child {\n width: 24px !important;\n height: 24px !important;\n }\n }\n\n [data-cke-command=\"bold\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(boldIcon)}');\n }\n\n [data-cke-command=\"italic\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(italicIcon)}');\n }\n\n [data-cke-command=\"underline\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(underlineIcon)}');\n }\n\n [data-cke-command=\"strikethrough\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(strikeThroughIcon)}');\n }\n\n [data-cke-command=\"alignment:left\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(alignLeftIcon)}');\n }\n\n [data-cke-command=\"alignment:center\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(alignCenterIcon)}');\n }\n\n [data-cke-command=\"alignment:right\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(alignRightIcon)}');\n }\n\n [data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n background-image: url('${getIconUrl(unorderedListIcon)}');\n }\n\n [data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n background-image: url('${getIconUrl(orderedListIcon)}');\n }\n\n [data-cke-command=\"outdent\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(outdentIcon)}');\n }\n\n [data-cke-command=\"indent\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(indentIcon)}');\n }\n\n [data-cke-command=\"cut\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(cutIcon)}');\n }\n\n [data-cke-command=\"paste\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(pasteIcon)}');\n }\n\n [data-cke-command=\"pasteAsText\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(pasteAsTextIcon)}');\n }\n\n [data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child {\n background-image: url('${getIconUrl(fontSizeIcon)}');\n background-size: 19px;\n }\n\n [data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child {\n background-image: url('${getIconUrl(textColorIcon)}');\n }\n\n [data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child {\n background-image: url('${getIconUrl(bgColorIcon)}');\n }\n [data-cke-command=\"link\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(linkIcon)}');\n }\n\n [data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child {\n background-image: url('${getIconUrl(tableIcon)}');\n }\n\n [data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(imageIcon)}');\n }\n\n [data-cke-command=\"undo\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(undoIcon)}');\n }\n\n [data-cke-command=\"redo\"] > .ck-icon:first-child {\n background-image: url('${getIconUrl(redoIcon)}');\n }\n\n [data-cke-command=\"fontSize\"] .ck-dropdown__panel {\n max-width: 130px !important;\n\n .ck-list__item {\n min-width: 128px !important;\n }\n\n .ck-list {\n .ck-button {\n padding: 4px 12px !important;\n font-size: 14px !important;\n line-height: 24px !important;\n\n .ck-button__label {\n font-size: 14px !important;\n font-weight: normal !important;\n font-family: inherit !important;\n line-height: 24px !important;\n }\n\n &[data-cke-tooltip-text] {\n font-size: 14px !important;\n\n .ck-button__label {\n font-size: 14px !important;\n }\n }\n\n &.ck-on {\n position: relative;\n padding-right: 32px !important;\n\n &::after {\n content: \"\";\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n width: 24px !important;\n height: 24px !important;\n background-image: url('${getIconUrl(checkmarkIcon)}');\n background-size: 24px 24px;\n background-repeat: no-repeat;\n background-position: center;\n line-height: 1;\n }\n }\n }\n }\n\n .ck-list-item-button__check-holder {\n display: none !important;\n }\n }\n`\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,QAAQ,qBAAqB;AACrD,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SACEC,eAAe,EACfC,aAAa,EACbC,cAAc,EACdC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,YAAY,EACZC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjBC,SAAS,EACTC,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,iBAAiB,QACZ,SAAS;AAEhB,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,IAAIA,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;IAC5B,OAAOD,IAAI;EACb;EACA,2CAAAE,MAAA,CAA2CC,kBAAkB,CAACH,IAAI,CAAC;AACrE,CAAC;AAED,OAAO,IAAMI,eAAe,gBAAG7B,iBAAiB,47IAQjBF,MAAM,CAACgC,MAAM,EACJhC,MAAM,CAACgC,MAAM,EAKhC/B,OAAO,CAACgC,EAAE,EACXjC,MAAM,CAACkC,MAAM,EAClBlC,MAAM,CAACmC,MAAM,EACLlC,OAAO,CAACmC,EAAE,EAGjBnC,OAAO,CAACoC,EAAE,EAMFrC,MAAM,CAACsC,MAAM,EAyCRZ,UAAU,CAACnB,QAAQ,CAAC,EAIpBmB,UAAU,CAACb,UAAU,CAAC,EAItBa,UAAU,CAACH,aAAa,CAAC,EAIzBG,UAAU,CAACN,iBAAiB,CAAC,EAI7BM,UAAU,CAACtB,aAAa,CAAC,EAIzBsB,UAAU,CAACvB,eAAe,CAAC,EAI3BuB,UAAU,CAACrB,cAAc,CAAC,EAI1BqB,UAAU,CAACD,iBAAiB,CAAC,EAI7BC,UAAU,CAACX,eAAe,CAAC,EAI3BW,UAAU,CAACV,WAAW,CAAC,EAIvBU,UAAU,CAACd,UAAU,CAAC,EAItBc,UAAU,CAACjB,OAAO,CAAC,EAInBiB,UAAU,CAACR,SAAS,CAAC,EAIrBQ,UAAU,CAACT,eAAe,CAAC,EAI3BS,UAAU,CAAChB,YAAY,CAAC,EAKxBgB,UAAU,CAACJ,aAAa,CAAC,EAIzBI,UAAU,CAACpB,WAAW,CAAC,EAGvBoB,UAAU,CAACZ,QAAQ,CAAC,EAIpBY,UAAU,CAACL,SAAS,CAAC,EAIrBK,UAAU,CAACf,SAAS,CAAC,EAIrBe,UAAU,CAACF,QAAQ,CAAC,EAIpBE,UAAU,CAACP,QAAQ,CAAC,EA2CZO,UAAU,CAAClB,aAAa,CAAC,CAc7D"}
package/dist/TextEditor/useCKEditorCss.js CHANGED
@@ -6,9 +6,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
6
6
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
7
  import { useEffect, useState } from 'react';
8
8
  var CKEDITOR_CSS_ID = 'ckeditor-styles';
9
- var CKEDITOR_CSS_URL = 'https://cdn.ckeditor.com/ckeditor5/47.6.1/ckeditor5.css';
9
+ var CKEDITOR_CSS_URL = 'https://cdn.ckeditor.com/ckeditor5/47.7.1/ckeditor5.css';
10
10
  var PREMIUM_FEATURE_CSS_ID = 'ckeditor-premium-styles';
11
- var CKEDITOR_CSS_PREMIUM_FEATURE_URL = 'https://cdn.ckeditor.com/ckeditor5-premium-features/47.6.1/ckeditor5-premium-features.css';
11
+ var CKEDITOR_CSS_PREMIUM_FEATURE_URL = 'https://cdn.ckeditor.com/ckeditor5-premium-features/47.7.1/ckeditor5-premium-features.css';
12
12
  export var useCKEditorCss = function useCKEditorCss() {
13
13
  var _useState = useState(true),
14
14
  _useState2 = _slicedToArray(_useState, 2),
package/dist/TextEditor/useCKEditorCss.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useCKEditorCss.js","names":["useEffect","useState","CKEDITOR_CSS_ID","CKEDITOR_CSS_URL","PREMIUM_FEATURE_CSS_ID","CKEDITOR_CSS_PREMIUM_FEATURE_URL","useCKEditorCss","_useState","_useState2","_slicedToArray","isLoading","setIsLoading","document","getElementById","link","createElement","id","href","rel","premiumFeatureLink","onload","onerror","head","appendChild"],"sources":["../../src/TextEditor/useCKEditorCss.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nconst CKEDITOR_CSS_ID = 'ckeditor-styles'\nconst CKEDITOR_CSS_URL =\n 'https://cdn.ckeditor.com/ckeditor5/47.6.1/ckeditor5.css'\n\nconst PREMIUM_FEATURE_CSS_ID = 'ckeditor-premium-styles'\nconst CKEDITOR_CSS_PREMIUM_FEATURE_URL =\n 'https://cdn.ckeditor.com/ckeditor5-premium-features/47.6.1/ckeditor5-premium-features.css'\n\nexport const useCKEditorCss = () => {\n const [isLoading, setIsLoading] = useState(true)\n\n useEffect(() => {\n if (document.getElementById(CKEDITOR_CSS_ID)) {\n setIsLoading(false)\n return\n }\n\n const link = document.createElement('link')\n link.id = CKEDITOR_CSS_ID\n link.href = CKEDITOR_CSS_URL\n link.rel = 'stylesheet'\n\n const premiumFeatureLink = document.createElement('link')\n premiumFeatureLink.id = PREMIUM_FEATURE_CSS_ID\n premiumFeatureLink.href = CKEDITOR_CSS_PREMIUM_FEATURE_URL\n premiumFeatureLink.rel = 'stylesheet'\n\n link.onload = () => {\n setIsLoading(false)\n }\n\n link.onerror = () => {\n setIsLoading(false)\n }\n\n document.head.appendChild(link)\n document.head.appendChild(premiumFeatureLink)\n }, [])\n\n return { isLoading }\n}\n"],"mappings":";;;;;;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,IAAMC,eAAe,GAAG,iBAAiB;AACzC,IAAMC,gBAAgB,GACpB,yDAAyD;AAE3D,IAAMC,sBAAsB,GAAG,yBAAyB;AACxD,IAAMC,gCAAgC,GACpC,2FAA2F;AAE7F,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,IAAAC,SAAA,GAAkCN,QAAQ,CAAC,IAAI,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAzCG,SAAS,GAAAF,UAAA;IAAEG,YAAY,GAAAH,UAAA;EAE9BR,SAAS,CAAC,YAAM;IACd,IAAIY,QAAQ,CAACC,cAAc,CAACX,eAAe,CAAC,EAAE;MAC5CS,YAAY,CAAC,KAAK,CAAC;MACnB;IACF;IAEA,IAAMG,IAAI,GAAGF,QAAQ,CAACG,aAAa,CAAC,MAAM,CAAC;IAC3CD,IAAI,CAACE,EAAE,GAAGd,eAAe;IACzBY,IAAI,CAACG,IAAI,GAAGd,gBAAgB;IAC5BW,IAAI,CAACI,GAAG,GAAG,YAAY;IAEvB,IAAMC,kBAAkB,GAAGP,QAAQ,CAACG,aAAa,CAAC,MAAM,CAAC;IACzDI,kBAAkB,CAACH,EAAE,GAAGZ,sBAAsB;IAC9Ce,kBAAkB,CAACF,IAAI,GAAGZ,gCAAgC;IAC1Dc,kBAAkB,CAACD,GAAG,GAAG,YAAY;IAErCJ,IAAI,CAACM,MAAM,GAAG,YAAM;MAClBT,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC;IAEDG,IAAI,CAACO,OAAO,GAAG,YAAM;MACnBV,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC;IAEDC,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACT,IAAI,CAAC;IAC/BF,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACJ,kBAAkB,CAAC;EAC/C,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAET,SAAS,EAATA;EAAU,CAAC;AACtB,CAAC"}
1
+ {"version":3,"file":"useCKEditorCss.js","names":["useEffect","useState","CKEDITOR_CSS_ID","CKEDITOR_CSS_URL","PREMIUM_FEATURE_CSS_ID","CKEDITOR_CSS_PREMIUM_FEATURE_URL","useCKEditorCss","_useState","_useState2","_slicedToArray","isLoading","setIsLoading","document","getElementById","link","createElement","id","href","rel","premiumFeatureLink","onload","onerror","head","appendChild"],"sources":["../../src/TextEditor/useCKEditorCss.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nconst CKEDITOR_CSS_ID = 'ckeditor-styles'\nconst CKEDITOR_CSS_URL =\n 'https://cdn.ckeditor.com/ckeditor5/47.7.1/ckeditor5.css'\n\nconst PREMIUM_FEATURE_CSS_ID = 'ckeditor-premium-styles'\nconst CKEDITOR_CSS_PREMIUM_FEATURE_URL =\n 'https://cdn.ckeditor.com/ckeditor5-premium-features/47.7.1/ckeditor5-premium-features.css'\n\nexport const useCKEditorCss = () => {\n const [isLoading, setIsLoading] = useState(true)\n\n useEffect(() => {\n if (document.getElementById(CKEDITOR_CSS_ID)) {\n setIsLoading(false)\n return\n }\n\n const link = document.createElement('link')\n link.id = CKEDITOR_CSS_ID\n link.href = CKEDITOR_CSS_URL\n link.rel = 'stylesheet'\n\n const premiumFeatureLink = document.createElement('link')\n premiumFeatureLink.id = PREMIUM_FEATURE_CSS_ID\n premiumFeatureLink.href = CKEDITOR_CSS_PREMIUM_FEATURE_URL\n premiumFeatureLink.rel = 'stylesheet'\n\n link.onload = () => {\n setIsLoading(false)\n }\n\n link.onerror = () => {\n setIsLoading(false)\n }\n\n document.head.appendChild(link)\n document.head.appendChild(premiumFeatureLink)\n }, [])\n\n return { isLoading }\n}\n"],"mappings":";;;;;;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,IAAMC,eAAe,GAAG,iBAAiB;AACzC,IAAMC,gBAAgB,GACpB,yDAAyD;AAE3D,IAAMC,sBAAsB,GAAG,yBAAyB;AACxD,IAAMC,gCAAgC,GACpC,2FAA2F;AAE7F,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,IAAAC,SAAA,GAAkCN,QAAQ,CAAC,IAAI,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAzCG,SAAS,GAAAF,UAAA;IAAEG,YAAY,GAAAH,UAAA;EAE9BR,SAAS,CAAC,YAAM;IACd,IAAIY,QAAQ,CAACC,cAAc,CAACX,eAAe,CAAC,EAAE;MAC5CS,YAAY,CAAC,KAAK,CAAC;MACnB;IACF;IAEA,IAAMG,IAAI,GAAGF,QAAQ,CAACG,aAAa,CAAC,MAAM,CAAC;IAC3CD,IAAI,CAACE,EAAE,GAAGd,eAAe;IACzBY,IAAI,CAACG,IAAI,GAAGd,gBAAgB;IAC5BW,IAAI,CAACI,GAAG,GAAG,YAAY;IAEvB,IAAMC,kBAAkB,GAAGP,QAAQ,CAACG,aAAa,CAAC,MAAM,CAAC;IACzDI,kBAAkB,CAACH,EAAE,GAAGZ,sBAAsB;IAC9Ce,kBAAkB,CAACF,IAAI,GAAGZ,gCAAgC;IAC1Dc,kBAAkB,CAACD,GAAG,GAAG,YAAY;IAErCJ,IAAI,CAACM,MAAM,GAAG,YAAM;MAClBT,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC;IAEDG,IAAI,CAACO,OAAO,GAAG,YAAM;MACnBV,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC;IAEDC,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACT,IAAI,CAAC;IAC/BF,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACJ,kBAAkB,CAAC;EAC/C,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAET,SAAS,EAATA;EAAU,CAAC;AACtB,CAAC"}
package/dist/TextEditorOutput/TextEditorOutput.styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styled from 'styled-components';
2
2
  export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
3
3
  displayName: "StyledEditor",
4
- componentId: "text-editor-0_4_0__sc-1oujb2g-0"
4
+ componentId: "text-editor-0_4_1__sc-1oujb2g-0"
5
5
  })([".ck-editor__top{height:0 !important;}.ck-content{border:none !important;padding:0 !important;--ck-content-font-family:Inter,'Noto Sans JP','Noto Sans KR','Noto Sans SC','Noto Sans TC',sans-serif;--ck-content-font-size:14px;p{margin:0;}table,img{margin-left:auto;margin-right:auto;}img{display:block;}table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;th{text-align:left;}& > thead,& > tbody{& > tr > td,& > tr > th{border:1px solid #bfbfbf;min-width:2em;padding:0.4em;}& > tr > th{background:rgba(0,0,0,0.05);font-weight:700;}}}}"]);
6
6
  //# sourceMappingURL=TextEditorOutput.styles.js.map
package/dist/_typedoc/TextEditor/TextEditor.types.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "description": "Accessible description for the editor's editable area.\nThis text provides additional context to screen reader users. It will be\nannounced after the label when the user focuses the editor.",
11
11
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Accessible description for the editor&#39;s editable area.\nThis text provides additional context to screen reader users. It will be\nannounced after the label when the user focuses the editor.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.1.0</p>\n</dd></dl></div>",
12
12
  "sourceFile": "TextEditor/TextEditor.types.ts",
13
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L68"
13
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L68"
14
14
  },
15
15
  {
16
16
  "name": "aria-label",
@@ -20,7 +20,7 @@
20
20
  "description": "Accessible label for the editor's editable area. This text will be\nannounced by screen readers when the user focuses the editor. It should\nmatch or include the visible label associated with this editor field.\nIf not provided, screen readers will announce a generic \"Rich Text Editor\" message.",
21
21
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Accessible label for the editor&#39;s editable area. This text will be\nannounced by screen readers when the user focuses the editor. It should\nmatch or include the visible label associated with this editor field.\nIf not provided, screen readers will announce a generic &quot;Rich Text Editor&quot; message.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.1.0</p>\n</dd></dl></div>",
22
22
  "sourceFile": "TextEditor/TextEditor.types.ts",
23
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L59"
23
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L59"
24
24
  },
25
25
  {
26
26
  "name": "disabled",
@@ -30,7 +30,7 @@
30
30
  "description": "Indicates if the editor is disabled",
31
31
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Indicates if the editor is disabled</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
32
32
  "sourceFile": "TextEditor/TextEditor.types.ts",
33
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L34"
33
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L34"
34
34
  },
35
35
  {
36
36
  "name": "error",
@@ -40,7 +40,7 @@
40
40
  "description": "Indicates if the editor is in an error state",
41
41
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Indicates if the editor is in an error state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
42
42
  "sourceFile": "TextEditor/TextEditor.types.ts",
43
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L41"
43
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L41"
44
44
  },
45
45
  {
46
46
  "name": "id",
@@ -50,7 +50,7 @@
50
50
  "description": "Unique identifier for the editor",
51
51
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Unique identifier for the editor</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
52
52
  "sourceFile": "TextEditor/TextEditor.types.ts",
53
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L10"
53
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L10"
54
54
  },
55
55
  {
56
56
  "name": "initialValue",
@@ -62,7 +62,7 @@
62
62
  "deprecated": "`initialValue` has been deprecated and will be removed in a future version.\nPlease use the `value` prop instead",
63
63
  "deprecatedSince": "0.0.1",
64
64
  "sourceFile": "TextEditor/TextEditor.types.ts",
65
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L20"
65
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L20"
66
66
  },
67
67
  {
68
68
  "name": "locale",
@@ -72,7 +72,7 @@
72
72
  "description": "Locale which will be used for localization. Can be passed directly or\nset by wrapping components in I18n provider.",
73
73
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Locale which will be used for localization. Can be passed directly or\nset by wrapping components in I18n provider.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
74
74
  "sourceFile": "TextEditor/TextEditor.types.ts",
75
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L75"
75
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L75"
76
76
  },
77
77
  {
78
78
  "name": "readonly",
@@ -82,7 +82,7 @@
82
82
  "description": "Indicates if the editor is in readonly mode.\nWhen true, renders the content using TextEditorOutput instead of the editable editor.",
83
83
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Indicates if the editor is in readonly mode.\nWhen true, renders the content using TextEditorOutput instead of the editable editor.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.2.0</p>\n</dd></dl></div>",
84
84
  "sourceFile": "TextEditor/TextEditor.types.ts",
85
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L49"
85
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L49"
86
86
  },
87
87
  {
88
88
  "name": "value",
@@ -92,7 +92,7 @@
92
92
  "description": "The current value of the editor",
93
93
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The current value of the editor</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
94
94
  "sourceFile": "TextEditor/TextEditor.types.ts",
95
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L27"
95
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L27"
96
96
  },
97
97
  {
98
98
  "name": "onAfterDestroy",
@@ -102,7 +102,7 @@
102
102
  "description": "Callback fired after the editor instance is destroyed",
103
103
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired after the editor instance is destroyed</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
104
104
  "sourceFile": "TextEditor/TextEditor.types.ts",
105
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L125"
105
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L125"
106
106
  },
107
107
  {
108
108
  "name": "onBlur",
@@ -112,7 +112,7 @@
112
112
  "description": "Callback fired when the editor loses focus",
113
113
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor loses focus</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
114
114
  "sourceFile": "TextEditor/TextEditor.types.ts",
115
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L98"
115
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L98"
116
116
  },
117
117
  {
118
118
  "name": "onChange",
@@ -122,7 +122,7 @@
122
122
  "description": "Callback fired when the editor content changes",
123
123
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor content changes</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
124
124
  "sourceFile": "TextEditor/TextEditor.types.ts",
125
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L84"
125
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L84"
126
126
  },
127
127
  {
128
128
  "name": "onDirty",
@@ -132,7 +132,7 @@
132
132
  "description": "Callback fired when the editor becomes dirty (content differs from initial value)",
133
133
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor becomes dirty (content differs from initial value)</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
134
134
  "sourceFile": "TextEditor/TextEditor.types.ts",
135
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L132"
135
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L132"
136
136
  },
137
137
  {
138
138
  "name": "onError",
@@ -142,7 +142,7 @@
142
142
  "description": "Callback fired when an error occurs in the editor",
143
143
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when an error occurs in the editor</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
144
144
  "sourceFile": "TextEditor/TextEditor.types.ts",
145
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L105"
145
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L105"
146
146
  },
147
147
  {
148
148
  "name": "onFocus",
@@ -152,7 +152,7 @@
152
152
  "description": "Callback fired when the editor gains focus",
153
153
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor gains focus</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
154
154
  "sourceFile": "TextEditor/TextEditor.types.ts",
155
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L91"
155
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L91"
156
156
  },
157
157
  {
158
158
  "name": "onInit",
@@ -162,7 +162,7 @@
162
162
  "description": "Callback fired when the editor is ready",
163
163
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor is ready</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
164
164
  "sourceFile": "TextEditor/TextEditor.types.ts",
165
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L118"
165
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L118"
166
166
  },
167
167
  {
168
168
  "name": "onKeyDown",
@@ -172,7 +172,7 @@
172
172
  "description": "Callback fired when a key is pressed in the editor",
173
173
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when a key is pressed in the editor</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.0.1</p>\n</dd></dl></div>",
174
174
  "sourceFile": "TextEditor/TextEditor.types.ts",
175
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L141"
175
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditor.types.ts#L141"
176
176
  }
177
177
  ],
178
178
  "description": ""
package/dist/_typedoc/TextEditor/TextEditorProvider.types.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "description": "",
11
11
  "descriptionHtml": "",
12
12
  "sourceFile": "TextEditor/TextEditorProvider.types.ts",
13
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L9"
13
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L9"
14
14
  },
15
15
  {
16
16
  "name": "features",
@@ -20,7 +20,7 @@
20
20
  "description": "- `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.\n- `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.",
21
21
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<ul>\n<li><code>stickyToolbar</code> - Have the editor toolbar stick to the top when content is longer than the page length.</li>\n<li><code>tabAsNavigation</code> - Have <code>Tab</code> key exit the editor. Support <code>Alt</code>/<code>Opt</code> + <code>Tab</code> as triple space indent.</li>\n</ul>\n</div></div>",
22
22
  "sourceFile": "TextEditor/TextEditorProvider.types.ts",
23
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L14"
23
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L14"
24
24
  }
25
25
  ],
26
26
  "description": ""
package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "description": "Additional classNames",
11
11
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.24.0</p>\n</dd></dl></div>",
12
12
  "sourceFile": "TextEditorOutput/TextEditorOutput.types.ts",
13
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L14"
13
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L14"
14
14
  },
15
15
  {
16
16
  "name": "style",
@@ -20,7 +20,7 @@
20
20
  "description": "Additional CSS styles",
21
21
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.24.0</p>\n</dd></dl></div>",
22
22
  "sourceFile": "TextEditorOutput/TextEditorOutput.types.ts",
23
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L21"
23
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L21"
24
24
  },
25
25
  {
26
26
  "name": "value",
@@ -30,7 +30,7 @@
30
30
  "description": "Formatted text from `TextEditor`",
31
31
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Formatted text from <code>TextEditor</code></p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.24.0</p>\n</dd></dl></div>",
32
32
  "sourceFile": "TextEditorOutput/TextEditorOutput.types.ts",
33
- "sourceUrl": "https://github.com/procore/core/blob/9c37d7a/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L7"
33
+ "sourceUrl": "https://github.com/procore/core/blob/0f9ce0a/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L7"
34
34
  }
35
35
  ],
36
36
  "description": ""
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@procore/text-editor",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "Rich text editor component based on CKEditor 5",
5
5
  "author": "Procore Technologies",
6
6
  "homepage": "https://github.com/procore/core/tree/main/packages/text-editor",
@@ -69,18 +69,18 @@
69
69
  "test:watch": "yarn run test --watch"
70
70
  },
71
71
  "peerDependencies": {
72
- "@procore/core-react": "^12.47.0",
72
+ "@procore/core-react": "^12.48.1",
73
73
  "@procore/globalization-toolkit": ">= 3 < 4",
74
- "ckeditor5": "^47.6.1",
75
- "ckeditor5-premium-features": "^47.6.1",
74
+ "ckeditor5": "^47.7.1",
75
+ "ckeditor5-premium-features": "^47.7.1",
76
76
  "react": ">=16.8.0 < 19",
77
77
  "react-dom": ">=16.8.0 < 19",
78
78
  "styled-components": ">= 5.1.1 < 7"
79
79
  },
80
80
  "dependencies": {
81
- "@ckeditor/ckeditor5-react": "^11.0.0",
81
+ "@ckeditor/ckeditor5-react": "^11.1.2",
82
82
  "@procore/core-i18n-js": "^10.30.0",
83
- "@procore/core-icons": "^12.16.0",
83
+ "@procore/core-icons": "^12.17.0",
84
84
  "@react-aria/focus": "3.16.2",
85
85
  "@react-aria/utils": "3.23.2",
86
86
  "sanitize-html": "^2.17.0"
@@ -94,7 +94,7 @@
94
94
  "@babel/preset-react": "7.18.6",
95
95
  "@babel/preset-typescript": "7.18.6",
96
96
  "@babel/register": "7.18.9",
97
- "@procore/core-react": "^12.47.0",
97
+ "@procore/core-react": "^12.48.1",
98
98
  "@procore/globalization-toolkit": "3.0.0",
99
99
  "@storybook/addon-webpack5-compiler-swc": "^4.0.2",
100
100
  "@storybook/jest": "^0.2.3",
@@ -117,8 +117,8 @@
117
117
  "babel-loader": "8.2.5",
118
118
  "babel-plugin-styled-components": "2.1.4",
119
119
  "chromatic": "^13.1.3",
120
- "ckeditor5": "^47.6.1",
121
- "ckeditor5-premium-features": "^47.6.1",
120
+ "ckeditor5": "^47.7.1",
121
+ "ckeditor5-premium-features": "^47.7.1",
122
122
  "css-loader": "^7.1.2",
123
123
  "eslint": "8.31.0",
124
124
  "eslint-config-prettier": "8.6.0",