@payloadcms/richtext-slate 3.0.0-canary.cee5702 → 3.0.0-canary.cf66341
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/README.md +1 -1
- package/dist/cell/index.d.ts +1 -1
- package/dist/cell/index.d.ts.map +1 -1
- package/dist/cell/index.js +1 -1
- package/dist/cell/index.js.map +1 -1
- package/dist/data/defaultValue.js.map +1 -1
- package/dist/data/populate.d.ts +4 -5
- package/dist/data/populate.d.ts.map +1 -1
- package/dist/data/populate.js +1 -1
- package/dist/data/populate.js.map +1 -1
- package/dist/data/recurseNestedFields.d.ts +2 -2
- package/dist/data/recurseNestedFields.d.ts.map +1 -1
- package/dist/data/recurseNestedFields.js +2 -2
- package/dist/data/recurseNestedFields.js.map +1 -1
- package/dist/data/richTextRelationshipPromise.d.ts +4 -4
- package/dist/data/richTextRelationshipPromise.d.ts.map +1 -1
- package/dist/data/richTextRelationshipPromise.js.map +1 -1
- package/dist/data/validation.d.ts +1 -1
- package/dist/data/validation.d.ts.map +1 -1
- package/dist/data/validation.js.map +1 -1
- package/dist/exports/client/index.d.ts +48 -0
- package/dist/exports/client/index.d.ts.map +1 -0
- package/dist/exports/client/index.js +50 -0
- package/dist/exports/client/index.js.map +1 -0
- package/dist/field/RichText.d.ts +4 -13
- package/dist/field/RichText.d.ts.map +1 -1
- package/dist/field/RichText.js +24 -18
- package/dist/field/RichText.js.map +1 -1
- package/dist/field/createFeatureMap.d.ts +2 -1
- package/dist/field/createFeatureMap.d.ts.map +1 -1
- package/dist/field/createFeatureMap.js.map +1 -1
- package/dist/field/elements/Button.js +1 -1
- package/dist/field/elements/Button.js.map +1 -1
- package/dist/field/elements/EnabledRelationshipsCondition.d.ts.map +1 -1
- package/dist/field/elements/EnabledRelationshipsCondition.js +2 -4
- package/dist/field/elements/EnabledRelationshipsCondition.js.map +1 -1
- package/dist/field/elements/ListButton.js.map +1 -1
- package/dist/field/elements/areAllChildrenElements.js.map +1 -1
- package/dist/field/elements/blockquote/Button.d.ts +4 -0
- package/dist/field/elements/blockquote/Button.d.ts.map +1 -0
- package/dist/field/elements/blockquote/Button.js +11 -0
- package/dist/field/elements/blockquote/Button.js.map +1 -0
- package/dist/field/elements/blockquote/Element.d.ts +3 -0
- package/dist/field/elements/blockquote/Element.d.ts.map +1 -0
- package/dist/field/elements/blockquote/{Blockquote.js → Element.js} +2 -2
- package/dist/field/elements/blockquote/Element.js.map +1 -0
- package/dist/field/elements/blockquote/index.d.ts.map +1 -1
- package/dist/field/elements/blockquote/index.js +7 -10
- package/dist/field/elements/blockquote/index.js.map +1 -1
- package/dist/field/elements/getCommonBlock.d.ts.map +1 -1
- package/dist/field/elements/getCommonBlock.js.map +1 -1
- package/dist/field/elements/h1/Button.d.ts +4 -0
- package/dist/field/elements/h1/Button.d.ts.map +1 -0
- package/dist/field/elements/h1/Button.js +11 -0
- package/dist/field/elements/h1/Button.js.map +1 -0
- package/dist/field/elements/h1/Heading1.d.ts +1 -1
- package/dist/field/elements/h1/Heading1.d.ts.map +1 -1
- package/dist/field/elements/h1/Heading1.js +1 -1
- package/dist/field/elements/h1/Heading1.js.map +1 -1
- package/dist/field/elements/h1/index.d.ts.map +1 -1
- package/dist/field/elements/h1/index.js +7 -10
- package/dist/field/elements/h1/index.js.map +1 -1
- package/dist/field/elements/h2/Button.d.ts +4 -0
- package/dist/field/elements/h2/Button.d.ts.map +1 -0
- package/dist/field/elements/h2/Button.js +11 -0
- package/dist/field/elements/h2/Button.js.map +1 -0
- package/dist/field/elements/h2/Heading2.d.ts +1 -1
- package/dist/field/elements/h2/Heading2.d.ts.map +1 -1
- package/dist/field/elements/h2/Heading2.js +1 -1
- package/dist/field/elements/h2/Heading2.js.map +1 -1
- package/dist/field/elements/h2/index.d.ts.map +1 -1
- package/dist/field/elements/h2/index.js +7 -10
- package/dist/field/elements/h2/index.js.map +1 -1
- package/dist/field/elements/h3/Button.d.ts +4 -0
- package/dist/field/elements/h3/Button.d.ts.map +1 -0
- package/dist/field/elements/h3/Button.js +11 -0
- package/dist/field/elements/h3/Button.js.map +1 -0
- package/dist/field/elements/h3/Heading3.d.ts +1 -1
- package/dist/field/elements/h3/Heading3.d.ts.map +1 -1
- package/dist/field/elements/h3/Heading3.js +1 -1
- package/dist/field/elements/h3/Heading3.js.map +1 -1
- package/dist/field/elements/h3/index.d.ts.map +1 -1
- package/dist/field/elements/h3/index.js +7 -10
- package/dist/field/elements/h3/index.js.map +1 -1
- package/dist/field/elements/h4/Button.d.ts +4 -0
- package/dist/field/elements/h4/Button.d.ts.map +1 -0
- package/dist/field/elements/h4/Button.js +11 -0
- package/dist/field/elements/h4/Button.js.map +1 -0
- package/dist/field/elements/h4/Heading4.d.ts +1 -1
- package/dist/field/elements/h4/Heading4.d.ts.map +1 -1
- package/dist/field/elements/h4/Heading4.js +1 -1
- package/dist/field/elements/h4/Heading4.js.map +1 -1
- package/dist/field/elements/h4/index.d.ts.map +1 -1
- package/dist/field/elements/h4/index.js +7 -10
- package/dist/field/elements/h4/index.js.map +1 -1
- package/dist/field/elements/h5/Button.d.ts +4 -0
- package/dist/field/elements/h5/Button.d.ts.map +1 -0
- package/dist/field/elements/h5/Button.js +11 -0
- package/dist/field/elements/h5/Button.js.map +1 -0
- package/dist/field/elements/h5/Heading5.d.ts +1 -1
- package/dist/field/elements/h5/Heading5.d.ts.map +1 -1
- package/dist/field/elements/h5/Heading5.js +1 -1
- package/dist/field/elements/h5/Heading5.js.map +1 -1
- package/dist/field/elements/h5/index.d.ts.map +1 -1
- package/dist/field/elements/h5/index.js +7 -10
- package/dist/field/elements/h5/index.js.map +1 -1
- package/dist/field/elements/h6/Button.d.ts +4 -0
- package/dist/field/elements/h6/Button.d.ts.map +1 -0
- package/dist/field/elements/h6/Button.js +11 -0
- package/dist/field/elements/h6/Button.js.map +1 -0
- package/dist/field/elements/h6/Heading6.d.ts +1 -1
- package/dist/field/elements/h6/Heading6.d.ts.map +1 -1
- package/dist/field/elements/h6/Heading6.js +1 -1
- package/dist/field/elements/h6/Heading6.js.map +1 -1
- package/dist/field/elements/h6/index.d.ts.map +1 -1
- package/dist/field/elements/h6/index.js +7 -10
- package/dist/field/elements/h6/index.js.map +1 -1
- package/dist/field/elements/indent/Button.d.ts.map +1 -1
- package/dist/field/elements/indent/Button.js +1 -2
- package/dist/field/elements/indent/Button.js.map +1 -1
- package/dist/field/elements/indent/Element.js.map +1 -1
- package/dist/field/elements/indent/index.d.ts.map +1 -1
- package/dist/field/elements/indent/index.js +2 -4
- package/dist/field/elements/indent/index.js.map +1 -1
- package/dist/field/elements/indent/shared.js.map +1 -1
- package/dist/field/elements/index.js.map +1 -1
- package/dist/field/elements/injectVoid.js.map +1 -1
- package/dist/field/elements/isActive.js.map +1 -1
- package/dist/field/elements/isBlockElement.d.ts +2 -2
- package/dist/field/elements/isBlockElement.d.ts.map +1 -1
- package/dist/field/elements/isBlockElement.js.map +1 -1
- package/dist/field/elements/isLastSelectedElementEmpty.js.map +1 -1
- package/dist/field/elements/isListActive.js.map +1 -1
- package/dist/field/elements/isWithinListItem.js.map +1 -1
- package/dist/field/elements/li/ListItem.js.map +1 -1
- package/dist/field/elements/li/index.d.ts.map +1 -1
- package/dist/field/elements/li/index.js +1 -2
- package/dist/field/elements/li/index.js.map +1 -1
- package/dist/field/elements/link/Button/index.d.ts.map +1 -1
- package/dist/field/elements/link/Button/index.js +7 -12
- package/dist/field/elements/link/Button/index.js.map +1 -1
- package/dist/field/elements/link/Element/index.d.ts.map +1 -1
- package/dist/field/elements/link/Element/index.js +7 -18
- package/dist/field/elements/link/Element/index.js.map +1 -1
- package/dist/field/elements/link/LinkDrawer/baseFields.d.ts +1 -2
- package/dist/field/elements/link/LinkDrawer/baseFields.d.ts.map +1 -1
- package/dist/field/elements/link/LinkDrawer/baseFields.js.map +1 -1
- package/dist/field/elements/link/LinkDrawer/index.d.ts.map +1 -1
- package/dist/field/elements/link/LinkDrawer/index.js +5 -14
- package/dist/field/elements/link/LinkDrawer/index.js.map +1 -1
- package/dist/field/elements/link/LinkDrawer/index.scss +4 -4
- package/dist/field/elements/link/LinkDrawer/types.d.ts +6 -7
- package/dist/field/elements/link/LinkDrawer/types.d.ts.map +1 -1
- package/dist/field/elements/link/LinkDrawer/types.js.map +1 -1
- package/dist/field/elements/link/WithLinks.js.map +1 -1
- package/dist/field/elements/link/index.d.ts.map +1 -1
- package/dist/field/elements/link/index.js +3 -6
- package/dist/field/elements/link/index.js.map +1 -1
- package/dist/field/elements/link/shared.js.map +1 -1
- package/dist/field/elements/link/types.d.ts +2 -2
- package/dist/field/elements/link/types.d.ts.map +1 -1
- package/dist/field/elements/link/types.js.map +1 -1
- package/dist/field/elements/link/utilities.d.ts +1 -2
- package/dist/field/elements/link/utilities.d.ts.map +1 -1
- package/dist/field/elements/link/utilities.js.map +1 -1
- package/dist/field/elements/listTypes.js.map +1 -1
- package/dist/field/elements/ol/Button.d.ts +4 -0
- package/dist/field/elements/ol/Button.d.ts.map +1 -0
- package/dist/field/elements/ol/Button.js +11 -0
- package/dist/field/elements/ol/Button.js.map +1 -0
- package/dist/field/elements/ol/OrderedList.d.ts +1 -1
- package/dist/field/elements/ol/OrderedList.d.ts.map +1 -1
- package/dist/field/elements/ol/OrderedList.js +1 -1
- package/dist/field/elements/ol/OrderedList.js.map +1 -1
- package/dist/field/elements/ol/index.d.ts.map +1 -1
- package/dist/field/elements/ol/index.js +7 -10
- package/dist/field/elements/ol/index.js.map +1 -1
- package/dist/field/elements/relationship/Button/index.d.ts +1 -1
- package/dist/field/elements/relationship/Button/index.d.ts.map +1 -1
- package/dist/field/elements/relationship/Button/index.js +4 -5
- package/dist/field/elements/relationship/Button/index.js.map +1 -1
- package/dist/field/elements/relationship/Element/index.d.ts +5 -5
- package/dist/field/elements/relationship/Element/index.d.ts.map +1 -1
- package/dist/field/elements/relationship/Element/index.js +8 -13
- package/dist/field/elements/relationship/Element/index.js.map +1 -1
- package/dist/field/elements/relationship/index.d.ts.map +1 -1
- package/dist/field/elements/relationship/index.js +3 -6
- package/dist/field/elements/relationship/index.js.map +1 -1
- package/dist/field/elements/relationship/plugin.js.map +1 -1
- package/dist/field/elements/relationship/shared.js.map +1 -1
- package/dist/field/elements/relationship/types.d.ts +2 -2
- package/dist/field/elements/relationship/types.d.ts.map +1 -1
- package/dist/field/elements/relationship/types.js.map +1 -1
- package/dist/field/elements/textAlign/Button.d.ts +2 -0
- package/dist/field/elements/textAlign/Button.d.ts.map +1 -0
- package/dist/field/elements/textAlign/Button.js +28 -0
- package/dist/field/elements/textAlign/Button.js.map +1 -0
- package/dist/field/elements/textAlign/index.d.ts.map +1 -1
- package/dist/field/elements/textAlign/index.js +2 -28
- package/dist/field/elements/textAlign/index.js.map +1 -1
- package/dist/field/elements/toggle.js.map +1 -1
- package/dist/field/elements/toggleList.js.map +1 -1
- package/dist/field/elements/types.js.map +1 -1
- package/dist/field/elements/ul/Button.d.ts +4 -0
- package/dist/field/elements/ul/Button.d.ts.map +1 -0
- package/dist/field/elements/ul/Button.js +11 -0
- package/dist/field/elements/ul/Button.js.map +1 -0
- package/dist/field/elements/ul/UnorderedList.d.ts +1 -1
- package/dist/field/elements/ul/UnorderedList.d.ts.map +1 -1
- package/dist/field/elements/ul/UnorderedList.js +1 -1
- package/dist/field/elements/ul/UnorderedList.js.map +1 -1
- package/dist/field/elements/ul/index.d.ts.map +1 -1
- package/dist/field/elements/ul/index.js +7 -10
- package/dist/field/elements/ul/index.js.map +1 -1
- package/dist/field/elements/unwrapList.d.ts.map +1 -1
- package/dist/field/elements/unwrapList.js.map +1 -1
- package/dist/field/elements/upload/Button/index.d.ts +1 -1
- package/dist/field/elements/upload/Button/index.d.ts.map +1 -1
- package/dist/field/elements/upload/Button/index.js +2 -3
- package/dist/field/elements/upload/Button/index.js.map +1 -1
- package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts +7 -10
- package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts.map +1 -1
- package/dist/field/elements/upload/Element/UploadDrawer/index.js +7 -17
- package/dist/field/elements/upload/Element/UploadDrawer/index.js.map +1 -1
- package/dist/field/elements/upload/Element/index.d.ts +4 -4
- package/dist/field/elements/upload/Element/index.d.ts.map +1 -1
- package/dist/field/elements/upload/Element/index.js +10 -17
- package/dist/field/elements/upload/Element/index.js.map +1 -1
- package/dist/field/elements/upload/index.d.ts.map +1 -1
- package/dist/field/elements/upload/index.js +3 -6
- package/dist/field/elements/upload/index.js.map +1 -1
- package/dist/field/elements/upload/plugin.js.map +1 -1
- package/dist/field/elements/upload/shared.js.map +1 -1
- package/dist/field/elements/upload/types.d.ts +2 -2
- package/dist/field/elements/upload/types.d.ts.map +1 -1
- package/dist/field/elements/upload/types.js.map +1 -1
- package/dist/field/hotkeys.js.map +1 -1
- package/dist/field/icons/AlignCenter/index.js.map +1 -1
- package/dist/field/icons/AlignLeft/index.js.map +1 -1
- package/dist/field/icons/AlignRight/index.js.map +1 -1
- package/dist/field/icons/Blockquote/index.js.map +1 -1
- package/dist/field/icons/Bold/index.js.map +1 -1
- package/dist/field/icons/Code/index.js.map +1 -1
- package/dist/field/icons/IndentLeft/index.js.map +1 -1
- package/dist/field/icons/IndentRight/index.js.map +1 -1
- package/dist/field/icons/Italic/index.js.map +1 -1
- package/dist/field/icons/Link/index.js.map +1 -1
- package/dist/field/icons/OrderedList/index.js.map +1 -1
- package/dist/field/icons/Relationship/index.js.map +1 -1
- package/dist/field/icons/Strikethrough/index.js.map +1 -1
- package/dist/field/icons/Underline/index.js.map +1 -1
- package/dist/field/icons/UnorderedList/index.js.map +1 -1
- package/dist/field/icons/Upload/index.js.map +1 -1
- package/dist/field/icons/headings/H1/index.js.map +1 -1
- package/dist/field/icons/headings/H2/index.js.map +1 -1
- package/dist/field/icons/headings/H3/index.js.map +1 -1
- package/dist/field/icons/headings/H4/index.js.map +1 -1
- package/dist/field/icons/headings/H5/index.js.map +1 -1
- package/dist/field/icons/headings/H6/index.js.map +1 -1
- package/dist/field/index.d.ts +2 -5
- package/dist/field/index.d.ts.map +1 -1
- package/dist/field/index.js +5 -5
- package/dist/field/index.js.map +1 -1
- package/dist/field/index.scss +3 -1
- package/dist/field/leaves/Button.js.map +1 -1
- package/dist/field/leaves/bold/Bold/index.d.ts +1 -1
- package/dist/field/leaves/bold/Bold/index.d.ts.map +1 -1
- package/dist/field/leaves/bold/Bold/index.js +1 -1
- package/dist/field/leaves/bold/Bold/index.js.map +1 -1
- package/dist/field/leaves/bold/LeafButton.d.ts +2 -0
- package/dist/field/leaves/bold/LeafButton.d.ts.map +1 -0
- package/dist/field/leaves/bold/LeafButton.js +11 -0
- package/dist/field/leaves/bold/LeafButton.js.map +1 -0
- package/dist/field/leaves/bold/index.d.ts.map +1 -1
- package/dist/field/leaves/bold/index.js +2 -10
- package/dist/field/leaves/bold/index.js.map +1 -1
- package/dist/field/leaves/code/Code/index.d.ts +1 -1
- package/dist/field/leaves/code/Code/index.d.ts.map +1 -1
- package/dist/field/leaves/code/Code/index.js +1 -1
- package/dist/field/leaves/code/Code/index.js.map +1 -1
- package/dist/field/leaves/code/LeafButton.d.ts +2 -0
- package/dist/field/leaves/code/LeafButton.d.ts.map +1 -0
- package/dist/field/leaves/code/LeafButton.js +11 -0
- package/dist/field/leaves/code/LeafButton.js.map +1 -0
- package/dist/field/leaves/code/index.d.ts.map +1 -1
- package/dist/field/leaves/code/index.js +2 -10
- package/dist/field/leaves/code/index.js.map +1 -1
- package/dist/field/leaves/index.js.map +1 -1
- package/dist/field/leaves/isActive.js.map +1 -1
- package/dist/field/leaves/italic/Italic/index.d.ts +1 -1
- package/dist/field/leaves/italic/Italic/index.d.ts.map +1 -1
- package/dist/field/leaves/italic/Italic/index.js +1 -1
- package/dist/field/leaves/italic/Italic/index.js.map +1 -1
- package/dist/field/leaves/italic/LeafButton.d.ts +2 -0
- package/dist/field/leaves/italic/LeafButton.d.ts.map +1 -0
- package/dist/field/leaves/italic/LeafButton.js +11 -0
- package/dist/field/leaves/italic/LeafButton.js.map +1 -0
- package/dist/field/leaves/italic/index.d.ts.map +1 -1
- package/dist/field/leaves/italic/index.js +2 -10
- package/dist/field/leaves/italic/index.js.map +1 -1
- package/dist/field/leaves/strikethrough/LeafButton.d.ts +2 -0
- package/dist/field/leaves/strikethrough/LeafButton.d.ts.map +1 -0
- package/dist/field/leaves/strikethrough/LeafButton.js +11 -0
- package/dist/field/leaves/strikethrough/LeafButton.js.map +1 -0
- package/dist/field/leaves/strikethrough/Strikethrough/index.d.ts +1 -1
- package/dist/field/leaves/strikethrough/Strikethrough/index.d.ts.map +1 -1
- package/dist/field/leaves/strikethrough/Strikethrough/index.js +1 -1
- package/dist/field/leaves/strikethrough/Strikethrough/index.js.map +1 -1
- package/dist/field/leaves/strikethrough/index.d.ts.map +1 -1
- package/dist/field/leaves/strikethrough/index.js +2 -10
- package/dist/field/leaves/strikethrough/index.js.map +1 -1
- package/dist/field/leaves/toggle.js.map +1 -1
- package/dist/field/leaves/underline/LeafButton.d.ts +2 -0
- package/dist/field/leaves/underline/LeafButton.d.ts.map +1 -0
- package/dist/field/leaves/underline/LeafButton.js +11 -0
- package/dist/field/leaves/underline/LeafButton.js.map +1 -0
- package/dist/field/leaves/underline/Underline/index.d.ts +1 -1
- package/dist/field/leaves/underline/Underline/index.d.ts.map +1 -1
- package/dist/field/leaves/underline/Underline/index.js +1 -1
- package/dist/field/leaves/underline/Underline/index.js.map +1 -1
- package/dist/field/leaves/underline/index.d.ts.map +1 -1
- package/dist/field/leaves/underline/index.js +2 -10
- package/dist/field/leaves/underline/index.js.map +1 -1
- package/dist/field/mergeCustomFunctions.js.map +1 -1
- package/dist/field/plugins/withEnterBreakOut.js.map +1 -1
- package/dist/field/plugins/withHTML.js.map +1 -1
- package/dist/field/providers/ElementButtonProvider.d.ts +4 -7
- package/dist/field/providers/ElementButtonProvider.d.ts.map +1 -1
- package/dist/field/providers/ElementButtonProvider.js.map +1 -1
- package/dist/field/providers/ElementProvider.d.ts +5 -8
- package/dist/field/providers/ElementProvider.d.ts.map +1 -1
- package/dist/field/providers/ElementProvider.js.map +1 -1
- package/dist/field/providers/LeafButtonProvider.d.ts +4 -6
- package/dist/field/providers/LeafButtonProvider.d.ts.map +1 -1
- package/dist/field/providers/LeafButtonProvider.js.map +1 -1
- package/dist/field/providers/LeafProvider.d.ts +5 -7
- package/dist/field/providers/LeafProvider.d.ts.map +1 -1
- package/dist/field/providers/LeafProvider.js.map +1 -1
- package/dist/field/types.d.ts +12 -6
- package/dist/field/types.d.ts.map +1 -1
- package/dist/field/types.js.map +1 -1
- package/dist/generateComponentMap.d.ts +2 -2
- package/dist/generateComponentMap.d.ts.map +1 -1
- package/dist/generateComponentMap.js +26 -23
- package/dist/generateComponentMap.js.map +1 -1
- package/dist/generateSchemaMap.d.ts +2 -2
- package/dist/generateSchemaMap.d.ts.map +1 -1
- package/dist/generateSchemaMap.js.map +1 -1
- package/dist/index.d.ts +2 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +95 -19
- package/dist/index.js.map +1 -1
- package/dist/scss/app.scss +10 -15
- package/dist/scss/colors.scss +76 -76
- package/dist/scss/toastify.scss +1 -0
- package/dist/scss/toasts.scss +142 -0
- package/dist/scss/type.scss +15 -23
- package/dist/scss/vars.scss +26 -47
- package/dist/types.d.ts +7 -9
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js.map +1 -1
- package/dist/utilities/useSlatePlugin.d.ts.map +1 -1
- package/dist/utilities/useSlatePlugin.js +1 -2
- package/dist/utilities/useSlatePlugin.js.map +1 -1
- package/package.json +27 -18
- package/dist/field/elements/blockquote/Blockquote.d.ts +0 -3
- package/dist/field/elements/blockquote/Blockquote.d.ts.map +0 -1
- package/dist/field/elements/blockquote/Blockquote.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/field/elements/isLastSelectedElementEmpty.ts"],"sourcesContent":["import { Editor, Element } from 'slate'\n\nimport { nodeIsTextNode } from '../../types.js'\n\nexport const isLastSelectedElementEmpty = (editor: Editor): boolean => {\n if (!editor.selection) return false\n\n const currentlySelectedNodes = Array.from(\n Editor.nodes(editor, {\n at: Editor.unhangRange(editor, editor.selection),\n match: (n) => !Editor.isEditor(n) && Element.isElement(n) && (!n.type || n.type === 'p'),\n }),\n )\n\n const lastSelectedNode = currentlySelectedNodes?.[currentlySelectedNodes?.length - 1]\n\n return (\n lastSelectedNode &&\n Element.isElement(lastSelectedNode[0]) &&\n (!lastSelectedNode[0].type || lastSelectedNode[0].type === 'p') &&\n nodeIsTextNode(lastSelectedNode[0].children?.[0]) &&\n lastSelectedNode[0].children?.[0].text === ''\n )\n}\n"],"names":["Editor","Element","nodeIsTextNode","isLastSelectedElementEmpty","editor","selection","currentlySelectedNodes","Array","from","nodes","at","unhangRange","match","n","isEditor","isElement","type","lastSelectedNode","length","children","text"],"
|
|
1
|
+
{"version":3,"sources":["../../../src/field/elements/isLastSelectedElementEmpty.ts"],"sourcesContent":["import { Editor, Element } from 'slate'\n\nimport { nodeIsTextNode } from '../../types.js'\n\nexport const isLastSelectedElementEmpty = (editor: Editor): boolean => {\n if (!editor.selection) return false\n\n const currentlySelectedNodes = Array.from(\n Editor.nodes(editor, {\n at: Editor.unhangRange(editor, editor.selection),\n match: (n) => !Editor.isEditor(n) && Element.isElement(n) && (!n.type || n.type === 'p'),\n }),\n )\n\n const lastSelectedNode = currentlySelectedNodes?.[currentlySelectedNodes?.length - 1]\n\n return (\n lastSelectedNode &&\n Element.isElement(lastSelectedNode[0]) &&\n (!lastSelectedNode[0].type || lastSelectedNode[0].type === 'p') &&\n nodeIsTextNode(lastSelectedNode[0].children?.[0]) &&\n lastSelectedNode[0].children?.[0].text === ''\n )\n}\n"],"names":["Editor","Element","nodeIsTextNode","isLastSelectedElementEmpty","editor","selection","currentlySelectedNodes","Array","from","nodes","at","unhangRange","match","n","isEditor","isElement","type","lastSelectedNode","length","children","text"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,QAAQ,QAAO;AAEvC,SAASC,cAAc,QAAQ,iBAAgB;AAE/C,OAAO,MAAMC,6BAA6B,CAACC;IACzC,IAAI,CAACA,OAAOC,SAAS,EAAE,OAAO;IAE9B,MAAMC,yBAAyBC,MAAMC,IAAI,CACvCR,OAAOS,KAAK,CAACL,QAAQ;QACnBM,IAAIV,OAAOW,WAAW,CAACP,QAAQA,OAAOC,SAAS;QAC/CO,OAAO,CAACC,IAAM,CAACb,OAAOc,QAAQ,CAACD,MAAMZ,QAAQc,SAAS,CAACF,MAAO,CAAA,CAACA,EAAEG,IAAI,IAAIH,EAAEG,IAAI,KAAK,GAAE;IACxF;IAGF,MAAMC,mBAAmBX,wBAAwB,CAACA,wBAAwBY,SAAS,EAAE;IAErF,OACED,oBACAhB,QAAQc,SAAS,CAACE,gBAAgB,CAAC,EAAE,KACpC,CAAA,CAACA,gBAAgB,CAAC,EAAE,CAACD,IAAI,IAAIC,gBAAgB,CAAC,EAAE,CAACD,IAAI,KAAK,GAAE,KAC7Dd,eAAee,gBAAgB,CAAC,EAAE,CAACE,QAAQ,EAAE,CAAC,EAAE,KAChDF,gBAAgB,CAAC,EAAE,CAACE,QAAQ,EAAE,CAAC,EAAE,CAACC,SAAS;AAE/C,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/field/elements/isListActive.ts"],"sourcesContent":["import { Editor, Element } from 'slate'\n\nimport { getCommonBlock } from './getCommonBlock.js'\n\nexport const isListActive = (editor: Editor, format: string): boolean => {\n if (!editor.selection) return false\n const [topmostSelectedNode, topmostSelectedNodePath] = getCommonBlock(editor)\n\n if (Editor.isEditor(topmostSelectedNode)) return false\n\n const [match] = Array.from(\n Editor.nodes(editor, {\n at: topmostSelectedNodePath,\n match: (node, path) => {\n return (\n !Editor.isEditor(node) &&\n Element.isElement(node) &&\n node.type === format &&\n path.length >= topmostSelectedNodePath.length - 2\n )\n },\n mode: 'lowest',\n }),\n )\n\n return !!match\n}\n"],"names":["Editor","Element","getCommonBlock","isListActive","editor","format","selection","topmostSelectedNode","topmostSelectedNodePath","isEditor","match","Array","from","nodes","at","node","path","isElement","type","length","mode"],"
|
|
1
|
+
{"version":3,"sources":["../../../src/field/elements/isListActive.ts"],"sourcesContent":["import { Editor, Element } from 'slate'\n\nimport { getCommonBlock } from './getCommonBlock.js'\n\nexport const isListActive = (editor: Editor, format: string): boolean => {\n if (!editor.selection) return false\n const [topmostSelectedNode, topmostSelectedNodePath] = getCommonBlock(editor)\n\n if (Editor.isEditor(topmostSelectedNode)) return false\n\n const [match] = Array.from(\n Editor.nodes(editor, {\n at: topmostSelectedNodePath,\n match: (node, path) => {\n return (\n !Editor.isEditor(node) &&\n Element.isElement(node) &&\n node.type === format &&\n path.length >= topmostSelectedNodePath.length - 2\n )\n },\n mode: 'lowest',\n }),\n )\n\n return !!match\n}\n"],"names":["Editor","Element","getCommonBlock","isListActive","editor","format","selection","topmostSelectedNode","topmostSelectedNodePath","isEditor","match","Array","from","nodes","at","node","path","isElement","type","length","mode"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,QAAQ,QAAO;AAEvC,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,eAAe,CAACC,QAAgBC;IAC3C,IAAI,CAACD,OAAOE,SAAS,EAAE,OAAO;IAC9B,MAAM,CAACC,qBAAqBC,wBAAwB,GAAGN,eAAeE;IAEtE,IAAIJ,OAAOS,QAAQ,CAACF,sBAAsB,OAAO;IAEjD,MAAM,CAACG,MAAM,GAAGC,MAAMC,IAAI,CACxBZ,OAAOa,KAAK,CAACT,QAAQ;QACnBU,IAAIN;QACJE,OAAO,CAACK,MAAMC;YACZ,OACE,CAAChB,OAAOS,QAAQ,CAACM,SACjBd,QAAQgB,SAAS,CAACF,SAClBA,KAAKG,IAAI,KAAKb,UACdW,KAAKG,MAAM,IAAIX,wBAAwBW,MAAM,GAAG;QAEpD;QACAC,MAAM;IACR;IAGF,OAAO,CAAC,CAACV;AACX,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/field/elements/isWithinListItem.ts"],"sourcesContent":["import type { Ancestor, NodeEntry } from 'slate'\n\nimport { Editor, Element } from 'slate'\n\nexport const isWithinListItem = (editor: Editor): boolean => {\n let parentLI: NodeEntry<Ancestor>\n\n try {\n parentLI = Editor.parent(editor, editor.selection)\n } catch (e) {\n // swallow error, Slate\n }\n\n if (Element.isElement(parentLI?.[0]) && parentLI?.[0]?.type === 'li') {\n return true\n }\n\n return false\n}\n"],"names":["Editor","Element","isWithinListItem","editor","parentLI","parent","selection","e","isElement","type"],"
|
|
1
|
+
{"version":3,"sources":["../../../src/field/elements/isWithinListItem.ts"],"sourcesContent":["import type { Ancestor, NodeEntry } from 'slate'\n\nimport { Editor, Element } from 'slate'\n\nexport const isWithinListItem = (editor: Editor): boolean => {\n let parentLI: NodeEntry<Ancestor>\n\n try {\n parentLI = Editor.parent(editor, editor.selection)\n } catch (e) {\n // swallow error, Slate\n }\n\n if (Element.isElement(parentLI?.[0]) && parentLI?.[0]?.type === 'li') {\n return true\n }\n\n return false\n}\n"],"names":["Editor","Element","isWithinListItem","editor","parentLI","parent","selection","e","isElement","type"],"mappings":"AAEA,SAASA,MAAM,EAAEC,OAAO,QAAQ,QAAO;AAEvC,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,IAAIC;IAEJ,IAAI;QACFA,WAAWJ,OAAOK,MAAM,CAACF,QAAQA,OAAOG,SAAS;IACnD,EAAE,OAAOC,GAAG;IACV,uBAAuB;IACzB;IAEA,IAAIN,QAAQO,SAAS,CAACJ,UAAU,CAAC,EAAE,KAAKA,UAAU,CAAC,EAAE,EAAEK,SAAS,MAAM;QACpE,OAAO;IACT;IAEA,OAAO;AACT,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/field/elements/li/ListItem.tsx"],"sourcesContent":["'use client'\n\nimport type { Element } from 'slate'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport { listTypes } from '../listTypes.js'\n\nexport const ListItemElement: React.FC = () => {\n const { attributes, children, element } = useElement<Element>()\n\n const listType = typeof element.children?.[0]?.type === 'string' ? element.children[0].type : ''\n const disableListStyle = element.children.length >= 1 && listTypes.includes(listType)\n\n return (\n <li\n style={{\n listStyle: disableListStyle ? 'none' : undefined,\n listStylePosition: disableListStyle ? 'outside' : undefined,\n }}\n {...attributes}\n >\n {children}\n </li>\n )\n}\n"],"names":["React","useElement","listTypes","ListItemElement","attributes","children","element","listType","type","disableListStyle","length","includes","li","style","listStyle","undefined","listStylePosition"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/field/elements/li/ListItem.tsx"],"sourcesContent":["'use client'\n\nimport type { Element } from 'slate'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport { listTypes } from '../listTypes.js'\n\nexport const ListItemElement: React.FC = () => {\n const { attributes, children, element } = useElement<Element>()\n\n const listType = typeof element.children?.[0]?.type === 'string' ? element.children[0].type : ''\n const disableListStyle = element.children.length >= 1 && listTypes.includes(listType)\n\n return (\n <li\n style={{\n listStyle: disableListStyle ? 'none' : undefined,\n listStylePosition: disableListStyle ? 'outside' : undefined,\n }}\n {...attributes}\n >\n {children}\n </li>\n )\n}\n"],"names":["React","useElement","listTypes","ListItemElement","attributes","children","element","listType","type","disableListStyle","length","includes","li","style","listStyle","undefined","listStylePosition"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,SAASC,SAAS,QAAQ,kBAAiB;AAE3C,OAAO,MAAMC,kBAA4B;IACvC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGL;IAE1C,MAAMM,WAAW,OAAOD,QAAQD,QAAQ,EAAE,CAAC,EAAE,EAAEG,SAAS,WAAWF,QAAQD,QAAQ,CAAC,EAAE,CAACG,IAAI,GAAG;IAC9F,MAAMC,mBAAmBH,QAAQD,QAAQ,CAACK,MAAM,IAAI,KAAKR,UAAUS,QAAQ,CAACJ;IAE5E,qBACE,KAACK;QACCC,OAAO;YACLC,WAAWL,mBAAmB,SAASM;YACvCC,mBAAmBP,mBAAmB,YAAYM;QACpD;QACC,GAAGX,UAAU;kBAEbC;;AAGP,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/li/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/li/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAE9D,eAAO,MAAM,EAAE,EAAE,qBAGhB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/field/elements/li/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\
|
|
1
|
+
{"version":3,"sources":["../../../../src/field/elements/li/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nexport const li: RichTextCustomElement = {\n name: 'li',\n Element: '@payloadcms/richtext-slate/client#ListItemElement',\n}\n"],"names":["li","name","Element"],"mappings":"AAEA,OAAO,MAAMA,KAA4B;IACvCC,MAAM;IACNC,SAAS;AACX,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Button/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Button/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAkDjD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAmE9B,CAAA"}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { useConfig } from '@payloadcms/ui/providers/Config';
|
|
7
|
-
import { useTranslation } from '@payloadcms/ui/providers/Translation';
|
|
8
|
-
import { getFormState } from '@payloadcms/ui/utilities/getFormState';
|
|
9
|
-
import { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues';
|
|
3
|
+
import { useConfig, useDrawerSlug, useFieldProps, useModal, useTranslation } from '@payloadcms/ui';
|
|
4
|
+
import { getFormState } from '@payloadcms/ui/shared';
|
|
5
|
+
import { reduceFieldsToValues } from 'payload/shared';
|
|
10
6
|
import React, { Fragment, useState } from 'react';
|
|
11
7
|
import { Editor, Range, Transforms } from 'slate';
|
|
12
8
|
import { ReactEditor, useSlate } from 'slate-react';
|
|
@@ -65,17 +61,16 @@ import { unwrapLink } from '../utilities.js';
|
|
|
65
61
|
ReactEditor.focus(editor);
|
|
66
62
|
};
|
|
67
63
|
export const LinkButton = ()=>{
|
|
68
|
-
const { useModal } = facelessUIImport;
|
|
69
64
|
const { fieldProps } = useElementButton();
|
|
70
65
|
const [initialState, setInitialState] = useState({});
|
|
71
66
|
const { t } = useTranslation();
|
|
72
67
|
const editor = useSlate();
|
|
73
|
-
const config = useConfig();
|
|
68
|
+
const { config } = useConfig();
|
|
74
69
|
const { closeModal, openModal } = useModal();
|
|
75
70
|
const drawerSlug = useDrawerSlug('rich-text-link');
|
|
76
71
|
const { schemaPath } = useFieldProps();
|
|
77
|
-
const { richTextComponentMap } = fieldProps;
|
|
78
|
-
const
|
|
72
|
+
const { field: { richTextComponentMap } } = fieldProps;
|
|
73
|
+
const fields = richTextComponentMap.get(linkFieldsSchemaPath);
|
|
79
74
|
return /*#__PURE__*/ _jsxs(Fragment, {
|
|
80
75
|
children: [
|
|
81
76
|
/*#__PURE__*/ _jsx(ElementButton, {
|
|
@@ -109,7 +104,7 @@ export const LinkButton = ()=>{
|
|
|
109
104
|
}),
|
|
110
105
|
/*#__PURE__*/ _jsx(LinkDrawer, {
|
|
111
106
|
drawerSlug: drawerSlug,
|
|
112
|
-
|
|
107
|
+
fields: Array.isArray(fields) ? fields : [],
|
|
113
108
|
handleClose: ()=>{
|
|
114
109
|
closeModal(drawerSlug);
|
|
115
110
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/field/elements/link/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState } from 'payload
|
|
1
|
+
{"version":3,"sources":["../../../../../src/field/elements/link/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState } from 'payload'\n\nimport { useConfig, useDrawerSlug, useFieldProps, useModal, useTranslation } from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { Fragment, useState } from 'react'\nimport { Editor, Range, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { LinkIcon } from '../../../icons/Link/index.js'\nimport { useElementButton } from '../../../providers/ElementButtonProvider.js'\nimport { ElementButton } from '../../Button.js'\nimport { isElementActive } from '../../isActive.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\n\n/**\n * This function is called when a new link is created - not when an existing link is edited.\n */\nconst insertLink = (editor, fields) => {\n const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n const data = reduceFieldsToValues(fields, true)\n\n const newLink = {\n type: 'link',\n children: [],\n doc: data.doc,\n fields: data.fields, // Any custom user-added fields are part of data.fields\n linkType: data.linkType,\n newTab: data.newTab,\n url: data.url,\n }\n\n if (isCollapsed || !editor.selection) {\n // If selection anchor and focus are the same,\n // Just inject a new node with children already set\n Transforms.insertNodes(editor, {\n ...newLink,\n children: [{ text: String(data.text) }],\n })\n } else if (editor.selection) {\n // Otherwise we need to wrap the selected node in a link,\n // Delete its old text,\n // Move the selection one position forward into the link,\n // And insert the text back into the new link\n Transforms.wrapNodes(editor, newLink, { split: true })\n Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'word' })\n Transforms.move(editor, { distance: 1, unit: 'offset' })\n Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n }\n\n ReactEditor.focus(editor)\n}\n\nexport const LinkButton: React.FC = () => {\n const { fieldProps } = useElementButton()\n const [initialState, setInitialState] = useState<FormState>({})\n\n const { t } = useTranslation()\n const editor = useSlate()\n const { config } = useConfig()\n\n const { closeModal, openModal } = useModal()\n const drawerSlug = useDrawerSlug('rich-text-link')\n const { schemaPath } = useFieldProps()\n\n const {\n field: { richTextComponentMap },\n } = fieldProps\n\n const fields = richTextComponentMap.get(linkFieldsSchemaPath)\n\n return (\n <Fragment>\n <ElementButton\n className=\"link\"\n format=\"link\"\n onClick={async () => {\n if (isElementActive(editor, 'link')) {\n unwrapLink(editor)\n } else {\n openModal(drawerSlug)\n const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n\n if (!isCollapsed) {\n const data = {\n text: editor.selection ? Editor.string(editor, editor.selection) : '',\n }\n\n const state = await getFormState({\n apiRoute: config.routes.api,\n body: {\n data,\n operation: 'update',\n schemaPath: `${schemaPath}.${linkFieldsSchemaPath}`,\n },\n serverURL: config.serverURL,\n })\n\n setInitialState(state)\n }\n }\n }}\n tooltip={t('fields:addLink')}\n >\n <LinkIcon />\n </ElementButton>\n <LinkDrawer\n drawerSlug={drawerSlug}\n fields={Array.isArray(fields) ? fields : []}\n handleClose={() => {\n closeModal(drawerSlug)\n }}\n handleModalSubmit={(fields) => {\n insertLink(editor, fields)\n closeModal(drawerSlug)\n }}\n initialState={initialState}\n />\n </Fragment>\n )\n}\n"],"names":["useConfig","useDrawerSlug","useFieldProps","useModal","useTranslation","getFormState","reduceFieldsToValues","React","Fragment","useState","Editor","Range","Transforms","ReactEditor","useSlate","LinkIcon","useElementButton","ElementButton","isElementActive","LinkDrawer","linkFieldsSchemaPath","unwrapLink","insertLink","editor","fields","isCollapsed","selection","data","newLink","type","children","doc","linkType","newTab","url","insertNodes","text","String","wrapNodes","split","delete","at","focus","path","unit","move","distance","insertText","LinkButton","fieldProps","initialState","setInitialState","t","config","closeModal","openModal","drawerSlug","schemaPath","field","richTextComponentMap","get","className","format","onClick","string","state","apiRoute","routes","api","body","operation","serverURL","tooltip","Array","isArray","handleClose","handleModalSubmit"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Element/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,cAAc,CAAA;AA+BrB,eAAO,MAAM,WAAW,+
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Element/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,cAAc,CAAA;AA+BrB,eAAO,MAAM,WAAW,+CAsKvB,CAAA"}
|
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as facelessUIImport from '@faceless-ui/modal';
|
|
4
3
|
import { getTranslation } from '@payloadcms/translations';
|
|
5
|
-
import { Button } from '@payloadcms/ui
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { Translation } from '@payloadcms/ui/elements/Translation';
|
|
9
|
-
import { useAuth } from '@payloadcms/ui/providers/Auth';
|
|
10
|
-
import { useConfig } from '@payloadcms/ui/providers/Config';
|
|
11
|
-
import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
|
|
12
|
-
import { useLocale } from '@payloadcms/ui/providers/Locale';
|
|
13
|
-
import { useTranslation } from '@payloadcms/ui/providers/Translation';
|
|
14
|
-
import { getFormState } from '@payloadcms/ui/utilities/getFormState';
|
|
15
|
-
import { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues';
|
|
16
|
-
import { deepCopyObject } from 'payload/utilities';
|
|
4
|
+
import { Button, Popup, Translation, useAuth, useConfig, useDocumentInfo, useDrawerSlug, useLocale, useModal, useTranslation } from '@payloadcms/ui';
|
|
5
|
+
import { getFormState } from '@payloadcms/ui/shared';
|
|
6
|
+
import { deepCopyObject, reduceFieldsToValues } from 'payload/shared';
|
|
17
7
|
import React, { useCallback, useEffect, useState } from 'react';
|
|
18
8
|
import { Editor, Node, Transforms } from 'slate';
|
|
19
9
|
import { ReactEditor, useSlate } from 'slate-react';
|
|
@@ -54,12 +44,11 @@ const baseClass = 'rich-text-link';
|
|
|
54
44
|
};
|
|
55
45
|
export const LinkElement = ()=>{
|
|
56
46
|
const { attributes, children, editorRef, element, fieldProps, schemaPath } = useElement();
|
|
57
|
-
const { useModal } = facelessUIImport;
|
|
58
47
|
const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`;
|
|
59
|
-
const { richTextComponentMap } = fieldProps;
|
|
60
|
-
const
|
|
48
|
+
const { field: { richTextComponentMap } } = fieldProps;
|
|
49
|
+
const fields = richTextComponentMap.get(linkFieldsSchemaPath);
|
|
61
50
|
const editor = useSlate();
|
|
62
|
-
const config = useConfig();
|
|
51
|
+
const { config } = useConfig();
|
|
63
52
|
const { user } = useAuth();
|
|
64
53
|
const { code: locale } = useLocale();
|
|
65
54
|
const { i18n, t } = useTranslation();
|
|
@@ -121,7 +110,7 @@ export const LinkElement = ()=>{
|
|
|
121
110
|
children: [
|
|
122
111
|
renderModal && /*#__PURE__*/ _jsx(LinkDrawer, {
|
|
123
112
|
drawerSlug: drawerSlug,
|
|
124
|
-
|
|
113
|
+
fields: Array.isArray(fields) ? fields : [],
|
|
125
114
|
handleClose: ()=>{
|
|
126
115
|
toggleModal(drawerSlug);
|
|
127
116
|
setRenderModal(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/field/elements/link/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { useDrawerSlug } from '@payloadcms/ui/elements/Drawer'\nimport { Popup } from '@payloadcms/ui/elements/Popup'\nimport { Translation } from '@payloadcms/ui/elements/Translation'\nimport { useAuth } from '@payloadcms/ui/providers/Auth'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { getFormState } from '@payloadcms/ui/utilities/getFormState'\nimport { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues'\nimport { deepCopyObject } from 'payload/utilities'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Editor, Node, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { LinkElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link'\n\n/**\n * This function is called when an existing link is edited.\n * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}\n */\nconst insertChange = (editor, fields) => {\n const data = reduceFieldsToValues(fields, true)\n\n const [, parentPath] = Editor.above(editor)\n\n const newNode: Record<string, unknown> = {\n doc: data.doc,\n linkType: data.linkType,\n newTab: data.newTab,\n url: data.url,\n }\n\n if (data.fields) newNode.fields = data.fields\n\n Transforms.setNodes(editor, newNode, { at: parentPath })\n\n Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' })\n Transforms.move(editor, { distance: 1, unit: 'offset' })\n Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n\n ReactEditor.focus(editor)\n}\n\nexport const LinkElement = () => {\n const { attributes, children, editorRef, element, fieldProps, schemaPath } =\n useElement<LinkElementType>()\n const { useModal } = facelessUIImport\n\n const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n const { richTextComponentMap } = fieldProps\n const fieldMap = richTextComponentMap.get(linkFieldsSchemaPath)\n\n const editor = useSlate()\n const config = useConfig()\n const { user } = useAuth()\n const { code: locale } = useLocale()\n const { i18n, t } = useTranslation()\n const { closeModal, openModal, toggleModal } = useModal()\n const [renderModal, setRenderModal] = useState(false)\n const [renderPopup, setRenderPopup] = useState(false)\n const [initialState, setInitialState] = useState<FormState>({})\n const { id, collectionSlug } = useDocumentInfo()\n\n const drawerSlug = useDrawerSlug('rich-text-link')\n\n const handleTogglePopup = useCallback((render) => {\n if (!render) {\n setRenderPopup(render)\n }\n }, [])\n\n useEffect(() => {\n const awaitInitialState = async () => {\n const data = {\n doc: element.doc,\n fields: deepCopyObject(element.fields),\n linkType: element.linkType,\n newTab: element.newTab,\n text: Node.string(element),\n url: element.url,\n }\n\n const state = await getFormState({\n apiRoute: config.routes.api,\n body: {\n data,\n operation: 'update',\n schemaPath: fieldMapPath,\n },\n serverURL: config.serverURL,\n })\n\n setInitialState(state)\n }\n\n if (renderModal) {\n void awaitInitialState()\n }\n }, [renderModal, element, user, locale, t, collectionSlug, config, id, fieldMapPath])\n\n return (\n <span className={baseClass} {...attributes}>\n <span contentEditable={false} style={{ userSelect: 'none' }}>\n {renderModal && (\n <LinkDrawer\n drawerSlug={drawerSlug}\n fieldMap={Array.isArray(fieldMap) ? fieldMap : []}\n handleClose={() => {\n toggleModal(drawerSlug)\n setRenderModal(false)\n }}\n handleModalSubmit={(fields) => {\n insertChange(editor, fields)\n closeModal(drawerSlug)\n setRenderModal(false)\n }}\n initialState={initialState}\n />\n )}\n <Popup\n boundingRef={editorRef}\n buttonType=\"none\"\n forceOpen={renderPopup}\n horizontalAlign=\"left\"\n onToggleOpen={handleTogglePopup}\n render={() => (\n <div className={`${baseClass}__popup`}>\n {element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (\n <Translation\n elements={{\n '0': ({ children }) => (\n <a\n className={`${baseClass}__link-label`}\n href={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n rel=\"noreferrer\"\n target=\"_blank\"\n title={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n >\n {children}\n </a>\n ),\n }}\n i18nKey=\"fields:linkedTo\"\n t={t}\n variables={{\n label: getTranslation(\n config.collections.find(({ slug }) => slug === element.doc.relationTo)?.labels\n ?.singular,\n i18n,\n ),\n }}\n />\n )}\n {(element.linkType === 'custom' || !element.linkType) && (\n <a\n className={`${baseClass}__link-label`}\n href={element.url}\n rel=\"noreferrer\"\n target=\"_blank\"\n title={element.url}\n >\n {element.url}\n </a>\n )}\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__link-edit`}\n icon=\"edit\"\n onClick={(e) => {\n e.preventDefault()\n setRenderPopup(false)\n openModal(drawerSlug)\n setRenderModal(true)\n }}\n round\n tooltip={t('general:edit')}\n />\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__link-close`}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n unwrapLink(editor)\n }}\n round\n tooltip={t('general:remove')}\n />\n </div>\n )}\n size=\"fit-content\"\n verticalAlign=\"bottom\"\n />\n </span>\n <span\n className={[`${baseClass}__popup-toggler`].filter(Boolean).join(' ')}\n onClick={() => setRenderPopup(true)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') setRenderPopup(true)\n }}\n role=\"button\"\n tabIndex={0}\n >\n {children}\n </span>\n </span>\n )\n}\n"],"names":["facelessUIImport","getTranslation","Button","useDrawerSlug","Popup","Translation","useAuth","useConfig","useDocumentInfo","useLocale","useTranslation","getFormState","reduceFieldsToValues","deepCopyObject","React","useCallback","useEffect","useState","Editor","Node","Transforms","ReactEditor","useSlate","useElement","LinkDrawer","linkFieldsSchemaPath","unwrapLink","baseClass","insertChange","editor","fields","data","parentPath","above","newNode","doc","linkType","newTab","url","setNodes","at","delete","selection","focus","path","unit","move","distance","insertText","String","text","LinkElement","attributes","children","editorRef","element","fieldProps","schemaPath","useModal","fieldMapPath","richTextComponentMap","fieldMap","get","config","user","code","locale","i18n","t","closeModal","openModal","toggleModal","renderModal","setRenderModal","renderPopup","setRenderPopup","initialState","setInitialState","id","collectionSlug","drawerSlug","handleTogglePopup","render","awaitInitialState","string","state","apiRoute","routes","api","body","operation","serverURL","span","className","contentEditable","style","userSelect","Array","isArray","handleClose","handleModalSubmit","boundingRef","buttonType","forceOpen","horizontalAlign","onToggleOpen","div","relationTo","value","elements","a","href","admin","rel","target","title","i18nKey","variables","label","collections","find","slug","labels","singular","buttonStyle","icon","onClick","e","preventDefault","round","tooltip","size","verticalAlign","filter","Boolean","join","onKeyDown","key","role","tabIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,YAAYA,sBAAsB,qBAAoB;AACtD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,KAAK,QAAQ,gCAA+B;AACrD,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,oBAAoB,QAAQ,gDAA+C;AACpF,SAASC,cAAc,QAAQ,oBAAmB;AAClD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC/D,SAASC,MAAM,EAAEC,IAAI,EAAEC,UAAU,QAAQ,QAAO;AAChD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,cAAa;AAInD,SAASC,UAAU,QAAQ,wCAAuC;AAClE,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,oBAAoB,QAAQ,eAAc;AACnD,SAASC,UAAU,QAAQ,kBAAiB;AAC5C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;;CAGC,GACD,MAAMC,eAAe,CAACC,QAAQC;IAC5B,MAAMC,OAAOnB,qBAAqBkB,QAAQ;IAE1C,MAAM,GAAGE,WAAW,GAAGd,OAAOe,KAAK,CAACJ;IAEpC,MAAMK,UAAmC;QACvCC,KAAKJ,KAAKI,GAAG;QACbC,UAAUL,KAAKK,QAAQ;QACvBC,QAAQN,KAAKM,MAAM;QACnBC,KAAKP,KAAKO,GAAG;IACf;IAEA,IAAIP,KAAKD,MAAM,EAAEI,QAAQJ,MAAM,GAAGC,KAAKD,MAAM;IAE7CV,WAAWmB,QAAQ,CAACV,QAAQK,SAAS;QAAEM,IAAIR;IAAW;IAEtDZ,WAAWqB,MAAM,CAACZ,QAAQ;QAAEW,IAAIX,OAAOa,SAAS,CAACC,KAAK,CAACC,IAAI;QAAEC,MAAM;IAAQ;IAC3EzB,WAAW0B,IAAI,CAACjB,QAAQ;QAAEkB,UAAU;QAAGF,MAAM;IAAS;IACtDzB,WAAW4B,UAAU,CAACnB,QAAQoB,OAAOlB,KAAKmB,IAAI,GAAG;QAAEV,IAAIX,OAAOa,SAAS,CAACC,KAAK,CAACC,IAAI;IAAC;IAEnFvB,YAAYsB,KAAK,CAACd;AACpB;AAEA,OAAO,MAAMsB,cAAc;IACzB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAEC,UAAU,EAAEC,UAAU,EAAE,GACxElC;IACF,MAAM,EAAEmC,QAAQ,EAAE,GAAG1D;IAErB,MAAM2D,eAAe,CAAC,EAAEF,WAAW,CAAC,EAAEhC,qBAAqB,CAAC;IAE5D,MAAM,EAAEmC,oBAAoB,EAAE,GAAGJ;IACjC,MAAMK,WAAWD,qBAAqBE,GAAG,CAACrC;IAE1C,MAAMI,SAASP;IACf,MAAMyC,SAASxD;IACf,MAAM,EAAEyD,IAAI,EAAE,GAAG1D;IACjB,MAAM,EAAE2D,MAAMC,MAAM,EAAE,GAAGzD;IACzB,MAAM,EAAE0D,IAAI,EAAEC,CAAC,EAAE,GAAG1D;IACpB,MAAM,EAAE2D,UAAU,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAGb;IAC/C,MAAM,CAACc,aAAaC,eAAe,GAAGxD,SAAS;IAC/C,MAAM,CAACyD,aAAaC,eAAe,GAAG1D,SAAS;IAC/C,MAAM,CAAC2D,cAAcC,gBAAgB,GAAG5D,SAAoB,CAAC;IAC7D,MAAM,EAAE6D,EAAE,EAAEC,cAAc,EAAE,GAAGvE;IAE/B,MAAMwE,aAAa7E,cAAc;IAEjC,MAAM8E,oBAAoBlE,YAAY,CAACmE;QACrC,IAAI,CAACA,QAAQ;YACXP,eAAeO;QACjB;IACF,GAAG,EAAE;IAELlE,UAAU;QACR,MAAMmE,oBAAoB;YACxB,MAAMpD,OAAO;gBACXI,KAAKoB,QAAQpB,GAAG;gBAChBL,QAAQjB,eAAe0C,QAAQzB,MAAM;gBACrCM,UAAUmB,QAAQnB,QAAQ;gBAC1BC,QAAQkB,QAAQlB,MAAM;gBACtBa,MAAM/B,KAAKiE,MAAM,CAAC7B;gBAClBjB,KAAKiB,QAAQjB,GAAG;YAClB;YAEA,MAAM+C,QAAQ,MAAM1E,aAAa;gBAC/B2E,UAAUvB,OAAOwB,MAAM,CAACC,GAAG;gBAC3BC,MAAM;oBACJ1D;oBACA2D,WAAW;oBACXjC,YAAYE;gBACd;gBACAgC,WAAW5B,OAAO4B,SAAS;YAC7B;YAEAd,gBAAgBQ;QAClB;QAEA,IAAIb,aAAa;YACf,KAAKW;QACP;IACF,GAAG;QAACX;QAAajB;QAASS;QAAME;QAAQE;QAAGW;QAAgBhB;QAAQe;QAAInB;KAAa;IAEpF,qBACE,MAACiC;QAAKC,WAAWlE;QAAY,GAAGyB,UAAU;;0BACxC,MAACwC;gBAAKE,iBAAiB;gBAAOC,OAAO;oBAAEC,YAAY;gBAAO;;oBACvDxB,6BACC,KAAChD;wBACCwD,YAAYA;wBACZnB,UAAUoC,MAAMC,OAAO,CAACrC,YAAYA,WAAW,EAAE;wBACjDsC,aAAa;4BACX5B,YAAYS;4BACZP,eAAe;wBACjB;wBACA2B,mBAAmB,CAACtE;4BAClBF,aAAaC,QAAQC;4BACrBuC,WAAWW;4BACXP,eAAe;wBACjB;wBACAG,cAAcA;;kCAGlB,KAACxE;wBACCiG,aAAa/C;wBACbgD,YAAW;wBACXC,WAAW7B;wBACX8B,iBAAgB;wBAChBC,cAAcxB;wBACdC,QAAQ,kBACN,MAACwB;gCAAIb,WAAW,CAAC,EAAElE,UAAU,OAAO,CAAC;;oCAClC4B,QAAQnB,QAAQ,KAAK,cAAcmB,QAAQpB,GAAG,EAAEwE,cAAcpD,QAAQpB,GAAG,EAAEyE,uBAC1E,KAACvG;wCACCwG,UAAU;4CACR,KAAK,CAAC,EAAExD,QAAQ,EAAE,iBAChB,KAACyD;oDACCjB,WAAW,CAAC,EAAElE,UAAU,YAAY,CAAC;oDACrCoF,MAAM,CAAC,EAAEhD,OAAOwB,MAAM,CAACyB,KAAK,CAAC,aAAa,EAAEzD,QAAQpB,GAAG,CAACwE,UAAU,CAAC,CAAC,EAAEpD,QAAQpB,GAAG,CAACyE,KAAK,CAAC,CAAC;oDACzFK,KAAI;oDACJC,QAAO;oDACPC,OAAO,CAAC,EAAEpD,OAAOwB,MAAM,CAACyB,KAAK,CAAC,aAAa,EAAEzD,QAAQpB,GAAG,CAACwE,UAAU,CAAC,CAAC,EAAEpD,QAAQpB,GAAG,CAACyE,KAAK,CAAC,CAAC;8DAEzFvD;;wCAGP;wCACA+D,SAAQ;wCACRhD,GAAGA;wCACHiD,WAAW;4CACTC,OAAOrH,eACL8D,OAAOwD,WAAW,CAACC,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASlE,QAAQpB,GAAG,CAACwE,UAAU,GAAGe,QACpEC,UACJxD;wCAEJ;;oCAGFZ,CAAAA,QAAQnB,QAAQ,KAAK,YAAY,CAACmB,QAAQnB,QAAQ,AAAD,mBACjD,KAAC0E;wCACCjB,WAAW,CAAC,EAAElE,UAAU,YAAY,CAAC;wCACrCoF,MAAMxD,QAAQjB,GAAG;wCACjB2E,KAAI;wCACJC,QAAO;wCACPC,OAAO5D,QAAQjB,GAAG;kDAEjBiB,QAAQjB,GAAG;;kDAGhB,KAACpC;wCACC0H,aAAY;wCACZ/B,WAAW,CAAC,EAAElE,UAAU,WAAW,CAAC;wCACpCkG,MAAK;wCACLC,SAAS,CAACC;4CACRA,EAAEC,cAAc;4CAChBrD,eAAe;4CACfL,UAAUU;4CACVP,eAAe;wCACjB;wCACAwD,KAAK;wCACLC,SAAS9D,EAAE;;kDAEb,KAAClE;wCACC0H,aAAY;wCACZ/B,WAAW,CAAC,EAAElE,UAAU,YAAY,CAAC;wCACrCkG,MAAK;wCACLC,SAAS,CAACC;4CACRA,EAAEC,cAAc;4CAChBtG,WAAWG;wCACb;wCACAoG,KAAK;wCACLC,SAAS9D,EAAE;;;;wBAIjB+D,MAAK;wBACLC,eAAc;;;;0BAGlB,KAACxC;gBACCC,WAAW;oBAAC,CAAC,EAAElE,UAAU,eAAe,CAAC;iBAAC,CAAC0G,MAAM,CAACC,SAASC,IAAI,CAAC;gBAChET,SAAS,IAAMnD,eAAe;gBAC9B6D,WAAW,CAACT;oBACV,IAAIA,EAAEU,GAAG,KAAK,SAAS9D,eAAe;gBACxC;gBACA+D,MAAK;gBACLC,UAAU;0BAETtF;;;;AAIT,EAAC"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/field/elements/link/Element/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n Popup,\n Translation,\n useAuth,\n useConfig,\n useDocumentInfo,\n useDrawerSlug,\n useLocale,\n useModal,\n useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport { deepCopyObject, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Editor, Node, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { LinkElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link'\n\n/**\n * This function is called when an existing link is edited.\n * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}\n */\nconst insertChange = (editor, fields) => {\n const data = reduceFieldsToValues(fields, true)\n\n const [, parentPath] = Editor.above(editor)\n\n const newNode: Record<string, unknown> = {\n doc: data.doc,\n linkType: data.linkType,\n newTab: data.newTab,\n url: data.url,\n }\n\n if (data.fields) newNode.fields = data.fields\n\n Transforms.setNodes(editor, newNode, { at: parentPath })\n\n Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' })\n Transforms.move(editor, { distance: 1, unit: 'offset' })\n Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n\n ReactEditor.focus(editor)\n}\n\nexport const LinkElement = () => {\n const { attributes, children, editorRef, element, fieldProps, schemaPath } =\n useElement<LinkElementType>()\n\n const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n const {\n field: { richTextComponentMap },\n } = fieldProps\n const fields = richTextComponentMap.get(linkFieldsSchemaPath)\n\n const editor = useSlate()\n const { config } = useConfig()\n const { user } = useAuth()\n const { code: locale } = useLocale()\n const { i18n, t } = useTranslation()\n const { closeModal, openModal, toggleModal } = useModal()\n const [renderModal, setRenderModal] = useState(false)\n const [renderPopup, setRenderPopup] = useState(false)\n const [initialState, setInitialState] = useState<FormState>({})\n const { id, collectionSlug } = useDocumentInfo()\n\n const drawerSlug = useDrawerSlug('rich-text-link')\n\n const handleTogglePopup = useCallback((render) => {\n if (!render) {\n setRenderPopup(render)\n }\n }, [])\n\n useEffect(() => {\n const awaitInitialState = async () => {\n const data = {\n doc: element.doc,\n fields: deepCopyObject(element.fields),\n linkType: element.linkType,\n newTab: element.newTab,\n text: Node.string(element),\n url: element.url,\n }\n\n const state = await getFormState({\n apiRoute: config.routes.api,\n body: {\n data,\n operation: 'update',\n schemaPath: fieldMapPath,\n },\n serverURL: config.serverURL,\n })\n\n setInitialState(state)\n }\n\n if (renderModal) {\n void awaitInitialState()\n }\n }, [renderModal, element, user, locale, t, collectionSlug, config, id, fieldMapPath])\n\n return (\n <span className={baseClass} {...attributes}>\n <span contentEditable={false} style={{ userSelect: 'none' }}>\n {renderModal && (\n <LinkDrawer\n drawerSlug={drawerSlug}\n fields={Array.isArray(fields) ? fields : []}\n handleClose={() => {\n toggleModal(drawerSlug)\n setRenderModal(false)\n }}\n handleModalSubmit={(fields) => {\n insertChange(editor, fields)\n closeModal(drawerSlug)\n setRenderModal(false)\n }}\n initialState={initialState}\n />\n )}\n <Popup\n boundingRef={editorRef}\n buttonType=\"none\"\n forceOpen={renderPopup}\n horizontalAlign=\"left\"\n onToggleOpen={handleTogglePopup}\n render={() => (\n <div className={`${baseClass}__popup`}>\n {element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (\n <Translation\n elements={{\n '0': ({ children }) => (\n <a\n className={`${baseClass}__link-label`}\n href={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n rel=\"noreferrer\"\n target=\"_blank\"\n title={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n >\n {children}\n </a>\n ),\n }}\n i18nKey=\"fields:linkedTo\"\n t={t}\n variables={{\n label: getTranslation(\n config.collections.find(({ slug }) => slug === element.doc.relationTo)?.labels\n ?.singular,\n i18n,\n ),\n }}\n />\n )}\n {(element.linkType === 'custom' || !element.linkType) && (\n <a\n className={`${baseClass}__link-label`}\n href={element.url}\n rel=\"noreferrer\"\n target=\"_blank\"\n title={element.url}\n >\n {element.url}\n </a>\n )}\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__link-edit`}\n icon=\"edit\"\n onClick={(e) => {\n e.preventDefault()\n setRenderPopup(false)\n openModal(drawerSlug)\n setRenderModal(true)\n }}\n round\n tooltip={t('general:edit')}\n />\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__link-close`}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n unwrapLink(editor)\n }}\n round\n tooltip={t('general:remove')}\n />\n </div>\n )}\n size=\"fit-content\"\n verticalAlign=\"bottom\"\n />\n </span>\n <span\n className={[`${baseClass}__popup-toggler`].filter(Boolean).join(' ')}\n onClick={() => setRenderPopup(true)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') setRenderPopup(true)\n }}\n role=\"button\"\n tabIndex={0}\n >\n {children}\n </span>\n </span>\n )\n}\n"],"names":["getTranslation","Button","Popup","Translation","useAuth","useConfig","useDocumentInfo","useDrawerSlug","useLocale","useModal","useTranslation","getFormState","deepCopyObject","reduceFieldsToValues","React","useCallback","useEffect","useState","Editor","Node","Transforms","ReactEditor","useSlate","useElement","LinkDrawer","linkFieldsSchemaPath","unwrapLink","baseClass","insertChange","editor","fields","data","parentPath","above","newNode","doc","linkType","newTab","url","setNodes","at","delete","selection","focus","path","unit","move","distance","insertText","String","text","LinkElement","attributes","children","editorRef","element","fieldProps","schemaPath","fieldMapPath","field","richTextComponentMap","get","config","user","code","locale","i18n","t","closeModal","openModal","toggleModal","renderModal","setRenderModal","renderPopup","setRenderPopup","initialState","setInitialState","id","collectionSlug","drawerSlug","handleTogglePopup","render","awaitInitialState","string","state","apiRoute","routes","api","body","operation","serverURL","span","className","contentEditable","style","userSelect","Array","isArray","handleClose","handleModalSubmit","boundingRef","buttonType","forceOpen","horizontalAlign","onToggleOpen","div","relationTo","value","elements","a","href","admin","rel","target","title","i18nKey","variables","label","collections","find","slug","labels","singular","buttonStyle","icon","onClick","e","preventDefault","round","tooltip","size","verticalAlign","filter","Boolean","join","onKeyDown","key","role","tabIndex"],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { SanitizedConfig } from 'payload
|
|
2
|
-
import type { Field } from 'payload/types';
|
|
1
|
+
import type { Field, SanitizedConfig } from 'payload';
|
|
3
2
|
export declare const getBaseFields: (config: SanitizedConfig) => Field[];
|
|
4
3
|
//# sourceMappingURL=baseFields.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baseFields.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"baseFields.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAQ,MAAM,SAAS,CAAA;AAE3D,eAAO,MAAM,aAAa,WAAY,eAAe,KAAG,KAAK,EAmE5D,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"sourcesContent":["import type { Field, SanitizedConfig, User } from 'payload'\n\nexport const getBaseFields = (config: SanitizedConfig): Field[] => [\n {\n name: 'text',\n type: 'text',\n label: ({ t }) => t('fields:textToDisplay'),\n required: true,\n },\n {\n name: 'linkType',\n type: 'radio',\n admin: {\n description: ({ t }) => t('fields:chooseBetweenCustomTextOrDocument'),\n },\n defaultValue: 'custom',\n label: ({ t }) => t('fields:linkType'),\n options: [\n {\n label: ({ t }) => t('fields:customURL'),\n value: 'custom',\n },\n {\n label: ({ t }) => t('fields:internalLink'),\n value: 'internal',\n },\n ],\n required: true,\n },\n {\n name: 'url',\n type: 'text',\n admin: {\n condition: ({ linkType }) => linkType !== 'internal',\n },\n label: ({ t }) => t('fields:enterURL'),\n required: true,\n },\n {\n name: 'doc',\n admin: {\n condition: ({ linkType }) => {\n return linkType === 'internal'\n },\n },\n // when admin.hidden is a function we need to dynamically call hidden with the user to know if the collection should be shown\n type: 'relationship',\n filterOptions: ({ relationTo, user }) => {\n const hidden = config.collections.find(({ slug }) => slug === relationTo).admin.hidden\n if (typeof hidden === 'function' && hidden({ user } as { user: User })) {\n return false\n }\n },\n label: ({ t }) => t('fields:chooseDocumentToLink'),\n relationTo: config.collections\n .filter(({ admin: { enableRichTextLink, hidden } }) => {\n if (typeof hidden !== 'function' && hidden) {\n return false\n }\n return enableRichTextLink\n })\n .map(({ slug }) => slug),\n required: true,\n },\n {\n name: 'newTab',\n type: 'checkbox',\n label: ({ t }) => t('fields:openInNewTab'),\n },\n]\n"],"names":["getBaseFields","config","name","type","label","t","required","admin","description","defaultValue","options","value","condition","linkType","filterOptions","relationTo","user","hidden","collections","find","slug","filter","enableRichTextLink","map"],"mappings":"AAEA,OAAO,MAAMA,gBAAgB,CAACC,SAAqC;QACjE;YACEC,MAAM;YACNC,MAAM;YACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNI,OAAO;gBACLC,aAAa,CAAC,EAAEH,CAAC,EAAE,GAAKA,EAAE;YAC5B;YACAI,cAAc;YACdL,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBK,SAAS;gBACP;oBACEN,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;oBACpBM,OAAO;gBACT;gBACA;oBACEP,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;oBACpBM,OAAO;gBACT;aACD;YACDL,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNI,OAAO;gBACLK,WAAW,CAAC,EAAEC,QAAQ,EAAE,GAAKA,aAAa;YAC5C;YACAT,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNK,OAAO;gBACLK,WAAW,CAAC,EAAEC,QAAQ,EAAE;oBACtB,OAAOA,aAAa;gBACtB;YACF;YACA,6HAA6H;YAC7HV,MAAM;YACNW,eAAe,CAAC,EAAEC,UAAU,EAAEC,IAAI,EAAE;gBAClC,MAAMC,SAAShB,OAAOiB,WAAW,CAACC,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASL,YAAYR,KAAK,CAACU,MAAM;gBACtF,IAAI,OAAOA,WAAW,cAAcA,OAAO;oBAAED;gBAAK,IAAsB;oBACtE,OAAO;gBACT;YACF;YACAZ,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBU,YAAYd,OAAOiB,WAAW,CAC3BG,MAAM,CAAC,CAAC,EAAEd,OAAO,EAAEe,kBAAkB,EAAEL,MAAM,EAAE,EAAE;gBAChD,IAAI,OAAOA,WAAW,cAAcA,QAAQ;oBAC1C,OAAO;gBACT;gBACA,OAAOK;YACT,GACCC,GAAG,CAAC,CAAC,EAAEH,IAAI,EAAE,GAAKA;YACrBd,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;QACtB;KACD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2CtC,CAAA"}
|
|
@@ -1,26 +1,17 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Drawer } from '@payloadcms/ui
|
|
4
|
-
import {
|
|
5
|
-
import { Form } from '@payloadcms/ui/forms/Form';
|
|
6
|
-
import { RenderFields } from '@payloadcms/ui/forms/RenderFields';
|
|
7
|
-
import { FormSubmit } from '@payloadcms/ui/forms/Submit';
|
|
8
|
-
import { useHotkey } from '@payloadcms/ui/hooks/useHotkey';
|
|
9
|
-
import { useConfig } from '@payloadcms/ui/providers/Config';
|
|
10
|
-
import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
|
|
11
|
-
import { useEditDepth } from '@payloadcms/ui/providers/EditDepth';
|
|
12
|
-
import { useTranslation } from '@payloadcms/ui/providers/Translation';
|
|
13
|
-
import { getFormState } from '@payloadcms/ui/utilities/getFormState';
|
|
3
|
+
import { Drawer, Form, FormSubmit, RenderFields, useConfig, useDocumentInfo, useEditDepth, useFieldProps, useHotkey, useTranslation } from '@payloadcms/ui';
|
|
4
|
+
import { getFormState } from '@payloadcms/ui/shared';
|
|
14
5
|
import React, { useCallback, useRef } from 'react';
|
|
15
6
|
import { linkFieldsSchemaPath } from '../shared.js';
|
|
16
7
|
import './index.scss';
|
|
17
8
|
const baseClass = 'rich-text-link-edit-modal';
|
|
18
|
-
export const LinkDrawer = ({ drawerSlug,
|
|
9
|
+
export const LinkDrawer = ({ drawerSlug, fields, handleModalSubmit, initialState })=>{
|
|
19
10
|
const { t } = useTranslation();
|
|
20
11
|
const { schemaPath } = useFieldProps();
|
|
21
12
|
const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`;
|
|
22
13
|
const { id } = useDocumentInfo();
|
|
23
|
-
const config = useConfig();
|
|
14
|
+
const { config } = useConfig();
|
|
24
15
|
const onChange = useCallback(async ({ formState: prevFormState })=>{
|
|
25
16
|
return await getFormState({
|
|
26
17
|
apiRoute: config.routes.api,
|
|
@@ -54,7 +45,7 @@ export const LinkDrawer = ({ drawerSlug, fieldMap, handleModalSubmit, initialSta
|
|
|
54
45
|
onSubmit: handleModalSubmit,
|
|
55
46
|
children: [
|
|
56
47
|
/*#__PURE__*/ _jsx(RenderFields, {
|
|
57
|
-
|
|
48
|
+
fields: fields,
|
|
58
49
|
forceRender: true,
|
|
59
50
|
path: "",
|
|
60
51
|
readOnly: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui
|
|
1
|
+
{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\n\nimport {\n Drawer,\n Form,\n FormSubmit,\n RenderFields,\n useConfig,\n useDocumentInfo,\n useEditDepth,\n useFieldProps,\n useHotkey,\n useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React, { useCallback, useRef } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link-edit-modal'\n\nexport const LinkDrawer: React.FC<Props> = ({\n drawerSlug,\n fields,\n handleModalSubmit,\n initialState,\n}) => {\n const { t } = useTranslation()\n const { schemaPath } = useFieldProps()\n const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n const { id } = useDocumentInfo()\n const { config } = useConfig()\n\n const onChange: FormProps['onChange'][0] = useCallback(\n async ({ formState: prevFormState }) => {\n return await getFormState({\n apiRoute: config.routes.api,\n body: {\n id,\n formState: prevFormState,\n operation: 'update',\n schemaPath: fieldMapPath,\n },\n serverURL: config.serverURL,\n })\n },\n\n [config.routes.api, config.serverURL, fieldMapPath, id],\n )\n\n return (\n <Drawer className={baseClass} slug={drawerSlug} title={t('fields:editLink')}>\n <Form\n beforeSubmit={[onChange]}\n disableValidationOnSubmit\n initialState={initialState}\n onChange={[onChange]}\n onSubmit={handleModalSubmit}\n >\n <RenderFields fields={fields} forceRender path=\"\" readOnly={false} schemaPath=\"\" />\n <LinkSubmit />\n </Form>\n </Drawer>\n )\n}\n\nconst LinkSubmit: React.FC = () => {\n const { t } = useTranslation()\n const ref = useRef<HTMLButtonElement>(null)\n const editDepth = useEditDepth()\n\n useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n e.preventDefault()\n e.stopPropagation()\n if (ref?.current) {\n ref.current.click()\n }\n })\n\n return <FormSubmit ref={ref}>{t('general:submit')}</FormSubmit>\n}\n"],"names":["Drawer","Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useEditDepth","useFieldProps","useHotkey","useTranslation","getFormState","React","useCallback","useRef","linkFieldsSchemaPath","baseClass","LinkDrawer","drawerSlug","fields","handleModalSubmit","initialState","t","schemaPath","fieldMapPath","id","config","onChange","formState","prevFormState","apiRoute","routes","api","body","operation","serverURL","className","slug","title","beforeSubmit","disableValidationOnSubmit","onSubmit","forceRender","path","readOnly","LinkSubmit","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click"],"mappings":"AAAA;;AAIA,SACEA,MAAM,EACNC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,aAAa,EACbC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,YAAY,QAAQ,wBAAuB;AACpD,OAAOC,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAIlD,SAASC,oBAAoB,QAAQ,eAAc;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA8B,CAAC,EAC1CC,UAAU,EACVC,MAAM,EACNC,iBAAiB,EACjBC,YAAY,EACb;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,UAAU,EAAE,GAAGf;IACvB,MAAMgB,eAAe,CAAC,EAAED,WAAW,CAAC,EAAER,qBAAqB,CAAC;IAC5D,MAAM,EAAEU,EAAE,EAAE,GAAGnB;IACf,MAAM,EAAEoB,MAAM,EAAE,GAAGrB;IAEnB,MAAMsB,WAAqCd,YACzC,OAAO,EAAEe,WAAWC,aAAa,EAAE;QACjC,OAAO,MAAMlB,aAAa;YACxBmB,UAAUJ,OAAOK,MAAM,CAACC,GAAG;YAC3BC,MAAM;gBACJR;gBACAG,WAAWC;gBACXK,WAAW;gBACXX,YAAYC;YACd;YACAW,WAAWT,OAAOS,SAAS;QAC7B;IACF,GAEA;QAACT,OAAOK,MAAM,CAACC,GAAG;QAAEN,OAAOS,SAAS;QAAEX;QAAcC;KAAG;IAGzD,qBACE,KAACxB;QAAOmC,WAAWpB;QAAWqB,MAAMnB;QAAYoB,OAAOhB,EAAE;kBACvD,cAAA,MAACpB;YACCqC,cAAc;gBAACZ;aAAS;YACxBa,yBAAyB;YACzBnB,cAAcA;YACdM,UAAU;gBAACA;aAAS;YACpBc,UAAUrB;;8BAEV,KAAChB;oBAAae,QAAQA;oBAAQuB,WAAW;oBAACC,MAAK;oBAAGC,UAAU;oBAAOrB,YAAW;;8BAC9E,KAACsB;;;;AAIT,EAAC;AAED,MAAMA,aAAuB;IAC3B,MAAM,EAAEvB,CAAC,EAAE,GAAGZ;IACd,MAAMoC,MAAMhC,OAA0B;IACtC,MAAMiC,YAAYxC;IAElBE,UAAU;QAAEuC,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3DA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBAAO,KAACnD;QAAW2C,KAAKA;kBAAMxB,EAAE;;AAClC"}
|
|
@@ -35,11 +35,11 @@
|
|
|
35
35
|
height: base(1);
|
|
36
36
|
|
|
37
37
|
svg {
|
|
38
|
-
width: base(2
|
|
39
|
-
height: base(2
|
|
38
|
+
width: base(2);
|
|
39
|
+
height: base(2);
|
|
40
40
|
position: relative;
|
|
41
|
-
|
|
42
|
-
top: base(-0.
|
|
41
|
+
inset-inline-start: base(-0.5);
|
|
42
|
+
top: base(-0.5);
|
|
43
43
|
|
|
44
44
|
.stroke {
|
|
45
45
|
stroke-width: 2px;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type { FormState } from 'payload/types';
|
|
1
|
+
import type { ClientField, FormState } from 'payload';
|
|
3
2
|
export type Props = {
|
|
4
|
-
drawerSlug: string;
|
|
5
|
-
|
|
6
|
-
handleClose: () => void;
|
|
7
|
-
handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void;
|
|
8
|
-
initialState?: FormState;
|
|
3
|
+
readonly drawerSlug: string;
|
|
4
|
+
readonly fields: ClientField[];
|
|
5
|
+
readonly handleClose: () => void;
|
|
6
|
+
readonly handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void;
|
|
7
|
+
readonly initialState?: FormState;
|
|
9
8
|
};
|
|
10
9
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAErD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACtF,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;CAClC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"sourcesContent":["import type { ClientField, FormState } from 'payload'\n\nexport type Props = {\n readonly drawerSlug: string\n readonly fields: ClientField[]\n readonly handleClose: () => void\n readonly handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void\n readonly initialState?: FormState\n}\n"],"names":[],"mappings":"AAEA,WAMC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/field/elements/link/WithLinks.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\nimport type { Editor } from 'slate'\n\nimport { useSlatePlugin } from '../../../utilities/useSlatePlugin.js'\n\nconst plugin = (incomingEditor: Editor): Editor => {\n const editor = incomingEditor\n const { isInline } = editor\n\n editor.isInline = (element) => {\n if (element.type === 'link') {\n return true\n }\n\n return isInline(element)\n }\n\n return editor\n}\n\nexport const WithLinks: React.FC = () => {\n useSlatePlugin('withLinks', plugin)\n return null\n}\n"],"names":["useSlatePlugin","plugin","incomingEditor","editor","isInline","element","type","WithLinks"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/field/elements/link/WithLinks.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\nimport type { Editor } from 'slate'\n\nimport { useSlatePlugin } from '../../../utilities/useSlatePlugin.js'\n\nconst plugin = (incomingEditor: Editor): Editor => {\n const editor = incomingEditor\n const { isInline } = editor\n\n editor.isInline = (element) => {\n if (element.type === 'link') {\n return true\n }\n\n return isInline(element)\n }\n\n return editor\n}\n\nexport const WithLinks: React.FC = () => {\n useSlatePlugin('withLinks', plugin)\n return null\n}\n"],"names":["useSlatePlugin","plugin","incomingEditor","editor","isInline","element","type","WithLinks"],"mappings":"AAAA;AAKA,SAASA,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,SAAS,CAACC;IACd,MAAMC,SAASD;IACf,MAAM,EAAEE,QAAQ,EAAE,GAAGD;IAErBA,OAAOC,QAAQ,GAAG,CAACC;QACjB,IAAIA,QAAQC,IAAI,KAAK,QAAQ;YAC3B,OAAO;QACT;QAEA,OAAOF,SAASC;IAClB;IAEA,OAAOF;AACT;AAEA,OAAO,MAAMI,YAAsB;IACjCP,eAAe,aAAaC;IAC5B,OAAO;AACT,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAE9D,eAAO,MAAM,IAAI,EAAE,qBAKlB,CAAA"}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
import { LinkButton } from './Button/index.js';
|
|
2
|
-
import { LinkElement } from './Element/index.js';
|
|
3
|
-
import { WithLinks } from './WithLinks.js';
|
|
4
1
|
export const link = {
|
|
5
2
|
name: 'link',
|
|
6
|
-
Button: LinkButton,
|
|
7
|
-
Element: LinkElement,
|
|
3
|
+
Button: '@payloadcms/richtext-slate/client#LinkButton',
|
|
4
|
+
Element: '@payloadcms/richtext-slate/client#LinkElement',
|
|
8
5
|
plugins: [
|
|
9
|
-
WithLinks
|
|
6
|
+
'@payloadcms/richtext-slate/client#WithLinks'
|
|
10
7
|
]
|
|
11
8
|
};
|
|
12
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/field/elements/link/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\
|
|
1
|
+
{"version":3,"sources":["../../../../src/field/elements/link/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nexport const link: RichTextCustomElement = {\n name: 'link',\n Button: '@payloadcms/richtext-slate/client#LinkButton',\n Element: '@payloadcms/richtext-slate/client#LinkElement',\n plugins: ['@payloadcms/richtext-slate/client#WithLinks'],\n}\n"],"names":["link","name","Button","Element","plugins"],"mappings":"AAEA,OAAO,MAAMA,OAA8B;IACzCC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,SAAS;QAAC;KAA8C;AAC1D,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/field/elements/link/shared.ts"],"sourcesContent":["export const modalSlug = 'rich-text-link-modal'\nexport const linkFieldsSchemaPath = 'link.fields'\n"],"names":["modalSlug","linkFieldsSchemaPath"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/field/elements/link/shared.ts"],"sourcesContent":["export const modalSlug = 'rich-text-link-modal'\nexport const linkFieldsSchemaPath = 'link.fields'\n"],"names":["modalSlug","linkFieldsSchemaPath"],"mappings":"AAAA,OAAO,MAAMA,YAAY,uBAAsB;AAC/C,OAAO,MAAMC,uBAAuB,cAAa"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { Element } from 'slate';
|
|
2
|
-
export type LinkElementType =
|
|
2
|
+
export type LinkElementType = {
|
|
3
3
|
doc: Record<string, unknown>;
|
|
4
4
|
fields: Record<string, unknown>;
|
|
5
5
|
linkType: string;
|
|
6
6
|
newTab: boolean;
|
|
7
7
|
url: string;
|
|
8
|
-
};
|
|
8
|
+
} & Element;
|
|
9
9
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,eAAe,GAAG
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/field/elements/link/types.ts"],"sourcesContent":["import type { Element } from 'slate'\n\nexport type LinkElementType =
|
|
1
|
+
{"version":3,"sources":["../../../../src/field/elements/link/types.ts"],"sourcesContent":["import type { Element } from 'slate'\n\nexport type LinkElementType = {\n doc: Record<string, unknown>\n fields: Record<string, unknown>\n linkType: string\n newTab: boolean\n url: string\n} & Element\n"],"names":[],"mappings":"AAEA,WAMW"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type { SanitizedConfig } from 'payload
|
|
2
|
-
import type { Field } from 'payload/types';
|
|
1
|
+
import type { Field, SanitizedConfig } from 'payload';
|
|
3
2
|
import type { Editor } from 'slate';
|
|
4
3
|
export declare const unwrapLink: (editor: Editor) => void;
|
|
5
4
|
export declare const wrapLink: (editor: Editor) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/utilities.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/utilities.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAMnC,eAAO,MAAM,UAAU,WAAY,MAAM,KAAG,IAE3C,CAAA;AAED,eAAO,MAAM,QAAQ,WAAY,MAAM,KAAG,IAiBzC,CAAA;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,iBAAiB,EACb,CAAC,CAAC,IAAI,EAAE;IAAE,MAAM,EAAE,eAAe,CAAC;IAAC,aAAa,EAAE,KAAK,EAAE,CAAA;CAAE,KAAK,KAAK,EAAE,CAAC,GACxE,KAAK,EAAE,EACX,MAAM,EAAE,eAAe,GACtB,KAAK,EAAE,CA4CT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/field/elements/link/utilities.tsx"],"sourcesContent":["import type { SanitizedConfig } from 'payload
|
|
1
|
+
{"version":3,"sources":["../../../../src/field/elements/link/utilities.tsx"],"sourcesContent":["import type { Field, SanitizedConfig } from 'payload'\nimport type { Editor } from 'slate'\n\nimport { Element, Range, Transforms } from 'slate'\n\nimport { getBaseFields } from './LinkDrawer/baseFields.js'\n\nexport const unwrapLink = (editor: Editor): void => {\n Transforms.unwrapNodes(editor, { match: (n) => Element.isElement(n) && n.type === 'link' })\n}\n\nexport const wrapLink = (editor: Editor): void => {\n const { selection } = editor\n const isCollapsed = selection && Range.isCollapsed(selection)\n\n const link = {\n type: 'link',\n children: isCollapsed ? [{ text: '' }] : [],\n newTab: false,\n url: undefined,\n }\n\n if (isCollapsed) {\n Transforms.insertNodes(editor, link)\n } else {\n Transforms.wrapNodes(editor, link, { split: true })\n Transforms.collapse(editor, { edge: 'end' })\n }\n}\n\n/**\n * This function is run to enrich the basefields which every link has with potential, custom user-added fields.\n */\nexport function transformExtraFields(\n customFieldSchema:\n | ((args: { config: SanitizedConfig; defaultFields: Field[] }) => Field[])\n | Field[],\n config: SanitizedConfig,\n): Field[] {\n const baseFields: Field[] = getBaseFields(config)\n\n const fields =\n typeof customFieldSchema === 'function'\n ? customFieldSchema({ config, defaultFields: baseFields })\n : baseFields\n\n // Wrap fields which are not part of the base schema in a group named 'fields' - otherwise they will be rendered but not saved\n const extraFields = []\n for (let i = fields.length - 1; i >= 0; i--) {\n const field = fields[i]\n\n if ('name' in field) {\n if (\n !baseFields.find((baseField) => !('name' in baseField) || baseField.name === field.name)\n ) {\n if (field.name !== 'fields' && field.type !== 'group') {\n extraFields.push(field)\n // Remove from fields from now, as they need to be part of the fields group below\n fields.splice(fields.indexOf(field), 1)\n }\n }\n }\n }\n\n if ((Array.isArray(customFieldSchema) && customFieldSchema?.length) || extraFields?.length) {\n fields.push({\n name: 'fields',\n type: 'group',\n admin: {\n style: {\n borderBottom: 0,\n borderTop: 0,\n margin: 0,\n padding: 0,\n },\n },\n fields: Array.isArray(customFieldSchema)\n ? customFieldSchema.concat(extraFields)\n : extraFields,\n })\n }\n return fields\n}\n"],"names":["Element","Range","Transforms","getBaseFields","unwrapLink","editor","unwrapNodes","match","n","isElement","type","wrapLink","selection","isCollapsed","link","children","text","newTab","url","undefined","insertNodes","wrapNodes","split","collapse","edge","transformExtraFields","customFieldSchema","config","baseFields","fields","defaultFields","extraFields","i","length","field","find","baseField","name","push","splice","indexOf","Array","isArray","admin","style","borderBottom","borderTop","margin","padding","concat"],"mappings":"AAGA,SAASA,OAAO,EAAEC,KAAK,EAAEC,UAAU,QAAQ,QAAO;AAElD,SAASC,aAAa,QAAQ,6BAA4B;AAE1D,OAAO,MAAMC,aAAa,CAACC;IACzBH,WAAWI,WAAW,CAACD,QAAQ;QAAEE,OAAO,CAACC,IAAMR,QAAQS,SAAS,CAACD,MAAMA,EAAEE,IAAI,KAAK;IAAO;AAC3F,EAAC;AAED,OAAO,MAAMC,WAAW,CAACN;IACvB,MAAM,EAAEO,SAAS,EAAE,GAAGP;IACtB,MAAMQ,cAAcD,aAAaX,MAAMY,WAAW,CAACD;IAEnD,MAAME,OAAO;QACXJ,MAAM;QACNK,UAAUF,cAAc;YAAC;gBAAEG,MAAM;YAAG;SAAE,GAAG,EAAE;QAC3CC,QAAQ;QACRC,KAAKC;IACP;IAEA,IAAIN,aAAa;QACfX,WAAWkB,WAAW,CAACf,QAAQS;IACjC,OAAO;QACLZ,WAAWmB,SAAS,CAAChB,QAAQS,MAAM;YAAEQ,OAAO;QAAK;QACjDpB,WAAWqB,QAAQ,CAAClB,QAAQ;YAAEmB,MAAM;QAAM;IAC5C;AACF,EAAC;AAED;;CAEC,GACD,OAAO,SAASC,qBACdC,iBAEW,EACXC,MAAuB;IAEvB,MAAMC,aAAsBzB,cAAcwB;IAE1C,MAAME,SACJ,OAAOH,sBAAsB,aACzBA,kBAAkB;QAAEC;QAAQG,eAAeF;IAAW,KACtDA;IAEN,8HAA8H;IAC9H,MAAMG,cAAc,EAAE;IACtB,IAAK,IAAIC,IAAIH,OAAOI,MAAM,GAAG,GAAGD,KAAK,GAAGA,IAAK;QAC3C,MAAME,QAAQL,MAAM,CAACG,EAAE;QAEvB,IAAI,UAAUE,OAAO;YACnB,IACE,CAACN,WAAWO,IAAI,CAAC,CAACC,YAAc,CAAE,CAAA,UAAUA,SAAQ,KAAMA,UAAUC,IAAI,KAAKH,MAAMG,IAAI,GACvF;gBACA,IAAIH,MAAMG,IAAI,KAAK,YAAYH,MAAMxB,IAAI,KAAK,SAAS;oBACrDqB,YAAYO,IAAI,CAACJ;oBACjB,iFAAiF;oBACjFL,OAAOU,MAAM,CAACV,OAAOW,OAAO,CAACN,QAAQ;gBACvC;YACF;QACF;IACF;IAEA,IAAI,AAACO,MAAMC,OAAO,CAAChB,sBAAsBA,mBAAmBO,UAAWF,aAAaE,QAAQ;QAC1FJ,OAAOS,IAAI,CAAC;YACVD,MAAM;YACN3B,MAAM;YACNiC,OAAO;gBACLC,OAAO;oBACLC,cAAc;oBACdC,WAAW;oBACXC,QAAQ;oBACRC,SAAS;gBACX;YACF;YACAnB,QAAQY,MAAMC,OAAO,CAAChB,qBAClBA,kBAAkBuB,MAAM,CAAClB,eACzBA;QACN;IACF;IACA,OAAOF;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/field/elements/listTypes.tsx"],"sourcesContent":["export const listTypes = ['ol', 'ul']\n"],"names":["listTypes"],"
|
|
1
|
+
{"version":3,"sources":["../../../src/field/elements/listTypes.tsx"],"sourcesContent":["export const listTypes = ['ol', 'ul']\n"],"names":["listTypes"],"mappings":"AAAA,OAAO,MAAMA,YAAY;IAAC;IAAM;CAAK,CAAA"}
|