@wix/patterns-fields 1.17.0 → 1.20.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/cell-rich-content-input/package.json +5 -0
- package/dist/cjs/assets/locale/messages_en.json +7 -3
- package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
- package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
- package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
- package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
- package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
- package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
- package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/cjs/components/image/cell-image-edit.js +40 -146
- package/dist/cjs/components/image/cell-image-edit.js.map +1 -1
- package/dist/cjs/components/image/image-thumbnail.js +7 -6
- package/dist/cjs/components/image/image-thumbnail.js.map +1 -1
- package/dist/cjs/components/image/thumbnail-replace-overlay.js +29 -0
- package/dist/cjs/components/image/thumbnail-replace-overlay.js.map +1 -0
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css +15 -0
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js +23 -0
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map +1 -0
- package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
- package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/use-media-control.js +8 -9
- package/dist/cjs/components/media-control/use-media-control.js.map +1 -1
- package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js +301 -0
- package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js.map +1 -0
- package/dist/cjs/components/media-gallery/cell-media-gallery-view.js +45 -0
- package/dist/cjs/components/media-gallery/cell-media-gallery-view.js.map +1 -0
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
- package/dist/cjs/components/media-gallery/index.js +12 -0
- package/dist/cjs/components/media-gallery/index.js.map +1 -1
- package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
- package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js +4 -4
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
- package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document-field.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document-view.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/cell-rich-content-input.js +1 -1
- package/dist/cjs/components/rich-content/cell-rich-content-input.js.map +1 -1
- package/dist/cjs/components/rich-content/cell-rich-content-view.js +1 -1
- package/dist/cjs/components/rich-content/cell-rich-content-view.js.map +1 -1
- package/dist/cjs/components/rich-content/editor.js +2 -10
- package/dist/cjs/components/rich-content/editor.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +6 -6
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/form-input.js +2 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/form-input.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/index.js +3 -4
- package/dist/cjs/components/rich-content/rich-content-input/form-input/index.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +5 -5
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +8 -8
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/cell-rich-text-editor.js +155 -0
- package/dist/cjs/components/rich-text/cell-rich-text-editor.js.map +1 -0
- package/dist/cjs/components/rich-text/cell-rich-text-input.js +153 -0
- package/dist/cjs/components/rich-text/cell-rich-text-input.js.map +1 -0
- package/dist/cjs/components/rich-text/cell-rich-text-view.js +30 -0
- package/dist/cjs/components/rich-text/cell-rich-text-view.js.map +1 -0
- package/dist/cjs/components/rich-text/index.js +18 -0
- package/dist/cjs/components/rich-text/index.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js +13 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css +26 -22
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +50 -46
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.js +168 -157
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css +13 -12
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +22 -19
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/text-view.st.css.js +3 -3
- package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
- package/dist/cjs/components/video/cell-video-edit.js +424 -0
- package/dist/cjs/components/video/cell-video-edit.js.map +1 -0
- package/dist/cjs/components/video/index.js +3 -1
- package/dist/cjs/components/video/index.js.map +1 -1
- package/dist/cjs/exports/cell-rich-content-input.js +8 -0
- package/dist/cjs/exports/cell-rich-content-input.js.map +1 -0
- package/dist/cjs/exports/form-rich-content-input.js +3 -4
- package/dist/cjs/exports/form-rich-content-input.js.map +1 -1
- package/dist/cjs/hooks/index.js +6 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/use-cell-edit-keyboard.js +94 -0
- package/dist/cjs/hooks/use-cell-edit-keyboard.js.map +1 -0
- package/dist/cjs/index.js +11 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/services/translations.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/esm/assets/locale/messages_en.json +7 -3
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
- package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
- package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
- package/dist/esm/components/document/form-document-field.st.css.js +2 -2
- package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
- package/dist/esm/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/image/cell-image-edit.js +11 -102
- package/dist/esm/components/image/cell-image-edit.js.map +1 -1
- package/dist/esm/components/image/image-thumbnail.js +9 -3
- package/dist/esm/components/image/image-thumbnail.js.map +1 -1
- package/dist/esm/components/image/thumbnail-replace-overlay.js +7 -0
- package/dist/esm/components/image/thumbnail-replace-overlay.js.map +1 -0
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css +15 -0
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +15 -0
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js.map +1 -0
- package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-control/use-media-control.js +9 -8
- package/dist/esm/components/media-control/use-media-control.js.map +1 -1
- package/dist/esm/components/media-gallery/cell-media-gallery-edit.js +103 -0
- package/dist/esm/components/media-gallery/cell-media-gallery-edit.js.map +1 -0
- package/dist/esm/components/media-gallery/cell-media-gallery-view.js +11 -0
- package/dist/esm/components/media-gallery/cell-media-gallery-view.js.map +1 -0
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
- package/dist/esm/components/media-gallery/index.js +2 -0
- package/dist/esm/components/media-gallery/index.js.map +1 -1
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +3 -3
- package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document-field.js.map +1 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document-view.js.map +1 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/cell-rich-content-input.js.map +1 -1
- package/dist/esm/components/rich-content/cell-rich-content-view.js +1 -1
- package/dist/esm/components/rich-content/cell-rich-content-view.js.map +1 -1
- package/dist/esm/components/rich-content/editor.js +1 -2
- package/dist/esm/components/rich-content/editor.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-input/form-input.js +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-input/form-input.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-input/index.js +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-input/index.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/cell-rich-text-editor.js +85 -0
- package/dist/esm/components/rich-text/cell-rich-text-editor.js.map +1 -0
- package/dist/esm/components/rich-text/cell-rich-text-input.js +77 -0
- package/dist/esm/components/rich-text/cell-rich-text-input.js.map +1 -0
- package/dist/esm/components/rich-text/cell-rich-text-view.js +11 -0
- package/dist/esm/components/rich-text/cell-rich-text-view.js.map +1 -0
- package/dist/esm/components/rich-text/index.js +3 -0
- package/dist/esm/components/rich-text/index.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js +14 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css +26 -22
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +4 -4
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.js +64 -50
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css +13 -12
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +3 -3
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/esm/components/text/text-view.st.css.js +2 -2
- package/dist/esm/components/video/cell-video-edit.js +159 -0
- package/dist/esm/components/video/cell-video-edit.js.map +1 -0
- package/dist/esm/components/video/index.js +1 -0
- package/dist/esm/components/video/index.js.map +1 -1
- package/dist/esm/exports/cell-rich-content-input.js +2 -0
- package/dist/esm/exports/cell-rich-content-input.js.map +1 -0
- package/dist/esm/exports/form-rich-content-input.js +1 -1
- package/dist/esm/exports/form-rich-content-input.js.map +1 -1
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/use-cell-edit-keyboard.js +81 -0
- package/dist/esm/hooks/use-cell-edit-keyboard.js.map +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/types/components/address/input/address-input.st.css.d.ts.map +1 -1
- package/dist/types/components/exclamation/exclamation.st.css.d.ts.map +1 -1
- package/dist/types/components/image/cell-image-edit.d.ts.map +1 -1
- package/dist/types/components/image/image-thumbnail.d.ts +1 -0
- package/dist/types/components/image/image-thumbnail.d.ts.map +1 -1
- package/dist/types/components/image/thumbnail-replace-overlay.d.ts +3 -0
- package/dist/types/components/image/thumbnail-replace-overlay.d.ts.map +1 -0
- package/dist/types/components/image/thumbnail-replace-overlay.st.css.d.ts +14 -0
- package/dist/types/components/image/thumbnail-replace-overlay.st.css.d.ts.map +1 -0
- package/dist/types/components/media-control/use-media-control.d.ts +3 -3
- package/dist/types/components/media-control/use-media-control.d.ts.map +1 -1
- package/dist/types/components/media-gallery/cell-media-gallery-edit.d.ts +15 -0
- package/dist/types/components/media-gallery/cell-media-gallery-edit.d.ts.map +1 -0
- package/dist/types/components/media-gallery/cell-media-gallery-view.d.ts +11 -0
- package/dist/types/components/media-gallery/cell-media-gallery-view.d.ts.map +1 -0
- package/dist/types/components/media-gallery/form-media-gallery-field.st.css.d.ts.map +1 -1
- package/dist/types/components/media-gallery/index.d.ts +2 -0
- package/dist/types/components/media-gallery/index.d.ts.map +1 -1
- package/dist/types/components/media-gallery/media-gallery-dialog/hooks.d.ts +2 -2
- package/dist/types/components/media-image/media-image.st.css.d.ts.map +1 -1
- package/dist/types/components/media-image/overlays/overlay.st.css.d.ts.map +1 -1
- package/dist/types/components/media-tag/web-media-tag/media-tag.st.css.d.ts.map +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document-view.d.ts +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document-view.d.ts.map +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/cell-rich-content-input.d.ts.map +1 -1
- package/dist/types/components/rich-content/cell-rich-content-view.d.ts.map +1 -1
- package/dist/types/components/rich-content/editor.d.ts +1 -2
- package/dist/types/components/rich-content/editor.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/form-input.d.ts +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/form-input.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/index.d.ts +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/index.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/cell-rich-text-editor.d.ts +21 -0
- package/dist/types/components/rich-text/cell-rich-text-editor.d.ts.map +1 -0
- package/dist/types/components/rich-text/cell-rich-text-input.d.ts +23 -0
- package/dist/types/components/rich-text/cell-rich-text-input.d.ts.map +1 -0
- package/dist/types/components/rich-text/cell-rich-text-view.d.ts +8 -0
- package/dist/types/components/rich-text/cell-rich-text-view.d.ts.map +1 -0
- package/dist/types/components/rich-text/index.d.ts +4 -0
- package/dist/types/components/rich-text/index.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.d.ts +4 -0
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.d.ts +1 -0
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts +3 -0
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/video/cell-video-edit.d.ts +20 -0
- package/dist/types/components/video/cell-video-edit.d.ts.map +1 -0
- package/dist/types/components/video/index.d.ts +2 -0
- package/dist/types/components/video/index.d.ts.map +1 -1
- package/dist/types/exports/cell-rich-content-input.d.ts +2 -0
- package/dist/types/exports/cell-rich-content-input.d.ts.map +1 -0
- package/dist/types/exports/form-rich-content-input.d.ts +1 -2
- package/dist/types/exports/form-rich-content-input.d.ts.map +1 -1
- package/dist/types/hooks/index.d.ts +1 -0
- package/dist/types/hooks/index.d.ts.map +1 -1
- package/dist/types/hooks/use-cell-edit-keyboard.d.ts +26 -0
- package/dist/types/hooks/use-cell-edit-keyboard.d.ts.map +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/services/translations.d.ts +1 -1
- package/dist/types/services/translations.d.ts.map +1 -1
- package/package.json +11 -5
- package/src/assets/locale/messages_en.json +7 -3
- package/src/components/address/input/address-input.st.css.ts +2 -2
- package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
- package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
- package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
- package/src/components/color-view/color-view.st.css.ts +2 -2
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/exclamation/exclamation.st.css.ts +2 -2
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- package/src/components/image/cell-image-edit.tsx +11 -115
- package/src/components/image/image-thumbnail.tsx +10 -2
- package/src/components/image/thumbnail-replace-overlay.st.css +15 -0
- package/src/components/image/thumbnail-replace-overlay.st.css.ts +25 -0
- package/src/components/image/thumbnail-replace-overlay.tsx +11 -0
- package/src/components/media-control/paste-url-button.st.css.ts +2 -2
- package/src/components/media-control/use-media-control.ts +13 -13
- package/src/components/media-gallery/cell-media-gallery-edit.tsx +219 -0
- package/src/components/media-gallery/cell-media-gallery-view.tsx +32 -0
- package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
- package/src/components/media-gallery/index.ts +2 -0
- package/src/components/media-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/overlay.st.css.ts +3 -3
- package/src/components/media-loader/media-loader.st.css.ts +2 -2
- package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
- package/src/components/multi-document/multi-document-input/form-multi-document-field.tsx +1 -1
- package/src/components/multi-document/multi-document-input/form-multi-document-view.tsx +2 -2
- package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
- package/src/components/rich-content/cell-rich-content-input.tsx +2 -3
- package/src/components/rich-content/cell-rich-content-view.tsx +1 -4
- package/src/components/rich-content/editor.ts +1 -2
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/form-input/form-input.tsx +1 -1
- package/src/components/rich-content/rich-content-input/form-input/index.ts +1 -1
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
- package/src/components/rich-text/cell-rich-text-editor.tsx +173 -0
- package/src/components/rich-text/cell-rich-text-input.tsx +126 -0
- package/src/components/rich-text/cell-rich-text-view.tsx +19 -0
- package/src/components/rich-text/index.ts +4 -0
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css +26 -22
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +4 -4
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.tsx +22 -5
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.tsx +153 -126
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css +13 -12
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +3 -3
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/components/video/cell-video-edit.tsx +308 -0
- package/src/components/video/index.ts +2 -0
- package/src/exports/cell-rich-content-input.ts +4 -0
- package/src/exports/form-rich-content-input.ts +1 -5
- package/src/hooks/index.ts +1 -0
- package/src/hooks/use-cell-edit-keyboard.ts +109 -0
- package/src/index.ts +1 -0
- package/src/services/translations.ts +5 -1
- package/src/styles.global.css +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"fullscreenmodal1258825866\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"fullscreenmodal1258825866__root\",\"modalContent\":\"fullscreenmodal1258825866__modalContent\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wsr-border-radius-06\":\"--wsr-border-radius-06\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,cAAc,EAAC;AAAyC,CAAC;AACjH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,sBAAsB,EAAC;AAAwB,CAAC","ignoreList":[]}
|
|
@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "publishloader3959048671";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"publishLoader": "
|
|
15
|
+
"root": "publishloader3959048671__root",
|
|
16
|
+
"publishLoader": "publishloader3959048671__publishLoader"
|
|
17
17
|
};
|
|
18
18
|
var keyframes = exports.keyframes = {};
|
|
19
19
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"publishloader3959048671\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"publishloader3959048671__root\",\"publishLoader\":\"publishloader3959048671__publishLoader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,eAAe,EAAC;AAAwC,CAAC;AAC/G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC;AAAmB,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "togglefullscreenbutton4151648232";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "togglefullscreenbutton4151648232__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"togglefullscreenbutton4151648232\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"togglefullscreenbutton4151648232__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,25 +5,25 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "richcontenteditor3989221434";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"toolbarContainer": "
|
|
17
|
-
"footerToolbarContainer": "
|
|
18
|
-
"toolbarAndFullScreenButtonWrapper": "
|
|
19
|
-
"editor": "
|
|
20
|
-
"modalEditor": "
|
|
15
|
+
"root": "richcontenteditor3989221434__root",
|
|
16
|
+
"toolbarContainer": "richcontenteditor3989221434__toolbarContainer",
|
|
17
|
+
"footerToolbarContainer": "richcontenteditor3989221434__footerToolbarContainer",
|
|
18
|
+
"toolbarAndFullScreenButtonWrapper": "richcontenteditor3989221434__toolbarAndFullScreenButtonWrapper",
|
|
19
|
+
"editor": "richcontenteditor3989221434__editor",
|
|
20
|
+
"modalEditor": "richcontenteditor3989221434__modalEditor"
|
|
21
21
|
};
|
|
22
22
|
var keyframes = exports.keyframes = {};
|
|
23
23
|
var layers = exports.layers = {};
|
|
24
24
|
var containers = exports.containers = {};
|
|
25
25
|
var stVars = exports.stVars = {};
|
|
26
26
|
var vars = exports.vars = {
|
|
27
|
-
"wds-font-family-default": "--
|
|
27
|
+
"wds-font-family-default": "--richcontenteditor3989221434-wds-font-family-default"
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=rich-content-editor.st.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontenteditor3989221434\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontenteditor3989221434__root\",\"toolbarContainer\":\"richcontenteditor3989221434__toolbarContainer\",\"footerToolbarContainer\":\"richcontenteditor3989221434__footerToolbarContainer\",\"toolbarAndFullScreenButtonWrapper\":\"richcontenteditor3989221434__toolbarAndFullScreenButtonWrapper\",\"editor\":\"richcontenteditor3989221434__editor\",\"modalEditor\":\"richcontenteditor3989221434__modalEditor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-font-family-default\":\"--richcontenteditor3989221434-wds-font-family-default\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,kBAAkB,EAAC,+CAA+C;EAAC,wBAAwB,EAAC,qDAAqD;EAAC,mCAAmC,EAAC,gEAAgE;EAAC,QAAQ,EAAC,qCAAqC;EAAC,aAAa,EAAC;AAA0C,CAAC;AACzZ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,yBAAyB,EAAC;AAAuD,CAAC","ignoreList":[]}
|
|
@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "richcontenttoolbar3885793659";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"toolbar": "
|
|
17
|
-
"toolbarButton": "
|
|
15
|
+
"root": "richcontenttoolbar3885793659__root",
|
|
16
|
+
"toolbar": "richcontenttoolbar3885793659__toolbar",
|
|
17
|
+
"toolbarButton": "richcontenttoolbar3885793659__toolbarButton"
|
|
18
18
|
};
|
|
19
19
|
var keyframes = exports.keyframes = {};
|
|
20
20
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontenttoolbar3885793659\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontenttoolbar3885793659__root\",\"toolbar\":\"richcontenttoolbar3885793659__toolbar\",\"toolbarButton\":\"richcontenttoolbar3885793659__toolbarButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,oCAAoC;EAAC,SAAS,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAA6C,CAAC;AAC3K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "richcontentviewer666651414";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"viewer": "
|
|
17
|
-
"modalViewer": "
|
|
15
|
+
"root": "richcontentviewer666651414__root",
|
|
16
|
+
"viewer": "richcontentviewer666651414__viewer",
|
|
17
|
+
"modalViewer": "richcontentviewer666651414__modalViewer"
|
|
18
18
|
};
|
|
19
19
|
var keyframes = exports.keyframes = {};
|
|
20
20
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentviewer666651414\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentviewer666651414__root\",\"viewer\":\"richcontentviewer666651414__viewer\",\"modalViewer\":\"richcontentviewer666651414__modalViewer\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,QAAQ,EAAC,oCAAoC;EAAC,aAAa,EAAC;AAAyC,CAAC;AAC/J,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.DEFAULT_CELL_TEXT_STYLE = exports.CellRichTextEditor = void 0;
|
|
5
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
6
|
+
var _designSystem = require("@wix/design-system");
|
|
7
|
+
var _autoFieldTypes = require("../../auto-field-types");
|
|
8
|
+
var _compositeDecorator = require("./rich-text-input/rich-text-editor/composite-decorator");
|
|
9
|
+
var _utils = require("./rich-text-input/rich-text-editor/utils");
|
|
10
|
+
var _richEditor = require("./rich-text-input/rich-text-editor/rich-editor");
|
|
11
|
+
var _stylableHelper = require("./rich-text-input/rich-text-editor/utils/stylable-helper");
|
|
12
|
+
var _richTextEditorStCss = require("./rich-text-input/rich-text-editor/rich-text-editor.st.css.js");
|
|
13
|
+
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/rich-text/cell-rich-text-editor.tsx";
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
const EDITING_OPTIONS = {
|
|
16
|
+
headingsEnabled: true
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
/** Default text style — matches the CSS fallback values in rich-editor.st.css.
|
|
20
|
+
* Consumers (e.g. cms-web) can override with site-specific font values. */
|
|
21
|
+
const DEFAULT_CELL_TEXT_STYLE = exports.DEFAULT_CELL_TEXT_STYLE = {
|
|
22
|
+
'--rt-h1-fontSize': '72px',
|
|
23
|
+
'--rt-h1-fontStyle': 'normal',
|
|
24
|
+
'--rt-h1-fontWeight': '700',
|
|
25
|
+
'--rt-h1-lineHeight': '1.33',
|
|
26
|
+
'--rt-h2-fontSize': '42px',
|
|
27
|
+
'--rt-h2-fontStyle': 'normal',
|
|
28
|
+
'--rt-h2-fontWeight': '700',
|
|
29
|
+
'--rt-h2-lineHeight': '1.2',
|
|
30
|
+
'--rt-h3-fontSize': '38px',
|
|
31
|
+
'--rt-h3-fontStyle': 'normal',
|
|
32
|
+
'--rt-h3-fontWeight': '500',
|
|
33
|
+
'--rt-h3-lineHeight': '1.2',
|
|
34
|
+
'--rt-h4-fontSize': '34px',
|
|
35
|
+
'--rt-h4-fontStyle': 'normal',
|
|
36
|
+
'--rt-h4-fontWeight': '700',
|
|
37
|
+
'--rt-h4-lineHeight': '1.2',
|
|
38
|
+
'--rt-h5-fontSize': '28px',
|
|
39
|
+
'--rt-h5-fontStyle': 'normal',
|
|
40
|
+
'--rt-h5-fontWeight': '700',
|
|
41
|
+
'--rt-h5-lineHeight': '1.2',
|
|
42
|
+
'--rt-h6-fontSize': '22px',
|
|
43
|
+
'--rt-h6-fontStyle': 'normal',
|
|
44
|
+
'--rt-h6-fontWeight': '500',
|
|
45
|
+
'--rt-h6-lineHeight': '1.2',
|
|
46
|
+
'--rt-p1-fontSize': '18px',
|
|
47
|
+
'--rt-p1-fontStyle': 'normal',
|
|
48
|
+
'--rt-p1-fontWeight': '500',
|
|
49
|
+
'--rt-p1-lineHeight': '24px',
|
|
50
|
+
'--rt-unstyled-fontSize': '16px',
|
|
51
|
+
'--rt-unstyled-fontStyle': 'normal',
|
|
52
|
+
'--rt-unstyled-fontWeight': '500',
|
|
53
|
+
'--rt-unstyled-lineHeight': '24px',
|
|
54
|
+
'--rt-p3-fontSize': '14px',
|
|
55
|
+
'--rt-p3-fontStyle': 'normal',
|
|
56
|
+
'--rt-p3-fontWeight': '500',
|
|
57
|
+
'--rt-p3-lineHeight': '18px'
|
|
58
|
+
};
|
|
59
|
+
function buildInitialHtml(value, typedKey) {
|
|
60
|
+
if (!typedKey) return value;
|
|
61
|
+
const existing = value ? (0, _autoFieldTypes.HTMLToText)(value) : '';
|
|
62
|
+
return `<p>${existing}${typedKey}</p>`;
|
|
63
|
+
}
|
|
64
|
+
/** Cell-layer Draft.js editor — fires onChange on every keystroke (not on blur).
|
|
65
|
+
* Fullscreen state is controlled by the parent so ESC handling can be
|
|
66
|
+
* centralised in a capture-phase listener without React portal limitations. */
|
|
67
|
+
const CellRichTextEditor = ({
|
|
68
|
+
value,
|
|
69
|
+
onChange,
|
|
70
|
+
autoFocus,
|
|
71
|
+
initialTypedKey,
|
|
72
|
+
isFullScreen = false,
|
|
73
|
+
onToggleFullScreen,
|
|
74
|
+
textStyle = DEFAULT_CELL_TEXT_STYLE
|
|
75
|
+
}) => {
|
|
76
|
+
const initialHtml = (0, _react.useMemo)(() => buildInitialHtml(value, initialTypedKey),
|
|
77
|
+
// Deliberately computed only on mount — typed key is a one-shot initializer.
|
|
78
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
79
|
+
[]);
|
|
80
|
+
const {
|
|
81
|
+
editorState: initialEditorState,
|
|
82
|
+
customStyleMap,
|
|
83
|
+
inlineStyles
|
|
84
|
+
} = (0, _react.useMemo)(() => (0, _utils.htmlToEditorState)(initialHtml, _compositeDecorator.compositeDecorator, EDITING_OPTIONS),
|
|
85
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
86
|
+
[]);
|
|
87
|
+
const [editorState, setEditorState] = (0, _react.useState)(initialEditorState);
|
|
88
|
+
const inlineStylesRef = (0, _react.useRef)(inlineStyles);
|
|
89
|
+
const customStyleMapRef = (0, _react.useRef)(customStyleMap);
|
|
90
|
+
const handleChange = (0, _react.useCallback)(newState => {
|
|
91
|
+
setEditorState(newState);
|
|
92
|
+
const html = (0, _utils.editorStateToHTML)(newState, inlineStylesRef.current, EDITING_OPTIONS);
|
|
93
|
+
onChange(html);
|
|
94
|
+
}, [onChange]);
|
|
95
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isFullScreen && /*#__PURE__*/_react.default.createElement("div", {
|
|
96
|
+
style: textStyle,
|
|
97
|
+
__self: void 0,
|
|
98
|
+
__source: {
|
|
99
|
+
fileName: _jsxFileName,
|
|
100
|
+
lineNumber: 137,
|
|
101
|
+
columnNumber: 9
|
|
102
|
+
}
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement(_richEditor.RichEditor, {
|
|
104
|
+
editorState: editorState,
|
|
105
|
+
customStyleMap: customStyleMapRef.current,
|
|
106
|
+
onChange: handleChange,
|
|
107
|
+
onToggleFullScreen: onToggleFullScreen,
|
|
108
|
+
isFullScreen: false,
|
|
109
|
+
autoFocus: autoFocus,
|
|
110
|
+
headingsEnabled: true,
|
|
111
|
+
__self: void 0,
|
|
112
|
+
__source: {
|
|
113
|
+
fileName: _jsxFileName,
|
|
114
|
+
lineNumber: 138,
|
|
115
|
+
columnNumber: 11
|
|
116
|
+
}
|
|
117
|
+
})), isFullScreen && /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
|
|
118
|
+
screen: "desktop",
|
|
119
|
+
isOpen: true,
|
|
120
|
+
__self: void 0,
|
|
121
|
+
__source: {
|
|
122
|
+
fileName: _jsxFileName,
|
|
123
|
+
lineNumber: 150,
|
|
124
|
+
columnNumber: 9
|
|
125
|
+
}
|
|
126
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
127
|
+
className: (0, _stylableHelper.combineClasses)(_richTextEditorStCss.style, _richTextEditorStCss.classes.editor, {
|
|
128
|
+
isFullScreen: true
|
|
129
|
+
}),
|
|
130
|
+
style: textStyle,
|
|
131
|
+
__self: void 0,
|
|
132
|
+
__source: {
|
|
133
|
+
fileName: _jsxFileName,
|
|
134
|
+
lineNumber: 151,
|
|
135
|
+
columnNumber: 11
|
|
136
|
+
}
|
|
137
|
+
}, /*#__PURE__*/_react.default.createElement(_richEditor.RichEditor, {
|
|
138
|
+
editorState: editorState,
|
|
139
|
+
customStyleMap: customStyleMapRef.current,
|
|
140
|
+
onChange: handleChange,
|
|
141
|
+
onToggleFullScreen: onToggleFullScreen,
|
|
142
|
+
isFullScreen: true,
|
|
143
|
+
autoFocus: true,
|
|
144
|
+
headingsEnabled: true,
|
|
145
|
+
__self: void 0,
|
|
146
|
+
__source: {
|
|
147
|
+
fileName: _jsxFileName,
|
|
148
|
+
lineNumber: 157,
|
|
149
|
+
columnNumber: 13
|
|
150
|
+
}
|
|
151
|
+
}))));
|
|
152
|
+
};
|
|
153
|
+
exports.CellRichTextEditor = CellRichTextEditor;
|
|
154
|
+
CellRichTextEditor.displayName = 'CellRichTextEditor';
|
|
155
|
+
//# sourceMappingURL=cell-rich-text-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoFieldTypes","_compositeDecorator","_utils","_richEditor","_stylableHelper","_richTextEditorStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EDITING_OPTIONS","headingsEnabled","DEFAULT_CELL_TEXT_STYLE","exports","buildInitialHtml","value","typedKey","existing","HTMLToText","CellRichTextEditor","onChange","autoFocus","initialTypedKey","isFullScreen","onToggleFullScreen","textStyle","initialHtml","useMemo","editorState","initialEditorState","customStyleMap","inlineStyles","htmlToEditorState","compositeDecorator","setEditorState","useState","inlineStylesRef","useRef","customStyleMapRef","handleChange","useCallback","newState","html","editorStateToHTML","current","createElement","Fragment","style","__self","__source","fileName","lineNumber","columnNumber","RichEditor","Modal","screen","isOpen","className","combineClasses","classes","editor","displayName"],"sources":["../../../../src/components/rich-text/cell-rich-text-editor.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { EditorState } from 'draft-js';\nimport { Modal } from '@wix/design-system';\n\nimport { HTMLToText } from '../../auto-field-types';\nimport { compositeDecorator } from './rich-text-input/rich-text-editor/composite-decorator';\nimport {\n htmlToEditorState,\n editorStateToHTML,\n} from './rich-text-input/rich-text-editor/utils';\nimport type {\n CustomStyleMap,\n InlineStyles,\n} from './rich-text-input/rich-text-editor/utils';\nimport { RichEditor } from './rich-text-input/rich-text-editor/rich-editor';\nimport { combineClasses } from './rich-text-input/rich-text-editor/utils/stylable-helper';\nimport {\n style,\n classes,\n} from './rich-text-input/rich-text-editor/rich-text-editor.st.css.js';\nimport type { RichTextStyleVariables } from './rich-text-input/rich-text-editor/text-style';\n\nconst EDITING_OPTIONS = { headingsEnabled: true };\n\n/** Default text style — matches the CSS fallback values in rich-editor.st.css.\n * Consumers (e.g. cms-web) can override with site-specific font values. */\nexport const DEFAULT_CELL_TEXT_STYLE: RichTextStyleVariables = {\n '--rt-h1-fontSize': '72px',\n '--rt-h1-fontStyle': 'normal',\n '--rt-h1-fontWeight': '700',\n '--rt-h1-lineHeight': '1.33',\n '--rt-h2-fontSize': '42px',\n '--rt-h2-fontStyle': 'normal',\n '--rt-h2-fontWeight': '700',\n '--rt-h2-lineHeight': '1.2',\n '--rt-h3-fontSize': '38px',\n '--rt-h3-fontStyle': 'normal',\n '--rt-h3-fontWeight': '500',\n '--rt-h3-lineHeight': '1.2',\n '--rt-h4-fontSize': '34px',\n '--rt-h4-fontStyle': 'normal',\n '--rt-h4-fontWeight': '700',\n '--rt-h4-lineHeight': '1.2',\n '--rt-h5-fontSize': '28px',\n '--rt-h5-fontStyle': 'normal',\n '--rt-h5-fontWeight': '700',\n '--rt-h5-lineHeight': '1.2',\n '--rt-h6-fontSize': '22px',\n '--rt-h6-fontStyle': 'normal',\n '--rt-h6-fontWeight': '500',\n '--rt-h6-lineHeight': '1.2',\n '--rt-p1-fontSize': '18px',\n '--rt-p1-fontStyle': 'normal',\n '--rt-p1-fontWeight': '500',\n '--rt-p1-lineHeight': '24px',\n '--rt-unstyled-fontSize': '16px',\n '--rt-unstyled-fontStyle': 'normal',\n '--rt-unstyled-fontWeight': '500',\n '--rt-unstyled-lineHeight': '24px',\n '--rt-p3-fontSize': '14px',\n '--rt-p3-fontStyle': 'normal',\n '--rt-p3-fontWeight': '500',\n '--rt-p3-lineHeight': '18px',\n};\n\nfunction buildInitialHtml(\n value?: string,\n typedKey?: string,\n): string | undefined {\n if (!typedKey) return value;\n const existing = value ? HTMLToText(value) : '';\n return `<p>${existing}${typedKey}</p>`;\n}\n\nexport interface CellRichTextEditorProps {\n value?: string;\n onChange: (value: string) => void;\n autoFocus?: boolean;\n initialTypedKey?: string;\n /** Controlled fullscreen state — managed by the parent (CellRichTextInput). */\n isFullScreen?: boolean;\n onToggleFullScreen?: () => void;\n /** CSS custom properties for the --rt-* theming API. Defaults to standard sizes. */\n textStyle?: RichTextStyleVariables;\n}\n\n/** Cell-layer Draft.js editor — fires onChange on every keystroke (not on blur).\n * Fullscreen state is controlled by the parent so ESC handling can be\n * centralised in a capture-phase listener without React portal limitations. */\nexport const CellRichTextEditor: React.FC<CellRichTextEditorProps> = ({\n value,\n onChange,\n autoFocus,\n initialTypedKey,\n isFullScreen = false,\n onToggleFullScreen,\n textStyle = DEFAULT_CELL_TEXT_STYLE,\n}) => {\n const initialHtml = useMemo(\n () => buildInitialHtml(value, initialTypedKey),\n // Deliberately computed only on mount — typed key is a one-shot initializer.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n );\n\n const {\n editorState: initialEditorState,\n customStyleMap,\n inlineStyles,\n } = useMemo(\n () => htmlToEditorState(initialHtml, compositeDecorator, EDITING_OPTIONS),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n );\n\n const [editorState, setEditorState] =\n useState<EditorState>(initialEditorState);\n const inlineStylesRef = useRef<InlineStyles>(inlineStyles);\n const customStyleMapRef = useRef<CustomStyleMap>(customStyleMap);\n\n const handleChange = useCallback(\n (newState: EditorState) => {\n setEditorState(newState);\n const html = editorStateToHTML(\n newState,\n inlineStylesRef.current,\n EDITING_OPTIONS,\n );\n onChange(html);\n },\n [onChange],\n );\n\n return (\n <>\n {!isFullScreen && (\n <div style={textStyle as React.CSSProperties}>\n <RichEditor\n editorState={editorState}\n customStyleMap={customStyleMapRef.current}\n onChange={handleChange}\n onToggleFullScreen={onToggleFullScreen}\n isFullScreen={false}\n autoFocus={autoFocus}\n headingsEnabled\n />\n </div>\n )}\n {isFullScreen && (\n <Modal screen=\"desktop\" isOpen>\n <div\n className={combineClasses(style, classes.editor, {\n isFullScreen: true,\n })}\n style={textStyle as React.CSSProperties}\n >\n <RichEditor\n editorState={editorState}\n customStyleMap={customStyleMapRef.current}\n onChange={handleChange}\n onToggleFullScreen={onToggleFullScreen}\n isFullScreen\n autoFocus\n headingsEnabled\n />\n </div>\n </Modal>\n )}\n </>\n );\n};\n\nCellRichTextEditor.displayName = 'CellRichTextEditor';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.CellRichTextInput = void 0;
|
|
5
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
6
|
+
var _designSystem = require("@wix/design-system");
|
|
7
|
+
var _cellRichTextEditor = require("./cell-rich-text-editor");
|
|
8
|
+
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/rich-text/cell-rich-text-input.tsx";
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
|
+
/** Fixed popover width matching the CMS rich text editor (popover-rich-text-editor.tsx). */
|
|
11
|
+
const POPOVER_WIDTH = 582;
|
|
12
|
+
/** Popover-based rich text editor for the richText cell type.
|
|
13
|
+
* Opens immediately as a popover anchored at the cell's top-left corner.
|
|
14
|
+
* Fixed 582px width (matching CMS), covers adjacent cells, flips upward when
|
|
15
|
+
* there is not enough room below. Changes are propagated live via onChange.
|
|
16
|
+
*
|
|
17
|
+
* Close behaviour mirrors cms-web PopoverRichTextEditor: the editor listens for
|
|
18
|
+
* focus/blur events on a wrapper div. onBlur schedules onCommit via
|
|
19
|
+
* requestAnimationFrame so toolbar actions (including dropdown selections in
|
|
20
|
+
* window portals) can cancel the deferred close by refocusing the editor. */
|
|
21
|
+
const CellRichTextInput = ({
|
|
22
|
+
value,
|
|
23
|
+
onChange,
|
|
24
|
+
initialTypedKey,
|
|
25
|
+
onCommit,
|
|
26
|
+
textStyle = _cellRichTextEditor.DEFAULT_CELL_TEXT_STYLE
|
|
27
|
+
}) => {
|
|
28
|
+
const [isFullScreen, setIsFullScreen] = (0, _react.useState)(false);
|
|
29
|
+
const isFullScreenRef = (0, _react.useRef)(false);
|
|
30
|
+
const blurFrameIdRef = (0, _react.useRef)(0);
|
|
31
|
+
const handleToggleFullScreen = (0, _react.useCallback)(() => {
|
|
32
|
+
setIsFullScreen(prev => {
|
|
33
|
+
const next = !prev;
|
|
34
|
+
isFullScreenRef.current = next;
|
|
35
|
+
return next;
|
|
36
|
+
});
|
|
37
|
+
}, []);
|
|
38
|
+
const handleFocus = (0, _react.useCallback)(() => {
|
|
39
|
+
cancelAnimationFrame(blurFrameIdRef.current);
|
|
40
|
+
}, []);
|
|
41
|
+
const handleBlur = (0, _react.useCallback)(() => {
|
|
42
|
+
cancelAnimationFrame(blurFrameIdRef.current);
|
|
43
|
+
blurFrameIdRef.current = requestAnimationFrame(() => {
|
|
44
|
+
if (!isFullScreenRef.current) {
|
|
45
|
+
onCommit == null || onCommit();
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
}, [onCommit]);
|
|
49
|
+
|
|
50
|
+
// Capture-phase native listener fires before ALL React bubble-phase handlers
|
|
51
|
+
// (including useKeyboardNavigation which would call cancelEdit() on ESC).
|
|
52
|
+
// stopPropagation() prevents the event from reaching any bubble-phase handler.
|
|
53
|
+
(0, _react.useEffect)(() => {
|
|
54
|
+
const handleKeyDown = e => {
|
|
55
|
+
if (e.key !== 'Escape') return;
|
|
56
|
+
e.stopPropagation();
|
|
57
|
+
if (isFullScreenRef.current) {
|
|
58
|
+
setIsFullScreen(false);
|
|
59
|
+
isFullScreenRef.current = false;
|
|
60
|
+
} else {
|
|
61
|
+
cancelAnimationFrame(blurFrameIdRef.current);
|
|
62
|
+
onCommit == null || onCommit();
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
document.addEventListener('keydown', handleKeyDown, true);
|
|
66
|
+
return () => document.removeEventListener('keydown', handleKeyDown, true);
|
|
67
|
+
}, [onCommit]);
|
|
68
|
+
return (
|
|
69
|
+
/*#__PURE__*/
|
|
70
|
+
// Zero-height anchor at the cell's top-left so the popover opens from there.
|
|
71
|
+
_react.default.createElement("div", {
|
|
72
|
+
style: {
|
|
73
|
+
position: 'absolute',
|
|
74
|
+
top: 0,
|
|
75
|
+
left: 0,
|
|
76
|
+
width: '100%',
|
|
77
|
+
height: 0,
|
|
78
|
+
overflow: 'visible',
|
|
79
|
+
fontSize: 0,
|
|
80
|
+
lineHeight: 0
|
|
81
|
+
},
|
|
82
|
+
__self: void 0,
|
|
83
|
+
__source: {
|
|
84
|
+
fileName: _jsxFileName,
|
|
85
|
+
lineNumber: 86,
|
|
86
|
+
columnNumber: 5
|
|
87
|
+
}
|
|
88
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
|
|
89
|
+
shown: true,
|
|
90
|
+
placement: "bottom-start",
|
|
91
|
+
appendTo: "window",
|
|
92
|
+
width: POPOVER_WIDTH,
|
|
93
|
+
zIndex: 5001,
|
|
94
|
+
__self: void 0,
|
|
95
|
+
__source: {
|
|
96
|
+
fileName: _jsxFileName,
|
|
97
|
+
lineNumber: 98,
|
|
98
|
+
columnNumber: 7
|
|
99
|
+
}
|
|
100
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
|
|
101
|
+
__self: void 0,
|
|
102
|
+
__source: {
|
|
103
|
+
fileName: _jsxFileName,
|
|
104
|
+
lineNumber: 105,
|
|
105
|
+
columnNumber: 9
|
|
106
|
+
}
|
|
107
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
108
|
+
style: {
|
|
109
|
+
width: '100%',
|
|
110
|
+
height: 0
|
|
111
|
+
},
|
|
112
|
+
__self: void 0,
|
|
113
|
+
__source: {
|
|
114
|
+
fileName: _jsxFileName,
|
|
115
|
+
lineNumber: 106,
|
|
116
|
+
columnNumber: 11
|
|
117
|
+
}
|
|
118
|
+
})), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
|
|
119
|
+
__self: void 0,
|
|
120
|
+
__source: {
|
|
121
|
+
fileName: _jsxFileName,
|
|
122
|
+
lineNumber: 108,
|
|
123
|
+
columnNumber: 9
|
|
124
|
+
}
|
|
125
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
126
|
+
onFocus: handleFocus,
|
|
127
|
+
onBlur: handleBlur,
|
|
128
|
+
__self: void 0,
|
|
129
|
+
__source: {
|
|
130
|
+
fileName: _jsxFileName,
|
|
131
|
+
lineNumber: 109,
|
|
132
|
+
columnNumber: 11
|
|
133
|
+
}
|
|
134
|
+
}, /*#__PURE__*/_react.default.createElement(_cellRichTextEditor.CellRichTextEditor, {
|
|
135
|
+
value: value,
|
|
136
|
+
onChange: onChange,
|
|
137
|
+
autoFocus: true,
|
|
138
|
+
initialTypedKey: initialTypedKey,
|
|
139
|
+
isFullScreen: isFullScreen,
|
|
140
|
+
onToggleFullScreen: handleToggleFullScreen,
|
|
141
|
+
textStyle: textStyle,
|
|
142
|
+
__self: void 0,
|
|
143
|
+
__source: {
|
|
144
|
+
fileName: _jsxFileName,
|
|
145
|
+
lineNumber: 110,
|
|
146
|
+
columnNumber: 13
|
|
147
|
+
}
|
|
148
|
+
})))))
|
|
149
|
+
);
|
|
150
|
+
};
|
|
151
|
+
exports.CellRichTextInput = CellRichTextInput;
|
|
152
|
+
CellRichTextInput.displayName = 'CellRichTextInput';
|
|
153
|
+
//# sourceMappingURL=cell-rich-text-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_cellRichTextEditor","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","POPOVER_WIDTH","CellRichTextInput","value","onChange","initialTypedKey","onCommit","textStyle","DEFAULT_CELL_TEXT_STYLE","isFullScreen","setIsFullScreen","useState","isFullScreenRef","useRef","blurFrameIdRef","handleToggleFullScreen","useCallback","prev","next","current","handleFocus","cancelAnimationFrame","handleBlur","requestAnimationFrame","useEffect","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","createElement","style","position","top","left","width","height","overflow","fontSize","lineHeight","__self","__source","fileName","lineNumber","columnNumber","Popover","shown","placement","appendTo","zIndex","Element","Content","onFocus","onBlur","CellRichTextEditor","autoFocus","onToggleFullScreen","exports","displayName"],"sources":["../../../../src/components/rich-text/cell-rich-text-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Popover } from '@wix/design-system';\n\nimport {\n CellRichTextEditor,\n DEFAULT_CELL_TEXT_STYLE,\n} from './cell-rich-text-editor';\nimport type { RichTextStyleVariables } from './rich-text-input/rich-text-editor/text-style';\n\n/** Fixed popover width matching the CMS rich text editor (popover-rich-text-editor.tsx). */\nconst POPOVER_WIDTH = 582;\n\nexport interface CellRichTextInputProps {\n value?: string;\n onChange: (value: string) => void;\n /** Typed key from type-to-edit — appended to existing plain-text content on mount. */\n initialTypedKey?: string;\n /** Called when the editor loses focus (click outside) or ESC is pressed. */\n onCommit?: () => void;\n /** CSS custom properties for the --rt-* theming API. Defaults to standard sizes. */\n textStyle?: RichTextStyleVariables;\n}\n\n/** Popover-based rich text editor for the richText cell type.\n * Opens immediately as a popover anchored at the cell's top-left corner.\n * Fixed 582px width (matching CMS), covers adjacent cells, flips upward when\n * there is not enough room below. Changes are propagated live via onChange.\n *\n * Close behaviour mirrors cms-web PopoverRichTextEditor: the editor listens for\n * focus/blur events on a wrapper div. onBlur schedules onCommit via\n * requestAnimationFrame so toolbar actions (including dropdown selections in\n * window portals) can cancel the deferred close by refocusing the editor. */\nexport const CellRichTextInput: React.FC<CellRichTextInputProps> = ({\n value,\n onChange,\n initialTypedKey,\n onCommit,\n textStyle = DEFAULT_CELL_TEXT_STYLE,\n}) => {\n const [isFullScreen, setIsFullScreen] = useState(false);\n const isFullScreenRef = useRef(false);\n const blurFrameIdRef = useRef(0);\n\n const handleToggleFullScreen = useCallback(() => {\n setIsFullScreen((prev) => {\n const next = !prev;\n isFullScreenRef.current = next;\n return next;\n });\n }, []);\n\n const handleFocus = useCallback(() => {\n cancelAnimationFrame(blurFrameIdRef.current);\n }, []);\n\n const handleBlur = useCallback(() => {\n cancelAnimationFrame(blurFrameIdRef.current);\n blurFrameIdRef.current = requestAnimationFrame(() => {\n if (!isFullScreenRef.current) {\n onCommit?.();\n }\n });\n }, [onCommit]);\n\n // Capture-phase native listener fires before ALL React bubble-phase handlers\n // (including useKeyboardNavigation which would call cancelEdit() on ESC).\n // stopPropagation() prevents the event from reaching any bubble-phase handler.\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key !== 'Escape') return;\n e.stopPropagation();\n if (isFullScreenRef.current) {\n setIsFullScreen(false);\n isFullScreenRef.current = false;\n } else {\n cancelAnimationFrame(blurFrameIdRef.current);\n onCommit?.();\n }\n };\n document.addEventListener('keydown', handleKeyDown, true);\n return () => document.removeEventListener('keydown', handleKeyDown, true);\n }, [onCommit]);\n\n return (\n // Zero-height anchor at the cell's top-left so the popover opens from there.\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: 0,\n overflow: 'visible',\n fontSize: 0,\n lineHeight: 0,\n }}\n >\n <Popover\n shown\n placement=\"bottom-start\"\n appendTo=\"window\"\n width={POPOVER_WIDTH}\n zIndex={5001}\n >\n <Popover.Element>\n <div style={{ width: '100%', height: 0 }} />\n </Popover.Element>\n <Popover.Content>\n <div onFocus={handleFocus} onBlur={handleBlur}>\n <CellRichTextEditor\n value={value}\n onChange={onChange}\n autoFocus\n initialTypedKey={initialTypedKey}\n isFullScreen={isFullScreen}\n onToggleFullScreen={handleToggleFullScreen}\n textStyle={textStyle}\n />\n </div>\n </Popover.Content>\n </Popover>\n </div>\n );\n};\n\nCellRichTextInput.displayName = 'CellRichTextInput';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.CellRichTextView = void 0;
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
var _autoFieldTypes = require("../../auto-field-types");
|
|
8
|
+
var _text = require("../text");
|
|
9
|
+
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/rich-text/cell-rich-text-view.tsx";
|
|
10
|
+
/** Synchronous plain-text view for an HTML rich-text string.
|
|
11
|
+
* Strips all HTML tags via DOMParser — no loading spinner. */
|
|
12
|
+
const CellRichTextView = ({
|
|
13
|
+
value
|
|
14
|
+
}) => {
|
|
15
|
+
const plainText = value ? (0, _autoFieldTypes.HTMLToText)(value, {
|
|
16
|
+
singleLine: true
|
|
17
|
+
}) : '';
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_text.TextView, {
|
|
19
|
+
data: plainText,
|
|
20
|
+
__self: void 0,
|
|
21
|
+
__source: {
|
|
22
|
+
fileName: _jsxFileName,
|
|
23
|
+
lineNumber: 16,
|
|
24
|
+
columnNumber: 10
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
exports.CellRichTextView = CellRichTextView;
|
|
29
|
+
CellRichTextView.displayName = 'CellRichTextView';
|
|
30
|
+
//# sourceMappingURL=cell-rich-text-view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_autoFieldTypes","_text","_jsxFileName","CellRichTextView","value","plainText","HTMLToText","singleLine","default","createElement","TextView","data","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/rich-text/cell-rich-text-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { HTMLToText } from '../../auto-field-types';\nimport { TextView } from '../text';\n\nexport interface CellRichTextViewProps {\n value?: string | null;\n}\n\n/** Synchronous plain-text view for an HTML rich-text string.\n * Strips all HTML tags via DOMParser — no loading spinner. */\nexport const CellRichTextView: React.FC<CellRichTextViewProps> = ({\n value,\n}) => {\n const plainText = value ? HTMLToText(value, { singleLine: true }) : '';\n return <TextView data={plainText} />;\n};\n\nCellRichTextView.displayName = 'CellRichTextView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAmC,IAAAG,YAAA;AAMnC;AACA;AACO,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC;AACF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAGD,KAAK,GAAG,IAAAE,0BAAU,EAACF,KAAK,EAAE;IAAEG,UAAU,EAAE;EAAK,CAAC,CAAC,GAAG,EAAE;EACtE,oBAAOV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAS,QAAQ;IAACC,IAAI,EAAEN,SAAU;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AACtC,CAAC;AAACC,OAAA,CAAAd,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACe,WAAW,GAAG,kBAAkB","ignoreList":[]}
|