@byline/richtext-lexical 0.9.3
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/LICENSE +373 -0
- package/README.md +18 -0
- package/dist/field/apply-value-plugin.d.ts +10 -0
- package/dist/field/apply-value-plugin.d.ts.map +1 -0
- package/dist/field/apply-value-plugin.js +60 -0
- package/dist/field/config/default.d.ts +6 -0
- package/dist/field/config/default.d.ts.map +1 -0
- package/dist/field/config/default.js +53 -0
- package/dist/field/config/editor-config-context.d.ts +14 -0
- package/dist/field/config/editor-config-context.d.ts.map +1 -0
- package/dist/field/config/editor-config-context.js +51 -0
- package/dist/field/config/types.d.ts +28 -0
- package/dist/field/config/types.d.ts.map +1 -0
- package/dist/field/config/types.js +1 -0
- package/dist/field/constants.d.ts +2 -0
- package/dist/field/constants.d.ts.map +1 -0
- package/dist/field/constants.js +2 -0
- package/dist/field/content-editable-inline.d.ts +13 -0
- package/dist/field/content-editable-inline.d.ts.map +1 -0
- package/dist/field/content-editable-inline.js +11 -0
- package/dist/field/content-editable.css +23 -0
- package/dist/field/content-editable.d.ts +13 -0
- package/dist/field/content-editable.d.ts.map +1 -0
- package/dist/field/content-editable.js +14 -0
- package/dist/field/context/shared-autocomplete-context.js +44 -0
- package/dist/field/context/shared-history-context.d.ts +19 -0
- package/dist/field/context/shared-history-context.d.ts.map +1 -0
- package/dist/field/context/shared-history-context.js +16 -0
- package/dist/field/context/shared-on-change-context.d.ts +13 -0
- package/dist/field/context/shared-on-change-context.d.ts.map +1 -0
- package/dist/field/context/shared-on-change-context.js +21 -0
- package/dist/field/debug.d.ts +10 -0
- package/dist/field/debug.d.ts.map +1 -0
- package/dist/field/debug.js +30 -0
- package/dist/field/editor-component.css +33 -0
- package/dist/field/editor-component.d.ts +13 -0
- package/dist/field/editor-component.d.ts.map +1 -0
- package/dist/field/editor-component.js +115 -0
- package/dist/field/editor-context.d.ts +23 -0
- package/dist/field/editor-context.d.ts.map +1 -0
- package/dist/field/editor-context.js +57 -0
- package/dist/field/editor-field.d.ts +34 -0
- package/dist/field/editor-field.d.ts.map +1 -0
- package/dist/field/editor-field.js +18 -0
- package/dist/field/editor.css +1449 -0
- package/dist/field/editor.d.ts +14 -0
- package/dist/field/editor.d.ts.map +1 -0
- package/dist/field/editor.js +190 -0
- package/dist/field/hooks/use-modal.d.ts +13 -0
- package/dist/field/hooks/use-modal.d.ts.map +1 -0
- package/dist/field/hooks/use-modal.js +37 -0
- package/dist/field/hooks/use-report.js +39 -0
- package/dist/field/lexical-populate-shared.d.ts +97 -0
- package/dist/field/lexical-populate-shared.d.ts.map +1 -0
- package/dist/field/lexical-populate-shared.js +60 -0
- package/dist/field/nodes/admonition-node/admonition-node-component.css +119 -0
- package/dist/field/nodes/admonition-node/admonition-node-component.d.ts +18 -0
- package/dist/field/nodes/admonition-node/admonition-node-component.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/admonition-node-component.js +190 -0
- package/dist/field/nodes/admonition-node/admonition-node.d.ts +35 -0
- package/dist/field/nodes/admonition-node/admonition-node.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/admonition-node.js +129 -0
- package/dist/field/nodes/admonition-node/icons/danger-icon.css +12 -0
- package/dist/field/nodes/admonition-node/icons/danger-icon.d.ts +8 -0
- package/dist/field/nodes/admonition-node/icons/danger-icon.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/danger-icon.js +18 -0
- package/dist/field/nodes/admonition-node/icons/index.d.ts +5 -0
- package/dist/field/nodes/admonition-node/icons/index.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/index.js +4 -0
- package/dist/field/nodes/admonition-node/icons/note-icon.css +12 -0
- package/dist/field/nodes/admonition-node/icons/note-icon.d.ts +8 -0
- package/dist/field/nodes/admonition-node/icons/note-icon.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/note-icon.js +18 -0
- package/dist/field/nodes/admonition-node/icons/tip-icon.css +12 -0
- package/dist/field/nodes/admonition-node/icons/tip-icon.d.ts +8 -0
- package/dist/field/nodes/admonition-node/icons/tip-icon.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/tip-icon.js +18 -0
- package/dist/field/nodes/admonition-node/icons/warning-icon.css +12 -0
- package/dist/field/nodes/admonition-node/icons/warning-icon.d.ts +8 -0
- package/dist/field/nodes/admonition-node/icons/warning-icon.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/warning-icon.js +18 -0
- package/dist/field/nodes/admonition-node/index.d.ts +10 -0
- package/dist/field/nodes/admonition-node/index.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/index.js +2 -0
- package/dist/field/nodes/admonition-node/types.d.ts +21 -0
- package/dist/field/nodes/admonition-node/types.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/types.js +1 -0
- package/dist/field/nodes/document-relation.d.ts +33 -0
- package/dist/field/nodes/document-relation.d.ts.map +1 -0
- package/dist/field/nodes/document-relation.js +1 -0
- package/dist/field/nodes/index.d.ts +10 -0
- package/dist/field/nodes/index.d.ts.map +1 -0
- package/dist/field/nodes/index.js +37 -0
- package/dist/field/nodes/inline-image-node/index.d.ts +10 -0
- package/dist/field/nodes/inline-image-node/index.d.ts.map +1 -0
- package/dist/field/nodes/inline-image-node/index.js +2 -0
- package/dist/field/nodes/inline-image-node/inline-image-node-component.css +204 -0
- package/dist/field/nodes/inline-image-node/inline-image-node-component.d.ts +24 -0
- package/dist/field/nodes/inline-image-node/inline-image-node-component.d.ts.map +1 -0
- package/dist/field/nodes/inline-image-node/inline-image-node-component.js +221 -0
- package/dist/field/nodes/inline-image-node/inline-image-node.d.ts +45 -0
- package/dist/field/nodes/inline-image-node/inline-image-node.d.ts.map +1 -0
- package/dist/field/nodes/inline-image-node/inline-image-node.js +187 -0
- package/dist/field/nodes/inline-image-node/types.d.ts +30 -0
- package/dist/field/nodes/inline-image-node/types.d.ts.map +1 -0
- package/dist/field/nodes/inline-image-node/types.js +1 -0
- package/dist/field/nodes/layout-container-node/layout-container-node.d.ts +29 -0
- package/dist/field/nodes/layout-container-node/layout-container-node.d.ts.map +1 -0
- package/dist/field/nodes/layout-container-node/layout-container-node.js +54 -0
- package/dist/field/nodes/layout-container-node/layout-item-node.d.ts +23 -0
- package/dist/field/nodes/layout-container-node/layout-item-node.d.ts.map +1 -0
- package/dist/field/nodes/layout-container-node/layout-item-node.js +41 -0
- package/dist/field/nodes/link-nodes/auto-link-node.d.ts +17 -0
- package/dist/field/nodes/link-nodes/auto-link-node.d.ts.map +1 -0
- package/dist/field/nodes/link-nodes/auto-link-node.js +52 -0
- package/dist/field/nodes/link-nodes/index.d.ts +4 -0
- package/dist/field/nodes/link-nodes/index.d.ts.map +1 -0
- package/dist/field/nodes/link-nodes/index.js +3 -0
- package/dist/field/nodes/link-nodes/link-node.d.ts +49 -0
- package/dist/field/nodes/link-nodes/link-node.d.ts.map +1 -0
- package/dist/field/nodes/link-nodes/link-node.js +253 -0
- package/dist/field/nodes/link-nodes/types.d.ts +26 -0
- package/dist/field/nodes/link-nodes/types.d.ts.map +1 -0
- package/dist/field/nodes/link-nodes/types.js +1 -0
- package/dist/field/nodes/vimeo-node/index.d.ts +30 -0
- package/dist/field/nodes/vimeo-node/index.d.ts.map +1 -0
- package/dist/field/nodes/vimeo-node/index.js +109 -0
- package/dist/field/nodes/youtube-node/index.d.ts +30 -0
- package/dist/field/nodes/youtube-node/index.d.ts.map +1 -0
- package/dist/field/nodes/youtube-node/index.js +110 -0
- package/dist/field/plugins/admonition-plugin/admonition-modal.css +26 -0
- package/dist/field/plugins/admonition-plugin/admonition-modal.d.ts +12 -0
- package/dist/field/plugins/admonition-plugin/admonition-modal.d.ts.map +1 -0
- package/dist/field/plugins/admonition-plugin/admonition-modal.js +165 -0
- package/dist/field/plugins/admonition-plugin/fields.d.ts +21 -0
- package/dist/field/plugins/admonition-plugin/fields.d.ts.map +1 -0
- package/dist/field/plugins/admonition-plugin/fields.js +55 -0
- package/dist/field/plugins/admonition-plugin/index.d.ts +15 -0
- package/dist/field/plugins/admonition-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/admonition-plugin/index.js +54 -0
- package/dist/field/plugins/admonition-plugin/types.d.ts +34 -0
- package/dist/field/plugins/admonition-plugin/types.d.ts.map +1 -0
- package/dist/field/plugins/admonition-plugin/types.js +1 -0
- package/dist/field/plugins/auto-embed-plugin/auto-embed-modal.css +16 -0
- package/dist/field/plugins/auto-embed-plugin/auto-embed-modal.d.ts +8 -0
- package/dist/field/plugins/auto-embed-plugin/auto-embed-modal.d.ts.map +1 -0
- package/dist/field/plugins/auto-embed-plugin/auto-embed-modal.js +105 -0
- package/dist/field/plugins/auto-embed-plugin/index.d.ts +21 -0
- package/dist/field/plugins/auto-embed-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/auto-embed-plugin/index.js +152 -0
- package/dist/field/plugins/code-highlight-plugin/index.d.ts +10 -0
- package/dist/field/plugins/code-highlight-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/code-highlight-plugin/index.js +11 -0
- package/dist/field/plugins/drag-drop-paste-plugin/index.js +1 -0
- package/dist/field/plugins/floating-text-format-toolbar-plugin/index.css +148 -0
- package/dist/field/plugins/floating-text-format-toolbar-plugin/index.d.ts +13 -0
- package/dist/field/plugins/floating-text-format-toolbar-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/floating-text-format-toolbar-plugin/index.js +279 -0
- package/dist/field/plugins/inline-image-plugin/fields.d.ts +12 -0
- package/dist/field/plugins/inline-image-plugin/fields.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/fields.js +22 -0
- package/dist/field/plugins/inline-image-plugin/index.d.ts +34 -0
- package/dist/field/plugins/inline-image-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/index.js +107 -0
- package/dist/field/plugins/inline-image-plugin/inline-image-modal.css +25 -0
- package/dist/field/plugins/inline-image-plugin/inline-image-modal.d.ts +11 -0
- package/dist/field/plugins/inline-image-plugin/inline-image-modal.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/inline-image-modal.js +271 -0
- package/dist/field/plugins/inline-image-plugin/populate.d.ts +10 -0
- package/dist/field/plugins/inline-image-plugin/populate.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/populate.js +28 -0
- package/dist/field/plugins/inline-image-plugin/types.d.ts +37 -0
- package/dist/field/plugins/inline-image-plugin/types.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/types.js +1 -0
- package/dist/field/plugins/inline-image-plugin/utils.d.ts +42 -0
- package/dist/field/plugins/inline-image-plugin/utils.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/utils.js +46 -0
- package/dist/field/plugins/layout-plugin/insert-layout-modal.css +20 -0
- package/dist/field/plugins/layout-plugin/insert-layout-modal.d.ts +22 -0
- package/dist/field/plugins/layout-plugin/insert-layout-modal.d.ts.map +1 -0
- package/dist/field/plugins/layout-plugin/insert-layout-modal.js +97 -0
- package/dist/field/plugins/layout-plugin/layout-plugin.d.ts +10 -0
- package/dist/field/plugins/layout-plugin/layout-plugin.d.ts.map +1 -0
- package/dist/field/plugins/layout-plugin/layout-plugin.js +81 -0
- package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.d.ts +22 -0
- package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.js +185 -0
- package/dist/field/plugins/link-plugin/auto-link/index.d.ts +10 -0
- package/dist/field/plugins/link-plugin/auto-link/index.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/auto-link/index.js +15 -0
- package/dist/field/plugins/link-plugin/link/floating-link-editor.css +124 -0
- package/dist/field/plugins/link-plugin/link/floating-link-editor.d.ts +15 -0
- package/dist/field/plugins/link-plugin/link/floating-link-editor.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/link/floating-link-editor.js +234 -0
- package/dist/field/plugins/link-plugin/link/index.d.ts +2 -0
- package/dist/field/plugins/link-plugin/link/index.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/link/index.js +43 -0
- package/dist/field/plugins/link-plugin/link/link-modal.d.ts +11 -0
- package/dist/field/plugins/link-plugin/link/link-modal.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/link/link-modal.js +311 -0
- package/dist/field/plugins/link-plugin/link/types.d.ts +19 -0
- package/dist/field/plugins/link-plugin/link/types.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/link/types.js +1 -0
- package/dist/field/plugins/link-plugin/populate.d.ts +22 -0
- package/dist/field/plugins/link-plugin/populate.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/populate.js +28 -0
- package/dist/field/plugins/table-action-menu-plugin/index.d.ts +6 -0
- package/dist/field/plugins/table-action-menu-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/table-action-menu-plugin/index.js +598 -0
- package/dist/field/plugins/table-plugin/index.d.ts +4 -0
- package/dist/field/plugins/table-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/table-plugin/index.js +26 -0
- package/dist/field/plugins/table-plugin/table-modal.css +20 -0
- package/dist/field/plugins/table-plugin/table-modal.d.ts +21 -0
- package/dist/field/plugins/table-plugin/table-modal.d.ts.map +1 -0
- package/dist/field/plugins/table-plugin/table-modal.js +111 -0
- package/dist/field/plugins/toolbar-plugin/index.d.ts +17 -0
- package/dist/field/plugins/toolbar-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/toolbar-plugin/index.js +837 -0
- package/dist/field/plugins/treeview-plugin/index.d.ts +10 -0
- package/dist/field/plugins/treeview-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/treeview-plugin/index.js +17 -0
- package/dist/field/plugins/vimeo-plugin/index.d.ts +4 -0
- package/dist/field/plugins/vimeo-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/vimeo-plugin/index.js +24 -0
- package/dist/field/plugins/youtube-plugin/index.d.ts +4 -0
- package/dist/field/plugins/youtube-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/youtube-plugin/index.js +24 -0
- package/dist/field/shared/canUseDOM.d.ts +9 -0
- package/dist/field/shared/canUseDOM.d.ts.map +1 -0
- package/dist/field/shared/canUseDOM.js +2 -0
- package/dist/field/shared/environment.d.ts +23 -0
- package/dist/field/shared/environment.d.ts.map +1 -0
- package/dist/field/shared/environment.js +10 -0
- package/dist/field/shared/invariant.d.ts +9 -0
- package/dist/field/shared/invariant.d.ts.map +1 -0
- package/dist/field/shared/invariant.js +6 -0
- package/dist/field/shared/simpleDiffWithCursor.js +15 -0
- package/dist/field/shared/useLayoutEffect.js +5 -0
- package/dist/field/shared/useModalFormState.d.ts +23 -0
- package/dist/field/shared/useModalFormState.d.ts.map +1 -0
- package/dist/field/shared/useModalFormState.js +23 -0
- package/dist/field/shared/warnOnlyOnce.js +9 -0
- package/dist/field/themes/lexical-editor-theme.css +537 -0
- package/dist/field/themes/lexical-editor-theme.d.ts +10 -0
- package/dist/field/themes/lexical-editor-theme.d.ts.map +1 -0
- package/dist/field/themes/lexical-editor-theme.js +105 -0
- package/dist/field/toolbar-extensions.d.ts +32 -0
- package/dist/field/toolbar-extensions.d.ts.map +1 -0
- package/dist/field/toolbar-extensions.js +56 -0
- package/dist/field/types.js +1 -0
- package/dist/field/ui/button.css +31 -0
- package/dist/field/ui/button.js +19 -0
- package/dist/field/ui/checkbox.css +46 -0
- package/dist/field/ui/color-picker.css +75 -0
- package/dist/field/ui/color-picker.d.ts +21 -0
- package/dist/field/ui/color-picker.d.ts.map +1 -0
- package/dist/field/ui/color-picker.js +360 -0
- package/dist/field/ui/dialog.css +18 -0
- package/dist/field/ui/dialog.js +17 -0
- package/dist/field/ui/dropdown.d.ts +25 -0
- package/dist/field/ui/dropdown.d.ts.map +1 -0
- package/dist/field/ui/dropdown.js +150 -0
- package/dist/field/ui/file-input.js +27 -0
- package/dist/field/ui/input.css +23 -0
- package/dist/field/ui/modal.css +73 -0
- package/dist/field/ui/modal.d.ts +17 -0
- package/dist/field/ui/modal.d.ts.map +1 -0
- package/dist/field/ui/modal.js +69 -0
- package/dist/field/ui/placeholder-inline.d.ts +14 -0
- package/dist/field/ui/placeholder-inline.d.ts.map +1 -0
- package/dist/field/ui/placeholder-inline.js +12 -0
- package/dist/field/ui/placeholder.css +26 -0
- package/dist/field/ui/placeholder.d.ts +14 -0
- package/dist/field/ui/placeholder.d.ts.map +1 -0
- package/dist/field/ui/placeholder.js +14 -0
- package/dist/field/ui/select.css +32 -0
- package/dist/field/ui/select.js +28 -0
- package/dist/field/ui/switch.js +25 -0
- package/dist/field/ui/text-area.css +31 -0
- package/dist/field/ui/text-area.js +28 -0
- package/dist/field/ui/text-input.d.ts +20 -0
- package/dist/field/ui/text-input.d.ts.map +1 -0
- package/dist/field/ui/text-input.js +29 -0
- package/dist/field/utils/cloneDeep.js +26 -0
- package/dist/field/utils/deepEqual.js +19 -0
- package/dist/field/utils/emoji-list.js +21389 -0
- package/dist/field/utils/getDOMRangeRect.d.ts +9 -0
- package/dist/field/utils/getDOMRangeRect.d.ts.map +1 -0
- package/dist/field/utils/getDOMRangeRect.js +11 -0
- package/dist/field/utils/getSelectedNode.d.ts +3 -0
- package/dist/field/utils/getSelectedNode.d.ts.map +1 -0
- package/dist/field/utils/getSelectedNode.js +12 -0
- package/dist/field/utils/guard.js +4 -0
- package/dist/field/utils/hashSerializedState.d.ts +3 -0
- package/dist/field/utils/hashSerializedState.d.ts.map +1 -0
- package/dist/field/utils/hashSerializedState.js +22 -0
- package/dist/field/utils/isMobileWidth.js +1 -0
- package/dist/field/utils/joinClasses.js +4 -0
- package/dist/field/utils/point.js +34 -0
- package/dist/field/utils/rect.js +95 -0
- package/dist/field/utils/setFloatingElemPosition.d.ts +2 -0
- package/dist/field/utils/setFloatingElemPosition.d.ts.map +1 -0
- package/dist/field/utils/setFloatingElemPosition.js +22 -0
- package/dist/field/utils/setFloatingElemPositionForLinkEditor.d.ts +2 -0
- package/dist/field/utils/setFloatingElemPositionForLinkEditor.d.ts.map +1 -0
- package/dist/field/utils/setFloatingElemPositionForLinkEditor.js +22 -0
- package/dist/field/utils/swipe.js +77 -0
- package/dist/field/utils/url.d.ts +11 -0
- package/dist/field/utils/url.d.ts.map +1 -0
- package/dist/field/utils/url.js +30 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +7 -0
- package/dist/lexical-editor.d.ts +41 -0
- package/dist/lexical-editor.d.ts.map +1 -0
- package/dist/lexical-editor.js +13 -0
- package/dist/richtext-field.d.ts +25 -0
- package/dist/richtext-field.d.ts.map +1 -0
- package/dist/richtext-field.js +62 -0
- package/dist/richtext-field.module.js +8 -0
- package/dist/richtext-field_module.css +18 -0
- package/dist/server.d.ts +64 -0
- package/dist/server.d.ts.map +1 -0
- package/dist/server.js +20 -0
- package/dist/static/svg/3-columns.svg +3 -0
- package/dist/static/svg/admonition.svg +1 -0
- package/dist/static/svg/ai.svg +5 -0
- package/dist/static/svg/arrow-clockwise.svg +1 -0
- package/dist/static/svg/arrow-counterclockwise.svg +1 -0
- package/dist/static/svg/bg-color.svg +1 -0
- package/dist/static/svg/camera.svg +1 -0
- package/dist/static/svg/caret-right-fill.svg +1 -0
- package/dist/static/svg/chat-square-quote.svg +1 -0
- package/dist/static/svg/chevron-down.svg +1 -0
- package/dist/static/svg/clipboard.svg +1 -0
- package/dist/static/svg/close.svg +1 -0
- package/dist/static/svg/code.svg +1 -0
- package/dist/static/svg/copy.svg +1 -0
- package/dist/static/svg/diagram-2.svg +1 -0
- package/dist/static/svg/download.svg +1 -0
- package/dist/static/svg/dropdown-more.svg +1 -0
- package/dist/static/svg/file-image.svg +1 -0
- package/dist/static/svg/filetype-gif.svg +1 -0
- package/dist/static/svg/font-color.svg +1 -0
- package/dist/static/svg/font-family.svg +1 -0
- package/dist/static/svg/gear.svg +1 -0
- package/dist/static/svg/horizontal-rule.svg +1 -0
- package/dist/static/svg/indent.svg +1 -0
- package/dist/static/svg/journal-code.svg +1 -0
- package/dist/static/svg/justify.svg +1 -0
- package/dist/static/svg/link.svg +1 -0
- package/dist/static/svg/list-ol.svg +1 -0
- package/dist/static/svg/list-ul.svg +1 -0
- package/dist/static/svg/lock-fill.svg +1 -0
- package/dist/static/svg/lock.svg +1 -0
- package/dist/static/svg/markdown.svg +1 -0
- package/dist/static/svg/mic.svg +1 -0
- package/dist/static/svg/outdent.svg +1 -0
- package/dist/static/svg/paint-bucket.svg +1 -0
- package/dist/static/svg/palette.svg +1 -0
- package/dist/static/svg/pencil-fill.svg +1 -0
- package/dist/static/svg/plug-fill.svg +1 -0
- package/dist/static/svg/plug.svg +1 -0
- package/dist/static/svg/plus.svg +1 -0
- package/dist/static/svg/prettier-error.svg +1 -0
- package/dist/static/svg/prettier.svg +1 -0
- package/dist/static/svg/square-check.svg +1 -0
- package/dist/static/svg/success.svg +1 -0
- package/dist/static/svg/table.svg +1 -0
- package/dist/static/svg/text-center.svg +1 -0
- package/dist/static/svg/text-left.svg +1 -0
- package/dist/static/svg/text-paragraph.svg +1 -0
- package/dist/static/svg/text-right.svg +1 -0
- package/dist/static/svg/trash.svg +1 -0
- package/dist/static/svg/type-bold.svg +1 -0
- package/dist/static/svg/type-h1.svg +1 -0
- package/dist/static/svg/type-h2.svg +1 -0
- package/dist/static/svg/type-h3.svg +1 -0
- package/dist/static/svg/type-h4.svg +1 -0
- package/dist/static/svg/type-h5.svg +1 -0
- package/dist/static/svg/type-h6.svg +1 -0
- package/dist/static/svg/type-italic.svg +1 -0
- package/dist/static/svg/type-strikethrough.svg +1 -0
- package/dist/static/svg/type-subscript.svg +1 -0
- package/dist/static/svg/type-superscript.svg +1 -0
- package/dist/static/svg/type-underline.svg +1 -0
- package/dist/static/svg/upload.svg +1 -0
- package/dist/static/svg/user.svg +1 -0
- package/dist/static/svg/vimeo.svg +1 -0
- package/dist/static/svg/youtube.svg +1 -0
- package/dist/types.d.ts +37 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +1 -0
- package/dist/validate/createEmptyEditorState.d.ts +25 -0
- package/dist/validate/createEmptyEditorState.d.ts.map +1 -0
- package/dist/validate/createEmptyEditorState.js +26 -0
- package/dist/validate/hasText.d.ts +3 -0
- package/dist/validate/hasText.d.ts.map +1 -0
- package/dist/validate/hasText.js +20 -0
- package/dist/validate/validate.d.ts +5 -0
- package/dist/validate/validate.d.ts.map +1 -0
- package/dist/validate/validate.js +7 -0
- package/package.json +120 -0
- package/src/declarations.d.ts +4 -0
- package/src/field/apply-value-plugin.tsx +104 -0
- package/src/field/config/default.ts +58 -0
- package/src/field/config/editor-config-context.tsx +60 -0
- package/src/field/config/types.ts +67 -0
- package/src/field/constants.ts +1 -0
- package/src/field/content-editable-inline.tsx +27 -0
- package/src/field/content-editable.css +29 -0
- package/src/field/content-editable.tsx +27 -0
- package/src/field/context/shared-autocomplete-context.tsx +61 -0
- package/src/field/context/shared-history-context.tsx +30 -0
- package/src/field/context/shared-on-change-context.tsx +32 -0
- package/src/field/debug.tsx +39 -0
- package/src/field/editor-component.css +46 -0
- package/src/field/editor-component.md +87 -0
- package/src/field/editor-component.test.tsx +170 -0
- package/src/field/editor-component.tsx +207 -0
- package/src/field/editor-context.tsx +102 -0
- package/src/field/editor-field.tsx +51 -0
- package/src/field/editor.css +1481 -0
- package/src/field/editor.tsx +245 -0
- package/src/field/hooks/use-media-queryts +21 -0
- package/src/field/hooks/use-modal.tsx +59 -0
- package/src/field/hooks/use-report.ts +62 -0
- package/src/field/images/LICENSE.md +5 -0
- package/src/field/images/assets.d.ts +27 -0
- package/src/field/images/cat-typing.gif +0 -0
- package/src/field/images/emoji/1F600.png +0 -0
- package/src/field/images/emoji/1F641.png +0 -0
- package/src/field/images/emoji/1F642.png +0 -0
- package/src/field/images/emoji/2764.png +0 -0
- package/src/field/images/emoji/LICENSE.md +5 -0
- package/src/field/images/icons/3-columns.svg +3 -0
- package/src/field/images/icons/LICENSE.md +5 -0
- package/src/field/images/icons/admonition.svg +1 -0
- package/src/field/images/icons/ai.svg +5 -0
- package/src/field/images/icons/arrow-clockwise.svg +1 -0
- package/src/field/images/icons/arrow-counterclockwise.svg +1 -0
- package/src/field/images/icons/bg-color.svg +1 -0
- package/src/field/images/icons/camera.svg +1 -0
- package/src/field/images/icons/card-checklist.svg +1 -0
- package/src/field/images/icons/caret-right-fill.svg +1 -0
- package/src/field/images/icons/chat-left-text.svg +1 -0
- package/src/field/images/icons/chat-right-dots.svg +1 -0
- package/src/field/images/icons/chat-right-text.svg +1 -0
- package/src/field/images/icons/chat-right.svg +1 -0
- package/src/field/images/icons/chat-square-quote.svg +1 -0
- package/src/field/images/icons/chevron-down.svg +1 -0
- package/src/field/images/icons/clipboard.svg +1 -0
- package/src/field/images/icons/close.svg +1 -0
- package/src/field/images/icons/code.svg +1 -0
- package/src/field/images/icons/comments.svg +1 -0
- package/src/field/images/icons/copy.svg +1 -0
- package/src/field/images/icons/diagram-2.svg +1 -0
- package/src/field/images/icons/download.svg +1 -0
- package/src/field/images/icons/draggable-block-menu.svg +1 -0
- package/src/field/images/icons/dropdown-more.svg +1 -0
- package/src/field/images/icons/figma.svg +1 -0
- package/src/field/images/icons/file-earmark-text.svg +4 -0
- package/src/field/images/icons/file-image.svg +1 -0
- package/src/field/images/icons/filetype-gif.svg +1 -0
- package/src/field/images/icons/font-color.svg +1 -0
- package/src/field/images/icons/font-family.svg +1 -0
- package/src/field/images/icons/gear.svg +1 -0
- package/src/field/images/icons/horizontal-rule.svg +1 -0
- package/src/field/images/icons/indent.svg +1 -0
- package/src/field/images/icons/journal-code.svg +1 -0
- package/src/field/images/icons/journal-text.svg +1 -0
- package/src/field/images/icons/justify.svg +1 -0
- package/src/field/images/icons/link.svg +1 -0
- package/src/field/images/icons/list-ol.svg +1 -0
- package/src/field/images/icons/list-ul.svg +1 -0
- package/src/field/images/icons/lock-fill.svg +1 -0
- package/src/field/images/icons/lock.svg +1 -0
- package/src/field/images/icons/markdown.svg +1 -0
- package/src/field/images/icons/mic.svg +1 -0
- package/src/field/images/icons/outdent.svg +1 -0
- package/src/field/images/icons/paint-bucket.svg +1 -0
- package/src/field/images/icons/palette.svg +1 -0
- package/src/field/images/icons/pencil-fill.svg +1 -0
- package/src/field/images/icons/plug-fill.svg +1 -0
- package/src/field/images/icons/plug.svg +1 -0
- package/src/field/images/icons/plus-slash-minus.svg +1 -0
- package/src/field/images/icons/plus.svg +1 -0
- package/src/field/images/icons/prettier-error.svg +1 -0
- package/src/field/images/icons/prettier.svg +1 -0
- package/src/field/images/icons/send.svg +1 -0
- package/src/field/images/icons/square-check.svg +1 -0
- package/src/field/images/icons/sticky.svg +1 -0
- package/src/field/images/icons/success-alt.svg +1 -0
- package/src/field/images/icons/success.svg +1 -0
- package/src/field/images/icons/table.svg +1 -0
- package/src/field/images/icons/text-center.svg +1 -0
- package/src/field/images/icons/text-left.svg +1 -0
- package/src/field/images/icons/text-paragraph.svg +1 -0
- package/src/field/images/icons/text-right.svg +1 -0
- package/src/field/images/icons/trash.svg +1 -0
- package/src/field/images/icons/trash3.svg +1 -0
- package/src/field/images/icons/tweet.svg +1 -0
- package/src/field/images/icons/type-bold.svg +1 -0
- package/src/field/images/icons/type-h1.svg +1 -0
- package/src/field/images/icons/type-h2.svg +1 -0
- package/src/field/images/icons/type-h3.svg +1 -0
- package/src/field/images/icons/type-h4.svg +1 -0
- package/src/field/images/icons/type-h5.svg +1 -0
- package/src/field/images/icons/type-h6.svg +1 -0
- package/src/field/images/icons/type-italic.svg +1 -0
- package/src/field/images/icons/type-strikethrough.svg +1 -0
- package/src/field/images/icons/type-subscript.svg +1 -0
- package/src/field/images/icons/type-superscript.svg +1 -0
- package/src/field/images/icons/type-underline.svg +1 -0
- package/src/field/images/icons/upload.svg +1 -0
- package/src/field/images/icons/user.svg +1 -0
- package/src/field/images/icons/vimeo.svg +1 -0
- package/src/field/images/icons/youtube.svg +1 -0
- package/src/field/images/landscape.jpg +0 -0
- package/src/field/images/logo.svg +1 -0
- package/src/field/images/yellow-flower-small.jpg +0 -0
- package/src/field/images/yellow-flower.jpg +0 -0
- package/src/field/lexical-populate-shared.ts +188 -0
- package/src/field/nodes/admonition-node/admonition-node-component.css +115 -0
- package/src/field/nodes/admonition-node/admonition-node-component.tsx +256 -0
- package/src/field/nodes/admonition-node/admonition-node.tsx +189 -0
- package/src/field/nodes/admonition-node/icons/danger-icon.css +11 -0
- package/src/field/nodes/admonition-node/icons/danger-icon.js +17 -0
- package/src/field/nodes/admonition-node/icons/danger-icon.tsx +19 -0
- package/src/field/nodes/admonition-node/icons/index.js +4 -0
- package/src/field/nodes/admonition-node/icons/index.ts +4 -0
- package/src/field/nodes/admonition-node/icons/note-icon.css +11 -0
- package/src/field/nodes/admonition-node/icons/note-icon.js +17 -0
- package/src/field/nodes/admonition-node/icons/note-icon.tsx +19 -0
- package/src/field/nodes/admonition-node/icons/tip-icon.css +11 -0
- package/src/field/nodes/admonition-node/icons/tip-icon.js +17 -0
- package/src/field/nodes/admonition-node/icons/tip-icon.tsx +19 -0
- package/src/field/nodes/admonition-node/icons/warning-icon.css +11 -0
- package/src/field/nodes/admonition-node/icons/warning-icon.js +17 -0
- package/src/field/nodes/admonition-node/icons/warning-icon.tsx +19 -0
- package/src/field/nodes/admonition-node/index.ts +14 -0
- package/src/field/nodes/admonition-node/types.ts +33 -0
- package/src/field/nodes/document-relation.ts +33 -0
- package/src/field/nodes/index.ts +47 -0
- package/src/field/nodes/inline-image-node/index.ts +10 -0
- package/src/field/nodes/inline-image-node/inline-image-node-component.css +205 -0
- package/src/field/nodes/inline-image-node/inline-image-node-component.tsx +342 -0
- package/src/field/nodes/inline-image-node/inline-image-node.tsx +328 -0
- package/src/field/nodes/inline-image-node/types.ts +43 -0
- package/src/field/nodes/layout-container-node/layout-container-node.ts +97 -0
- package/src/field/nodes/layout-container-node/layout-item-node.ts +63 -0
- package/src/field/nodes/link-nodes/auto-link-node.ts +64 -0
- package/src/field/nodes/link-nodes/index.ts +3 -0
- package/src/field/nodes/link-nodes/link-node.ts +426 -0
- package/src/field/nodes/link-nodes/types.ts +33 -0
- package/src/field/nodes/vimeo-node/index.tsx +172 -0
- package/src/field/nodes/youtube-node/index.tsx +178 -0
- package/src/field/plugins/admonition-plugin/admonition-modal.css +25 -0
- package/src/field/plugins/admonition-plugin/admonition-modal.tsx +187 -0
- package/src/field/plugins/admonition-plugin/fields.ts +103 -0
- package/src/field/plugins/admonition-plugin/index.tsx +105 -0
- package/src/field/plugins/admonition-plugin/types.ts +37 -0
- package/src/field/plugins/auto-embed-plugin/auto-embed-modal.css +15 -0
- package/src/field/plugins/auto-embed-plugin/auto-embed-modal.tsx +110 -0
- package/src/field/plugins/auto-embed-plugin/index.tsx +323 -0
- package/src/field/plugins/code-highlight-plugin/index.ts +23 -0
- package/src/field/plugins/drag-drop-paste-plugin/index.ts +47 -0
- package/src/field/plugins/floating-text-format-toolbar-plugin/index.css +148 -0
- package/src/field/plugins/floating-text-format-toolbar-plugin/index.tsx +398 -0
- package/src/field/plugins/inline-image-plugin/fields.ts +21 -0
- package/src/field/plugins/inline-image-plugin/index.tsx +202 -0
- package/src/field/plugins/inline-image-plugin/inline-image-modal.css +29 -0
- package/src/field/plugins/inline-image-plugin/inline-image-modal.tsx +314 -0
- package/src/field/plugins/inline-image-plugin/populate.ts +48 -0
- package/src/field/plugins/inline-image-plugin/types.ts +39 -0
- package/src/field/plugins/inline-image-plugin/utils.ts +113 -0
- package/src/field/plugins/layout-plugin/insert-layout-modal.css +19 -0
- package/src/field/plugins/layout-plugin/insert-layout-modal.tsx +100 -0
- package/src/field/plugins/layout-plugin/layout-plugin.tsx +162 -0
- package/src/field/plugins/link-plugin/auto-link/auto-link-plugin.tsx +327 -0
- package/src/field/plugins/link-plugin/auto-link/index.tsx +35 -0
- package/src/field/plugins/link-plugin/link/floating-link-editor.css +128 -0
- package/src/field/plugins/link-plugin/link/floating-link-editor.tsx +348 -0
- package/src/field/plugins/link-plugin/link/index.tsx +99 -0
- package/src/field/plugins/link-plugin/link/link-modal.tsx +376 -0
- package/src/field/plugins/link-plugin/link/types.ts +20 -0
- package/src/field/plugins/link-plugin/populate.ts +48 -0
- package/src/field/plugins/table-action-menu-plugin/index.tsx +804 -0
- package/src/field/plugins/table-plugin/index.tsx +33 -0
- package/src/field/plugins/table-plugin/table-modal.css +19 -0
- package/src/field/plugins/table-plugin/table-modal.tsx +127 -0
- package/src/field/plugins/toolbar-plugin/index.tsx +937 -0
- package/src/field/plugins/treeview-plugin/index.tsx +29 -0
- package/src/field/plugins/vimeo-plugin/index.ts +42 -0
- package/src/field/plugins/youtube-plugin/index.ts +43 -0
- package/src/field/shared/canUseDOM.ts +10 -0
- package/src/field/shared/caretFromPoint.bak +40 -0
- package/src/field/shared/environment.ts +44 -0
- package/src/field/shared/invariant.ts +25 -0
- package/src/field/shared/simpleDiffWithCursor.ts +40 -0
- package/src/field/shared/useLayoutEffect.ts +15 -0
- package/src/field/shared/useModalFormState.ts +48 -0
- package/src/field/shared/warnOnlyOnce.ts +21 -0
- package/src/field/themes/lexical-editor-theme.css +565 -0
- package/src/field/themes/lexical-editor-theme.js +104 -0
- package/src/field/themes/lexical-editor-theme.tsx +115 -0
- package/src/field/toolbar-extensions.tsx +93 -0
- package/src/field/types.ts +19 -0
- package/src/field/ui/button.css +45 -0
- package/src/field/ui/button.tsx +51 -0
- package/src/field/ui/checkbox.css +52 -0
- package/src/field/ui/color-picker.css +88 -0
- package/src/field/ui/color-picker.tsx +395 -0
- package/src/field/ui/dialog.css +17 -0
- package/src/field/ui/dialog.tsx +29 -0
- package/src/field/ui/dropdown.tsx +217 -0
- package/src/field/ui/file-input.tsx +44 -0
- package/src/field/ui/input.css +32 -0
- package/src/field/ui/modal.css +84 -0
- package/src/field/ui/modal.tsx +106 -0
- package/src/field/ui/placeholder-inline.tsx +28 -0
- package/src/field/ui/placeholder.css +33 -0
- package/src/field/ui/placeholder.tsx +32 -0
- package/src/field/ui/select.css +34 -0
- package/src/field/ui/select.tsx +38 -0
- package/src/field/ui/switch.tsx +33 -0
- package/src/field/ui/text-area.css +45 -0
- package/src/field/ui/text-area.tsx +50 -0
- package/src/field/ui/text-input.tsx +51 -0
- package/src/field/utils/cloneDeep.ts +57 -0
- package/src/field/utils/deepEqual.ts +54 -0
- package/src/field/utils/emoji-list.ts +16615 -0
- package/src/field/utils/getDOMRangeRect.ts +24 -0
- package/src/field/utils/getSelectedNode.ts +25 -0
- package/src/field/utils/guard.ts +10 -0
- package/src/field/utils/hashSerializedState.ts +34 -0
- package/src/field/utils/isMobileWidth.ts +7 -0
- package/src/field/utils/joinClasses.ts +11 -0
- package/src/field/utils/point.ts +52 -0
- package/src/field/utils/rect.ts +142 -0
- package/src/field/utils/setFloatingElemPosition.ts +48 -0
- package/src/field/utils/setFloatingElemPositionForLinkEditor.ts +46 -0
- package/src/field/utils/swipe.ts +129 -0
- package/src/field/utils/url.ts +49 -0
- package/src/index.ts +26 -0
- package/src/lexical-editor.tsx +56 -0
- package/src/richtext-field.module.css +29 -0
- package/src/richtext-field.tsx +113 -0
- package/src/server.ts +85 -0
- package/src/types.ts +43 -0
- package/src/validate/createEmptyEditorState.ts +52 -0
- package/src/validate/hasText.test.ts +89 -0
- package/src/validate/hasText.ts +34 -0
- package/src/validate/validate.ts +18 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the MIT license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
export declare function getDOMRangeRect(nativeSelection: Selection, rootElement: HTMLElement): DOMRect;
|
|
9
|
+
//# sourceMappingURL=getDOMRangeRect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getDOMRangeRect.d.ts","sourceRoot":"","sources":["../../../src/field/utils/getDOMRangeRect.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAG,OAAO,CAgB7F"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
function getDOMRangeRect(nativeSelection, rootElement) {
|
|
2
|
+
const domRange = nativeSelection.getRangeAt(0);
|
|
3
|
+
let rect;
|
|
4
|
+
if (nativeSelection.anchorNode === rootElement) {
|
|
5
|
+
let inner = rootElement;
|
|
6
|
+
while(null != inner.firstElementChild)inner = inner.firstElementChild;
|
|
7
|
+
rect = inner.getBoundingClientRect();
|
|
8
|
+
} else rect = domRange.getBoundingClientRect();
|
|
9
|
+
return rect;
|
|
10
|
+
}
|
|
11
|
+
export { getDOMRangeRect };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getSelectedNode.d.ts","sourceRoot":"","sources":["../../../src/field/utils/getSelectedNode.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEpE,wBAAgB,eAAe,CAAC,SAAS,EAAE,cAAc,GAAG,QAAQ,GAAG,WAAW,CAcjF"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { $isAtNodeEnd } from "@lexical/selection";
|
|
2
|
+
function getSelectedNode(selection) {
|
|
3
|
+
const anchor = selection.anchor;
|
|
4
|
+
const focus = selection.focus;
|
|
5
|
+
const anchorNode = selection.anchor.getNode();
|
|
6
|
+
const focusNode = selection.focus.getNode();
|
|
7
|
+
if (anchorNode === focusNode) return anchorNode;
|
|
8
|
+
const isBackward = selection.isBackward();
|
|
9
|
+
if (isBackward) return $isAtNodeEnd(focus) ? anchorNode : focusNode;
|
|
10
|
+
return $isAtNodeEnd(anchor) ? anchorNode : focusNode;
|
|
11
|
+
}
|
|
12
|
+
export { getSelectedNode };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hashSerializedState.d.ts","sourceRoot":"","sources":["../../../src/field/utils/hashSerializedState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIpD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,qBAAqB,GAAG,MAAM,GAAG,MAAM,CAUjF"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
function hashSerializedState(state) {
|
|
2
|
+
const str = 'string' == typeof state ? state : stableJsonStringify(state);
|
|
3
|
+
let hash = 2166136261;
|
|
4
|
+
for(let i = 0; i < str.length; i++){
|
|
5
|
+
hash ^= str.charCodeAt(i);
|
|
6
|
+
hash = Math.imul(hash, 16777619);
|
|
7
|
+
}
|
|
8
|
+
return (hash >>> 0).toString(16);
|
|
9
|
+
}
|
|
10
|
+
function stableJsonStringify(value) {
|
|
11
|
+
return JSON.stringify(value, (_key, val)=>{
|
|
12
|
+
if (null == val) return val;
|
|
13
|
+
if (Array.isArray(val)) return val;
|
|
14
|
+
if ('object' != typeof val) return val;
|
|
15
|
+
const obj = val;
|
|
16
|
+
const keys = Object.keys(obj).sort();
|
|
17
|
+
const sorted = {};
|
|
18
|
+
for (const key of keys)sorted[key] = obj[key];
|
|
19
|
+
return sorted;
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
export { hashSerializedState };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
class Point {
|
|
2
|
+
get x() {
|
|
3
|
+
return this._x;
|
|
4
|
+
}
|
|
5
|
+
get y() {
|
|
6
|
+
return this._y;
|
|
7
|
+
}
|
|
8
|
+
equals({ x, y }) {
|
|
9
|
+
return this.x === x && this.y === y;
|
|
10
|
+
}
|
|
11
|
+
calcDeltaXTo({ x }) {
|
|
12
|
+
return this.x - x;
|
|
13
|
+
}
|
|
14
|
+
calcDeltaYTo({ y }) {
|
|
15
|
+
return this.y - y;
|
|
16
|
+
}
|
|
17
|
+
calcHorizontalDistanceTo(point) {
|
|
18
|
+
return Math.abs(this.calcDeltaXTo(point));
|
|
19
|
+
}
|
|
20
|
+
calcVerticalDistance(point) {
|
|
21
|
+
return Math.abs(this.calcDeltaYTo(point));
|
|
22
|
+
}
|
|
23
|
+
calcDistanceTo(point) {
|
|
24
|
+
return Math.sqrt(this.calcDeltaXTo(point) ** 2 + this.calcDeltaYTo(point) ** 2);
|
|
25
|
+
}
|
|
26
|
+
constructor(x, y){
|
|
27
|
+
this._x = x;
|
|
28
|
+
this._y = y;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
function isPoint(x) {
|
|
32
|
+
return x instanceof Point;
|
|
33
|
+
}
|
|
34
|
+
export { Point, isPoint };
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { isPoint } from "./point.js";
|
|
2
|
+
class Rect {
|
|
3
|
+
get top() {
|
|
4
|
+
return this._top;
|
|
5
|
+
}
|
|
6
|
+
get right() {
|
|
7
|
+
return this._right;
|
|
8
|
+
}
|
|
9
|
+
get bottom() {
|
|
10
|
+
return this._bottom;
|
|
11
|
+
}
|
|
12
|
+
get left() {
|
|
13
|
+
return this._left;
|
|
14
|
+
}
|
|
15
|
+
get width() {
|
|
16
|
+
return Math.abs(this._left - this._right);
|
|
17
|
+
}
|
|
18
|
+
get height() {
|
|
19
|
+
return Math.abs(this._bottom - this._top);
|
|
20
|
+
}
|
|
21
|
+
equals({ top, left, bottom, right }) {
|
|
22
|
+
return top === this._top && bottom === this._bottom && left === this._left && right === this._right;
|
|
23
|
+
}
|
|
24
|
+
contains(target) {
|
|
25
|
+
if (isPoint(target)) {
|
|
26
|
+
const { x, y } = target;
|
|
27
|
+
const isOnTopSide = y < this._top;
|
|
28
|
+
const isOnBottomSide = y > this._bottom;
|
|
29
|
+
const isOnLeftSide = x < this._left;
|
|
30
|
+
const isOnRightSide = x > this._right;
|
|
31
|
+
const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;
|
|
32
|
+
return {
|
|
33
|
+
reason: {
|
|
34
|
+
isOnBottomSide,
|
|
35
|
+
isOnLeftSide,
|
|
36
|
+
isOnRightSide,
|
|
37
|
+
isOnTopSide
|
|
38
|
+
},
|
|
39
|
+
result
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
{
|
|
43
|
+
const { top, left, bottom, right } = target;
|
|
44
|
+
return top >= this._top && top <= this._bottom && bottom >= this._top && bottom <= this._bottom && left >= this._left && left <= this._right && right >= this._left && right <= this._right;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
intersectsWith(rect) {
|
|
48
|
+
const { left: x1, top: y1, width: w1, height: h1 } = rect;
|
|
49
|
+
const { left: x2, top: y2, width: w2, height: h2 } = this;
|
|
50
|
+
const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;
|
|
51
|
+
const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;
|
|
52
|
+
const minX = x1 <= x2 ? x1 : x2;
|
|
53
|
+
const minY = y1 <= y2 ? y1 : y2;
|
|
54
|
+
return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;
|
|
55
|
+
}
|
|
56
|
+
generateNewRect({ left = this.left, top = this.top, right = this.right, bottom = this.bottom }) {
|
|
57
|
+
return new Rect(left, top, right, bottom);
|
|
58
|
+
}
|
|
59
|
+
static fromLTRB(left, top, right, bottom) {
|
|
60
|
+
return new Rect(left, top, right, bottom);
|
|
61
|
+
}
|
|
62
|
+
static fromLWTH(left, width, top, height) {
|
|
63
|
+
return new Rect(left, top, left + width, top + height);
|
|
64
|
+
}
|
|
65
|
+
static fromPoints(startPoint, endPoint) {
|
|
66
|
+
const { y: top, x: left } = startPoint;
|
|
67
|
+
const { y: bottom, x: right } = endPoint;
|
|
68
|
+
return Rect.fromLTRB(left, top, right, bottom);
|
|
69
|
+
}
|
|
70
|
+
static fromDOM(dom) {
|
|
71
|
+
const { top, width, left, height } = dom.getBoundingClientRect();
|
|
72
|
+
return Rect.fromLWTH(left, width, top, height);
|
|
73
|
+
}
|
|
74
|
+
constructor(left, top, right, bottom){
|
|
75
|
+
const [physicTop, physicBottom] = top <= bottom ? [
|
|
76
|
+
top,
|
|
77
|
+
bottom
|
|
78
|
+
] : [
|
|
79
|
+
bottom,
|
|
80
|
+
top
|
|
81
|
+
];
|
|
82
|
+
const [physicLeft, physicRight] = left <= right ? [
|
|
83
|
+
left,
|
|
84
|
+
right
|
|
85
|
+
] : [
|
|
86
|
+
right,
|
|
87
|
+
left
|
|
88
|
+
];
|
|
89
|
+
this._top = physicTop;
|
|
90
|
+
this._right = physicRight;
|
|
91
|
+
this._left = physicLeft;
|
|
92
|
+
this._bottom = physicBottom;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
export { Rect };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"setFloatingElemPosition.d.ts","sourceRoot":"","sources":["../../../src/field/utils/setFloatingElemPosition.ts"],"names":[],"mappings":"AAUA,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,OAAO,GAAG,IAAI,EAC1B,YAAY,EAAE,WAAW,EACzB,UAAU,EAAE,WAAW,EACvB,MAAM,GAAE,OAAe,EACvB,WAAW,GAAE,MAAqB,EAClC,gBAAgB,GAAE,MAA0B,GAC3C,IAAI,CA8BN"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
const VERTICAL_GAP = 10;
|
|
2
|
+
const HORIZONTAL_OFFSET = 5;
|
|
3
|
+
function setFloatingElemPosition(targetRect, floatingElem, anchorElem, isLink = false, verticalGap = VERTICAL_GAP, horizontalOffset = HORIZONTAL_OFFSET) {
|
|
4
|
+
const scrollerElem = anchorElem.parentElement;
|
|
5
|
+
if (null === targetRect || null == scrollerElem) {
|
|
6
|
+
floatingElem.style.opacity = '0';
|
|
7
|
+
floatingElem.style.transform = 'translate(-10000px, -10000px)';
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
const floatingElemRect = floatingElem.getBoundingClientRect();
|
|
11
|
+
const anchorElementRect = anchorElem.getBoundingClientRect();
|
|
12
|
+
const editorScrollerRect = scrollerElem.getBoundingClientRect();
|
|
13
|
+
let top = targetRect.top - floatingElemRect.height - verticalGap;
|
|
14
|
+
let left = targetRect.left - horizontalOffset;
|
|
15
|
+
if (top < editorScrollerRect.top) top += floatingElemRect.height + targetRect.height + verticalGap * (isLink ? 9 : 2);
|
|
16
|
+
if (left + floatingElemRect.width > editorScrollerRect.right) left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;
|
|
17
|
+
top -= anchorElementRect.top;
|
|
18
|
+
left -= anchorElementRect.left;
|
|
19
|
+
floatingElem.style.opacity = '1';
|
|
20
|
+
floatingElem.style.transform = `translate(${left}px, ${top}px)`;
|
|
21
|
+
}
|
|
22
|
+
export { setFloatingElemPosition };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"setFloatingElemPositionForLinkEditor.d.ts","sourceRoot":"","sources":["../../../src/field/utils/setFloatingElemPositionForLinkEditor.ts"],"names":[],"mappings":"AAUA,wBAAgB,oCAAoC,CAClD,UAAU,EAAE,UAAU,GAAG,IAAI,EAC7B,YAAY,EAAE,WAAW,EACzB,UAAU,EAAE,WAAW,EACvB,WAAW,GAAE,MAAqB,EAClC,gBAAgB,GAAE,MAA0B,GAC3C,IAAI,CA6BN"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
const VERTICAL_GAP = 10;
|
|
2
|
+
const HORIZONTAL_OFFSET = 5;
|
|
3
|
+
function setFloatingElemPositionForLinkEditor(targetRect, floatingElem, anchorElem, verticalGap = VERTICAL_GAP, horizontalOffset = HORIZONTAL_OFFSET) {
|
|
4
|
+
const scrollerElem = anchorElem.parentElement;
|
|
5
|
+
if (null === targetRect || null == scrollerElem) {
|
|
6
|
+
floatingElem.style.opacity = '0';
|
|
7
|
+
floatingElem.style.transform = 'translate(-10000px, -10000px)';
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
const floatingElemRect = floatingElem.getBoundingClientRect();
|
|
11
|
+
const anchorElementRect = anchorElem.getBoundingClientRect();
|
|
12
|
+
const editorScrollerRect = scrollerElem.getBoundingClientRect();
|
|
13
|
+
let top = targetRect.top - verticalGap;
|
|
14
|
+
let left = targetRect.left - horizontalOffset;
|
|
15
|
+
if (top < editorScrollerRect.top) top += floatingElemRect.height + targetRect.height + 2 * verticalGap;
|
|
16
|
+
if (left + floatingElemRect.width > editorScrollerRect.right) left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;
|
|
17
|
+
top -= anchorElementRect.top;
|
|
18
|
+
left -= anchorElementRect.left;
|
|
19
|
+
floatingElem.style.opacity = '1';
|
|
20
|
+
floatingElem.style.transform = `translate(${left}px, ${top}px)`;
|
|
21
|
+
}
|
|
22
|
+
export { setFloatingElemPositionForLinkEditor };
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
const swipe_elements = new WeakMap();
|
|
2
|
+
function readTouch(e) {
|
|
3
|
+
const touch = e.changedTouches[0];
|
|
4
|
+
if (void 0 === touch) return null;
|
|
5
|
+
return [
|
|
6
|
+
touch.clientX,
|
|
7
|
+
touch.clientY
|
|
8
|
+
];
|
|
9
|
+
}
|
|
10
|
+
function addListener(element, cb) {
|
|
11
|
+
let elementValues = swipe_elements.get(element);
|
|
12
|
+
if (void 0 === elementValues) {
|
|
13
|
+
const listeners = new Set();
|
|
14
|
+
const handleTouchstart = (e)=>{
|
|
15
|
+
if (void 0 !== elementValues) elementValues.start = readTouch(e);
|
|
16
|
+
};
|
|
17
|
+
const handleTouchend = (e)=>{
|
|
18
|
+
if (void 0 === elementValues) return;
|
|
19
|
+
const start = elementValues.start;
|
|
20
|
+
if (null === start) return;
|
|
21
|
+
const end = readTouch(e);
|
|
22
|
+
for (const listener of listeners)if (null !== end) listener([
|
|
23
|
+
end[0] - start[0],
|
|
24
|
+
end[1] - start[1]
|
|
25
|
+
], e);
|
|
26
|
+
};
|
|
27
|
+
element.addEventListener('touchstart', handleTouchstart);
|
|
28
|
+
element.addEventListener('touchend', handleTouchend);
|
|
29
|
+
elementValues = {
|
|
30
|
+
handleTouchend,
|
|
31
|
+
handleTouchstart,
|
|
32
|
+
listeners,
|
|
33
|
+
start: null
|
|
34
|
+
};
|
|
35
|
+
swipe_elements.set(element, elementValues);
|
|
36
|
+
}
|
|
37
|
+
elementValues.listeners.add(cb);
|
|
38
|
+
return ()=>{
|
|
39
|
+
deleteListener(element, cb);
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
function deleteListener(element, cb) {
|
|
43
|
+
const elementValues = swipe_elements.get(element);
|
|
44
|
+
if (void 0 === elementValues) return;
|
|
45
|
+
const listeners = elementValues.listeners;
|
|
46
|
+
listeners.delete(cb);
|
|
47
|
+
if (0 === listeners.size) {
|
|
48
|
+
swipe_elements.delete(element);
|
|
49
|
+
element.removeEventListener('touchstart', elementValues.handleTouchstart);
|
|
50
|
+
element.removeEventListener('touchend', elementValues.handleTouchend);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
function addSwipeLeftListener(element, cb) {
|
|
54
|
+
return addListener(element, (force, e)=>{
|
|
55
|
+
const [x, y] = force;
|
|
56
|
+
if (x < 0 && -x > Math.abs(y)) cb(x, e);
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
function addSwipeRightListener(element, cb) {
|
|
60
|
+
return addListener(element, (force, e)=>{
|
|
61
|
+
const [x, y] = force;
|
|
62
|
+
if (x > 0 && x > Math.abs(y)) cb(x, e);
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
function addSwipeUpListener(element, cb) {
|
|
66
|
+
return addListener(element, (force, e)=>{
|
|
67
|
+
const [x, y] = force;
|
|
68
|
+
if (y < 0 && -y > Math.abs(x)) cb(x, e);
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
function addSwipeDownListener(element, cb) {
|
|
72
|
+
return addListener(element, (force, e)=>{
|
|
73
|
+
const [x, y] = force;
|
|
74
|
+
if (y > 0 && y > Math.abs(x)) cb(x, e);
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
export { addSwipeDownListener, addSwipeLeftListener, addSwipeRightListener, addSwipeUpListener };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the MIT license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
export declare function sanitizeUrl(url: string): string;
|
|
9
|
+
export declare function validateUrl(url: string): boolean;
|
|
10
|
+
export declare function encodeRelativeUrl(url: string): string;
|
|
11
|
+
//# sourceMappingURL=url.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../../src/field/utils/url.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAkB/C;AAKD,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAIhD;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAOrD"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
const SUPPORTED_URL_PROTOCOLS = new Set([
|
|
2
|
+
'http:',
|
|
3
|
+
'https:',
|
|
4
|
+
'mailto:',
|
|
5
|
+
'sms:',
|
|
6
|
+
'tel:'
|
|
7
|
+
]);
|
|
8
|
+
function sanitizeUrl(url) {
|
|
9
|
+
if (url?.startsWith('/')) return url;
|
|
10
|
+
try {
|
|
11
|
+
const parsedUrl = new URL(url);
|
|
12
|
+
if (!SUPPORTED_URL_PROTOCOLS.has(parsedUrl.protocol)) return 'about:blank';
|
|
13
|
+
} catch (_e) {
|
|
14
|
+
return 'https://';
|
|
15
|
+
}
|
|
16
|
+
return url;
|
|
17
|
+
}
|
|
18
|
+
const urlRegExp = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/;
|
|
19
|
+
function validateUrl(url) {
|
|
20
|
+
return 'https://' === url || urlRegExp.test(url);
|
|
21
|
+
}
|
|
22
|
+
function encodeRelativeUrl(url) {
|
|
23
|
+
const segments = url.split('/');
|
|
24
|
+
for(let index = 0; index < segments.length; index++){
|
|
25
|
+
const segment = segments[index];
|
|
26
|
+
segments[index] = encodeURIComponent(segment);
|
|
27
|
+
}
|
|
28
|
+
return segments.join('/');
|
|
29
|
+
}
|
|
30
|
+
export { encodeRelativeUrl, sanitizeUrl, validateUrl };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export type { SerializedEditor, SerializedEditorState, SerializedElementNode, SerializedLexicalNode, SerializedRootNode, SerializedTextNode, } from 'lexical';
|
|
2
|
+
export { defaultEditorConfig } from './field/config/default';
|
|
3
|
+
export { EditorField } from './field/editor-field';
|
|
4
|
+
export { Nodes } from './field/nodes';
|
|
5
|
+
export { lexicalEditor } from './lexical-editor';
|
|
6
|
+
export { RichTextField } from './richtext-field';
|
|
7
|
+
export { createEmptyEditorState } from './validate/createEmptyEditorState';
|
|
8
|
+
export { hasText } from './validate/hasText';
|
|
9
|
+
export type { EditorConfig, EditorSettings, EditorSettingsOverride } from './field/config/types';
|
|
10
|
+
export type { DocumentRelation } from './field/nodes/document-relation';
|
|
11
|
+
export type { InlineImageAttributes, Position as InlineImagePosition, SerializedInlineImageNode, } from './field/nodes/inline-image-node/types';
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAChG,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,YAAY,EACV,qBAAqB,EACrB,QAAQ,IAAI,mBAAmB,EAC/B,yBAAyB,GAC1B,MAAM,uCAAuC,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { defaultEditorConfig } from "./field/config/default.js";
|
|
2
|
+
export { EditorField } from "./field/editor-field.js";
|
|
3
|
+
export { Nodes } from "./field/nodes/index.js";
|
|
4
|
+
export { lexicalEditor } from "./lexical-editor.js";
|
|
5
|
+
export { RichTextField } from "./richtext-field.js";
|
|
6
|
+
export { createEmptyEditorState } from "./validate/createEmptyEditorState.js";
|
|
7
|
+
export { hasText } from "./validate/hasText.js";
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This Source Code is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) Infonomic Company Limited
|
|
7
|
+
*/
|
|
8
|
+
import type { RichTextEditorComponent } from '@byline/core';
|
|
9
|
+
import type { EditorConfig } from './field/config/types';
|
|
10
|
+
/**
|
|
11
|
+
* Returns a `RichTextEditorComponent` with editor settings baked in. Use this
|
|
12
|
+
* at the registration site in your admin config when you want to
|
|
13
|
+
* customise the editor across the whole installation; per-field overrides
|
|
14
|
+
* via `RichTextField.editorConfig` continue to take precedence at render time.
|
|
15
|
+
*
|
|
16
|
+
* The `configure` callback receives a deep clone of `defaultEditorConfig` —
|
|
17
|
+
* mutate and return, or return a new object. Mutating the input is safe
|
|
18
|
+
* because the clone is local to this call.
|
|
19
|
+
*
|
|
20
|
+
* Calling `lexicalEditor()` with no argument is equivalent to registering
|
|
21
|
+
* `RichTextField` directly.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```ts
|
|
25
|
+
* import { lexicalEditor } from '@byline/richtext-lexical'
|
|
26
|
+
*
|
|
27
|
+
* defineClientConfig({
|
|
28
|
+
* fields: {
|
|
29
|
+
* richText: {
|
|
30
|
+
* editor: lexicalEditor((c) => {
|
|
31
|
+
* c.settings.options.tablePlugin = false
|
|
32
|
+
* c.settings.options.codeHighlightPlugin = false
|
|
33
|
+
* return c
|
|
34
|
+
* }),
|
|
35
|
+
* },
|
|
36
|
+
* },
|
|
37
|
+
* })
|
|
38
|
+
* ```
|
|
39
|
+
*/
|
|
40
|
+
export declare function lexicalEditor(configure?: (config: EditorConfig) => EditorConfig): RichTextEditorComponent;
|
|
41
|
+
//# sourceMappingURL=lexical-editor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lexical-editor.d.ts","sourceRoot":"","sources":["../src/lexical-editor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAK3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,aAAa,CAC3B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,YAAY,GACjD,uBAAuB,CAQzB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cloneDeep } from "lodash-es";
|
|
3
|
+
import { defaultEditorConfig } from "./field/config/default.js";
|
|
4
|
+
import { RichTextField } from "./richtext-field.js";
|
|
5
|
+
function lexicalEditor(configure) {
|
|
6
|
+
const baked = configure ? configure(cloneDeep(defaultEditorConfig)) : void 0;
|
|
7
|
+
const ConfiguredEditor = (props)=>/*#__PURE__*/ jsx(RichTextField, {
|
|
8
|
+
...props,
|
|
9
|
+
editorConfig: baked
|
|
10
|
+
});
|
|
11
|
+
return ConfiguredEditor;
|
|
12
|
+
}
|
|
13
|
+
export { lexicalEditor };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This Source Code is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) Infonomic Company Limited
|
|
7
|
+
*/
|
|
8
|
+
import type React from 'react';
|
|
9
|
+
import type { RichTextField as FieldType } from '@byline/core';
|
|
10
|
+
import type { EditorConfig } from './field/config/types';
|
|
11
|
+
interface Props {
|
|
12
|
+
field: FieldType;
|
|
13
|
+
readonly?: boolean;
|
|
14
|
+
instanceKey?: string;
|
|
15
|
+
value?: any;
|
|
16
|
+
defaultValue?: any;
|
|
17
|
+
editorConfig?: EditorConfig;
|
|
18
|
+
onChange?: (value: any) => void;
|
|
19
|
+
path?: string;
|
|
20
|
+
/** When provided, renders a LocaleBadge next to the field label. */
|
|
21
|
+
locale?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const RichTextField: ({ field, value, defaultValue, editorConfig, readonly, instanceKey, onChange, path, locale, }: Props) => React.JSX.Element;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=richtext-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"richtext-field.d.ts","sourceRoot":"","sources":["../src/richtext-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,aAAa,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AAQ9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,aAAa,GAAI,8FAU3B,KAAK,sBAqEP,CAAA"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { LocaleBadge, useFieldError, useFieldValue } from "@byline/ui";
|
|
3
|
+
import { ErrorText, Label } from "@infonomic/uikit/react";
|
|
4
|
+
import classnames from "classnames";
|
|
5
|
+
import { defaultEditorConfig } from "./field/config/default.js";
|
|
6
|
+
import { EditorField } from "./field/editor-field.js";
|
|
7
|
+
import richtext_field_module from "./richtext-field.module.js";
|
|
8
|
+
const RichTextField = ({ field, value, defaultValue, editorConfig, readonly = false, instanceKey, onChange, path, locale })=>{
|
|
9
|
+
const fieldPath = path ?? field.name;
|
|
10
|
+
const fieldError = useFieldError(fieldPath);
|
|
11
|
+
const fieldValue = useFieldValue(fieldPath);
|
|
12
|
+
const incomingValue = value ?? fieldValue;
|
|
13
|
+
const incomingDefault = defaultValue;
|
|
14
|
+
const fieldId = instanceKey ? `${field.name}-${instanceKey}` : field.name;
|
|
15
|
+
const baseEditorConfig = field.editorConfig ?? editorConfig ?? defaultEditorConfig;
|
|
16
|
+
const resolvedEditorConfig = void 0 === field.embedRelationsOnSave ? baseEditorConfig : {
|
|
17
|
+
...baseEditorConfig,
|
|
18
|
+
settings: {
|
|
19
|
+
...baseEditorConfig.settings,
|
|
20
|
+
embedRelationsOnSave: field.embedRelationsOnSave
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
const labelNode = locale && field.label ? /*#__PURE__*/ jsxs("div", {
|
|
24
|
+
className: classnames('byline-field-richtext-label', richtext_field_module["label-row"]),
|
|
25
|
+
children: [
|
|
26
|
+
/*#__PURE__*/ jsx(Label, {
|
|
27
|
+
id: `${fieldId}-label`,
|
|
28
|
+
label: field.label,
|
|
29
|
+
htmlFor: fieldId,
|
|
30
|
+
required: !field.optional
|
|
31
|
+
}),
|
|
32
|
+
/*#__PURE__*/ jsx(LocaleBadge, {
|
|
33
|
+
locale: locale
|
|
34
|
+
})
|
|
35
|
+
]
|
|
36
|
+
}) : field.label;
|
|
37
|
+
return /*#__PURE__*/ jsx("div", {
|
|
38
|
+
className: classnames('byline-field-richtext', field.name, richtext_field_module.wrapper),
|
|
39
|
+
children: /*#__PURE__*/ jsxs("div", {
|
|
40
|
+
className: classnames('byline-field-richtext-body', richtext_field_module.body),
|
|
41
|
+
children: [
|
|
42
|
+
/*#__PURE__*/ jsx(EditorField, {
|
|
43
|
+
onChange: onChange,
|
|
44
|
+
editorConfig: resolvedEditorConfig,
|
|
45
|
+
id: fieldId,
|
|
46
|
+
name: field.name,
|
|
47
|
+
description: field.helpText,
|
|
48
|
+
readonly: readonly,
|
|
49
|
+
label: labelNode,
|
|
50
|
+
required: !field.optional,
|
|
51
|
+
value: incomingValue,
|
|
52
|
+
defaultValue: incomingDefault
|
|
53
|
+
}, fieldId),
|
|
54
|
+
fieldError && /*#__PURE__*/ jsx(ErrorText, {
|
|
55
|
+
id: `${field.name}-error`,
|
|
56
|
+
text: fieldError
|
|
57
|
+
})
|
|
58
|
+
]
|
|
59
|
+
})
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
export { RichTextField };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
:is(.wrapper-Kp9TyN, .byline-field-richtext) {
|
|
2
|
+
flex: 1;
|
|
3
|
+
height: 100%;
|
|
4
|
+
display: flex;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
:is(.label-row-GTig6y, .byline-field-richtext-label) {
|
|
8
|
+
align-items: center;
|
|
9
|
+
display: flex;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
:is(.body-dyCs_k, .byline-field-richtext-body) {
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
flex: 1;
|
|
15
|
+
gap: .25rem;
|
|
16
|
+
display: flex;
|
|
17
|
+
}
|
|
18
|
+
|