@payloadcms/plugin-multi-tenant 3.53.0-internal.2dadf5b → 3.54.0-canary.0

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;AAG3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,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,SAAU,KAAK,6BA2DtC,CAAA"}
+{"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;AAaxE,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAKrB,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,4BAA4B,CAAA;AAEhC,eAAO,MAAM,WAAW,SAAU,KAAK,6BAgDtC,CAAA"}

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

@@ -1,80 +1,164 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RelationshipField, useField, useFormModified } from '@payloadcms/ui';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { ConfirmationModal, RelationshipField, Translation, useField, useForm, useFormModified, useModal, useTranslation } from '@payloadcms/ui';
 import React from 'react';
-import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
 import './index.scss';
+import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
 const baseClass = 'tenantField';
 export const TenantField = (args)=>{
-    const { debug, unique } = args;
-    const { setValue, value } = useField();
-    const modified = useFormModified();
-    const { options, selectedTenantID, setEntityType: setEntityType, setModified, setTenant } = useTenantSelection();
-    const hasSetValueRef = React.useRef(false);
+    const { entityType, options, selectedTenantID, setEntityType, setTenant } = useTenantSelection();
+    const { value } = useField();
     React.useEffect(()=>{
-        if (!hasSetValueRef.current) {
-            // set value on load
-            if (value && value !== selectedTenantID) {
-                setTenant({
-                    id: value,
-                    refresh: unique
-                });
-            } else {
-                // in the document view, the tenant field should always have a value
-                const defaultValue = selectedTenantID || options[0]?.value;
-                setTenant({
-                    id: defaultValue,
-                    refresh: unique
-                });
+        if (!entityType) {
+            setEntityType(args.unique ? 'global' : 'document');
+        } else {
+            // unique documents are controlled from the global TenantSelector
+            if (!args.unique && value) {
+                if (!selectedTenantID || value !== selectedTenantID) {
+                    setTenant({
+                        id: value,
+                        refresh: false
+                    });
+                }
             }
-            hasSetValueRef.current = true;
-        } else if (!value || value !== selectedTenantID) {
-            // Update the field on the document value when the tenant is changed
-            setValue(selectedTenantID, !value || value === selectedTenantID);
         }
+        return ()=>{
+            if (entityType) {
+                setEntityType(undefined);
+            }
+        };
     }, [
-        value,
+        args.unique,
+        options,
         selectedTenantID,
         setTenant,
-        setValue,
+        value,
+        setEntityType,
+        entityType
+    ]);
+    if (options.length > 1) {
+        return /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: baseClass,
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__wrapper`,
+                        children: /*#__PURE__*/ _jsx(RelationshipField, {
+                            ...args,
+                            field: {
+                                ...args.field,
+                                required: true
+                            },
+                            readOnly: args.readOnly || args.unique
+                        })
+                    })
+                }),
+                args.unique ? /*#__PURE__*/ _jsx(SyncFormModified, {}) : /*#__PURE__*/ _jsx(ConfirmTenantChange, {
+                    fieldLabel: args.field.label,
+                    fieldPath: args.path
+                })
+            ]
+        });
+    }
+    return null;
+};
+const confirmSwitchTenantSlug = 'confirm-switch-tenant';
+const ConfirmTenantChange = ({ fieldLabel, fieldPath })=>{
+    const { options, selectedTenantID, setTenant } = useTenantSelection();
+    const { setValue: setTenantFormValue, value: tenantFormValue } = useField({
+        path: fieldPath
+    });
+    const { setModified } = useForm();
+    const modified = useFormModified();
+    const { i18n, t } = useTranslation();
+    const { isModalOpen, openModal } = useModal();
+    const prevTenantValueRef = React.useRef(tenantFormValue || null);
+    const [tenantToConfirm, setTenantToConfirm] = React.useState(tenantFormValue || null);
+    const fromTenantOption = React.useMemo(()=>{
+        if (tenantFormValue) {
+            return options.find((option)=>option.value === tenantFormValue);
+        }
+        return undefined;
+    }, [
         options,
-        unique
+        tenantFormValue
     ]);
+    const toTenantOption = React.useMemo(()=>{
+        if (tenantToConfirm) {
+            return options.find((option)=>option.value === tenantToConfirm);
+        }
+        return undefined;
+    }, [
+        options,
+        tenantToConfirm
+    ]);
+    const modalIsOpen = isModalOpen(confirmSwitchTenantSlug);
+    const testRef = React.useRef(false);
     React.useEffect(()=>{
-        setEntityType(unique ? 'global' : 'document');
-        return ()=>{
-            setEntityType(undefined);
-        };
+        // the form value changed
+        if (!modalIsOpen && tenantFormValue && prevTenantValueRef.current && tenantFormValue !== prevTenantValueRef.current) {
+            // revert the form value change temporarily
+            setTenantFormValue(prevTenantValueRef.current, true);
+            // save the tenant to confirm in modal
+            setTenantToConfirm(tenantFormValue);
+            // open confirmation modal
+            openModal(confirmSwitchTenantSlug);
+        }
     }, [
-        unique,
-        setEntityType
+        tenantFormValue,
+        setTenantFormValue,
+        openModal,
+        setTenant,
+        selectedTenantID,
+        modalIsOpen,
+        modified
     ]);
+    return /*#__PURE__*/ _jsx(ConfirmationModal, {
+        body: /*#__PURE__*/ _jsx(Translation, {
+            elements: {
+                0: ({ children })=>{
+                    return /*#__PURE__*/ _jsx("b", {
+                        children: children
+                    });
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            i18nKey: "plugin-multi-tenant:confirm-modal-tenant-switch--body",
+            t: t,
+            variables: {
+                fromTenant: fromTenantOption?.label,
+                toTenant: toTenantOption?.label
+            }
+        }),
+        heading: t('plugin-multi-tenant:confirm-modal-tenant-switch--heading', {
+            tenantLabel: fieldLabel ? getTranslation(fieldLabel, i18n) : t('plugin-multi-tenant:nav-tenantSelector-label')
+        }),
+        modalSlug: confirmSwitchTenantSlug,
+        onCancel: ()=>{
+            setModified(testRef.current);
+        },
+        onConfirm: ()=>{
+            // set the form value to the tenant to confirm
+            prevTenantValueRef.current = tenantToConfirm;
+            setTenantFormValue(tenantToConfirm);
+        }
+    });
+};
+/**
+ * Tells the global selector when the form has been modified
+ * so it can display the "Leave without saving" confirmation modal
+ * if modified and attempting to change the tenant
+ */ const SyncFormModified = ()=>{
+    const modified = useFormModified();
+    const { setModified } = useTenantSelection();
     React.useEffect(()=>{
-        // sync form modified state with the tenant selection provider context
         setModified(modified);
-        return ()=>{
-            setModified(false);
-        };
     }, [
         modified,
         setModified
     ]);
-    if (debug) {
-        return /*#__PURE__*/ _jsxs("div", {
-            className: baseClass,
-            children: [
-                /*#__PURE__*/ _jsx("div", {
-                    className: `${baseClass}__wrapper`,
-                    children: /*#__PURE__*/ _jsx(RelationshipField, {
-                        ...args
-                    })
-                }),
-                /*#__PURE__*/ _jsx("div", {
-                    className: `${baseClass}__hr`
-                })
-            ]
-        });
-    }
     return null;
 };
 

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 { RelationshipField, useField, useFormModified } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/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 = (args: Props) => {\n  const { debug, unique } = args\n  const { setValue, value } = useField<number | string>()\n  const modified = useFormModified()\n  const {\n    options,\n    selectedTenantID,\n    setEntityType: setEntityType,\n    setModified,\n    setTenant,\n  } = useTenantSelection()\n\n  const hasSetValueRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (!hasSetValueRef.current) {\n      // set value on load\n      if (value && value !== selectedTenantID) {\n        setTenant({ id: value, refresh: unique })\n      } else {\n        // in the document view, the tenant field should always have a value\n        const defaultValue = selectedTenantID || options[0]?.value\n        setTenant({ id: defaultValue, refresh: unique })\n      }\n      hasSetValueRef.current = true\n    } else if (!value || value !== selectedTenantID) {\n      // Update the field on the document value when the tenant is changed\n      setValue(selectedTenantID, !value || value === selectedTenantID)\n    }\n  }, [value, selectedTenantID, setTenant, setValue, options, unique])\n\n  React.useEffect(() => {\n    setEntityType(unique ? 'global' : 'document')\n    return () => {\n      setEntityType(undefined)\n    }\n  }, [unique, setEntityType])\n\n  React.useEffect(() => {\n    // sync form modified state with the tenant selection provider context\n    setModified(modified)\n\n    return () => {\n      setModified(false)\n    }\n  }, [modified, setModified])\n\n  if (debug) {\n    return (\n      <div className={baseClass}>\n        <div className={`${baseClass}__wrapper`}>\n          <RelationshipField {...args} />\n        </div>\n        <div className={`${baseClass}__hr`} />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["RelationshipField","useField","useFormModified","React","useTenantSelection","baseClass","TenantField","args","debug","unique","setValue","value","modified","options","selectedTenantID","setEntityType","setModified","setTenant","hasSetValueRef","useRef","useEffect","current","id","refresh","defaultValue","undefined","div","className"],"mappings":"AAAA;;AAIA,SAASA,iBAAiB,EAAEC,QAAQ,EAAEC,eAAe,QAAQ,iBAAgB;AAC7E,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,0DAAyD;AAC5F,OAAO,eAAc;AAErB,MAAMC,YAAY;AAOlB,OAAO,MAAMC,cAAc,CAACC;IAC1B,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGF;IAC1B,MAAM,EAAEG,QAAQ,EAAEC,KAAK,EAAE,GAAGV;IAC5B,MAAMW,WAAWV;IACjB,MAAM,EACJW,OAAO,EACPC,gBAAgB,EAChBC,eAAeA,aAAa,EAC5BC,WAAW,EACXC,SAAS,EACV,GAAGb;IAEJ,MAAMc,iBAAiBf,MAAMgB,MAAM,CAAC;IAEpChB,MAAMiB,SAAS,CAAC;QACd,IAAI,CAACF,eAAeG,OAAO,EAAE;YAC3B,oBAAoB;YACpB,IAAIV,SAASA,UAAUG,kBAAkB;gBACvCG,UAAU;oBAAEK,IAAIX;oBAAOY,SAASd;gBAAO;YACzC,OAAO;gBACL,oEAAoE;gBACpE,MAAMe,eAAeV,oBAAoBD,OAAO,CAAC,EAAE,EAAEF;gBACrDM,UAAU;oBAAEK,IAAIE;oBAAcD,SAASd;gBAAO;YAChD;YACAS,eAAeG,OAAO,GAAG;QAC3B,OAAO,IAAI,CAACV,SAASA,UAAUG,kBAAkB;YAC/C,oEAAoE;YACpEJ,SAASI,kBAAkB,CAACH,SAASA,UAAUG;QACjD;IACF,GAAG;QAACH;QAAOG;QAAkBG;QAAWP;QAAUG;QAASJ;KAAO;IAElEN,MAAMiB,SAAS,CAAC;QACdL,cAAcN,SAAS,WAAW;QAClC,OAAO;YACLM,cAAcU;QAChB;IACF,GAAG;QAAChB;QAAQM;KAAc;IAE1BZ,MAAMiB,SAAS,CAAC;QACd,sEAAsE;QACtEJ,YAAYJ;QAEZ,OAAO;YACLI,YAAY;QACd;IACF,GAAG;QAACJ;QAAUI;KAAY;IAE1B,IAAIR,OAAO;QACT,qBACE,MAACkB;YAAIC,WAAWtB;;8BACd,KAACqB;oBAAIC,WAAW,GAAGtB,UAAU,SAAS,CAAC;8BACrC,cAAA,KAACL;wBAAmB,GAAGO,IAAI;;;8BAE7B,KAACmB;oBAAIC,WAAW,GAAGtB,UAAU,IAAI,CAAC;;;;IAGxC;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/components/TenantField/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { RelationshipFieldClientProps, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  ConfirmationModal,\n  RelationshipField,\n  Translation,\n  useField,\n  useForm,\n  useFormModified,\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 './index.scss'\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\n\nconst baseClass = 'tenantField'\n\ntype Props = {\n  debug?: boolean\n  unique?: boolean\n} & RelationshipFieldClientProps\n\nexport const TenantField = (args: Props) => {\n  const { entityType, options, selectedTenantID, setEntityType, setTenant } = useTenantSelection()\n  const { value } = useField<number | string>()\n\n  React.useEffect(() => {\n    if (!entityType) {\n      setEntityType(args.unique ? 'global' : 'document')\n    } else {\n      // unique documents are controlled from the global TenantSelector\n      if (!args.unique && value) {\n        if (!selectedTenantID || value !== selectedTenantID) {\n          setTenant({ id: value, refresh: false })\n        }\n      }\n    }\n\n    return () => {\n      if (entityType) {\n        setEntityType(undefined)\n      }\n    }\n  }, [args.unique, options, selectedTenantID, setTenant, value, setEntityType, entityType])\n\n  if (options.length > 1) {\n    return (\n      <>\n        <div className={baseClass}>\n          <div className={`${baseClass}__wrapper`}>\n            <RelationshipField\n              {...args}\n              field={{\n                ...args.field,\n                required: true,\n              }}\n              readOnly={args.readOnly || args.unique}\n            />\n          </div>\n        </div>\n        {args.unique ? (\n          <SyncFormModified />\n        ) : (\n          <ConfirmTenantChange fieldLabel={args.field.label} fieldPath={args.path} />\n        )}\n      </>\n    )\n  }\n\n  return null\n}\n\nconst confirmSwitchTenantSlug = 'confirm-switch-tenant'\n\nconst ConfirmTenantChange = ({\n  fieldLabel,\n  fieldPath,\n}: {\n  fieldLabel?: StaticLabel\n  fieldPath: string\n}) => {\n  const { options, selectedTenantID, setTenant } = useTenantSelection()\n  const { setValue: setTenantFormValue, value: tenantFormValue } = useField<null | number | string>(\n    { path: fieldPath },\n  )\n  const { setModified } = useForm()\n  const modified = useFormModified()\n  const { i18n, t } = useTranslation<\n    PluginMultiTenantTranslations,\n    PluginMultiTenantTranslationKeys\n  >()\n  const { isModalOpen, openModal } = useModal()\n\n  const prevTenantValueRef = React.useRef<null | number | string>(tenantFormValue || null)\n  const [tenantToConfirm, setTenantToConfirm] = React.useState<null | number | string>(\n    tenantFormValue || null,\n  )\n\n  const fromTenantOption = React.useMemo(() => {\n    if (tenantFormValue) {\n      return options.find((option) => option.value === tenantFormValue)\n    }\n    return undefined\n  }, [options, tenantFormValue])\n\n  const toTenantOption = React.useMemo(() => {\n    if (tenantToConfirm) {\n      return options.find((option) => option.value === tenantToConfirm)\n    }\n    return undefined\n  }, [options, tenantToConfirm])\n\n  const modalIsOpen = isModalOpen(confirmSwitchTenantSlug)\n  const testRef = React.useRef<boolean>(false)\n\n  React.useEffect(() => {\n    // the form value changed\n    if (\n      !modalIsOpen &&\n      tenantFormValue &&\n      prevTenantValueRef.current &&\n      tenantFormValue !== prevTenantValueRef.current\n    ) {\n      // revert the form value change temporarily\n      setTenantFormValue(prevTenantValueRef.current, true)\n      // save the tenant to confirm in modal\n      setTenantToConfirm(tenantFormValue)\n      // open confirmation modal\n      openModal(confirmSwitchTenantSlug)\n    }\n  }, [\n    tenantFormValue,\n    setTenantFormValue,\n    openModal,\n    setTenant,\n    selectedTenantID,\n    modalIsOpen,\n    modified,\n  ])\n\n  return (\n    <ConfirmationModal\n      body={\n        <Translation\n          elements={{\n            0: ({ children }) => {\n              return <b>{children}</b>\n            },\n          }}\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-expect-error\n          i18nKey=\"plugin-multi-tenant:confirm-modal-tenant-switch--body\"\n          t={t}\n          variables={{\n            fromTenant: fromTenantOption?.label,\n            toTenant: toTenantOption?.label,\n          }}\n        />\n      }\n      heading={t('plugin-multi-tenant:confirm-modal-tenant-switch--heading', {\n        tenantLabel: fieldLabel\n          ? getTranslation(fieldLabel, i18n)\n          : t('plugin-multi-tenant:nav-tenantSelector-label'),\n      })}\n      modalSlug={confirmSwitchTenantSlug}\n      onCancel={() => {\n        setModified(testRef.current)\n      }}\n      onConfirm={() => {\n        // set the form value to the tenant to confirm\n        prevTenantValueRef.current = tenantToConfirm\n        setTenantFormValue(tenantToConfirm)\n      }}\n    />\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":["getTranslation","ConfirmationModal","RelationshipField","Translation","useField","useForm","useFormModified","useModal","useTranslation","React","useTenantSelection","baseClass","TenantField","args","entityType","options","selectedTenantID","setEntityType","setTenant","value","useEffect","unique","id","refresh","undefined","length","div","className","field","required","readOnly","SyncFormModified","ConfirmTenantChange","fieldLabel","label","fieldPath","path","confirmSwitchTenantSlug","setValue","setTenantFormValue","tenantFormValue","setModified","modified","i18n","t","isModalOpen","openModal","prevTenantValueRef","useRef","tenantToConfirm","setTenantToConfirm","useState","fromTenantOption","useMemo","find","option","toTenantOption","modalIsOpen","testRef","current","body","elements","children","b","i18nKey","variables","fromTenant","toTenant","heading","tenantLabel","modalSlug","onCancel","onConfirm"],"mappings":"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"}

package/dist/components/TenantField/index.scss

@@ -1,14 +1,48 @@
-.tenantField {
-  &__wrapper {
-    margin-top: calc(-.75 * var(--spacing-field));
-    margin-bottom: var(--spacing-field);
-    width: 25%;
+.document-fields__main {
+  --tenant-gutter-h-right: var(--main-gutter-h-right);
+  --tenant-gutter-h-left: var(--main-gutter-h-left);
+}
+.document-fields__sidebar-fields {
+  --tenant-gutter-h-right: var(--sidebar-gutter-h-right);
+  --tenant-gutter-h-left: var(--sidebar-gutter-h-left);
+}
+.document-fields__sidebar-fields,
+.document-fields__main {
+  .render-fields {
+    .tenantField {
+      width: calc(100% + var(--tenant-gutter-h-right) + var(--tenant-gutter-h-left));
+      margin-left: calc(-1 * var(--tenant-gutter-h-left));
+      border-bottom: 1px solid var(--theme-elevation-100);
+      padding-top: calc(var(--base) * 1);
+      padding-bottom: calc(var(--base) * 1.75);
+
+      &__wrapper {
+        padding-left: var(--tenant-gutter-h-left);
+        padding-right: var(--tenant-gutter-h-right);
+      }
+
+      [dir='rtl'] & {
+        margin-right: calc(-1 * var(--tenant-gutter-h-right));
+        background-image: repeating-linear-gradient(
+          -120deg,
+          var(--theme-elevation-50) 0px,
+          var(--theme-elevation-50) 1px,
+          transparent 1px,
+          transparent 5px
+        );
+      }
+
+      &:not(:first-child) {
+        border-top: 1px solid var(--theme-elevation-100);
+        margin-top: calc(var(--base) * 1.25);
+      }
+      &:not(:last-child) {
+        margin-bottom: var(--spacing-field);
+      }
+      &:first-child {
+        margin-top: calc(var(--base) * -1.5);
+        padding-top: calc(var(--base) * 1.5);
+      }
+    }
   }
-  &__hr {
-    width: calc(100% + 2 * var(--gutter-h));
-    margin-left: calc(-1 * var(--gutter-h));
-    background-color: var(--theme-elevation-100);
-    height: 1px;
-    margin-bottom: var(--spacing-field);
-  }
- }
+}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,85 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { ConfirmationModal, SelectInput, useModal, useTranslation } from '@payloadcms/ui';
+import React from 'react';
+import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
+import './index.scss';
+const confirmLeaveWithoutSavingSlug = 'confirm-leave-without-saving';
+export const TenantSelectorClient = ({ disabled: disabledFromProps, label, viewType })=>{
+    const { entityType, modified, options, selectedTenantID, setTenant } = useTenantSelection();
+    const { closeModal, openModal } = useModal();
+    const { i18n, t } = useTranslation();
+    const [tenantSelection, setTenantSelection] = React.useState();
+    const switchTenant = React.useCallback((option)=>{
+        if (option && 'value' in option) {
+            setTenant({
+                id: option.value,
+                refresh: true
+            });
+        } else {
+            setTenant({
+                id: undefined,
+                refresh: true
+            });
+        }
+    }, [
+        setTenant
+    ]);
+    const onChange = React.useCallback((option)=>{
+        if (option && 'value' in option && option.value === selectedTenantID) {
+            // If the selected option is the same as the current tenant, do nothing
+            return;
+        }
+        if (entityType === 'global' && modified) {
+            // If the entityType is 'global' and there are unsaved changes, prompt for confirmation
+            setTenantSelection(option);
+            openModal(confirmLeaveWithoutSavingSlug);
+        } else {
+            // If the entityType is not 'document', switch tenant without confirmation
+            switchTenant(option);
+        }
+    }, [
+        selectedTenantID,
+        entityType,
+        modified,
+        switchTenant,
+        openModal
+    ]);
+    if (options.length <= 1) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "tenant-selector",
+        children: [
+            /*#__PURE__*/ _jsx(SelectInput, {
+                isClearable: viewType === 'list',
+                label: label ? getTranslation(label, i18n) : t('plugin-multi-tenant:nav-tenantSelector-label'),
+                name: "setTenant",
+                onChange: onChange,
+                options: options,
+                path: "setTenant",
+                readOnly: disabledFromProps || entityType !== 'global' && viewType && [
+                    'document',
+                    'version'
+                ].includes(viewType),
+                value: selectedTenantID
+            }),
+            /*#__PURE__*/ _jsx(ConfirmationModal, {
+                body: t('general:changesNotSaved'),
+                cancelLabel: t('general:stayOnThisPage'),
+                confirmLabel: t('general:leaveAnyway'),
+                heading: t('general:leaveWithoutSaving'),
+                modalSlug: confirmLeaveWithoutSavingSlug,
+                onCancel: ()=>{
+                    closeModal(confirmLeaveWithoutSavingSlug);
+                },
+                onConfirm: ()=>{
+                    switchTenant(tenantSelection);
+                }
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TenantSelector/index.client.tsx"],"sourcesContent":["'use client'\nimport type { ReactSelectOption } from '@payloadcms/ui'\nimport type { ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { ConfirmationModal, SelectInput, useModal, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport type {\n  PluginMultiTenantTranslationKeys,\n  PluginMultiTenantTranslations,\n} from '../../translations/index.js'\nimport type { MultiTenantPluginConfig } from '../../types.js'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\nimport './index.scss'\n\nconst confirmLeaveWithoutSavingSlug = 'confirm-leave-without-saving'\n\nexport const TenantSelectorClient = ({\n  disabled: disabledFromProps,\n  label,\n  viewType,\n}: {\n  disabled?: boolean\n  label?: MultiTenantPluginConfig['tenantSelectorLabel']\n  viewType?: ViewTypes\n}) => {\n  const { entityType, modified, options, selectedTenantID, setTenant } = useTenantSelection()\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation<\n    PluginMultiTenantTranslations,\n    PluginMultiTenantTranslationKeys\n  >()\n  const [tenantSelection, setTenantSelection] = React.useState<\n    ReactSelectOption | ReactSelectOption[]\n  >()\n\n  const switchTenant = React.useCallback(\n    (option: ReactSelectOption | ReactSelectOption[] | undefined) => {\n      if (option && 'value' in option) {\n        setTenant({ id: option.value as string, refresh: true })\n      } else {\n        setTenant({ id: undefined, refresh: true })\n      }\n    },\n    [setTenant],\n  )\n\n  const onChange = React.useCallback(\n    (option: ReactSelectOption | ReactSelectOption[]) => {\n      if (option && 'value' in option && option.value === selectedTenantID) {\n        // If the selected option is the same as the current tenant, do nothing\n        return\n      }\n\n      if (entityType === 'global' && modified) {\n        // If the entityType is 'global' and there are unsaved changes, prompt for confirmation\n        setTenantSelection(option)\n        openModal(confirmLeaveWithoutSavingSlug)\n      } else {\n        // If the entityType is not 'document', switch tenant without confirmation\n        switchTenant(option)\n      }\n    },\n    [selectedTenantID, entityType, modified, switchTenant, openModal],\n  )\n\n  if (options.length <= 1) {\n    return null\n  }\n\n  return (\n    <div className=\"tenant-selector\">\n      <SelectInput\n        isClearable={viewType === 'list'}\n        label={\n          label ? getTranslation(label, i18n) : t('plugin-multi-tenant:nav-tenantSelector-label')\n        }\n        name=\"setTenant\"\n        onChange={onChange}\n        options={options}\n        path=\"setTenant\"\n        readOnly={\n          disabledFromProps ||\n          (entityType !== 'global' &&\n            viewType &&\n            (['document', 'version'] satisfies ViewTypes[] as ViewTypes[]).includes(viewType))\n        }\n        value={selectedTenantID as string | undefined}\n      />\n\n      <ConfirmationModal\n        body={t('general:changesNotSaved')}\n        cancelLabel={t('general:stayOnThisPage')}\n        confirmLabel={t('general:leaveAnyway')}\n        heading={t('general:leaveWithoutSaving')}\n        modalSlug={confirmLeaveWithoutSavingSlug}\n        onCancel={() => {\n          closeModal(confirmLeaveWithoutSavingSlug)\n        }}\n        onConfirm={() => {\n          switchTenant(tenantSelection)\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","ConfirmationModal","SelectInput","useModal","useTranslation","React","useTenantSelection","confirmLeaveWithoutSavingSlug","TenantSelectorClient","disabled","disabledFromProps","label","viewType","entityType","modified","options","selectedTenantID","setTenant","closeModal","openModal","i18n","t","tenantSelection","setTenantSelection","useState","switchTenant","useCallback","option","id","value","refresh","undefined","onChange","length","div","className","isClearable","name","path","readOnly","includes","body","cancelLabel","confirmLabel","heading","modalSlug","onCancel","onConfirm"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,iBAAiB,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAgB;AACzF,OAAOC,WAAW,QAAO;AAQzB,SAASC,kBAAkB,QAAQ,0DAAyD;AAC5F,OAAO,eAAc;AAErB,MAAMC,gCAAgC;AAEtC,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,UAAUC,iBAAiB,EAC3BC,KAAK,EACLC,QAAQ,EAKT;IACC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,gBAAgB,EAAEC,SAAS,EAAE,GAAGX;IACvE,MAAM,EAAEY,UAAU,EAAEC,SAAS,EAAE,GAAGhB;IAClC,MAAM,EAAEiB,IAAI,EAAEC,CAAC,EAAE,GAAGjB;IAIpB,MAAM,CAACkB,iBAAiBC,mBAAmB,GAAGlB,MAAMmB,QAAQ;IAI5D,MAAMC,eAAepB,MAAMqB,WAAW,CACpC,CAACC;QACC,IAAIA,UAAU,WAAWA,QAAQ;YAC/BV,UAAU;gBAAEW,IAAID,OAAOE,KAAK;gBAAYC,SAAS;YAAK;QACxD,OAAO;YACLb,UAAU;gBAAEW,IAAIG;gBAAWD,SAAS;YAAK;QAC3C;IACF,GACA;QAACb;KAAU;IAGb,MAAMe,WAAW3B,MAAMqB,WAAW,CAChC,CAACC;QACC,IAAIA,UAAU,WAAWA,UAAUA,OAAOE,KAAK,KAAKb,kBAAkB;YACpE,uEAAuE;YACvE;QACF;QAEA,IAAIH,eAAe,YAAYC,UAAU;YACvC,uFAAuF;YACvFS,mBAAmBI;YACnBR,UAAUZ;QACZ,OAAO;YACL,0EAA0E;YAC1EkB,aAAaE;QACf;IACF,GACA;QAACX;QAAkBH;QAAYC;QAAUW;QAAcN;KAAU;IAGnE,IAAIJ,QAAQkB,MAAM,IAAI,GAAG;QACvB,OAAO;IACT;IAEA,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACjC;gBACCkC,aAAaxB,aAAa;gBAC1BD,OACEA,QAAQX,eAAeW,OAAOS,QAAQC,EAAE;gBAE1CgB,MAAK;gBACLL,UAAUA;gBACVjB,SAASA;gBACTuB,MAAK;gBACLC,UACE7B,qBACCG,eAAe,YACdD,YACA,AAAC;oBAAC;oBAAY;iBAAU,CAAuC4B,QAAQ,CAAC5B;gBAE5EiB,OAAOb;;0BAGT,KAACf;gBACCwC,MAAMpB,EAAE;gBACRqB,aAAarB,EAAE;gBACfsB,cAActB,EAAE;gBAChBuB,SAASvB,EAAE;gBACXwB,WAAWtC;gBACXuC,UAAU;oBACR5B,WAAWX;gBACb;gBACAwC,WAAW;oBACTtB,aAAaH;gBACf;;;;AAIR,EAAC"}

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

@@ -1,8 +1,9 @@
-import type { ViewTypes } from 'payload';
-import React from 'react';
-import './index.scss';
-export declare const TenantSelector: ({ label, viewType }: {
-    label: string;
-    viewType?: ViewTypes;
-}) => React.JSX.Element | null;
+import type { ServerProps } from 'payload';
+import type { MultiTenantPluginConfig } from '../../types.js';
+type Props = {
+    enabledSlugs: string[];
+    label: MultiTenantPluginConfig['tenantSelectorLabel'];
+} & ServerProps;
+export declare const TenantSelector: (props: Props) => import("react").JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TenantSelector/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAUxC,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,cAAc,wBAAyB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,6BA2H1F,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TenantSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAI7D,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,KAAK,EAAE,uBAAuB,CAAC,qBAAqB,CAAC,CAAA;CACtD,GAAG,WAAW,CAAA;AACf,eAAO,MAAM,cAAc,UAAW,KAAK,gCAW1C,CAAA"}

package/dist/components/TenantSelector/index.js

@@ -1,131 +1,12 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import { ConfirmationModal, SelectInput, Translation, useModal, useTranslation } from '@payloadcms/ui';
-import React from 'react';
-import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
-import './index.scss';
-const confirmSwitchTenantSlug = 'confirm-switch-tenant';
-const confirmLeaveWithoutSavingSlug = 'confirm-leave-without-saving';
-export const TenantSelector = ({ label, viewType })=>{
-    const { entityType, modified, options, selectedTenantID, setTenant } = useTenantSelection();
-    const { closeModal, openModal } = useModal();
-    const { i18n, t } = useTranslation();
-    const [tenantSelection, setTenantSelection] = React.useState();
-    const selectedValue = React.useMemo(()=>{
-        if (selectedTenantID) {
-            return options.find((option)=>option.value === selectedTenantID);
-        }
-        return undefined;
-    }, [
-        options,
-        selectedTenantID
-    ]);
-    const newSelectedValue = React.useMemo(()=>{
-        if (tenantSelection && 'value' in tenantSelection) {
-            return options.find((option)=>option.value === tenantSelection.value);
-        }
-        return undefined;
-    }, [
-        options,
-        tenantSelection
-    ]);
-    const switchTenant = React.useCallback((option)=>{
-        if (option && 'value' in option) {
-            setTenant({
-                id: option.value,
-                refresh: true
-            });
-        } else {
-            setTenant({
-                id: undefined,
-                refresh: true
-            });
-        }
-    }, [
-        setTenant
-    ]);
-    const onChange = React.useCallback((option)=>{
-        if (option && 'value' in option && option.value === selectedTenantID) {
-            // If the selected option is the same as the current tenant, do nothing
-            return;
-        }
-        if (entityType !== 'document') {
-            if (entityType === 'global' && modified) {
-                // If the entityType is 'global' and there are unsaved changes, prompt for confirmation
-                setTenantSelection(option);
-                openModal(confirmLeaveWithoutSavingSlug);
-            } else {
-                // If the entityType is not 'document', switch tenant without confirmation
-                switchTenant(option);
-            }
-        } else {
-            // non-unique documents should always prompt for confirmation
-            setTenantSelection(option);
-            openModal(confirmSwitchTenantSlug);
-        }
-    }, [
-        selectedTenantID,
-        entityType,
-        modified,
-        switchTenant,
-        openModal
-    ]);
-    if (options.length <= 1) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsxs("div", {
-        className: "tenant-selector",
-        children: [
-            /*#__PURE__*/ _jsx(SelectInput, {
-                isClearable: viewType === 'list',
-                label: label ? getTranslation(label, i18n) : t('plugin-multi-tenant:nav-tenantSelector-label'),
-                name: "setTenant",
-                onChange: onChange,
-                options: options,
-                path: "setTenant",
-                value: selectedTenantID
-            }),
-            /*#__PURE__*/ _jsx(ConfirmationModal, {
-                body: /*#__PURE__*/ _jsx(Translation, {
-                    elements: {
-                        0: ({ children })=>{
-                            return /*#__PURE__*/ _jsx("b", {
-                                children: children
-                            });
-                        }
-                    },
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                    // @ts-expect-error
-                    i18nKey: "plugin-multi-tenant:confirm-modal-tenant-switch--body",
-                    t: t,
-                    variables: {
-                        fromTenant: selectedValue?.label,
-                        toTenant: newSelectedValue?.label
-                    }
-                }),
-                heading: t('plugin-multi-tenant:confirm-modal-tenant-switch--heading', {
-                    tenantLabel: label ? getTranslation(label, i18n) : t('plugin-multi-tenant:nav-tenantSelector-label')
-                }),
-                modalSlug: confirmSwitchTenantSlug,
-                onConfirm: ()=>{
-                    switchTenant(tenantSelection);
-                }
-            }),
-            /*#__PURE__*/ _jsx(ConfirmationModal, {
-                body: t('general:changesNotSaved'),
-                cancelLabel: t('general:stayOnThisPage'),
-                confirmLabel: t('general:leaveAnyway'),
-                heading: t('general:leaveWithoutSaving'),
-                modalSlug: confirmLeaveWithoutSavingSlug,
-                onCancel: ()=>{
-                    closeModal(confirmLeaveWithoutSavingSlug);
-                },
-                onConfirm: ()=>{
-                    switchTenant(tenantSelection);
-                }
-            })
-        ]
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TenantSelectorClient } from './index.client.js';
+export const TenantSelector = (props)=>{
+    const { enabledSlugs, label, params, viewType } = props;
+    const enabled = Boolean(params?.segments && Array.isArray(params.segments) && params.segments[0] === 'collections' && params.segments[1] && enabledSlugs.includes(params.segments[1]));
+    return /*#__PURE__*/ _jsx(TenantSelectorClient, {
+        disabled: !enabled,
+        label: label,
+        viewType: viewType
     });
 };