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

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { XIcon } from '../../../icons/X/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -10,49 +9,22 @@ export const MultiValueRemove = (props)=>{
     const { innerProps: { className, onClick, onTouchEnd } } = props;
     const [showTooltip, setShowTooltip] = React.useState(false);
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsxDEV("button", {
-        "aria-label": t('general:remove'),
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        onClick: (e)=>{
-            setShowTooltip(false);
-            onClick(e);
-        },
-        onKeyDown: (e)=>{
-            if (e.key === 'Enter') {
-                e.stopPropagation();
-            }
-        },
-        onMouseDown: (e)=>e.stopPropagation(),
-        onMouseEnter: ()=>setShowTooltip(true),
-        onMouseLeave: ()=>setShowTooltip(false),
-        onTouchEnd: onTouchEnd,
-        type: "button",
-        children: [
-            /*#__PURE__*/ _jsxDEV(Tooltip, {
-                className: `${baseClass}__tooltip`,
-                show: showTooltip,
-                children: t('general:remove')
-            }, void 0, false, {
-                fileName: "src/elements/ReactSelect/MultiValueRemove/index.tsx",
-                lineNumber: 46,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(XIcon, {
-                className: `${baseClass}__icon`
-            }, void 0, false, {
-                fileName: "src/elements/ReactSelect/MultiValueRemove/index.tsx",
-                lineNumber: 49,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/ReactSelect/MultiValueRemove/index.tsx",
-        lineNumber: 28,
-        columnNumber: 5
-    }, this);
+    return <button aria-label={t('general:remove')} className={[
+        baseClass,
+        className
+    ].filter(Boolean).join(' ')} onClick={(e)=>{
+        setShowTooltip(false);
+        onClick(e);
+    }} onKeyDown={(e)=>{
+        if (e.key === 'Enter') {
+            e.stopPropagation();
+        }
+    }} onMouseDown={(e)=>e.stopPropagation()} onMouseEnter={()=>setShowTooltip(true)} onMouseLeave={()=>setShowTooltip(false)} onTouchEnd={onTouchEnd} type="button">
+      <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>
+        {t('general:remove')}
+      </Tooltip>
+      <XIcon className={`${baseClass}__icon`}/>
+    </button>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValueRemove/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueRemoveProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Tooltip } from '../../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value-remove'\n\nexport const MultiValueRemove: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & MultiValueRemoveProps<OptionType>\n> = (props) => {\n  const {\n    innerProps: { className, onClick, onTouchEnd },\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:remove')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onClick={(e) => {\n        setShowTooltip(false)\n        onClick(e)\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.stopPropagation()\n        }\n      }}\n      onMouseDown={(e) => e.stopPropagation()}\n      onMouseEnter={() => setShowTooltip(true)}\n      onMouseLeave={() => setShowTooltip(false)}\n      onTouchEnd={onTouchEnd}\n      type=\"button\"\n    >\n      <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n        {t('general:remove')}\n      </Tooltip>\n      <XIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["React","XIcon","useTranslation","Tooltip","baseClass","MultiValueRemove","props","innerProps","className","onClick","onTouchEnd","showTooltip","setShowTooltip","useState","t","button","aria-label","filter","Boolean","join","e","onKeyDown","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","type","show"],"mappings":"AAAA;;AAGA,OAAOA,WAAyB,QAAO;AAIvC,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,OAAO,QAAQ,yBAAwB;AAChD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAIT,CAACC;IACH,MAAM,EACJC,YAAY,EAAEC,SAAS,EAAEC,OAAO,EAAEC,UAAU,EAAE,EAC/C,GAAGJ;IAEJ,MAAM,CAACK,aAAaC,eAAe,GAAGZ,MAAMa,QAAQ,CAAC;IACrD,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IAEd,qBACE,QAACa;QACCC,cAAYF,EAAE;QACdN,WAAW;YAACJ;YAAWI;SAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDV,SAAS,CAACW;YACRR,eAAe;YACfH,QAAQW;QACV;QACAC,WAAW,CAACD;YACV,IAAIA,EAAEE,GAAG,KAAK,SAAS;gBACrBF,EAAEG,eAAe;YACnB;QACF;QACAC,aAAa,CAACJ,IAAMA,EAAEG,eAAe;QACrCE,cAAc,IAAMb,eAAe;QACnCc,cAAc,IAAMd,eAAe;QACnCF,YAAYA;QACZiB,MAAK;;0BAEL,QAACxB;gBAAQK,WAAW,GAAGJ,UAAU,SAAS,CAAC;gBAAEwB,MAAMjB;0BAChDG,EAAE;;;;;;0BAEL,QAACb;gBAAMO,WAAW,GAAGJ,UAAU,MAAM,CAAC;;;;;;;;;;;;AAG5C,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValueRemove/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueRemoveProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Tooltip } from '../../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value-remove'\n\nexport const MultiValueRemove: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & MultiValueRemoveProps<OptionType>\n> = (props) => {\n  const {\n    innerProps: { className, onClick, onTouchEnd },\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:remove')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onClick={(e) => {\n        setShowTooltip(false)\n        onClick(e)\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.stopPropagation()\n        }\n      }}\n      onMouseDown={(e) => e.stopPropagation()}\n      onMouseEnter={() => setShowTooltip(true)}\n      onMouseLeave={() => setShowTooltip(false)}\n      onTouchEnd={onTouchEnd}\n      type=\"button\"\n    >\n      <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n        {t('general:remove')}\n      </Tooltip>\n      <XIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["React","XIcon","useTranslation","Tooltip","baseClass","MultiValueRemove","props","innerProps","className","onClick","onTouchEnd","showTooltip","setShowTooltip","useState","t","button","aria-label","filter","Boolean","join","e","onKeyDown","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","type","show"],"mappings":"AAAA;AAGA,OAAOA,WAAyB,QAAO;AAIvC,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,OAAO,QAAQ,yBAAwB;AAChD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAIT,CAACC;IACH,MAAM,EACJC,YAAY,EAAEC,SAAS,EAAEC,OAAO,EAAEC,UAAU,EAAE,EAC/C,GAAGJ;IAEJ,MAAM,CAACK,aAAaC,eAAe,GAAGZ,MAAMa,QAAQ,CAAC;IACrD,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IAEd,QACGa,OACCC,YAAYF,EAAE,mBACdN,WAAW;QAACJ;QAAWI;KAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC,MACvDV,SAAS,CAACW;QACRR,eAAe;QACfH,QAAQW;IACV,GACAC,WAAW,CAACD;QACV,IAAIA,EAAEE,GAAG,KAAK,SAAS;YACrBF,EAAEG,eAAe;QACnB;IACF,GACAC,aAAa,CAACJ,IAAMA,EAAEG,eAAe,IACrCE,cAAc,IAAMb,eAAe,OACnCc,cAAc,IAAMd,eAAe,QACnCF,YAAYA,YACZiB,KAAK,SACN;MACC,CAACxB,QAAQK,WAAW,GAAGJ,UAAU,SAAS,CAAC,EAAEwB,MAAMjB,aAAa;QAC9D,CAACG,EAAE,kBAAkB;MACvB,EAAEX,QAAQ;MACV,CAACF,MAAMO,WAAW,GAAGJ,UAAU,MAAM,CAAC,GAAI;IAC5C,EAAEW;AAEN,EAAC"}

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

@@ -1,28 +1,17 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 const baseClass = 'react-select--single-value';
 export const SingleValue = (props)=>{
     const { children, className } = props;
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: /*#__PURE__*/ _jsxDEV(SelectComponents.SingleValue, {
-            ...props,
-            className: [
-                baseClass,
-                className
-            ].filter(Boolean).join(' '),
-            children: children
-        }, void 0, false, {
-            fileName: "src/elements/ReactSelect/SingleValue/index.tsx",
-            lineNumber: 16,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/ReactSelect/SingleValue/index.tsx",
-        lineNumber: 15,
-        columnNumber: 5
-    }, this);
+    return <React.Fragment>
+      <SelectComponents.SingleValue {...props} className={[
+        baseClass,
+        className
+    ].filter(Boolean).join(' ')}>
+        {children}
+      </SelectComponents.SingleValue>
+    </React.Fragment>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nconst baseClass = 'react-select--single-value'\n\nexport const SingleValue: React.FC<SingleValueProps<Option>> = (props) => {\n  const { children, className } = props\n\n  return (\n    <React.Fragment>\n      <SelectComponents.SingleValue\n        {...props}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n      >\n        {children}\n      </SelectComponents.SingleValue>\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","baseClass","SingleValue","props","children","className","Fragment","filter","Boolean","join"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAkD,CAACC;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGF;IAEhC,qBACE,QAACL,MAAMQ,QAAQ;kBACb,cAAA,QAACN,iBAAiBE,WAAW;YAC1B,GAAGC,KAAK;YACTE,WAAW;gBAACJ;gBAAWI;aAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;sBAEtDL;;;;;;;;;;;AAIT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nconst baseClass = 'react-select--single-value'\n\nexport const SingleValue: React.FC<SingleValueProps<Option>> = (props) => {\n  const { children, className } = props\n\n  return (\n    <React.Fragment>\n      <SelectComponents.SingleValue\n        {...props}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n      >\n        {children}\n      </SelectComponents.SingleValue>\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","baseClass","SingleValue","props","children","className","Fragment","filter","Boolean","join"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAkD,CAACC;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGF;IAEhC,QACGL,MAAMQ,SAAS;MACd,CAACN,iBAAiBE,aACf,GAAGC,KAAK,EACTE,WAAW;QAACJ;QAAWI;KAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC,MACxD;QACC,CAACL,SAAS;MACZ,EAAEJ,iBAAiBE,YAAY;IACjC,EAAEJ,MAAMQ;AAEZ,EAAC"}

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

@@ -1,7 +1,5 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
 import { components as SelectComponents } from 'react-select';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.scss';
@@ -16,32 +14,10 @@ export const ValueContainer = (props)=>{
         const labelText = value.label ? getTranslation(value.label, i18n) : '';
         titleText = typeof labelText === 'string' ? labelText : '';
     }
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        ref: customProps?.droppableRef,
-        title: titleText,
-        children: [
-            customProps?.valueContainerLabel && /*#__PURE__*/ _jsxDEV("span", {
-                className: `${baseClass}__label`,
-                children: customProps?.valueContainerLabel
-            }, void 0, false, {
-                fileName: "src/elements/ReactSelect/ValueContainer/index.tsx",
-                lineNumber: 31,
-                columnNumber: 9
-            }, this),
-            /*#__PURE__*/ _jsxDEV(SelectComponents.ValueContainer, {
-                ...props
-            }, void 0, false, {
-                fileName: "src/elements/ReactSelect/ValueContainer/index.tsx",
-                lineNumber: 33,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/ReactSelect/ValueContainer/index.tsx",
-        lineNumber: 29,
-        columnNumber: 5
-    }, this);
+    return <div className={baseClass} ref={customProps?.droppableRef} title={titleText}>
+      {customProps?.valueContainerLabel && <span className={`${baseClass}__label`}>{customProps?.valueContainerLabel}</span>}
+      <SelectComponents.ValueContainer {...props}/>
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/ValueContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { ValueContainerProps } from 'react-select'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'value-container'\n\nexport const ValueContainer: React.FC<ValueContainerProps<Option, any>> = (props) => {\n  // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n  const { selectProps: { customProps, value } = {} } = props\n  const { i18n } = useTranslation()\n\n  // Get the title for single-value selects\n  let titleText = ''\n  if (value && !Array.isArray(value) && typeof value === 'object' && 'label' in value) {\n    const labelText = value.label ? getTranslation(value.label as OptionLabel, i18n) : ''\n    titleText = typeof labelText === 'string' ? labelText : ''\n  }\n\n  return (\n    <div className={baseClass} ref={customProps?.droppableRef} title={titleText}>\n      {customProps?.valueContainerLabel && (\n        <span className={`${baseClass}__label`}>{customProps?.valueContainerLabel}</span>\n      )}\n      <SelectComponents.ValueContainer {...props} />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","components","SelectComponents","useTranslation","baseClass","ValueContainer","props","selectProps","customProps","value","i18n","titleText","Array","isArray","labelText","label","div","className","ref","droppableRef","title","valueContainerLabel","span"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAA6D,CAACC;IACzE,8FAA8F;IAC9F,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGH;IACrD,MAAM,EAAEI,IAAI,EAAE,GAAGP;IAEjB,yCAAyC;IACzC,IAAIQ,YAAY;IAChB,IAAIF,SAAS,CAACG,MAAMC,OAAO,CAACJ,UAAU,OAAOA,UAAU,YAAY,WAAWA,OAAO;QACnF,MAAMK,YAAYL,MAAMM,KAAK,GAAGhB,eAAeU,MAAMM,KAAK,EAAiBL,QAAQ;QACnFC,YAAY,OAAOG,cAAc,WAAWA,YAAY;IAC1D;IAEA,qBACE,QAACE;QAAIC,WAAWb;QAAWc,KAAKV,aAAaW;QAAcC,OAAOT;;YAC/DH,aAAaa,qCACZ,QAACC;gBAAKL,WAAW,GAAGb,UAAU,OAAO,CAAC;0BAAGI,aAAaa;;;;;;0BAExD,QAACnB,iBAAiBG,cAAc;gBAAE,GAAGC,KAAK;;;;;;;;;;;;AAGhD,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/ValueContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { ValueContainerProps } from 'react-select'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'value-container'\n\nexport const ValueContainer: React.FC<ValueContainerProps<Option, any>> = (props) => {\n  // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n  const { selectProps: { customProps, value } = {} } = props\n  const { i18n } = useTranslation()\n\n  // Get the title for single-value selects\n  let titleText = ''\n  if (value && !Array.isArray(value) && typeof value === 'object' && 'label' in value) {\n    const labelText = value.label ? getTranslation(value.label as OptionLabel, i18n) : ''\n    titleText = typeof labelText === 'string' ? labelText : ''\n  }\n\n  return (\n    <div className={baseClass} ref={customProps?.droppableRef} title={titleText}>\n      {customProps?.valueContainerLabel && (\n        <span className={`${baseClass}__label`}>{customProps?.valueContainerLabel}</span>\n      )}\n      <SelectComponents.ValueContainer {...props} />\n    </div>\n  )\n}\n"],"names":["getTranslation","components","SelectComponents","useTranslation","baseClass","ValueContainer","props","selectProps","customProps","value","i18n","titleText","Array","isArray","labelText","label","div","className","ref","droppableRef","title","valueContainerLabel","span"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAA6D,CAACC;IACzE,8FAA8F;IAC9F,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGH;IACrD,MAAM,EAAEI,IAAI,EAAE,GAAGP;IAEjB,yCAAyC;IACzC,IAAIQ,YAAY;IAChB,IAAIF,SAAS,CAACG,MAAMC,OAAO,CAACJ,UAAU,OAAOA,UAAU,YAAY,WAAWA,OAAO;QACnF,MAAMK,YAAYL,MAAMM,KAAK,GAAGf,eAAeS,MAAMM,KAAK,EAAiBL,QAAQ;QACnFC,YAAY,OAAOG,cAAc,WAAWA,YAAY;IAC1D;IAEA,QACGE,IAAIC,WAAWb,WAAWc,KAAKV,aAAaW,cAAcC,OAAOT,WAAW;MAC3E,CAACH,aAAaa,wBACXC,KAAKL,WAAW,GAAGb,UAAU,OAAO,CAAC,GAAGI,aAAaa,sBAAsBC,MAC5E;MACF,CAACpB,iBAAiBG,gBAAgB,GAAGC,KAAK,GAAI;IAChD,EAAEU;AAEN,EAAC"}

package/dist/elements/ReactSelect/index.js

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

package/dist/elements/RelationshipTable/AddNewButton.js

@@ -1,5 +1,4 @@
 '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';
@@ -9,66 +8,27 @@ export const AddNewButton = ({ allowCreate, baseClass, buttonStyle, className, c
     }
     const isPolymorphic = Array.isArray(relationTo);
     if (!isPolymorphic) {
-        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 <Button buttonStyle={buttonStyle} className={className} onClick={()=>onClick()}>
+        {label}
+      </Button>;
     }
-    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);
+    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>;
 };
 
 //# sourceMappingURL=AddNewButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RelationshipTable/AddNewButton.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, SanitizedPermissions } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Props as ButtonProps } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nexport const AddNewButton = ({\n  allowCreate,\n  baseClass,\n  buttonStyle,\n  className,\n  collections,\n  i18n,\n  icon,\n  label,\n  onClick,\n  permissions,\n  relationTo,\n}: {\n  allowCreate: boolean\n  baseClass: string\n  buttonStyle?: ButtonProps['buttonStyle']\n  className?: string\n  collections: ClientCollectionConfig[]\n  i18n: I18nClient\n  icon?: ButtonProps['icon']\n  label: string\n  onClick: (selectedCollection?: string) => void\n  permissions: SanitizedPermissions\n  relationTo: string | string[]\n}) => {\n  if (!allowCreate) {\n    return null\n  }\n\n  const isPolymorphic = Array.isArray(relationTo)\n\n  if (!isPolymorphic) {\n    return (\n      <Button buttonStyle={buttonStyle} className={className} onClick={() => onClick()}>\n        {label}\n      </Button>\n    )\n  }\n\n  return (\n    <div className={`${baseClass}__add-new-polymorphic-wrapper`}>\n      <Popup\n        button={\n          <Button buttonStyle={buttonStyle} className={className} icon={icon}>\n            {label}\n          </Button>\n        }\n        buttonType=\"custom\"\n        horizontalAlign=\"center\"\n        render={({ close: closePopup }) => (\n          <PopupList.ButtonGroup>\n            {relationTo.map((relatedCollection) => {\n              if (permissions.collections[relatedCollection]?.create) {\n                return (\n                  <PopupList.Button\n                    className={`${baseClass}__relation-button--${relatedCollection}`}\n                    key={relatedCollection}\n                    onClick={() => {\n                      closePopup()\n                      onClick(relatedCollection)\n                    }}\n                  >\n                    {getTranslation(\n                      collections.find((each) => each.slug === relatedCollection).labels.singular,\n                      i18n,\n                    )}\n                  </PopupList.Button>\n                )\n              }\n\n              return null\n            })}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"medium\"\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Popup","PopupList","AddNewButton","allowCreate","baseClass","buttonStyle","className","collections","i18n","icon","label","onClick","permissions","relationTo","isPolymorphic","Array","isArray","div","button","buttonType","horizontalAlign","render","close","closePopup","ButtonGroup","map","relatedCollection","create","find","each","slug","labels","singular","size"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AAEpD,OAAO,MAAMC,eAAe,CAAC,EAC3BC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,IAAI,EACJC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,WAAW,EACXC,UAAU,EAaX;IACC,IAAI,CAACV,aAAa;QAChB,OAAO;IACT;IAEA,MAAMW,gBAAgBC,MAAMC,OAAO,CAACH;IAEpC,IAAI,CAACC,eAAe;QAClB,qBACE,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"}
+{"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"}

package/dist/elements/RelationshipTable/Pagination.js

@@ -1,27 +1,11 @@
 '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 /*#__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);
+    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}/>;
 };
 
 //# sourceMappingURL=Pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RelationshipTable/Pagination.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { Pagination } from '../Pagination/index.js'\n\nexport const RelationshipTablePagination: React.FC = () => {\n  const { data, handlePageChange } = useListQuery()\n\n  return (\n    <Pagination\n      hasNextPage={data.hasNextPage}\n      hasPrevPage={data.hasPrevPage}\n      limit={data.limit}\n      nextPage={data.nextPage || 2}\n      numberOfNeighbors={1}\n      onChange={(e) => {\n        void handlePageChange(e)\n      }}\n      page={data.page || 1}\n      prevPage={data.prevPage || undefined}\n      totalPages={data.totalPages}\n    />\n  )\n}\n"],"names":["React","useListQuery","Pagination","RelationshipTablePagination","data","handlePageChange","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","e","page","prevPage","undefined","totalPages"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,UAAU,QAAQ,yBAAwB;AAEnD,OAAO,MAAMC,8BAAwC;IACnD,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAE,GAAGJ;IAEnC,qBACE,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"}
+{"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"}