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

package/dist/elements/ReactSelect/index.js

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

package/dist/elements/ReactSelect/types.js

@@ -1,10 +1,2 @@
-// 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 */ 
-
+export {};
 //# 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":"AA2BA,mEAAmE;AACnE,gFAAgF;AAChF,8FAA8F;AAO9F,0EAA0E;AAC1E,2FAA2F;AAC3F,8FAA8F;AAa5F,6IAA6I;AAU/I,WAgDC,CApBC,mFAAmF,IAGnF,8DAA8D"}
+{"version":3,"file":"types.js","names":[],"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"],"mappings":"AA6DA","ignoreList":[]}

package/dist/elements/RelationshipTable/AddNewButton.js

@@ -1,34 +1,64 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Button } from '../../elements/Button/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
-export const AddNewButton = ({ allowCreate, baseClass, buttonStyle, className, collections, i18n, icon, label, onClick, permissions, relationTo })=>{
-    if (!allowCreate) {
-        return null;
-    }
-    const isPolymorphic = Array.isArray(relationTo);
-    if (!isPolymorphic) {
-        return <Button buttonStyle={buttonStyle} className={className} onClick={()=>onClick()}>
-        {label}
-      </Button>;
-    }
-    return <div className={`${baseClass}__add-new-polymorphic-wrapper`}>
-      <Popup button={<Button buttonStyle={buttonStyle} className={className} icon={icon}>
-            {label}
-          </Button>} buttonType="custom" horizontalAlign="center" render={({ close: closePopup })=><PopupList.ButtonGroup>
-            {relationTo.map((relatedCollection)=>{
-            if (permissions.collections[relatedCollection]?.create) {
-                return <PopupList.Button className={`${baseClass}__relation-button--${relatedCollection}`} key={relatedCollection} onClick={()=>{
-                    closePopup();
-                    onClick(relatedCollection);
-                }}>
-                    {getTranslation(collections.find((each)=>each.slug === relatedCollection).labels.singular, i18n)}
-                  </PopupList.Button>;
-            }
-            return null;
-        })}
-          </PopupList.ButtonGroup>} size="medium"/>
-    </div>;
+export const AddNewButton = ({
+  allowCreate,
+  baseClass,
+  buttonStyle,
+  className,
+  collections,
+  i18n,
+  icon,
+  label,
+  onClick,
+  permissions,
+  relationTo
+}) => {
+  if (!allowCreate) {
+    return null;
+  }
+  const isPolymorphic = Array.isArray(relationTo);
+  if (!isPolymorphic) {
+    return /*#__PURE__*/_jsx(Button, {
+      buttonStyle: buttonStyle,
+      className: className,
+      onClick: () => onClick(),
+      children: label
+    });
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: `${baseClass}__add-new-polymorphic-wrapper`,
+    children: /*#__PURE__*/_jsx(Popup, {
+      button: /*#__PURE__*/_jsx(Button, {
+        buttonStyle: buttonStyle,
+        className: className,
+        icon: icon,
+        children: label
+      }),
+      buttonType: "custom",
+      horizontalAlign: "center",
+      render: ({
+        close: closePopup
+      }) => /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
+        children: relationTo.map(relatedCollection => {
+          if (permissions.collections[relatedCollection]?.create) {
+            return /*#__PURE__*/_jsx(PopupList.Button, {
+              className: `${baseClass}__relation-button--${relatedCollection}`,
+              onClick: () => {
+                closePopup();
+                onClick(relatedCollection);
+              },
+              children: getTranslation(collections.find(each => each.slug === relatedCollection).labels.singular, i18n)
+            }, relatedCollection);
+          }
+          return null;
+        })
+      }),
+      size: "medium"
+    })
+  });
 };
