npm - @payloadcms/richtext-lexical - Versions diffs - 3.0.0-beta.78 → 3.0.0-beta.80 - Mend

@payloadcms/richtext-lexical 3.0.0-beta.78 → 3.0.0-beta.80

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.

Files changed (1182) hide show

package/dist/exports/client/chunk-4EX7W4UX.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createCommand as p}from"lexical";var x=p("INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND");import*as l from"react";import{DecoratorBlockNode as u}from"@lexical/react/LexicalDecoratorBlockNode.js";function c(i){let t=i.getAttribute("data-lexical-relationship-id"),e=i.getAttribute("data-lexical-relationship-relationTo");return t!=null&&e!=null?{node:r({relationTo:e,value:t})}:null}var a=class extends u{__data;constructor({data:t,format:e,key:o}){super(e,o),this.__data=t}static clone(t){return new this({data:t.__data,format:t.__format,key:t.__key})}static getType(){return"relationship"}static importDOM(){return{div:t=>!t.hasAttribute("data-lexical-relationship-relationTo")\|\|!t.hasAttribute("data-lexical-relationship-id")?null:{conversion:c,priority:2}}}static importJSON(t){t.version===1&&t?.value?.id&&(t.value=t.value.id);let e={relationTo:t.relationTo,value:t.value},o=r(e);return o.setFormat(t.format),o}static isInline(){return!1}decorate(t,e){return null}exportDOM(){let t=document.createElement("div");t.setAttribute("data-lexical-relationship-id",String(this.__data?.value)),t.setAttribute("data-lexical-relationship-relationTo",this.__data?.relationTo);let e=document.createTextNode(this.getTextContent());return t.append(e),{element:t}}exportJSON(){return{...super.exportJSON(),...this.getData(),type:"relationship",version:2}}getData(){return this.getLatest().__data}getTextContent(){return`${this.__data?.relationTo} relation to ${this.__data?.value}`}setData(t){let e=this.getWritable();e.__data=t}};function r(i){return new a({data:i})}import{jsx as m}from"react/jsx-runtime";var d=l.lazy(()=>import("./RelationshipComponent-GYUTPDNG.js").then(i=>({default:i.RelationshipComponent})));function h(i){let t=i.getAttribute("data-lexical-relationship-id"),e=i.getAttribute("data-lexical-relationship-relationTo");return t!=null&&e!=null?{node:s({relationTo:e,value:t})}:null}var n=class extends a{static clone(t){return super.clone(t)}static getType(){return super.getType()}static importDOM(){return{div:t=>!t.hasAttribute("data-lexical-relationship-relationTo")\|\|!t.hasAttribute("data-lexical-relationship-id")?null:{conversion:h,priority:2}}}static importJSON(t){t.version===1&&t?.value?.id&&(t.value=t.value.id);let e={relationTo:t.relationTo,value:t.value},o=s(e);return o.setFormat(t.format),o}decorate(t,e){return m(d,{className:e.theme.relationship??"LexicalEditorTheme__relationship",data:this.__data,format:this.__format,nodeKey:this.getKey()})}exportJSON(){return super.exportJSON()}};function s(i){return new n({data:i})}function T(i){return i instanceof n}export{x as a,n as b,s as c,T as d};
2	+ //# sourceMappingURL=chunk-4EX7W4UX.js.map

package/dist/exports/client/chunk-4EX7W4UX.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/relationship/client/drawer/commands.ts", "../../../src/features/relationship/client/nodes/RelationshipNode.tsx", "../../../src/features/relationship/server/nodes/RelationshipNode.tsx"],
+  "sourcesContent": ["import type { LexicalCommand } from 'lexical'\n\nimport { createCommand } from 'lexical'\n\nexport const INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND: LexicalCommand<{\n  replace: { nodeKey: string } | false\n}> = createCommand('INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND')\n", "import type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n} from 'lexical'\nimport type { JSX } from 'react'\n\nimport * as React from 'react'\n\nimport type {\n  RelationshipData,\n  SerializedRelationshipNode,\n} from '../../server/nodes/RelationshipNode.js'\n\nimport { RelationshipServerNode } from '../../server/nodes/RelationshipNode.js'\n\nconst RelationshipComponent = React.lazy(() =>\n  import('../components/RelationshipComponent.js').then((module) => ({\n    default: module.RelationshipComponent,\n  })),\n)\n\nfunction $relationshipElementToNode(domNode: HTMLDivElement): DOMConversionOutput | null {\n  const id = domNode.getAttribute('data-lexical-relationship-id')\n  const relationTo = domNode.getAttribute('data-lexical-relationship-relationTo')\n\n  if (id != null && relationTo != null) {\n    const node = $createRelationshipNode({\n      relationTo,\n      value: id,\n    })\n    return { node }\n  }\n  return null\n}\n\nexport class RelationshipNode extends RelationshipServerNode {\n  static clone(node: RelationshipServerNode): RelationshipServerNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {\n      div: (domNode: HTMLDivElement) => {\n        if (\n          !domNode.hasAttribute('data-lexical-relationship-relationTo') ||\n          !domNode.hasAttribute('data-lexical-relationship-id')\n        ) {\n          return null\n        }\n        return {\n          conversion: $relationshipElementToNode,\n          priority: 2,\n        }\n      },\n    }\n  }\n\n  static importJSON(serializedNode: SerializedRelationshipNode): RelationshipNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n\n    const importedData: RelationshipData = {\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n    const node = $createRelationshipNode(importedData)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return (\n      <RelationshipComponent\n        className={config.theme.relationship ?? 'LexicalEditorTheme__relationship'}\n        data={this.__data}\n        format={this.__format}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  exportJSON(): SerializedRelationshipNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createRelationshipNode(data: RelationshipData): RelationshipNode {\n  return new RelationshipNode({\n    data,\n  })\n}\n\nexport function $isRelationshipNode(\n  node: LexicalNode | RelationshipNode | null | undefined,\n): node is RelationshipNode {\n  return node instanceof RelationshipNode\n}\n", "import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  EditorConfig,\n  ElementFormatType,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  Spread,\n} from 'lexical'\nimport type { CollectionSlug } from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\n\nexport type RelationshipData = {\n  relationTo: CollectionSlug\n  value: number | string\n}\n\nexport type SerializedRelationshipNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'relationship'\n} & Spread<RelationshipData, SerializedDecoratorBlockNode>\n\nfunction $relationshipElementToServerNode(domNode: HTMLDivElement): DOMConversionOutput | null {\n  const id = domNode.getAttribute('data-lexical-relationship-id')\n  const relationTo = domNode.getAttribute('data-lexical-relationship-relationTo')\n\n  if (id != null && relationTo != null) {\n    const node = $createServerRelationshipNode({\n      relationTo,\n      value: id,\n    })\n    return { node }\n  }\n  return null\n}\n\nexport class RelationshipServerNode extends DecoratorBlockNode {\n  __data: RelationshipData\n\n  constructor({\n    data,\n    format,\n    key,\n  }: {\n    data: RelationshipData\n    format?: ElementFormatType\n    key?: NodeKey\n  }) {\n    super(format, key)\n    this.__data = data\n  }\n\n  static clone(node: RelationshipServerNode): RelationshipServerNode {\n    return new this({\n      data: node.__data,\n      format: node.__format,\n      key: node.__key,\n    })\n  }\n\n  static getType(): string {\n    return 'relationship'\n  }\n\n  static importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {\n      div: (domNode: HTMLDivElement) => {\n        if (\n          !domNode.hasAttribute('data-lexical-relationship-relationTo') ||\n          !domNode.hasAttribute('data-lexical-relationship-id')\n        ) {\n          return null\n        }\n        return {\n          conversion: $relationshipElementToServerNode,\n          priority: 2,\n        }\n      },\n    }\n  }\n\n  static importJSON(serializedNode: SerializedRelationshipNode): RelationshipServerNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n\n    const importedData: RelationshipData = {\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n    const node = $createServerRelationshipNode(importedData)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return null\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('div')\n    element.setAttribute('data-lexical-relationship-id', String(this.__data?.value))\n    element.setAttribute('data-lexical-relationship-relationTo', this.__data?.relationTo)\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  exportJSON(): SerializedRelationshipNode {\n    return {\n      ...super.exportJSON(),\n      ...this.getData(),\n      type: 'relationship',\n      version: 2,\n    }\n  }\n\n  getData(): RelationshipData {\n    return this.getLatest().__data\n  }\n\n  getTextContent(): string {\n    return `${this.__data?.relationTo} relation to ${this.__data?.value}`\n  }\n\n  setData(data: RelationshipData): void {\n    const writable = this.getWritable()\n    writable.__data = data\n  }\n}\n\nexport function $createServerRelationshipNode(data: RelationshipData): RelationshipServerNode {\n  return new RelationshipServerNode({\n    data,\n  })\n}\n\nexport function $isServerRelationshipNode(\n  node: LexicalNode | RelationshipServerNode | null | undefined,\n): node is RelationshipServerNode {\n  return node instanceof RelationshipServerNode\n}\n"],
+  "mappings": "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",
+  "names": ["createCommand", "INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND", "React", "DecoratorBlockNode", "$relationshipElementToServerNode", "domNode", "id", "relationTo", "$createServerRelationshipNode", "RelationshipServerNode", "data", "format", "key", "node", "serializedNode", "importedData", "editor", "config", "element", "text", "writable", "jsx", "RelationshipComponent", "module", "$relationshipElementToNode", "domNode", "id", "relationTo", "$createRelationshipNode", "RelationshipNode", "RelationshipServerNode", "node", "serializedNode", "importedData", "editor", "config", "data", "$isRelationshipNode"]
+}

package/dist/exports/client/chunk-E4HH5PS6.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{b as v}from"./chunk-SQHN3N6E.js";import{Drawer as j}from"@payloadcms/ui";import{Form as L,FormSubmit as A,RenderFields as k,useConfig as P,useDocumentInfo as I,useFieldProps as N,useTranslation as $}from"@payloadcms/ui";import{getFormState as C}from"@payloadcms/ui/shared";import{useCallback as J,useEffect as H,useState as B}from"react";import{v4 as K}from"uuid";import{jsx as x,jsxs as W}from"react/jsx-runtime";var h=({data:e,featureKey:t,fieldMapOverride:o,handleDrawerSubmit:a,schemaFieldsPathOverride:r,schemaPathSuffix:n})=>{let{t:s}=$(),{id:i}=I(),{schemaPath:d}=N(),{config:l}=P(),[g,R]=B(!1),{field:{richTextComponentMap:M}}=v(),E=`lexical_internal_feature.${t}.fields${n?`.${n}`:""}`,p=r??`${d}.lexical_internal_feature.${t}${n?`.${n}`:""}`,u=o??M.get(E);H(()=>{(async()=>{let T=await C({apiRoute:l.routes.api,body:{id:i,data:e??{},operation:"update",schemaPath:p},serverURL:l.serverURL});R(T)})()},[l.routes.api,l.serverURL,p,i,e]);let S=J(async({formState:D})=>await C({apiRoute:l.routes.api,body:{id:i,formState:D,operation:"update",schemaPath:p},serverURL:l.serverURL}),[l.routes.api,l.serverURL,p,i]);return g===!1?null:W(L,{beforeSubmit:[S],disableValidationOnSubmit:!0,fields:Array.isArray(u)?u:[],initialState:g,onChange:[S],onSubmit:a,uuid:K(),children:[x(k,{fields:Array.isArray(u)?u:[],forceRender:!0,path:"",readOnly:!1,schemaPath:p}),x(A,{children:s("fields:saveChanges")})]})};import{jsx as U}from"react/jsx-runtime";var yt=({className:e,data:t,drawerSlug:o,drawerTitle:a,featureKey:r,fieldMapOverride:n,handleDrawerSubmit:s,schemaFieldsPathOverride:i,schemaPathSuffix:d})=>U(j,{className:e,slug:o,title:a??"",children:U(h,{data:t,featureKey:r,fieldMapOverride:n,handleDrawerSubmit:s,schemaFieldsPathOverride:i,schemaPathSuffix:d})});import{useAuth as V,useConfig as X,useEntityVisibility as G}from"@payloadcms/ui";importas m from"react";var q=(e,t)=>e.filter(({slug:o,admin:{enableRichTextRelationship:a},upload:r})=>t.visibleEntities.collections.includes(o)?t?.uploads?a&&!!r:r?!1:a:!1),vt=e=>{let{children:t,uploads:o=!1,...a}=e,{config:{collections:r}}=X(),{user:n}=V(),{visibleEntities:s}=G(),[i]=m.useState(()=>q(r,{uploads:o,user:n,visibleEntities:s}).map(({slug:d})=>d));return i.length?m.cloneElement(t,{...a,enabledCollectionSlugs:i}):null};import{createCommand as Q}from"lexical";var ht=Q("INSERT_UPLOAD_WITH_DRAWER_COMMAND");import _ from"bson-objectid";import{$applyNodeReplacement as et}from"lexical";importas w from"react";import{DecoratorBlockNode as Y}from"@lexical/react/LexicalDecoratorBlockNode.js";import O from"bson-objectid";import{$applyNodeReplacement as Z}from"lexical";import{jsx as tt}from"react/jsx-runtime";function y(e){return e.parentElement!=null&&e.parentElement.tagName==="LI"&&e.previousSibling===null&&e.getAttribute("aria-roledescription")==="checkbox"}function z(e){if(e.hasAttribute("data-lexical-upload-relation-to")&&e.hasAttribute("data-lexical-upload-id")){let o=e.getAttribute("data-lexical-upload-id"),a=e.getAttribute("data-lexical-upload-relation-to");if(o!=null&&a!=null)return{node:b({data:{fields:{},relationTo:a,value:o}})}}let t=e;return t.src.startsWith("file:///")\|\|y(t),null}var c=class extends Y{__data;constructor({data:t,format:o,key:a}){super(o,a),this.__data=t}static clone(t){return new this({data:t.__data,format:t.__format,key:t.__key})}static getType(){return"upload"}static importDOM(){return{img:t=>({conversion:z,priority:0})}}static importJSON(t){t.version===1&&t?.value?.id&&(t.value=t.value.id),t.version===2&&!t?.id&&(t.id=new O.default().toHexString(),t.version=3);let o={id:t.id,fields:t.fields,relationTo:t.relationTo,value:t.value},a=b({data:o});return a.setFormat(t.format),a}static isInline(){return!1}decorate(){return tt(RawUploadComponent,{data:this.__data,format:this.__format,nodeKey:this.getKey()})}exportDOM(){let t=document.createElement("img");return t.setAttribute("data-lexical-upload-id",String(this.__data?.value)),t.setAttribute("data-lexical-upload-relation-to",this.__data?.relationTo),{element:t}}exportJSON(){return{...super.exportJSON(),...this.getData(),type:"upload",version:3}}getData(){return this.getLatest().__data}setData(t){let o=this.getWritable();o.__data=t}updateDOM(){return!1}};function b({data:e}){return e?.id\|\|(e.id=new O.default().toHexString()),Z(new c({data:e}))}import{jsx as rt}from"react/jsx-runtime";var at=w.lazy(()=>import("./component-GUWIGB77.js").then(e=>({default:e.UploadComponent})));function ot(e){if(e.hasAttribute("data-lexical-upload-relation-to")&&e.hasAttribute("data-lexical-upload-id")){let o=e.getAttribute("data-lexical-upload-id"),a=e.getAttribute("data-lexical-upload-relation-to");if(o!=null&&a!=null)return{node:F({data:{fields:{},relationTo:a,value:o}})}}let t=e;return t.src.startsWith("file:///")\|\|y(t),null}var f=class extends c{static clone(t){return super.clone(t)}static getType(){return super.getType()}static importDOM(){return{img:t=>({conversion:ot,priority:0})}}static importJSON(t){t.version===1&&t?.value?.id&&(t.value=t.value.id),t.version===2&&!t?.id&&(t.id=new _.default().toHexString(),t.version=3);let o={id:t.id,fields:t.fields,relationTo:t.relationTo,value:t.value},a=F({data:o});return a.setFormat(t.format),a}decorate(){return rt(at,{data:this.__data,nodeKey:this.getKey()})}exportJSON(){return super.exportJSON()}};function F({data:e}){return e?.id\|\|(e.id=new _.default().toHexString()),et(new f({data:e}))}function Tt(e){return e instanceof f}export{yt as a,vt as b,ht as c,f as d,F as e,Tt as f};
2	+ //# sourceMappingURL=chunk-E4HH5PS6.js.map

