@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/elements/ReactSelect/index.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 { arrayMove } from '@dnd-kit/sortable';
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect, useId } from 'react';
@@ -24,8 +24,8 @@ const createOption = (label)=>({
     });
 const SelectAdapter = (props)=>{
     const { i18n, t } = useTranslation();
-    const [inputValue, setInputValue] = React.useState('') // for creatable select
-    ;
+    const [inputValue, setInputValue] = React.useState('');
+    // for creatable select
     const uuid = useId();
     const [hasMounted, setHasMounted] = React.useState(false);
     useEffect(()=>{
@@ -48,12 +48,16 @@ const SelectAdapter = (props)=>{
             })
     };
     if (!hasMounted) {
-        return /*#__PURE__*/ _jsx(ShimmerEffect, {
+        return /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
             height: "calc(var(--base) * 2 + 2px)"
-        });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/index.tsx",
+            lineNumber: 78,
+            columnNumber: 12
+        }, this);
     }
     if (!isCreatable) {
-        return /*#__PURE__*/ _jsx(Select, {
+        return /*#__PURE__*/ _jsxDEV(Select, {
             captureMenuScroll: true,
             customProps: customProps,
             isLoading: isLoading,
@@ -89,7 +93,11 @@ const SelectAdapter = (props)=>{
             styles: styles,
             unstyled: true,
             value: value
-        });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/index.tsx",
+            lineNumber: 83,
+            columnNumber: 7
+        }, this);
     }
     const handleKeyDown = (event)=>{
         if (numberOnly === true) {
@@ -130,7 +138,7 @@ const SelectAdapter = (props)=>{
                 break;
         }
     };
-    return /*#__PURE__*/ _jsx(CreatableSelect, {
+    return /*#__PURE__*/ _jsxDEV(CreatableSelect, {
         captureMenuScroll: true,
         isLoading: isLoading,
         ...props,
@@ -167,7 +175,11 @@ const SelectAdapter = (props)=>{
         styles: styles,
         unstyled: true,
         value: value
-    });
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/index.tsx",
+        lineNumber: 160,
+        columnNumber: 5
+    }, this);
 };
 const SortableSelect = (props)=>{
     const { getOptionValue, onChange, value } = props;
@@ -179,7 +191,7 @@ const SortableSelect = (props)=>{
             return generateMultiValueDraggableID(optionValue, getOptionValue);
         });
     }
-    return /*#__PURE__*/ _jsx(DraggableSortable, {
+    return /*#__PURE__*/ _jsxDEV(DraggableSortable, {
         className: "react-select-container",
         ids: draggableIDs,
         onDragEnd: ({ moveFromIndex, moveToIndex })=>{
@@ -189,21 +201,37 @@ const SortableSelect = (props)=>{
             }
             onChange(sorted);
         },
-        children: /*#__PURE__*/ _jsx(SelectAdapter, {
+        children: /*#__PURE__*/ _jsxDEV(SelectAdapter, {
             ...props
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/index.tsx",
+            lineNumber: 223,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/index.tsx",
+        lineNumber: 212,
+        columnNumber: 5
+    }, this);
 };
 export const ReactSelect = (props)=>{
     const { isMulti, isSortable } = props;
     if (isMulti && isSortable) {
-        return /*#__PURE__*/ _jsx(SortableSelect, {
+        return /*#__PURE__*/ _jsxDEV(SortableSelect, {
             ...props
-        });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/index.tsx",
+            lineNumber: 232,
+            columnNumber: 12
+        }, this);
     }
-    return /*#__PURE__*/ _jsx(SelectAdapter, {
+    return /*#__PURE__*/ _jsxDEV(SelectAdapter, {
         ...props
-    });
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/index.tsx",
+        lineNumber: 235,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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/ReactSelect/types.js

@@ -1,3 +1,10 @@
-export { };
+// augment the types for the `Select` component from `react-select`
+// this is to include the `selectProps` prop at the top-level `Select` component
+// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
+// augment the types for the `CommonPropsAndClassName` from `react-select`
+// this will include the `selectProps` prop to every `react-select` component automatically
+// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
+//* The ID is used to identify the option in the UI. If it doesn't exist and value cannot be transformed into a string, sorting won't work */
+export { }; /** Allows you to create own values in the UI despite them not being pre-specified */  /** Allows you to specify multiple values instead of just one */ 
 
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ReactSelect/types.ts"],"sourcesContent":["import type { LabelFunction } from 'payload'\nimport type { CommonProps, GroupBase, Props as ReactSelectStateManagerProps } from 'react-select'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\ntype CustomSelectProps = {\n  disableKeyDown?: boolean\n  disableMouseDown?: boolean\n  draggableProps?: any\n  droppableRef?: React.RefObject<HTMLDivElement | null>\n  editableProps?: (\n    data: Option<{ label: string; value: string }>,\n    className: string,\n    selectProps: ReactSelectStateManagerProps,\n  ) => any\n  onDelete?: DocumentDrawerProps['onDelete']\n  onDocumentOpen?: (args: {\n    collectionSlug: string\n    hasReadPermission: boolean\n    id: number | string\n    openInNewTab?: boolean\n  }) => void\n  onDuplicate?: DocumentDrawerProps['onSave']\n  onSave?: DocumentDrawerProps['onSave']\n  valueContainerLabel?: string\n}\n\n// augment the types for the `Select` component from `react-select`\n// this is to include the `selectProps` prop at the top-level `Select` component\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src/Select' {\n  export interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {\n    customProps?: CustomSelectProps\n  }\n}\n\n// augment the types for the `CommonPropsAndClassName` from `react-select`\n// this will include the `selectProps` prop to every `react-select` component automatically\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src' {\n  export interface CommonPropsAndClassName<\n    Option,\n    IsMulti extends boolean,\n    Group extends GroupBase<Option>,\n  > extends CommonProps<Option, IsMulti, Group> {\n    customProps?: CustomSelectProps & ReactSelectStateManagerProps<Option, IsMulti, Group>\n  }\n}\n\nexport type Option<TValue = unknown> = {\n  [key: string]: unknown\n  //* The ID is used to identify the option in the UI. If it doesn't exist and value cannot be transformed into a string, sorting won't work */\n  id?: string\n  value: TValue\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type ReactSelectAdapterProps = {\n  backspaceRemovesValue?: boolean\n  blurInputOnSelect?: boolean\n  className?: string\n  components?: {\n    [key: string]: React.FC<any>\n  }\n  customProps?: CustomSelectProps\n  disabled?: boolean\n  filterOption?:\n    | ((\n        {\n          allowEdit,\n          data,\n          label,\n          value,\n        }: { allowEdit: boolean; data: Option; label: string; value: string },\n        search: string,\n      ) => boolean)\n    | undefined\n  getOptionValue?: ReactSelectStateManagerProps<\n    Option,\n    boolean,\n    GroupBase<Option>\n  >['getOptionValue']\n  id?: string\n  inputId?: string\n  isClearable?: boolean\n  /** Allows you to create own values in the UI despite them not being pre-specified */\n  isCreatable?: boolean\n  isLoading?: boolean\n  /** Allows you to specify multiple values instead of just one */\n  isMulti?: boolean\n  isOptionSelected?: any\n  isSearchable?: boolean\n  isSortable?: boolean\n  menuIsOpen?: boolean\n  noOptionsMessage?: (obj: { inputValue: string }) => string\n  numberOnly?: boolean\n  onChange?: (value: Option | Option[]) => void\n  onInputChange?: (val: string) => void\n  onMenuClose?: () => void\n  onMenuOpen?: () => void\n  onMenuScrollToBottom?: () => void\n  options: Option[] | OptionGroup[]\n  placeholder?: LabelFunction | string\n  showError?: boolean\n  value?: Option | Option[]\n}\n"],"names":[],"mappings":"AA6DA,WAgDC"}
+{"version":3,"sources":["../../../src/elements/ReactSelect/types.ts"],"sourcesContent":["import type { LabelFunction } from 'payload'\nimport type { CommonProps, GroupBase, Props as ReactSelectStateManagerProps } from 'react-select'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\ntype CustomSelectProps = {\n  disableKeyDown?: boolean\n  disableMouseDown?: boolean\n  draggableProps?: any\n  droppableRef?: React.RefObject<HTMLDivElement | null>\n  editableProps?: (\n    data: Option<{ label: string; value: string }>,\n    className: string,\n    selectProps: ReactSelectStateManagerProps,\n  ) => any\n  onDelete?: DocumentDrawerProps['onDelete']\n  onDocumentOpen?: (args: {\n    collectionSlug: string\n    hasReadPermission: boolean\n    id: number | string\n    openInNewTab?: boolean\n  }) => void\n  onDuplicate?: DocumentDrawerProps['onSave']\n  onSave?: DocumentDrawerProps['onSave']\n  valueContainerLabel?: string\n}\n\n// augment the types for the `Select` component from `react-select`\n// this is to include the `selectProps` prop at the top-level `Select` component\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src/Select' {\n  export interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {\n    customProps?: CustomSelectProps\n  }\n}\n\n// augment the types for the `CommonPropsAndClassName` from `react-select`\n// this will include the `selectProps` prop to every `react-select` component automatically\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src' {\n  export interface CommonPropsAndClassName<\n    Option,\n    IsMulti extends boolean,\n    Group extends GroupBase<Option>,\n  > extends CommonProps<Option, IsMulti, Group> {\n    customProps?: CustomSelectProps & ReactSelectStateManagerProps<Option, IsMulti, Group>\n  }\n}\n\nexport type Option<TValue = unknown> = {\n  [key: string]: unknown\n  //* The ID is used to identify the option in the UI. If it doesn't exist and value cannot be transformed into a string, sorting won't work */\n  id?: string\n  value: TValue\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type ReactSelectAdapterProps = {\n  backspaceRemovesValue?: boolean\n  blurInputOnSelect?: boolean\n  className?: string\n  components?: {\n    [key: string]: React.FC<any>\n  }\n  customProps?: CustomSelectProps\n  disabled?: boolean\n  filterOption?:\n    | ((\n        {\n          allowEdit,\n          data,\n          label,\n          value,\n        }: { allowEdit: boolean; data: Option; label: string; value: string },\n        search: string,\n      ) => boolean)\n    | undefined\n  getOptionValue?: ReactSelectStateManagerProps<\n    Option,\n    boolean,\n    GroupBase<Option>\n  >['getOptionValue']\n  id?: string\n  inputId?: string\n  isClearable?: boolean\n  /** Allows you to create own values in the UI despite them not being pre-specified */\n  isCreatable?: boolean\n  isLoading?: boolean\n  /** Allows you to specify multiple values instead of just one */\n  isMulti?: boolean\n  isOptionSelected?: any\n  isSearchable?: boolean\n  isSortable?: boolean\n  menuIsOpen?: boolean\n  noOptionsMessage?: (obj: { inputValue: string }) => string\n  numberOnly?: boolean\n  onChange?: (value: Option | Option[]) => void\n  onInputChange?: (val: string) => void\n  onMenuClose?: () => void\n  onMenuOpen?: () => void\n  onMenuScrollToBottom?: () => void\n  options: Option[] | OptionGroup[]\n  placeholder?: LabelFunction | string\n  showError?: boolean\n  value?: Option | Option[]\n}\n"],"names":[],"mappings":"AA2BA,mEAAmE;AACnE,gFAAgF;AAChF,8FAA8F;AAO9F,0EAA0E;AAC1E,2FAA2F;AAC3F,8FAA8F;AAa5F,6IAA6I;AAU/I,WAgDC,CApBC,mFAAmF,IAGnF,8DAA8D"}

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"}