@ruya.sa/richtext-slate 3.71.3

package/dist/field/elements/link/Element/index.js

@@ -0,0 +1,218 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { Button, Popup, Translation, useConfig, useDocumentInfo, useDrawerSlug, useLocale, useModal, useServerFunctions, useTranslation } from '@ruya.sa/ui';
+import { deepCopyObject, reduceFieldsToValues } from '@ruya.sa/payload/shared';
+import { useCallback, useEffect, useState } from 'react';
+import { Editor, Node, Transforms } from 'slate';
+import { ReactEditor, useSlate } from 'slate-react';
+import { useElement } from '../../../providers/ElementProvider.js';
+import { LinkDrawer } from '../LinkDrawer/index.js';
+import { linkFieldsSchemaPath } from '../shared.js';
+import { unwrapLink } from '../utilities.js';
+import './index.scss';
+const baseClass = 'rich-text-link';
+/**
+ * This function is called when an existing link is edited.
+ * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}
+ */ const insertChange = (editor, fields)=>{
+    const data = reduceFieldsToValues(fields, true);
+    const [, parentPath] = Editor.above(editor);
+    const newNode = {
+        doc: data.doc,
+        linkType: data.linkType,
+        newTab: data.newTab,
+        url: data.url
+    };
+    if (data.fields) {
+        newNode.fields = data.fields;
+    }
+    Transforms.setNodes(editor, newNode, {
+        at: parentPath
+    });
+    Transforms.delete(editor, {
+        at: editor.selection.focus.path,
+        unit: 'block'
+    });
+    Transforms.move(editor, {
+        distance: 1,
+        unit: 'offset'
+    });
+    Transforms.insertText(editor, String(data.text), {
+        at: editor.selection.focus.path
+    });
+    ReactEditor.focus(editor);
+};
+export const LinkElement = ()=>{
+    const { attributes, children, editorRef, element, fieldProps, schemaPath } = useElement();
+    const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`;
+    const { componentMap } = fieldProps;
+    const fields = componentMap[linkFieldsSchemaPath];
+    const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo();
+    const editor = useSlate();
+    const { config, getEntityConfig } = useConfig();
+    const { code: locale } = useLocale();
+    const { i18n, t } = useTranslation();
+    const { closeModal, openModal, toggleModal } = useModal();
+    const [renderModal, setRenderModal] = useState(false);
+    const [renderPopup, setRenderPopup] = useState(false);
+    const [initialState, setInitialState] = useState({});
+    const { getFormState } = useServerFunctions();
+    const drawerSlug = useDrawerSlug('rich-text-link');
+    const handleTogglePopup = useCallback((render)=>{
+        if (!render) {
+            setRenderPopup(render);
+        }
+    }, []);
+    useEffect(()=>{
+        const awaitInitialState = async ()=>{
+            const data = {
+                doc: element.doc,
+                fields: deepCopyObject(element.fields),
+                linkType: element.linkType,
+                newTab: element.newTab,
+                text: Node.string(element),
+                url: element.url
+            };
+            const { state } = await getFormState({
+                collectionSlug,
+                data,
+                docPermissions: {
+                    fields: true
+                },
+                docPreferences: await getDocPreferences(),
+                globalSlug,
+                operation: 'update',
+                renderAllFields: true,
+                schemaPath: fieldMapPath ?? ''
+            });
+            setInitialState(state);
+        };
+        if (renderModal) {
+            void awaitInitialState();
+        }
+    }, [
+        renderModal,
+        element,
+        locale,
+        t,
+        collectionSlug,
+        config,
+        id,
+        fieldMapPath,
+        getFormState,
+        globalSlug,
+        getDocPreferences,
+        docPermissions
+    ]);
+    return /*#__PURE__*/ _jsxs("span", {
+        className: baseClass,
+        ...attributes,
+        children: [
+            /*#__PURE__*/ _jsxs("span", {
+                contentEditable: false,
+                style: {
+                    userSelect: 'none'
+                },
+                children: [
+                    renderModal && /*#__PURE__*/ _jsx(LinkDrawer, {
+                        drawerSlug: drawerSlug,
+                        fields: Array.isArray(fields) ? fields : [],
+                        handleClose: ()=>{
+                            toggleModal(drawerSlug);
+                            setRenderModal(false);
+                        },
+                        handleModalSubmit: (fields)=>{
+                            insertChange(editor, fields);
+                            closeModal(drawerSlug);
+                            setRenderModal(false);
+                        },
+                        initialState: initialState,
+                        schemaPath: schemaPath
+                    }),
+                    /*#__PURE__*/ _jsx(Popup, {
+                        boundingRef: editorRef,
+                        buttonType: "none",
+                        forceOpen: renderPopup,
+                        horizontalAlign: "left",
+                        onToggleOpen: handleTogglePopup,
+                        render: ()=>/*#__PURE__*/ _jsxs("div", {
+                                className: `${baseClass}__popup`,
+                                children: [
+                                    element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && /*#__PURE__*/ _jsx(Translation, {
+                                        elements: {
+                                            '0': ({ children })=>/*#__PURE__*/ _jsx("a", {
+                                                    className: `${baseClass}__link-label`,
+                                                    href: `${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`,
+                                                    rel: "noreferrer",
+                                                    target: "_blank",
+                                                    title: `${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`,
+                                                    children: children
+                                                })
+                                        },
+                                        i18nKey: "fields:linkedTo",
+                                        t: t,
+                                        variables: {
+                                            label: getTranslation(getEntityConfig({
+                                                collectionSlug: element.doc.relationTo
+                                            })?.labels?.singular, i18n)
+                                        }
+                                    }),
+                                    (element.linkType === 'custom' || !element.linkType) && /*#__PURE__*/ _jsx("a", {
+                                        className: `${baseClass}__link-label`,
+                                        href: element.url,
+                                        rel: "noreferrer",
+                                        target: "_blank",
+                                        title: element.url,
+                                        children: element.url
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        buttonStyle: "icon-label",
+                                        className: `${baseClass}__link-edit`,
+                                        icon: "edit",
+                                        onClick: (e)=>{
+                                            e.preventDefault();
+                                            setRenderPopup(false);
+                                            openModal(drawerSlug);
+                                            setRenderModal(true);
+                                        },
+                                        round: true,
+                                        tooltip: t('general:edit')
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        buttonStyle: "icon-label",
+                                        className: `${baseClass}__link-close`,
+                                        icon: "x",
+                                        onClick: (e)=>{
+                                            e.preventDefault();
+                                            unwrapLink(editor);
+                                        },
+                                        round: true,
+                                        tooltip: t('general:remove')
+                                    })
+                                ]
+                            }),
+                        size: "fit-content",
+                        verticalAlign: "bottom"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: [
+                    `${baseClass}__popup-toggler`
+                ].filter(Boolean).join(' '),
+                onClick: ()=>setRenderPopup(true),
+                onKeyDown: (e)=>{
+                    if (e.key === 'Enter') {
+                        setRenderPopup(true);
+                    }
+                },
+                role: "button",
+                tabIndex: 0,
+                children: children
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/elements/link/Element/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/elements/link/Element/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport {\n  Button,\n  Popup,\n  Translation,\n  useConfig,\n  useDocumentInfo,\n  useDrawerSlug,\n  useLocale,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { deepCopyObject, reduceFieldsToValues } from '@ruya.sa/payload/shared'\nimport { useCallback, useEffect, useState } from 'react'\nimport { Editor, Node, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { LinkElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link'\n\n/**\n * This function is called when an existing link is edited.\n * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}\n */\nconst insertChange = (editor, fields) => {\n  const data = reduceFieldsToValues(fields, true)\n\n  const [, parentPath] = Editor.above(editor)\n\n  const newNode: Record<string, unknown> = {\n    doc: data.doc,\n    linkType: data.linkType,\n    newTab: data.newTab,\n    url: data.url,\n  }\n\n  if (data.fields) {\n    newNode.fields = data.fields\n  }\n\n  Transforms.setNodes(editor, newNode, { at: parentPath })\n\n  Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' })\n  Transforms.move(editor, { distance: 1, unit: 'offset' })\n  Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n\n  ReactEditor.focus(editor)\n}\n\nexport const LinkElement = () => {\n  const { attributes, children, editorRef, element, fieldProps, schemaPath } =\n    useElement<LinkElementType>()\n\n  const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n  const { componentMap } = fieldProps\n  const fields = componentMap[linkFieldsSchemaPath]\n  const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const editor = useSlate()\n  const { config, getEntityConfig } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal, toggleModal } = useModal()\n  const [renderModal, setRenderModal] = useState(false)\n  const [renderPopup, setRenderPopup] = useState(false)\n  const [initialState, setInitialState] = useState<FormState>({})\n\n  const { getFormState } = useServerFunctions()\n\n  const drawerSlug = useDrawerSlug('rich-text-link')\n\n  const handleTogglePopup = useCallback((render) => {\n    if (!render) {\n      setRenderPopup(render)\n    }\n  }, [])\n\n  useEffect(() => {\n    const awaitInitialState = async () => {\n      const data = {\n        doc: element.doc,\n        fields: deepCopyObject(element.fields),\n        linkType: element.linkType,\n        newTab: element.newTab,\n        text: Node.string(element),\n        url: element.url,\n      }\n\n      const { state } = await getFormState({\n        collectionSlug,\n        data,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        globalSlug,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: fieldMapPath ?? '',\n      })\n\n      setInitialState(state)\n    }\n\n    if (renderModal) {\n      void awaitInitialState()\n    }\n  }, [\n    renderModal,\n    element,\n    locale,\n    t,\n    collectionSlug,\n    config,\n    id,\n    fieldMapPath,\n    getFormState,\n    globalSlug,\n    getDocPreferences,\n    docPermissions,\n  ])\n\n  return (\n    <span className={baseClass} {...attributes}>\n      <span contentEditable={false} style={{ userSelect: 'none' }}>\n        {renderModal && (\n          <LinkDrawer\n            drawerSlug={drawerSlug}\n            fields={Array.isArray(fields) ? fields : []}\n            handleClose={() => {\n              toggleModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            handleModalSubmit={(fields) => {\n              insertChange(editor, fields)\n              closeModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            initialState={initialState}\n            schemaPath={schemaPath}\n          />\n        )}\n        <Popup\n          boundingRef={editorRef}\n          buttonType=\"none\"\n          forceOpen={renderPopup}\n          horizontalAlign=\"left\"\n          onToggleOpen={handleTogglePopup}\n          render={() => (\n            <div className={`${baseClass}__popup`}>\n              {element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (\n                <Translation\n                  elements={{\n                    '0': ({ children }) => (\n                      <a\n                        className={`${baseClass}__link-label`}\n                        href={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                        title={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                      >\n                        {children}\n                      </a>\n                    ),\n                  }}\n                  i18nKey=\"fields:linkedTo\"\n                  t={t}\n                  variables={{\n                    label: getTranslation(\n                      getEntityConfig({ collectionSlug: element.doc.relationTo })?.labels?.singular,\n                      i18n,\n                    ),\n                  }}\n                />\n              )}\n              {(element.linkType === 'custom' || !element.linkType) && (\n                <a\n                  className={`${baseClass}__link-label`}\n                  href={element.url}\n                  rel=\"noreferrer\"\n                  target=\"_blank\"\n                  title={element.url}\n                >\n                  {element.url}\n                </a>\n              )}\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-edit`}\n                icon=\"edit\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  setRenderPopup(false)\n                  openModal(drawerSlug)\n                  setRenderModal(true)\n                }}\n                round\n                tooltip={t('general:edit')}\n              />\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-close`}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  unwrapLink(editor)\n                }}\n                round\n                tooltip={t('general:remove')}\n              />\n            </div>\n          )}\n          size=\"fit-content\"\n          verticalAlign=\"bottom\"\n        />\n      </span>\n      <span\n        className={[`${baseClass}__popup-toggler`].filter(Boolean).join(' ')}\n        onClick={() => setRenderPopup(true)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            setRenderPopup(true)\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"names":["getTranslation","Button","Popup","Translation","useConfig","useDocumentInfo","useDrawerSlug","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","reduceFieldsToValues","useCallback","useEffect","useState","Editor","Node","Transforms","ReactEditor","useSlate","useElement","LinkDrawer","linkFieldsSchemaPath","unwrapLink","baseClass","insertChange","editor","fields","data","parentPath","above","newNode","doc","linkType","newTab","url","setNodes","at","delete","selection","focus","path","unit","move","distance","insertText","String","text","LinkElement","attributes","children","editorRef","element","fieldProps","schemaPath","fieldMapPath","componentMap","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","config","getEntityConfig","code","locale","i18n","t","closeModal","openModal","toggleModal","renderModal","setRenderModal","renderPopup","setRenderPopup","initialState","setInitialState","getFormState","drawerSlug","handleTogglePopup","render","awaitInitialState","string","state","docPreferences","operation","renderAllFields","span","className","contentEditable","style","userSelect","Array","isArray","handleClose","handleModalSubmit","boundingRef","buttonType","forceOpen","horizontalAlign","onToggleOpen","div","relationTo","value","elements","a","href","routes","admin","rel","target","title","i18nKey","variables","label","labels","singular","buttonStyle","icon","onClick","e","preventDefault","round","tooltip","size","verticalAlign","filter","Boolean","join","onKeyDown","key","role","tabIndex"],"mappings":"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"}

package/dist/field/elements/link/Element/index.scss

@@ -0,0 +1,90 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .rich-text-link {
+    position: relative;
+
+    .popup {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+
+      .popup__hide-scrollbar,
+      .popup__scroll-container {
+        overflow: visible;
+      }
+
+      .popup__scroll-content {
+        white-space: pre;
+      }
+    }
+
+    .icon--x line {
+      stroke-width: 2px;
+    }
+
+    &__popup {
+      @extend %body;
+      font-family: var(--font-body);
+      display: flex;
+
+      button {
+        @extend %btn-reset;
+        font-weight: 600;
+        cursor: pointer;
+        margin: 0;
+      }
+    }
+
+    &__link-label {
+      max-width: base(8);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      border-radius: 2px;
+
+      &:hover {
+        background-color: var(--popup-button-highlight);
+      }
+    }
+  }
+
+  .rich-text-link__popup {
+    display: flex;
+    gap: calc(var(--base) * 0.25);
+    button {
+      &:hover {
+        .btn__icon {
+          background-color: var(--popup-button-highlight);
+          .fill {
+            fill: var(--theme-text);
+          }
+          .stroke {
+            stroke: var(--theme-text);
+          }
+        }
+      }
+    }
+  }
+
+  .rich-text-link__popup-toggler {
+    position: relative;
+    border: 0;
+    background-color: transparent;
+    padding: 0;
+    color: var(--theme-success-600);
+    text-decoration: none;
+    border-bottom: 1px dotted;
+    cursor: text;
+
+    &:focus,
+    &:focus-within {
+      outline: none;
+    }
+
+    &--open {
+      z-index: var(--z-popup);
+    }
+  }
+}

package/dist/field/elements/link/LinkDrawer/baseFields.d.ts

@@ -0,0 +1,3 @@
+import type { Field, SanitizedConfig } from '@ruya.sa/payload';
+export declare const getBaseFields: (config: SanitizedConfig) => Field[];
+//# sourceMappingURL=baseFields.d.ts.map

package/dist/field/elements/link/LinkDrawer/baseFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseFields.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAa,MAAM,kBAAkB,CAAA;AAEzE,eAAO,MAAM,aAAa,WAAY,eAAe,KAAG,KAAK,EAmE5D,CAAA"}

package/dist/field/elements/link/LinkDrawer/baseFields.js

@@ -0,0 +1,70 @@
+export const getBaseFields = (config)=>[
+        {
+            name: 'text',
+            type: 'text',
+            label: ({ t })=>t('fields:textToDisplay'),
+            required: true
+        },
+        {
+            name: 'linkType',
+            type: 'radio',
+            admin: {
+                description: ({ t })=>t('fields:chooseBetweenCustomTextOrDocument')
+            },
+            defaultValue: 'custom',
+            label: ({ t })=>t('fields:linkType'),
+            options: [
+                {
+                    label: ({ t })=>t('fields:customURL'),
+                    value: 'custom'
+                },
+                {
+                    label: ({ t })=>t('fields:internalLink'),
+                    value: 'internal'
+                }
+            ],
+            required: true
+        },
+        {
+            name: 'url',
+            type: 'text',
+            admin: {
+                condition: ({ linkType })=>linkType !== 'internal'
+            },
+            label: ({ t })=>t('fields:enterURL'),
+            required: true
+        },
+        {
+            name: 'doc',
+            admin: {
+                condition: ({ linkType })=>{
+                    return linkType === 'internal';
+                }
+            },
+            // when admin.hidden is a function we need to dynamically call hidden with the user to know if the collection should be shown
+            type: 'relationship',
+            filterOptions: ({ relationTo, user })=>{
+                const hidden = config.collections.find(({ slug })=>slug === relationTo).admin.hidden;
+                if (typeof hidden === 'function' && hidden({
+                    user
+                })) {
+                    return false;
+                }
+            },
+            label: ({ t })=>t('fields:chooseDocumentToLink'),
+            relationTo: config.collections.filter(({ admin: { enableRichTextLink, hidden } })=>{
+                if (typeof hidden !== 'function' && hidden) {
+                    return false;
+                }
+                return enableRichTextLink;
+            }).map(({ slug })=>slug),
+            required: true
+        },
+        {
+            name: 'newTab',
+            type: 'checkbox',
+            label: ({ t })=>t('fields:openInNewTab')
+        }
+    ];
+
+//# sourceMappingURL=baseFields.js.map

package/dist/field/elements/link/LinkDrawer/baseFields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"sourcesContent":["import type { Field, SanitizedConfig, TypedUser } from '@ruya.sa/payload'\n\nexport const getBaseFields = (config: SanitizedConfig): Field[] => [\n  {\n    name: 'text',\n    type: 'text',\n    label: ({ t }) => t('fields:textToDisplay'),\n    required: true,\n  },\n  {\n    name: 'linkType',\n    type: 'radio',\n    admin: {\n      description: ({ t }) => t('fields:chooseBetweenCustomTextOrDocument'),\n    },\n    defaultValue: 'custom',\n    label: ({ t }) => t('fields:linkType'),\n    options: [\n      {\n        label: ({ t }) => t('fields:customURL'),\n        value: 'custom',\n      },\n      {\n        label: ({ t }) => t('fields:internalLink'),\n        value: 'internal',\n      },\n    ],\n    required: true,\n  },\n  {\n    name: 'url',\n    type: 'text',\n    admin: {\n      condition: ({ linkType }) => linkType !== 'internal',\n    },\n    label: ({ t }) => t('fields:enterURL'),\n    required: true,\n  },\n  {\n    name: 'doc',\n    admin: {\n      condition: ({ linkType }) => {\n        return linkType === 'internal'\n      },\n    },\n    // when admin.hidden is a function we need to dynamically call hidden with the user to know if the collection should be shown\n    type: 'relationship',\n    filterOptions: ({ relationTo, user }) => {\n      const hidden = config.collections.find(({ slug }) => slug === relationTo).admin.hidden\n      if (typeof hidden === 'function' && hidden({ user } as { user: TypedUser })) {\n        return false\n      }\n    },\n    label: ({ t }) => t('fields:chooseDocumentToLink'),\n    relationTo: config.collections\n      .filter(({ admin: { enableRichTextLink, hidden } }) => {\n        if (typeof hidden !== 'function' && hidden) {\n          return false\n        }\n        return enableRichTextLink\n      })\n      .map(({ slug }) => slug),\n    required: true,\n  },\n  {\n    name: 'newTab',\n    type: 'checkbox',\n    label: ({ t }) => t('fields:openInNewTab'),\n  },\n]\n"],"names":["getBaseFields","config","name","type","label","t","required","admin","description","defaultValue","options","value","condition","linkType","filterOptions","relationTo","user","hidden","collections","find","slug","filter","enableRichTextLink","map"],"mappings":"AAEA,OAAO,MAAMA,gBAAgB,CAACC,SAAqC;QACjE;YACEC,MAAM;YACNC,MAAM;YACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNI,OAAO;gBACLC,aAAa,CAAC,EAAEH,CAAC,EAAE,GAAKA,EAAE;YAC5B;YACAI,cAAc;YACdL,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBK,SAAS;gBACP;oBACEN,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;oBACpBM,OAAO;gBACT;gBACA;oBACEP,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;oBACpBM,OAAO;gBACT;aACD;YACDL,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNI,OAAO;gBACLK,WAAW,CAAC,EAAEC,QAAQ,EAAE,GAAKA,aAAa;YAC5C;YACAT,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNK,OAAO;gBACLK,WAAW,CAAC,EAAEC,QAAQ,EAAE;oBACtB,OAAOA,aAAa;gBACtB;YACF;YACA,6HAA6H;YAC7HV,MAAM;YACNW,eAAe,CAAC,EAAEC,UAAU,EAAEC,IAAI,EAAE;gBAClC,MAAMC,SAAShB,OAAOiB,WAAW,CAACC,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASL,YAAYR,KAAK,CAACU,MAAM;gBACtF,IAAI,OAAOA,WAAW,cAAcA,OAAO;oBAAED;gBAAK,IAA2B;oBAC3E,OAAO;gBACT;YACF;YACAZ,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBU,YAAYd,OAAOiB,WAAW,CAC3BG,MAAM,CAAC,CAAC,EAAEd,OAAO,EAAEe,kBAAkB,EAAEL,MAAM,EAAE,EAAE;gBAChD,IAAI,OAAOA,WAAW,cAAcA,QAAQ;oBAC1C,OAAO;gBACT;gBACA,OAAOK;YACT,GACCC,GAAG,CAAC,CAAC,EAAEH,IAAI,EAAE,GAAKA;YACrBd,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;QACtB;KACD,CAAA"}