package/dist/exports/client/chunk-E4HH5PS6.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utilities/fieldsDrawer/Drawer.tsx", "../../../src/utilities/fieldsDrawer/DrawerContent.tsx", "../../../src/features/relationship/client/utils/EnabledRelationshipsCondition.tsx", "../../../src/features/upload/client/drawer/commands.ts", "../../../src/features/upload/client/nodes/UploadNode.tsx", "../../../src/features/upload/server/nodes/UploadNode.tsx"],
+  "sourcesContent": ["'use client'\nimport type { ClientField, Data, FormState, JsonObject } from 'payload'\n\nimport { Drawer } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { DrawerContent } from './DrawerContent.js'\n\nexport type FieldsDrawerProps = {\n  readonly className?: string\n  readonly data?: Data\n  readonly drawerSlug: string\n  readonly drawerTitle?: string\n  readonly featureKey: string\n  readonly fieldMapOverride?: ClientField[]\n  readonly handleDrawerSubmit: (fields: FormState, data: JsonObject) => void\n  readonly schemaFieldsPathOverride?: string\n  readonly schemaPathSuffix?: string\n}\n\n/**\n * This FieldsDrawer component can be used to easily create a Drawer that contains a form with fields within your feature.\n * The fields are taken directly from the schema map based on your `featureKey` and `schemaPathSuffix`. Thus, this can only\n * be used if you provide your field schema inside the `generateSchemaMap` prop of your feature.server.ts.\n */\nexport const FieldsDrawer: React.FC<FieldsDrawerProps> = ({\n  className,\n  data,\n  drawerSlug,\n  drawerTitle,\n  featureKey,\n  fieldMapOverride,\n  handleDrawerSubmit,\n  schemaFieldsPathOverride,\n  schemaPathSuffix,\n}) => {\n  // The Drawer only renders its children (and itself) if it's open. Thus, by extracting the main content\n  // to DrawerContent, this should be faster\n  return (\n    <Drawer className={className} slug={drawerSlug} title={drawerTitle ?? ''}>\n      <DrawerContent\n        data={data}\n        featureKey={featureKey}\n        fieldMapOverride={fieldMapOverride}\n        handleDrawerSubmit={handleDrawerSubmit}\n        schemaFieldsPathOverride={schemaFieldsPathOverride}\n        schemaPathSuffix={schemaPathSuffix}\n      />\n    </Drawer>\n  )\n}\n", "'use client'\nimport type { FormProps } from '@payloadcms/ui'\nimport type { ClientField, FormState } from 'payload'\n\nimport {\n  Form,\n  FormSubmit,\n  RenderFields,\n  useConfig,\n  useDocumentInfo,\n  useFieldProps,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { FieldsDrawerProps } from './Drawer.js'\n\nimport { useEditorConfigContext } from '../../lexical/config/client/EditorConfigProvider.js'\n\nexport const DrawerContent: React.FC<Omit<FieldsDrawerProps, 'drawerSlug' | 'drawerTitle'>> = ({\n  data,\n  featureKey,\n  fieldMapOverride,\n  handleDrawerSubmit,\n  schemaFieldsPathOverride,\n  schemaPathSuffix,\n}) => {\n  const { t } = useTranslation()\n  const { id } = useDocumentInfo()\n  const { schemaPath } = useFieldProps()\n  const { config } = useConfig()\n  const [initialState, setInitialState] = useState<FormState | false>(false)\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n\n  const componentMapRenderedFieldsPath = `lexical_internal_feature.${featureKey}.fields${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`\n  const schemaFieldsPath =\n    schemaFieldsPathOverride ??\n    `${schemaPath}.lexical_internal_feature.${featureKey}${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`\n\n  const fields: any =\n    fieldMapOverride ?? (richTextComponentMap.get(componentMapRenderedFieldsPath) as ClientField[]) // Field Schema\n\n  useEffect(() => {\n    const awaitInitialState = async () => {\n      const state = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          data: data ?? {},\n          operation: 'update',\n          schemaPath: schemaFieldsPath,\n        },\n        serverURL: config.serverURL,\n      }) // Form State\n\n      setInitialState(state)\n    }\n\n    void awaitInitialState()\n  }, [config.routes.api, config.serverURL, schemaFieldsPath, id, data])\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: schemaFieldsPath,\n        },\n        serverURL: config.serverURL,\n      })\n    },\n\n    [config.routes.api, config.serverURL, schemaFieldsPath, id],\n  )\n\n  if (initialState === false) {\n    return null\n  }\n\n  return (\n    <Form\n      beforeSubmit={[onChange]}\n      disableValidationOnSubmit\n      fields={Array.isArray(fields) ? fields : []}\n      initialState={initialState}\n      onChange={[onChange]}\n      onSubmit={handleDrawerSubmit}\n      uuid={uuid()}\n    >\n      <RenderFields\n        fields={Array.isArray(fields) ? fields : []}\n        forceRender\n        path=\"\" // See Blocks feature path for details as for why this is empty\n        readOnly={false}\n        schemaPath={schemaFieldsPath}\n      />\n\n      <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n    </Form>\n  )\n}\n", "import type { ClientCollectionConfig, ClientUser, VisibleEntities } from 'payload'\n\nimport { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype Options = {\n  uploads: boolean\n  user: ClientUser\n  visibleEntities: VisibleEntities\n}\n\ntype FilteredCollectionsT = (\n  collections: ClientCollectionConfig[],\n  options?: Options,\n) => ClientCollectionConfig[]\n\nconst filterRichTextCollections: FilteredCollectionsT = (collections, options) => {\n  return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload }) => {\n    if (!options.visibleEntities.collections.includes(slug)) {\n      return false\n    }\n\n    if (options?.uploads) {\n      return enableRichTextRelationship && Boolean(upload) === true\n    }\n\n    return upload ? false : enableRichTextRelationship\n  })\n}\n\nexport const EnabledRelationshipsCondition: React.FC<any> = (props) => {\n  const { children, uploads = false, ...rest } = props\n  const {\n    config: { collections },\n  } = useConfig()\n  const { user } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n\n  const [enabledCollectionSlugs] = React.useState(() =>\n    filterRichTextCollections(collections, { uploads, user, visibleEntities }).map(\n      ({ slug }) => slug,\n    ),\n  )\n\n  if (!enabledCollectionSlugs.length) {\n    return null\n  }\n\n  return React.cloneElement(children, { ...rest, enabledCollectionSlugs })\n}\n", "'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { createCommand } from 'lexical'\n\nexport const INSERT_UPLOAD_WITH_DRAWER_COMMAND: LexicalCommand<{\n  replace: { nodeKey: string } | false\n}> = createCommand('INSERT_UPLOAD_WITH_DRAWER_COMMAND')\n", "import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type { DOMConversionMap, DOMConversionOutput, LexicalNode, Spread } from 'lexical'\nimport type { JSX } from 'react'\n\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nimport type { UploadData } from '../../server/nodes/UploadNode.js'\n\nimport { UploadServerNode, isGoogleDocCheckboxImg } from '../../server/nodes/UploadNode.js'\n\nconst RawUploadComponent = React.lazy(() =>\n  import('../../client/component/index.js').then((module) => ({ default: module.UploadComponent })),\n)\n\nfunction $convertUploadElement(domNode: HTMLImageElement): DOMConversionOutput | null {\n  if (\n    domNode.hasAttribute('data-lexical-upload-relation-to') &&\n    domNode.hasAttribute('data-lexical-upload-id')\n  ) {\n    const id = domNode.getAttribute('data-lexical-upload-id')\n    const relationTo = domNode.getAttribute('data-lexical-upload-relation-to')\n\n    if (id != null && relationTo != null) {\n      const node = $createUploadNode({\n        data: {\n          fields: {},\n          relationTo,\n          value: id,\n        },\n      })\n      return { node }\n    }\n  }\n  const img = domNode\n  if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {\n    return null\n  }\n  // TODO: Auto-upload functionality here!\n  //}\n  return null\n}\n\nexport type SerializedUploadNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'upload'\n} & Spread<UploadData, SerializedDecoratorBlockNode>\n\nexport class UploadNode extends UploadServerNode {\n  static clone(node: UploadServerNode): UploadServerNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      img: (node: HTMLImageElement) => ({\n        conversion: $convertUploadElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  static importJSON(serializedNode: SerializedUploadNode): UploadNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n    if (serializedNode.version === 2 && !serializedNode?.id) {\n      serializedNode.id = new ObjectID.default().toHexString()\n      serializedNode.version = 3\n    }\n\n    const importedData: UploadData = {\n      id: serializedNode.id,\n      fields: serializedNode.fields,\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n\n    const node = $createUploadNode({ data: importedData })\n    node.setFormat(serializedNode.format)\n\n    return node\n  }\n\n  decorate(): JSX.Element {\n    return <RawUploadComponent data={this.__data} nodeKey={this.getKey()} />\n  }\n\n  exportJSON(): SerializedUploadNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createUploadNode({\n  data,\n}: {\n  data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>\n}): UploadNode {\n  if (!data?.id) {\n    data.id = new ObjectID.default().toHexString()\n  }\n  return $applyNodeReplacement(new UploadNode({ data: data as UploadData }))\n}\n\nexport function $isUploadNode(node: LexicalNode | null | undefined): node is UploadNode {\n  return node instanceof UploadNode\n}\n", "import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  ElementFormatType,\n  LexicalNode,\n  NodeKey,\n  Spread,\n} from 'lexical'\nimport type { CollectionSlug, JsonObject } from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nexport type UploadData = {\n  fields: JsonObject\n  id: string\n  relationTo: CollectionSlug\n  value: number | string\n}\n\nexport function isGoogleDocCheckboxImg(img: HTMLImageElement): boolean {\n  return (\n    img.parentElement != null &&\n    img.parentElement.tagName === 'LI' &&\n    img.previousSibling === null &&\n    img.getAttribute('aria-roledescription') === 'checkbox'\n  )\n}\n\nfunction $convertUploadServerElement(domNode: HTMLImageElement): DOMConversionOutput | null {\n  if (\n    domNode.hasAttribute('data-lexical-upload-relation-to') &&\n    domNode.hasAttribute('data-lexical-upload-id')\n  ) {\n    const id = domNode.getAttribute('data-lexical-upload-id')\n    const relationTo = domNode.getAttribute('data-lexical-upload-relation-to')\n\n    if (id != null && relationTo != null) {\n      const node = $createUploadServerNode({\n        data: {\n          fields: {},\n          relationTo,\n          value: id,\n        },\n      })\n      return { node }\n    }\n  }\n  const img = domNode\n  if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {\n    return null\n  }\n  // TODO: Auto-upload functionality here!\n  //}\n  return null\n}\n\nexport type SerializedUploadNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'upload'\n} & Spread<UploadData, SerializedDecoratorBlockNode>\n\nexport class UploadServerNode extends DecoratorBlockNode {\n  __data: UploadData\n\n  constructor({\n    data,\n    format,\n    key,\n  }: {\n    data: UploadData\n    format?: ElementFormatType\n    key?: NodeKey\n  }) {\n    super(format, key)\n    this.__data = data\n  }\n\n  static clone(node: UploadServerNode): UploadServerNode {\n    return new this({\n      data: node.__data,\n      format: node.__format,\n      key: node.__key,\n    })\n  }\n\n  static getType(): string {\n    return 'upload'\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      img: (node: HTMLImageElement) => ({\n        conversion: $convertUploadServerElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  static importJSON(serializedNode: SerializedUploadNode): UploadServerNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n    if (serializedNode.version === 2 && !serializedNode?.id) {\n      serializedNode.id = new ObjectID.default().toHexString()\n      serializedNode.version = 3\n    }\n\n    const importedData: UploadData = {\n      id: serializedNode.id,\n      fields: serializedNode.fields,\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n\n    const node = $createUploadServerNode({ data: importedData })\n    node.setFormat(serializedNode.format)\n\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  decorate(): JSX.Element {\n    // @ts-expect-error\n    return <RawUploadComponent data={this.__data} format={this.__format} nodeKey={this.getKey()} />\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('img')\n    element.setAttribute('data-lexical-upload-id', String(this.__data?.value))\n    element.setAttribute('data-lexical-upload-relation-to', this.__data?.relationTo)\n\n    return { element }\n  }\n\n  exportJSON(): SerializedUploadNode {\n    return {\n      ...super.exportJSON(),\n      ...this.getData(),\n      type: 'upload',\n      version: 3,\n    }\n  }\n\n  getData(): UploadData {\n    return this.getLatest().__data\n  }\n\n  setData(data: UploadData): void {\n    const writable = this.getWritable()\n    writable.__data = data\n  }\n\n  updateDOM(): false {\n    return false\n  }\n}\n\nexport function $createUploadServerNode({\n  data,\n}: {\n  data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>\n}): UploadServerNode {\n  if (!data?.id) {\n    data.id = new ObjectID.default().toHexString()\n  }\n  return $applyNodeReplacement(new UploadServerNode({ data: data as UploadData }))\n}\n\nexport function $isUploadServerNode(\n  node: LexicalNode | null | undefined,\n): node is UploadServerNode {\n  return node instanceof UploadServerNode\n}\n"],
+  "mappings": "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",
+  "names": ["Drawer", "Form", "FormSubmit", "RenderFields", "useConfig", "useDocumentInfo", "useFieldProps", "useTranslation", "getFormState", "useCallback", "useEffect", "useState", "uuid", "jsx", "jsxs", "DrawerContent", "data", "featureKey", "fieldMapOverride", "handleDrawerSubmit", "schemaFieldsPathOverride", "schemaPathSuffix", "t", "useTranslation", "id", "useDocumentInfo", "schemaPath", "useFieldProps", "config", "useConfig", "initialState", "setInitialState", "useState", "richTextComponentMap", "useEditorConfigContext", "componentMapRenderedFieldsPath", "schemaFieldsPath", "fields", "useEffect", "state", "getFormState", "onChange", "useCallback", "prevFormState", "Form", "uuid", "RenderFields", "FormSubmit", "jsx", "FieldsDrawer", "className", "data", "drawerSlug", "drawerTitle", "featureKey", "fieldMapOverride", "handleDrawerSubmit", "schemaFieldsPathOverride", "schemaPathSuffix", "Drawer", "DrawerContent", "useAuth", "useConfig", "useEntityVisibility", "React", "filterRichTextCollections", "collections", "options", "slug", "enableRichTextRelationship", "upload", "EnabledRelationshipsCondition", "props", "children", "uploads", "rest", "user", "visibleEntities", "enabledCollectionSlugs", "createCommand", "INSERT_UPLOAD_WITH_DRAWER_COMMAND", "ObjectID", "$applyNodeReplacement", "React", "DecoratorBlockNode", "ObjectID", "$applyNodeReplacement", "jsx", "isGoogleDocCheckboxImg", "img", "$convertUploadServerElement", "domNode", "id", "relationTo", "$createUploadServerNode", "UploadServerNode", "data", "format", "key", "node", "serializedNode", "importedData", "element", "writable", "jsx", "RawUploadComponent", "module", "$convertUploadElement", "domNode", "id", "relationTo", "$createUploadNode", "img", "isGoogleDocCheckboxImg", "UploadNode", "UploadServerNode", "node", "serializedNode", "ObjectID", "importedData", "data", "$applyNodeReplacement", "$isUploadNode"]
+}

