@payloadcms/plugin-multi-tenant 4.0.0-internal.d28e9fb → 4.0.0-internal.dee5eab

package/LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018-2024 Payload CMS, Inc. <info@payloadcms.com>
+Copyright (c) 2018-2026 Payload CMS, LLC <info@payloadcms.com>
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

package/dist/components/AssignTenantFieldModal/index.client.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-import './index.scss';
 export declare const assignTenantModalSlug = "assign-tenant-field-modal";
 export declare const AssignTenantFieldTrigger: React.FC;
 export declare const AssignTenantFieldModal: React.FC<{
-    afterModalClose: () => void;
-    afterModalOpen: () => void;
+    afterModalClose?: () => void;
+    afterModalOpen?: () => void;
     children: React.ReactNode;
     onCancel?: () => void;
     onConfirm?: () => void;

package/dist/components/AssignTenantFieldModal/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/components/AssignTenantFieldModal/index.client.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,qBAAqB,8BAA8B,CAAA;AAGhE,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAgB5C,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAiFA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/components/AssignTenantFieldModal/index.client.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,qBAAqB,8BAA8B,CAAA;AAEhE,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAc5C,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAuCA,CAAA"}

package/dist/components/AssignTenantFieldModal/index.client.js

@@ -1,13 +1,10 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button, Modal, Pill, PopupList, useConfig, useDocumentInfo, useDocumentTitle, useModal, useTranslation } from '@payloadcms/ui';
-import { drawerZBase, useDrawerDepth } from '@payloadcms/ui/elements/Drawer';
+import { DialogBody, DialogCancel, DialogConfirm, DialogFooter, DialogHeader, DialogModal, Pill, PopupList, useConfig, useDocumentInfo, useDocumentTitle, useModal, useTranslation } from '@payloadcms/ui';
 import React from 'react';
 import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
-import './index.scss';
 export const assignTenantModalSlug = 'assign-tenant-field-modal';