-
 //# 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","key","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,QACGf,OAAOM,aAAaA,aAAaC,WAAWA,WAAWK,SAAS,IAAMA,WAAW;QAChF,CAACD,MAAM;MACT,EAAEX;IAEN;IAEA,QACGkB,IAAIX,WAAW,GAAGF,UAAU,6BAA6B,CAAC,EAAE;MAC3D,CAACJ,MACCkB,SACGnB,OAAOM,aAAaA,aAAaC,WAAWA,WAAWG,MAAMA,MAAM;YAClE,CAACC,MAAM;UACT,EAAEX,SAEJoB,WAAW,SACXC,gBAAgB,SAChBC,QAAQ,CAAC,EAAEC,OAAOC,UAAU,EAAE,IAC3BtB,UAAUuB,YAAY;YACrB,CAACX,WAAWY,GAAG,CAAC,CAACC;YACf,IAAId,YAAYL,WAAW,CAACmB,kBAAkB,EAAEC,QAAQ;gBACtD,QACG1B,UAAUF,OACTO,WAAW,GAAGF,UAAU,mBAAmB,EAAEsB,mBAAmB,EAChEE,KAAKF,mBACLf,SAAS;oBACPY;oBACAZ,QAAQe;gBACV,GACD;oBACC,CAAC5B,eACCS,YAAYsB,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,KAAKL,mBAAmBM,MAAM,CAACC,QAAQ,EAC3EzB,MACA;kBACJ,EAAEP,UAAUF;YAEhB;YAEA,OAAO;QACT,GAAG;UACL,EAAEE,UAAUuB,cAEdU,KAAK,UACL;IACJ,EAAEjB;AAEN,EAAC"}