package/dist/exports/client/chunk-LTR7V74A.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createCommand as r}from"lexical";var B=r("INSERT_BLOCK_COMMAND"),f=r("INSERT_INLINE_BLOCK_COMMAND"),x=r("OPEN_INLINE_BLOCK_DRAWER_COMMAND");import p from"bson-objectid";import N from"react";import d from"bson-objectid";import{DecoratorNode as c}from"lexical";import{deepCopyObjectSimple as s}from"payload/shared";var i=class extends c{__fields;constructor({fields:e,key:t}){super(t),this.__fields=e}static clone(e){return new this({fields:e.__fields,key:e.__key})}static getType(){return"inlineBlock"}static importDOM(){return{}}static importJSON(e){return a(e.fields)}static isInline(){return!1}canIndent(){return!0}createDOM(){let e=document.createElement("span");return e.classList.add("inline-block-container"),e}decorate(e,t){return null}exportDOM(){let e=document.createElement("span");e.classList.add("inline-block-container");let t=document.createTextNode(this.getTextContent());return e.append(t),{element:e}}exportJSON(){return{type:"inlineBlock",fields:this.getFields(),version:1}}getFields(){return this.getLatest().__fields}getTextContent(){return"Block Field"}isInline(){return!0}setFields(e){let t=s(e),l=this.getWritable();l.__fields=t}updateDOM(){return!1}};function a(n){return new i({fields:{...n,id:n?.id\|\|new d.default().toHexString()}})}import{jsx as k}from"react/jsx-runtime";var m=N.lazy(()=>import("./componentInline-C2XIK5VZ.js").then(n=>({default:n.InlineBlockComponent}))),o=class extends i{static clone(e){return super.clone(e)}static getType(){return super.getType()}static importJSON(e){return I(e.fields)}decorate(e,t){return k(m,{formData:this.getFields(),nodeKey:this.getKey()})}exportJSON(){return super.exportJSON()}};function I(n){return new o({fields:{...n,id:n?.id\|\|new p.default().toHexString()}})}function v(n){return n instanceof o}export{B as a,f as b,x as c,o as d,I as e,v as f};
2	+ //# sourceMappingURL=chunk-LTR7V74A.js.map

package/dist/exports/client/chunk-LTR7V74A.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/blocks/client/plugin/commands.ts", "../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx", "../../../src/features/blocks/server/nodes/InlineBlocksNode.tsx"],
+  "sourcesContent": ["import type { LexicalCommand } from 'lexical'\n\nimport { createCommand } from 'lexical'\n\nimport type { InsertBlockPayload } from './index.js'\n\nexport const INSERT_BLOCK_COMMAND: LexicalCommand<InsertBlockPayload> =\n  createCommand('INSERT_BLOCK_COMMAND')\n\nexport const INSERT_INLINE_BLOCK_COMMAND: LexicalCommand<Partial<InsertBlockPayload>> =\n  createCommand('INSERT_INLINE_BLOCK_COMMAND')\n\nexport const OPEN_INLINE_BLOCK_DRAWER_COMMAND: LexicalCommand<{\n  fields: Partial<InsertBlockPayload>\n  nodeKey?: string\n}> = createCommand('OPEN_INLINE_BLOCK_DRAWER_COMMAND')\n", "import type {\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n  SerializedLexicalNode,\n  Spread,\n} from 'lexical'\n\nimport ObjectID from 'bson-objectid'\nimport React, { type JSX } from 'react'\n\nimport type { SerializedServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nimport { ServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nexport type InlineBlockFields = {\n  /** Block form data */\n  [key: string]: any\n  //blockName: string\n  blockType: string\n  id: string\n}\n\nconst InlineBlockComponent = React.lazy(() =>\n  import('../componentInline/index.js').then((module) => ({\n    default: module.InlineBlockComponent,\n  })),\n)\n\nexport type SerializedInlineBlockNode = Spread<\n  {\n    children?: never // required so that our typed editor state doesn't automatically add children\n    fields: InlineBlockFields\n    type: 'inlineBlock'\n  },\n  SerializedLexicalNode\n>\n\nexport class InlineBlockNode extends ServerInlineBlockNode {\n  static clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importJSON(serializedNode: SerializedInlineBlockNode): InlineBlockNode {\n    const node = $createInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return <InlineBlockComponent formData={this.getFields()} nodeKey={this.getKey()} />\n  }\n\n  exportJSON(): SerializedServerInlineBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createInlineBlockNode(fields: Exclude<InlineBlockFields, 'id'>): InlineBlockNode {\n  return new InlineBlockNode({\n    fields: {\n      ...fields,\n      id: fields?.id || new ObjectID.default().toHexString(),\n    },\n  })\n}\n\nexport function $isInlineBlockNode(\n  node: InlineBlockNode | LexicalNode | null | undefined,\n): node is InlineBlockNode {\n  return node instanceof InlineBlockNode\n}\n", "import type {\n  DOMConversionMap,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  SerializedLexicalNode,\n  Spread,\n} from 'lexical'\nimport type React from 'react'\nimport type { JSX } from 'react'\n\nimport ObjectID from 'bson-objectid'\nimport { DecoratorNode } from 'lexical'\nimport { deepCopyObjectSimple } from 'payload/shared'\n\nexport type InlineBlockFields = {\n  /** Block form data */\n  [key: string]: any\n  //blockName: string\n  blockType: string\n  id: string\n}\n\nexport type SerializedServerInlineBlockNode = Spread<\n  {\n    children?: never // required so that our typed editor state doesn't automatically add children\n    fields: InlineBlockFields\n    type: 'inlineBlock'\n  },\n  SerializedLexicalNode\n>\n\nexport class ServerInlineBlockNode extends DecoratorNode<React.ReactElement> {\n  __fields: InlineBlockFields\n\n  constructor({ fields, key }: { fields: InlineBlockFields; key?: NodeKey }) {\n    super(key)\n    this.__fields = fields\n  }\n\n  static clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return new this({\n      fields: node.__fields,\n      key: node.__key,\n    })\n  }\n\n  static getType(): string {\n    return 'inlineBlock'\n  }\n\n  static importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {}\n  }\n\n  static importJSON(serializedNode: SerializedServerInlineBlockNode): ServerInlineBlockNode {\n    const node = $createServerInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  canIndent() {\n    return true\n  }\n  createDOM() {\n    const element = document.createElement('span')\n    element.classList.add('inline-block-container')\n\n    return element\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return null\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('span')\n    element.classList.add('inline-block-container')\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  exportJSON(): SerializedServerInlineBlockNode {\n    return {\n      type: 'inlineBlock',\n      fields: this.getFields(),\n      version: 1,\n    }\n  }\n\n  getFields(): InlineBlockFields {\n    return this.getLatest().__fields\n  }\n\n  getTextContent(): string {\n    return `Block Field`\n  }\n\n  isInline() {\n    return true\n  }\n\n  setFields(fields: InlineBlockFields): void {\n    const fieldsCopy = deepCopyObjectSimple(fields)\n\n    const writable = this.getWritable()\n    writable.__fields = fieldsCopy\n  }\n\n  updateDOM(): boolean {\n    return false\n  }\n}\n\nexport function $createServerInlineBlockNode(\n  fields: Exclude<InlineBlockFields, 'id'>,\n): ServerInlineBlockNode {\n  return new ServerInlineBlockNode({\n    fields: {\n      ...fields,\n      id: fields?.id || new ObjectID.default().toHexString(),\n    },\n  })\n}\n\nexport function $isServerInlineBlockNode(\n  node: LexicalNode | ServerInlineBlockNode | null | undefined,\n): node is ServerInlineBlockNode {\n  return node instanceof ServerInlineBlockNode\n}\n"],
+  "mappings": "AAEA,OAAS,iBAAAA,MAAqB,UAIvB,IAAMC,EACXD,EAAc,sBAAsB,EAEzBE,EACXF,EAAc,6BAA6B,EAEhCG,EAGRH,EAAc,kCAAkC,ECPrD,OAAOI,MAAc,gBACrB,OAAOC,MAAyB,QCIhC,OAAOC,MAAc,gBACrB,OAAS,iBAAAC,MAAqB,UAC9B,OAAS,wBAAAC,MAA4B,iBAmB9B,IAAMC,EAAN,cAAoCF,CAAkC,CAC3E,SAEA,YAAY,CAAE,OAAAG,EAAQ,IAAAC,CAAI,EAAiD,CACzE,MAAMA,CAAG,EACT,KAAK,SAAWD,CAClB,CAEA,OAAO,MAAME,EAAoD,CAC/D,OAAO,IAAI,KAAK,CACd,OAAQA,EAAK,SACb,IAAKA,EAAK,KACZ,CAAC,CACH,CAEA,OAAO,SAAkB,CACvB,MAAO,aACT,CAEA,OAAO,WAAqD,CAC1D,MAAO,CAAC,CACV,CAEA,OAAO,WAAWC,EAAwE,CAExF,OADaC,EAA6BD,EAAe,MAAM,CAEjE,CAEA,OAAO,UAAkB,CACvB,MAAO,EACT,CAEA,WAAY,CACV,MAAO,EACT,CACA,WAAY,CACV,IAAME,EAAU,SAAS,cAAc,MAAM,EAC7C,OAAAA,EAAQ,UAAU,IAAI,wBAAwB,EAEvCA,CACT,CAEA,SAASC,EAAuBC,EAAmC,CACjE,OAAO,IACT,CAEA,WAA6B,CAC3B,IAAMF,EAAU,SAAS,cAAc,MAAM,EAC7CA,EAAQ,UAAU,IAAI,wBAAwB,EAE9C,IAAMG,EAAO,SAAS,eAAe,KAAK,eAAe,CAAC,EAC1D,OAAAH,EAAQ,OAAOG,CAAI,EACZ,CAAE,QAAAH,CAAQ,CACnB,CAEA,YAA8C,CAC5C,MAAO,CACL,KAAM,cACN,OAAQ,KAAK,UAAU,EACvB,QAAS,CACX,CACF,CAEA,WAA+B,CAC7B,OAAO,KAAK,UAAU,EAAE,QAC1B,CAEA,gBAAyB,CACvB,MAAO,aACT,CAEA,UAAW,CACT,MAAO,EACT,CAEA,UAAUL,EAAiC,CACzC,IAAMS,EAAaX,EAAqBE,CAAM,EAExCU,EAAW,KAAK,YAAY,EAClCA,EAAS,SAAWD,CACtB,CAEA,WAAqB,CACnB,MAAO,EACT,CACF,EAEO,SAASL,EACdJ,EACuB,CACvB,OAAO,IAAID,EAAsB,CAC/B,OAAQ,CACN,GAAGC,EACH,GAAIA,GAAQ,IAAM,IAAIJ,EAAS,QAAQ,EAAE,YAAY,CACvD,CACF,CAAC,CACH,CD7EW,cAAAe,MAAA,oBA9BX,IAAMC,EAAuBC,EAAM,KAAK,IACtC,OAAO,+BAA6B,EAAE,KAAMC,IAAY,CACtD,QAASA,EAAO,oBAClB,EAAE,CACJ,EAWaC,EAAN,cAA8BC,CAAsB,CACzD,OAAO,MAAMC,EAAoD,CAC/D,OAAO,MAAM,MAAMA,CAAI,CACzB,CAEA,OAAO,SAAkB,CACvB,OAAO,MAAM,QAAQ,CACvB,CAEA,OAAO,WAAWC,EAA4D,CAE5E,OADaC,EAAuBD,EAAe,MAAM,CAE3D,CAEA,SAASE,EAAuBC,EAAmC,CACjE,OAAOV,EAACC,EAAA,CAAqB,SAAU,KAAK,UAAU,EAAG,QAAS,KAAK,OAAO,EAAG,CACnF,CAEA,YAA8C,CAC5C,OAAO,MAAM,WAAW,CAC1B,CACF,EAEO,SAASO,EAAuBG,EAA2D,CAChG,OAAO,IAAIP,EAAgB,CACzB,OAAQ,CACN,GAAGO,EACH,GAAIA,GAAQ,IAAM,IAAIC,EAAS,QAAQ,EAAE,YAAY,CACvD,CACF,CAAC,CACH,CAEO,SAASC,EACdP,EACyB,CACzB,OAAOA,aAAgBF,CACzB",
+  "names": ["createCommand", "INSERT_BLOCK_COMMAND", "INSERT_INLINE_BLOCK_COMMAND", "OPEN_INLINE_BLOCK_DRAWER_COMMAND", "ObjectID", "React", "ObjectID", "DecoratorNode", "deepCopyObjectSimple", "ServerInlineBlockNode", "fields", "key", "node", "serializedNode", "$createServerInlineBlockNode", "element", "editor", "config", "text", "fieldsCopy", "writable", "jsx", "InlineBlockComponent", "React", "module", "InlineBlockNode", "ServerInlineBlockNode", "node", "serializedNode", "$createInlineBlockNode", "editor", "config", "fields", "ObjectID", "$isInlineBlockNode"]
+}

package/dist/exports/client/chunk-SQHN3N6E.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useLexicalComposerContext as y}from"@lexical/react/LexicalComposerContext.js";import{createContext as T,useContext as m,useMemo as h,useRef as a,useState as p}from"react";import{jsx as M}from"react/jsx-runtime";function R(){return Math.random().toString(36).substring(2,12)+Math.random().toString(36).substring(2,12)}var E=T({editorConfig:null,field:null,uuid:null}),L=({children:i,editorConfig:c,editorContainerRef:s,field:u,parentContext:r})=>{let[C]=y(),[f]=p(R()),e=a(new Map),[l,g]=p(null),n=a(new Set),x=h(()=>({blurEditor:t=>{n.current.clear()},childrenEditors:e,editor:C,editorConfig:c,editorContainerRef:s,field:u,focusEditor:t=>{let o=t.uuid;n.current.has(o)\|\|(n.current.add(o),g(t),r?.uuid&&r.focusEditor(t),e.current.forEach((d,v)=>{d.focusEditor(t)}),n.current.clear())},focusedEditor:l,parentEditor:r,registerChild:(t,o)=>{if(!e.current.has(t)){let d=new Map(e.current);d.set(t,o),e.current=d}},unregisterChild:t=>{if(e.current.has(t)){let o=new Map(e.current);o.delete(t),e.current=o}},uuid:f}),[C,e,c,s,u,l,r,f]);return M(E.Provider,{value:x,children:i})},S=()=>{let i=m(E);if(i===void 0)throw new Error("useEditorConfigContext must be used within an EditorConfigProvider");return i};export{L as a,S as b};
2	+ //# sourceMappingURL=chunk-SQHN3N6E.js.map

