@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

package/dist/fields/Relationship/optionsReducer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            allowEdit: false,\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'CLEAR': {\n      const exemptValues = action.exemptValues\n        ? Array.isArray(action.exemptValues)\n          ? action.exemptValues\n          : [action.exemptValues]\n        : []\n\n      const clearedStateWithExemptValues = state.filter((optionGroup) => {\n        const clearedOptions = optionGroup.options.filter((option) => {\n          if (exemptValues) {\n            return exemptValues.some((exemptValue) => {\n              return exemptValue && option.value === exemptValue.value\n            })\n          }\n\n          return false\n        })\n\n        optionGroup.options = clearedOptions\n\n        return clearedOptions.length > 0\n      })\n\n      return clearedStateWithExemptValues\n    }\n\n    case 'REMOVE': {\n      const { id, collection } = action\n\n      const newOptions = [...state]\n\n      const indexOfGroup = newOptions.findIndex(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n\n      if (indexOfGroup === -1) {\n        return newOptions\n      }\n\n      newOptions[indexOfGroup] = {\n        ...newOptions[indexOfGroup],\n        options: newOptions[indexOfGroup].options.filter((option) => option.value !== id),\n      }\n\n      return newOptions\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","collection","config","docs","i18n","relation","slug","loadedIDs","newOptions","optionsToAddTo","find","optionGroup","labels","plural","newSubOptions","docSubOptions","doc","filter","item","length","push","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","forEach","allowEdit","subOptions","exemptValues","Array","isArray","clearedStateWithExemptValues","clearedOptions","some","exemptValue","indexOfGroup","findIndex","foundOptionGroup","foundOption"],"mappings":"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"}
+{"version":3,"file":"optionsReducer.js","names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","collection","config","docs","i18n","relation","slug","loadedIDs","newOptions","optionsToAddTo","find","optionGroup","labels","plural","newSubOptions","docSubOptions","doc","filter","item","length","push","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","forEach","allowEdit","subOptions","exemptValues","Array","isArray","clearedStateWithExemptValues","clearedOptions","some","exemptValue","indexOfGroup","findIndex","foundOptionGroup","foundOption"],"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            allowEdit: false,\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'CLEAR': {\n      const exemptValues = action.exemptValues\n        ? Array.isArray(action.exemptValues)\n          ? action.exemptValues\n          : [action.exemptValues]\n        : []\n\n      const clearedStateWithExemptValues = state.filter((optionGroup) => {\n        const clearedOptions = optionGroup.options.filter((option) => {\n          if (exemptValues) {\n            return exemptValues.some((exemptValue) => {\n              return exemptValue && option.value === exemptValue.value\n            })\n          }\n\n          return false\n        })\n\n        optionGroup.options = clearedOptions\n\n        return clearedOptions.length > 0\n      })\n\n      return clearedStateWithExemptValues\n    }\n\n    case 'REMOVE': {\n      const { id, collection } = action\n\n      const newOptions = [...state]\n\n      const indexOfGroup = newOptions.findIndex(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n\n      if (indexOfGroup === -1) {\n        return newOptions\n      }\n\n      newOptions[indexOfGroup] = {\n        ...newOptions[indexOfGroup],\n        options: newOptions[indexOfGroup].options.filter((option) => option.value !== id),\n      }\n\n      return newOptions\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { Fragment, useState } from 'react';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment, useState } from 'react';
 import { components } from 'react-select';
 import { Tooltip } from '../../../../elements/Tooltip/index.js';
 import { EditIcon } from '../../../../icons/Edit/index.js';
@@ -7,45 +9,85 @@ import { useAuth } from '../../../../providers/Auth/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'relationship--multi-value-label';
-export const MultiValueLabel = // TODO Fix this - moduleResolution 16 breaks our declare module
-(props)=>{
-    const { data: { allowEdit, label, relationTo, value }, selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {} } = props;
-    const { permissions } = useAuth();
-    const [showTooltip, setShowTooltip] = useState(false);
-    const { t } = useTranslation();
-    const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
-    return <div className={baseClass} title={label || ''}>
-      <div className={`${baseClass}__content`}>
-        <components.MultiValueLabel {...props} innerProps={{
-        className: `${baseClass}__text`,
-        ...draggableProps || {}
-    }}/>
-      </div>
-      {relationTo && hasReadPermission && allowEdit !== false && <Fragment>
-          <button aria-label={`Edit ${label}`} className={`${baseClass}__drawer-toggler`} onClick={(event)=>{
-        setShowTooltip(false);
-        onDocumentOpen({
+export const MultiValueLabel = props => {
+  const {
+    data: t0,
+    selectProps: t1
+  } = props;
+  const {
+    allowEdit,
+    label,
+    relationTo,
+    value
+  } = t0;
+  const {
+    customProps: t2
+  } = t1 === undefined ? {} : t1;
+  const {
+    draggableProps,
+    onDocumentOpen
+  } = t2 === undefined ? {} : t2;
+  const {
+    permissions
+  } = useAuth();
+  const [showTooltip, setShowTooltip] = useState(false);
+  const {
+    t
+  } = useTranslation();
+  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
+  return _jsxs("div", {
+    className: baseClass,
+    title: label || "",
+    children: [_jsx("div", {
+      className: `${baseClass}__content`,
+      children: _jsx(components.MultiValueLabel, {
+        ...props,
+        innerProps: {
+          className: `${baseClass}__text`,
+          ...(draggableProps || {})
+        }
+      })
+    }), relationTo && hasReadPermission && allowEdit !== false && _jsx(Fragment, {
+      children: _jsxs("button", {
+        "aria-label": `Edit ${label}`,
+        className: `${baseClass}__drawer-toggler`,
+        onClick: event => {
+          setShowTooltip(false);
+          onDocumentOpen({
             id: value,
             collectionSlug: relationTo,
             hasReadPermission,
             openInNewTab: event.metaKey || event.ctrlKey
-        });
-    }} onKeyDown={(e)=>{
-        if (e.key === 'Enter') {
-            e.stopPropagation();
-        }
-    }} onMouseDown={(e)=>e.stopPropagation()} // prevents react-select dropdown from opening
-    onMouseEnter={()=>setShowTooltip(true)} onMouseLeave={()=>setShowTooltip(false)} onTouchEnd={(e)=>e.stopPropagation()} // prevents react-select dropdown from opening
-    type="button">
-            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>
-              {t('general:editLabel', {
-        label: ''
-    })}
-            </Tooltip>
-            <EditIcon className={`${baseClass}__icon`}/>
-          </button>
-        </Fragment>}
-    </div>;
+          });
+        },
+        onKeyDown: _temp,
+        onMouseDown: _temp2,
+        onMouseEnter: () => setShowTooltip(true),
+        onMouseLeave: () => setShowTooltip(false),
+        onTouchEnd: _temp3,
+        type: "button",
+        children: [_jsx(Tooltip, {
+          className: `${baseClass}__tooltip`,
+          show: showTooltip,
+          children: t("general:editLabel", {
+            label: ""
+          })
+        }), _jsx(EditIcon, {
+          className: `${baseClass}__icon`
+        })]
+      })
+    })]
+  });
 };
-
+function _temp(e) {
+  if (e.key === "Enter") {
+    e.stopPropagation();
+  }
+}
+function _temp2(e_0) {
+  return e_0.stopPropagation();
+}
+function _temp3(e_1) {
+  return e_1.stopPropagation();
+}
 //# sourceMappingURL=index.js.map

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & MultiValueProps<Option>\n> = (props) => {\n  const {\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <div className={baseClass} title={label || ''}>\n      <div className={`${baseClass}__content`}>\n        <components.MultiValueLabel\n          {...props}\n          innerProps={{\n            className: `${baseClass}__text`,\n            ...(draggableProps || {}),\n          }}\n        />\n      </div>\n      {relationTo && hasReadPermission && allowEdit !== false && (\n        <Fragment>\n          <button\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={(event) => {\n              setShowTooltip(false)\n              onDocumentOpen({\n                id: value,\n                collectionSlug: relationTo,\n                hasReadPermission,\n                openInNewTab: event.metaKey || event.ctrlKey,\n              })\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.stopPropagation()\n              }\n            }}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n              {t('general:editLabel', { label: '' })}\n            </Tooltip>\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["Fragment","useState","components","Tooltip","EditIcon","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","allowEdit","label","relationTo","value","selectProps","customProps","draggableProps","onDocumentOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","div","className","title","innerProps","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;AAGA,SAAgBA,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,UAAU,QAAQ,eAAc;AAKzC,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,kBAGP,gEAAgE;AAIlE,CAACC;IACH,MAAM,EACJC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3E,GAAGT;IAEJ,MAAM,EAAEU,WAAW,EAAE,GAAGd;IACxB,MAAM,CAACe,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGhB;IACd,MAAMiB,oBAAoBC,QAAQL,aAAaM,aAAa,CAACZ,WAAW,EAAEa;IAE1E,QACGC,IAAIC,WAAWrB,WAAWsB,OAAOjB,SAAS,IAAI;MAC7C,CAACe,IAAIC,WAAW,GAAGrB,UAAU,SAAS,CAAC,EAAE;QACvC,CAACL,WAAWM,iBACT,GAAGC,KAAK,EACTqB,YAAY;QACVF,WAAW,GAAGrB,UAAU,MAAM,CAAC;QAC/B,GAAIU,kBAAkB,CAAC,CAAC;IAC1B,IACA;MACJ,EAAEU,IAAI;MACN,CAACd,cAAcU,qBAAqBZ,cAAc,UAC/CX,SAAS;UACR,CAAC+B,OACCC,YAAY,CAAC,KAAK,EAAEpB,OAAO,EAC3BgB,WAAW,GAAGrB,UAAU,gBAAgB,CAAC,EACzC0B,SAAS,CAACC;QACRb,eAAe;QACfH,eAAe;YACbiB,IAAIrB;YACJsB,gBAAgBvB;YAChBU;YACAc,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;QAC9C;IACF,GACAC,WAAW,CAACC;QACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;YACrBD,EAAEE,eAAe;QACnB;IACF,GACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe,IAAI,8CAA8C;IACvFE,cAAc,IAAMxB,eAAe,OACnCyB,cAAc,IAAMzB,eAAe,QACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe,IAAI,8CAA8C;IACtFK,KAAK,SACN;YACC,CAAC7C,QAAQyB,WAAW,GAAGrB,UAAU,SAAS,CAAC,EAAE0C,MAAM7B,aAAa;cAC9D,CAACE,EAAE,qBAAqB;QAAEV,OAAO;IAAG,GAAG;YACzC,EAAET,QAAQ;YACV,CAACC,SAASwB,WAAW,GAAGrB,UAAU,MAAM,CAAC,GAAI;UAC/C,EAAEwB,OAAO;QACX,EAAE/B,UACF;IACJ,EAAE2B;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["React","Fragment","useState","components","Tooltip","EditIcon","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","t0","selectProps","t1","allowEdit","label","relationTo","value","customProps","t2","undefined","draggableProps","onDocumentOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","_jsxs","className","title","children","_jsx","innerProps","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","onTouchEnd","_temp3","type","show","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & MultiValueProps<Option>\n> = (props) => {\n  const {\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <div className={baseClass} title={label || ''}>\n      <div className={`${baseClass}__content`}>\n        <components.MultiValueLabel\n          {...props}\n          innerProps={{\n            className: `${baseClass}__text`,\n            ...(draggableProps || {}),\n          }}\n        />\n      </div>\n      {relationTo && hasReadPermission && allowEdit !== false && (\n        <Fragment>\n          <button\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={(event) => {\n              setShowTooltip(false)\n              onDocumentOpen({\n                id: value,\n                collectionSlug: relationTo,\n                hasReadPermission,\n                openInNewTab: event.metaKey || event.ctrlKey,\n              })\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.stopPropagation()\n              }\n            }}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n              {t('general:editLabel', { label: '' })}\n            </Tooltip>\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,QAAQ,EAAEC,QAAQ,QAAQ;AAC1C,SAASC,UAAU,QAAQ;AAK3B,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,eAAA,GAOTC,KAAA;EACF;IAAAC,IAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAGIJ,KAAA;EAFI;IAAAK,SAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAN,EAAuC;EAChC;IAAAO,WAAA,EAAAC;EAAA,IAAAN,EAA6D,KAAAO,SAAA,QAA7DP,EAA6D;EAA9C;IAAAQ,cAAA;IAAAC;EAAA,IAAAH,EAAuC,KAAAC,SAAA,QAAvCD,EAAuC;EAGrE;IAAAI;EAAA,IAAwBlB,OAAA;EACxB,OAAAmB,WAAA,EAAAC,cAAA,IAAsCxB,QAAA,MAAS;EAC/C;IAAAyB;EAAA,IAAcpB,cAAA;EACd,MAAAqB,iBAAA,GAA0BC,OAAA,CAAQL,WAAA,EAAAM,WAAA,GAA2Bb,UAAA,GAAAc,IAAa;EAAA,OAGxEC,KAAA,CAAC;IAAAC,SAAA,EAAAzB,SAAA;IAAA0B,KAAA,EAAiClB,KAAA,IAAS;IAAAmB,QAAA,GACzCC,IAAA,CAAC;MAAAH,SAAA,EAAe,GAAAzB,SAAA,WAAuB;MAAA2B,QAAA,EACrCC,IAAA,CAAAjC,UAAA,CAAAM,eAAA;QAAA,GACMC,KAAK;QAAA2B,UAAA;UAAAJ,SAAA,EAEI,GAAAzB,SAAA,QAAoB;UAAA,IAC3Bc,cAAA,MAAoB;QAAA;MAAA,C;QAI7BL,UAAA,IAAcW,iBAAA,IAAqBb,SAAA,UAAc,IAChDqB,IAAA,CAAAnC,QAAA;MAAAkC,QAAA,EACEH,KAAA,CAAC;QAAA,cACa,QAAQhB,KAAA,EAAO;QAAAiB,SAAA,EAChB,GAAAzB,SAAA,kBAA8B;QAAA8B,OAAA,EAAAC,KAAA;UAEvCb,cAAA,MAAe;UACfH,cAAA;YAAAiB,EAAA,EACMtB,KAAA;YAAAuB,cAAA,EACYxB,UAAA;YAAAW,iBAAA;YAAAc,YAAA,EAEFH,KAAA,CAAAI,OAAA,IAAiBJ,KAAA,CAAAK;UAAa,CAC9C;QAAA;QAAAC,SAAA,EAAAC,KAAA;QAAAC,WAAA,EAAAC,MAAA;QAAAC,YAAA,EAAAA,CAAA,KAQkBvB,cAAA,KAAe;QAAAwB,YAAA,EAAAA,CAAA,KACfxB,cAAA,MAAe;QAAAyB,UAAA,EAAAC,MAAA;QAAAC,IAAA,EAE9B;QAAAlB,QAAA,GAELC,IAAA,CAAAhC,OAAA;UAAA6B,SAAA,EAAoB,GAAAzB,SAAA,WAAuB;UAAA8C,IAAA,EAAQ7B,WAAA;UAAAU,QAAA,EAChDR,CAAA,CAAE;YAAAX,KAAA,EAA8B;UAAA,CAAG;QAAA,C,GAEtCoB,IAAA,CAAA/B,QAAA;UAAA4B,SAAA,EAAqB,GAAAzB,SAAA;QAAoB,C;;;;CAMrD;AAxDI,SAAAsC,MAAAS,CAAA;EAAA,IAqCcA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,eAAA,CAAiB;EAAA;AAAA;AAtC7B,SAAAT,OAAAU,GAAA;EAAA,OAyC4BH,GAAA,CAAAE,eAAA,CAAiB;AAAA;AAzC7C,SAAAL,OAAAO,GAAA;EAAA,OA4C2BJ,GAAA,CAAAE,eAAA,CAAiB;AAAA","ignoreList":[]}

package/dist/fields/Relationship/select-components/SingleValue/index.js

@@ -1,5 +1,8 @@
 'use client';
-import { Fragment, useState } from 'react';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment, useState } from 'react';
 import { components as SelectComponents } from 'react-select';
 import { Tooltip } from '../../../../elements/Tooltip/index.js';
 import { EditIcon } from '../../../../icons/Edit/index.js';
@@ -7,44 +10,120 @@ import { useAuth } from '../../../../providers/Auth/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'relationship--single-value';
-export const SingleValue = // TODO Fix this - moduleResolution 16 breaks our declare module
-(props)=>{
-    const { children, data: { allowEdit, label, relationTo, value }, selectProps: { customProps: { onDocumentOpen } = {} } = {} } = props;
-    const [showTooltip, setShowTooltip] = useState(false);
-    const { t } = useTranslation();
-    const { permissions } = useAuth();
-    const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
-    return <SelectComponents.SingleValue {...props} className={baseClass}>
-      <div className={`${baseClass}__label`} title={label || ''}>
-        <div className={`${baseClass}__label-text`}>
-          <div className={`${baseClass}__text`}>{children}</div>
-          {relationTo && hasReadPermission && allowEdit !== false && <Fragment>
-              <button aria-label={t('general:editLabel', {
-        label
-    })} className={`${baseClass}__drawer-toggler`} onClick={(event)=>{
-        setShowTooltip(false);
-        onDocumentOpen({
-            id: value,
-            collectionSlug: relationTo,
-            hasReadPermission,
-            openInNewTab: event.metaKey || event.ctrlKey
-        });
-    }} onKeyDown={(e)=>{
-        if (e.key === 'Enter') {
-            e.stopPropagation();
-        }
-    }} onMouseDown={(e)=>e.stopPropagation()} // prevents react-select dropdown from opening
-    onMouseEnter={()=>setShowTooltip(true)} onMouseLeave={()=>setShowTooltip(false)} onTouchEnd={(e)=>e.stopPropagation()} // prevents react-select dropdown from openingtype="button"
-    type="button">
-                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>
-                  {t('general:edit')}
-                </Tooltip>
-                <EditIcon/>
-              </button>
-            </Fragment>}
-        </div>
-      </div>
-    </SelectComponents.SingleValue>;
+export const SingleValue = props => {
+  const $ = _c(16);
+  const {
+    children,
+    data: t0,
+    selectProps: t1
+  } = props;
+  const {
+    allowEdit,
+    label,
+    relationTo,
+    value
+  } = t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    customProps: t3
+  } = t2;
+  let t4;
+  if ($[2] !== t3) {
+    t4 = t3 === undefined ? {} : t3;
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const {
+    onDocumentOpen
+  } = t4;
+  const [showTooltip, setShowTooltip] = useState(false);
+  const {
+    t
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
+  const t5 = label || "";
+  let t6;
+  if ($[4] !== allowEdit || $[5] !== children || $[6] !== hasReadPermission || $[7] !== label || $[8] !== onDocumentOpen || $[9] !== props || $[10] !== relationTo || $[11] !== showTooltip || $[12] !== t || $[13] !== t5 || $[14] !== value) {
+    t6 = _jsx(SelectComponents.SingleValue, {
+      ...props,
+      className: baseClass,
+      children: _jsx("div", {
+        className: `${baseClass}__label`,
+        title: t5,
+        children: _jsxs("div", {
+          className: `${baseClass}__label-text`,
+          children: [_jsx("div", {
+            className: `${baseClass}__text`,
+            children
+          }), relationTo && hasReadPermission && allowEdit !== false && _jsx(Fragment, {
+            children: _jsxs("button", {
+              "aria-label": t("general:editLabel", {
+                label
+              }),
+              className: `${baseClass}__drawer-toggler`,
+              onClick: event => {
+                setShowTooltip(false);
+                onDocumentOpen({
+                  id: value,
+                  collectionSlug: relationTo,
+                  hasReadPermission,
+                  openInNewTab: event.metaKey || event.ctrlKey
+                });
+              },
+              onKeyDown: _temp,
+              onMouseDown: _temp2,
+              onMouseEnter: () => setShowTooltip(true),
+              onMouseLeave: () => setShowTooltip(false),
+              onTouchEnd: _temp3,
+              type: "button",
+              children: [_jsx(Tooltip, {
+                className: `${baseClass}__tooltip`,
+                show: showTooltip,
+                children: t("general:edit")
+              }), _jsx(EditIcon, {})]
+            })
+          })]
+        })
+      })
+    });
+    $[4] = allowEdit;
+    $[5] = children;
+    $[6] = hasReadPermission;
+    $[7] = label;
+    $[8] = onDocumentOpen;
+    $[9] = props;
+    $[10] = relationTo;
+    $[11] = showTooltip;
+    $[12] = t;
+    $[13] = t5;
+    $[14] = value;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
 };
-
+function _temp(e) {
+  if (e.key === "Enter") {
+    e.stopPropagation();
+  }
+}
+function _temp2(e_0) {
+  return e_0.stopPropagation();
+}
+function _temp3(e_1) {
+  return e_1.stopPropagation();
+}
 //# sourceMappingURL=index.js.map

package/dist/fields/Relationship/select-components/SingleValue/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { onDocumentOpen } = {} } = {},\n  } = props\n\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`} title={label || ''}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && allowEdit !== false && (\n            <Fragment>\n              <button\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={(event) => {\n                  setShowTooltip(false)\n                  onDocumentOpen({\n                    id: value,\n                    collectionSlug: relationTo,\n                    hasReadPermission,\n                    openInNewTab: event.metaKey || event.ctrlKey,\n                  })\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.stopPropagation()\n                  }\n                }}\n                onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from openingtype=\"button\"\n                type=\"button\"\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"names":["Fragment","useState","components","SelectComponents","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","children","data","allowEdit","label","relationTo","value","selectProps","customProps","onDocumentOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","className","div","title","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;AAGA,SAAgBA,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAK7D,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAGP,gEAAgE;AAIlE,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3D,GAAGT;IAEJ,MAAM,CAACU,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,WAAW,EAAE,GAAGjB;IACxB,MAAMkB,oBAAoBC,QAAQF,aAAaG,aAAa,CAACX,WAAW,EAAEY;IAE1E,QACGxB,iBAAiBM,aAAa,GAAGC,KAAK,EAAEkB,WAAWpB,WAAW;MAC7D,CAACqB,IAAID,WAAW,GAAGpB,UAAU,OAAO,CAAC,EAAEsB,OAAOhB,SAAS,IAAI;QACzD,CAACe,IAAID,WAAW,GAAGpB,UAAU,YAAY,CAAC,EAAE;UAC1C,CAACqB,IAAID,WAAW,GAAGpB,UAAU,MAAM,CAAC,GAAGG,WAAWkB,IAAI;UACtD,CAACd,cAAcS,qBAAqBX,cAAc,UAC/Cb,SAAS;cACR,CAAC+B,OACCC,YAAYV,EAAE,qBAAqB;QAAER;IAAM,IAC3Cc,WAAW,GAAGpB,UAAU,gBAAgB,CAAC,EACzCyB,SAAS,CAACC;QACRb,eAAe;QACfF,eAAe;YACbgB,IAAInB;YACJoB,gBAAgBrB;YAChBS;YACAa,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;QAC9C;IACF,GACAC,WAAW,CAACC;QACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;YACrBD,EAAEE,eAAe;QACnB;IACF,GACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe,IAAI,8CAA8C;IACvFE,cAAc,IAAMxB,eAAe,OACnCyB,cAAc,IAAMzB,eAAe,QACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe,IAAI,2DAA2D;IACnGK,KAAK,SACN;gBACC,CAAC5C,QAAQwB,WAAW,GAAGpB,UAAU,SAAS,CAAC,EAAEyC,MAAM7B,aAAa;kBAC9D,CAACE,EAAE,gBAAgB;gBACrB,EAAElB,QAAQ;gBACV,CAACC,UAAW;cACd,EAAE0B,OAAO;YACX,EAAE/B,UACF;QACJ,EAAE6B,IAAI;MACR,EAAEA,IAAI;IACR,EAAE1B,iBAAiBM;AAEvB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useState","components","SelectComponents","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","$","children","data","t0","selectProps","t1","allowEdit","label","relationTo","value","t2","undefined","customProps","t3","t4","onDocumentOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","t5","t6","_jsx","className","title","_jsxs","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","onTouchEnd","_temp3","type","show","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { onDocumentOpen } = {} } = {},\n  } = props\n\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`} title={label || ''}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && allowEdit !== false && (\n            <Fragment>\n              <button\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={(event) => {\n                  setShowTooltip(false)\n                  onDocumentOpen({\n                    id: value,\n                    collectionSlug: relationTo,\n                    hasReadPermission,\n                    openInNewTab: event.metaKey || event.ctrlKey,\n                  })\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.stopPropagation()\n                  }\n                }}\n                onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from openingtype=\"button\"\n                type=\"button\"\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/types.js

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

package/dist/fields/Relationship/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Relationship/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  CollectionSlug,\n  FilterOptionsResult,\n  LabelFunction,\n  StaticDescription,\n  StaticLabel,\n  ValueWithRelation,\n} from 'payload'\n\nexport type Option = {\n  allowEdit: boolean\n  label: string\n  options?: Option[]\n  relationTo?: string\n  value: number | string\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type MonomorphicRelationValue = number | string\n\nexport type Value =\n  | MonomorphicRelationValue\n  | MonomorphicRelationValue[]\n  | ValueWithRelation\n  | ValueWithRelation[]\n\ntype CLEAR = {\n  exemptValues?: ValueWithRelation | ValueWithRelation[]\n  type: 'CLEAR'\n}\n\ntype UPDATE = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  doc: any\n  i18n: I18nClient\n  type: 'UPDATE'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  docs: any[]\n  i18n: I18nClient\n  ids?: (number | string)[]\n  sort?: boolean\n  type: 'ADD'\n}\n\ntype REMOVE = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  i18n: I18nClient\n  id: string\n  type: 'REMOVE'\n}\n\nexport type Action = ADD | CLEAR | REMOVE | UPDATE\n\nexport type HasManyValueUnion =\n  | {\n      hasMany: false\n      value?: ValueWithRelation\n    }\n  | {\n      hasMany: true\n      value?: ValueWithRelation[]\n    }\n\nexport type UpdateResults = (\n  args: {\n    filterOptions?: FilterOptionsResult\n    lastFullyLoadedRelation?: number\n    lastLoadedPage: Record<string, number>\n    onSuccess?: () => void\n    search?: string\n    sort?: boolean\n  } & HasManyValueUnion,\n) => void\n\nexport type RelationshipInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  readonly allowEdit?: boolean\n  readonly appearance?: 'drawer' | 'select'\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOptions?: FilterOptionsResult\n  readonly formatDisplayedOptions?: (options: OptionGroup[]) => Option[] | OptionGroup[]\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly maxResultsPerRequest?: number\n  readonly maxRows?: number\n  readonly minRows?: number\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly relationTo: string[]\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly sortOptions?: Partial<Record<CollectionSlug, string>>\n  readonly style?: React.CSSProperties\n} & SharedRelationshipInputProps\n\ntype SharedRelationshipInputProps =\n  | {\n      readonly hasMany: false\n      readonly initialValue?: null | ValueWithRelation\n      readonly onChange: (value: ValueWithRelation) => void\n      readonly value?: null | ValueWithRelation\n    }\n  | {\n      readonly hasMany: true\n      readonly initialValue?: null | ValueWithRelation[]\n      readonly onChange: (value: ValueWithRelation[]) => void\n      readonly value?: null | ValueWithRelation[]\n    }\n"],"names":[],"mappings":"AAuFA,WA2BgC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Relationship/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  CollectionSlug,\n  FilterOptionsResult,\n  LabelFunction,\n  StaticDescription,\n  StaticLabel,\n  ValueWithRelation,\n} from 'payload'\n\nexport type Option = {\n  allowEdit: boolean\n  label: string\n  options?: Option[]\n  relationTo?: string\n  value: number | string\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type MonomorphicRelationValue = number | string\n\nexport type Value =\n  | MonomorphicRelationValue\n  | MonomorphicRelationValue[]\n  | ValueWithRelation\n  | ValueWithRelation[]\n\ntype CLEAR = {\n  exemptValues?: ValueWithRelation | ValueWithRelation[]\n  type: 'CLEAR'\n}\n\ntype UPDATE = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  doc: any\n  i18n: I18nClient\n  type: 'UPDATE'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  docs: any[]\n  i18n: I18nClient\n  ids?: (number | string)[]\n  sort?: boolean\n  type: 'ADD'\n}\n\ntype REMOVE = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  i18n: I18nClient\n  id: string\n  type: 'REMOVE'\n}\n\nexport type Action = ADD | CLEAR | REMOVE | UPDATE\n\nexport type HasManyValueUnion =\n  | {\n      hasMany: false\n      value?: ValueWithRelation\n    }\n  | {\n      hasMany: true\n      value?: ValueWithRelation[]\n    }\n\nexport type UpdateResults = (\n  args: {\n    filterOptions?: FilterOptionsResult\n    lastFullyLoadedRelation?: number\n    lastLoadedPage: Record<string, number>\n    onSuccess?: () => void\n    search?: string\n    sort?: boolean\n  } & HasManyValueUnion,\n) => void\n\nexport type RelationshipInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  readonly allowEdit?: boolean\n  readonly appearance?: 'drawer' | 'select'\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOptions?: FilterOptionsResult\n  readonly formatDisplayedOptions?: (options: OptionGroup[]) => Option[] | OptionGroup[]\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly maxResultsPerRequest?: number\n  readonly maxRows?: number\n  readonly minRows?: number\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly relationTo: string[]\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly sortOptions?: Partial<Record<CollectionSlug, string>>\n  readonly style?: React.CSSProperties\n} & SharedRelationshipInputProps\n\ntype SharedRelationshipInputProps =\n  | {\n      readonly hasMany: false\n      readonly initialValue?: null | ValueWithRelation\n      readonly onChange: (value: ValueWithRelation) => void\n      readonly value?: null | ValueWithRelation\n    }\n  | {\n      readonly hasMany: true\n      readonly initialValue?: null | ValueWithRelation[]\n      readonly onChange: (value: ValueWithRelation[]) => void\n      readonly value?: null | ValueWithRelation[]\n    }\n"],"mappings":"AAuFA","ignoreList":[]}

package/dist/fields/RichText/index.js

@@ -1,6 +1,6 @@
 'use client';
-export const RichTextField = ()=>{
-    return null;
-};
 
+export const RichTextField = () => {
+  return null;
+};
 //# sourceMappingURL=index.js.map

package/dist/fields/RichText/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/RichText/index.tsx"],"sourcesContent":["'use client'\nimport type { RichTextFieldClientProps } from 'payload'\nimport type React from 'react'\n\nexport const RichTextField: React.FC<RichTextFieldClientProps> = () => {\n  return null\n}\n"],"names":["RichTextField"],"mappings":"AAAA;AAIA,OAAO,MAAMA,gBAAoD;IAC/D,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["RichTextField"],"sources":["../../../src/fields/RichText/index.tsx"],"sourcesContent":["'use client'\nimport type { RichTextFieldClientProps } from 'payload'\nimport type React from 'react'\n\nexport const RichTextField: React.FC<RichTextFieldClientProps> = () => {\n  return null\n}\n"],"mappings":"AAAA;;AAIA,OAAO,MAAMA,aAAA,GAAoDA,CAAA;EAC/D,OAAO;AACT","ignoreList":[]}

package/dist/fields/Row/index.js

@@ -1,22 +1,46 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 import { RowProvider } from './provider.js';
 const baseClass = 'row';
-const RowFieldComponent = (props)=>{
-    const { field: { admin: { className, style } = {}, fields }, forceRender = false, indexPath = '', parentPath = '', parentSchemaPath = '', permissions, readOnly } = props;
-    return <RowProvider>
-      <div className={[
-        fieldBaseClass,
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')} style={style || undefined}>
-        <RenderFields className={`${baseClass}__fields`} fields={fields} forceRender={forceRender} margins={false} parentIndexPath={indexPath} parentPath={parentPath} parentSchemaPath={parentSchemaPath} permissions={permissions} readOnly={readOnly}/>
-      </div>
-    </RowProvider>;
+const RowFieldComponent = props => {
+  const {
+    field: {
+      admin: {
+        className,
+        style
+      } = {},
+      fields
+    },
+    forceRender = false,
+    indexPath = '',
+    parentPath = '',
+    parentSchemaPath = '',
+    permissions,
+    readOnly
+  } = props;
+  return /*#__PURE__*/_jsx(RowProvider, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: [fieldBaseClass, baseClass, className].filter(Boolean).join(' '),
+      style: style || undefined,
+      children: /*#__PURE__*/_jsx(RenderFields, {
+        className: `${baseClass}__fields`,
+        fields: fields,
+        forceRender: forceRender,
+        margins: false,
+        parentIndexPath: indexPath,
+        parentPath: parentPath,
+        parentSchemaPath: parentSchemaPath,
+        permissions: permissions,
+        readOnly: readOnly
+      })
+    })
+  });
 };
 export const RowField = withCondition(RowFieldComponent);
-
 //# sourceMappingURL=index.js.map

package/dist/fields/Row/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider } from './provider.js'\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className, style } = {}, fields },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    permissions,\n    readOnly,\n  } = props\n\n  return (\n    <RowProvider>\n      <div\n        className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}\n        style={style || undefined}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          margins={false}\n          parentIndexPath={indexPath}\n          parentPath={parentPath}\n          parentSchemaPath={parentSchemaPath}\n          permissions={permissions}\n          readOnly={readOnly}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"names":["RenderFields","withCondition","fieldBaseClass","RowProvider","baseClass","RowFieldComponent","props","field","admin","className","style","fields","forceRender","indexPath","parentPath","parentSchemaPath","permissions","readOnly","div","filter","Boolean","join","undefined","margins","parentIndexPath","RowField"],"mappings":"AAAA;AAKA,SAASA,YAAY,QAAQ,oCAAmC;AAChE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AACrB,SAASC,WAAW,QAAQ,gBAAe;AAE3C,MAAMC,YAAY;AAElB,MAAMC,oBAA6C,CAACC;IAClD,MAAM,EACJC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAE,EACnDC,cAAc,KAAK,EACnBC,YAAY,EAAE,EACdC,aAAa,EAAE,EACfC,mBAAmB,EAAE,EACrBC,WAAW,EACXC,QAAQ,EACT,GAAGX;IAEJ,QACGH,YAAY;MACX,CAACe,IACCT,WAAW;QAACP;QAAgBE;QAAWK;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC,MACvEX,OAAOA,SAASY,WACjB;QACC,CAACtB,aACCS,WAAW,GAAGL,UAAU,QAAQ,CAAC,EACjCO,QAAQA,QACRC,aAAaA,aACbW,SAAS,OACTC,iBAAiBX,WACjBC,YAAYA,YACZC,kBAAkBA,kBAClBC,aAAaA,aACbC,UAAUA,WACV;MACJ,EAAEC,IAAI;IACR,EAAEf;AAEN;AAEA,OAAO,MAAMsB,WAAWxB,cAAcI,mBAAkB"}
+{"version":3,"file":"index.js","names":["React","RenderFields","withCondition","fieldBaseClass","RowProvider","baseClass","RowFieldComponent","props","field","admin","className","style","fields","forceRender","indexPath","parentPath","parentSchemaPath","permissions","readOnly","_jsx","filter","Boolean","join","undefined","margins","parentIndexPath","RowField"],"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider } from './provider.js'\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className, style } = {}, fields },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    permissions,\n    readOnly,\n  } = props\n\n  return (\n    <RowProvider>\n      <div\n        className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}\n        style={style || undefined}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          margins={false}\n          parentIndexPath={indexPath}\n          parentPath={parentPath}\n          parentSchemaPath={parentSchemaPath}\n          permissions={permissions}\n          readOnly={readOnly}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,WAAW,QAAQ;AAE5B,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAA8CC,KAAA;EAClD,MAAM;IACJC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,SAAS;QAAEC;MAAK,CAAE,GAAG,CAAC,CAAC;MAAEC;IAAM,CAAE;IACnDC,WAAA,GAAc,KAAK;IACnBC,SAAA,GAAY,EAAE;IACdC,UAAA,GAAa,EAAE;IACfC,gBAAA,GAAmB,EAAE;IACrBC,WAAW;IACXC;EAAQ,CACT,GAAGX,KAAA;EAEJ,oBACEY,IAAA,CAACf,WAAA;cACC,aAAAe,IAAA,CAAC;MACCT,SAAA,EAAW,CAACP,cAAA,EAAgBE,SAAA,EAAWK,SAAA,CAAU,CAACU,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;MACvEX,KAAA,EAAOA,KAAA,IAASY,SAAA;gBAEhB,aAAAJ,IAAA,CAAClB,YAAA;QACCS,SAAA,EAAW,GAAGL,SAAA,UAAmB;QACjCO,MAAA,EAAQA,MAAA;QACRC,WAAA,EAAaA,WAAA;QACbW,OAAA,EAAS;QACTC,eAAA,EAAiBX,SAAA;QACjBC,UAAA,EAAYA,UAAA;QACZC,gBAAA,EAAkBA,gBAAA;QAClBC,WAAA,EAAaA,WAAA;QACbC,QAAA,EAAUA;;;;AAKpB;AAEA,OAAO,MAAMQ,QAAA,GAAWxB,aAAA,CAAcI,iBAAA","ignoreList":[]}

