@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

package/dist/elements/ReactSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useId } from 'react'\nimport Select, { type StylesConfig } from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option, ReactSelectAdapterProps } from './types.js'\nexport type { Option } from './types.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { DropdownIndicator } from './DropdownIndicator/index.js'\nimport './index.scss'\nimport { Input } from './Input/index.js'\nimport { generateMultiValueDraggableID, MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\n\nconst createOption = (label: string) => ({\n  label,\n  value: label,\n})\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = React.useState('') // for creatable select\n  const uuid = useId()\n  const [hasMounted, setHasMounted] = React.useState(false)\n\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  const {\n    className,\n    components,\n    customProps,\n    disabled = false,\n    filterOption = undefined,\n    getOptionValue,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    noOptionsMessage = () => t('general:noOptions'),\n    numberOnly = false,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    value,\n  } = props\n\n  const loadingMessage = () => t('general:loading') + '...'\n\n  const classes = [className, 'react-select', showError && 'react-select--error']\n    .filter(Boolean)\n    .join(' ')\n\n  const styles: StylesConfig<Option> = {\n    // Remove the default react-select z-index from the menu so that our custom\n    // z-index in the \"payload-default\" css layer can take effect, in such a way\n    // that end users can easily override it as with other styles.\n    menu: (rsStyles) => ({ ...rsStyles, zIndex: undefined }),\n  }\n\n  if (!hasMounted) {\n    return <ShimmerEffect height=\"calc(var(--base) * 2 + 2px)\" />\n  }\n\n  if (!isCreatable) {\n    return (\n      <Select\n        captureMenuScroll\n        customProps={customProps}\n        isLoading={isLoading}\n        {...props}\n        className={classes}\n        classNamePrefix=\"rs\"\n        components={{\n          ClearIndicator,\n          Control,\n          DropdownIndicator,\n          Input,\n          MultiValue,\n          MultiValueLabel,\n          MultiValueRemove,\n          SingleValue,\n          ValueContainer,\n          ...components,\n        }}\n        filterOption={filterOption}\n        getOptionValue={getOptionValue}\n        instanceId={uuid}\n        isClearable={isClearable}\n        isDisabled={disabled}\n        isSearchable={isSearchable}\n        loadingMessage={loadingMessage}\n        menuPlacement=\"auto\"\n        noOptionsMessage={noOptionsMessage}\n        onChange={onChange}\n        onMenuClose={onMenuClose}\n        onMenuOpen={onMenuOpen}\n        options={options}\n        placeholder={getTranslation(placeholder, i18n)}\n        styles={styles}\n        unstyled={true}\n        value={value}\n      />\n    )\n  }\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n    if (!value || !inputValue || inputValue.trim() === '') {\n      return\n    }\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([...(value as Option[]), createOption(inputValue)])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <CreatableSelect\n      captureMenuScroll\n      isLoading={isLoading}\n      {...props}\n      className={classes}\n      classNamePrefix=\"rs\"\n      components={{\n        ClearIndicator,\n        Control,\n        DropdownIndicator,\n        Input,\n        MultiValue,\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n        ValueContainer,\n        ...components,\n      }}\n      filterOption={filterOption}\n      inputValue={inputValue}\n      instanceId={uuid}\n      isClearable={isClearable}\n      isDisabled={disabled}\n      isSearchable={isSearchable}\n      loadingMessage={loadingMessage}\n      menuPlacement=\"auto\"\n      noOptionsMessage={noOptionsMessage}\n      onChange={onChange}\n      onInputChange={(newValue) => setInputValue(newValue)}\n      onKeyDown={handleKeyDown}\n      onMenuClose={onMenuClose}\n      onMenuOpen={onMenuOpen}\n      options={options}\n      placeholder={getTranslation(placeholder, i18n)}\n      styles={styles}\n      unstyled={true}\n      value={value}\n    />\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { getOptionValue, onChange, value } = props\n\n  let draggableIDs: string[] = []\n  if (value) {\n    draggableIDs = (Array.isArray(value) ? value : [value]).map((optionValue) => {\n      return generateMultiValueDraggableID(optionValue, getOptionValue)\n    })\n  }\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={draggableIDs}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nexport const ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n"],"names":["arrayMove","getTranslation","React","useEffect","useId","Select","CreatableSelect","useTranslation","DraggableSortable","ShimmerEffect","ClearIndicator","Control","DropdownIndicator","Input","generateMultiValueDraggableID","MultiValue","MultiValueLabel","MultiValueRemove","SingleValue","ValueContainer","createOption","label","value","SelectAdapter","props","i18n","t","inputValue","setInputValue","useState","uuid","hasMounted","setHasMounted","className","components","customProps","disabled","filterOption","undefined","getOptionValue","isClearable","isCreatable","isLoading","isSearchable","noOptionsMessage","numberOnly","onChange","onMenuClose","onMenuOpen","options","placeholder","showError","loadingMessage","classes","filter","Boolean","join","styles","menu","rsStyles","zIndex","height","captureMenuScroll","classNamePrefix","instanceId","isDisabled","menuPlacement","unstyled","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","onInputChange","newValue","onKeyDown","SortableSelect","draggableIDs","Array","isArray","map","optionValue","ids","onDragEnd","moveFromIndex","moveToIndex","sorted","ReactSelect","isMulti","isSortable"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useId } from 'react'\nimport Select, { type StylesConfig } from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option, ReactSelectAdapterProps } from './types.js'\nexport type { Option } from './types.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { DropdownIndicator } from './DropdownIndicator/index.js'\nimport './index.scss'\nimport { Input } from './Input/index.js'\nimport { generateMultiValueDraggableID, MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\n\nconst createOption = (label: string) => ({\n  label,\n  value: label,\n})\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = React.useState('') // for creatable select\n  const uuid = useId()\n  const [hasMounted, setHasMounted] = React.useState(false)\n\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  const {\n    className,\n    components,\n    customProps,\n    disabled = false,\n    filterOption = undefined,\n    getOptionValue,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    noOptionsMessage = () => t('general:noOptions'),\n    numberOnly = false,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    value,\n  } = props\n\n  const loadingMessage = () => t('general:loading') + '...'\n\n  const classes = [className, 'react-select', showError && 'react-select--error']\n    .filter(Boolean)\n    .join(' ')\n\n  const styles: StylesConfig<Option> = {\n    // Remove the default react-select z-index from the menu so that our custom\n    // z-index in the \"payload-default\" css layer can take effect, in such a way\n    // that end users can easily override it as with other styles.\n    menu: (rsStyles) => ({ ...rsStyles, zIndex: undefined }),\n  }\n\n  if (!hasMounted) {\n    return <ShimmerEffect height=\"calc(var(--base) * 2 + 2px)\" />\n  }\n\n  if (!isCreatable) {\n    return (\n      <Select\n        captureMenuScroll\n        customProps={customProps}\n        isLoading={isLoading}\n        {...props}\n        className={classes}\n        classNamePrefix=\"rs\"\n        components={{\n          ClearIndicator,\n          Control,\n          DropdownIndicator,\n          Input,\n          MultiValue,\n          MultiValueLabel,\n          MultiValueRemove,\n          SingleValue,\n          ValueContainer,\n          ...components,\n        }}\n        filterOption={filterOption}\n        getOptionValue={getOptionValue}\n        instanceId={uuid}\n        isClearable={isClearable}\n        isDisabled={disabled}\n        isSearchable={isSearchable}\n        loadingMessage={loadingMessage}\n        menuPlacement=\"auto\"\n        noOptionsMessage={noOptionsMessage}\n        onChange={onChange}\n        onMenuClose={onMenuClose}\n        onMenuOpen={onMenuOpen}\n        options={options}\n        placeholder={getTranslation(placeholder, i18n)}\n        styles={styles}\n        unstyled={true}\n        value={value}\n      />\n    )\n  }\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n    if (!value || !inputValue || inputValue.trim() === '') {\n      return\n    }\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([...(value as Option[]), createOption(inputValue)])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <CreatableSelect\n      captureMenuScroll\n      isLoading={isLoading}\n      {...props}\n      className={classes}\n      classNamePrefix=\"rs\"\n      components={{\n        ClearIndicator,\n        Control,\n        DropdownIndicator,\n        Input,\n        MultiValue,\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n        ValueContainer,\n        ...components,\n      }}\n      filterOption={filterOption}\n      inputValue={inputValue}\n      instanceId={uuid}\n      isClearable={isClearable}\n      isDisabled={disabled}\n      isSearchable={isSearchable}\n      loadingMessage={loadingMessage}\n      menuPlacement=\"auto\"\n      noOptionsMessage={noOptionsMessage}\n      onChange={onChange}\n      onInputChange={(newValue) => setInputValue(newValue)}\n      onKeyDown={handleKeyDown}\n      onMenuClose={onMenuClose}\n      onMenuOpen={onMenuOpen}\n      options={options}\n      placeholder={getTranslation(placeholder, i18n)}\n      styles={styles}\n      unstyled={true}\n      value={value}\n    />\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { getOptionValue, onChange, value } = props\n\n  let draggableIDs: string[] = []\n  if (value) {\n    draggableIDs = (Array.isArray(value) ? value : [value]).map((optionValue) => {\n      return generateMultiValueDraggableID(optionValue, getOptionValue)\n    })\n  }\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={draggableIDs}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nexport const ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n"],"names":["arrayMove","getTranslation","React","useEffect","useId","Select","CreatableSelect","useTranslation","DraggableSortable","ShimmerEffect","ClearIndicator","Control","DropdownIndicator","Input","generateMultiValueDraggableID","MultiValue","MultiValueLabel","MultiValueRemove","SingleValue","ValueContainer","createOption","label","value","SelectAdapter","props","i18n","t","inputValue","setInputValue","useState","uuid","hasMounted","setHasMounted","className","components","customProps","disabled","filterOption","undefined","getOptionValue","isClearable","isCreatable","isLoading","isSearchable","noOptionsMessage","numberOnly","onChange","onMenuClose","onMenuOpen","options","placeholder","showError","loadingMessage","classes","filter","Boolean","join","styles","menu","rsStyles","zIndex","height","captureMenuScroll","classNamePrefix","instanceId","isDisabled","menuPlacement","unstyled","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","onInputChange","newValue","onKeyDown","SortableSelect","draggableIDs","Array","isArray","map","optionValue","ids","onDragEnd","moveFromIndex","moveToIndex","sorted","ReactSelect","isMulti","isSortable"],"mappings":"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"}

package/dist/elements/RelationshipTable/AddNewButton.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Button } from '../../elements/Button/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
@@ -9,42 +9,66 @@ export const AddNewButton = ({ allowCreate, baseClass, buttonStyle, className, c
     }
     const isPolymorphic = Array.isArray(relationTo);
     if (!isPolymorphic) {
-        return /*#__PURE__*/ _jsx(Button, {
+        return /*#__PURE__*/ _jsxDEV(Button, {
             buttonStyle: buttonStyle,
             className: className,
             onClick: ()=>onClick(),
             children: label
-        });
+        }, void 0, false, {
+            fileName: "src/elements/RelationshipTable/AddNewButton.tsx",
+            lineNumber: 45,
+            columnNumber: 7
+        }, this);
     }
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: `${baseClass}__add-new-polymorphic-wrapper`,
-        children: /*#__PURE__*/ _jsx(Popup, {
-            button: /*#__PURE__*/ _jsx(Button, {
+        children: /*#__PURE__*/ _jsxDEV(Popup, {
+            button: /*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: buttonStyle,
                 className: className,
                 icon: icon,
                 children: label
-            }),
+            }, void 0, false, {
+                fileName: "src/elements/RelationshipTable/AddNewButton.tsx",
+                lineNumber: 55,
+                columnNumber: 11
+            }, void 0),
             buttonType: "custom",
             horizontalAlign: "center",
-            render: ({ close: closePopup })=>/*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
+            render: ({ close: closePopup })=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
                     children: relationTo.map((relatedCollection)=>{
                         if (permissions.collections[relatedCollection]?.create) {
-                            return /*#__PURE__*/ _jsx(PopupList.Button, {
+                            return /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                                 className: `${baseClass}__relation-button--${relatedCollection}`,
                                 onClick: ()=>{
                                     closePopup();
                                     onClick(relatedCollection);
                                 },
                                 children: getTranslation(collections.find((each)=>each.slug === relatedCollection).labels.singular, i18n)
-                            }, relatedCollection);
+                            }, relatedCollection, false, {
+                                fileName: "src/elements/RelationshipTable/AddNewButton.tsx",
+                                lineNumber: 66,
+                                columnNumber: 19
+                            }, void 0);
                         }
                         return null;
                     })
-                }),
+                }, void 0, false, {
+                    fileName: "src/elements/RelationshipTable/AddNewButton.tsx",
+                    lineNumber: 62,
+                    columnNumber: 11
+                }, void 0),
             size: "medium"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/RelationshipTable/AddNewButton.tsx",