package/dist/exports/client/chunk-SQHN3N6E.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lexical/config/client/EditorConfigProvider.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type { LexicalEditor } from 'lexical'\nimport type { RichTextFieldClient } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport * as React from 'react'\nimport { createContext, useContext, useMemo, useRef, useState } from 'react'\n\nimport type { LexicalRichTextFieldProps } from '../../../types.js'\nimport type { SanitizedClientEditorConfig } from '../types.js'\n\n// Should always produce a 20 character pseudo-random string\nfunction generateQuickGuid(): string {\n  return Math.random().toString(36).substring(2, 12) + Math.random().toString(36).substring(2, 12)\n}\n\nexport interface EditorConfigContextType {\n  // Editor focus handling\n  blurEditor: (editorContext: EditorConfigContextType) => void\n  childrenEditors: React.RefObject<Map<string, EditorConfigContextType>>\n  editor: LexicalEditor\n  editorConfig: SanitizedClientEditorConfig\n  editorContainerRef: React.RefObject<HTMLDivElement>\n  field: LexicalRichTextFieldProps['field']\n  // Editor focus handling\n  focusEditor: (editorContext: EditorConfigContextType) => void\n  focusedEditor: EditorConfigContextType | null\n  parentEditor: EditorConfigContextType\n  registerChild: (uuid: string, editorContext: EditorConfigContextType) => void\n  unregisterChild?: (uuid: string) => void\n  uuid: string\n}\n\nconst Context: React.Context<EditorConfigContextType> = createContext({\n  editorConfig: null,\n  field: null,\n  uuid: null,\n})\n\nexport const EditorConfigProvider = ({\n  children,\n  editorConfig,\n  editorContainerRef,\n  field,\n  parentContext,\n}: {\n  children: React.ReactNode\n  editorConfig: SanitizedClientEditorConfig\n  editorContainerRef: React.RefObject<HTMLDivElement>\n  field: LexicalRichTextFieldProps['field']\n  parentContext?: EditorConfigContextType\n}): React.ReactNode => {\n  const [editor] = useLexicalComposerContext()\n  // State to store the UUID\n  const [uuid] = useState(generateQuickGuid())\n\n  const childrenEditors = useRef<Map<string, EditorConfigContextType>>(new Map())\n  const [focusedEditor, setFocusedEditor] = useState<EditorConfigContextType | null>(null)\n  const focusHistory = useRef<Set<string>>(new Set())\n\n  const editorContext = useMemo(\n    () =>\n      ({\n        blurEditor: (editorContext: EditorConfigContextType) => {\n          //setFocusedEditor(null) // Clear focused editor\n          focusHistory.current.clear() // Reset focus history when focus is lost\n        },\n        childrenEditors,\n        editor,\n        editorConfig,\n        editorContainerRef,\n        field,\n        focusEditor: (editorContext: EditorConfigContextType) => {\n          const editorUUID = editorContext.uuid\n\n          // Avoid recursion by checking if this editor is already focused in this cycle\n          if (focusHistory.current.has(editorUUID)) {\n            return\n          }\n\n          // Add this editor to the history to prevent future recursions in this cycle\n          focusHistory.current.add(editorUUID)\n          setFocusedEditor(editorContext)\n\n          // Propagate focus event to parent and children, ensuring they do not refocus this editor\n          if (parentContext?.uuid) {\n            parentContext.focusEditor(editorContext)\n          }\n          childrenEditors.current.forEach((childEditor, childUUID) => {\n            childEditor.focusEditor(editorContext)\n          })\n\n          focusHistory.current.clear()\n        },\n        focusedEditor,\n        parentEditor: parentContext,\n        registerChild: (childUUID, childEditorContext) => {\n          if (!childrenEditors.current.has(childUUID)) {\n            const newMap = new Map(childrenEditors.current)\n            newMap.set(childUUID, childEditorContext)\n            childrenEditors.current = newMap\n          }\n        },\n        unregisterChild: (childUUID) => {\n          if (childrenEditors.current.has(childUUID)) {\n            const newMap = new Map(childrenEditors.current)\n            newMap.delete(childUUID)\n            childrenEditors.current = newMap\n          }\n        },\n\n        uuid,\n      }) as EditorConfigContextType,\n    [\n      editor,\n      childrenEditors,\n      editorConfig,\n      editorContainerRef,\n      field,\n      focusedEditor,\n      parentContext,\n      uuid,\n    ],\n  )\n\n  return <Context.Provider value={editorContext}>{children}</Context.Provider>\n}\n\nexport const useEditorConfigContext = (): EditorConfigContextType => {\n  const context = useContext(Context)\n  if (context === undefined) {\n    throw new Error('useEditorConfigContext must be used within an EditorConfigProvider')\n  }\n  return context\n}\n"],
+  "mappings": "AAKA,OAAS,6BAAAA,MAAiC,2CAE1C,OAAS,iBAAAC,EAAe,cAAAC,EAAY,WAAAC,EAAS,UAAAC,EAAQ,YAAAC,MAAgB,QAuH5D,cAAAC,MAAA,oBAjHT,SAASC,GAA4B,CACnC,OAAO,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CACjG,CAmBA,IAAMC,EAAkDP,EAAc,CACpE,aAAc,KACd,MAAO,KACP,KAAM,IACR,CAAC,EAEYQ,EAAuB,CAAC,CACnC,SAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,MAAAC,EACA,cAAAC,CACF,IAMuB,CACrB,GAAM,CAACC,CAAM,EAAIf,EAA0B,EAErC,CAACgB,CAAI,EAAIX,EAASE,EAAkB,CAAC,EAErCU,EAAkBb,EAA6C,IAAI,GAAK,EACxE,CAACc,EAAeC,CAAgB,EAAId,EAAyC,IAAI,EACjFe,EAAehB,EAAoB,IAAI,GAAK,EAE5CiB,EAAgBlB,EACpB,KACG,CACC,WAAakB,GAA2C,CAEtDD,EAAa,QAAQ,MAAM,CAC7B,EACA,gBAAAH,EACA,OAAAF,EACA,aAAAJ,EACA,mBAAAC,EACA,MAAAC,EACA,YAAcQ,GAA2C,CACvD,IAAMC,EAAaD,EAAc,KAG7BD,EAAa,QAAQ,IAAIE,CAAU,IAKvCF,EAAa,QAAQ,IAAIE,CAAU,EACnCH,EAAiBE,CAAa,EAG1BP,GAAe,MACjBA,EAAc,YAAYO,CAAa,EAEzCJ,EAAgB,QAAQ,QAAQ,CAACM,EAAaC,IAAc,CAC1DD,EAAY,YAAYF,CAAa,CACvC,CAAC,EAEDD,EAAa,QAAQ,MAAM,EAC7B,EACA,cAAAF,EACA,aAAcJ,EACd,cAAe,CAACU,EAAWC,IAAuB,CAChD,GAAI,CAACR,EAAgB,QAAQ,IAAIO,CAAS,EAAG,CAC3C,IAAME,EAAS,IAAI,IAAIT,EAAgB,OAAO,EAC9CS,EAAO,IAAIF,EAAWC,CAAkB,EACxCR,EAAgB,QAAUS,CAC5B,CACF,EACA,gBAAkBF,GAAc,CAC9B,GAAIP,EAAgB,QAAQ,IAAIO,CAAS,EAAG,CAC1C,IAAME,EAAS,IAAI,IAAIT,EAAgB,OAAO,EAC9CS,EAAO,OAAOF,CAAS,EACvBP,EAAgB,QAAUS,CAC5B,CACF,EAEA,KAAAV,CACF,GACF,CACED,EACAE,EACAN,EACAC,EACAC,EACAK,EACAJ,EACAE,CACF,CACF,EAEA,OAAOV,EAACE,EAAQ,SAAR,CAAiB,MAAOa,EAAgB,SAAAX,EAAS,CAC3D,EAEaiB,EAAyB,IAA+B,CACnE,IAAMC,EAAU1B,EAAWM,CAAO,EAClC,GAAIoB,IAAY,OACd,MAAM,IAAI,MAAM,oEAAoE,EAEtF,OAAOA,CACT",
+  "names": ["useLexicalComposerContext", "createContext", "useContext", "useMemo", "useRef", "useState", "jsx", "generateQuickGuid", "Context", "EditorConfigProvider", "children", "editorConfig", "editorContainerRef", "field", "parentContext", "editor", "uuid", "childrenEditors", "focusedEditor", "setFocusedEditor", "focusHistory", "editorContext", "editorUUID", "childEditor", "childUUID", "childEditorContext", "newMap", "useEditorConfigContext", "context"]
+}

package/dist/exports/client/chunk-VMCQSR3T.js ADDED Viewed

@@ -0,0 +1,3 @@
+import{$applyNodeReplacement as s}from"lexical";import*as l from"react";import{addClassNamesToElement as a}from"@lexical/utils";import{$applyNodeReplacement as u,DecoratorNode as d,createCommand as c}from"lexical";var O=c("INSERT_HORIZONTAL_RULE_COMMAND"),r=class extends d{static clone(e){return new this(e.__key)}static getType(){return"horizontalrule"}static importDOM(){return{hr:()=>({conversion:p,priority:0})}}static importJSON(e){return i()}createDOM(e){let n=document.createElement("hr");return a(n,e.theme.hr),n}decorate(){return null}exportDOM(){return{element:document.createElement("hr")}}exportJSON(){return{type:"horizontalrule",version:1}}getTextContent(){return`
+`}isInline(){return!1}updateDOM(){return!1}};function p(){return{node:i()}}function i(){return u(new r)}import{jsx as z}from"react/jsx-runtime";var m=l.lazy(()=>import("./component-UQ2BKD5X.js").then(o=>({default:o.HorizontalRuleComponent}))),t=class extends r{static clone(e){return super.clone(e)}static getType(){return super.getType()}static importJSON(e){return N()}decorate(){return z(m,{nodeKey:this.__key})}exportJSON(){return super.exportJSON()}};function N(){return s(new t)}function v(o){return o instanceof t}export{O as a,t as b,N as c,v as d};
+//# sourceMappingURL=chunk-VMCQSR3T.js.map

package/dist/exports/client/chunk-VMCQSR3T.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/horizontalRule/client/nodes/HorizontalRuleNode.tsx", "../../../src/features/horizontalRule/server/nodes/HorizontalRuleNode.tsx"],
+  "sourcesContent": ["import type { DOMConversionOutput, LexicalNode, SerializedLexicalNode } from 'lexical'\n\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nimport type { SerializedHorizontalRuleNode } from '../../server/nodes/HorizontalRuleNode.js'\n\nimport { HorizontalRuleServerNode } from '../../server/nodes/HorizontalRuleNode.js'\n\nconst HorizontalRuleComponent = React.lazy(() =>\n  import('../../client/component/index.js').then((module) => ({\n    default: module.HorizontalRuleComponent,\n  })),\n)\n\nexport class HorizontalRuleNode extends HorizontalRuleServerNode {\n  static clone(node: HorizontalRuleServerNode): HorizontalRuleServerNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  /**\n   * The data for this node is stored serialized as JSON. This is the \"load function\" of that node: it takes the saved data and converts it into a node.\n   */\n  static importJSON(serializedNode: SerializedHorizontalRuleNode): HorizontalRuleNode {\n    return $createHorizontalRuleNode()\n  }\n\n  /**\n   * Allows you to render a React component within whatever createDOM returns.\n   */\n  decorate(): React.ReactElement {\n    return <HorizontalRuleComponent nodeKey={this.__key} />\n  }\n\n  exportJSON(): SerializedLexicalNode {\n    return super.exportJSON()\n  }\n}\n\nfunction $convertHorizontalRuleElement(): DOMConversionOutput {\n  return { node: $createHorizontalRuleNode() }\n}\n\nexport function $createHorizontalRuleNode(): HorizontalRuleNode {\n  return $applyNodeReplacement(new HorizontalRuleNode())\n}\n\nexport function $isHorizontalRuleNode(\n  node: LexicalNode | null | undefined,\n): node is HorizontalRuleNode {\n  return node instanceof HorizontalRuleNode\n}\n", "import type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalCommand,\n  LexicalNode,\n  SerializedLexicalNode,\n  Spread,\n} from 'lexical'\nimport type * as React from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport { $applyNodeReplacement, DecoratorNode, createCommand } from 'lexical'\n\n/**\n * Serialized representation of a horizontal rule node. Serialized = converted to JSON. This is what is stored in the database / in the lexical editor state.\n */\nexport type SerializedHorizontalRuleNode = Spread<\n  {\n    children?: never // required so that our typed editor state doesn't automatically add children\n    type: 'horizontalrule'\n  },\n  SerializedLexicalNode\n>\n\nexport const INSERT_HORIZONTAL_RULE_COMMAND: LexicalCommand<void> = createCommand(\n  'INSERT_HORIZONTAL_RULE_COMMAND',\n)\n\n/**\n * This node is a DecoratorNode. DecoratorNodes allow you to render React components in the editor.\n *\n * They need both createDom and decorate functions. createDom => outside of the html. decorate => React Component inside of the html.\n *\n * If we used DecoratorBlockNode instead, we would only need a decorate method\n */\nexport class HorizontalRuleServerNode extends DecoratorNode<React.ReactElement> {\n  static clone(node: HorizontalRuleServerNode): HorizontalRuleServerNode {\n    return new this(node.__key)\n  }\n\n  static getType(): string {\n    return 'horizontalrule'\n  }\n\n  /**\n   * Defines what happens if you copy an hr element from another page and paste it into the lexical editor\n   *\n   * This also determines the behavior of lexical's internal HTML -> Lexical converter\n   */\n  static importDOM(): DOMConversionMap | null {\n    return {\n      hr: () => ({\n        conversion: $convertHorizontalRuleElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  /**\n   * The data for this node is stored serialized as JSON. This is the \"load function\" of that node: it takes the saved data and converts it into a node.\n   */\n  static importJSON(serializedNode: SerializedHorizontalRuleNode): HorizontalRuleServerNode {\n    return $createHorizontalRuleServerNode()\n  }\n\n  /**\n   * Determines how the hr element is rendered in the lexical editor. This is only the \"initial\" / \"outer\" HTML element.\n   */\n  createDOM(config: EditorConfig): HTMLElement {\n    const element = document.createElement('hr')\n    addClassNamesToElement(element, config.theme.hr)\n    return element\n  }\n\n  decorate() {\n    return null\n  }\n\n  /**\n   * Opposite of importDOM, this function defines what happens when you copy an hr element from the lexical editor and paste it into another page.\n   *\n   * This also determines the behavior of lexical's internal Lexical -> HTML converter\n   */\n  exportDOM(): DOMExportOutput {\n    return { element: document.createElement('hr') }\n  }\n  /**\n   * Opposite of importJSON. This determines what data is saved in the database / in the lexical editor state.\n   */\n  exportJSON(): SerializedLexicalNode {\n    return {\n      type: 'horizontalrule',\n      version: 1,\n    }\n  }\n\n  getTextContent(): string {\n    return '\\n'\n  }\n\n  isInline(): false {\n    return false\n  }\n\n  updateDOM(): boolean {\n    return false\n  }\n}\n\nfunction $convertHorizontalRuleElement(): DOMConversionOutput {\n  return { node: $createHorizontalRuleServerNode() }\n}\n\nexport function $createHorizontalRuleServerNode(): HorizontalRuleServerNode {\n  return $applyNodeReplacement(new HorizontalRuleServerNode())\n}\n\nexport function $isHorizontalRuleServerNode(\n  node: LexicalNode | null | undefined,\n): node is HorizontalRuleServerNode {\n  return node instanceof HorizontalRuleServerNode\n}\n"],
+  "mappings": "AAEA,OAAS,yBAAAA,MAA6B,UACtC,UAAYC,MAAW,QCSvB,OAAS,0BAAAC,MAA8B,iBACvC,OAAS,yBAAAC,EAAuB,iBAAAC,EAAe,iBAAAC,MAAqB,UAa7D,IAAMC,EAAuDD,EAClE,gCACF,EASaE,EAAN,cAAuCH,CAAkC,CAC9E,OAAO,MAAMI,EAA0D,CACrE,OAAO,IAAI,KAAKA,EAAK,KAAK,CAC5B,CAEA,OAAO,SAAkB,CACvB,MAAO,gBACT,CAOA,OAAO,WAAqC,CAC1C,MAAO,CACL,GAAI,KAAO,CACT,WAAYC,EACZ,SAAU,CACZ,EACF,CACF,CAKA,OAAO,WAAWC,EAAwE,CACxF,OAAOC,EAAgC,CACzC,CAKA,UAAUC,EAAmC,CAC3C,IAAMC,EAAU,SAAS,cAAc,IAAI,EAC3C,OAAAX,EAAuBW,EAASD,EAAO,MAAM,EAAE,EACxCC,CACT,CAEA,UAAW,CACT,OAAO,IACT,CAOA,WAA6B,CAC3B,MAAO,CAAE,QAAS,SAAS,cAAc,IAAI,CAAE,CACjD,CAIA,YAAoC,CAClC,MAAO,CACL,KAAM,iBACN,QAAS,CACX,CACF,CAEA,gBAAyB,CACvB,MAAO;AAAA,CACT,CAEA,UAAkB,CAChB,MAAO,EACT,CAEA,WAAqB,CACnB,MAAO,EACT,CACF,EAEA,SAASJ,GAAqD,CAC5D,MAAO,CAAE,KAAME,EAAgC,CAAE,CACnD,CAEO,SAASA,GAA4D,CAC1E,OAAOR,EAAsB,IAAII,CAA0B,CAC7D,CDlFW,cAAAO,MAAA,oBA1BX,IAAMC,EAAgC,OAAK,IACzC,OAAO,yBAAiC,EAAE,KAAMC,IAAY,CAC1D,QAASA,EAAO,uBAClB,EAAE,CACJ,EAEaC,EAAN,cAAiCC,CAAyB,CAC/D,OAAO,MAAMC,EAA0D,CACrE,OAAO,MAAM,MAAMA,CAAI,CACzB,CAEA,OAAO,SAAkB,CACvB,OAAO,MAAM,QAAQ,CACvB,CAKA,OAAO,WAAWC,EAAkE,CAClF,OAAOC,EAA0B,CACnC,CAKA,UAA+B,CAC7B,OAAOP,EAACC,EAAA,CAAwB,QAAS,KAAK,MAAO,CACvD,CAEA,YAAoC,CAClC,OAAO,MAAM,WAAW,CAC1B,CACF,EAMO,SAASO,GAAgD,CAC9D,OAAOC,EAAsB,IAAIC,CAAoB,CACvD,CAEO,SAASC,EACdC,EAC4B,CAC5B,OAAOA,aAAgBF,CACzB",
+  "names": ["$applyNodeReplacement", "React", "addClassNamesToElement", "$applyNodeReplacement", "DecoratorNode", "createCommand", "INSERT_HORIZONTAL_RULE_COMMAND", "HorizontalRuleServerNode", "node", "$convertHorizontalRuleElement", "serializedNode", "$createHorizontalRuleServerNode", "config", "element", "jsx", "HorizontalRuleComponent", "module", "HorizontalRuleNode", "HorizontalRuleServerNode", "node", "serializedNode", "$createHorizontalRuleNode", "$createHorizontalRuleNode", "$applyNodeReplacement", "HorizontalRuleNode", "$isHorizontalRuleNode", "node"]
+}