-const baseClass = 'assign-tenant-field-modal';
 export const AssignTenantFieldTrigger = ()=>{
     const { openModal } = useModal();
     const { t } = useTranslation();
@@ -15,15 +12,12 @@ export const AssignTenantFieldTrigger = ()=>{
     if (options.length <= 1) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: /*#__PURE__*/ _jsx(PopupList.Button, {
-            onClick: ()=>openModal(assignTenantModalSlug),
-            children: t('plugin-multi-tenant:assign-tenant-button-label')
-        })
+    return /*#__PURE__*/ _jsx(PopupList.Button, {
+        onClick: ()=>openModal(assignTenantModalSlug),
+        children: t('plugin-multi-tenant:assign-tenant-button-label')
     });
 };
 export const AssignTenantFieldModal = ({ afterModalClose, afterModalOpen, children, onCancel, onConfirm })=>{
-    const editDepth = useDrawerDepth();
     const { i18n, t } = useTranslation();
     const { collectionSlug } = useDocumentInfo();
     const { title } = useDocumentTitle();
@@ -31,97 +25,48 @@ export const AssignTenantFieldModal = ({ afterModalClose, afterModalOpen, childr
     const collectionConfig = getEntityConfig({
         collectionSlug
     });
-    const { closeModal, isModalOpen: isModalOpenFn } = useModal();
+    const { isModalOpen: isModalOpenFn } = useModal();
     const isModalOpen = isModalOpenFn(assignTenantModalSlug);
     const wasModalOpenRef = React.useRef(isModalOpen);
-    const onModalConfirm = React.useCallback(()=>{
-        if (typeof onConfirm === 'function') {
-            onConfirm();
-        }
-        closeModal(assignTenantModalSlug);
-    }, [
-        onConfirm,
-        closeModal
-    ]);
-    const onModalCancel = React.useCallback(()=>{
-        if (typeof onCancel === 'function') {
-            onCancel();
-        }
-        closeModal(assignTenantModalSlug);
-    }, [
-        onCancel,
-        closeModal
-    ]);
     React.useEffect(()=>{
         if (wasModalOpenRef.current && !isModalOpen) {
-            // modal was open, and now is closed
-            if (typeof afterModalClose === 'function') {
-                afterModalClose();
-            }
+            afterModalClose?.();
         }
         if (!wasModalOpenRef.current && isModalOpen) {
-            // modal was closed, and now is open
-            if (typeof afterModalOpen === 'function') {
-                afterModalOpen();
-            }
+            afterModalOpen?.();
         }
         wasModalOpenRef.current = isModalOpen;
     }, [
         isModalOpen,
-        onCancel,
         afterModalClose,
         afterModalOpen
     ]);
     if (!collectionConfig) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(Modal, {
-        className: baseClass,
+    return /*#__PURE__*/ _jsxs(DialogModal, {
+        size: "medium",
         slug: assignTenantModalSlug,
-        style: {
-            zIndex: drawerZBase + editDepth
-        },
         children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__bg`
+            /*#__PURE__*/ _jsx(DialogHeader, {
+                title: t('plugin-multi-tenant:assign-tenant-modal-title', {
+                    title
+                }),
+                children: /*#__PURE__*/ _jsx(Pill, {
+                    size: "small",
+                    children: getTranslation(collectionConfig.labels.singular, i18n)
+                })
             }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__wrapper`,
+            /*#__PURE__*/ _jsx(DialogBody, {
+                children: children
+            }),
+            /*#__PURE__*/ _jsxs(DialogFooter, {
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: `${baseClass}__header`,
-                        children: [
-                            /*#__PURE__*/ _jsx("h3", {
-                                children: t('plugin-multi-tenant:assign-tenant-modal-title', {
-                                    title
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx(Pill, {
-                                className: `${baseClass}__collection-pill`,
-                                size: "small",
-                                children: getTranslation(collectionConfig.labels.singular, i18n)
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        className: `${baseClass}__content`,
-                        children: children
+                    /*#__PURE__*/ _jsx(DialogCancel, {
+                        onClick: onCancel
                     }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: `${baseClass}__actions`,
-                        children: [
-                            /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "secondary",
-                                margin: false,
-                                onClick: onModalCancel,
-                                children: t('general:cancel')
-                            }),
-                            /*#__PURE__*/ _jsx(Button, {
-                                margin: false,
-                                onClick: onModalConfirm,
-                                children: t('general:confirm')
-                            })
-                        ]
+                    /*#__PURE__*/ _jsx(DialogConfirm, {
+                        onClick: ()=>onConfirm?.()
                     })
                 ]
             })

package/dist/components/AssignTenantFieldModal/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AssignTenantFieldModal/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Modal,\n  Pill,\n  PopupList,\n  useConfig,\n  useDocumentInfo,\n  useDocumentTitle,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { drawerZBase, useDrawerDepth } from '@payloadcms/ui/elements/Drawer'\nimport React from 'react'\n\nimport type {\n  PluginMultiTenantTranslationKeys,\n  PluginMultiTenantTranslations,\n} from '../../translations/index.js'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\nimport './index.scss'\n\nexport const assignTenantModalSlug = 'assign-tenant-field-modal'\nconst baseClass = 'assign-tenant-field-modal'\n\nexport const AssignTenantFieldTrigger: React.FC = () => {\n  const { openModal } = useModal()\n  const { t } = useTranslation<PluginMultiTenantTranslations, PluginMultiTenantTranslationKeys>()\n  const { options } = useTenantSelection()\n\n  if (options.length <= 1) {\n    return null\n  }\n\n  return (\n    <>\n      <PopupList.Button onClick={() => openModal(assignTenantModalSlug)}>\n        {t('plugin-multi-tenant:assign-tenant-button-label')}\n      </PopupList.Button>\n    </>\n  )\n}\n\nexport const AssignTenantFieldModal: React.FC<{\n  afterModalClose: () => void\n  afterModalOpen: () => void\n  children: React.ReactNode\n  onCancel?: () => void\n  onConfirm?: () => void\n}> = ({ afterModalClose, afterModalOpen, children, onCancel, onConfirm }) => {\n  const editDepth = useDrawerDepth()\n  const { i18n, t } = useTranslation<\n    PluginMultiTenantTranslations,\n    PluginMultiTenantTranslationKeys\n  >()\n  const { collectionSlug } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  const { getEntityConfig } = useConfig()\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n  const { closeModal, isModalOpen: isModalOpenFn } = useModal()\n  const isModalOpen = isModalOpenFn(assignTenantModalSlug)\n  const wasModalOpenRef = React.useRef<boolean>(isModalOpen)\n\n  const onModalConfirm = React.useCallback(() => {\n    if (typeof onConfirm === 'function') {\n      onConfirm()\n    }\n    closeModal(assignTenantModalSlug)\n  }, [onConfirm, closeModal])\n\n  const onModalCancel = React.useCallback(() => {\n    if (typeof onCancel === 'function') {\n      onCancel()\n    }\n    closeModal(assignTenantModalSlug)\n  }, [onCancel, closeModal])\n\n  React.useEffect(() => {\n    if (wasModalOpenRef.current && !isModalOpen) {\n      // modal was open, and now is closed\n      if (typeof afterModalClose === 'function') {\n        afterModalClose()\n      }\n    }\n\n    if (!wasModalOpenRef.current && isModalOpen) {\n      // modal was closed, and now is open\n      if (typeof afterModalOpen === 'function') {\n        afterModalOpen()\n      }\n    }\n    wasModalOpenRef.current = isModalOpen\n  }, [isModalOpen, onCancel, afterModalClose, afterModalOpen])\n\n  if (!collectionConfig) {\n    return null\n  }\n\n  return (\n    <Modal\n      className={baseClass}\n      slug={assignTenantModalSlug}\n      style={{\n        zIndex: drawerZBase + editDepth,\n      }}\n    >\n      <div className={`${baseClass}__bg`} />\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__header`}>\n          <h3>\n            {t('plugin-multi-tenant:assign-tenant-modal-title', {\n              title,\n            })}\n          </h3>\n          <Pill className={`${baseClass}__collection-pill`} size=\"small\">\n            {getTranslation(collectionConfig.labels.singular, i18n)}\n          </Pill>\n        </div>\n        <div className={`${baseClass}__content`}>{children}</div>\n        <div className={`${baseClass}__actions`}>\n          <Button buttonStyle=\"secondary\" margin={false} onClick={onModalCancel}>\n            {t('general:cancel')}\n          </Button>\n          <Button margin={false} onClick={onModalConfirm}>\n            {t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["getTranslation","Button","Modal","Pill","PopupList","useConfig","useDocumentInfo","useDocumentTitle","useModal","useTranslation","drawerZBase","useDrawerDepth","React","useTenantSelection","assignTenantModalSlug","baseClass","AssignTenantFieldTrigger","openModal","t","options","length","onClick","AssignTenantFieldModal","afterModalClose","afterModalOpen","children","onCancel","onConfirm","editDepth","i18n","collectionSlug","title","getEntityConfig","collectionConfig","closeModal","isModalOpen","isModalOpenFn","wasModalOpenRef","useRef","onModalConfirm","useCallback","onModalCancel","useEffect","current","className","slug","style","zIndex","div","h3","size","labels","singular","buttonStyle","margin"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SACEC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJC,SAAS,EACTC,SAAS,EACTC,eAAe,EACfC,gBAAgB,EAChBC,QAAQ,EACRC,cAAc,QACT,iBAAgB;AACvB,SAASC,WAAW,EAAEC,cAAc,QAAQ,iCAAgC;AAC5E,OAAOC,WAAW,QAAO;AAOzB,SAASC,kBAAkB,QAAQ,0DAAyD;AAC5F,OAAO,eAAc;AAErB,OAAO,MAAMC,wBAAwB,4BAA2B;AAChE,MAAMC,YAAY;AAElB,OAAO,MAAMC,2BAAqC;IAChD,MAAM,EAAEC,SAAS,EAAE,GAAGT;IACtB,MAAM,EAAEU,CAAC,EAAE,GAAGT;IACd,MAAM,EAAEU,OAAO,EAAE,GAAGN;IAEpB,IAAIM,QAAQC,MAAM,IAAI,GAAG;QACvB,OAAO;IACT;IAEA,qBACE;kBACE,cAAA,KAAChB,UAAUH,MAAM;YAACoB,SAAS,IAAMJ,UAAUH;sBACxCI,EAAE;;;AAIX,EAAC;AAED,OAAO,MAAMI,yBAMR,CAAC,EAAEC,eAAe,EAAEC,cAAc,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IACtE,MAAMC,YAAYjB;IAClB,MAAM,EAAEkB,IAAI,EAAEX,CAAC,EAAE,GAAGT;IAIpB,MAAM,EAAEqB,cAAc,EAAE,GAAGxB;IAC3B,MAAM,EAAEyB,KAAK,EAAE,GAAGxB;IAClB,MAAM,EAAEyB,eAAe,EAAE,GAAG3B;IAC5B,MAAM4B,mBAAmBD,gBAAgB;QAAEF;IAAe;IAC1D,MAAM,EAAEI,UAAU,EAAEC,aAAaC,aAAa,EAAE,GAAG5B;IACnD,MAAM2B,cAAcC,cAActB;IAClC,MAAMuB,kBAAkBzB,MAAM0B,MAAM,CAAUH;IAE9C,MAAMI,iBAAiB3B,MAAM4B,WAAW,CAAC;QACvC,IAAI,OAAOb,cAAc,YAAY;YACnCA;QACF;QACAO,WAAWpB;IACb,GAAG;QAACa;QAAWO;KAAW;IAE1B,MAAMO,gBAAgB7B,MAAM4B,WAAW,CAAC;QACtC,IAAI,OAAOd,aAAa,YAAY;YAClCA;QACF;QACAQ,WAAWpB;IACb,GAAG;QAACY;QAAUQ;KAAW;IAEzBtB,MAAM8B,SAAS,CAAC;QACd,IAAIL,gBAAgBM,OAAO,IAAI,CAACR,aAAa;YAC3C,oCAAoC;YACpC,IAAI,OAAOZ,oBAAoB,YAAY;gBACzCA;YACF;QACF;QAEA,IAAI,CAACc,gBAAgBM,OAAO,IAAIR,aAAa;YAC3C,oCAAoC;YACpC,IAAI,OAAOX,mBAAmB,YAAY;gBACxCA;YACF;QACF;QACAa,gBAAgBM,OAAO,GAAGR;IAC5B,GAAG;QAACA;QAAaT;QAAUH;QAAiBC;KAAe;IAE3D,IAAI,CAACS,kBAAkB;QACrB,OAAO;IACT;IAEA,qBACE,MAAC/B;QACC0C,WAAW7B;QACX8B,MAAM/B;QACNgC,OAAO;YACLC,QAAQrC,cAAckB;QACxB;;0BAEA,KAACoB;gBAAIJ,WAAW,GAAG7B,UAAU,IAAI,CAAC;;0BAClC,MAACiC;gBAAIJ,WAAW,GAAG7B,UAAU,SAAS,CAAC;;kCACrC,MAACiC;wBAAIJ,WAAW,GAAG7B,UAAU,QAAQ,CAAC;;0CACpC,KAACkC;0CACE/B,EAAE,iDAAiD;oCAClDa;gCACF;;0CAEF,KAAC5B;gCAAKyC,WAAW,GAAG7B,UAAU,iBAAiB,CAAC;gCAAEmC,MAAK;0CACpDlD,eAAeiC,iBAAiBkB,MAAM,CAACC,QAAQ,EAAEvB;;;;kCAGtD,KAACmB;wBAAIJ,WAAW,GAAG7B,UAAU,SAAS,CAAC;kCAAGU;;kCAC1C,MAACuB;wBAAIJ,WAAW,GAAG7B,UAAU,SAAS,CAAC;;0CACrC,KAACd;gCAAOoD,aAAY;gCAAYC,QAAQ;gCAAOjC,SAASoB;0CACrDvB,EAAE;;0CAEL,KAACjB;gCAAOqD,QAAQ;gCAAOjC,SAASkB;0CAC7BrB,EAAE;;;;;;;;AAMf,EAAC"}
+{"version":3,"sources":["../../../src/components/AssignTenantFieldModal/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n  Pill,\n  PopupList,\n  useConfig,\n  useDocumentInfo,\n  useDocumentTitle,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type {\n  PluginMultiTenantTranslationKeys,\n  PluginMultiTenantTranslations,\n} from '../../translations/index.js'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\n\nexport const assignTenantModalSlug = 'assign-tenant-field-modal'\n\nexport const AssignTenantFieldTrigger: React.FC = () => {\n  const { openModal } = useModal()\n  const { t } = useTranslation<PluginMultiTenantTranslations, PluginMultiTenantTranslationKeys>()\n  const { options } = useTenantSelection()\n\n  if (options.length <= 1) {\n    return null\n  }\n\n  return (\n    <PopupList.Button onClick={() => openModal(assignTenantModalSlug)}>\n      {t('plugin-multi-tenant:assign-tenant-button-label')}\n    </PopupList.Button>\n  )\n}\n\nexport const AssignTenantFieldModal: React.FC<{\n  afterModalClose?: () => void\n  afterModalOpen?: () => void\n  children: React.ReactNode\n  onCancel?: () => void\n  onConfirm?: () => void\n}> = ({ afterModalClose, afterModalOpen, children, onCancel, onConfirm }) => {\n  const { i18n, t } = useTranslation<\n    PluginMultiTenantTranslations,\n    PluginMultiTenantTranslationKeys\n  >()\n  const { collectionSlug } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  const { getEntityConfig } = useConfig()\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n  const { isModalOpen: isModalOpenFn } = useModal()\n  const isModalOpen = isModalOpenFn(assignTenantModalSlug)\n  const wasModalOpenRef = React.useRef<boolean>(isModalOpen)\n\n  React.useEffect(() => {\n    if (wasModalOpenRef.current && !isModalOpen) {\n      afterModalClose?.()\n    }\n    if (!wasModalOpenRef.current && isModalOpen) {\n      afterModalOpen?.()\n    }\n    wasModalOpenRef.current = isModalOpen\n  }, [isModalOpen, afterModalClose, afterModalOpen])\n\n  if (!collectionConfig) {\n    return null\n  }\n\n  return (\n    <DialogModal size=\"medium\" slug={assignTenantModalSlug}>\n      <DialogHeader title={t('plugin-multi-tenant:assign-tenant-modal-title', { title })}>\n        <Pill size=\"small\">{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n      </DialogHeader>\n      <DialogBody>{children}</DialogBody>\n      <DialogFooter>\n        <DialogCancel onClick={onCancel} />\n        <DialogConfirm onClick={() => onConfirm?.()} />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"names":["getTranslation","DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal","Pill","PopupList","useConfig","useDocumentInfo","useDocumentTitle","useModal","useTranslation","React","useTenantSelection","assignTenantModalSlug","AssignTenantFieldTrigger","openModal","t","options","length","Button","onClick","AssignTenantFieldModal","afterModalClose","afterModalOpen","children","onCancel","onConfirm","i18n","collectionSlug","title","getEntityConfig","collectionConfig","isModalOpen","isModalOpenFn","wasModalOpenRef","useRef","useEffect","current","size","slug","labels","singular"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SACEC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,IAAI,EACJC,SAAS,EACTC,SAAS,EACTC,eAAe,EACfC,gBAAgB,EAChBC,QAAQ,EACRC,cAAc,QACT,iBAAgB;AACvB,OAAOC,WAAW,QAAO;AAOzB,SAASC,kBAAkB,QAAQ,0DAAyD;AAE5F,OAAO,MAAMC,wBAAwB,4BAA2B;AAEhE,OAAO,MAAMC,2BAAqC;IAChD,MAAM,EAAEC,SAAS,EAAE,GAAGN;IACtB,MAAM,EAAEO,CAAC,EAAE,GAAGN;IACd,MAAM,EAAEO,OAAO,EAAE,GAAGL;IAEpB,IAAIK,QAAQC,MAAM,IAAI,GAAG;QACvB,OAAO;IACT;IAEA,qBACE,KAACb,UAAUc,MAAM;QAACC,SAAS,IAAML,UAAUF;kBACxCG,EAAE;;AAGT,EAAC;AAED,OAAO,MAAMK,yBAMR,CAAC,EAAEC,eAAe,EAAEC,cAAc,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IACtE,MAAM,EAAEC,IAAI,EAAEX,CAAC,EAAE,GAAGN;IAIpB,MAAM,EAAEkB,cAAc,EAAE,GAAGrB;IAC3B,MAAM,EAAEsB,KAAK,EAAE,GAAGrB;IAClB,MAAM,EAAEsB,eAAe,EAAE,GAAGxB;IAC5B,MAAMyB,mBAAmBD,gBAAgB;QAAEF;IAAe;IAC1D,MAAM,EAAEI,aAAaC,aAAa,EAAE,GAAGxB;IACvC,MAAMuB,cAAcC,cAAcpB;IAClC,MAAMqB,kBAAkBvB,MAAMwB,MAAM,CAAUH;IAE9CrB,MAAMyB,SAAS,CAAC;QACd,IAAIF,gBAAgBG,OAAO,IAAI,CAACL,aAAa;YAC3CV;QACF;QACA,IAAI,CAACY,gBAAgBG,OAAO,IAAIL,aAAa;YAC3CT;QACF;QACAW,gBAAgBG,OAAO,GAAGL;IAC5B,GAAG;QAACA;QAAaV;QAAiBC;KAAe;IAEjD,IAAI,CAACQ,kBAAkB;QACrB,OAAO;IACT;IAEA,qBACE,MAAC5B;QAAYmC,MAAK;QAASC,MAAM1B;;0BAC/B,KAACX;gBAAa2B,OAAOb,EAAE,iDAAiD;oBAAEa;gBAAM;0BAC9E,cAAA,KAACzB;oBAAKkC,MAAK;8BAASzC,eAAekC,iBAAiBS,MAAM,CAACC,QAAQ,EAAEd;;;0BAEvE,KAAC7B;0BAAY0B;;0BACb,MAACvB;;kCACC,KAACF;wBAAaqB,SAASK;;kCACvB,KAACzB;wBAAcoB,SAAS,IAAMM;;;;;;AAItC,EAAC"}

package/dist/components/GlobalViewRedirect/index.d.ts

@@ -9,7 +9,7 @@ type Args = {
     tenantFieldName: string;
     tenantsCollectionSlug: string;
     useAsTitle: string;
-    userHasAccessToAllTenants: Required<MultiTenantPluginConfig<any>>['userHasAccessToAllTenants'];
+    userHasAccessToAllTenants: Required<MultiTenantPluginConfig>['userHasAccessToAllTenants'];
     viewType: ViewTypes;
 } & ServerProps;
 export declare const GlobalViewRedirect: (args: Args) => Promise<void>;

package/dist/components/GlobalViewRedirect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalViewRedirect/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKrE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAI7D,KAAK,IAAI,GAAG;IACV,cAAc,EAAE,cAAc,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,0BAA0B,EAAE,MAAM,CAAA;IAClC,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,yBAAyB,EAAE,QAAQ,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAA;IAC9F,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,kBAAkB,SAAgB,IAAI,kBAuBlD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalViewRedirect/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAErE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAI7D,KAAK,IAAI,GAAG;IACV,cAAc,EAAE,cAAc,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,0BAA0B,EAAE,MAAM,CAAA;IAClC,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,yBAAyB,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAC,2BAA2B,CAAC,CAAA;IACzF,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,kBAAkB,SAAgB,IAAI,kBA6BlD,CAAA"}

package/dist/components/GlobalViewRedirect/index.js

@@ -1,15 +1,17 @@
-import { headers as getHeaders } from 'next/headers.js';
-import { redirect } from 'next/navigation.js';
 import { getGlobalViewRedirect } from '../../utilities/getGlobalViewRedirect.js';
 export const GlobalViewRedirect = async (args)=>{
     const collectionSlug = args?.collectionSlug;
     if (collectionSlug && args.globalSlugs?.includes(collectionSlug)) {
-        const headers = await getHeaders();
+        if (!args.server) {
+            throw new Error('GlobalViewRedirect requires `server` in ServerProps. Ensure your framework adapter (e.g. @payloadcms/next) populates ServerProps.server.');
+        }
+        const headers = await args.server.getHeaders();
         const redirectRoute = await getGlobalViewRedirect({
             slug: collectionSlug,
             docID: args.docID,
             headers,
             payload: args.payload,
+            server: args.server,
             tenantFieldName: args.tenantFieldName,
             tenantsArrayFieldName: args.tenantArrayFieldName,
             tenantsArrayTenantFieldName: args.tenantArrayTenantFieldName,
@@ -20,7 +22,7 @@ export const GlobalViewRedirect = async (args)=>{
             view: args.viewType
         });
         if (redirectRoute) {
-            redirect(redirectRoute);
+            args.server.redirect(redirectRoute);
         }
     }
 };

package/dist/components/GlobalViewRedirect/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/GlobalViewRedirect/index.ts"],"sourcesContent":["import type { CollectionSlug, ServerProps, ViewTypes } from 'payload'\n\nimport { headers as getHeaders } from 'next/headers.js'\nimport { redirect } from 'next/navigation.js'\n\nimport type { MultiTenantPluginConfig } from '../../types.js'\n\nimport { getGlobalViewRedirect } from '../../utilities/getGlobalViewRedirect.js'\n\ntype Args = {\n  collectionSlug: CollectionSlug\n  docID?: number | string\n  globalSlugs: string[]\n  tenantArrayFieldName: string\n  tenantArrayTenantFieldName: string\n  tenantFieldName: string\n  tenantsCollectionSlug: string\n  useAsTitle: string\n  userHasAccessToAllTenants: Required<MultiTenantPluginConfig<any>>['userHasAccessToAllTenants']\n  viewType: ViewTypes\n} & ServerProps\n\nexport const GlobalViewRedirect = async (args: Args) => {\n  const collectionSlug = args?.collectionSlug\n  if (collectionSlug && args.globalSlugs?.includes(collectionSlug)) {\n    const headers = await getHeaders()\n    const redirectRoute = await getGlobalViewRedirect({\n      slug: collectionSlug,\n      docID: args.docID,\n      headers,\n      payload: args.payload,\n      tenantFieldName: args.tenantFieldName,\n      tenantsArrayFieldName: args.tenantArrayFieldName,\n      tenantsArrayTenantFieldName: args.tenantArrayTenantFieldName,\n      tenantsCollectionSlug: args.tenantsCollectionSlug,\n      useAsTitle: args.useAsTitle,\n      user: args.user,\n      userHasAccessToAllTenants: args.userHasAccessToAllTenants,\n      view: args.viewType,\n    })\n\n    if (redirectRoute) {\n      redirect(redirectRoute)\n    }\n  }\n}\n"],"names":["headers","getHeaders","redirect","getGlobalViewRedirect","GlobalViewRedirect","args","collectionSlug","globalSlugs","includes","redirectRoute","slug","docID","payload","tenantFieldName","tenantsArrayFieldName","tenantArrayFieldName","tenantsArrayTenantFieldName","tenantArrayTenantFieldName","tenantsCollectionSlug","useAsTitle","user","userHasAccessToAllTenants","view","viewType"],"mappings":"AAEA,SAASA,WAAWC,UAAU,QAAQ,kBAAiB;AACvD,SAASC,QAAQ,QAAQ,qBAAoB;AAI7C,SAASC,qBAAqB,QAAQ,2CAA0C;AAehF,OAAO,MAAMC,qBAAqB,OAAOC;IACvC,MAAMC,iBAAiBD,MAAMC;IAC7B,IAAIA,kBAAkBD,KAAKE,WAAW,EAAEC,SAASF,iBAAiB;QAChE,MAAMN,UAAU,MAAMC;QACtB,MAAMQ,gBAAgB,MAAMN,sBAAsB;YAChDO,MAAMJ;YACNK,OAAON,KAAKM,KAAK;YACjBX;YACAY,SAASP,KAAKO,OAAO;YACrBC,iBAAiBR,KAAKQ,eAAe;YACrCC,uBAAuBT,KAAKU,oBAAoB;YAChDC,6BAA6BX,KAAKY,0BAA0B;YAC5DC,uBAAuBb,KAAKa,qBAAqB;YACjDC,YAAYd,KAAKc,UAAU;YAC3BC,MAAMf,KAAKe,IAAI;YACfC,2BAA2BhB,KAAKgB,yBAAyB;YACzDC,MAAMjB,KAAKkB,QAAQ;QACrB;QAEA,IAAId,eAAe;YACjBP,SAASO;QACX;IACF;AACF,EAAC"}
+{"version":3,"sources":["../../../src/components/GlobalViewRedirect/index.ts"],"sourcesContent":["import type { CollectionSlug, ServerProps, ViewTypes } from 'payload'\n\nimport type { MultiTenantPluginConfig } from '../../types.js'\n\nimport { getGlobalViewRedirect } from '../../utilities/getGlobalViewRedirect.js'\n\ntype Args = {\n  collectionSlug: CollectionSlug\n  docID?: number | string\n  globalSlugs: string[]\n  tenantArrayFieldName: string\n  tenantArrayTenantFieldName: string\n  tenantFieldName: string\n  tenantsCollectionSlug: string\n  useAsTitle: string\n  userHasAccessToAllTenants: Required<MultiTenantPluginConfig>['userHasAccessToAllTenants']\n  viewType: ViewTypes\n} & ServerProps\n\nexport const GlobalViewRedirect = async (args: Args) => {\n  const collectionSlug = args?.collectionSlug\n  if (collectionSlug && args.globalSlugs?.includes(collectionSlug)) {\n    if (!args.server) {\n      throw new Error(\n        'GlobalViewRedirect requires `server` in ServerProps. Ensure your framework adapter (e.g. @payloadcms/next) populates ServerProps.server.',\n      )\n    }\n    const headers = await args.server.getHeaders()\n    const redirectRoute = await getGlobalViewRedirect({\n      slug: collectionSlug,\n      docID: args.docID,\n      headers,\n      payload: args.payload,\n      server: args.server,\n      tenantFieldName: args.tenantFieldName,\n      tenantsArrayFieldName: args.tenantArrayFieldName,\n      tenantsArrayTenantFieldName: args.tenantArrayTenantFieldName,\n      tenantsCollectionSlug: args.tenantsCollectionSlug,\n      useAsTitle: args.useAsTitle,\n      user: args.user,\n      userHasAccessToAllTenants: args.userHasAccessToAllTenants,\n      view: args.viewType,\n    })\n\n    if (redirectRoute) {\n      args.server.redirect(redirectRoute)\n    }\n  }\n}\n"],"names":["getGlobalViewRedirect","GlobalViewRedirect","args","collectionSlug","globalSlugs","includes","server","Error","headers","getHeaders","redirectRoute","slug","docID","payload","tenantFieldName","tenantsArrayFieldName","tenantArrayFieldName","tenantsArrayTenantFieldName","tenantArrayTenantFieldName","tenantsCollectionSlug","useAsTitle","user","userHasAccessToAllTenants","view","viewType","redirect"],"mappings":"AAIA,SAASA,qBAAqB,QAAQ,2CAA0C;AAehF,OAAO,MAAMC,qBAAqB,OAAOC;IACvC,MAAMC,iBAAiBD,MAAMC;IAC7B,IAAIA,kBAAkBD,KAAKE,WAAW,EAAEC,SAASF,iBAAiB;QAChE,IAAI,CAACD,KAAKI,MAAM,EAAE;YAChB,MAAM,IAAIC,MACR;QAEJ;QACA,MAAMC,UAAU,MAAMN,KAAKI,MAAM,CAACG,UAAU;QAC5C,MAAMC,gBAAgB,MAAMV,sBAAsB;YAChDW,MAAMR;YACNS,OAAOV,KAAKU,KAAK;YACjBJ;YACAK,SAASX,KAAKW,OAAO;YACrBP,QAAQJ,KAAKI,MAAM;YACnBQ,iBAAiBZ,KAAKY,eAAe;YACrCC,uBAAuBb,KAAKc,oBAAoB;YAChDC,6BAA6Bf,KAAKgB,0BAA0B;YAC5DC,uBAAuBjB,KAAKiB,qBAAqB;YACjDC,YAAYlB,KAAKkB,UAAU;YAC3BC,MAAMnB,KAAKmB,IAAI;YACfC,2BAA2BpB,KAAKoB,yBAAyB;YACzDC,MAAMrB,KAAKsB,QAAQ;QACrB;QAEA,IAAId,eAAe;YACjBR,KAAKI,MAAM,CAACmB,QAAQ,CAACf;QACvB;IACF;AACF,EAAC"}

package/dist/components/TenantField/index.client.d.ts

@@ -1,6 +1,6 @@
 import type { RelationshipFieldClientProps } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 type Props = {
     debug?: boolean;
     unique?: boolean;

package/dist/components/TenantField/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/components/TenantField/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAW3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,4BAA4B,CAAA;AAEhC,eAAO,MAAM,WAAW,oCAAqC,KAAK,6BA6HjE,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/components/TenantField/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAa3D,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,4BAA4B,CAAA;AAEhC,eAAO,MAAM,WAAW,oCAAqC,KAAK,6BAoIjE,CAAA"}

package/dist/components/TenantField/index.client.js

@@ -1,91 +1,90 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pill, RelationshipField, useDocumentInfo, useField, useForm, useFormModified, useModal } from '@payloadcms/ui';
+import { FieldContext, FieldPathContext, Pill, RelationshipField, useDocumentInfo, useField, useForm, useFormModified, useModal } from '@payloadcms/ui';
 import React from 'react';
 import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
 import { AssignTenantFieldModal, assignTenantModalSlug } from '../AssignTenantFieldModal/index.client.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'tenantField';
 export const TenantField = ({ debug, unique, ...fieldArgs })=>{
     const { entityType, options, selectedTenantID, setEntityType, setTenant } = useTenantSelection();
-    const { setValue, showError, value } = useField();
-    const modified = useFormModified();
-    const { isValid: isFormValid, setModified } = useForm();
+    const tenantField = useField();
+    const { setValue, showError, value } = tenantField;
+    const { isValid: isFormValid } = useForm();
     const { id: docID, collectionSlug } = useDocumentInfo();
     const { isModalOpen, openModal } = useModal();
     const isEditManyModalOpen = collectionSlug ? isModalOpen(`edit-${collectionSlug}`) || isModalOpen(`edit-${collectionSlug}-bulk-uploads`) : false;
-    const isConfirmingRef = React.useRef(false);
-    const prevModified = React.useRef(modified);
-    const prevValue = React.useRef(value);
-    const showField = options.length > 1 && !fieldArgs.field.admin?.hidden && !fieldArgs.field.hidden || debug;
-    const onConfirm = React.useCallback(()=>{
-        isConfirmingRef.current = true;
-    }, []);
-    const afterModalOpen = React.useCallback(()=>{
-        prevModified.current = modified;
-        prevValue.current = value;
-    }, [
-        modified,
-        value
+    const [modalValue, setModalValue] = React.useState(value);
+    const localTenantField = React.useMemo(()=>({
+            ...tenantField,
+            initialValue: modalValue,
+            setValue: (nextValue)=>{
+                setModalValue(nextValue);
+            },
+            value: modalValue
+        }), [
+        modalValue,
+        tenantField
     ]);
-    const afterModalClose = React.useCallback(()=>{
-        let didChange = true;
-        if (isConfirmingRef.current) {
-            // did the values actually change?
-            if (fieldArgs.field.hasMany) {
-                const prev = prevValue.current || [];
-                const newValue = value || [];
-                if (prev.length !== newValue.length) {
-                    didChange = true;
-                } else {
-                    const allMatch = newValue.every((val)=>prev.includes(val));
-                    if (allMatch) {
-                        didChange = false;
-                    }
-                }
-            } else if (value === prevValue.current) {
-                didChange = false;
+    const showField = options.length > 1 && !fieldArgs.field.admin?.hidden && !fieldArgs.field.hidden || debug;
+    function getTenantIDToSelect({ selectedTenantID, value }) {
+        if (Array.isArray(value)) {
+            if (!value.length) {
+                return undefined;
             }
-            if (didChange) {
-                prevModified.current = true;
-                prevValue.current = value;
+            if (!selectedTenantID || !value.includes(selectedTenantID)) {
+                return value[0];
             }
+            return undefined;
+        }
+        if (value && selectedTenantID !== value) {
+            return value;
+        }
+        return undefined;
+    }
+    const syncTenantSelectionFromValue = React.useCallback((tenantValue)=>{
+        const tenantID = getTenantIDToSelect({
+            selectedTenantID,
+            value: tenantValue
+        });
+        if (tenantID) {
+            setTenant({
+                id: tenantID,
+                refresh: false
+            });
+        }
+    }, [
+        selectedTenantID,
+        setTenant
+    ]);
+    const onConfirm = React.useCallback(()=>{
+        if (hasTenantValueChanged({
+            hasMany: fieldArgs.field.hasMany,
+            modalValue,
+            value
+        })) {
+            setValue(modalValue);
+            syncTenantSelectionFromValue(modalValue);
         }
-        setValue(prevValue.current, true);
-        setModified(prevModified.current);
-        isConfirmingRef.current = false;
     }, [
+        fieldArgs.field.hasMany,
+        modalValue,
         setValue,
-        setModified,
-        value,
-        fieldArgs.field.hasMany
+        syncTenantSelectionFromValue,
+        value
+    ]);
+    const afterModalOpen = React.useCallback(()=>{
+        setModalValue(value);
+    }, [
+        value
     ]);
     React.useEffect(()=>{
         if (!entityType) {
             setEntityType(unique ? 'global' : 'document');
         } else {
             // unique documents are controlled from the global TenantSelector
-            if (!unique && value) {
-                if (Array.isArray(value)) {
-                    if (value.length) {
-                        if (!selectedTenantID) {
-                            setTenant({
-                                id: value[0],
-                                refresh: false
-                            });
-                        } else if (!value.includes(selectedTenantID)) {
-                            setTenant({
-                                id: value[0],
-                                refresh: false
-                            });
-                        }
-                    }
-                } else if (selectedTenantID !== value) {
-                    setTenant({
-                        id: value,
-                        refresh: false
-                    });
-                }
+            if (!unique) {
+                syncTenantSelectionFromValue(value);
             }
         }
         return ()=>{
@@ -94,13 +93,11 @@ export const TenantField = ({ debug, unique, ...fieldArgs })=>{
             }
         };
     }, [
-        unique,
-        options,
-        selectedTenantID,
-        setTenant,
-        value,
+        entityType,
         setEntityType,
-        entityType
+        syncTenantSelectionFromValue,
+        unique,
+        value
     ]);
     React.useEffect(()=>{
         if (unique || debug || isEditManyModalOpen) {
@@ -131,12 +128,17 @@ export const TenantField = ({ debug, unique, ...fieldArgs })=>{
         }
         if (!unique) {
             /** Editing a non-global tenant document */ return /*#__PURE__*/ _jsx(AssignTenantFieldModal, {
-                afterModalClose: afterModalClose,
                 afterModalOpen: afterModalOpen,
                 onConfirm: onConfirm,
-                children: /*#__PURE__*/ _jsx(TenantRelationshipField, {
-                    fieldArgs: fieldArgs,
-                    unique: unique
+                children: /*#__PURE__*/ _jsx(FieldPathContext, {
+                    value: tenantField.path,
+                    children: /*#__PURE__*/ _jsx(FieldContext, {
+                        value: localTenantField,
+                        children: /*#__PURE__*/ _jsx(TenantRelationshipField, {
+                            fieldArgs: fieldArgs,
+                            unique: unique
+                        })
+                    })
                 })
             });
         }
@@ -144,6 +146,14 @@ export const TenantField = ({ debug, unique, ...fieldArgs })=>{
     }
     return null;
 };
+const hasTenantValueChanged = ({ hasMany, modalValue, value })=>{
+    if (hasMany) {
+        const currentValue = value || [];
+        const nextValue = modalValue || [];
+        return currentValue.length !== nextValue.length || nextValue.some((nextValueItem)=>!currentValue.includes(nextValueItem));
+    }
+    return value !== modalValue;
+};
 const TenantRelationshipField = ({ debug, fieldArgs, unique })=>{
     return /*#__PURE__*/ _jsx("div", {
         className: baseClass,

package/dist/components/TenantField/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TenantField/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { RelationshipFieldClientProps } from 'payload'\n\nimport {\n  Pill,\n  RelationshipField,\n  useDocumentInfo,\n  useField,\n  useForm,\n  useFormModified,\n  useModal,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\nimport {\n  AssignTenantFieldModal,\n  assignTenantModalSlug,\n} from '../AssignTenantFieldModal/index.client.js'\nimport './index.scss'\n\nconst baseClass = 'tenantField'\n\ntype Props = {\n  debug?: boolean\n  unique?: boolean\n} & RelationshipFieldClientProps\n\nexport const TenantField = ({ debug, unique, ...fieldArgs }: Props) => {\n  const { entityType, options, selectedTenantID, setEntityType, setTenant } = useTenantSelection()\n  const { setValue, showError, value } = useField<(number | string)[] | (number | string)>()\n  const modified = useFormModified()\n  const { isValid: isFormValid, setModified } = useForm()\n  const { id: docID, collectionSlug } = useDocumentInfo()\n  const { isModalOpen, openModal } = useModal()\n  const isEditManyModalOpen = collectionSlug\n    ? isModalOpen(`edit-${collectionSlug}`) || isModalOpen(`edit-${collectionSlug}-bulk-uploads`)\n    : false\n  const isConfirmingRef = React.useRef<boolean>(false)\n  const prevModified = React.useRef(modified)\n  const prevValue = React.useRef<typeof value>(value)\n  const showField =\n    (options.length > 1 && !fieldArgs.field.admin?.hidden && !fieldArgs.field.hidden) || debug\n\n  const onConfirm = React.useCallback(() => {\n    isConfirmingRef.current = true\n  }, [])\n\n  const afterModalOpen = React.useCallback(() => {\n    prevModified.current = modified\n    prevValue.current = value\n  }, [modified, value])\n\n  const afterModalClose = React.useCallback(() => {\n    let didChange = true\n    if (isConfirmingRef.current) {\n      // did the values actually change?\n      if (fieldArgs.field.hasMany) {\n        const prev = (prevValue.current || []) as (number | string)[]\n        const newValue = (value || []) as (number | string)[]\n        if (prev.length !== newValue.length) {\n          didChange = true\n        } else {\n          const allMatch = newValue.every((val) => prev.includes(val))\n          if (allMatch) {\n            didChange = false\n          }\n        }\n      } else if (value === prevValue.current) {\n        didChange = false\n      }\n\n      if (didChange) {\n        prevModified.current = true\n        prevValue.current = value\n      }\n    }\n\n    setValue(prevValue.current, true)\n    setModified(prevModified.current)\n\n    isConfirmingRef.current = false\n  }, [setValue, setModified, value, fieldArgs.field.hasMany])\n\n  React.useEffect(() => {\n    if (!entityType) {\n      setEntityType(unique ? 'global' : 'document')\n    } else {\n      // unique documents are controlled from the global TenantSelector\n      if (!unique && value) {\n        if (Array.isArray(value)) {\n          if (value.length) {\n            if (!selectedTenantID) {\n              setTenant({ id: value[0], refresh: false })\n            } else if (!value.includes(selectedTenantID)) {\n              setTenant({ id: value[0], refresh: false })\n            }\n          }\n        } else if (selectedTenantID !== value) {\n          setTenant({ id: value, refresh: false })\n        }\n      }\n    }\n\n    return () => {\n      if (entityType) {\n        setEntityType(undefined)\n      }\n    }\n  }, [unique, options, selectedTenantID, setTenant, value, setEntityType, entityType])\n\n  React.useEffect(() => {\n    if (unique || debug || isEditManyModalOpen) {\n      return\n    }\n    if (showField && ((!isFormValid && showError) || (!value && !selectedTenantID))) {\n      openModal(assignTenantModalSlug)\n    }\n  }, [\n    debug,\n    isEditManyModalOpen,\n    isFormValid,\n    showError,\n    showField,\n    openModal,\n    value,\n    docID,\n    selectedTenantID,\n    unique,\n  ])\n\n  if (showField) {\n    if (debug || isEditManyModalOpen) {\n      return <TenantRelationshipField debug={debug} fieldArgs={fieldArgs} unique={unique} />\n    }\n\n    if (!unique) {\n      /** Editing a non-global tenant document */\n      return (\n        <AssignTenantFieldModal\n          afterModalClose={afterModalClose}\n          afterModalOpen={afterModalOpen}\n          onConfirm={onConfirm}\n        >\n          <TenantRelationshipField fieldArgs={fieldArgs} unique={unique} />\n        </AssignTenantFieldModal>\n      )\n    }\n\n    return <SyncFormModified />\n  }\n\n  return null\n}\n\nconst TenantRelationshipField: React.FC<{\n  debug?: boolean\n  fieldArgs: RelationshipFieldClientProps\n  unique?: boolean\n}> = ({ debug, fieldArgs, unique }) => {\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        {debug && (\n          <Pill className={`${baseClass}__debug-pill`} pillStyle=\"success\" size=\"small\">\n            Multi-Tenant Debug Enabled\n          </Pill>\n        )}\n        <RelationshipField\n          {...fieldArgs}\n          field={{\n            ...fieldArgs.field,\n            required: true,\n          }}\n          readOnly={fieldArgs.readOnly || fieldArgs.field.admin?.readOnly || unique}\n        />\n      </div>\n    </div>\n  )\n}\n\n/**\n * Tells the global selector when the form has been modified\n * so it can display the \"Leave without saving\" confirmation modal\n * if modified and attempting to change the tenant\n */\nconst SyncFormModified = () => {\n  const modified = useFormModified()\n  const { setModified } = useTenantSelection()\n\n  React.useEffect(() => {\n    setModified(modified)\n  }, [modified, setModified])\n\n  return null\n}\n"],"names":["Pill","RelationshipField","useDocumentInfo","useField","useForm","useFormModified","useModal","React","useTenantSelection","AssignTenantFieldModal","assignTenantModalSlug","baseClass","TenantField","debug","unique","fieldArgs","entityType","options","selectedTenantID","setEntityType","setTenant","setValue","showError","value","modified","isValid","isFormValid","setModified","id","docID","collectionSlug","isModalOpen","openModal","isEditManyModalOpen","isConfirmingRef","useRef","prevModified","prevValue","showField","length","field","admin","hidden","onConfirm","useCallback","current","afterModalOpen","afterModalClose","didChange","hasMany","prev","newValue","allMatch","every","val","includes","useEffect","Array","isArray","refresh","undefined","TenantRelationshipField","SyncFormModified","div","className","pillStyle","size","required","readOnly"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/TenantField/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldType } from '@payloadcms/ui'\nimport type { RelationshipFieldClientProps } from 'payload'\n\nimport {\n  FieldContext,\n  FieldPathContext,\n  Pill,\n  RelationshipField,\n  useDocumentInfo,\n  useField,\n  useForm,\n  useFormModified,\n  useModal,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { TenantValue } from '../../types.js'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\nimport {\n  AssignTenantFieldModal,\n  assignTenantModalSlug,\n} from '../AssignTenantFieldModal/index.client.js'\nimport './index.css'\n\nconst baseClass = 'tenantField'\n\ntype Props = {\n  debug?: boolean\n  unique?: boolean\n} & RelationshipFieldClientProps\n\nexport const TenantField = ({ debug, unique, ...fieldArgs }: Props) => {\n  const { entityType, options, selectedTenantID, setEntityType, setTenant } = useTenantSelection()\n  const tenantField = useField<TenantValue>()\n  const { setValue, showError, value } = tenantField\n  const { isValid: isFormValid } = useForm()\n  const { id: docID, collectionSlug } = useDocumentInfo()\n  const { isModalOpen, openModal } = useModal()\n  const isEditManyModalOpen = collectionSlug\n    ? isModalOpen(`edit-${collectionSlug}`) || isModalOpen(`edit-${collectionSlug}-bulk-uploads`)\n    : false\n  const [modalValue, setModalValue] = React.useState<TenantValue | undefined>(value)\n  const localTenantField = React.useMemo<FieldType<TenantValue>>(\n    () => ({\n      ...tenantField,\n      initialValue: modalValue,\n      setValue: (nextValue) => {\n        setModalValue(nextValue as TenantValue | undefined)\n      },\n      value: modalValue as TenantValue,\n    }),\n    [modalValue, tenantField],\n  )\n  const showField =\n    (options.length > 1 && !fieldArgs.field.admin?.hidden && !fieldArgs.field.hidden) || debug\n\n  function getTenantIDToSelect({\n    selectedTenantID,\n    value,\n  }: {\n    selectedTenantID: number | string | undefined\n    value: TenantValue | undefined\n  }): number | string | undefined {\n    if (Array.isArray(value)) {\n      if (!value.length) {\n        return undefined\n      }\n\n      if (!selectedTenantID || !value.includes(selectedTenantID)) {\n        return value[0]\n      }\n\n      return undefined\n    }\n\n    if (value && selectedTenantID !== value) {\n      return value\n    }\n\n    return undefined\n  }\n\n  const syncTenantSelectionFromValue = React.useCallback(\n    (tenantValue: TenantValue | undefined) => {\n      const tenantID = getTenantIDToSelect({ selectedTenantID, value: tenantValue })\n\n      if (tenantID) {\n        setTenant({ id: tenantID, refresh: false })\n      }\n    },\n    [selectedTenantID, setTenant],\n  )\n\n  const onConfirm = React.useCallback(() => {\n    if (hasTenantValueChanged({ hasMany: fieldArgs.field.hasMany, modalValue, value })) {\n      setValue(modalValue)\n      syncTenantSelectionFromValue(modalValue)\n    }\n  }, [fieldArgs.field.hasMany, modalValue, setValue, syncTenantSelectionFromValue, value])\n\n  const afterModalOpen = React.useCallback(() => {\n    setModalValue(value)\n  }, [value])\n\n  React.useEffect(() => {\n    if (!entityType) {\n      setEntityType(unique ? 'global' : 'document')\n    } else {\n      // unique documents are controlled from the global TenantSelector\n      if (!unique) {\n        syncTenantSelectionFromValue(value)\n      }\n    }\n\n    return () => {\n      if (entityType) {\n        setEntityType(undefined)\n      }\n    }\n  }, [entityType, setEntityType, syncTenantSelectionFromValue, unique, value])\n\n  React.useEffect(() => {\n    if (unique || debug || isEditManyModalOpen) {\n      return\n    }\n    if (showField && ((!isFormValid && showError) || (!value && !selectedTenantID))) {\n      openModal(assignTenantModalSlug)\n    }\n  }, [\n    debug,\n    isEditManyModalOpen,\n    isFormValid,\n    showError,\n    showField,\n    openModal,\n    value,\n    docID,\n    selectedTenantID,\n    unique,\n  ])\n\n  if (showField) {\n    if (debug || isEditManyModalOpen) {\n      return <TenantRelationshipField debug={debug} fieldArgs={fieldArgs} unique={unique} />\n    }\n\n    if (!unique) {\n      /** Editing a non-global tenant document */\n      return (\n        <AssignTenantFieldModal afterModalOpen={afterModalOpen} onConfirm={onConfirm}>\n          <FieldPathContext value={tenantField.path}>\n            <FieldContext value={localTenantField}>\n              <TenantRelationshipField fieldArgs={fieldArgs} unique={unique} />\n            </FieldContext>\n          </FieldPathContext>\n        </AssignTenantFieldModal>\n      )\n    }\n\n    return <SyncFormModified />\n  }\n\n  return null\n}\n\nconst hasTenantValueChanged = ({\n  hasMany,\n  modalValue,\n  value,\n}: {\n  hasMany?: boolean\n  modalValue: TenantValue | undefined\n  value: TenantValue | undefined\n}): boolean => {\n  if (hasMany) {\n    const currentValue = (value || []) as (number | string)[]\n    const nextValue = (modalValue || []) as (number | string)[]\n\n    return (\n      currentValue.length !== nextValue.length ||\n      nextValue.some((nextValueItem) => !currentValue.includes(nextValueItem))\n    )\n  }\n\n  return value !== modalValue\n}\n\nconst TenantRelationshipField: React.FC<{\n  debug?: boolean\n  fieldArgs: RelationshipFieldClientProps\n  unique?: boolean\n}> = ({ debug, fieldArgs, unique }) => {\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        {debug && (\n          <Pill className={`${baseClass}__debug-pill`} pillStyle=\"success\" size=\"small\">\n            Multi-Tenant Debug Enabled\n          </Pill>\n        )}\n        <RelationshipField\n          {...fieldArgs}\n          field={{\n            ...fieldArgs.field,\n            required: true,\n          }}\n          readOnly={fieldArgs.readOnly || fieldArgs.field.admin?.readOnly || unique}\n        />\n      </div>\n    </div>\n  )\n}\n\n/**\n * Tells the global selector when the form has been modified\n * so it can display the \"Leave without saving\" confirmation modal\n * if modified and attempting to change the tenant\n */\nconst SyncFormModified = () => {\n  const modified = useFormModified()\n  const { setModified } = useTenantSelection()\n\n  React.useEffect(() => {\n    setModified(modified)\n  }, [modified, setModified])\n\n  return null\n}\n"],"names":["FieldContext","FieldPathContext","Pill","RelationshipField","useDocumentInfo","useField","useForm","useFormModified","useModal","React","useTenantSelection","AssignTenantFieldModal","assignTenantModalSlug","baseClass","TenantField","debug","unique","fieldArgs","entityType","options","selectedTenantID","setEntityType","setTenant","tenantField","setValue","showError","value","isValid","isFormValid","id","docID","collectionSlug","isModalOpen","openModal","isEditManyModalOpen","modalValue","setModalValue","useState","localTenantField","useMemo","initialValue","nextValue","showField","length","field","admin","hidden","getTenantIDToSelect","Array","isArray","undefined","includes","syncTenantSelectionFromValue","useCallback","tenantValue","tenantID","refresh","onConfirm","hasTenantValueChanged","hasMany","afterModalOpen","useEffect","TenantRelationshipField","path","SyncFormModified","currentValue","some","nextValueItem","div","className","pillStyle","size","required","readOnly","modified","setModified"],"mappings":"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"}

package/dist/components/TenantField/index.css

@@ -0,0 +1,44 @@
+@layer payload-default {
+  .document-fields__sidebar-fields .render-fields .tenantField,
+  .document-fields__main .render-fields .tenantField {
+    width: calc(100% + var(--gutter-h) * 2);
+    margin-left: calc(-1 * var(--gutter-h));
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    padding-top: var(--spacer-3);
+    padding-bottom: var(--spacer-4);
+  }
+
+  .document-fields__sidebar-fields .render-fields .tenantField__wrapper,
+  .document-fields__main .render-fields .tenantField__wrapper {
+    padding-left: var(--gutter-h);
+    padding-right: var(--gutter-h);
+  }
+
+  [dir='rtl'] .document-fields__sidebar-fields .render-fields .tenantField,
+  [dir='rtl'] .document-fields__main .render-fields .tenantField {
+    margin-left: 0;
+    margin-right: calc(-1 * var(--gutter-h));
+  }
+
+  .document-fields__sidebar-fields .render-fields .tenantField:not(:first-child),
+  .document-fields__main .render-fields .tenantField:not(:first-child) {
+    border-top: var(--stroke-width-small) solid var(--color-border);
+    margin-top: var(--spacer-4);
+  }
+
+  .document-fields__sidebar-fields .render-fields .tenantField:not(:last-child),
+  .document-fields__main .render-fields .tenantField:not(:last-child) {
+    margin-bottom: var(--spacing-field);
+  }
+
+  .document-fields__sidebar-fields .render-fields .tenantField:first-child,
+  .document-fields__main .render-fields .tenantField:first-child {
+    margin-top: calc(-1 * var(--spacer-4));
+    padding-top: var(--spacer-4);
+  }
+
+  .document-fields__sidebar-fields .render-fields .tenantField__debug-pill,
+  .document-fields__main .render-fields .tenantField__debug-pill {
+    margin-bottom: var(--spacer-2);
+  }
+}

package/dist/components/TenantSelector/index.client.d.ts

@@ -1,10 +1,10 @@
 import type { ViewTypes } from 'payload';
 import React from 'react';
 import type { MultiTenantPluginConfig } from '../../types.js';
-import './index.scss';
+import './index.css';
 export declare const TenantSelectorClient: ({ disabled: disabledFromProps, label, viewType, }: {
     disabled?: boolean;
-    label?: MultiTenantPluginConfig["tenantSelectorLabel"];
+    label?: MultiTenantPluginConfig['tenantSelectorLabel'];
     viewType?: ViewTypes;
 }) => React.JSX.Element | null;
 //# sourceMappingURL=index.client.d.ts.map

package/dist/components/TenantSelector/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/components/TenantSelector/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIxC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAG7D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,oBAAoB,sDAI9B;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,uBAAuB,CAAC,qBAAqB,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,6BAgFA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/components/TenantSelector/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIxC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAG7D,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,oBAAoB,sDAI9B;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,uBAAuB,CAAC,qBAAqB,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,6BAiFA,CAAA"}