@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/ReactSelect/index.js

@@ -1,4 +1,5 @@
 'use client';
+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';
@@ -47,21 +48,56 @@ const SelectAdapter = (props)=>{
             })
     };
     if (!hasMounted) {
-        return <ShimmerEffect height="calc(var(--base) * 2 + 2px)"/>;
+        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 <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}/>;
+        return /*#__PURE__*/ _jsxDEV(Select, {
+            captureMenuScroll: true,
+            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
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/index.tsx",
+            lineNumber: 83,
+            columnNumber: 7
+        }, this);
     }
     const handleKeyDown = (event)=>{
         if (numberOnly === true) {
@@ -102,18 +138,48 @@ const SelectAdapter = (props)=>{
                 break;
         }
     };
-    return <CreatableSelect captureMenuScroll 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}/>;
+    return /*#__PURE__*/ _jsxDEV(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
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/index.tsx",
+        lineNumber: 160,
+        columnNumber: 5
+    }, this);
 };
 const SortableSelect = (props)=>{
     const { getOptionValue, onChange, value } = props;
@@ -125,22 +191,47 @@ const SortableSelect = (props)=>{
             return generateMultiValueDraggableID(optionValue, getOptionValue);
         });
     }
-    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>;
+    return /*#__PURE__*/ _jsxDEV(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__*/ _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 <SortableSelect {...props}/>;
+        return /*#__PURE__*/ _jsxDEV(SortableSelect, {
+            ...props
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/index.tsx",
+            lineNumber: 232,
+            columnNumber: 12
+        }, this);
     }
-    return <SelectAdapter {...props}/>;
+    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/RelationshipTable/AddNewButton.js

@@ -1,4 +1,5 @@
 'use client';
+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';
@@ -8,27 +9,66 @@ export const AddNewButton = ({ allowCreate, baseClass, buttonStyle, className, c
     }
     const isPolymorphic = Array.isArray(relationTo);
     if (!isPolymorphic) {
-        return <Button buttonStyle={buttonStyle} className={className} onClick={()=>onClick()}>
-        {label}
-      </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 <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>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: `${baseClass}__add-new-polymorphic-wrapper`,
+        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__*/ _jsxDEV(PopupList.ButtonGroup, {
+                    children: relationTo.map((relatedCollection)=>{
+                        if (permissions.collections[relatedCollection]?.create) {
+                            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, 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","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,"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,27 @@
 'use client';
+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 <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}/>;
+    return /*#__PURE__*/ _jsxDEV(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
+    }, 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":["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,"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,18 +1,47 @@
 'use client';
+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';
 import { DefaultCell } from '../../../Table/DefaultCell/index.js';
 import './index.scss';
 export const DrawerLink = ({ onDrawerOpen })=>{
     const cellProps = useCellProps();
-    return <div className="drawer-link">
-      <DefaultCell {...cellProps} className="drawer-link__cell" link={false} onClick={null}/>
-      <button className="drawer-link__doc-drawer-toggler" onClick={()=>{
-        onDrawerOpen(cellProps.rowData.id);
-    }} type="button">
-        <EditIcon/>
-      </button>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: "drawer-link",
+        children: [
+            /*#__PURE__*/ _jsxDEV(DefaultCell, {
+                ...cellProps,
+                className: "drawer-link__cell",
+                link: false,
+                onClick: null
+            }, 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__*/ _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":["EditIcon","useCellProps","DefaultCell","DrawerLink","onDrawerOpen","cellProps","div","className","link","onClick","button","rowData","id","type"],"mappings":"AAAA;AAMA,SAASA,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,QACGK,IAAIC,UAAU,cAAc;MAC3B,CAACL,aAAa,GAAGG,SAAS,EAAEE,UAAU,oBAAoBC,MAAM,OAAOC,SAAS,OAAQ;MACxF,CAACC,OACCH,UAAU,kCACVE,SAAS;QACPL,aAAaC,UAAUM,OAAO,CAACC,EAAE;IACnC,GACAC,KAAK,SACN;QACC,CAACb,UAAW;MACd,EAAEU,OAAO;IACX,EAAEJ;AAEN,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"}