carbon-react 148.0.0 → 149.0.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/esm/__internal__/label/label.component.js +4 -1
- package/esm/components/note/note.component.d.ts +1 -2
- package/esm/components/note/note.component.js +6 -9
- package/esm/components/tabs/__internal__/tab-title/tab-title.style.js +2 -1
- package/esm/components/text-editor/__internal__/constants.d.ts +21 -0
- package/esm/components/text-editor/__internal__/constants.js +29 -0
- package/esm/components/text-editor/__internal__/helpers.d.ts +20 -0
- package/esm/components/text-editor/__internal__/helpers.js +84 -0
- package/esm/components/text-editor/__internal__/index.d.ts +2 -0
- package/esm/components/text-editor/__internal__/index.js +2 -0
- package/esm/components/text-editor/__internal__/plugins/AutoLinker/auto-link.component.d.ts +3 -0
- package/esm/components/text-editor/__internal__/plugins/AutoLinker/auto-link.component.js +28 -0
- package/esm/components/text-editor/__internal__/plugins/AutoLinker/index.d.ts +1 -0
- package/esm/components/text-editor/__internal__/plugins/AutoLinker/index.js +1 -0
- package/esm/components/text-editor/__internal__/plugins/CharacterCounter/__test__/character-counter.component.d.ts +10 -0
- package/esm/components/text-editor/__internal__/plugins/CharacterCounter/__test__/character-counter.component.js +33 -0
- package/esm/components/text-editor/__internal__/plugins/CharacterCounter/character-counter.component.d.ts +9 -0
- package/esm/components/text-editor/__internal__/plugins/CharacterCounter/character-counter.component.js +59 -0
- package/esm/components/text-editor/__internal__/plugins/CharacterCounter/character-counter.style.d.ts +3 -0
- package/esm/components/text-editor/__internal__/plugins/CharacterCounter/character-counter.style.js +17 -0
- package/esm/components/text-editor/__internal__/plugins/CharacterCounter/index.d.ts +1 -0
- package/esm/components/text-editor/__internal__/plugins/CharacterCounter/index.js +1 -0
- package/esm/components/text-editor/__internal__/plugins/ContentEditor/content-editor.component.d.ts +17 -0
- package/esm/components/text-editor/__internal__/plugins/ContentEditor/content-editor.component.js +40 -0
- package/esm/components/text-editor/__internal__/plugins/ContentEditor/content-editor.style.d.ts +6 -0
- package/esm/components/text-editor/__internal__/plugins/ContentEditor/content-editor.style.js +34 -0
- package/esm/components/text-editor/__internal__/plugins/ContentEditor/index.d.ts +1 -0
- package/esm/components/text-editor/__internal__/plugins/ContentEditor/index.js +1 -0
- package/esm/components/text-editor/__internal__/plugins/LinkMonitor/index.d.ts +1 -0
- package/esm/components/text-editor/__internal__/plugins/LinkMonitor/index.js +1 -0
- package/esm/components/text-editor/__internal__/plugins/LinkMonitor/link-monitor.plugin.d.ts +2 -0
- package/esm/components/text-editor/__internal__/plugins/LinkMonitor/link-monitor.plugin.js +62 -0
- package/esm/components/text-editor/__internal__/plugins/LinkPreviewer/index.d.ts +1 -0
- package/esm/components/text-editor/__internal__/plugins/LinkPreviewer/index.js +1 -0
- package/esm/components/text-editor/__internal__/plugins/LinkPreviewer/link-previewer.component.d.ts +11 -0
- package/esm/components/text-editor/__internal__/plugins/LinkPreviewer/link-previewer.component.js +19 -0
- package/esm/components/text-editor/__internal__/plugins/LinkPreviewer/link-previewer.style.d.ts +6 -0
- package/esm/components/text-editor/__internal__/plugins/LinkPreviewer/link-previewer.style.js +29 -0
- package/esm/components/text-editor/__internal__/plugins/OnChange/index.d.ts +1 -0
- package/esm/components/text-editor/__internal__/plugins/OnChange/index.js +1 -0
- package/esm/components/text-editor/__internal__/plugins/OnChange/on-change.plugin.d.ts +5 -0
- package/esm/components/text-editor/__internal__/plugins/OnChange/on-change.plugin.js +25 -0
- package/esm/components/text-editor/__internal__/plugins/Placeholder/index.d.ts +1 -0
- package/esm/components/text-editor/__internal__/plugins/Placeholder/index.js +1 -0
- package/esm/components/text-editor/__internal__/plugins/Placeholder/placeholder.component.d.ts +14 -0
- package/esm/components/text-editor/__internal__/plugins/Placeholder/placeholder.component.js +17 -0
- package/esm/components/text-editor/__internal__/plugins/Placeholder/placeholder.style.d.ts +2 -0
- package/esm/components/text-editor/__internal__/plugins/Placeholder/placeholder.style.js +8 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/bold.component.d.ts +4 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/bold.component.js +41 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/common.d.ts +6 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/common.js +1 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/index.d.ts +4 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/index.js +4 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/italic.component.d.ts +4 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/italic.component.js +41 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/list.component.d.ts +5 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/list.component.js +317 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/save.component.d.ts +34 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/save.component.js +29 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/index.d.ts +1 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/toolbar.component.d.ts +12 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/toolbar.component.js +111 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/toolbar.style.d.ts +11 -0
- package/esm/components/text-editor/__internal__/plugins/Toolbar/toolbar.style.js +57 -0
- package/esm/components/text-editor/__internal__/plugins/index.d.ts +9 -0
- package/esm/components/text-editor/__internal__/plugins/index.js +9 -0
- package/esm/components/text-editor/__internal__/plugins/useCursorAtEnd/index.d.ts +2 -0
- package/esm/components/text-editor/__internal__/plugins/useCursorAtEnd/index.js +71 -0
- package/esm/components/text-editor/__internal__/read-only-rte.component.d.ts +4 -0
- package/esm/components/text-editor/__internal__/read-only-rte.component.js +62 -0
- package/esm/components/text-editor/__internal__/style.css +7 -0
- package/esm/components/text-editor/__internal__/utils.d.ts +4 -0
- package/esm/components/text-editor/__internal__/utils.js +14 -0
- package/esm/components/text-editor/index.d.ts +2 -1
- package/esm/components/text-editor/index.js +2 -1
- package/esm/components/text-editor/text-editor.component.d.ts +32 -28
- package/esm/components/text-editor/text-editor.component.js +139 -478
- package/esm/components/text-editor/text-editor.context.d.ts +6 -0
- package/esm/components/text-editor/text-editor.context.js +4 -0
- package/esm/components/text-editor/text-editor.style.d.ts +18 -11
- package/esm/components/text-editor/text-editor.style.js +55 -52
- package/esm/locales/de-de.js +0 -14
- package/esm/locales/en-gb.js +18 -14
- package/esm/locales/es-es.js +0 -14
- package/esm/locales/fr-ca.js +0 -14
- package/esm/locales/fr-fr.js +0 -14
- package/esm/locales/locale.d.ts +14 -14
- package/lib/__internal__/label/label.component.js +3 -0
- package/lib/components/note/note.component.d.ts +1 -2
- package/lib/components/note/note.component.js +6 -9
- package/lib/components/tabs/__internal__/tab-title/tab-title.style.js +2 -1
- package/lib/components/text-editor/__internal__/constants.d.ts +21 -0
- package/lib/components/text-editor/__internal__/constants.js +33 -0
- package/lib/components/text-editor/__internal__/helpers.d.ts +20 -0
- package/lib/components/text-editor/__internal__/helpers.js +91 -0
- package/lib/components/text-editor/__internal__/index.d.ts +2 -0
- package/lib/components/text-editor/__internal__/index.js +26 -0
- package/lib/components/text-editor/__internal__/package.json +6 -0
- package/lib/components/text-editor/__internal__/plugins/AutoLinker/auto-link.component.d.ts +3 -0
- package/lib/components/text-editor/__internal__/plugins/AutoLinker/auto-link.component.js +36 -0
- package/lib/components/text-editor/__internal__/plugins/AutoLinker/index.d.ts +1 -0
- package/lib/components/text-editor/__internal__/{editor-link → plugins/AutoLinker}/index.js +2 -2
- package/lib/components/text-editor/__internal__/{toolbar/toolbar-button → plugins/AutoLinker}/package.json +1 -1
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/__test__/character-counter.component.d.ts +10 -0
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/__test__/character-counter.component.js +42 -0
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/character-counter.component.d.ts +9 -0
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/character-counter.component.js +68 -0
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/character-counter.style.d.ts +3 -0
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/character-counter.style.js +24 -0
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/index.d.ts +1 -0
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/index.js +13 -0
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/package.json +6 -0
- package/lib/components/text-editor/__internal__/plugins/ContentEditor/content-editor.component.d.ts +17 -0
- package/lib/components/text-editor/__internal__/plugins/ContentEditor/content-editor.component.js +48 -0
- package/lib/components/text-editor/__internal__/plugins/ContentEditor/content-editor.style.d.ts +6 -0
- package/lib/components/text-editor/__internal__/plugins/ContentEditor/content-editor.style.js +42 -0
- package/lib/components/text-editor/__internal__/plugins/ContentEditor/index.d.ts +1 -0
- package/lib/components/text-editor/__internal__/{toolbar/toolbar-button → plugins/ContentEditor}/index.js +2 -2
- package/lib/components/text-editor/__internal__/plugins/ContentEditor/package.json +6 -0
- package/lib/components/text-editor/__internal__/plugins/LinkMonitor/index.d.ts +1 -0
- package/lib/components/text-editor/__internal__/{label-wrapper → plugins/LinkMonitor}/index.js +2 -2
- package/lib/components/text-editor/__internal__/plugins/LinkMonitor/link-monitor.plugin.d.ts +2 -0
- package/lib/components/text-editor/__internal__/plugins/LinkMonitor/link-monitor.plugin.js +70 -0
- package/lib/components/text-editor/__internal__/plugins/LinkMonitor/package.json +6 -0
- package/lib/components/text-editor/__internal__/plugins/LinkPreviewer/index.d.ts +1 -0
- package/lib/components/text-editor/__internal__/plugins/LinkPreviewer/index.js +13 -0
- package/lib/components/text-editor/__internal__/plugins/LinkPreviewer/link-previewer.component.d.ts +11 -0
- package/lib/components/text-editor/__internal__/plugins/LinkPreviewer/link-previewer.component.js +28 -0
- package/lib/components/text-editor/__internal__/plugins/LinkPreviewer/link-previewer.style.d.ts +6 -0
- package/lib/components/text-editor/__internal__/{toolbar/toolbar-button/toolbar-button.style.js → plugins/LinkPreviewer/link-previewer.style.js} +21 -31
- package/lib/components/text-editor/__internal__/plugins/LinkPreviewer/package.json +6 -0
- package/lib/components/text-editor/__internal__/plugins/OnChange/index.d.ts +1 -0
- package/lib/components/text-editor/__internal__/plugins/OnChange/index.js +13 -0
- package/lib/components/text-editor/__internal__/plugins/OnChange/on-change.plugin.d.ts +5 -0
- package/lib/components/text-editor/__internal__/plugins/OnChange/on-change.plugin.js +32 -0
- package/lib/components/text-editor/__internal__/plugins/OnChange/package.json +6 -0
- package/lib/components/text-editor/__internal__/plugins/Placeholder/index.d.ts +1 -0
- package/lib/components/text-editor/__internal__/plugins/Placeholder/index.js +13 -0
- package/lib/components/text-editor/__internal__/plugins/Placeholder/package.json +6 -0
- package/lib/components/text-editor/__internal__/plugins/Placeholder/placeholder.component.d.ts +14 -0
- package/lib/components/text-editor/__internal__/plugins/Placeholder/placeholder.component.js +25 -0
- package/lib/components/text-editor/__internal__/plugins/Placeholder/placeholder.style.d.ts +2 -0
- package/lib/components/text-editor/__internal__/plugins/Placeholder/placeholder.style.js +15 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/bold.component.d.ts +4 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/bold.component.js +48 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/common.d.ts +6 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/common.js +5 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/index.d.ts +4 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/index.js +34 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/italic.component.d.ts +4 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/italic.component.js +47 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/list.component.d.ts +5 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/list.component.js +325 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/package.json +6 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/save.component.d.ts +34 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/save.component.js +36 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/index.d.ts +1 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/package.json +6 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/toolbar.component.d.ts +12 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/toolbar.component.js +120 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/toolbar.style.d.ts +11 -0
- package/lib/components/text-editor/__internal__/plugins/Toolbar/toolbar.style.js +65 -0
- package/lib/components/text-editor/__internal__/plugins/index.d.ts +9 -0
- package/lib/components/text-editor/__internal__/plugins/index.js +69 -0
- package/lib/components/text-editor/__internal__/{toolbar → plugins}/package.json +1 -1
- package/lib/components/text-editor/__internal__/plugins/useCursorAtEnd/index.d.ts +2 -0
- package/lib/components/text-editor/__internal__/plugins/useCursorAtEnd/index.js +78 -0
- package/lib/components/text-editor/__internal__/plugins/useCursorAtEnd/package.json +6 -0
- package/lib/components/text-editor/__internal__/read-only-rte.component.d.ts +4 -0
- package/lib/components/text-editor/__internal__/read-only-rte.component.js +72 -0
- package/lib/components/text-editor/__internal__/style.css +7 -0
- package/lib/components/text-editor/__internal__/utils.d.ts +4 -0
- package/lib/components/text-editor/__internal__/utils.js +21 -0
- package/lib/components/text-editor/index.d.ts +2 -1
- package/lib/components/text-editor/index.js +7 -7
- package/lib/components/text-editor/text-editor.component.d.ts +32 -28
- package/lib/components/text-editor/text-editor.component.js +141 -477
- package/lib/components/text-editor/text-editor.context.d.ts +6 -0
- package/lib/components/text-editor/{__internal__/editor.context.js → text-editor.context.js} +1 -0
- package/lib/components/text-editor/text-editor.style.d.ts +18 -11
- package/lib/components/text-editor/text-editor.style.js +57 -53
- package/lib/locales/de-de.js +0 -14
- package/lib/locales/en-gb.js +18 -14
- package/lib/locales/es-es.js +0 -14
- package/lib/locales/fr-ca.js +0 -14
- package/lib/locales/fr-fr.js +0 -14
- package/lib/locales/locale.d.ts +14 -14
- package/package.json +7 -4
- package/esm/components/text-editor/__internal__/decorators/index.d.ts +0 -3
- package/esm/components/text-editor/__internal__/decorators/index.js +0 -3
- package/esm/components/text-editor/__internal__/decorators/link-decorator.d.ts +0 -8
- package/esm/components/text-editor/__internal__/decorators/link-decorator.js +0 -37
- package/esm/components/text-editor/__internal__/editor-link/editor-link.component.d.ts +0 -9
- package/esm/components/text-editor/__internal__/editor-link/editor-link.component.js +0 -36
- package/esm/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +0 -3
- package/esm/components/text-editor/__internal__/editor-link/editor-link.style.js +0 -13
- package/esm/components/text-editor/__internal__/editor-link/index.d.ts +0 -2
- package/esm/components/text-editor/__internal__/editor-link/index.js +0 -1
- package/esm/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.component.d.ts +0 -11
- package/esm/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.component.js +0 -18
- package/esm/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.style.d.ts +0 -2
- package/esm/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.style.js +0 -11
- package/esm/components/text-editor/__internal__/editor-validation-wrapper/index.d.ts +0 -2
- package/esm/components/text-editor/__internal__/editor-validation-wrapper/index.js +0 -1
- package/esm/components/text-editor/__internal__/editor.context.d.ts +0 -6
- package/esm/components/text-editor/__internal__/editor.context.js +0 -2
- package/esm/components/text-editor/__internal__/label-wrapper/index.d.ts +0 -2
- package/esm/components/text-editor/__internal__/label-wrapper/index.js +0 -1
- package/esm/components/text-editor/__internal__/label-wrapper/label-wrapper.component.d.ts +0 -12
- package/esm/components/text-editor/__internal__/label-wrapper/label-wrapper.component.js +0 -18
- package/esm/components/text-editor/__internal__/toolbar/index.d.ts +0 -2
- package/esm/components/text-editor/__internal__/toolbar/toolbar-button/index.d.ts +0 -2
- package/esm/components/text-editor/__internal__/toolbar/toolbar-button/index.js +0 -1
- package/esm/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.d.ts +0 -25
- package/esm/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.js +0 -50
- package/esm/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.d.ts +0 -6
- package/esm/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.js +0 -38
- package/esm/components/text-editor/__internal__/toolbar/toolbar.component.d.ts +0 -16
- package/esm/components/text-editor/__internal__/toolbar/toolbar.component.js +0 -158
- package/esm/components/text-editor/__internal__/toolbar/toolbar.style.d.ts +0 -4
- package/esm/components/text-editor/__internal__/toolbar/toolbar.style.js +0 -28
- package/esm/components/text-editor/__internal__/utils/index.d.ts +0 -1
- package/esm/components/text-editor/__internal__/utils/index.js +0 -1
- package/esm/components/text-editor/__internal__/utils/utils.d.ts +0 -29
- package/esm/components/text-editor/__internal__/utils/utils.js +0 -174
- package/esm/components/text-editor/types.d.ts +0 -6
- package/esm/components/text-editor/types.js +0 -4
- package/lib/components/text-editor/__internal__/decorators/index.d.ts +0 -3
- package/lib/components/text-editor/__internal__/decorators/index.js +0 -10
- package/lib/components/text-editor/__internal__/decorators/link-decorator.d.ts +0 -8
- package/lib/components/text-editor/__internal__/decorators/link-decorator.js +0 -44
- package/lib/components/text-editor/__internal__/decorators/package.json +0 -6
- package/lib/components/text-editor/__internal__/editor-link/editor-link.component.d.ts +0 -9
- package/lib/components/text-editor/__internal__/editor-link/editor-link.component.js +0 -45
- package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +0 -3
- package/lib/components/text-editor/__internal__/editor-link/editor-link.style.js +0 -20
- package/lib/components/text-editor/__internal__/editor-link/index.d.ts +0 -2
- package/lib/components/text-editor/__internal__/editor-link/package.json +0 -6
- package/lib/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.component.d.ts +0 -11
- package/lib/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.component.js +0 -25
- package/lib/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.style.d.ts +0 -2
- package/lib/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.style.js +0 -18
- package/lib/components/text-editor/__internal__/editor-validation-wrapper/index.d.ts +0 -2
- package/lib/components/text-editor/__internal__/editor-validation-wrapper/index.js +0 -13
- package/lib/components/text-editor/__internal__/editor-validation-wrapper/package.json +0 -6
- package/lib/components/text-editor/__internal__/editor.context.d.ts +0 -6
- package/lib/components/text-editor/__internal__/label-wrapper/index.d.ts +0 -2
- package/lib/components/text-editor/__internal__/label-wrapper/label-wrapper.component.d.ts +0 -12
- package/lib/components/text-editor/__internal__/label-wrapper/label-wrapper.component.js +0 -25
- package/lib/components/text-editor/__internal__/label-wrapper/package.json +0 -6
- package/lib/components/text-editor/__internal__/toolbar/index.d.ts +0 -2
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/index.d.ts +0 -2
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.d.ts +0 -25
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.js +0 -56
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.d.ts +0 -6
- package/lib/components/text-editor/__internal__/toolbar/toolbar.component.d.ts +0 -16
- package/lib/components/text-editor/__internal__/toolbar/toolbar.component.js +0 -167
- package/lib/components/text-editor/__internal__/toolbar/toolbar.style.d.ts +0 -4
- package/lib/components/text-editor/__internal__/toolbar/toolbar.style.js +0 -34
- package/lib/components/text-editor/__internal__/utils/index.d.ts +0 -1
- package/lib/components/text-editor/__internal__/utils/index.js +0 -90
- package/lib/components/text-editor/__internal__/utils/package.json +0 -6
- package/lib/components/text-editor/__internal__/utils/utils.d.ts +0 -29
- package/lib/components/text-editor/__internal__/utils/utils.js +0 -197
- package/lib/components/text-editor/types.d.ts +0 -6
- package/lib/components/text-editor/types.js +0 -10
- /package/esm/components/text-editor/__internal__/{toolbar → plugins/Toolbar}/index.js +0 -0
- /package/lib/components/text-editor/__internal__/{toolbar → plugins/Toolbar}/index.js +0 -0
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _editorLink = _interopRequireDefault(require("./editor-link.style"));
|
|
10
|
-
var _editor = _interopRequireDefault(require("../../__internal__/editor.context"));
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
|
-
const EditorLink = ({
|
|
16
|
-
children,
|
|
17
|
-
contentState,
|
|
18
|
-
entityKey,
|
|
19
|
-
...rest
|
|
20
|
-
}) => {
|
|
21
|
-
const url = !!contentState && !!entityKey ? contentState.getEntity(entityKey).getData() : children[0].props.text;
|
|
22
|
-
const buildValidUrl = () => {
|
|
23
|
-
const candidateUrl = url.url || url;
|
|
24
|
-
const regex = /(http:\/\/|https:\/\/)+/g;
|
|
25
|
-
return regex.test(candidateUrl) ? candidateUrl : `https://${candidateUrl}`;
|
|
26
|
-
};
|
|
27
|
-
const validUrl = buildValidUrl();
|
|
28
|
-
const {
|
|
29
|
-
onLinkAdded,
|
|
30
|
-
editMode
|
|
31
|
-
} = (0, _react.useContext)(_editor.default);
|
|
32
|
-
(0, _react.useEffect)(() => {
|
|
33
|
-
if (onLinkAdded) {
|
|
34
|
-
onLinkAdded(validUrl);
|
|
35
|
-
}
|
|
36
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
37
|
-
}, [validUrl]);
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(_editorLink.default, _extends({
|
|
39
|
-
href: !editMode ? validUrl : undefined,
|
|
40
|
-
"aria-label": !editMode ? validUrl : undefined,
|
|
41
|
-
target: "_blank",
|
|
42
|
-
rel: "noopener noreferrer"
|
|
43
|
-
}, rest), children);
|
|
44
|
-
};
|
|
45
|
-
var _default = exports.default = EditorLink;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, {}, never>;
|
|
3
|
-
export default StyledEditorLink;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
var _link = _interopRequireDefault(require("../../../link"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
const StyledEditorLink = (0, _styledComponents.default)(_link.default)`
|
|
11
|
-
max-width: 100%;
|
|
12
|
-
|
|
13
|
-
a {
|
|
14
|
-
max-width: 100% span span span {
|
|
15
|
-
font-weight: 500;
|
|
16
|
-
font-style: normal;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
`;
|
|
20
|
-
var _default = exports.default = StyledEditorLink;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface EditorValidationWrapperProps {
|
|
3
|
-
/** Message to be displayed when there is an error */
|
|
4
|
-
error?: string;
|
|
5
|
-
/** Message to be displayed when there is a warning */
|
|
6
|
-
warning?: string;
|
|
7
|
-
/** Message to be displayed when there is an info */
|
|
8
|
-
info?: string;
|
|
9
|
-
}
|
|
10
|
-
declare const ValidationWrapper: ({ error, warning, info, }: EditorValidationWrapperProps) => React.JSX.Element;
|
|
11
|
-
export default ValidationWrapper;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _editorValidationWrapper = _interopRequireDefault(require("./editor-validation-wrapper.style"));
|
|
10
|
-
var _validations = _interopRequireDefault(require("../../../../__internal__/validations"));
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
const ValidationWrapper = ({
|
|
13
|
-
error,
|
|
14
|
-
warning,
|
|
15
|
-
info
|
|
16
|
-
}) => /*#__PURE__*/_react.default.createElement(_editorValidationWrapper.default, {
|
|
17
|
-
"data-component": "text-editor-validation-wrapper"
|
|
18
|
-
}, /*#__PURE__*/_react.default.createElement(_validations.default, {
|
|
19
|
-
error: error,
|
|
20
|
-
warning: warning,
|
|
21
|
-
info: info,
|
|
22
|
-
tooltipPosition: "top",
|
|
23
|
-
tabIndex: 0
|
|
24
|
-
}));
|
|
25
|
-
var _default = exports.default = ValidationWrapper;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
const StyledValidationWrapper = _styledComponents.default.div`
|
|
10
|
-
margin: var(--spacing200) var(--spacing200) var(--spacing000)
|
|
11
|
-
var(--spacing050);
|
|
12
|
-
min-width: var(--sizing500);
|
|
13
|
-
height: var(--sizing275);
|
|
14
|
-
display: flex;
|
|
15
|
-
float: right;
|
|
16
|
-
align-items: center;
|
|
17
|
-
`;
|
|
18
|
-
var _default = exports.default = StyledValidationWrapper;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "default", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _editorValidationWrapper.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _editorValidationWrapper = _interopRequireDefault(require("./editor-validation-wrapper.component"));
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
/**
|
|
3
|
-
* TextEditor component is composed with divs and spans.
|
|
4
|
-
* We have to manually trigger focus on TextEditor by clicking on label component.
|
|
5
|
-
* This wrapper allows us to trigger focus on TextEditor
|
|
6
|
-
*/
|
|
7
|
-
export interface LabelWrapperProps {
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
onClick: (event: React.MouseEvent<HTMLSpanElement>) => void;
|
|
10
|
-
}
|
|
11
|
-
declare const LabelWrapper: ({ onClick, children }: LabelWrapperProps) => React.JSX.Element;
|
|
12
|
-
export default LabelWrapper;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
11
|
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* TextEditor component is composed with divs and spans.
|
|
15
|
-
* We have to manually trigger focus on TextEditor by clicking on label component.
|
|
16
|
-
* This wrapper allows us to trigger focus on TextEditor
|
|
17
|
-
*/const LabelWrapper = ({
|
|
18
|
-
onClick,
|
|
19
|
-
children
|
|
20
|
-
}) => {
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement("span", {
|
|
22
|
-
onClick: onClick
|
|
23
|
-
}, " ", children, " ");
|
|
24
|
-
};
|
|
25
|
-
var _default = exports.default = LabelWrapper;
|
package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface ToolbarButtonProps {
|
|
3
|
-
/** Accessibility label for a button */
|
|
4
|
-
ariaLabel: string;
|
|
5
|
-
/** The children for the button */
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
/** Used to control the button's active status */
|
|
8
|
-
activated?: boolean;
|
|
9
|
-
/** Callback to handle any keydown events on a button */
|
|
10
|
-
onKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
11
|
-
/** Callback to handle any mousedown events on a button */
|
|
12
|
-
onMouseDown: (ev: React.MouseEvent<HTMLButtonElement>) => void;
|
|
13
|
-
/** Callback to handle any mouseover events on a button */
|
|
14
|
-
onMouseOver?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
|
|
15
|
-
/** Callback to handle any mouseleave events on a button */
|
|
16
|
-
onMouseLeave?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
|
|
17
|
-
/** Callback to handle any focus events on a button */
|
|
18
|
-
onFocus?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
|
|
19
|
-
/** Callback to handle any blur events on a button */
|
|
20
|
-
onBlur?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
|
|
21
|
-
/** Controls whether the button can be tabbed to */
|
|
22
|
-
tabbable?: boolean;
|
|
23
|
-
}
|
|
24
|
-
export declare const ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
25
|
-
export default ToolbarButton;
|
package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.js
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.ToolbarButton = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _toolbarButton = _interopRequireDefault(require("./toolbar-button.style"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
-
const ToolbarButton = exports.ToolbarButton = /*#__PURE__*/_react.default.forwardRef(({
|
|
13
|
-
onKeyDown,
|
|
14
|
-
onMouseDown,
|
|
15
|
-
activated,
|
|
16
|
-
ariaLabel,
|
|
17
|
-
tabbable,
|
|
18
|
-
children,
|
|
19
|
-
onMouseOver,
|
|
20
|
-
onMouseLeave,
|
|
21
|
-
onFocus,
|
|
22
|
-
onBlur
|
|
23
|
-
}, ref) => {
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarButton.default, _extends({
|
|
25
|
-
"data-component": "text-editor-toolbar-button",
|
|
26
|
-
ref: ref,
|
|
27
|
-
onKeyDown: onKeyDown,
|
|
28
|
-
onMouseDown: onMouseDown,
|
|
29
|
-
isActive: activated,
|
|
30
|
-
"aria-label": ariaLabel,
|
|
31
|
-
"aria-pressed": activated
|
|
32
|
-
}, !tabbable && {
|
|
33
|
-
tabIndex: -1
|
|
34
|
-
}, {
|
|
35
|
-
onMouseOver: onMouseOver,
|
|
36
|
-
onMouseLeave: onMouseLeave,
|
|
37
|
-
onFocus: onFocus,
|
|
38
|
-
onBlur: onBlur
|
|
39
|
-
}), children);
|
|
40
|
-
});
|
|
41
|
-
if (process.env.NODE_ENV !== "production") {
|
|
42
|
-
ToolbarButton.propTypes = {
|
|
43
|
-
"activated": _propTypes.default.bool,
|
|
44
|
-
"ariaLabel": _propTypes.default.string.isRequired,
|
|
45
|
-
"children": _propTypes.default.node,
|
|
46
|
-
"onBlur": _propTypes.default.func,
|
|
47
|
-
"onFocus": _propTypes.default.func,
|
|
48
|
-
"onKeyDown": _propTypes.default.func.isRequired,
|
|
49
|
-
"onMouseDown": _propTypes.default.func.isRequired,
|
|
50
|
-
"onMouseLeave": _propTypes.default.func,
|
|
51
|
-
"onMouseOver": _propTypes.default.func,
|
|
52
|
-
"tabbable": _propTypes.default.bool
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
ToolbarButton.displayName = "ToolbarButton";
|
|
56
|
-
var _default = exports.default = ToolbarButton;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import type { InlineStyleType, BlockType } from "../../types";
|
|
3
|
-
export interface ToolbarProps {
|
|
4
|
-
/** Used to override the active status of the inline controls */
|
|
5
|
-
activeControls: Record<InlineStyleType | BlockType, boolean>;
|
|
6
|
-
/** Flag to trigger control focusing */
|
|
7
|
-
canFocus?: boolean;
|
|
8
|
-
/** Callback to handle setting the inline styles */
|
|
9
|
-
setInlineStyle: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>, inlineType: InlineStyleType) => void;
|
|
10
|
-
/** Callback to handle setting the block styles */
|
|
11
|
-
setBlockStyle: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>, blockType: BlockType) => void;
|
|
12
|
-
/** Additional elements to be rendered in the Toolbar, e.g. Save and Cancel Button */
|
|
13
|
-
toolbarElements?: React.ReactNode;
|
|
14
|
-
}
|
|
15
|
-
declare const Toolbar: ({ activeControls, canFocus, toolbarElements, setBlockStyle, setInlineStyle, }: ToolbarProps) => React.JSX.Element;
|
|
16
|
-
export default Toolbar;
|
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _toolbar = require("./toolbar.style");
|
|
10
|
-
var _toolbarButton = _interopRequireDefault(require("./toolbar-button"));
|
|
11
|
-
var _events = _interopRequireDefault(require("../../../../__internal__/utils/helpers/events"));
|
|
12
|
-
var _icon = _interopRequireDefault(require("../../../icon"));
|
|
13
|
-
var _tooltip = _interopRequireDefault(require("../../../tooltip"));
|
|
14
|
-
var _useLocale = _interopRequireDefault(require("../../../../hooks/__internal__/useLocale"));
|
|
15
|
-
var _types = require("../../types");
|
|
16
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
|
-
const Toolbar = ({
|
|
20
|
-
activeControls,
|
|
21
|
-
canFocus,
|
|
22
|
-
toolbarElements,
|
|
23
|
-
setBlockStyle,
|
|
24
|
-
setInlineStyle
|
|
25
|
-
}) => {
|
|
26
|
-
const {
|
|
27
|
-
textEditor
|
|
28
|
-
} = (0, _useLocale.default)();
|
|
29
|
-
const {
|
|
30
|
-
tooltipMessages,
|
|
31
|
-
ariaLabels
|
|
32
|
-
} = textEditor;
|
|
33
|
-
const controlRefs = (0, _react.useRef)([/*#__PURE__*/_react.default.createRef(), /*#__PURE__*/_react.default.createRef(), /*#__PURE__*/_react.default.createRef(), /*#__PURE__*/_react.default.createRef()]);
|
|
34
|
-
const [focusIndex, setFocusIndex] = (0, _react.useState)(null);
|
|
35
|
-
const [tabbable, setTabbable] = (0, _react.useState)(true);
|
|
36
|
-
const [activeTooltip, setActiveTooltip] = (0, _react.useState)("");
|
|
37
|
-
const handleInlineStyleChange = (0, _react.useCallback)((ev, inlineType) => {
|
|
38
|
-
setInlineStyle(ev, inlineType);
|
|
39
|
-
}, [setInlineStyle]);
|
|
40
|
-
const handleBlockType = (0, _react.useCallback)((ev, blockType) => {
|
|
41
|
-
setBlockStyle(ev, blockType);
|
|
42
|
-
}, [setBlockStyle]);
|
|
43
|
-
const handleKeyDown = (0, _react.useCallback)((ev, type) => {
|
|
44
|
-
if (_events.default.isTabKey(ev)) {
|
|
45
|
-
setFocusIndex(null);
|
|
46
|
-
} else if (_events.default.isSpaceKey(ev) || _events.default.isEnterKey(ev)) {
|
|
47
|
-
if (type === _types.BOLD || type === _types.ITALIC) {
|
|
48
|
-
handleInlineStyleChange(ev, type);
|
|
49
|
-
} else {
|
|
50
|
-
handleBlockType(ev, type);
|
|
51
|
-
}
|
|
52
|
-
setFocusIndex(0);
|
|
53
|
-
setTabbable(true);
|
|
54
|
-
} else if (_events.default.isLeftKey(ev)) {
|
|
55
|
-
if (focusIndex === null || focusIndex === 0) {
|
|
56
|
-
controlRefs.current[3].current?.focus();
|
|
57
|
-
setFocusIndex(3);
|
|
58
|
-
} else {
|
|
59
|
-
controlRefs.current[focusIndex - 1].current?.focus();
|
|
60
|
-
setFocusIndex(focusIndex - 1);
|
|
61
|
-
}
|
|
62
|
-
setTabbable(false);
|
|
63
|
-
} else if (_events.default.isRightKey(ev)) {
|
|
64
|
-
if (focusIndex === 3) {
|
|
65
|
-
controlRefs.current[0].current?.focus();
|
|
66
|
-
setFocusIndex(0);
|
|
67
|
-
} else {
|
|
68
|
-
const currentIndex = focusIndex === null ? 0 : focusIndex;
|
|
69
|
-
controlRefs.current[currentIndex + 1].current?.focus();
|
|
70
|
-
setFocusIndex(currentIndex + 1);
|
|
71
|
-
}
|
|
72
|
-
setTabbable(false);
|
|
73
|
-
}
|
|
74
|
-
}, [focusIndex, handleBlockType, handleInlineStyleChange]);
|
|
75
|
-
(0, _react.useEffect)(() => {
|
|
76
|
-
if (focusIndex === null) {
|
|
77
|
-
setTabbable(true);
|
|
78
|
-
}
|
|
79
|
-
}, [focusIndex]);
|
|
80
|
-
(0, _react.useEffect)(() => {
|
|
81
|
-
if (!canFocus) {
|
|
82
|
-
setFocusIndex(null);
|
|
83
|
-
}
|
|
84
|
-
}, [canFocus]);
|
|
85
|
-
const isTabbable = index => {
|
|
86
|
-
if (!controlRefs.current[index] || !controlRefs.current[index].current) {
|
|
87
|
-
return false;
|
|
88
|
-
}
|
|
89
|
-
return controlRefs.current[index].current === document.activeElement;
|
|
90
|
-
};
|
|
91
|
-
return /*#__PURE__*/_react.default.createElement(_toolbar.StyledToolbar, {
|
|
92
|
-
"data-component": "text-editor-toolbar"
|
|
93
|
-
}, /*#__PURE__*/_react.default.createElement(_toolbar.StyledEditorStyleControls, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
94
|
-
isVisible: activeTooltip === "Bold",
|
|
95
|
-
message: tooltipMessages.bold(),
|
|
96
|
-
position: "top"
|
|
97
|
-
}, /*#__PURE__*/_react.default.createElement(_toolbarButton.default, {
|
|
98
|
-
ariaLabel: ariaLabels.bold(),
|
|
99
|
-
onKeyDown: ev => handleKeyDown(ev, _types.BOLD),
|
|
100
|
-
onMouseDown: ev => handleInlineStyleChange(ev, _types.BOLD),
|
|
101
|
-
activated: activeControls.BOLD,
|
|
102
|
-
ref: controlRefs.current[0],
|
|
103
|
-
tabbable: tabbable,
|
|
104
|
-
onMouseOver: () => setActiveTooltip("Bold"),
|
|
105
|
-
onMouseLeave: () => setActiveTooltip(""),
|
|
106
|
-
onFocus: () => setActiveTooltip("Bold"),
|
|
107
|
-
onBlur: () => setActiveTooltip("")
|
|
108
|
-
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
109
|
-
color: activeControls[_types.BOLD] ? "var(--colorsActionMinorYang100)" : undefined,
|
|
110
|
-
type: "bold"
|
|
111
|
-
}))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
112
|
-
isVisible: activeTooltip === "Italic",
|
|
113
|
-
message: tooltipMessages.italic(),
|
|
114
|
-
position: "top"
|
|
115
|
-
}, /*#__PURE__*/_react.default.createElement(_toolbarButton.default, {
|
|
116
|
-
ariaLabel: ariaLabels.italic(),
|
|
117
|
-
onKeyDown: ev => handleKeyDown(ev, _types.ITALIC),
|
|
118
|
-
onMouseDown: ev => handleInlineStyleChange(ev, _types.ITALIC),
|
|
119
|
-
activated: activeControls.ITALIC,
|
|
120
|
-
ref: controlRefs.current[1],
|
|
121
|
-
tabbable: isTabbable(1),
|
|
122
|
-
onMouseOver: () => setActiveTooltip("Italic"),
|
|
123
|
-
onMouseLeave: () => setActiveTooltip(""),
|
|
124
|
-
onFocus: () => setActiveTooltip("Italic"),
|
|
125
|
-
onBlur: () => setActiveTooltip("")
|
|
126
|
-
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
127
|
-
color: activeControls[_types.ITALIC] ? "var(--colorsActionMinorYang100)" : undefined,
|
|
128
|
-
type: "italic"
|
|
129
|
-
}))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
130
|
-
isVisible: activeTooltip === "Bulleted List",
|
|
131
|
-
message: tooltipMessages.bulletList(),
|
|
132
|
-
position: "top"
|
|
133
|
-
}, /*#__PURE__*/_react.default.createElement(_toolbarButton.default, {
|
|
134
|
-
ariaLabel: ariaLabels.bulletList(),
|
|
135
|
-
onKeyDown: ev => handleKeyDown(ev, _types.UNORDERED_LIST),
|
|
136
|
-
onMouseDown: ev => handleBlockType(ev, _types.UNORDERED_LIST),
|
|
137
|
-
activated: activeControls[_types.UNORDERED_LIST],
|
|
138
|
-
ref: controlRefs.current[2],
|
|
139
|
-
tabbable: isTabbable(2),
|
|
140
|
-
onMouseOver: () => setActiveTooltip("Bulleted List"),
|
|
141
|
-
onMouseLeave: () => setActiveTooltip(""),
|
|
142
|
-
onFocus: () => setActiveTooltip("Bulleted List"),
|
|
143
|
-
onBlur: () => setActiveTooltip("")
|
|
144
|
-
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
145
|
-
color: activeControls[_types.UNORDERED_LIST] ? "var(--colorsActionMinorYang100)" : undefined,
|
|
146
|
-
type: "bullet_list_dotted"
|
|
147
|
-
}))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
148
|
-
isVisible: activeTooltip === "Numbered List",
|
|
149
|
-
message: tooltipMessages.numberList(),
|
|
150
|
-
position: "top"
|
|
151
|
-
}, /*#__PURE__*/_react.default.createElement(_toolbarButton.default, {
|
|
152
|
-
ariaLabel: ariaLabels.numberList(),
|
|
153
|
-
onKeyDown: ev => handleKeyDown(ev, _types.ORDERED_LIST),
|
|
154
|
-
onMouseDown: ev => handleBlockType(ev, _types.ORDERED_LIST),
|
|
155
|
-
activated: activeControls[_types.ORDERED_LIST],
|
|
156
|
-
ref: controlRefs.current[3],
|
|
157
|
-
tabbable: isTabbable(3),
|
|
158
|
-
onMouseOver: () => setActiveTooltip("Numbered List"),
|
|
159
|
-
onMouseLeave: () => setActiveTooltip(""),
|
|
160
|
-
onFocus: () => setActiveTooltip("Numbered List"),
|
|
161
|
-
onBlur: () => setActiveTooltip("")
|
|
162
|
-
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
163
|
-
color: activeControls[_types.ORDERED_LIST] ? "var(--colorsActionMinorYang100)" : undefined,
|
|
164
|
-
type: "bullet_list_numbers"
|
|
165
|
-
})))), toolbarElements && /*#__PURE__*/_react.default.createElement(_toolbar.StyledEditorActionControls, null, toolbarElements));
|
|
166
|
-
};
|
|
167
|
-
var _default = exports.default = Toolbar;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
declare const StyledToolbar: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
declare const StyledEditorStyleControls: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
declare const StyledEditorActionControls: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
-
export { StyledToolbar, StyledEditorActionControls, StyledEditorStyleControls };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.StyledToolbar = exports.StyledEditorStyleControls = exports.StyledEditorActionControls = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
const StyledToolbar = exports.StyledToolbar = _styledComponents.default.div`
|
|
10
|
-
display: inline-flex;
|
|
11
|
-
justify-content: space-between;
|
|
12
|
-
flex-flow: row wrap;
|
|
13
|
-
gap: 8px;
|
|
14
|
-
padding: 12px;
|
|
15
|
-
height: fit-content;
|
|
16
|
-
width: 100%;
|
|
17
|
-
box-sizing: border-box;
|
|
18
|
-
border: none;
|
|
19
|
-
border-top: 1px solid var(--colorsUtilityMajor200);
|
|
20
|
-
background-color: var(--colorsUtilityMajor025);
|
|
21
|
-
user-select: none;
|
|
22
|
-
z-index: 10;
|
|
23
|
-
`;
|
|
24
|
-
const StyledEditorStyleControls = exports.StyledEditorStyleControls = _styledComponents.default.div`
|
|
25
|
-
display: inline-flex;
|
|
26
|
-
gap: 8px;
|
|
27
|
-
`;
|
|
28
|
-
const StyledEditorActionControls = exports.StyledEditorActionControls = _styledComponents.default.div`
|
|
29
|
-
flex-grow: 1;
|
|
30
|
-
display: inline-flex;
|
|
31
|
-
justify-content: flex-end;
|
|
32
|
-
flex-wrap: wrap;
|
|
33
|
-
gap: var(--spacing200);
|
|
34
|
-
`;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { computeBlockType, getContent, getContentInfo, getDecoratedValue, getSelection, getSelectionInfo, getSelectedLength, moveSelectionToEnd, resetBlockType, isASCIIChar, replaceText, hasBlockStyle, hasInlineStyle, blockStyleFn, } from "./utils";
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "blockStyleFn", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _utils.blockStyleFn;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "computeBlockType", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _utils.computeBlockType;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "getContent", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _utils.getContent;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "getContentInfo", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () {
|
|
27
|
-
return _utils.getContentInfo;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "getDecoratedValue", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () {
|
|
33
|
-
return _utils.getDecoratedValue;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "getSelectedLength", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _utils.getSelectedLength;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(exports, "getSelection", {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function () {
|
|
45
|
-
return _utils.getSelection;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(exports, "getSelectionInfo", {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
get: function () {
|
|
51
|
-
return _utils.getSelectionInfo;
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
Object.defineProperty(exports, "hasBlockStyle", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function () {
|
|
57
|
-
return _utils.hasBlockStyle;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
Object.defineProperty(exports, "hasInlineStyle", {
|
|
61
|
-
enumerable: true,
|
|
62
|
-
get: function () {
|
|
63
|
-
return _utils.hasInlineStyle;
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
Object.defineProperty(exports, "isASCIIChar", {
|
|
67
|
-
enumerable: true,
|
|
68
|
-
get: function () {
|
|
69
|
-
return _utils.isASCIIChar;
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
Object.defineProperty(exports, "moveSelectionToEnd", {
|
|
73
|
-
enumerable: true,
|
|
74
|
-
get: function () {
|
|
75
|
-
return _utils.moveSelectionToEnd;
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
Object.defineProperty(exports, "replaceText", {
|
|
79
|
-
enumerable: true,
|
|
80
|
-
get: function () {
|
|
81
|
-
return _utils.replaceText;
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
Object.defineProperty(exports, "resetBlockType", {
|
|
85
|
-
enumerable: true,
|
|
86
|
-
get: function () {
|
|
87
|
-
return _utils.resetBlockType;
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
var _utils = require("./utils");
|