package/dist/exports/client/component-6C5JERGA.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";import{b as T}from"./chunk-SQHN3N6E.js";import{Collapsible as te,Form as le,Pill as ae,RenderComponent as se,SectionTitle as re,ShimmerEffect as ie,useConfig as ne,useDocumentInfo as ce,useFieldProps as de,useFormSubmitted as me,useTranslation as pe}from"@payloadcms/ui";import{useCallback as fe,useEffect as ue,useMemo as he,useState as ye}from"react";import{getTranslation as be}from"@payloadcms/translations";import{getFormState as K}from"@payloadcms/ui/shared";import{v4 as ke}from"uuid";import{useLexicalComposerContext as j}from"@lexical/react/LexicalComposerContext.js";import{getTranslation as W}from"@payloadcms/translations";import{Button as H,Collapsible as q,ErrorPill as z,Pill as G,RenderComponent as J,RenderFields as Q,SectionTitle as X,useDocumentInfo as Y,useFormSubmitted as Z,useTranslation as ee}from"@payloadcms/ui";import{dequal as oe}from"dequal/lite";import{$getNodeByKey as O}from"lexical";import $,{useCallback as w}from"react";import{useAllFormFields as U}from"@payloadcms/ui";import{reduceFieldsToValues as I}from"payload/shared";import{useEffect as M}from"react";function D({fields:a}){for(let e in a){let o=a[e];Array.isArray(o.rows)&&"value"in o&&(o.disableFormData=!0)}return a}var E=a=>{let{onChange:e}=a,[o]=U(),t=D({fields:o}),y=I(t,!0);return M(()=>{e&&e({fullFieldsWithValues:t,newFormData:y})},[y,e,t]),null};import{jsx as u,jsxs as L}from"react/jsx-runtime";function A(a){for(let e in a){let o=a[e];Array.isArray(o)&&!o?.length?delete a[e]:o&&typeof o=="object"?A(o):o==null&&delete a[e]}}var V=a=>{let{baseClass:e,clientBlock:o,field:t,formSchema:y,nodeKey:n,schemaPath:S}=a,{formData:l}=a,{i18n:k}=ee(),[c]=j(),{getDocPreferences:g,setDocFieldPreferences:_}=Y(),[m,N]=$.useState(()=>{let r=!1;return g().then(i=>{let f=i?.fields[t.name]?.collapsed;f&&f.includes(l.id)&&(r=!0,N(!0))}),r}),B=Z(),[s,P]=$.useState(0),F=B&&s>0,R=[`${e}__row`,F?`${e}__row--has-errors`:`${e}__row--no-errors`].filter(Boolean).join(" "),x=w(({fullFieldsWithValues:r,newFormData:i})=>{if(i.id=l.id,i.blockType=l.blockType,A(i),A(l),oe(l,i)\|\|setTimeout(()=>{c.update(()=>{let b=O(n);b&&(l=i,b.setFields(i))})},0),B){let b=0;for(let f of Object.values(r))f?.valid===!1&&b++;P(b)}},[c,n,B,l]),C=w(r=>{g().then(i=>{let f=i?.fields[t.name]?.collapsed,v=f&&f?.length?f:[];r?v.includes(l.id)\|\|v.push(l.id):v.includes(l.id)&&v.splice(v.indexOf(l.id),1),_(t.name,{collapsed:v,hello:"hi"})})},[g,t.name,_,l.id]),p=w(()=>{c.update(()=>{O(n).remove()})},[c,n]);return L($.Fragment,{children:[u(q,{className:R,collapsibleStyle:F?"error":"default",header:o?.admin?.components?.Label?u(J,{clientProps:{blockKind:"lexicalBlock",formData:l},mappedComponent:o.admin.components.Label}):L("div",{className:`${e}__block-header`,children:[L("div",{children:[u(G,{className:`${e}__block-pill ${e}__block-pill-${l?.blockType}`,pillStyle:"white",children:typeof o?.labels.singular=="string"?W(o?.labels.singular,k):o.slug}),u(X,{path:"blockName",readOnly:t?.admin?.readOnly}),F&&u(z,{count:s,i18n:k,withMessage:!0})]}),c.isEditable()&&u(H,{buttonStyle:"icon-label",className:`${e}__removeButton`,disabled:t?.admin?.readOnly,icon:"x",onClick:r=>{r.preventDefault(),p()},round:!0,tooltip:"Remove Block"})]}),isCollapsed:m,onToggle:r=>{C(r),N(r)},children:u(Q,{className:`${e}__fields`,fields:y,forceRender:!0,margins:"small",path:"",readOnly:!1,schemaPath:S})},0),u(E,{onChange:x})]})};import{jsx as d,jsxs as Fe}from"react/jsx-runtime";var h="lexical-block",je=a=>{let{formData:e,nodeKey:o}=a,{config:t}=ne(),y=me(),{id:n}=ce(),{path:S,schemaPath:l}=de(),{field:k}=T(),[c,g]=ye(!1),{field:{richTextComponentMap:_}}=T(),m=`${l}.lexical_internal_feature.blocks.lexical_blocks.lexical_blocks.${e.blockType}`,s=_.get("lexical_internal_feature.blocks.fields.lexical_blocks")[0].blocks.find(C=>C.slug===e.blockType);ue(()=>{e&&(async()=>{let p=await K({apiRoute:t.routes.api,body:{id:n,data:e,operation:"update",schemaPath:m},serverURL:t.serverURL});p&&(p.blockName={initialValue:"",passesCondition:!0,valid:!0,value:e.blockName},g(p))})()},[t.routes.api,t.serverURL,m,n]);let P=fe(async({formState:C})=>{let p=await K({apiRoute:t.routes.api,body:{id:n,formState:C,operation:"update",schemaPath:m},serverURL:t.serverURL});return p.blockName={initialValue:"",passesCondition:!0,valid:!0,value:e.blockName},p},[t.routes.api,t.serverURL,n,m,e.blockName]),{i18n:F}=pe(),R=[`${h}__row`,`${h}__row--no-errors`].filter(Boolean).join(" "),x=he(()=>s&&c!==!1?d(le,{beforeSubmit:[P],fields:s.fields,initialState:c,onChange:[P],submitted:y,uuid:ke(),children:d(V,{baseClass:h,clientBlock:s,field:k,formData:e,formSchema:s.fields,nodeKey:o,path:`${S}.lexical_internal_feature.blocks.${e.blockType}`,schemaPath:m})}):d(te,{className:R,collapsibleStyle:"default",header:s?.admin?.components?.Label?d(se,{clientProps:{blockKind:"lexicalBlock",formData:e},mappedComponent:s.admin.components.Label}):d("div",{className:`${h}__block-header`,children:Fe("div",{children:[d(ae,{className:`${h}__block-pill ${h}__block-pill-${e?.blockType}`,pillStyle:"white",children:s&&typeof s.labels.singular=="string"?be(s.labels.singular,F):s.slug}),d(re,{path:"blockName",readOnly:k?.admin?.readOnly})]})}),children:d(ie,{height:"35vh"})},0),[s,c,P,y,k,o,S,m,R,F]);return d("div",{className:h+" "+h+"-"+e.blockType,children:x})};export{je as BlockComponent};
2	+ //# sourceMappingURL=component-6C5JERGA.js.map

