@payloadcms/richtext-lexical 4.0.0-internal.38b7f1d → 4.0.0-internal.c2b57ce
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/dist/exports/client/{Field-PJW7KUJG.js → Field-VMNLDBRS.js} +2 -2
- package/dist/exports/client/Field-VMNLDBRS.js.map +7 -0
- package/dist/exports/client/{RelationshipComponent-5RONAYJM.js → RelationshipComponent-RZL743CS.js} +2 -2
- package/dist/exports/client/{RelationshipComponent-5RONAYJM.js.map → RelationshipComponent-RZL743CS.js.map} +2 -2
- package/dist/exports/client/bundled.css +1 -1
- package/dist/exports/client/{chunk-44G3K3W7.js → chunk-74RUDY7K.js} +2 -2
- package/dist/exports/client/{chunk-44G3K3W7.js.map → chunk-74RUDY7K.js.map} +2 -2
- package/dist/exports/client/component-2ZTDKRVK.js +2 -0
- package/dist/exports/client/{component-53Y3RYR5.js.map → component-2ZTDKRVK.js.map} +2 -2
- package/dist/exports/client/componentInline-JYKBUUPZ.js +2 -0
- package/dist/exports/client/index.js +4 -4
- package/dist/exports/client/index.js.map +3 -3
- package/dist/features/align/client/toolbarAlignGroup.d.ts.map +1 -1
- package/dist/features/blocks/client/component/index.js +2 -2
- package/dist/features/blocks/client/component/index.js.map +1 -1
- package/dist/features/blocks/client/componentInline/components/InlineBlockContainer.d.ts.map +1 -1
- package/dist/features/blocks/client/componentInline/index.js +2 -2
- package/dist/features/blocks/client/componentInline/index.js.map +1 -1
- package/dist/features/blocks/client/markdown/markdownTransformer.d.ts.map +1 -1
- package/dist/features/blocks/server/graphQLPopulationPromise.d.ts.map +1 -1
- package/dist/features/blocks/server/markdown/markdownTransformer.d.ts.map +1 -1
- package/dist/features/blocks/server/validate.d.ts.map +1 -1
- package/dist/features/converters/htmlToLexical/index.d.ts.map +1 -1
- package/dist/features/converters/lexicalToHtml/async/converters/table.js +1 -1
- package/dist/features/converters/lexicalToHtml/async/converters/table.js.map +1 -1
- package/dist/features/converters/lexicalToHtml/async/converters/upload.js.map +1 -1
- package/dist/features/converters/lexicalToHtml/shared/cssColors.d.ts.map +1 -1
- package/dist/features/converters/lexicalToHtml/sync/converters/table.js +1 -1
- package/dist/features/converters/lexicalToHtml/sync/converters/table.js.map +1 -1
- package/dist/features/converters/lexicalToHtml/sync/converters/upload.js.map +1 -1
- package/dist/features/converters/lexicalToJSX/converter/converters/upload.js.map +1 -1
- package/dist/features/converters/lexicalToMarkdown/index.d.ts.map +1 -1
- package/dist/features/converters/markdownToLexical/index.d.ts.map +1 -1
- package/dist/features/format/shared/toolbarFormatGroup.d.ts.map +1 -1
- package/dist/features/indent/client/toolbarIndentGroup.d.ts.map +1 -1
- package/dist/features/link/client/plugins/autoLink/index.d.ts.map +1 -1
- package/dist/features/link/markdownTransformer.d.ts.map +1 -1
- package/dist/features/link/server/baseFields.d.ts.map +1 -1
- package/dist/features/link/server/graphQLPopulationPromise.d.ts.map +1 -1
- package/dist/features/link/server/validate.d.ts.map +1 -1
- package/dist/features/lists/shared/markdown.d.ts.map +1 -1
- package/dist/features/relationship/client/components/RelationshipComponent.js +2 -2
- package/dist/features/relationship/client/components/RelationshipComponent.js.map +1 -1
- package/dist/features/relationship/client/components/index.css +2 -2
- package/dist/features/relationship/client/drawer/index.d.ts.map +1 -1
- package/dist/features/relationship/client/utils/useEnabledRelationships.d.ts.map +1 -1
- package/dist/features/relationship/server/graphQLPopulationPromise.d.ts.map +1 -1
- package/dist/features/shared/toolbar/addDropdownGroup.d.ts.map +1 -1
- package/dist/features/shared/toolbar/featureButtonsGroup.d.ts.map +1 -1
- package/dist/features/shared/toolbar/textDropdownGroup.d.ts.map +1 -1
- package/dist/features/toolbars/shared/ToolbarButton/index.d.ts.map +1 -1
- package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.d.ts.map +1 -1
- package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.js +1 -2
- package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.js.map +1 -1
- package/dist/features/toolbars/shared/ToolbarDropdown/index.d.ts.map +1 -1
- package/dist/features/upload/client/component/index.css +4 -2
- package/dist/features/upload/client/component/index.js +3 -3
- package/dist/features/upload/client/component/index.js.map +1 -1
- package/dist/features/upload/client/drawer/index.d.ts.map +1 -1
- package/dist/features/upload/server/graphQLPopulationPromise.d.ts.map +1 -1
- package/dist/features/upload/server/validate.d.ts.map +1 -1
- package/dist/field/Field.d.ts.map +1 -1
- package/dist/field/Field.js +3 -4
- package/dist/field/Field.js.map +1 -1
- package/dist/field/bundled.css +1 -1
- package/dist/lexical/config/client/EditorConfigProvider.d.ts.map +1 -1
- package/dist/lexical/config/client/sanitize.d.ts.map +1 -1
- package/dist/lexical/config/server/sanitize.d.ts.map +1 -1
- package/dist/lexical/plugins/handles/DraggableBlockPlugin/debounce.d.ts.map +1 -1
- package/dist/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.d.ts.map +1 -1
- package/dist/lexical/theme/EditorTheme.css +2 -2
- package/dist/lexical/utils/markdown/createBlockNode.d.ts.map +1 -1
- package/dist/populateGraphQL/populateLexicalPopulationPromises.d.ts.map +1 -1
- package/dist/populateGraphQL/recursivelyPopulateFieldsForGraphQL.d.ts.map +1 -1
- package/dist/utilities/editorConfigFactory.d.ts.map +1 -1
- package/dist/utilities/fieldsDrawer/useLexicalDocumentDrawer.d.ts.map +1 -1
- package/dist/utilities/fieldsDrawer/useLexicalDrawer.d.ts.map +1 -1
- package/dist/utilities/fieldsDrawer/useLexicalListDrawer.d.ts.map +1 -1
- package/dist/utilities/generateImportMap.d.ts.map +1 -1
- package/dist/utilities/generateSchemaMap.d.ts.map +1 -1
- package/dist/utilities/getDefaultSanitizedEditorConfig.d.ts.map +1 -1
- package/dist/utilities/recurseNodeTree.d.ts.map +1 -1
- package/dist/utilities/upgradeLexicalData/upgradeDocumentFieldsRecursively.d.ts.map +1 -1
- package/dist/utilities/useLexicalFeature.d.ts.map +1 -1
- package/dist/validate/index.d.ts.map +1 -1
- package/package.json +12 -12
- package/dist/exports/client/Field-PJW7KUJG.js.map +0 -7
- package/dist/exports/client/component-53Y3RYR5.js +0 -2
- package/dist/exports/client/componentInline-PM4PLNUK.js +0 -2
- /package/dist/exports/client/{componentInline-PM4PLNUK.js.map → componentInline-JYKBUUPZ.js.map} +0 -0
package/dist/exports/client/{RelationshipComponent-5RONAYJM.js → RelationshipComponent-RZL743CS.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{a as
|
|
2
|
-
//# sourceMappingURL=RelationshipComponent-
|
|
1
|
+
"use client";import{a as b}from"./chunk-DBWINSQN.js";import{a as R}from"./chunk-WSAPGI3Z.js";import{jsx as l,jsxs as d}from"react/jsx-runtime";import{useLexicalComposerContext as k}from"@lexical/react/LexicalComposerContext.js";import{useLexicalEditable as K}from"@lexical/react/useLexicalEditable";import{getTranslation as U}from"@payloadcms/translations";import{Button as $,useConfig as H,usePayloadAPI as M,useTranslation as O}from"@payloadcms/ui";import{$getNodeByKey as W,$getSelection as q,$isNodeSelection as z,$isRangeSelection as F}from"lexical";import{formatAdminURL as G}from"payload/shared";import J,{useCallback as Q,useEffect as N,useReducer as V,useRef as X,useState as v}from"react";var C={depth:0},re=S=>{let{className:e,data:{relationTo:w,value:a},nodeKey:o}=S;if(typeof a=="object")throw new Error("Relationship value should be a string or number. The Lexical Relationship component should not receive the populated value object.");let m=X(null),[i]=k(),r=K(),[p,c]=v(!1),{config:{routes:{api:x},serverURL:D},getEntityConfig:E}=H(),[s]=v(()=>E({collectionSlug:w})),{i18n:y,t:u}=O(),[f,L]=V(t=>t+1,0),[{data:h},{setParams:g}]=M(G({apiRoute:x,path:`/${s.slug}/${a}`,serverURL:D}),{initialParams:C}),{closeDocumentDrawer:_,DocumentDrawer:T,DocumentDrawerToggler:j}=R({id:a,collectionSlug:s.slug});N(()=>i.registerUpdateListener(({editorState:t})=>{t.read(()=>{let n=q();if(z(n))c(n.has(o));else if(F(n)){let I=n.getNodes();c(I.some(P=>P.getKey()===o))}else c(!1)})}),[i,o]),N(()=>{let t=m.current?.closest(`.${e}`);t&&t.classList.toggle(`${e}--selected`,p)},[p,e]);let A=Q(()=>{i.update(()=>{W(o)?.remove()})},[i,o]),B=J.useCallback(()=>{g({...C,cacheBust:f}),_(),L()},[f,g,_]);return d("div",{className:`${e}__contents`,contentEditable:!1,ref:m,children:[d("div",{className:`${e}__wrap`,children:[l("p",{className:`${e}__label`,children:u("fields:labelRelationship",{label:s.labels?.singular?U(s.labels?.singular,y):s.slug})}),l(j,{className:`${e}__doc-drawer-toggler`,children:l("p",{className:`${e}__title`,children:h?h[s?.admin?.useAsTitle||"id"]:a})})]}),r&&d("div",{className:`${e}__actions`,children:[l($,{buttonStyle:"ghost",className:`${e}__swapButton`,disabled:!r,el:"button",icon:"swap",onClick:()=>{o&&i.dispatchCommand(b,{replace:{nodeKey:o}})},round:!0,tooltip:u("fields:swapRelationship")}),l($,{buttonStyle:"ghost",className:`${e}__removeButton`,disabled:!r,icon:"x",onClick:t=>{t.preventDefault(),A()},round:!0,tooltip:u("fields:removeRelationship")})]}),!!a&&l(T,{onSave:B})]})};export{re as RelationshipComponent};
|
|
2
|
+
//# sourceMappingURL=RelationshipComponent-RZL743CS.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/features/relationship/client/components/RelationshipComponent.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\nimport type { ElementFormatType } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, useConfig, usePayloadAPI, useTranslation } from '@payloadcms/ui'\nimport { $getNodeByKey, $getSelection, $isNodeSelection, $isRangeSelection } from 'lexical'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { RelationshipData } from '../../server/nodes/RelationshipNode.js'\n\nimport './index.css'\nimport { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\n\nconst initialParams = {\n depth: 0,\n}\n\ntype Props = {\n className: string\n data: RelationshipData\n format?: ElementFormatType\n nodeKey?: string\n}\n\nexport const RelationshipComponent: React.FC<Props> = (props) => {\n const {\n className: baseClass,\n data: { relationTo, value },\n nodeKey,\n } = props\n\n if (typeof value === 'object') {\n throw new Error(\n 'Relationship value should be a string or number. The Lexical Relationship component should not receive the populated value object.',\n )\n }\n\n const relationshipElemRef = useRef<HTMLDivElement | null>(null)\n\n const [editor] = useLexicalComposerContext()\n const isEditable = useLexicalEditable()\n const [isSelected, setIsSelected] = useState(false)\n const {\n config: {\n routes: { api },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const [relatedCollection] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n const { i18n, t } = useTranslation()\n const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n const [{ data }, { setParams }] = usePayloadAPI(\n formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value}`, serverURL }),\n { initialParams },\n )\n\n const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\n id: value,\n collectionSlug: relatedCollection.slug,\n })\n\n useEffect(() => {\n return editor.registerUpdateListener(({ editorState }) => {\n editorState.read(() => {\n const selection = $getSelection()\n\n if ($isNodeSelection(selection)) {\n setIsSelected(selection.has(nodeKey!))\n } else if ($isRangeSelection(selection)) {\n const nodes = selection.getNodes()\n setIsSelected(nodes.some((node) => node.getKey() === nodeKey))\n } else {\n setIsSelected(false)\n }\n })\n })\n }, [editor, nodeKey])\n\n useEffect(() => {\n const outerEl = relationshipElemRef.current?.closest(`.${baseClass}`)\n\n if (outerEl) {\n outerEl.classList.toggle(`${baseClass}--selected`, isSelected)\n }\n }, [isSelected, baseClass])\n\n const removeRelationship = useCallback(() => {\n editor.update(() => {\n $getNodeByKey(nodeKey!)?.remove()\n })\n }, [editor, nodeKey])\n\n const updateRelationship = React.useCallback(() => {\n setParams({\n ...initialParams,\n cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n })\n\n closeDocumentDrawer()\n dispatchCacheBust()\n }, [cacheBust, setParams, closeDocumentDrawer])\n\n return (\n <div className={`${baseClass}__contents`} contentEditable={false} ref={relationshipElemRef}>\n <div className={`${baseClass}__wrap`}>\n <p className={`${baseClass}__label`}>\n {t('fields:labelRelationship', {\n label: relatedCollection.labels?.singular\n ? getTranslation(relatedCollection.labels?.singular, i18n)\n : relatedCollection.slug,\n })}\n </p>\n <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n <p className={`${baseClass}__title`}>\n {data ? data[relatedCollection?.admin?.useAsTitle || 'id'] : value}\n </p>\n </DocumentDrawerToggler>\n </div>\n {isEditable && (\n <div className={`${baseClass}__actions`}>\n <Button\n buttonStyle=\"
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["'use client'\nimport type { ElementFormatType } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, useConfig, usePayloadAPI, useTranslation } from '@payloadcms/ui'\nimport { $getNodeByKey, $getSelection, $isNodeSelection, $isRangeSelection } from 'lexical'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { RelationshipData } from '../../server/nodes/RelationshipNode.js'\n\nimport './index.css'\nimport { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\n\nconst initialParams = {\n depth: 0,\n}\n\ntype Props = {\n className: string\n data: RelationshipData\n format?: ElementFormatType\n nodeKey?: string\n}\n\nexport const RelationshipComponent: React.FC<Props> = (props) => {\n const {\n className: baseClass,\n data: { relationTo, value },\n nodeKey,\n } = props\n\n if (typeof value === 'object') {\n throw new Error(\n 'Relationship value should be a string or number. The Lexical Relationship component should not receive the populated value object.',\n )\n }\n\n const relationshipElemRef = useRef<HTMLDivElement | null>(null)\n\n const [editor] = useLexicalComposerContext()\n const isEditable = useLexicalEditable()\n const [isSelected, setIsSelected] = useState(false)\n const {\n config: {\n routes: { api },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const [relatedCollection] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n const { i18n, t } = useTranslation()\n const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n const [{ data }, { setParams }] = usePayloadAPI(\n formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value}`, serverURL }),\n { initialParams },\n )\n\n const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\n id: value,\n collectionSlug: relatedCollection.slug,\n })\n\n useEffect(() => {\n return editor.registerUpdateListener(({ editorState }) => {\n editorState.read(() => {\n const selection = $getSelection()\n\n if ($isNodeSelection(selection)) {\n setIsSelected(selection.has(nodeKey!))\n } else if ($isRangeSelection(selection)) {\n const nodes = selection.getNodes()\n setIsSelected(nodes.some((node) => node.getKey() === nodeKey))\n } else {\n setIsSelected(false)\n }\n })\n })\n }, [editor, nodeKey])\n\n useEffect(() => {\n const outerEl = relationshipElemRef.current?.closest(`.${baseClass}`)\n\n if (outerEl) {\n outerEl.classList.toggle(`${baseClass}--selected`, isSelected)\n }\n }, [isSelected, baseClass])\n\n const removeRelationship = useCallback(() => {\n editor.update(() => {\n $getNodeByKey(nodeKey!)?.remove()\n })\n }, [editor, nodeKey])\n\n const updateRelationship = React.useCallback(() => {\n setParams({\n ...initialParams,\n cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n })\n\n closeDocumentDrawer()\n dispatchCacheBust()\n }, [cacheBust, setParams, closeDocumentDrawer])\n\n return (\n <div className={`${baseClass}__contents`} contentEditable={false} ref={relationshipElemRef}>\n <div className={`${baseClass}__wrap`}>\n <p className={`${baseClass}__label`}>\n {t('fields:labelRelationship', {\n label: relatedCollection.labels?.singular\n ? getTranslation(relatedCollection.labels?.singular, i18n)\n : relatedCollection.slug,\n })}\n </p>\n <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n <p className={`${baseClass}__title`}>\n {data ? data[relatedCollection?.admin?.useAsTitle || 'id'] : value}\n </p>\n </DocumentDrawerToggler>\n </div>\n {isEditable && (\n <div className={`${baseClass}__actions`}>\n <Button\n buttonStyle=\"ghost\"\n className={`${baseClass}__swapButton`}\n disabled={!isEditable}\n el=\"button\"\n icon=\"swap\"\n onClick={() => {\n if (nodeKey) {\n editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {\n replace: { nodeKey },\n })\n }\n }}\n round\n tooltip={t('fields:swapRelationship')}\n />\n <Button\n buttonStyle=\"ghost\"\n className={`${baseClass}__removeButton`}\n disabled={!isEditable}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n removeRelationship()\n }}\n round\n tooltip={t('fields:removeRelationship')}\n />\n </div>\n )}\n\n {!!value && <DocumentDrawer onSave={updateRelationship} />}\n </div>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["useLexicalComposerContext", "useLexicalEditable", "getTranslation", "Button", "useConfig", "usePayloadAPI", "useTranslation", "$getNodeByKey", "$getSelection", "$isNodeSelection", "$isRangeSelection", "formatAdminURL", "React", "useCallback", "useEffect", "useReducer", "useRef", "useState", "initialParams", "INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND", "RelationshipComponent", "props", "baseClass", "className", "data", "relationTo", "nodeKey", "value", "relationshipElemRef", "useRef", "isEditable", "useLexicalComposerContext", "useLexicalEditable", "config", "routes", "serverURL", "getEntityConfig", "useConfig", "useState", "relatedCollection", "collectionSlug", "i18n", "t", "useTranslation", "dispatchCacheBust", "useReducer", "state", "cacheBust", "setParams", "usePayloadAPI", "apiRoute", "api", "path", "closeDocumentDrawer", "DocumentDrawer", "DocumentDrawerToggler", "useLexicalDocumentDrawer", "id", "useEffect", "editor", "editorState", "$getSelection", "$isNodeSelection", "setIsSelected", "selection", "nodes", "$isRangeSelection", "getNodes", "node", "outerEl", "isSelected", "useCallback", "removeRelationship", "React", "updateRelationship", "contentEditable", "ref", "_jsxs", "_jsx", "getTranslation", "Button", "buttonStyle", "disabled", "el", "icon", "onClick", "dispatchCommand", "replace", "round", "e", "tooltip", "onSave"]
|
|
7
7
|
}
|