+            lineNumber: 53,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/RelationshipTable/AddNewButton.tsx",
+        lineNumber: 52,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=AddNewButton.js.map

package/dist/elements/RelationshipTable/AddNewButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RelationshipTable/AddNewButton.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, SanitizedPermissions } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Props as ButtonProps } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nexport const AddNewButton = ({\n  allowCreate,\n  baseClass,\n  buttonStyle,\n  className,\n  collections,\n  i18n,\n  icon,\n  label,\n  onClick,\n  permissions,\n  relationTo,\n}: {\n  allowCreate: boolean\n  baseClass: string\n  buttonStyle?: ButtonProps['buttonStyle']\n  className?: string\n  collections: ClientCollectionConfig[]\n  i18n: I18nClient\n  icon?: ButtonProps['icon']\n  label: string\n  onClick: (selectedCollection?: string) => void\n  permissions: SanitizedPermissions\n  relationTo: string | string[]\n}) => {\n  if (!allowCreate) {\n    return null\n  }\n\n  const isPolymorphic = Array.isArray(relationTo)\n\n  if (!isPolymorphic) {\n    return (\n      <Button buttonStyle={buttonStyle} className={className} onClick={() => onClick()}>\n        {label}\n      </Button>\n    )\n  }\n\n  return (\n    <div className={`${baseClass}__add-new-polymorphic-wrapper`}>\n      <Popup\n        button={\n          <Button buttonStyle={buttonStyle} className={className} icon={icon}>\n            {label}\n          </Button>\n        }\n        buttonType=\"custom\"\n        horizontalAlign=\"center\"\n        render={({ close: closePopup }) => (\n          <PopupList.ButtonGroup>\n            {relationTo.map((relatedCollection) => {\n              if (permissions.collections[relatedCollection]?.create) {\n                return (\n                  <PopupList.Button\n                    className={`${baseClass}__relation-button--${relatedCollection}`}\n                    key={relatedCollection}\n                    onClick={() => {\n                      closePopup()\n                      onClick(relatedCollection)\n                    }}\n                  >\n                    {getTranslation(\n                      collections.find((each) => each.slug === relatedCollection).labels.singular,\n                      i18n,\n                    )}\n                  </PopupList.Button>\n                )\n              }\n\n              return null\n            })}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"medium\"\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Popup","PopupList","AddNewButton","allowCreate","baseClass","buttonStyle","className","collections","i18n","icon","label","onClick","permissions","relationTo","isPolymorphic","Array","isArray","div","button","buttonType","horizontalAlign","render","close","closePopup","ButtonGroup","map","relatedCollection","create","find","each","slug","labels","singular","size"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AAEpD,OAAO,MAAMC,eAAe,CAAC,EAC3BC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,IAAI,EACJC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,WAAW,EACXC,UAAU,EAaX;IACC,IAAI,CAACV,aAAa;QAChB,OAAO;IACT;IAEA,MAAMW,gBAAgBC,MAAMC,OAAO,CAACH;IAEpC,IAAI,CAACC,eAAe;QAClB,qBACE,KAACf;YAAOM,aAAaA;YAAaC,WAAWA;YAAWK,SAAS,IAAMA;sBACpED;;IAGP;IAEA,qBACE,KAACO;QAAIX,WAAW,GAAGF,UAAU,6BAA6B,CAAC;kBACzD,cAAA,KAACJ;YACCkB,sBACE,KAACnB;gBAAOM,aAAaA;gBAAaC,WAAWA;gBAAWG,MAAMA;0BAC3DC;;YAGLS,YAAW;YACXC,iBAAgB;YAChBC,QAAQ,CAAC,EAAEC,OAAOC,UAAU,EAAE,iBAC5B,KAACtB,UAAUuB,WAAW;8BACnBX,WAAWY,GAAG,CAAC,CAACC;wBACf,IAAId,YAAYL,WAAW,CAACmB,kBAAkB,EAAEC,QAAQ;4BACtD,qBACE,KAAC1B,UAAUF,MAAM;gCACfO,WAAW,GAAGF,UAAU,mBAAmB,EAAEsB,mBAAmB;gCAEhEf,SAAS;oCACPY;oCACAZ,QAAQe;gCACV;0CAEC5B,eACCS,YAAYqB,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,KAAKJ,mBAAmBK,MAAM,CAACC,QAAQ,EAC3ExB;+BARGkB;wBAYX;wBAEA,OAAO;oBACT;;YAGJO,MAAK;;;AAIb,EAAC"}
+{"version":3,"sources":["../../../src/elements/RelationshipTable/AddNewButton.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, SanitizedPermissions } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Props as ButtonProps } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nexport const AddNewButton = ({\n  allowCreate,\n  baseClass,\n  buttonStyle,\n  className,\n  collections,\n  i18n,\n  icon,\n  label,\n  onClick,\n  permissions,\n  relationTo,\n}: {\n  allowCreate: boolean\n  baseClass: string\n  buttonStyle?: ButtonProps['buttonStyle']\n  className?: string\n  collections: ClientCollectionConfig[]\n  i18n: I18nClient\n  icon?: ButtonProps['icon']\n  label: string\n  onClick: (selectedCollection?: string) => void\n  permissions: SanitizedPermissions\n  relationTo: string | string[]\n}) => {\n  if (!allowCreate) {\n    return null\n  }\n\n  const isPolymorphic = Array.isArray(relationTo)\n\n  if (!isPolymorphic) {\n    return (\n      <Button buttonStyle={buttonStyle} className={className} onClick={() => onClick()}>\n        {label}\n      </Button>\n    )\n  }\n\n  return (\n    <div className={`${baseClass}__add-new-polymorphic-wrapper`}>\n      <Popup\n        button={\n          <Button buttonStyle={buttonStyle} className={className} icon={icon}>\n            {label}\n          </Button>\n        }\n        buttonType=\"custom\"\n        horizontalAlign=\"center\"\n        render={({ close: closePopup }) => (\n          <PopupList.ButtonGroup>\n            {relationTo.map((relatedCollection) => {\n              if (permissions.collections[relatedCollection]?.create) {\n                return (\n                  <PopupList.Button\n                    className={`${baseClass}__relation-button--${relatedCollection}`}\n                    key={relatedCollection}\n                    onClick={() => {\n                      closePopup()\n                      onClick(relatedCollection)\n                    }}\n                  >\n                    {getTranslation(\n                      collections.find((each) => each.slug === relatedCollection).labels.singular,\n                      i18n,\n                    )}\n                  </PopupList.Button>\n                )\n              }\n\n              return null\n            })}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"medium\"\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Popup","PopupList","AddNewButton","allowCreate","baseClass","buttonStyle","className","collections","i18n","icon","label","onClick","permissions","relationTo","isPolymorphic","Array","isArray","div","button","buttonType","horizontalAlign","render","close","closePopup","ButtonGroup","map","relatedCollection","create","find","each","slug","labels","singular","size"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AAEpD,OAAO,MAAMC,eAAe,CAAC,EAC3BC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,IAAI,EACJC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,WAAW,EACXC,UAAU,EAaX;IACC,IAAI,CAACV,aAAa;QAChB,OAAO;IACT;IAEA,MAAMW,gBAAgBC,MAAMC,OAAO,CAACH;IAEpC,IAAI,CAACC,eAAe;QAClB,qBACE,QAACf;YAAOM,aAAaA;YAAaC,WAAWA;YAAWK,SAAS,IAAMA;sBACpED;;;;;;IAGP;IAEA,qBACE,QAACO;QAAIX,WAAW,GAAGF,UAAU,6BAA6B,CAAC;kBACzD,cAAA,QAACJ;YACCkB,sBACE,QAACnB;gBAAOM,aAAaA;gBAAaC,WAAWA;gBAAWG,MAAMA;0BAC3DC;;;;;;YAGLS,YAAW;YACXC,iBAAgB;YAChBC,QAAQ,CAAC,EAAEC,OAAOC,UAAU,EAAE,iBAC5B,QAACtB,UAAUuB,WAAW;8BACnBX,WAAWY,GAAG,CAAC,CAACC;wBACf,IAAId,YAAYL,WAAW,CAACmB,kBAAkB,EAAEC,QAAQ;4BACtD,qBACE,QAAC1B,UAAUF,MAAM;gCACfO,WAAW,GAAGF,UAAU,mBAAmB,EAAEsB,mBAAmB;gCAEhEf,SAAS;oCACPY;oCACAZ,QAAQe;gCACV;0CAEC5B,eACCS,YAAYqB,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,KAAKJ,mBAAmBK,MAAM,CAACC,QAAQ,EAC3ExB;+BARGkB;;;;;wBAYX;wBAEA,OAAO;oBACT;;;;;;YAGJO,MAAK;;;;;;;;;;;AAIb,EAAC"}

package/dist/elements/RelationshipTable/Pagination.js

@@ -1,11 +1,11 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useListQuery } from '../../providers/ListQuery/index.js';
 import { Pagination } from '../Pagination/index.js';
 export const RelationshipTablePagination = ()=>{
     const { data, handlePageChange } = useListQuery();
-    return /*#__PURE__*/ _jsx(Pagination, {
+    return /*#__PURE__*/ _jsxDEV(Pagination, {
         hasNextPage: data.hasNextPage,
         hasPrevPage: data.hasPrevPage,
         limit: data.limit,
@@ -17,7 +17,11 @@ export const RelationshipTablePagination = ()=>{
         page: data.page || 1,
         prevPage: data.prevPage || undefined,
         totalPages: data.totalPages
-    });
+    }, void 0, false, {
+        fileName: "src/elements/RelationshipTable/Pagination.tsx",
+        lineNumber: 12,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=Pagination.js.map

package/dist/elements/RelationshipTable/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RelationshipTable/Pagination.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { Pagination } from '../Pagination/index.js'\n\nexport const RelationshipTablePagination: React.FC = () => {\n  const { data, handlePageChange } = useListQuery()\n\n  return (\n    <Pagination\n      hasNextPage={data.hasNextPage}\n      hasPrevPage={data.hasPrevPage}\n      limit={data.limit}\n      nextPage={data.nextPage || 2}\n      numberOfNeighbors={1}\n      onChange={(e) => {\n        void handlePageChange(e)\n      }}\n      page={data.page || 1}\n      prevPage={data.prevPage || undefined}\n      totalPages={data.totalPages}\n    />\n  )\n}\n"],"names":["React","useListQuery","Pagination","RelationshipTablePagination","data","handlePageChange","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","e","page","prevPage","undefined","totalPages"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,UAAU,QAAQ,yBAAwB;AAEnD,OAAO,MAAMC,8BAAwC;IACnD,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAE,GAAGJ;IAEnC,qBACE,KAACC;QACCI,aAAaF,KAAKE,WAAW;QAC7BC,aAAaH,KAAKG,WAAW;QAC7BC,OAAOJ,KAAKI,KAAK;QACjBC,UAAUL,KAAKK,QAAQ,IAAI;QAC3BC,mBAAmB;QACnBC,UAAU,CAACC;YACT,KAAKP,iBAAiBO;QACxB;QACAC,MAAMT,KAAKS,IAAI,IAAI;QACnBC,UAAUV,KAAKU,QAAQ,IAAIC;QAC3BC,YAAYZ,KAAKY,UAAU;;AAGjC,EAAC"}
+{"version":3,"sources":["../../../src/elements/RelationshipTable/Pagination.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { Pagination } from '../Pagination/index.js'\n\nexport const RelationshipTablePagination: React.FC = () => {\n  const { data, handlePageChange } = useListQuery()\n\n  return (\n    <Pagination\n      hasNextPage={data.hasNextPage}\n      hasPrevPage={data.hasPrevPage}\n      limit={data.limit}\n      nextPage={data.nextPage || 2}\n      numberOfNeighbors={1}\n      onChange={(e) => {\n        void handlePageChange(e)\n      }}\n      page={data.page || 1}\n      prevPage={data.prevPage || undefined}\n      totalPages={data.totalPages}\n    />\n  )\n}\n"],"names":["React","useListQuery","Pagination","RelationshipTablePagination","data","handlePageChange","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","e","page","prevPage","undefined","totalPages"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,UAAU,QAAQ,yBAAwB;AAEnD,OAAO,MAAMC,8BAAwC;IACnD,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAE,GAAGJ;IAEnC,qBACE,QAACC;QACCI,aAAaF,KAAKE,WAAW;QAC7BC,aAAaH,KAAKG,WAAW;QAC7BC,OAAOJ,KAAKI,KAAK;QACjBC,UAAUL,KAAKK,QAAQ,IAAI;QAC3BC,mBAAmB;QACnBC,UAAU,CAACC;YACT,KAAKP,iBAAiBO;QACxB;QACAC,MAAMT,KAAKS,IAAI,IAAI;QACnBC,UAAUV,KAAKU,QAAQ,IAAIC;QAC3BC,YAAYZ,KAAKY,UAAU;;;;;;AAGjC,EAAC"}

package/dist/elements/RelationshipTable/cells/DrawerLink/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { EditIcon } from '../../../../icons/Edit/index.js';
 import { useCellProps } from '../../../../providers/TableColumns/RenderDefaultCell/index.js';
@@ -7,25 +7,41 @@ import { DefaultCell } from '../../../Table/DefaultCell/index.js';
 import './index.scss';
 export const DrawerLink = ({ onDrawerOpen })=>{
     const cellProps = useCellProps();
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: "drawer-link",
         children: [
-            /*#__PURE__*/ _jsx(DefaultCell, {
+            /*#__PURE__*/ _jsxDEV(DefaultCell, {
                 ...cellProps,
                 className: "drawer-link__cell",
                 link: false,
                 onClick: null
-            }),
-            /*#__PURE__*/ _jsx("button", {
+            }, void 0, false, {
+                fileName: "src/elements/RelationshipTable/cells/DrawerLink/index.tsx",
+                lineNumber: 20,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("button", {
                 className: "drawer-link__doc-drawer-toggler",
                 onClick: ()=>{
                     onDrawerOpen(cellProps.rowData.id);
                 },
                 type: "button",
-                children: /*#__PURE__*/ _jsx(EditIcon, {})
-            })
+                children: /*#__PURE__*/ _jsxDEV(EditIcon, {}, void 0, false, {
+                    fileName: "src/elements/RelationshipTable/cells/DrawerLink/index.tsx",
+                    lineNumber: 28,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/RelationshipTable/cells/DrawerLink/index.tsx",
+                lineNumber: 21,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/RelationshipTable/cells/DrawerLink/index.tsx",
+        lineNumber: 19,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/RelationshipTable/cells/DrawerLink/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/RelationshipTable/cells/DrawerLink/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { OnDrawerOpen } from '../../index.js'\n\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useCellProps } from '../../../../providers/TableColumns/RenderDefaultCell/index.js'\nimport { DefaultCell } from '../../../Table/DefaultCell/index.js'\nimport './index.scss'\n\nexport const DrawerLink: React.FC<{\n  currentDrawerID?: string\n  onDrawerOpen: OnDrawerOpen\n}> = ({ onDrawerOpen }) => {\n  const cellProps = useCellProps()\n\n  return (\n    <div className=\"drawer-link\">\n      <DefaultCell {...cellProps} className=\"drawer-link__cell\" link={false} onClick={null} />\n      <button\n        className=\"drawer-link__doc-drawer-toggler\"\n        onClick={() => {\n          onDrawerOpen(cellProps.rowData.id)\n        }}\n        type=\"button\"\n      >\n        <EditIcon />\n      </button>\n    </div>\n  )\n}\n"],"names":["React","EditIcon","useCellProps","DefaultCell","DrawerLink","onDrawerOpen","cellProps","div","className","link","onClick","button","rowData","id","type"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAIzB,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,YAAY,QAAQ,gEAA+D;AAC5F,SAASC,WAAW,QAAQ,sCAAqC;AACjE,OAAO,eAAc;AAErB,OAAO,MAAMC,aAGR,CAAC,EAAEC,YAAY,EAAE;IACpB,MAAMC,YAAYJ;IAElB,qBACE,MAACK;QAAIC,WAAU;;0BACb,KAACL;gBAAa,GAAGG,SAAS;gBAAEE,WAAU;gBAAoBC,MAAM;gBAAOC,SAAS;;0BAChF,KAACC;gBACCH,WAAU;gBACVE,SAAS;oBACPL,aAAaC,UAAUM,OAAO,CAACC,EAAE;gBACnC;gBACAC,MAAK;0BAEL,cAAA,KAACb;;;;AAIT,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/RelationshipTable/cells/DrawerLink/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { OnDrawerOpen } from '../../index.js'\n\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useCellProps } from '../../../../providers/TableColumns/RenderDefaultCell/index.js'\nimport { DefaultCell } from '../../../Table/DefaultCell/index.js'\nimport './index.scss'\n\nexport const DrawerLink: React.FC<{\n  currentDrawerID?: string\n  onDrawerOpen: OnDrawerOpen\n}> = ({ onDrawerOpen }) => {\n  const cellProps = useCellProps()\n\n  return (\n    <div className=\"drawer-link\">\n      <DefaultCell {...cellProps} className=\"drawer-link__cell\" link={false} onClick={null} />\n      <button\n        className=\"drawer-link__doc-drawer-toggler\"\n        onClick={() => {\n          onDrawerOpen(cellProps.rowData.id)\n        }}\n        type=\"button\"\n      >\n        <EditIcon />\n      </button>\n    </div>\n  )\n}\n"],"names":["React","EditIcon","useCellProps","DefaultCell","DrawerLink","onDrawerOpen","cellProps","div","className","link","onClick","button","rowData","id","type"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAIzB,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,YAAY,QAAQ,gEAA+D;AAC5F,SAASC,WAAW,QAAQ,sCAAqC;AACjE,OAAO,eAAc;AAErB,OAAO,MAAMC,aAGR,CAAC,EAAEC,YAAY,EAAE;IACpB,MAAMC,YAAYJ;IAElB,qBACE,QAACK;QAAIC,WAAU;;0BACb,QAACL;gBAAa,GAAGG,SAAS;gBAAEE,WAAU;gBAAoBC,MAAM;gBAAOC,SAAS;;;;;;0BAChF,QAACC;gBACCH,WAAU;gBACVE,SAAS;oBACPL,aAAaC,UAAUM,OAAO,CAACC,EAAE;gBACnC;gBACAC,MAAK;0BAEL,cAAA,QAACb;;;;;;;;;;;;;;;;AAIT,EAAC"}

package/dist/elements/RelationshipTable/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { hoistQueryParamsToAnd, transformColumnsToPreferences } from 'payload/shared';
 import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
@@ -208,17 +208,17 @@ export const RelationshipTable = (props)=>{
         field,
         collectionConfig
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__header`,
                 children: [
                     Label,
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__actions`,
                         children: [
-                            /*#__PURE__*/ _jsx(AddNewButton, {
+                            /*#__PURE__*/ _jsxDEV(AddNewButton, {
                                 allowCreate: allowCreate !== false,
                                 baseClass: baseClass,
                                 buttonStyle: "none",
@@ -230,37 +230,65 @@ export const RelationshipTable = (props)=>{
                                 onClick: isPolymorphic ? setSelectedCollection : openDrawer,
                                 permissions: permissions,
                                 relationTo: relationTo
-                            }),
-                            /*#__PURE__*/ _jsx(Pill, {
+                            }, void 0, false, {
+                                fileName: "src/elements/RelationshipTable/index.tsx",
+                                lineNumber: 295,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(Pill, {
                                 "aria-controls": `${baseClass}-columns`,
                                 "aria-expanded": openColumnSelector,
                                 className: `${baseClass}__toggle-columns ${openColumnSelector ? `${baseClass}__buttons-active` : ''}`,
-                                icon: /*#__PURE__*/ _jsx(ChevronIcon, {
+                                icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                                     direction: openColumnSelector ? 'up' : 'down'
-                                }),
+                                }, void 0, false, {
+                                    fileName: "src/elements/RelationshipTable/index.tsx",
+                                    lineNumber: 314,
+                                    columnNumber: 19
+                                }, void 0),
                                 onClick: ()=>setOpenColumnSelector(!openColumnSelector),
                                 pillStyle: "light",
                                 size: "small",
                                 children: t('general:columns')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/RelationshipTable/index.tsx",
+                                lineNumber: 308,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/RelationshipTable/index.tsx",
+                        lineNumber: 294,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/elements/RelationshipTable/index.tsx",
+                lineNumber: 292,
+                columnNumber: 7
+            }, this),
             BeforeInput,
-            isLoadingTable ? /*#__PURE__*/ _jsx("p", {
+            isLoadingTable ? /*#__PURE__*/ _jsxDEV("p", {
                 children: t('general:loading')
-            }) : /*#__PURE__*/ _jsxs(Fragment, {
+            }, void 0, false, {
+                fileName: "src/elements/RelationshipTable/index.tsx",
+                lineNumber: 325,
+                columnNumber: 9
+            }, this) : /*#__PURE__*/ _jsxDEV(Fragment, {
                 children: [
-                    data?.docs && data.docs.length === 0 && /*#__PURE__*/ _jsxs("div", {
+                    data?.docs && data.docs.length === 0 && /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__no-results`,
                         children: [
-                            /*#__PURE__*/ _jsx("p", {
+                            /*#__PURE__*/ _jsxDEV("p", {
                                 children: i18n.t('general:noResults', {
                                     label: isPolymorphic ? i18n.t('general:documents') : getTranslation(collectionConfig?.labels?.plural, i18n)
                                 })
-                            }),
-                            /*#__PURE__*/ _jsx(AddNewButton, {
+                            }, void 0, false, {
+                                fileName: "src/elements/RelationshipTable/index.tsx",
+                                lineNumber: 330,
+                                columnNumber: 15
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(AddNewButton, {
                                 allowCreate: canCreate,
                                 baseClass: baseClass,
                                 collections: config.collections,
@@ -271,51 +299,103 @@ export const RelationshipTable = (props)=>{
                                 onClick: isPolymorphic ? setSelectedCollection : openDrawer,
                                 permissions: permissions,
                                 relationTo: relationTo
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/RelationshipTable/index.tsx",
+                                lineNumber: 337,
+                                columnNumber: 15
+                            }, this)
                         ]
-                    }),
-                    data?.docs && data.docs.length > 0 && /*#__PURE__*/ _jsx(RelationshipProvider, {
-                        children: /*#__PURE__*/ _jsx(ListQueryProvider, {
+                    }, void 0, true, {
+                        fileName: "src/elements/RelationshipTable/index.tsx",
+                        lineNumber: 329,
+                        columnNumber: 13
+                    }, this),
+                    data?.docs && data.docs.length > 0 && /*#__PURE__*/ _jsxDEV(RelationshipProvider, {
+                        children: /*#__PURE__*/ _jsxDEV(ListQueryProvider, {
                             data: data,
                             modifySearchParams: false,
                             onQueryChange: setQuery,
                             orderableFieldName: !field.orderable || Array.isArray(field.collection) ? undefined : `_${field.collection}_${fieldPath.replaceAll('.', '_')}_order`,
                             query: memoizedListQuery,
-                            children: /*#__PURE__*/ _jsxs(TableColumnsProvider, {
+                            children: /*#__PURE__*/ _jsxDEV(TableColumnsProvider, {
                                 collectionSlug: isPolymorphic ? relationTo[0] : relationTo,
                                 columnState: columnState,
-                                LinkedCellOverride: /*#__PURE__*/ _jsx(DrawerLink, {
+                                LinkedCellOverride: /*#__PURE__*/ _jsxDEV(DrawerLink, {
                                     currentDrawerID: currentDrawerID,
                                     onDrawerOpen: onDrawerOpen
-                                }),
+                                }, void 0, false, {
+                                    fileName: "src/elements/RelationshipTable/index.tsx",
+                                    lineNumber: 370,
+                                    columnNumber: 21
+                                }, void 0),
                                 children: [
-                                    /*#__PURE__*/ _jsx(AnimateHeight, {
+                                    /*#__PURE__*/ _jsxDEV(AnimateHeight, {
                                         className: `${baseClass}__columns`,
                                         height: openColumnSelector ? 'auto' : 0,
                                         id: `${baseClass}-columns`,
-                                        children: /*#__PURE__*/ _jsx("div", {
+                                        children: /*#__PURE__*/ _jsxDEV("div", {
                                             className: `${baseClass}__columns-inner`,
-                                            children: collectionConfig && /*#__PURE__*/ _jsx(ColumnSelector, {
+                                            children: collectionConfig && /*#__PURE__*/ _jsxDEV(ColumnSelector, {
                                                 collectionSlug: collectionConfig.slug
-                                            })
-                                        })
-                                    }),
+                                            }, void 0, false, {
+                                                fileName: "src/elements/RelationshipTable/index.tsx",
+                                                lineNumber: 380,
+                                                columnNumber: 25
+                                            }, this)
+                                        }, void 0, false, {
+                                            fileName: "src/elements/RelationshipTable/index.tsx",
+                                            lineNumber: 378,
+                                            columnNumber: 21
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/elements/RelationshipTable/index.tsx",
+                                        lineNumber: 373,
+                                        columnNumber: 19
+                                    }, this),
                                     Table,
-                                    /*#__PURE__*/ _jsx(RelationshipTablePagination, {})
+                                    /*#__PURE__*/ _jsxDEV(RelationshipTablePagination, {}, void 0, false, {
+                                        fileName: "src/elements/RelationshipTable/index.tsx",
+                                        lineNumber: 385,
+                                        columnNumber: 19
+                                    }, this)
                                 ]
-                            })
-                        })
-                    })
+                            }, void 0, true, {
+                                fileName: "src/elements/RelationshipTable/index.tsx",
+                                lineNumber: 366,
+                                columnNumber: 17
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/RelationshipTable/index.tsx",
+                            lineNumber: 355,
+                            columnNumber: 15
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/RelationshipTable/index.tsx",
+                        lineNumber: 354,
+                        columnNumber: 13
+                    }, this)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/elements/RelationshipTable/index.tsx",
+                lineNumber: 327,
+                columnNumber: 9
+            }, this),
             AfterInput,
-            /*#__PURE__*/ _jsx(DocumentDrawer, {
+            /*#__PURE__*/ _jsxDEV(DocumentDrawer, {
                 initialData: initialDrawerData,
                 onDelete: onDrawerDelete,
                 onSave: onDrawerSave
-            })
+            }, void 0, false, {
+                fileName: "src/elements/RelationshipTable/index.tsx",
+                lineNumber: 393,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/RelationshipTable/index.tsx",
+        lineNumber: 291,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map