+{"version":3,"file":"AddNewButton.js","names":["getTranslation","Button","Popup","PopupList","AddNewButton","allowCreate","baseClass","buttonStyle","className","collections","i18n","icon","label","onClick","permissions","relationTo","isPolymorphic","Array","isArray","_jsx","button","buttonType","horizontalAlign","render","close","closePopup","ButtonGroup","map","relatedCollection","create","find","each","slug","labels","singular","size"],"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"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAI/B,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,YAAA,GAAeA,CAAC;EAC3BC,WAAW;EACXC,SAAS;EACTC,WAAW;EACXC,SAAS;EACTC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,WAAW;EACXC;AAAU,CAaX;EACC,IAAI,CAACV,WAAA,EAAa;IAChB,OAAO;EACT;EAEA,MAAMW,aAAA,GAAgBC,KAAA,CAAMC,OAAO,CAACH,UAAA;EAEpC,IAAI,CAACC,aAAA,EAAe;IAClB,oBACEG,IAAA,CAAClB,MAAA;MAAOM,WAAA,EAAaA,WAAA;MAAaC,SAAA,EAAWA,SAAA;MAAWK,OAAA,EAASA,CAAA,KAAMA,OAAA;gBACpED;;EAGP;EAEA,oBACEO,IAAA,CAAC;IAAIX,SAAA,EAAW,GAAGF,SAAA,+BAAwC;cACzD,aAAAa,IAAA,CAACjB,KAAA;MACCkB,MAAA,eACED,IAAA,CAAClB,MAAA;QAAOM,WAAA,EAAaA,WAAA;QAAaC,SAAA,EAAWA,SAAA;QAAWG,IAAA,EAAMA,IAAA;kBAC3DC;;MAGLS,UAAA,EAAW;MACXC,eAAA,EAAgB;MAChBC,MAAA,EAAQA,CAAC;QAAEC,KAAA,EAAOC;MAAU,CAAE,kBAC5BN,IAAA,CAAChB,SAAA,CAAUuB,WAAW;kBACnBX,UAAA,CAAWY,GAAG,CAAEC,iBAAA;UACf,IAAId,WAAA,CAAYL,WAAW,CAACmB,iBAAA,CAAkB,EAAEC,MAAA,EAAQ;YACtD,oBACEV,IAAA,CAAChB,SAAA,CAAUF,MAAM;cACfO,SAAA,EAAW,GAAGF,SAAA,sBAA+BsB,iBAAA,EAAmB;cAEhEf,OAAA,EAASA,CAAA;gBACPY,UAAA;gBACAZ,OAAA,CAAQe,iBAAA;cACV;wBAEC5B,cAAA,CACCS,WAAA,CAAYqB,IAAI,CAAEC,IAAA,IAASA,IAAA,CAAKC,IAAI,KAAKJ,iBAAA,EAAmBK,MAAM,CAACC,QAAQ,EAC3ExB,IAAA;eARGkB,iBAAA;UAYX;UAEA,OAAO;QACT;;MAGJO,IAAA,EAAK;;;AAIb","ignoreList":[]}

package/dist/elements/RelationshipTable/Pagination.js

@@ -1,11 +1,54 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-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 <Pagination hasNextPage={data.hasNextPage} hasPrevPage={data.hasPrevPage} limit={data.limit} nextPage={data.nextPage || 2} numberOfNeighbors={1} onChange={(e)=>{
-        void handlePageChange(e);
-    }} page={data.page || 1} prevPage={data.prevPage || undefined} totalPages={data.totalPages}/>;
+export const RelationshipTablePagination = () => {
+  const $ = _c(11);
+  const {
+    data,
+    handlePageChange
+  } = useListQuery();
+  const t0 = data.nextPage || 2;
+  let t1;
+  if ($[0] !== handlePageChange) {
+    t1 = e => {
+      handlePageChange(e);
+    };
+    $[0] = handlePageChange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = data.page || 1;
+  const t3 = data.prevPage || undefined;
+  let t4;
+  if ($[2] !== data.hasNextPage || $[3] !== data.hasPrevPage || $[4] !== data.limit || $[5] !== data.totalPages || $[6] !== t0 || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+    t4 = _jsx(Pagination, {
+      hasNextPage: data.hasNextPage,
+      hasPrevPage: data.hasPrevPage,
+      limit: data.limit,
+      nextPage: t0,
+      numberOfNeighbors: 1,
+      onChange: t1,
+      page: t2,
+      prevPage: t3,
+      totalPages: data.totalPages
+    });
+    $[2] = data.hasNextPage;
+    $[3] = data.hasPrevPage;
+    $[4] = data.limit;
+    $[5] = data.totalPages;
+    $[6] = t0;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
 };
-
 //# 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":["useListQuery","Pagination","RelationshipTablePagination","data","handlePageChange","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","e","page","prevPage","undefined","totalPages"],"mappings":"AAAA;AAIA,SAASA,YAAY,QAAQ,qCAAoC;AACjE,SAASC,UAAU,QAAQ,yBAAwB;AAEnD,OAAO,MAAMC,8BAAwC;IACnD,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAE,GAAGJ;IAEnC,QACGC,WACCI,aAAaF,KAAKE,WAAW,EAC7BC,aAAaH,KAAKG,WAAW,EAC7BC,OAAOJ,KAAKI,KAAK,EACjBC,UAAUL,KAAKK,QAAQ,IAAI,GAC3BC,mBAAmB,GACnBC,UAAU,CAACC;QACT,KAAKP,iBAAiBO;IACxB,GACAC,MAAMT,KAAKS,IAAI,IAAI,GACnBC,UAAUV,KAAKU,QAAQ,IAAIC,WAC3BC,YAAYZ,KAAKY,UAAU;AAGjC,EAAC"}
+{"version":3,"file":"Pagination.js","names":["c","_c","React","useListQuery","Pagination","RelationshipTablePagination","$","data","handlePageChange","t0","nextPage","t1","e","t2","page","t3","prevPage","undefined","t4","hasNextPage","hasPrevPage","limit","totalPages","_jsx","numberOfNeighbors","onChange"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,2BAAA,GAAwCA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACnD;IAAAM,IAAA;IAAAC;EAAA,IAAmCL,YAAA;EAOrB,MAAAM,EAAA,GAAAF,IAAA,CAAAG,QAAA,KAAiB;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,gBAAA;IAEjBG,EAAA,GAAAC,CAAA;MACHJ,gBAAA,CAAiBI,CAAA;IAAA;IACxBN,CAAA,MAAAE,gBAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EACM,MAAAO,EAAA,GAAAN,IAAA,CAAAO,IAAA,KAAa;EACT,MAAAC,EAAA,GAAAR,IAAA,CAAAS,QAAA,IAAAC,SAAiB;EAAA,IAAAC,EAAA;EAAA,IAAAZ,CAAA,QAAAC,IAAA,CAAAY,WAAA,IAAAb,CAAA,QAAAC,IAAA,CAAAa,WAAA,IAAAd,CAAA,QAAAC,IAAA,CAAAc,KAAA,IAAAf,CAAA,QAAAC,IAAA,CAAAe,UAAA,IAAAhB,CAAA,QAAAG,EAAA,IAAAH,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAS,EAAA;IAV7BG,EAAA,GAAAK,IAAA,CAAAnB,UAAA;MAAAe,WAAA,EACeZ,IAAA,CAAAY,WAAA;MAAAC,WAAA,EACAb,IAAA,CAAAa,WAAA;MAAAC,KAAA,EACNd,IAAA,CAAAc,KAAA;MAAAX,QAAA,EACGD,EAAiB;MAAAe,iBAAA;MAAAC,QAAA,EAEjBd,EAEV;MAAAG,IAAA,EACMD,EAAa;MAAAG,QAAA,EACTD,EAAiB;MAAAO,UAAA,EACff,IAAA,CAAAe;IAAA,C;;;;;;;;;;;;;SAXdJ,E;CAcJ","ignoreList":[]}