package/dist/exports/client/component-6C5JERGA.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/blocks/client/component/index.tsx", "../../../src/features/blocks/client/component/BlockContent.tsx", "../../../src/features/blocks/client/component/FormSavePlugin.tsx", "../../../src/features/blocks/client/component/removeEmptyArrayValues.ts"],
+  "sourcesContent": ["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\n\nimport {\n  Collapsible,\n  Form,\n  Pill,\n  RenderComponent,\n  SectionTitle,\n  ShimmerEffect,\n  useConfig,\n  useDocumentInfo,\n  useFieldProps,\n  useFormSubmitted,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nconst baseClass = 'lexical-block'\nimport type { BlockFieldClient, FormState } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport { v4 as uuid } from 'uuid'\n\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { BlockContent } from './BlockContent.js'\ntype Props = {\n  readonly children?: React.ReactNode\n  readonly formData: BlockFields\n  readonly nodeKey?: string\n}\n\nexport const BlockComponent: React.FC<Props> = (props) => {\n  const { formData, nodeKey } = props\n  const { config } = useConfig()\n  const submitted = useFormSubmitted()\n  const { id } = useDocumentInfo()\n  const { path, schemaPath } = useFieldProps()\n  const { field: parentLexicalRichTextField } = useEditorConfigContext()\n\n  const [initialState, setInitialState] = useState<FormState | false>(false)\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.lexical_blocks.${formData.blockType}`\n\n  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`\n  const blocksField: BlockFieldClient = richTextComponentMap.get(componentMapRenderedBlockPath)[0]\n\n  const clientBlock = blocksField.blocks.find((block) => block.slug === formData.blockType)\n\n  // Field Schema\n  useEffect(() => {\n    const awaitInitialState = async () => {\n      const state = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          data: formData,\n          operation: 'update',\n          schemaPath: schemaFieldsPath,\n        },\n        serverURL: config.serverURL,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: '',\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\n        setInitialState(state)\n      }\n    }\n\n    if (formData) {\n      void awaitInitialState()\n    }\n  }, [config.routes.api, config.serverURL, schemaFieldsPath, id]) // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const formState = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: schemaFieldsPath,\n        },\n        serverURL: config.serverURL,\n      })\n\n      formState.blockName = {\n        initialValue: '',\n        passesCondition: true,\n        valid: true,\n        value: formData.blockName,\n      }\n\n      return formState\n    },\n\n    [config.routes.api, config.serverURL, id, schemaFieldsPath, formData.blockName],\n  )\n  const { i18n } = useTranslation()\n\n  const classNames = [`${baseClass}__row`, `${baseClass}__row--no-errors`].filter(Boolean).join(' ')\n\n  // Memoized Form JSX\n  const formContent = useMemo(() => {\n    return clientBlock && initialState !== false ? (\n      <Form\n        beforeSubmit={[onChange]}\n        fields={clientBlock.fields}\n        initialState={initialState}\n        onChange={[onChange]}\n        submitted={submitted}\n        uuid={uuid()}\n      >\n        <BlockContent\n          baseClass={baseClass}\n          clientBlock={clientBlock}\n          field={parentLexicalRichTextField}\n          formData={formData}\n          formSchema={clientBlock.fields}\n          nodeKey={nodeKey}\n          path={`${path}.lexical_internal_feature.blocks.${formData.blockType}`}\n          schemaPath={schemaFieldsPath}\n        />\n      </Form>\n    ) : (\n      <Collapsible\n        className={classNames}\n        collapsibleStyle=\"default\"\n        header={\n          clientBlock?.admin?.components?.Label ? (\n            <RenderComponent\n              clientProps={{ blockKind: 'lexicalBlock', formData }}\n              mappedComponent={clientBlock.admin.components.Label}\n            />\n          ) : (\n            <div className={`${baseClass}__block-header`}>\n              <div>\n                <Pill\n                  className={`${baseClass}__block-pill ${baseClass}__block-pill-${formData?.blockType}`}\n                  pillStyle=\"white\"\n                >\n                  {clientBlock && typeof clientBlock.labels.singular === 'string'\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug}\n                </Pill>\n                <SectionTitle\n                  path=\"blockName\"\n                  readOnly={parentLexicalRichTextField?.admin?.readOnly}\n                />\n              </div>\n            </div>\n          )\n        }\n        key={0}\n      >\n        <ShimmerEffect height=\"35vh\" />\n      </Collapsible>\n    )\n  }, [\n    clientBlock,\n    initialState,\n    onChange,\n    submitted,\n    parentLexicalRichTextField,\n    nodeKey,\n    path,\n    schemaFieldsPath,\n    classNames,\n    i18n,\n  ])\n\n  return <div className={baseClass + ' ' + baseClass + '-' + formData.blockType}>{formContent}</div>\n}\n", "import type { ClientBlock, ClientField, CollapsedPreferences, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Collapsible,\n  ErrorPill,\n  Pill,\n  RenderComponent,\n  RenderFields,\n  SectionTitle,\n  useDocumentInfo,\n  useFormSubmitted,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { dequal } from 'dequal/lite'\nimport { $getNodeByKey } from 'lexical'\nimport React, { useCallback } from 'react'\n\nimport type { LexicalRichTextFieldProps } from '../../../../types.js'\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\nimport type { BlockNode } from '../nodes/BlocksNode.js'\n\nimport { FormSavePlugin } from './FormSavePlugin.js'\n\ntype Props = {\n  baseClass: string\n  clientBlock: ClientBlock\n  field: LexicalRichTextFieldProps['field']\n  formData: BlockFields\n  formSchema: ClientField[]\n  nodeKey: string\n  path: string\n  schemaPath: string\n}\n\n// Recursively remove all undefined values from even being present in formData, as they will\n// cause isDeepEqual to return false if, for example, formData has a key that fields.data\n// does not have, even if it's undefined.\n// Currently, this happens if a block has another sub-blocks field. Inside formData, that sub-blocks field has an undefined blockName property.\n// Inside of fields.data however, that sub-blocks blockName property does not exist at all.\nfunction removeUndefinedAndNullAndEmptyArraysRecursively(obj: object) {\n  for (const key in obj) {\n    const value = obj[key]\n    if (Array.isArray(value) && !value?.length) {\n      delete obj[key]\n    } else if (value && typeof value === 'object') {\n      removeUndefinedAndNullAndEmptyArraysRecursively(value)\n    } else if (value === undefined || value === null) {\n      delete obj[key]\n    }\n  }\n}\n\n/**\n * The actual content of the Block. This should be INSIDE a Form component,\n * scoped to the block. All format operations in here are thus scoped to the block's form, and\n * not the whole document.\n */\nexport const BlockContent: React.FC<Props> = (props) => {\n  const { baseClass, clientBlock, field, formSchema, nodeKey, schemaPath } = props\n  let { formData } = props\n\n  const { i18n } = useTranslation()\n  const [editor] = useLexicalComposerContext()\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(() => {\n    let initialState = false\n\n    void getDocPreferences().then((currentDocPreferences) => {\n      const currentFieldPreferences = currentDocPreferences?.fields[field.name]\n\n      const collapsedArray = currentFieldPreferences?.collapsed\n\n      if (collapsedArray && collapsedArray.includes(formData.id)) {\n        initialState = true\n        setIsCollapsed(true)\n      }\n    })\n    return initialState\n  })\n\n  const hasSubmitted = useFormSubmitted()\n\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const onFormChange = useCallback(\n    ({\n      fullFieldsWithValues,\n      newFormData,\n    }: {\n      fullFieldsWithValues: FormState\n      newFormData: BlockFields\n    }) => {\n      newFormData.id = formData.id\n      newFormData.blockType = formData.blockType\n\n      removeUndefinedAndNullAndEmptyArraysRecursively(newFormData)\n      removeUndefinedAndNullAndEmptyArraysRecursively(formData)\n\n      // Only update if the data has actually changed. Otherwise, we may be triggering an unnecessary value change,\n      // which would trigger the \"Leave without saving\" dialog unnecessarily\n      if (!dequal(formData, newFormData)) {\n        // Running this in the next tick in the meantime fixes this issue: https://github.com/payloadcms/payload/issues/4108\n        // I don't know why. When this is called immediately, it might focus out of a nested lexical editor field if an update is made there.\n        // My hypothesis is that the nested editor might not have fully finished its update cycle yet. By updating in the next tick, we\n        // ensure that the nested editor has finished its update cycle before we update the block node.\n        setTimeout(() => {\n          editor.update(() => {\n            const node: BlockNode = $getNodeByKey(nodeKey)\n            if (node) {\n              formData = newFormData\n              node.setFields(newFormData)\n            }\n          })\n        }, 0)\n      }\n\n      // update error count\n      if (hasSubmitted) {\n        let rowErrorCount = 0\n        for (const formField of Object.values(fullFieldsWithValues)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n    },\n    [editor, nodeKey, hasSubmitted, formData],\n  )\n\n  const onCollapsedChange = useCallback(\n    (changedCollapsed: boolean) => {\n      void getDocPreferences().then((currentDocPreferences) => {\n        const currentFieldPreferences = currentDocPreferences?.fields[field.name]\n\n        const collapsedArray = currentFieldPreferences?.collapsed\n\n        const newCollapsed: CollapsedPreferences =\n          collapsedArray && collapsedArray?.length ? collapsedArray : []\n\n        if (changedCollapsed) {\n          if (!newCollapsed.includes(formData.id)) {\n            newCollapsed.push(formData.id)\n          }\n        } else {\n          if (newCollapsed.includes(formData.id)) {\n            newCollapsed.splice(newCollapsed.indexOf(formData.id), 1)\n          }\n        }\n\n        setDocFieldPreferences(field.name, {\n          collapsed: newCollapsed,\n          hello: 'hi',\n        })\n      })\n    },\n    [getDocPreferences, field.name, setDocFieldPreferences, formData.id],\n  )\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey).remove()\n    })\n  }, [editor, nodeKey])\n\n  return (\n    <React.Fragment>\n      <Collapsible\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        header={\n          clientBlock?.admin?.components?.Label ? (\n            <RenderComponent\n              clientProps={{ blockKind: 'lexicalBlock', formData }}\n              mappedComponent={clientBlock.admin.components.Label}\n            />\n          ) : (\n            <div className={`${baseClass}__block-header`}>\n              <div>\n                <Pill\n                  className={`${baseClass}__block-pill ${baseClass}__block-pill-${formData?.blockType}`}\n                  pillStyle=\"white\"\n                >\n                  {typeof clientBlock?.labels.singular === 'string'\n                    ? getTranslation(clientBlock?.labels.singular, i18n)\n                    : clientBlock.slug}\n                </Pill>\n                <SectionTitle path=\"blockName\" readOnly={field?.admin?.readOnly} />\n                {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n              </div>\n              {editor.isEditable() && (\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__removeButton`}\n                  disabled={field?.admin?.readOnly}\n                  icon=\"x\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    removeBlock()\n                  }}\n                  round\n                  tooltip=\"Remove Block\"\n                />\n              )}\n            </div>\n          )\n        }\n        isCollapsed={isCollapsed}\n        key={0}\n        onToggle={(incomingCollapsedState) => {\n          onCollapsedChange(incomingCollapsedState)\n          setIsCollapsed(incomingCollapsedState)\n        }}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={formSchema}\n          forceRender\n          margins=\"small\"\n          path=\"\" // Leaving path empty makes it so field values are not prefixed / scoped by the entire schemaPath. e.g. we can access \"myField\" instead of \"someLexicalField.feature.blocks.someArrayB\" // TODO: Could there be any implications leaving path different than schemaPath?\n          readOnly={false}\n          schemaPath={schemaPath} // Having the correct schemaPath here allows sub-fields (like array > addRow) to run correct form-state calls and retrieve their needed form state from the server\n        />\n      </Collapsible>\n\n      <FormSavePlugin onChange={onFormChange} />\n    </React.Fragment>\n  )\n}\n", "import type { Data, FormState } from 'payload'\nimport type React from 'react'\n\nimport { useAllFormFields } from '@payloadcms/ui'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport { useEffect } from 'react'\n\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\ntype Props = {\n  onChange?: ({\n    fullFieldsWithValues,\n    newFormData,\n  }: {\n    fullFieldsWithValues: FormState\n    newFormData: Data\n  }) => void\n}\n\nexport const FormSavePlugin: React.FC<Props> = (props) => {\n  const { onChange } = props\n\n  const [_fields] = useAllFormFields()\n\n  const fields = removeEmptyArrayValues({ fields: _fields })\n\n  // Pass in fields, and indicate if you'd like to \"unflatten\" field data.\n  // The result below will reflect the data stored in the form at the given time\n  const newFormData = reduceFieldsToValues(fields, true)\n\n  useEffect(() => {\n    if (onChange) {\n      onChange({ fullFieldsWithValues: fields, newFormData })\n    }\n  }, [newFormData, onChange, fields])\n\n  return null\n}\n", "import type { FormState } from 'payload'\n\n/**\n * By default, if an array field is empty, it will be included in the form state with a value of 0.\n * We do not need this behavior here, By setting `disableFormData` to true, we can prevent the field from being included in the form state\n * like that.\n * @param fields form state\n */\nexport function removeEmptyArrayValues({ fields }: { fields: FormState }): FormState {\n  for (const key in fields) {\n    const field = fields[key]\n    if (Array.isArray(field.rows) && 'value' in field) {\n      field.disableFormData = true\n    }\n  }\n  return fields\n}\n"],
+  "mappings": "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",
+  "names": ["Collapsible", "Form", "Pill", "RenderComponent", "SectionTitle", "ShimmerEffect", "useConfig", "useDocumentInfo", "useFieldProps", "useFormSubmitted", "useTranslation", "useCallback", "useEffect", "useMemo", "useState", "getTranslation", "getFormState", "uuid", "useLexicalComposerContext", "getTranslation", "Button", "Collapsible", "ErrorPill", "Pill", "RenderComponent", "RenderFields", "SectionTitle", "useDocumentInfo", "useFormSubmitted", "useTranslation", "dequal", "$getNodeByKey", "React", "useCallback", "useAllFormFields", "reduceFieldsToValues", "useEffect", "removeEmptyArrayValues", "fields", "key", "field", "FormSavePlugin", "props", "onChange", "_fields", "useAllFormFields", "fields", "removeEmptyArrayValues", "newFormData", "reduceFieldsToValues", "useEffect", "jsx", "jsxs", "removeUndefinedAndNullAndEmptyArraysRecursively", "obj", "key", "value", "BlockContent", "props", "baseClass", "clientBlock", "field", "formSchema", "nodeKey", "schemaPath", "formData", "i18n", "useTranslation", "editor", "useLexicalComposerContext", "getDocPreferences", "setDocFieldPreferences", "useDocumentInfo", "isCollapsed", "setIsCollapsed", "React", "initialState", "currentDocPreferences", "collapsedArray", "hasSubmitted", "useFormSubmitted", "errorCount", "setErrorCount", "fieldHasErrors", "classNames", "onFormChange", "useCallback", "fullFieldsWithValues", "newFormData", "dequal", "node", "$getNodeByKey", "rowErrorCount", "formField", "onCollapsedChange", "changedCollapsed", "newCollapsed", "removeBlock", "Collapsible", "RenderComponent", "Pill", "getTranslation", "SectionTitle", "ErrorPill", "Button", "e", "incomingCollapsedState", "RenderFields", "FormSavePlugin", "jsx", "jsxs", "baseClass", "BlockComponent", "props", "formData", "nodeKey", "config", "useConfig", "submitted", "useFormSubmitted", "id", "useDocumentInfo", "path", "schemaPath", "useFieldProps", "parentLexicalRichTextField", "useEditorConfigContext", "initialState", "setInitialState", "useState", "richTextComponentMap", "schemaFieldsPath", "clientBlock", "block", "useEffect", "state", "getFormState", "onChange", "useCallback", "prevFormState", "formState", "i18n", "useTranslation", "classNames", "formContent", "useMemo", "Form", "uuid", "BlockContent", "Collapsible", "RenderComponent", "Pill", "getTranslation", "SectionTitle", "ShimmerEffect"]
+}

package/dist/exports/client/component-GUWIGB77.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";import{a as L,b as O,c as A,f as F}from"./chunk-E4HH5PS6.js";import{b}from"./chunk-SQHN3N6E.js";import{useLexicalComposerContext as oe}from"@lexical/react/LexicalComposerContext.js";import{useLexicalNodeSelection as te}from"@lexical/react/useLexicalNodeSelection.js";import{mergeRegister as ae}from"@lexical/utils";import{getTranslation as K}from"@payloadcms/translations";import{Button as E,DrawerToggler as le,File as ne,formatDrawerSlug as ie,useConfig as re,useDocumentDrawer as se,useEditDepth as de,useModal as ce,usePayloadAPI as ue,useTranslation as pe}from"@payloadcms/ui";import{$getNodeByKey as w,$getSelection as me,$isNodeSelection as fe,CLICK_COMMAND as ge,COMMAND_PRIORITY_LOW as R,KEY_BACKSPACE_COMMAND as Ce,KEY_DELETE_COMMAND as De}from"lexical";import{useCallback as r,useEffect as ve,useId as _e,useReducer as Ne,useRef as be,useState as Ee}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";var t="lexical-upload",I={depth:0},we=d=>{let{data:{fields:B,relationTo:y,value:c},nodeKey:l}=d,{config:{collections:k,routes:{api:j},serverURL:W}}=re(),C=be(null),{closeModal:h}=ce(),{uuid:Y}=b(),H=de(),[a]=oe(),[n,u,D]=te(l),{editorConfig:z,field:v}=b(),{i18n:S,t:p}=pe(),[$,q]=Ne(e=>e+1,0),[i]=Ee(()=>k.find(e=>e.slug===y)),G=_e(),m=ie({slug:"lexical-upload-drawer-"+Y+G,depth:H}),[J,Q,{closeDrawer:U}]=se({id:c,collectionSlug:i.slug}),[{data:f},{setParams:P}]=ue(`${W}${j}/${i.slug}/${c}`,{initialParams:I}),M=f?.thumbnailURL\|\|f?.url,V=r(()=>{a.update(()=>{w(l).remove()})},[a,l]),X=r(e=>{P({...I,cacheBust:$}),q(),U()},[P,$,U]),_=r(e=>{if(n&&fe(me())){e.preventDefault();let g=w(l);if(F(g))return g.remove(),!0}return!1},[n,l]),x=r(e=>e.target===C.current\|\|C.current?.contains(e.target)?(e.shiftKey?u(!n):n\|\|(D(),u(!0)),!0):!1,[n,u,D]);ve(()=>ae(a.registerCommand(ge,x,R),a.registerCommand(De,_,R),a.registerCommand(Ce,_,R)),[D,a,n,l,_,u,x]);let T=(z?.resolvedFeatureMap?.get("upload")?.sanitizedClientFeatureProps).collections?.[i.slug]?.hasExtraFields,Z=r((e,g)=>{a.update(()=>{let N=w(l);if(N){let ee={...N.getData(),fields:g};N.setData(ee)}}),h(m)},[h,a,m,l]);return s("div",{className:[t,n&&`${t}--selected`].filter(Boolean).join(" "),contentEditable:!1,ref:C,children:[s("div",{className:`${t}__card`,children:[s("div",{className:`${t}__topRow`,children:[o("div",{className:`${t}__thumbnail`,children:M?o("img",{alt:f?.filename,"data-lexical-upload-id":c,"data-lexical-upload-relation-to":y,src:M}):o(ne,{})}),s("div",{className:`${t}__topRowRightPanel`,children:[o("div",{className:`${t}__collectionLabel`,children:K(i.labels.singular,S)}),a.isEditable()&&s("div",{className:`${t}__actions`,children:[T?o(le,{className:`${t}__upload-drawer-toggler`,disabled:v?.admin?.readOnly,slug:m,children:o(E,{buttonStyle:"icon-label",el:"div",icon:"edit",onClick:e=>{e.preventDefault()},round:!0,tooltip:p("fields:editRelationship")})}):null,o(E,{buttonStyle:"icon-label",disabled:v?.admin?.readOnly,el:"div",icon:"swap",onClick:()=>{a.dispatchCommand(A,{replace:{nodeKey:l}})},round:!0,tooltip:p("fields:swapUpload")}),o(E,{buttonStyle:"icon-label",className:`${t}__removeButton`,disabled:v?.admin?.readOnly,icon:"x",onClick:e=>{e.preventDefault(),V()},round:!0,tooltip:p("fields:removeUpload")})]})]})]}),o("div",{className:`${t}__bottomRow`,children:o(Q,{className:`${t}__doc-drawer-toggler`,children:o("strong",{children:f?.filename})})})]}),c&&o(J,{onSave:X}),T?o(L,{data:B,drawerSlug:m,drawerTitle:p("general:editLabel",{label:K(i.labels.singular,S)}),featureKey:"upload",handleDrawerSubmit:Z,schemaPathSuffix:i.slug}):null]})},Fe=d=>o(O,{...d,uploads:!0,children:o(we,{...d})});export{Fe as UploadComponent};
2	+ //# sourceMappingURL=component-GUWIGB77.js.map

