@ruya.sa/richtext-slate 3.71.3

package/dist/field/elements/upload/Button/index.js

@@ -0,0 +1,76 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useListDrawer, useTranslation } from '@ruya.sa/ui';
+import React, { Fragment, useCallback } from 'react';
+import { ReactEditor, useSlate } from 'slate-react';
+import { UploadIcon } from '../../../icons/Upload/index.js';
+import { ElementButton } from '../../Button.js';
+import { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js';
+import { injectVoidElement } from '../../injectVoid.js';
+import './index.scss';
+const baseClass = 'upload-rich-text-button';
+const insertUpload = (editor, { relationTo, value })=>{
+    const text = {
+        text: ' '
+    };
+    const upload = {
+        type: 'upload',
+        children: [
+            text
+        ],
+        relationTo,
+        value
+    };
+    injectVoidElement(editor, upload);
+    ReactEditor.focus(editor);
+};
+const UploadButton = ({ enabledCollectionSlugs })=>{
+    const { t } = useTranslation();
+    const editor = useSlate();
+    const [ListDrawer, ListDrawerToggler, { closeDrawer }] = useListDrawer({
+        collectionSlugs: enabledCollectionSlugs,
+        uploads: true
+    });
+    const onSelect = useCallback(({ collectionSlug, doc })=>{
+        insertUpload(editor, {
+            relationTo: collectionSlug,
+            value: {
+                id: doc.id
+            }
+        });
+        closeDrawer();
+    }, [
+        editor,
+        closeDrawer
+    ]);
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(ListDrawerToggler, {
+                children: /*#__PURE__*/ _jsx(ElementButton, {
+                    className: baseClass,
+                    el: "div",
+                    format: "upload",
+                    onClick: ()=>{
+                    // do nothing
+                    },
+                    tooltip: t('fields:addUpload'),
+                    children: /*#__PURE__*/ _jsx(UploadIcon, {})
+                })
+            }),
+            /*#__PURE__*/ _jsx(ListDrawer, {
+                onSelect: onSelect
+            })
+        ]
+    });
+};
+export const UploadElementButton = (props)=>{
+    return /*#__PURE__*/ _jsx(EnabledRelationshipsCondition, {
+        ...props,
+        uploads: true,
+        children: /*#__PURE__*/ _jsx(UploadButton, {
+            ...props
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/elements/upload/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/elements/upload/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListDrawerProps } from '@ruya.sa/ui'\n\nimport { useListDrawer, useTranslation } from '@ruya.sa/ui'\nimport React, { Fragment, useCallback } from 'react'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { UploadIcon } from '../../../icons/Upload/index.js'\nimport { ElementButton } from '../../Button.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { injectVoidElement } from '../../injectVoid.js'\nimport './index.scss'\n\nconst baseClass = 'upload-rich-text-button'\n\nconst insertUpload = (editor, { relationTo, value }) => {\n  const text = { text: ' ' }\n\n  const upload = {\n    type: 'upload',\n    children: [text],\n    relationTo,\n    value,\n  }\n\n  injectVoidElement(editor, upload)\n\n  ReactEditor.focus(editor)\n}\n\ntype ButtonProps = {\n  enabledCollectionSlugs: string[]\n  path: string\n}\n\nconst UploadButton: React.FC<ButtonProps> = ({ enabledCollectionSlugs }) => {\n  const { t } = useTranslation()\n  const editor = useSlate()\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    uploads: true,\n  })\n\n  const onSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    ({ collectionSlug, doc }) => {\n      insertUpload(editor, {\n        relationTo: collectionSlug,\n        value: {\n          id: doc.id,\n        },\n      })\n      closeDrawer()\n    },\n    [editor, closeDrawer],\n  )\n\n  return (\n    <Fragment>\n      <ListDrawerToggler>\n        <ElementButton\n          className={baseClass}\n          el=\"div\"\n          format=\"upload\"\n          onClick={() => {\n            // do nothing\n          }}\n          tooltip={t('fields:addUpload')}\n        >\n          <UploadIcon />\n        </ElementButton>\n      </ListDrawerToggler>\n      <ListDrawer onSelect={onSelect} />\n    </Fragment>\n  )\n}\n\nexport const UploadElementButton = (props: ButtonProps): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadButton {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["useListDrawer","useTranslation","React","Fragment","useCallback","ReactEditor","useSlate","UploadIcon","ElementButton","EnabledRelationshipsCondition","injectVoidElement","baseClass","insertUpload","editor","relationTo","value","text","upload","type","children","focus","UploadButton","enabledCollectionSlugs","t","ListDrawer","ListDrawerToggler","closeDrawer","collectionSlugs","uploads","onSelect","collectionSlug","doc","id","className","el","format","onClick","tooltip","UploadElementButton","props"],"mappings":"AAAA;;AAIA,SAASA,aAAa,EAAEC,cAAc,QAAQ,cAAa;AAC3D,OAAOC,SAASC,QAAQ,EAAEC,WAAW,QAAQ,QAAO;AACpD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,cAAa;AAEnD,SAASC,UAAU,QAAQ,iCAAgC;AAC3D,SAASC,aAAa,QAAQ,kBAAiB;AAC/C,SAASC,6BAA6B,QAAQ,yCAAwC;AACtF,SAASC,iBAAiB,QAAQ,sBAAqB;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,eAAe,CAACC,QAAQ,EAAEC,UAAU,EAAEC,KAAK,EAAE;IACjD,MAAMC,OAAO;QAAEA,MAAM;IAAI;IAEzB,MAAMC,SAAS;QACbC,MAAM;QACNC,UAAU;YAACH;SAAK;QAChBF;QACAC;IACF;IAEAL,kBAAkBG,QAAQI;IAE1BZ,YAAYe,KAAK,CAACP;AACpB;AAOA,MAAMQ,eAAsC,CAAC,EAAEC,sBAAsB,EAAE;IACrE,MAAM,EAAEC,CAAC,EAAE,GAAGtB;IACd,MAAMY,SAASP;IAEf,MAAM,CAACkB,YAAYC,mBAAmB,EAAEC,WAAW,EAAE,CAAC,GAAG1B,cAAc;QACrE2B,iBAAiBL;QACjBM,SAAS;IACX;IAEA,MAAMC,WAAWzB,YACf,CAAC,EAAE0B,cAAc,EAAEC,GAAG,EAAE;QACtBnB,aAAaC,QAAQ;YACnBC,YAAYgB;YACZf,OAAO;gBACLiB,IAAID,IAAIC,EAAE;YACZ;QACF;QACAN;IACF,GACA;QAACb;QAAQa;KAAY;IAGvB,qBACE,MAACvB;;0BACC,KAACsB;0BACC,cAAA,KAACjB;oBACCyB,WAAWtB;oBACXuB,IAAG;oBACHC,QAAO;oBACPC,SAAS;oBACP,aAAa;oBACf;oBACAC,SAASd,EAAE;8BAEX,cAAA,KAAChB;;;0BAGL,KAACiB;gBAAWK,UAAUA;;;;AAG5B;AAEA,OAAO,MAAMS,sBAAsB,CAACC;IAClC,qBACE,KAAC9B;QAA+B,GAAG8B,KAAK;QAAEX,OAAO;kBAC/C,cAAA,KAACP;YAAc,GAAGkB,KAAK;;;AAG7B,EAAC"}

package/dist/field/elements/upload/Button/index.scss

@@ -0,0 +1,9 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .upload-rich-text-button {
+    display: flex;
+    align-items: center;
+    height: 100%;
+  }
+}

package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts

@@ -0,0 +1,12 @@
+import type { ClientCollectionConfig } from '@ruya.sa/payload';
+import React from 'react';
+import type { LoadedSlateFieldProps } from '../../../../types.js';
+import type { UploadElementType } from '../../types.js';
+export declare const UploadDrawer: React.FC<{
+    readonly drawerSlug: string;
+    readonly element: UploadElementType;
+    readonly fieldProps: LoadedSlateFieldProps;
+    readonly relatedCollection: ClientCollectionConfig;
+    readonly schemaPath: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/field/elements/upload/Element/UploadDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAiB9D,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAA;IACnC,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAA;IAC1C,QAAQ,CAAC,iBAAiB,EAAE,sBAAsB,CAAA;IAClD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CA+HA,CAAA"}

package/dist/field/elements/upload/Element/UploadDrawer/index.js

@@ -0,0 +1,127 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { Drawer, EditDepthProvider, Form, FormSubmit, RenderFields, useConfig, useDocumentInfo, useLocale, useModal, useServerFunctions, useTranslation } from '@ruya.sa/ui';
+import { deepCopyObject } from '@ruya.sa/payload/shared';
+import React, { useCallback, useEffect, useState } from 'react';
+import { Transforms } from 'slate';
+import { ReactEditor, useSlateStatic } from 'slate-react';
+import { uploadFieldsSchemaPath } from '../../shared.js';
+export const UploadDrawer = (props)=>{
+    const editor = useSlateStatic();
+    const { drawerSlug, element, fieldProps, relatedCollection, schemaPath } = props;
+    const { i18n, t } = useTranslation();
+    const { code: locale } = useLocale();
+    const { closeModal } = useModal();
+    const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo();
+    const { getFormState } = useServerFunctions();
+    const [initialState, setInitialState] = useState({});
+    const { componentMap } = fieldProps;
+    const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`;
+    const fields = componentMap[relatedFieldSchemaPath];
+    const { config } = useConfig();
+    const handleUpdateEditData = useCallback((_, data)=>{
+        const newNode = {
+            fields: data
+        };
+        const elementPath = ReactEditor.findPath(editor, element);
+        Transforms.setNodes(editor, newNode, {
+            at: elementPath
+        });
+        closeModal(drawerSlug);
+    }, [
+        closeModal,
+        editor,
+        element,
+        drawerSlug
+    ]);
+    useEffect(()=>{
+        const data = deepCopyObject(element?.fields || {});
+        const awaitInitialState = async ()=>{
+            const { state } = await getFormState({
+                id,
+                collectionSlug,
+                data,
+                docPermissions: {
+                    fields: true
+                },
+                docPreferences: await getDocPreferences(),
+                globalSlug,
+                operation: 'update',
+                renderAllFields: true,
+                schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`
+            });
+            setInitialState(state);
+        };
+        void awaitInitialState();
+    }, [
+        config,
+        element?.fields,
+        locale,
+        t,
+        collectionSlug,
+        id,
+        schemaPath,
+        relatedCollection.slug,
+        getFormState,
+        globalSlug,
+        getDocPreferences
+    ]);
+    const onChange = useCallback(async ({ formState: prevFormState })=>{
+        const { state } = await getFormState({
+            id,
+            collectionSlug,
+            docPermissions: {
+                fields: true
+            },
+            docPreferences: await getDocPreferences(),
+            formState: prevFormState,
+            globalSlug,
+            operation: 'update',
+            schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`
+        });
+        return state;
+    }, [
+        getFormState,
+        id,
+        collectionSlug,
+        getDocPreferences,
+        globalSlug,
+        schemaPath,
+        relatedCollection.slug
+    ]);
+    return /*#__PURE__*/ _jsx(EditDepthProvider, {
+        children: /*#__PURE__*/ _jsx(Drawer, {
+            slug: drawerSlug,
+            title: t('general:editLabel', {
+                label: getTranslation(relatedCollection.labels.singular, i18n)
+            }),
+            children: /*#__PURE__*/ _jsxs(Form, {
+                beforeSubmit: [
+                    onChange
+                ],
+                disableValidationOnSubmit: true,
+                initialState: initialState,
+                onChange: [
+                    onChange
+                ],
+                onSubmit: handleUpdateEditData,
+                children: [
+                    /*#__PURE__*/ _jsx(RenderFields, {
+                        fields: Array.isArray(fields) ? fields : [],
+                        parentIndexPath: "",
+                        parentPath: "",
+                        parentSchemaPath: "",
+                        permissions: true,
+                        readOnly: false
+                    }),
+                    /*#__PURE__*/ _jsx(FormSubmit, {
+                        children: t('fields:saveChanges')
+                    })
+                ]
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/elements/upload/Element/UploadDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/field/elements/upload/Element/UploadDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@ruya.sa/ui'\nimport type { ClientCollectionConfig } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport {\n  Drawer,\n  EditDepthProvider,\n  Form,\n  FormSubmit,\n  RenderFields,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { deepCopyObject } from '@ruya.sa/payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useSlateStatic } from 'slate-react'\n\nimport type { LoadedSlateFieldProps } from '../../../../types.js'\nimport type { UploadElementType } from '../../types.js'\n\nimport { uploadFieldsSchemaPath } from '../../shared.js'\n\nexport const UploadDrawer: React.FC<{\n  readonly drawerSlug: string\n  readonly element: UploadElementType\n  readonly fieldProps: LoadedSlateFieldProps\n  readonly relatedCollection: ClientCollectionConfig\n  readonly schemaPath: string\n}> = (props) => {\n  const editor = useSlateStatic()\n\n  const { drawerSlug, element, fieldProps, relatedCollection, schemaPath } = props\n\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { closeModal } = useModal()\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const { getFormState } = useServerFunctions()\n\n  const [initialState, setInitialState] = useState({})\n  const { componentMap } = fieldProps\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const fields = componentMap[relatedFieldSchemaPath]\n\n  const { config } = useConfig()\n\n  const handleUpdateEditData = useCallback(\n    (_, data) => {\n      const newNode = {\n        fields: data,\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n      closeModal(drawerSlug)\n    },\n    [closeModal, editor, element, drawerSlug],\n  )\n\n  useEffect(() => {\n    const data = deepCopyObject(element?.fields || {})\n\n    const awaitInitialState = async () => {\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        globalSlug,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n      })\n\n      setInitialState(state)\n    }\n\n    void awaitInitialState()\n  }, [\n    config,\n    element?.fields,\n    locale,\n    t,\n    collectionSlug,\n    id,\n    schemaPath,\n    relatedCollection.slug,\n    getFormState,\n    globalSlug,\n    getDocPreferences,\n  ])\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: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n      })\n\n      return state\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaPath,\n      relatedCollection.slug,\n    ],\n  )\n\n  return (\n    <EditDepthProvider>\n      <Drawer\n        slug={drawerSlug}\n        title={t('general:editLabel', {\n          label: getTranslation(relatedCollection.labels.singular, i18n),\n        })}\n      >\n        <Form\n          beforeSubmit={[onChange]}\n          disableValidationOnSubmit\n          initialState={initialState}\n          onChange={[onChange]}\n          onSubmit={handleUpdateEditData}\n        >\n          <RenderFields\n            fields={Array.isArray(fields) ? fields : []}\n            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath=\"\"\n            permissions={true}\n            readOnly={false}\n          />\n          <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n        </Form>\n      </Drawer>\n    </EditDepthProvider>\n  )\n}\n"],"names":["getTranslation","Drawer","EditDepthProvider","Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","React","useCallback","useEffect","useState","Transforms","ReactEditor","useSlateStatic","uploadFieldsSchemaPath","UploadDrawer","props","editor","drawerSlug","element","fieldProps","relatedCollection","schemaPath","i18n","t","code","locale","closeModal","id","collectionSlug","getDocPreferences","globalSlug","getFormState","initialState","setInitialState","componentMap","relatedFieldSchemaPath","slug","fields","config","handleUpdateEditData","_","data","newNode","elementPath","findPath","setNodes","at","awaitInitialState","state","docPermissions","docPreferences","operation","renderAllFields","onChange","formState","prevFormState","title","label","labels","singular","beforeSubmit","disableValidationOnSubmit","onSubmit","Array","isArray","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"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"}

package/dist/field/elements/upload/Element/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const UploadElement: (props: any) => React.ReactNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/elements/upload/Element/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAShE,OAAO,cAAc,CAAA;AAuMrB,eAAO,MAAM,aAAa,UAAW,GAAG,KAAG,KAAK,CAAC,SAMhD,CAAA"}

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

@@ -0,0 +1,230 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { Button, DrawerToggler, File, useConfig, useDocumentDrawer, useDrawerSlug, useListDrawer, usePayloadAPI, useTranslation } from '@ruya.sa/ui';
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import React, { useCallback, useReducer, useState } from 'react';
+import { Transforms } from 'slate';
+import { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react';
+import { useElement } from '../../../providers/ElementProvider.js';
+import { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js';
+import { uploadFieldsSchemaPath, uploadName } from '../shared.js';
+import './index.scss';
+import { UploadDrawer } from './UploadDrawer/index.js';
+const baseClass = 'rich-text-upload';
+const initialParams = {
+    depth: 0
+};
+const UploadElementComponent = ({ enabledCollectionSlugs })=>{
+    const { attributes, children, element: { relationTo, value }, element, fieldProps, schemaPath } = useElement();
+    const { config: { routes: { api }, serverURL }, getEntityConfig } = useConfig();
+    const { i18n, t } = useTranslation();
+    const [cacheBust, dispatchCacheBust] = useReducer((state)=>state + 1, 0);
+    const [relatedCollection, setRelatedCollection] = useState(()=>getEntityConfig({
+            collectionSlug: relationTo
+        }));
+    const drawerSlug = useDrawerSlug('upload-drawer');
+    const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({
+        collectionSlugs: enabledCollectionSlugs,
+        selectedCollection: relatedCollection.slug
+    });
+    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({
+        id: value?.id,
+        collectionSlug: relatedCollection.slug
+    });
+    const editor = useSlateStatic();
+    const selected = useSelected();
+    const focused = useFocused();
+    // Get the referenced document
+    const [{ data }, { setParams }] = usePayloadAPI(formatAdminURL({
+        apiRoute: api,
+        path: `/${relatedCollection.slug}/${value?.id}`,
+        serverURL
+    }), {
+        initialParams
+    });
+    const thumbnailSRC = data?.thumbnailURL || data?.url;
+    const removeUpload = useCallback(()=>{
+        const elementPath = ReactEditor.findPath(editor, element);
+        Transforms.removeNodes(editor, {
+            at: elementPath
+        });
+    }, [
+        editor,
+        element
+    ]);
+    const updateUpload = useCallback((json)=>{
+        const { doc } = json;
+        const newNode = {
+            fields: doc
+        };
+        const elementPath = ReactEditor.findPath(editor, element);
+        Transforms.setNodes(editor, newNode, {
+            at: elementPath
+        });
+        setParams({
+            ...initialParams,
+            cacheBust
+        });
+        dispatchCacheBust();
+        closeDrawer();
+    }, [
+        editor,
+        element,
+        setParams,
+        cacheBust,
+        closeDrawer
+    ]);
+    const swapUpload = useCallback(({ collectionSlug, doc })=>{
+        const newNode = {
+            type: uploadName,
+            children: [
+                {
+                    text: ' '
+                }
+            ],
+            relationTo: collectionSlug,
+            value: {
+                id: doc.id
+            }
+        };
+        const elementPath = ReactEditor.findPath(editor, element);
+        setRelatedCollection(getEntityConfig({
+            collectionSlug
+        }));
+        Transforms.setNodes(editor, newNode, {
+            at: elementPath
+        });
+        dispatchCacheBust();
+        closeListDrawer();
+    }, [
+        closeListDrawer,
+        editor,
+        element,
+        getEntityConfig
+    ]);
+    const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`;
+    const customFieldsMap = fieldProps.componentMap[relatedFieldSchemaPath];
+    const alt = data?.alt || data?.filename || '';
+    return /*#__PURE__*/ _jsxs("div", {
+        className: [
+            baseClass,
+            selected && focused && `${baseClass}--selected`
+        ].filter(Boolean).join(' '),
+        contentEditable: false,
+        ...attributes,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__card`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__topRow`,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__thumbnail`,
+                                children: thumbnailSRC ? /*#__PURE__*/ _jsx("img", {
+                                    alt: alt,
+                                    src: thumbnailSRC
+                                }) : /*#__PURE__*/ _jsx(File, {})
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: `${baseClass}__topRowRightPanel`,
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: `${baseClass}__collectionLabel`,
+                                        children: getTranslation(relatedCollection.labels.singular, i18n)
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: `${baseClass}__actions`,
+                                        children: [
+                                            Boolean(customFieldsMap) && /*#__PURE__*/ _jsxs(_Fragment, {
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(DrawerToggler, {
+                                                        className: `${baseClass}__upload-drawer-toggler`,
+                                                        disabled: fieldProps?.field?.admin?.readOnly,
+                                                        slug: drawerSlug,
+                                                        children: /*#__PURE__*/ _jsx(Button, {
+                                                            buttonStyle: "icon-label",
+                                                            el: "div",
+                                                            icon: "edit",
+                                                            onClick: (e)=>{
+                                                                e.preventDefault();
+                                                            },
+                                                            round: true,
+                                                            tooltip: t('fields:editRelationship')
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(UploadDrawer, {
+                                                        drawerSlug,
+                                                        element,
+                                                        fieldProps,
+                                                        relatedCollection,
+                                                        schemaPath
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsx(ListDrawerToggler, {
+                                                className: `${baseClass}__list-drawer-toggler`,
+                                                disabled: fieldProps?.field?.admin?.readOnly,
+                                                children: /*#__PURE__*/ _jsx(Button, {
+                                                    buttonStyle: "icon-label",
+                                                    disabled: fieldProps?.field?.admin?.readOnly,
+                                                    el: "div",
+                                                    icon: "swap",
+                                                    onClick: ()=>{
+                                                    // do nothing
+                                                    },
+                                                    round: true,
+                                                    tooltip: t('fields:swapUpload')
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                buttonStyle: "icon-label",
+                                                className: `${baseClass}__removeButton`,
+                                                disabled: fieldProps?.field?.admin?.readOnly,
+                                                icon: "x",
+                                                onClick: (e)=>{
+                                                    e.preventDefault();
+                                                    removeUpload();
+                                                },
+                                                round: true,
+                                                tooltip: t('fields:removeUpload')
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__bottomRow`,
+                        children: /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
+                            className: `${baseClass}__doc-drawer-toggler`,
+                            children: /*#__PURE__*/ _jsx("strong", {
+                                children: data?.filename
+                            })
+                        })
+                    })
+                ]
+            }),
+            children,
+            value?.id && /*#__PURE__*/ _jsx(DocumentDrawer, {
+                onSave: updateUpload
+            }),
+            /*#__PURE__*/ _jsx(ListDrawer, {
+                onSelect: swapUpload
+            })
+        ]
+    });
+};
+export const UploadElement = (props)=>{
+    return /*#__PURE__*/ _jsx(EnabledRelationshipsCondition, {
+        ...props,
+        uploads: true,
+        children: /*#__PURE__*/ _jsx(UploadElementComponent, {
+            ...props
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListDrawerProps } from '@ruya.sa/ui'\nimport type { ClientCollectionConfig } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport {\n  Button,\n  DrawerToggler,\n  File,\n  useConfig,\n  useDocumentDrawer,\n  useDrawerSlug,\n  useListDrawer,\n  usePayloadAPI,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { formatAdminURL } from '@ruya.sa/payload/shared'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { uploadFieldsSchemaPath, uploadName } from '../shared.js'\nimport './index.scss'\nimport { UploadDrawer } from './UploadDrawer/index.js'\n\nconst baseClass = 'rich-text-upload'\n\nconst initialParams = {\n  depth: 0,\n}\n\nconst UploadElementComponent: React.FC<{ enabledCollectionSlugs?: string[] }> = ({\n  enabledCollectionSlugs,\n}) => {\n  const {\n    attributes,\n    children,\n    element: { relationTo, value },\n    element,\n    fieldProps,\n    schemaPath,\n  } = useElement<UploadElementType>()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection, setRelatedCollection] = useState<ClientCollectionConfig>(() =>\n    getEntityConfig({ collectionSlug: relationTo }),\n  )\n\n  const drawerSlug = useDrawerSlug('upload-drawer')\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    selectedCollection: relatedCollection.slug,\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value?.id,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  const editor = useSlateStatic()\n  const selected = useSelected()\n  const focused = useFocused()\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value?.id}`, serverURL }),\n    { initialParams },\n  )\n\n  const thumbnailSRC = data?.thumbnailURL || data?.url\n\n  const removeUpload = useCallback(() => {\n    const elementPath = ReactEditor.findPath(editor, element)\n\n    Transforms.removeNodes(editor, { at: elementPath })\n  }, [editor, element])\n\n  const updateUpload = useCallback(\n    (json) => {\n      const { doc } = json\n\n      const newNode = {\n        fields: doc,\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\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    [editor, element, setParams, cacheBust, closeDrawer],\n  )\n\n  const swapUpload = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    ({ collectionSlug, doc }) => {\n      const newNode = {\n        type: uploadName,\n        children: [{ text: ' ' }],\n        relationTo: collectionSlug,\n        value: { id: doc.id },\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      setRelatedCollection(getEntityConfig({ collectionSlug }))\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\n      dispatchCacheBust()\n      closeListDrawer()\n    },\n    [closeListDrawer, editor, element, getEntityConfig],\n  )\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const customFieldsMap = fieldProps.componentMap[relatedFieldSchemaPath]\n\n  const alt = (data as { alt?: string })?.alt || data?.filename || ''\n\n  return (\n    <div\n      className={[baseClass, selected && focused && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      contentEditable={false}\n      {...attributes}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use Thumbnail component */}\n          <div className={`${baseClass}__thumbnail`}>\n            {thumbnailSRC ? <img alt={alt} src={thumbnailSRC} /> : <File />}\n          </div>\n          <div className={`${baseClass}__topRowRightPanel`}>\n            <div className={`${baseClass}__collectionLabel`}>\n              {getTranslation(relatedCollection.labels.singular, i18n)}\n            </div>\n            <div className={`${baseClass}__actions`}>\n              {Boolean(customFieldsMap) && (\n                <>\n                  <DrawerToggler\n                    className={`${baseClass}__upload-drawer-toggler`}\n                    disabled={fieldProps?.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                  <UploadDrawer\n                    {...{ drawerSlug, element, fieldProps, relatedCollection, schemaPath }}\n                  />\n                </>\n              )}\n              <ListDrawerToggler\n                className={`${baseClass}__list-drawer-toggler`}\n                disabled={fieldProps?.field?.admin?.readOnly}\n              >\n                <Button\n                  buttonStyle=\"icon-label\"\n                  disabled={fieldProps?.field?.admin?.readOnly}\n                  el=\"div\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    // do nothing\n                  }}\n                  round\n                  tooltip={t('fields:swapUpload')}\n                />\n              </ListDrawerToggler>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__removeButton`}\n                disabled={fieldProps?.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          </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      {children}\n      {value?.id && <DocumentDrawer onSave={updateUpload} />}\n      <ListDrawer onSelect={swapUpload} />\n    </div>\n  )\n}\n\nexport const UploadElement = (props: any): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadElementComponent {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["getTranslation","Button","DrawerToggler","File","useConfig","useDocumentDrawer","useDrawerSlug","useListDrawer","usePayloadAPI","useTranslation","formatAdminURL","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","uploadFieldsSchemaPath","uploadName","UploadDrawer","baseClass","initialParams","depth","UploadElementComponent","enabledCollectionSlugs","attributes","children","element","relationTo","value","fieldProps","schemaPath","config","routes","api","serverURL","getEntityConfig","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","setRelatedCollection","collectionSlug","drawerSlug","ListDrawer","ListDrawerToggler","closeDrawer","closeListDrawer","collectionSlugs","selectedCollection","slug","DocumentDrawer","DocumentDrawerToggler","id","editor","selected","focused","data","setParams","apiRoute","path","thumbnailSRC","thumbnailURL","url","removeUpload","elementPath","findPath","removeNodes","at","updateUpload","json","doc","newNode","fields","setNodes","swapUpload","type","text","relatedFieldSchemaPath","customFieldsMap","componentMap","alt","filename","div","className","filter","Boolean","join","contentEditable","img","src","labels","singular","disabled","field","admin","readOnly","buttonStyle","el","icon","onClick","e","preventDefault","round","tooltip","strong","onSave","onSelect","UploadElement","props","uploads"],"mappings":"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"}