package/dist/fields/Row/provider.js

@@ -1,9 +1,16 @@
 'use client';
-import { createContext, use } from 'react';
-export const Context = createContext(false);
-export const RowProvider = ({ children, withinRow = true })=>{
-    return <Context value={withinRow}>{children}</Context>;
-};
-export const useRow = ()=>use(Context);
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, use } from 'react';
+export const Context = /*#__PURE__*/createContext(false);
+export const RowProvider = ({
+  children,
+  withinRow = true
+}) => {
+  return /*#__PURE__*/_jsx(Context, {
+    value: withinRow,
+    children: children
+  });
+};
+export const useRow = () => use(Context);
 //# sourceMappingURL=provider.js.map

package/dist/fields/Row/provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const Context = createContext(false)\n\nexport const RowProvider: React.FC<{ children?: React.ReactNode; withinRow?: boolean }> = ({\n  children,\n  withinRow = true,\n}) => {\n  return <Context value={withinRow}>{children}</Context>\n}\n\nexport const useRow = (): boolean => use(Context)\n"],"names":["createContext","use","Context","RowProvider","children","withinRow","value","useRow"],"mappings":"AAAA;AACA,SAAgBA,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,UAAUF,cAAc,OAAM;AAE3C,OAAO,MAAMG,cAA6E,CAAC,EACzFC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,QAAQH,QAAQI,OAAOD,YAAYD,WAAWF;AAChD,EAAC;AAED,OAAO,MAAMK,SAAS,IAAeN,IAAIC,SAAQ"}
+{"version":3,"file":"provider.js","names":["React","createContext","use","Context","RowProvider","children","withinRow","_jsx","value","useRow"],"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const Context = createContext(false)\n\nexport const RowProvider: React.FC<{ children?: React.ReactNode; withinRow?: boolean }> = ({\n  children,\n  withinRow = true,\n}) => {\n  return <Context value={withinRow}>{children}</Context>\n}\n\nexport const useRow = (): boolean => use(Context)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,OAAO,MAAMC,OAAA,gBAAUF,aAAA,CAAc;AAErC,OAAO,MAAMG,WAAA,GAA6EA,CAAC;EACzFC,QAAQ;EACRC,SAAA,GAAY;AAAI,CACjB;EACC,oBAAOC,IAAA,CAACJ,OAAA;IAAQK,KAAA,EAAOF,SAAA;cAAYD;;AACrC;AAEA,OAAO,MAAMI,MAAA,GAASA,CAAA,KAAeP,GAAA,CAAIC,OAAA","ignoreList":[]}