package/dist/exports/client/component-GUWIGB77.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/upload/client/component/index.tsx"],
+  "sourcesContent": ["'use client'\nimport type { ClientCollectionConfig, Data } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js'\nimport { mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DrawerToggler,\n  File,\n  formatDrawerSlug,\n  useConfig,\n  useDocumentDrawer,\n  useEditDepth,\n  useModal,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\nimport React, { useCallback, useEffect, useId, useReducer, useRef, useState } from 'react'\n\nimport type { ClientComponentProps } from '../../../typesClient.js'\nimport type { UploadData } from '../../server/nodes/UploadNode.js'\nimport type { UploadFeaturePropsClient } from '../feature.client.js'\nimport type { UploadNode } from '../nodes/UploadNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { FieldsDrawer } from '../../../../utilities/fieldsDrawer/Drawer.js'\nimport { EnabledRelationshipsCondition } from '../../../relationship/client/utils/EnabledRelationshipsCondition.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport { $isUploadNode } from '../nodes/UploadNode.js'\nconst baseClass = 'lexical-upload'\n\nconst initialParams = {\n  depth: 0,\n}\n\nexport type ElementProps = {\n  data: UploadData\n  nodeKey: string\n}\n\nconst Component: React.FC<ElementProps> = (props) => {\n  const {\n    data: { fields, relationTo, value },\n    nodeKey,\n  } = props\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const uploadRef = useRef<HTMLDivElement | null>(null)\n  const { closeModal } = useModal()\n  const { uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n  const [editor] = useLexicalComposerContext()\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const { editorConfig, field } = useEditorConfigContext()\n\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection] = useState<ClientCollectionConfig>(() =>\n    collections.find((coll) => coll.slug === relationTo),\n  )\n\n  const componentID = useId()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-upload-drawer-` + uuid + componentID, // There can be multiple upload components, each with their own drawer, in one single editor => separate them by componentID\n    depth: editDepth,\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    `${serverURL}${api}/${relatedCollection.slug}/${value}`,\n    { initialParams },\n  )\n\n  const thumbnailSRC = data?.thumbnailURL || data?.url\n\n  const removeUpload = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey).remove()\n    })\n  }, [editor, nodeKey])\n\n  const updateUpload = useCallback(\n    (data: Data) => {\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      dispatchCacheBust()\n      closeDrawer()\n    },\n    [setParams, cacheBust, closeDrawer],\n  )\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isUploadNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      // Check if uploadRef.target or anything WITHIN uploadRef.target was clicked\n      if (event.target === uploadRef.current || uploadRef.current?.contains(event.target as Node)) {\n        if (event.shiftKey) {\n          setSelected(!isSelected)\n        } else {\n          if (!isSelected) {\n            clearSelection()\n            setSelected(true)\n          }\n        }\n        return true\n      }\n\n      return false\n    },\n    [isSelected, setSelected, clearSelection],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n  const hasExtraFields = (\n    editorConfig?.resolvedFeatureMap?.get('upload')\n      ?.sanitizedClientFeatureProps as ClientComponentProps<UploadFeaturePropsClient>\n  ).collections?.[relatedCollection.slug]?.hasExtraFields\n\n  const onExtraFieldsDrawerSubmit = useCallback(\n    (_, data) => {\n      // Update lexical node (with key nodeKey) with new data\n      editor.update(() => {\n        const uploadNode: UploadNode | null = $getNodeByKey(nodeKey)\n        if (uploadNode) {\n          const newData: UploadData = {\n            ...uploadNode.getData(),\n            fields: data,\n          }\n          uploadNode.setData(newData)\n        }\n      })\n\n      closeModal(drawerSlug)\n    },\n    [closeModal, editor, drawerSlug, nodeKey],\n  )\n\n  return (\n    <div\n      className={[baseClass, isSelected && `${baseClass}--selected`].filter(Boolean).join(' ')}\n      contentEditable={false}\n      ref={uploadRef}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use @payloadcms/ui/elements/Thumbnail component */}\n          <div className={`${baseClass}__thumbnail`}>\n            {thumbnailSRC ? (\n              <img\n                alt={data?.filename}\n                data-lexical-upload-id={value}\n                data-lexical-upload-relation-to={relationTo}\n                src={thumbnailSRC}\n              />\n            ) : (\n              <File />\n            )}\n          </div>\n          <div className={`${baseClass}__topRowRightPanel`}>\n            <div className={`${baseClass}__collectionLabel`}>\n              {getTranslation(relatedCollection.labels.singular, i18n)}\n            </div>\n            {editor.isEditable() && (\n              <div className={`${baseClass}__actions`}>\n                {hasExtraFields ? (\n                  <DrawerToggler\n                    className={`${baseClass}__upload-drawer-toggler`}\n                    disabled={field?.admin?.readOnly}\n                    slug={drawerSlug}\n                  >\n                    <Button\n                      buttonStyle=\"icon-label\"\n                      el=\"div\"\n                      icon=\"edit\"\n                      onClick={(e) => {\n                        e.preventDefault()\n                      }}\n                      round\n                      tooltip={t('fields:editRelationship')}\n                    />\n                  </DrawerToggler>\n                ) : null}\n\n                <Button\n                  buttonStyle=\"icon-label\"\n                  disabled={field?.admin?.readOnly}\n                  el=\"div\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n                      replace: { nodeKey },\n                    })\n                  }}\n                  round\n                  tooltip={t('fields:swapUpload')}\n                />\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__removeButton`}\n                  disabled={field?.admin?.readOnly}\n                  icon=\"x\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    removeUpload()\n                  }}\n                  round\n                  tooltip={t('fields:removeUpload')}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__bottomRow`}>\n          <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n            <strong>{data?.filename}</strong>\n          </DocumentDrawerToggler>\n        </div>\n      </div>\n      {value && <DocumentDrawer onSave={updateUpload} />}\n      {hasExtraFields ? (\n        <FieldsDrawer\n          data={fields}\n          drawerSlug={drawerSlug}\n          drawerTitle={t('general:editLabel', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n          featureKey=\"upload\"\n          handleDrawerSubmit={onExtraFieldsDrawerSubmit}\n          schemaPathSuffix={relatedCollection.slug}\n        />\n      ) : null}\n    </div>\n  )\n}\n\nexport const UploadComponent = (props: ElementProps): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <Component {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["useLexicalComposerContext", "useLexicalNodeSelection", "mergeRegister", "getTranslation", "Button", "DrawerToggler", "File", "formatDrawerSlug", "useConfig", "useDocumentDrawer", "useEditDepth", "useModal", "usePayloadAPI", "useTranslation", "$getNodeByKey", "$getSelection", "$isNodeSelection", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_BACKSPACE_COMMAND", "KEY_DELETE_COMMAND", "useCallback", "useEffect", "useId", "useReducer", "useRef", "useState", "jsx", "jsxs", "baseClass", "initialParams", "Component", "props", "fields", "relationTo", "value", "nodeKey", "collections", "api", "serverURL", "useConfig", "uploadRef", "useRef", "closeModal", "useModal", "uuid", "useEditorConfigContext", "editDepth", "useEditDepth", "editor", "useLexicalComposerContext", "isSelected", "setSelected", "clearSelection", "useLexicalNodeSelection", "editorConfig", "field", "i18n", "t", "useTranslation", "cacheBust", "dispatchCacheBust", "useReducer", "state", "relatedCollection", "useState", "coll", "componentID", "useId", "drawerSlug", "formatDrawerSlug", "DocumentDrawer", "DocumentDrawerToggler", "closeDrawer", "useDocumentDrawer", "data", "setParams", "usePayloadAPI", "thumbnailSRC", "removeUpload", "useCallback", "$getNodeByKey", "updateUpload", "$onDelete", "event", "$isNodeSelection", "$getSelection", "node", "$isUploadNode", "onClick", "useEffect", "mergeRegister", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_DELETE_COMMAND", "KEY_BACKSPACE_COMMAND", "hasExtraFields", "onExtraFieldsDrawerSubmit", "_", "uploadNode", "newData", "File", "getTranslation", "DrawerToggler", "Button", "INSERT_UPLOAD_WITH_DRAWER_COMMAND", "FieldsDrawer", "UploadComponent", "EnabledRelationshipsCondition"]
+}

package/dist/exports/client/component-UQ2BKD5X.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";import{d as a}from"./chunk-VMCQSR3T.js";import{useLexicalComposerContext as u}from"@lexical/react/LexicalComposerContext.js";import{useLexicalNodeSelection as C}from"@lexical/react/useLexicalNodeSelection.js";import{addClassNamesToElement as E,mergeRegister as d,removeClassNamesFromElement as N}from"@lexical/utils";import{$getNodeByKey as p,$getSelection as g,$isNodeSelection as M,CLICK_COMMAND as S,COMMAND_PRIORITY_LOW as m,KEY_BACKSPACE_COMMAND as D,KEY_DELETE_COMMAND as _}from"lexical";import{useCallback as y,useEffect as c}from"react";var f="selected";function $({nodeKey:t}){let[r]=u(),[o,i,n]=C(t),s=y(e=>{if(o&&M(g())){e.preventDefault();let l=p(t);if(a(l))return l.remove(),!0}return!1},[o,t]);return c(()=>d(r.registerCommand(S,e=>{let l=r.getElementByKey(t);return e.target===l?(e.shiftKey\|\|n(),i(!o),!0):!1},m),r.registerCommand(_,s,m),r.registerCommand(D,s,m)),[n,r,o,t,s,i]),c(()=>{let e=r.getElementByKey(t);e!==null&&(o?E(e,f):N(e,f))},[r,o,t]),null}export{$ as HorizontalRuleComponent};
2	+ //# sourceMappingURL=component-UQ2BKD5X.js.map

package/dist/exports/client/component-UQ2BKD5X.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/horizontalRule/client/component/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type { NodeKey } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js'\nimport { addClassNamesToElement, mergeRegister, removeClassNamesFromElement } from '@lexical/utils'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\nimport { useCallback, useEffect } from 'react'\n\nimport { $isHorizontalRuleNode } from '../nodes/HorizontalRuleNode.js'\n\nconst isSelectedClassName = 'selected'\n\n/**\n * React component rendered in the lexical editor, WITHIN the hr element created by createDOM of the HorizontalRuleNode.\n *\n * @param nodeKey every node has a unique key (this key is not saved to the database and thus may differ between sessions). It's useful for working with the CURRENT lexical editor state\n */\nexport function HorizontalRuleComponent({ nodeKey }: { nodeKey: NodeKey }) {\n  const [editor] = useLexicalComposerContext()\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isHorizontalRuleNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        CLICK_COMMAND,\n        (event: MouseEvent) => {\n          const hrElem = editor.getElementByKey(nodeKey)\n\n          if (event.target === hrElem) {\n            if (!event.shiftKey) {\n              clearSelection()\n            }\n            setSelected(!isSelected)\n            return true\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected])\n\n  useEffect(() => {\n    const hrElem = editor.getElementByKey(nodeKey)\n    if (hrElem !== null) {\n      if (isSelected) {\n        addClassNamesToElement(hrElem, isSelectedClassName)\n      } else {\n        removeClassNamesFromElement(hrElem, isSelectedClassName)\n      }\n    }\n  }, [editor, isSelected, nodeKey])\n\n  return null\n}\n"],
+  "mappings": "qDAIA,OAAS,6BAAAA,MAAiC,2CAC1C,OAAS,2BAAAC,MAA+B,4CACxC,OAAS,0BAAAC,EAAwB,iBAAAC,EAAe,+BAAAC,MAAmC,iBACnF,OACE,iBAAAC,EACA,iBAAAC,EACA,oBAAAC,EACA,iBAAAC,EACA,wBAAAC,EACA,yBAAAC,EACA,sBAAAC,MACK,UACP,OAAS,eAAAC,EAAa,aAAAC,MAAiB,QAIvC,IAAMC,EAAsB,WAOrB,SAASC,EAAwB,CAAE,QAAAC,CAAQ,EAAyB,CACzE,GAAM,CAACC,CAAM,EAAIC,EAA0B,EACrC,CAACC,EAAYC,EAAaC,CAAc,EAAIC,EAAwBN,CAAO,EAE3EO,EAAYC,EACfC,GAAyB,CACxB,GAAIN,GAAcO,EAAiBC,EAAc,CAAC,EAAG,CACnDF,EAAM,eAAe,EACrB,IAAMG,EAAOC,EAAcb,CAAO,EAClC,GAAIc,EAAsBF,CAAI,EAC5B,OAAAA,EAAK,OAAO,EACL,EAEX,CACA,MAAO,EACT,EACA,CAACT,EAAYH,CAAO,CACtB,EAEA,OAAAe,EAAU,IACDC,EACLf,EAAO,gBACLgB,EACCR,GAAsB,CACrB,IAAMS,EAASjB,EAAO,gBAAgBD,CAAO,EAE7C,OAAIS,EAAM,SAAWS,GACdT,EAAM,UACTJ,EAAe,EAEjBD,EAAY,CAACD,CAAU,EAChB,IAGF,EACT,EACAgB,CACF,EACAlB,EAAO,gBAAgBmB,EAAoBb,EAAWY,CAAoB,EAC1ElB,EAAO,gBAAgBoB,EAAuBd,EAAWY,CAAoB,CAC/E,EACC,CAACd,EAAgBJ,EAAQE,EAAYH,EAASO,EAAWH,CAAW,CAAC,EAExEW,EAAU,IAAM,CACd,IAAMG,EAASjB,EAAO,gBAAgBD,CAAO,EACzCkB,IAAW,OACTf,EACFmB,EAAuBJ,EAAQpB,CAAmB,EAElDyB,EAA4BL,EAAQpB,CAAmB,EAG7D,EAAG,CAACG,EAAQE,EAAYH,CAAO,CAAC,EAEzB,IACT",
+  "names": ["useLexicalComposerContext", "useLexicalNodeSelection", "addClassNamesToElement", "mergeRegister", "removeClassNamesFromElement", "$getNodeByKey", "$getSelection", "$isNodeSelection", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_BACKSPACE_COMMAND", "KEY_DELETE_COMMAND", "useCallback", "useEffect", "isSelectedClassName", "HorizontalRuleComponent", "nodeKey", "editor", "useLexicalComposerContext", "isSelected", "setSelected", "clearSelection", "useLexicalNodeSelection", "$onDelete", "useCallback", "event", "$isNodeSelection", "$getSelection", "node", "$getNodeByKey", "$isHorizontalRuleNode", "useEffect", "mergeRegister", "CLICK_COMMAND", "hrElem", "COMMAND_PRIORITY_LOW", "KEY_DELETE_COMMAND", "KEY_BACKSPACE_COMMAND", "addClassNamesToElement", "removeClassNamesFromElement"]
+}

package/dist/exports/client/componentInline-C2XIK5VZ.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";import{c as v,f as y}from"./chunk-LTR7V74A.js";import{b as u}from"./chunk-SQHN3N6E.js";import{useCallback as f,useEffect as K,useRef as O}from"react";import{useLexicalComposerContext as L}from"@lexical/react/LexicalComposerContext";import{useLexicalNodeSelection as S}from"@lexical/react/useLexicalNodeSelection";import{mergeRegister as $}from"@lexical/utils";import{getTranslation as N}from"@payloadcms/translations";import{Button as E,RenderComponent as A,useTranslation as P}from"@payloadcms/ui";import{$getNodeByKey as M,$getSelection as T,$isNodeSelection as F,CLICK_COMMAND as h,COMMAND_PRIORITY_LOW as k,KEY_BACKSPACE_COMMAND as Y,KEY_DELETE_COMMAND as j}from"lexical";import{jsx as a,jsxs as D}from"react/jsx-runtime";var s="inline-block",oe=I=>{let{formData:r,nodeKey:o}=I,[e]=L(),{i18n:b,t:C}=P(),{field:B}=u(),d=O(null),[l,c,m]=S(o),{field:{richTextComponentMap:R}}=u(),t=R.get("lexical_internal_feature.blocks.fields.lexical_inline_blocks")[0].blocks.find(n=>n.slug===r.blockType),x=f(()=>{e.update(()=>{M(o).remove()})},[e,o]),p=f(n=>{if(l&&F(T())){n.preventDefault();let i=M(o);if(y(i))return i.remove(),!0}return!1},[l,o]),_=f(n=>{let i=n;return i.target===d.current\|\|d.current?.contains(i.target)?(i.shiftKey?c(!l):l\|\|(m(),c(!0)),!0):!1},[l,c,m]);K(()=>$(e.registerCommand(h,_,k),e.registerCommand(j,p,k),e.registerCommand(Y,p,k)),[m,e,l,o,p,c,_]);let g=t?.labels?.singular?N(t.labels.singular,b):t.slug;return D("div",{className:[s,s+"-"+r.blockType,l&&`${s}--selected`].filter(Boolean).join(" "),ref:d,children:[t?.admin?.components?.Label?a(A,{clientProps:{blockKind:"lexicalInlineBlock",formData:r},mappedComponent:t.admin.components.Label}):a("div",{children:N(t.labels?.singular,b)}),e.isEditable()&&D("div",{className:`${s}__actions`,children:[a(E,{buttonStyle:"icon-label",className:`${s}__editButton`,disabled:B?.admin?.readOnly,el:"div",icon:"edit",onClick:()=>{e.dispatchCommand(v,{fields:r,nodeKey:o})},round:!0,size:"small",tooltip:C("lexical:blocks:inlineBlocks:edit",{label:g})}),a(E,{buttonStyle:"icon-label",className:`${s}__removeButton`,disabled:B?.admin?.readOnly,icon:"x",onClick:n=>{n.preventDefault(),x()},round:!0,size:"small",tooltip:C("lexical:blocks:inlineBlocks:remove",{label:g})})]})]})};export{oe as InlineBlockComponent};
2	+ //# sourceMappingURL=componentInline-C2XIK5VZ.js.map