package/dist/field/elements/link/LinkDrawer/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from './types.js';
+import './index.scss';
+export declare const LinkDrawer: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/elements/link/LinkDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2DtC,CAAA"}

package/dist/field/elements/link/LinkDrawer/index.js

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer, EditDepthProvider, Form, FormSubmit, RenderFields, useDocumentInfo, useEditDepth, useHotkey, useServerFunctions, useTranslation } from '@ruya.sa/ui';
+import React, { useCallback, useRef } from 'react';
+import { linkFieldsSchemaPath } from '../shared.js';
+import './index.scss';
+const baseClass = 'rich-text-link-edit-modal';
+export const LinkDrawer = ({ drawerSlug, fields, handleModalSubmit, initialState, schemaPath })=>{
+    const { t } = useTranslation();
+    const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`;
+    const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo();
+    const { getFormState } = useServerFunctions();
+    const onChange = useCallback(async ({ formState: prevFormState })=>{
+        const { state } = await getFormState({
+            id,
+            collectionSlug,
+            docPermissions: {
+                fields: true
+            },
+            docPreferences: await getDocPreferences(),
+            formState: prevFormState,
+            globalSlug,
+            operation: 'update',
+            schemaPath: fieldMapPath ?? ''
+        });
+        return state;
+    }, [
+        getFormState,
+        id,
+        collectionSlug,
+        getDocPreferences,
+        globalSlug,
+        fieldMapPath
+    ]);
+    return /*#__PURE__*/ _jsx(EditDepthProvider, {
+        children: /*#__PURE__*/ _jsx(Drawer, {
+            className: baseClass,
+            slug: drawerSlug,
+            title: t('fields:editLink'),
+            children: /*#__PURE__*/ _jsxs(Form, {
+                beforeSubmit: [
+                    onChange
+                ],
+                disableValidationOnSubmit: true,
+                initialState: initialState,
+                onChange: [
+                    onChange
+                ],
+                onSubmit: handleModalSubmit,
+                children: [
+                    /*#__PURE__*/ _jsx(RenderFields, {
+                        fields: fields,
+                        forceRender: true,
+                        parentIndexPath: "",
+                        parentPath: '',
+                        parentSchemaPath: "",
+                        permissions: true,
+                        readOnly: false
+                    }),
+                    /*#__PURE__*/ _jsx(LinkSubmit, {})
+                ]
+            })
+        })
+    });
+};
+const LinkSubmit = ()=>{
+    const { t } = useTranslation();
+    const ref = useRef(null);
+    const editDepth = useEditDepth();
+    useHotkey({
+        cmdCtrlKey: true,
+        editDepth,
+        keyCodes: [
+            's'
+        ]
+    }, (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (ref?.current) {
+            ref.current.click();
+        }
+    });
+    return /*#__PURE__*/ _jsx(FormSubmit, {
+        ref: ref,
+        children: t('general:submit')
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/elements/link/LinkDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@ruya.sa/ui'\n\nimport {\n  Drawer,\n  EditDepthProvider,\n  Form,\n  FormSubmit,\n  RenderFields,\n  useDocumentInfo,\n  useEditDepth,\n  useHotkey,\n  useServerFunctions,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport React, { useCallback, useRef } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link-edit-modal'\n\nexport const LinkDrawer: React.FC<Props> = ({\n  drawerSlug,\n  fields,\n  handleModalSubmit,\n  initialState,\n  schemaPath,\n}) => {\n  const { t } = useTranslation()\n  const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const { getFormState } = useServerFunctions()\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        schemaPath: fieldMapPath ?? '',\n      })\n\n      return state\n    },\n\n    [getFormState, id, collectionSlug, getDocPreferences, globalSlug, fieldMapPath],\n  )\n\n  return (\n    <EditDepthProvider>\n      <Drawer className={baseClass} slug={drawerSlug} title={t('fields:editLink')}>\n        <Form\n          beforeSubmit={[onChange]}\n          disableValidationOnSubmit\n          initialState={initialState}\n          onChange={[onChange]}\n          onSubmit={handleModalSubmit}\n        >\n          <RenderFields\n            fields={fields}\n            forceRender\n            parentIndexPath=\"\"\n            parentPath={''}\n            parentSchemaPath=\"\"\n            permissions={true}\n            readOnly={false}\n          />\n          <LinkSubmit />\n        </Form>\n      </Drawer>\n    </EditDepthProvider>\n  )\n}\n\nconst LinkSubmit: React.FC = () => {\n  const { t } = useTranslation()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return <FormSubmit ref={ref}>{t('general:submit')}</FormSubmit>\n}\n"],"names":["Drawer","EditDepthProvider","Form","FormSubmit","RenderFields","useDocumentInfo","useEditDepth","useHotkey","useServerFunctions","useTranslation","React","useCallback","useRef","linkFieldsSchemaPath","baseClass","LinkDrawer","drawerSlug","fields","handleModalSubmit","initialState","schemaPath","t","fieldMapPath","id","collectionSlug","getDocPreferences","globalSlug","getFormState","onChange","formState","prevFormState","state","docPermissions","docPreferences","operation","className","slug","title","beforeSubmit","disableValidationOnSubmit","onSubmit","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","LinkSubmit","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click"],"mappings":"AAAA;;AAIA,SACEA,MAAM,EACNC,iBAAiB,EACjBC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,eAAe,EACfC,YAAY,EACZC,SAAS,EACTC,kBAAkB,EAClBC,cAAc,QACT,cAAa;AACpB,OAAOC,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAIlD,SAASC,oBAAoB,QAAQ,eAAc;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA8B,CAAC,EAC1CC,UAAU,EACVC,MAAM,EACNC,iBAAiB,EACjBC,YAAY,EACZC,UAAU,EACX;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IACd,MAAMa,eAAe,GAAGF,WAAW,CAAC,EAAEP,sBAAsB;IAE5D,MAAM,EAAEU,EAAE,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,UAAU,EAAE,GAAGrB;IAE9D,MAAM,EAAEsB,YAAY,EAAE,GAAGnB;IAEzB,MAAMoB,WAAqCjB,YACzC,OAAO,EAAEkB,WAAWC,aAAa,EAAE;QACjC,MAAM,EAAEC,KAAK,EAAE,GAAG,MAAMJ,aAAa;YACnCJ;YACAC;YACAQ,gBAAgB;gBACdf,QAAQ;YACV;YACAgB,gBAAgB,MAAMR;YACtBI,WAAWC;YACXJ;YACAQ,WAAW;YACXd,YAAYE,gBAAgB;QAC9B;QAEA,OAAOS;IACT,GAEA;QAACJ;QAAcJ;QAAIC;QAAgBC;QAAmBC;QAAYJ;KAAa;IAGjF,qBACE,KAACrB;kBACC,cAAA,KAACD;YAAOmC,WAAWrB;YAAWsB,MAAMpB;YAAYqB,OAAOhB,EAAE;sBACvD,cAAA,MAACnB;gBACCoC,cAAc;oBAACV;iBAAS;gBACxBW,yBAAyB;gBACzBpB,cAAcA;gBACdS,UAAU;oBAACA;iBAAS;gBACpBY,UAAUtB;;kCAEV,KAACd;wBACCa,QAAQA;wBACRwB,WAAW;wBACXC,iBAAgB;wBAChBC,YAAY;wBACZC,kBAAiB;wBACjBC,aAAa;wBACbC,UAAU;;kCAEZ,KAACC;;;;;AAKX,EAAC;AAED,MAAMA,aAAuB;IAC3B,MAAM,EAAE1B,CAAC,EAAE,GAAGZ;IACd,MAAMuC,MAAMpC,OAA0B;IACtC,MAAMqC,YAAY3C;IAElBC,UAAU;QAAE2C,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3DA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBAAO,KAACrD;QAAW6C,KAAKA;kBAAM3B,EAAE;;AAClC"}

package/dist/field/elements/link/LinkDrawer/index.scss

@@ -0,0 +1,52 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .rich-text-link-edit-modal {
+    &__template {
+      position: relative;
+      z-index: 1;
+      padding-top: base(1);
+      padding-bottom: base(2);
+    }
+
+    &__header {
+      width: 100%;
+      margin-bottom: $baseline;
+      display: flex;
+      justify-content: space-between;
+      margin-top: base(2.5);
+      margin-bottom: base(1);
+
+      @include mid-break {
+        margin-top: base(1.5);
+      }
+    }
+
+    &__header-text {
+      margin: 0;
+    }
+
+    &__header-close {
+      border: 0;
+      background-color: transparent;
+      padding: 0;
+      cursor: pointer;
+      overflow: hidden;
+      width: base(1);
+      height: base(1);
+
+      svg {
+        width: base(2);
+        height: base(2);
+        position: relative;
+        inset-inline-start: base(-0.5);
+        top: base(-0.5);
+
+        .stroke {
+          stroke-width: 2px;
+          vector-effect: non-scaling-stroke;
+        }
+      }
+    }
+  }
+}

package/dist/field/elements/link/LinkDrawer/types.d.ts

@@ -0,0 +1,10 @@
+import type { ClientField, FormState } from '@ruya.sa/payload';
+export type Props = {
+    readonly drawerSlug: string;
+    readonly fields: ClientField[];
+    readonly handleClose: () => void;
+    readonly handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void;
+    readonly initialState?: FormState;
+    readonly schemaPath: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/field/elements/link/LinkDrawer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE9D,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACtF,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA"}

package/dist/field/elements/link/LinkDrawer/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/field/elements/link/LinkDrawer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"sourcesContent":["import type { ClientField, FormState } from '@ruya.sa/payload'\n\nexport type Props = {\n  readonly drawerSlug: string\n  readonly fields: ClientField[]\n  readonly handleClose: () => void\n  readonly handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void\n  readonly initialState?: FormState\n  readonly schemaPath: string\n}\n"],"names":[],"mappings":"AAEA,WAOC"}

package/dist/field/elements/link/WithLinks.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+export declare const WithLinks: React.FC;
+//# sourceMappingURL=WithLinks.d.ts.map

package/dist/field/elements/link/WithLinks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithLinks.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/WithLinks.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAG7B,CAAA"}

package/dist/field/elements/link/WithLinks.js

@@ -0,0 +1,19 @@
+'use client';
+import { useSlatePlugin } from '../../../utilities/useSlatePlugin.js';
+const plugin = (incomingEditor)=>{
+    const editor = incomingEditor;
+    const { isInline } = editor;
+    editor.isInline = (element)=>{
+        if (element.type === 'link') {
+            return true;
+        }
+        return isInline(element);
+    };
+    return editor;
+};
+export const WithLinks = ()=>{
+    useSlatePlugin('withLinks', plugin);
+    return null;
+};
+
+//# sourceMappingURL=WithLinks.js.map

package/dist/field/elements/link/WithLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/link/WithLinks.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\nimport type { Editor } from 'slate'\n\nimport { useSlatePlugin } from '../../../utilities/useSlatePlugin.js'\n\nconst plugin = (incomingEditor: Editor): Editor => {\n  const editor = incomingEditor\n  const { isInline } = editor\n\n  editor.isInline = (element) => {\n    if (element.type === 'link') {\n      return true\n    }\n\n    return isInline(element)\n  }\n\n  return editor\n}\n\nexport const WithLinks: React.FC = () => {\n  useSlatePlugin('withLinks', plugin)\n  return null\n}\n"],"names":["useSlatePlugin","plugin","incomingEditor","editor","isInline","element","type","WithLinks"],"mappings":"AAAA;AAKA,SAASA,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,SAAS,CAACC;IACd,MAAMC,SAASD;IACf,MAAM,EAAEE,QAAQ,EAAE,GAAGD;IAErBA,OAAOC,QAAQ,GAAG,CAACC;QACjB,IAAIA,QAAQC,IAAI,KAAK,QAAQ;YAC3B,OAAO;QACT;QAEA,OAAOF,SAASC;IAClB;IAEA,OAAOF;AACT;AAEA,OAAO,MAAMI,YAAsB;IACjCP,eAAe,aAAaC;IAC5B,OAAO;AACT,EAAC"}