package/dist/exports/client/componentInline-C2XIK5VZ.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/blocks/client/componentInline/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useCallback, useEffect, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlockFieldClient } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'\nimport { mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, RenderComponent, useTranslation } from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\n\nimport type { InlineBlockFields } from '../nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\nimport { OPEN_INLINE_BLOCK_DRAWER_COMMAND } from '../plugin/commands.js'\ntype Props = {\n  readonly formData: InlineBlockFields\n  readonly nodeKey?: string\n}\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n  const { formData, nodeKey } = props\n  const [editor] = useLexicalComposerContext()\n  const { i18n, t } = useTranslation<object, string>()\n  const { field } = useEditorConfigContext()\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n\n  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n  const blocksField: BlockFieldClient = richTextComponentMap.get(componentMapRenderedBlockPath)[0]\n  const clientBlock = blocksField.blocks.find((block) => block.slug === formData.blockType)\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey).remove()\n    })\n  }, [editor, nodeKey])\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isInlineBlockNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n  const onClick = useCallback(\n    (payload: MouseEvent) => {\n      const event = payload\n      // Check if inlineBlockElemElemRef.target or anything WITHIN inlineBlockElemElemRef.target was clicked\n      if (\n        event.target === inlineBlockElemElemRef.current ||\n        inlineBlockElemElemRef.current?.contains(event.target as Node)\n      ) {\n        if (event.shiftKey) {\n          setSelected(!isSelected)\n        } else {\n          if (!isSelected) {\n            clearSelection()\n            setSelected(true)\n          }\n        }\n        return true\n      }\n\n      return false\n    },\n    [isSelected, setSelected, clearSelection],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock.slug\n\n  return (\n    <div\n      className={[\n        baseClass,\n        baseClass + '-' + formData.blockType,\n        isSelected && `${baseClass}--selected`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={inlineBlockElemElemRef}\n    >\n      {clientBlock?.admin?.components?.Label ? (\n        <RenderComponent\n          clientProps={{ blockKind: 'lexicalInlineBlock', formData }}\n          mappedComponent={clientBlock.admin.components.Label}\n        />\n      ) : (\n        <div>{getTranslation(clientBlock.labels?.singular, i18n)}</div>\n      )}\n      {editor.isEditable() && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__editButton`}\n            disabled={field?.admin?.readOnly}\n            el=\"div\"\n            icon=\"edit\"\n            onClick={() => {\n              editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                fields: formData,\n                nodeKey,\n              })\n            }}\n            round\n            size=\"small\"\n            tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n          />\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__removeButton`}\n            disabled={field?.admin?.readOnly}\n            icon=\"x\"\n            onClick={(e) => {\n              e.preventDefault()\n              removeInlineBlock()\n            }}\n            round\n            size=\"small\"\n            tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["useCallback", "useEffect", "useRef", "useLexicalComposerContext", "useLexicalNodeSelection", "mergeRegister", "getTranslation", "Button", "RenderComponent", "useTranslation", "$getNodeByKey", "$getSelection", "$isNodeSelection", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_BACKSPACE_COMMAND", "KEY_DELETE_COMMAND", "jsx", "jsxs", "baseClass", "InlineBlockComponent", "props", "formData", "nodeKey", "editor", "useLexicalComposerContext", "i18n", "t", "useTranslation", "field", "useEditorConfigContext", "inlineBlockElemElemRef", "useRef", "isSelected", "setSelected", "clearSelection", "useLexicalNodeSelection", "richTextComponentMap", "clientBlock", "block", "removeInlineBlock", "useCallback", "$getNodeByKey", "$onDelete", "event", "$isNodeSelection", "$getSelection", "node", "$isInlineBlockNode", "onClick", "payload", "useEffect", "mergeRegister", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_DELETE_COMMAND", "KEY_BACKSPACE_COMMAND", "blockDisplayName", "getTranslation", "RenderComponent", "Button", "OPEN_INLINE_BLOCK_DRAWER_COMMAND", "e"]
+}

package/dist/exports/client/index.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 export { slashMenuBasicGroupWithItems } from '../../features/shared/slashMenu/basicGroup.js';
 export { RichTextCell } from '../../cell/index.js';
-export { AlignFeatureClient } from '../../features/align/feature.client.js';
-export { BlockquoteFeatureClient } from '../../features/blockquote/feature.client.js';
-export { BlocksFeatureClient } from '../../features/blocks/feature.client.js';
+export { AlignFeatureClient } from '../../features/align/client/index.js';
+export { BlockquoteFeatureClient } from '../../features/blockquote/client/index.js';
+export { BlocksFeatureClient } from '../../features/blocks/client/index.js';
 export { createClientComponent } from '../../features/createClientComponent.js';
-export { TestRecorderFeatureClient } from '../../features/debug/testRecorder/feature.client.js';
-export { TreeViewFeatureClient } from '../../features/debug/treeView/feature.client.js';
+export { TestRecorderFeatureClient } from '../../features/debug/testRecorder/client/index.js';
+export { TreeViewFeatureClient } from '../../features/debug/treeView/client/index.js';
 export { BoldFeatureClient } from '../../features/format/bold/feature.client.js';
 export { InlineCodeFeatureClient } from '../../features/format/inlineCode/feature.client.js';
 export { ItalicFeatureClient } from '../../features/format/italic/feature.client.js';
@@ -13,27 +13,27 @@ export { StrikethroughFeatureClient } from '../../features/format/strikethrough/
 export { SubscriptFeatureClient } from '../../features/format/subscript/feature.client.js';
 export { SuperscriptFeatureClient } from '../../features/format/superscript/feature.client.js';
 export { UnderlineFeatureClient } from '../../features/format/underline/feature.client.js';
-export { HeadingFeatureClient } from '../../features/heading/feature.client.js';
-export { HorizontalRuleFeatureClient } from '../../features/horizontalRule/feature.client.js';
-export { IndentFeatureClient } from '../../features/indent/feature.client.js';
-export { LinkFeatureClient } from '../../features/link/feature.client.js';
-export { ChecklistFeatureClient } from '../../features/lists/checklist/feature.client.js';
-export { OrderedListFeatureClient } from '../../features/lists/orderedList/feature.client.js';
-export { UnorderedListFeatureClient } from '../../features/lists/unorderedList/feature.client.js';
+export { HeadingFeatureClient } from '../../features/heading/client/index.js';
+export { HorizontalRuleFeatureClient } from '../../features/horizontalRule/client/index.js';
+export { IndentFeatureClient } from '../../features/indent/client/index.js';
+export { LinkFeatureClient } from '../../features/link/client/index.js';
+export { ChecklistFeatureClient } from '../../features/lists/checklist/client/index.js';
+export { OrderedListFeatureClient } from '../../features/lists/orderedList/client/index.js';
+export { UnorderedListFeatureClient } from '../../features/lists/unorderedList/client/index.js';
 export { LexicalPluginToLexicalFeatureClient } from '../../features/migrations/lexicalPluginToLexical/feature.client.js';
 export { SlateToLexicalFeatureClient } from '../../features/migrations/slateToLexical/feature.client.js';
-export { ParagraphFeatureClient } from '../../features/paragraph/feature.client.js';
-export { RelationshipFeatureClient } from '../../features/relationship/feature.client.js';
+export { ParagraphFeatureClient } from '../../features/paragraph/client/index.js';
+export { RelationshipFeatureClient } from '../../features/relationship/client/index.js';
 export { toolbarFormatGroupWithItems } from '../../features/format/shared/toolbarFormatGroup.js';
 export { toolbarAddDropdownGroupWithItems } from '../../features/shared/toolbar/addDropdownGroup.js';
 export { toolbarFeatureButtonsGroupWithItems } from '../../features/shared/toolbar/featureButtonsGroup.js';
 export { toolbarTextDropdownGroupWithItems } from '../../features/shared/toolbar/textDropdownGroup.js';
-export { FixedToolbarFeatureClient } from '../../features/toolbars/fixed/feature.client.js';
-export { InlineToolbarFeatureClient } from '../../features/toolbars/inline/feature.client.js';
+export { FixedToolbarFeatureClient } from '../../features/toolbars/fixed/client/index.js';
+export { InlineToolbarFeatureClient } from '../../features/toolbars/inline/client/index.js';
 export { ToolbarButton } from '../../features/toolbars/shared/ToolbarButton/index.js';
-export { TableFeatureClient } from '../../features/experimental_table/feature.client.js';
+export { TableFeatureClient } from '../../features/experimental_table/client/index.js';
 export { ToolbarDropdown } from '../../features/toolbars/shared/ToolbarDropdown/index.js';
-export { UploadFeatureClient } from '../../features/upload/feature.client.js';
+export { UploadFeatureClient } from '../../features/upload/client/feature.client.js';
 export { RichTextField } from '../../field/index.js';
 export { EditorConfigProvider, useEditorConfigContext, } from '../../lexical/config/client/EditorConfigProvider.js';
 export { defaultEditorLexicalConfig } from '../../lexical/config/client/default.js';
@@ -42,7 +42,6 @@ export { CAN_USE_DOM } from '../../lexical/utils/canUseDOM.js';
 export { getDOMRangeRect } from '../../lexical/utils/getDOMRangeRect.js';
 export { getSelectedNode } from '../../lexical/utils/getSelectedNode.js';
 export { isHTMLElement } from '../../lexical/utils/guard.js';
-export { invariant } from '../../lexical/utils/invariant.js';
 export { joinClasses } from '../../lexical/utils/joinClasses.js';
 export { createBlockNode } from '../../lexical/utils/markdown/createBlockNode.js';
 export { Point, isPoint } from '../../lexical/utils/point.js';
@@ -54,10 +53,10 @@ export { createClientFeature } from '../../utilities/createClientFeature.js';
 export { DETAIL_TYPE_TO_DETAIL, DOUBLE_LINE_BREAK, ELEMENT_FORMAT_TO_TYPE, ELEMENT_TYPE_TO_FORMAT, IS_ALL_FORMATTING, LTR_REGEX, NON_BREAKING_SPACE, NodeFormat, RTL_REGEX, TEXT_MODE_TO_TYPE, TEXT_TYPE_TO_FORMAT, TEXT_TYPE_TO_MODE, } from '../../lexical/utils/nodeFormat.js';
 export { ENABLE_SLASH_MENU_COMMAND } from '../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/index.js';
 export { getEnabledNodes } from '../../lexical/nodes/index.js';
-export { $createUploadNode, $isUploadNode, UploadNode, } from '../../features/upload/nodes/UploadNode.js';
-export { $createRelationshipNode, $isRelationshipNode, RelationshipNode, } from '../../features/relationship/nodes/RelationshipNode.js';
+export { $createUploadNode, $isUploadNode, UploadNode, } from '../../features/upload/client/nodes/UploadNode.js';
+export { $createRelationshipNode, $isRelationshipNode, RelationshipNode, } from '../../features/relationship/client/nodes/RelationshipNode.js';
 export { $createLinkNode, $isLinkNode, LinkNode, TOGGLE_LINK_COMMAND, } from '../../features/link/nodes/LinkNode.js';
 export { $createAutoLinkNode, $isAutoLinkNode, AutoLinkNode, } from '../../features/link/nodes/AutoLinkNode.js';
-export { $createBlockNode, $isBlockNode, BlockNode, } from '../../features/blocks/nodes/BlocksNode.js';
+export { $createBlockNode, $isBlockNode, BlockNode, } from '../../features/blocks/client/nodes/BlocksNode.js';
 export { FieldsDrawer } from '../../utilities/fieldsDrawer/Drawer.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/exports/client/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/client/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAA;AAE5F,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~wCAAwC~~,CAAA;~~AAC3E~~,OAAO,EAAE,uBAAuB,EAAE,MAAM,~~6CAA6C~~,CAAA;~~AACrF~~,OAAO,EAAE,mBAAmB,EAAE,MAAM,~~yCAAyC~~,CAAA;~~AAC7E~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAA;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,~~qDAAqD~~,CAAA;~~AAC/F~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,~~iDAAiD,~~CAAA;~~AACvF~~,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAA;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAA;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,uDAAuD,CAAA;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAA;AAC1F,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAC9F,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAA;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,~~0CAA0C~~,CAAA;~~AAC/E~~,OAAO,EAAE,2BAA2B,EAAE,MAAM,~~iDAAiD,~~CAAA;~~AAC7F~~,OAAO,EAAE,mBAAmB,EAAE,MAAM,~~yCAAyC~~,CAAA;~~AAC7E~~,OAAO,EAAE,iBAAiB,EAAE,MAAM,~~uCAAuC~~,CAAA;~~AACzE~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,~~kDAAkD~~,CAAA;~~AACzF~~,OAAO,EAAE,wBAAwB,EAAE,MAAM,~~oDAAoD~~,CAAA;~~AAC7F~~,OAAO,EAAE,0BAA0B,EAAE,MAAM,~~sDAAsD~~,CAAA;~~AACjG~~,OAAO,EAAE,mCAAmC,EAAE,MAAM,oEAAoE,CAAA;AACxH,OAAO,EAAE,2BAA2B,EAAE,MAAM,4DAA4D,CAAA;AACxG,OAAO,EAAE,sBAAsB,EAAE,MAAM,~~4CAA4C~~,CAAA;~~AAEnF~~,OAAO,EAAE,yBAAyB,EAAE,MAAM~~,+CAA+C~~,CAAA;~~AAEzF~~,OAAO,EAAE,2BAA2B,EAAE,MAAM,oDAAoD,CAAA;AAChG,OAAO,EAAE,gCAAgC,EAAE,MAAM,mDAAmD,CAAA;AACpG,OAAO,EAAE,mCAAmC,EAAE,MAAM,sDAAsD,CAAA;AAC1G,OAAO,EAAE,iCAAiC,EAAE,MAAM,oDAAoD,CAAA;AACtG,OAAO,EAAE,yBAAyB,EAAE,MAAM,~~iDAAiD,~~CAAA;~~AAC3F~~,OAAO,EAAE,0BAA0B,EAAE,MAAM,~~kDAAkD~~,CAAA;~~AAC7F~~,OAAO,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAA;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~qDAAqD~~,CAAA;~~AAExF~~,OAAO,EAAE,eAAe,EAAE,MAAM,yDAAyD,CAAA;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,~~yCAAyC~~,CAAA;~~AAE7E~~,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,qDAAqD,CAAA;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAA;AAEnF,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,GACvB,MAAM,yCAAyC,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,~~SAAS,EAAE,MAAM,kCAAkC,CAAA;AAC5D,OAAO,EAAE,~~WAAW,EAAE,MAAM,oCAAoC,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAA;AACjF,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAA;AACxF,OAAO,EAAE,oCAAoC,EAAE,MAAM,6DAA6D,CAAA;AAElH,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAE5E,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,qEAAqE,CAAA;AAE/G,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAE9D,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,UAAU,GACX,MAAM,~~2CAA2C~~,CAAA;~~AAElD~~,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,~~uDAAuD~~,CAAA;~~AAE9D~~,OAAO,EACL,eAAe,EACf,WAAW,EACX,QAAQ,EACR,mBAAmB,GACpB,MAAM,uCAAuC,CAAA;AAE9C,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,YAAY,GACb,MAAM,2CAA2C,CAAA;AAElD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,SAAS,GACV,MAAM,~~2CAA2C~~,CAAA;~~AAElD~~,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/client/index.ts"],"names":[],"mappings":"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"}