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

package/dist/elements/QueryPresets/fields/WhereField/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { toWords } from 'payload/shared';
 import React from 'react';
@@ -36,91 +35,24 @@ import './index.scss';
             return val?.toString() ?? '';
         };
         const value = Array.isArray(operatorValue) ? operatorValue.map(formatValue).join(', ') : formatValue(operatorValue);
-        return /*#__PURE__*/ _jsxDEV(Pill, {
-            pillStyle: "always-white",
-            size: "small",
-            children: [
-                /*#__PURE__*/ _jsxDEV("b", {
-                    children: toWords(key)
-                }, void 0, false, {
-                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                    lineNumber: 57,
-                    columnNumber: 9
-                }, this),
-                " ",
-                operator,
-                " ",
-                /*#__PURE__*/ _jsxDEV("b", {
-                    children: toWords(value)
-                }, void 0, false, {
-                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                    lineNumber: 57,
-                    columnNumber: 42
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-            lineNumber: 56,
-            columnNumber: 7
-        }, this);
+        return <Pill pillStyle="always-white" size="small">
+        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>
+      </Pill>;
     };
     const renderWhere = (where, collectionLabel)=>{
         if (where.or && where.or.length > 0) {
-            return /*#__PURE__*/ _jsxDEV("div", {
-                className: "or-condition",
-                children: where.or.map((orCondition, orIndex)=>/*#__PURE__*/ _jsxDEV(React.Fragment, {
-                        children: orCondition.and && orCondition.and.length > 0 ? /*#__PURE__*/ _jsxDEV("div", {
-                            className: "and-condition",
-                            children: [
-                                orIndex === 0 && /*#__PURE__*/ _jsxDEV("span", {
-                                    className: "label",
-                                    children: `Filter ${collectionLabel} where `
-                                }, void 0, false, {
-                                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                                    lineNumber: 71,
-                                    columnNumber: 21
-                                }, this),
-                                orIndex > 0 && /*#__PURE__*/ _jsxDEV("span", {
-                                    className: "label",
-                                    children: " or "
-                                }, void 0, false, {
-                                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                                    lineNumber: 73,
-                                    columnNumber: 35
-                                }, this),
-                                orCondition.and.map((andCondition, andIndex)=>/*#__PURE__*/ _jsxDEV(React.Fragment, {
-                                        children: [
-                                            renderCondition(andCondition),
-                                            andIndex < orCondition.and.length - 1 && /*#__PURE__*/ _jsxDEV("span", {
-                                                className: "label",
-                                                children: " and "
-                                            }, void 0, false, {
-                                                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                                                lineNumber: 78,
-                                                columnNumber: 25
-                                            }, this)
-                                        ]
-                                    }, andIndex, true, {
-                                        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                                        lineNumber: 75,
-                                        columnNumber: 21
-                                    }, this))
-                            ]
-                        }, void 0, true, {
-                            fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                            lineNumber: 69,
-                            columnNumber: 17
-                        }, this) : renderCondition(orCondition)
-                    }, orIndex, false, {
-                        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                        lineNumber: 67,
-                        columnNumber: 13
-                    }, this))
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                lineNumber: 65,
-                columnNumber: 9
-            }, this);
+            return <div className="or-condition">
+          {where.or.map((orCondition, orIndex)=><React.Fragment key={orIndex}>
+              {orCondition.and && orCondition.and.length > 0 ? <div className="and-condition">
+                  {orIndex === 0 && <span className="label">{`Filter ${collectionLabel} where `}</span>}
+                  {orIndex > 0 && <span className="label"> or </span>}
+                  {orCondition.and.map((andCondition, andIndex)=><React.Fragment key={andIndex}>
+                      {renderCondition(andCondition)}
+                      {andIndex < orCondition.and.length - 1 && <span className="label"> and </span>}
+                    </React.Fragment>)}
+                </div> : renderCondition(orCondition)}
+            </React.Fragment>)}
+        </div>;
         }
         return renderCondition(where);
     };
@@ -134,33 +66,12 @@ export const QueryPresetsWhereField = ({ field: { label, required } })=>{
         collectionSlug
     });
     const { i18n } = useTranslation();
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: "field-type query-preset-where-field",
-        children: [
-            /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                as: "h3",
-                label: label,
-                path: path,
-                required: required
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                lineNumber: 111,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: "value-wrapper",
-                children: value ? transformWhereToNaturalLanguage(value, getTranslation(collectionConfig?.labels?.plural, i18n)) : 'No where query'
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                lineNumber: 112,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-        lineNumber: 110,
-        columnNumber: 5
-    }, this);
+    return <div className="field-type query-preset-where-field">
+      <FieldLabel as="h3" label={label} path={path} required={required}/>
+      <div className="value-wrapper">
+        {value ? transformWhereToNaturalLanguage(value, getTranslation(collectionConfig?.labels?.plural, i18n)) : 'No where query'}
+      </div>
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/fields/WhereField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useListQuery } from '../../../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (\n  where: Where,\n  collectionLabel: string,\n): React.ReactNode => {\n  if (!where) {\n    return null\n  }\n\n  const renderCondition = (condition: any): React.ReactNode => {\n    if (!condition || typeof condition !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(condition)[0]\n\n    if (!key || !condition[key] || typeof condition[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(condition[key])[0]\n    const operatorValue = condition[key][operator]\n\n    // Format value - ideally would use field schema for proper typing\n    const formatValue = (val: any): string => {\n      if (typeof val === 'object' && val != null) {\n        try {\n          return new Date(val).toLocaleDateString()\n        } catch {\n          return 'Unknown error has occurred'\n        }\n      }\n      return val?.toString() ?? ''\n    }\n\n    const value = Array.isArray(operatorValue)\n      ? operatorValue.map(formatValue).join(', ')\n      : formatValue(operatorValue)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>\n      </Pill>\n    )\n  }\n\n  const renderWhere = (where: Where, collectionLabel: string): React.ReactNode => {\n    if (where.or && where.or.length > 0) {\n      return (\n        <div className=\"or-condition\">\n          {where.or.map((orCondition, orIndex) => (\n            <React.Fragment key={orIndex}>\n              {orCondition.and && orCondition.and.length > 0 ? (\n                <div className=\"and-condition\">\n                  {orIndex === 0 && (\n                    <span className=\"label\">{`Filter ${collectionLabel} where `}</span>\n                  )}\n                  {orIndex > 0 && <span className=\"label\"> or </span>}\n                  {orCondition.and.map((andCondition, andIndex) => (\n                    <React.Fragment key={andIndex}>\n                      {renderCondition(andCondition)}\n                      {andIndex < orCondition.and.length - 1 && (\n                        <span className=\"label\"> and </span>\n                      )}\n                    </React.Fragment>\n                  ))}\n                </div>\n              ) : (\n                renderCondition(orCondition)\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      )\n    }\n\n    return renderCondition(where)\n  }\n\n  return renderWhere(where, collectionLabel)\n}\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { collectionSlug } = useListQuery()\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformWhereToNaturalLanguage(\n              value as Where,\n              getTranslation(collectionConfig?.labels?.plural, i18n),\n            )\n          : 'No where query'}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","toWords","React","FieldLabel","useField","useConfig","useListQuery","useTranslation","Pill","transformWhereToNaturalLanguage","where","collectionLabel","renderCondition","condition","key","Object","keys","operator","operatorValue","formatValue","val","Date","toLocaleDateString","toString","value","Array","isArray","map","join","pillStyle","size","b","renderWhere","or","length","div","className","orCondition","orIndex","Fragment","and","span","andCondition","andIndex","QueryPresetsWhereField","field","label","required","path","collectionSlug","getEntityConfig","collectionConfig","i18n","as","labels","plural"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useListQuery } from '../../../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (\n  where: Where,\n  collectionLabel: string,\n): React.ReactNode => {\n  if (!where) {\n    return null\n  }\n\n  const renderCondition = (condition: any): React.ReactNode => {\n    if (!condition || typeof condition !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(condition)[0]\n\n    if (!key || !condition[key] || typeof condition[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(condition[key])[0]\n    const operatorValue = condition[key][operator]\n\n    // Format value - ideally would use field schema for proper typing\n    const formatValue = (val: any): string => {\n      if (typeof val === 'object' && val != null) {\n        try {\n          return new Date(val).toLocaleDateString()\n        } catch {\n          return 'Unknown error has occurred'\n        }\n      }\n      return val?.toString() ?? ''\n    }\n\n    const value = Array.isArray(operatorValue)\n      ? operatorValue.map(formatValue).join(', ')\n      : formatValue(operatorValue)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>\n      </Pill>\n    )\n  }\n\n  const renderWhere = (where: Where, collectionLabel: string): React.ReactNode => {\n    if (where.or && where.or.length > 0) {\n      return (\n        <div className=\"or-condition\">\n          {where.or.map((orCondition, orIndex) => (\n            <React.Fragment key={orIndex}>\n              {orCondition.and && orCondition.and.length > 0 ? (\n                <div className=\"and-condition\">\n                  {orIndex === 0 && (\n                    <span className=\"label\">{`Filter ${collectionLabel} where `}</span>\n                  )}\n                  {orIndex > 0 && <span className=\"label\"> or </span>}\n                  {orCondition.and.map((andCondition, andIndex) => (\n                    <React.Fragment key={andIndex}>\n                      {renderCondition(andCondition)}\n                      {andIndex < orCondition.and.length - 1 && (\n                        <span className=\"label\"> and </span>\n                      )}\n                    </React.Fragment>\n                  ))}\n                </div>\n              ) : (\n                renderCondition(orCondition)\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      )\n    }\n\n    return renderCondition(where)\n  }\n\n  return renderWhere(where, collectionLabel)\n}\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { collectionSlug } = useListQuery()\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformWhereToNaturalLanguage(\n              value as Where,\n              getTranslation(collectionConfig?.labels?.plural, i18n),\n            )\n          : 'No where query'}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","toWords","React","FieldLabel","useField","useConfig","useListQuery","useTranslation","Pill","transformWhereToNaturalLanguage","where","collectionLabel","renderCondition","condition","key","Object","keys","operator","operatorValue","formatValue","val","Date","toLocaleDateString","toString","value","Array","isArray","map","join","pillStyle","size","b","renderWhere","or","length","div","className","orCondition","orIndex","Fragment","and","span","andCondition","andIndex","QueryPresetsWhereField","field","label","required","path","collectionSlug","getEntityConfig","collectionConfig","i18n","as","labels","plural"],"mappings":"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"}

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

@@ -1,36 +1,18 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import { XIcon } from '../../../icons/X/index.js';
 import './index.scss';
 const baseClass = 'clear-indicator';
 export const ClearIndicator = (props)=>{
     const { clearValue, innerProps: { ref, ...restInnerProps } } = props;
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        // TODO Fix this - Broke with React 19 types
-        ref: typeof ref === 'string' ? null : ref,
-        ...restInnerProps,
-        onKeyDown: (e)=>{
-            if (e.key === 'Enter') {
-                clearValue();
-                e.stopPropagation();
-            }
-        },
-        role: "button",
-        tabIndex: 0,
-        children: /*#__PURE__*/ _jsxDEV(XIcon, {
-            className: `${baseClass}__icon`
-        }, void 0, false, {
-            fileName: "src/elements/ReactSelect/ClearIndicator/index.tsx",
-            lineNumber: 34,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/ReactSelect/ClearIndicator/index.tsx",
-        lineNumber: 20,
-        columnNumber: 5
-    }, this);
+    return <div className={baseClass} // TODO Fix this - Broke with React 19 types
+    ref={typeof ref === 'string' ? null : ref} {...restInnerProps} onKeyDown={(e)=>{
+        if (e.key === 'Enter') {
+            clearValue();
+            e.stopPropagation();
+        }
+    }} role="button" tabIndex={0}>
+      <XIcon className={`${baseClass}__icon`}/>
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport './index.scss'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className={baseClass}\n      // TODO Fix this - Broke with React 19 types\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <XIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","div","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,KAAK,QAAQ,4BAA2B;AACjD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAAkE,CAACC;IAC9E,MAAM,EACJC,UAAU,EACVC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGJ;IAEJ,qBACE,QAACK;QACCC,WAAWR;QACX,4CAA4C;QAC5CK,KAAK,OAAOA,QAAQ,WAAW,OAAOA;QACrC,GAAGC,cAAc;QAClBG,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBR;gBACAO,EAAEE,eAAe;YACnB;QACF;QACAC,MAAK;QACLC,UAAU;kBAEV,cAAA,QAACf;YAAMS,WAAW,GAAGR,UAAU,MAAM,CAAC;;;;;;;;;;;AAG5C,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport './index.scss'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className={baseClass}\n      // TODO Fix this - Broke with React 19 types\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <XIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","div","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"mappings":"AAAA;AAOA,SAASA,KAAK,QAAQ,4BAA2B;AACjD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAAkE,CAACC;IAC9E,MAAM,EACJC,UAAU,EACVC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGJ;IAEJ,QACGK,IACCC,WAAWR,WACX,4CAA4C;IAC5CK,KAAK,OAAOA,QAAQ,WAAW,OAAOA,MACrC,GAAGC,cAAc,EAClBG,WAAW,CAACC;QACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;YACrBR;YACAO,EAAEE,eAAe;QACnB;IACF,GACAC,KAAK,SACLC,UAAU,GACX;MACC,CAACf,MAAMS,WAAW,GAAGR,UAAU,MAAM,CAAC,GAAI;IAC5C,EAAEO;AAEN,EAAC"}

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

@@ -1,45 +1,34 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 export const Control = (props)=>{
     const { children, innerProps, // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
     selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {} } = props;
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: /*#__PURE__*/ _jsxDEV(SelectComponents.Control, {
-            ...props,
-            innerProps: {
-                ...innerProps,
-                onKeyDown: (e)=>{
-                    if (disableKeyDown) {
-                        e.stopPropagation();
-                        // Create event for keydown listeners which specifically want to bypass this stopPropagation
-                        const bypassEvent = new CustomEvent('bypassKeyDown', {
-                            detail: e
-                        });
-                        document.dispatchEvent(bypassEvent);
-                    }
-                },
-                // react-select has this typed incorrectly so we disable the linting rule
-                // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
-                onMouseDown: (e)=>{
-                    // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
-                    if (!disableMouseDown) {
-                        innerProps.onMouseDown(e);
-                    }
-                }
-            },
-            children: children
-        }, void 0, false, {
-            fileName: "src/elements/ReactSelect/Control/index.tsx",
-            lineNumber: 19,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/ReactSelect/Control/index.tsx",
-        lineNumber: 18,
-        columnNumber: 5
-    }, this);
+    return <React.Fragment>
+      <SelectComponents.Control {...props} innerProps={{
+        ...innerProps,
+        onKeyDown: (e)=>{
+            if (disableKeyDown) {
+                e.stopPropagation();
+                // Create event for keydown listeners which specifically want to bypass this stopPropagation
+                const bypassEvent = new CustomEvent('bypassKeyDown', {
+                    detail: e
+                });
+                document.dispatchEvent(bypassEvent);
+            }
+        },
+        // react-select has this typed incorrectly so we disable the linting rule
+        // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
+        onMouseDown: (e)=>{
+            // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
+            if (!disableMouseDown) {
+                innerProps.onMouseDown(e);
+            }
+        }
+    }}>
+        {children}
+      </SelectComponents.Control>
+    </React.Fragment>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/Control/index.tsx"],"sourcesContent":["'use client'\nimport type { ControlProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Control: React.FC<ControlProps<Option, any>> = (props) => {\n  const {\n    children,\n    innerProps,\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {},\n  } = props\n\n  return (\n    <React.Fragment>\n      <SelectComponents.Control\n        {...props}\n        innerProps={{\n          ...innerProps,\n          onKeyDown: (e) => {\n            if (disableKeyDown) {\n              e.stopPropagation()\n              // Create event for keydown listeners which specifically want to bypass this stopPropagation\n              const bypassEvent = new CustomEvent('bypassKeyDown', { detail: e })\n              document.dispatchEvent(bypassEvent)\n            }\n          },\n          // react-select has this typed incorrectly so we disable the linting rule\n          // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)\n\n          onMouseDown: (e) => {\n            // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)\n            if (!disableMouseDown) {\n              innerProps.onMouseDown(e)\n            }\n          },\n        }}\n      >\n        {children}\n      </SelectComponents.Control>\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Control","props","children","innerProps","selectProps","customProps","disableKeyDown","disableMouseDown","Fragment","onKeyDown","e","stopPropagation","bypassEvent","CustomEvent","detail","document","dispatchEvent","onMouseDown"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,UAA+C,CAACC;IAC3D,MAAM,EACJC,QAAQ,EACRC,UAAU,EACV,8FAA8F;IAC9FC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC7E,GAAGN;IAEJ,qBACE,QAACJ,MAAMW,QAAQ;kBACb,cAAA,QAACT,iBAAiBC,OAAO;YACtB,GAAGC,KAAK;YACTE,YAAY;gBACV,GAAGA,UAAU;gBACbM,WAAW,CAACC;oBACV,IAAIJ,gBAAgB;wBAClBI,EAAEC,eAAe;wBACjB,4FAA4F;wBAC5F,MAAMC,cAAc,IAAIC,YAAY,iBAAiB;4BAAEC,QAAQJ;wBAAE;wBACjEK,SAASC,aAAa,CAACJ;oBACzB;gBACF;gBACA,yEAAyE;gBACzE,uIAAuI;gBAEvIK,aAAa,CAACP;oBACZ,yIAAyI;oBACzI,IAAI,CAACH,kBAAkB;wBACrBJ,WAAWc,WAAW,CAACP;oBACzB;gBACF;YACF;sBAECR;;;;;;;;;;;AAIT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/Control/index.tsx"],"sourcesContent":["'use client'\nimport type { ControlProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Control: React.FC<ControlProps<Option, any>> = (props) => {\n  const {\n    children,\n    innerProps,\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {},\n  } = props\n\n  return (\n    <React.Fragment>\n      <SelectComponents.Control\n        {...props}\n        innerProps={{\n          ...innerProps,\n          onKeyDown: (e) => {\n            if (disableKeyDown) {\n              e.stopPropagation()\n              // Create event for keydown listeners which specifically want to bypass this stopPropagation\n              const bypassEvent = new CustomEvent('bypassKeyDown', { detail: e })\n              document.dispatchEvent(bypassEvent)\n            }\n          },\n          // react-select has this typed incorrectly so we disable the linting rule\n          // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)\n\n          onMouseDown: (e) => {\n            // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)\n            if (!disableMouseDown) {\n              innerProps.onMouseDown(e)\n            }\n          },\n        }}\n      >\n        {children}\n      </SelectComponents.Control>\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Control","props","children","innerProps","selectProps","customProps","disableKeyDown","disableMouseDown","Fragment","onKeyDown","e","stopPropagation","bypassEvent","CustomEvent","detail","document","dispatchEvent","onMouseDown"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,UAA+C,CAACC;IAC3D,MAAM,EACJC,QAAQ,EACRC,UAAU,EACV,8FAA8F;IAC9FC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC7E,GAAGN;IAEJ,QACGJ,MAAMW,SAAS;MACd,CAACT,iBAAiBC,SACf,GAAGC,KAAK,EACTE,YAAY;QACV,GAAGA,UAAU;QACbM,WAAW,CAACC;YACV,IAAIJ,gBAAgB;gBAClBI,EAAEC,eAAe;gBACjB,4FAA4F;gBAC5F,MAAMC,cAAc,IAAIC,YAAY,iBAAiB;oBAAEC,QAAQJ;gBAAE;gBACjEK,SAASC,aAAa,CAACJ;YACzB;QACF;QACA,yEAAyE;QACzE,uIAAuI;QAEvIK,aAAa,CAACP;YACZ,yIAAyI;YACzI,IAAI,CAACH,kBAAkB;gBACrBJ,WAAWc,WAAW,CAACP;YACzB;QACF;IACF,GACD;QACC,CAACR,SAAS;MACZ,EAAEH,iBAAiBC,QAAQ;IAC7B,EAAEH,MAAMW;AAEZ,EAAC"}

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

@@ -1,33 +1,16 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import './index.scss';
 const baseClass = 'dropdown-indicator';
 export const DropdownIndicator = (props)=>{
     const { innerProps: { ref, ...restInnerProps } } = props;
-    return /*#__PURE__*/ _jsxDEV("button", {
-        className: baseClass,
-        ref: ref,
-        ...restInnerProps,
-        onKeyDown: (e)=>{
-            if (e.key === 'Enter') {
-                e.key = ' ';
-            }
-        },
-        type: "button",
-        children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
-            className: `${baseClass}__icon`
-        }, void 0, false, {
-            fileName: "src/elements/ReactSelect/DropdownIndicator/index.tsx",
-            lineNumber: 33,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/ReactSelect/DropdownIndicator/index.tsx",
-        lineNumber: 22,
-        columnNumber: 5
-    }, this);
+    return <button className={baseClass} ref={ref} {...restInnerProps} onKeyDown={(e)=>{
+        if (e.key === 'Enter') {
+            e.key = ' ';
+        }
+    }} type="button">
+      <ChevronIcon className={`${baseClass}__icon`}/>
+    </button>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","button","className","onKeyDown","e","key","type"],"mappings":"AAAA;;AAGA,OAAOA,WAAyB,QAAO;AAIvC,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,OAAO,MAAMC,oBAIT,CAACC;IACH,MAAM,EACJC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGH;IAEJ,qBACE,QAACI;QACCC,WAAWP;QACXI,KAAKA;QACJ,GAAGC,cAAc;QAClBG,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBD,EAAEC,GAAG,GAAG;YACV;QACF;QACAC,MAAK;kBAEL,cAAA,QAACZ;YAAYQ,WAAW,GAAGP,UAAU,MAAM,CAAC;;;;;;;;;;;AAGlD,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","button","className","onKeyDown","e","key","type"],"mappings":"AAAA;AAOA,SAASA,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,OAAO,MAAMC,oBAIT,CAACC;IACH,MAAM,EACJC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGH;IAEJ,QACGI,OACCC,WAAWP,WACXI,KAAKA,MACJ,GAAGC,cAAc,EAClBG,WAAW,CAACC;QACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;YACrBD,EAAEC,GAAG,GAAG;QACV;IACF,GACAC,KAAK,SACN;MACC,CAACZ,YAAYQ,WAAW,GAAGP,UAAU,MAAM,CAAC,GAAI;IAClD,EAAEM;AAEN,EAAC"}

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

@@ -1,25 +1,13 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 export const Input = (props)=>{
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: /*#__PURE__*/ _jsxDEV(SelectComponents.Input, {
-            ...props,
-            /**
+    return <React.Fragment>
+      <SelectComponents.Input {...props} /**
          * Adding `aria-activedescendant` fixes hydration error
          * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196
-         */ "aria-activedescendant": undefined
-        }, void 0, false, {
-            fileName: "src/elements/ReactSelect/Input/index.tsx",
-            lineNumber: 12,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/ReactSelect/Input/index.tsx",
-        lineNumber: 11,
-        columnNumber: 5
-    }, this);
+         */ aria-activedescendant={undefined}/>
+    </React.Fragment>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/Input/index.tsx"],"sourcesContent":["'use client'\nimport type { InputProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Input: React.FC<InputProps<Option, any>> = (props) => {\n  return (\n    <React.Fragment>\n      <SelectComponents.Input\n        {...props}\n        /**\n         * Adding `aria-activedescendant` fixes hydration error\n         * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196\n         */\n        aria-activedescendant={undefined}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Input","props","Fragment","aria-activedescendant","undefined"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,QAA2C,CAACC;IACvD,qBACE,QAACJ,MAAMK,QAAQ;kBACb,cAAA,QAACH,iBAAiBC,KAAK;YACpB,GAAGC,KAAK;YACT;;;SAGC,GACDE,yBAAuBC;;;;;;;;;;;AAI/B,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/Input/index.tsx"],"sourcesContent":["'use client'\nimport type { InputProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Input: React.FC<InputProps<Option, any>> = (props) => {\n  return (\n    <React.Fragment>\n      <SelectComponents.Input\n        {...props}\n        /**\n         * Adding `aria-activedescendant` fixes hydration error\n         * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196\n         */\n        aria-activedescendant={undefined}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Input","props","Fragment","aria-activedescendant","undefined"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,QAA2C,CAACC;IACvD,QACGJ,MAAMK,SAAS;MACd,CAACH,iBAAiBC,OACf,GAAGC,KAAK,EACT;;;SAGC,GACDE,uBAAuBC,YACvB;IACJ,EAAEP,MAAMK;AAEZ,EAAC"}

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 import { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js';
@@ -22,38 +21,26 @@ export const MultiValue = (props)=>{
         !isDisabled && isSortable && 'draggable',
         isDragging && `${baseClass}--is-dragging`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: /*#__PURE__*/ _jsxDEV(SelectComponents.MultiValue, {
-            ...props,
-            className: classes,
-            innerProps: {
-                ...isSortable ? {
-                    ...attributes,
-                    ...listeners
-                } : {},
-                ...innerProps,
-                onMouseDown: (e)=>{
-                    if (!disableMouseDown) {
-                        // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)
-                        e.stopPropagation();
-                    }
-                },
-                ref: setNodeRef,
-                style: isSortable ? {
-                    transform,
-                    ...attributes?.style
-                } : {}
+    return <React.Fragment>
+      <SelectComponents.MultiValue {...props} className={classes} innerProps={{
+        ...isSortable ? {
+            ...attributes,
+            ...listeners
+        } : {},
+        ...innerProps,
+        onMouseDown: (e)=>{
+            if (!disableMouseDown) {
+                // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)
+                e.stopPropagation();
             }
-        }, void 0, false, {
-            fileName: "src/elements/ReactSelect/MultiValue/index.tsx",
-            lineNumber: 45,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/ReactSelect/MultiValue/index.tsx",
-        lineNumber: 44,
-        columnNumber: 5
-    }, this);
+        },
+        ref: setNodeRef,
+        style: isSortable ? {
+            transform,
+            ...attributes?.style
+        } : {}
+    }}/>
+    </React.Fragment>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value'\n\nexport function generateMultiValueDraggableID(optionData, valueFunction) {\n  return typeof valueFunction === 'function' ? valueFunction(optionData) : optionData?.value\n}\nexport const MultiValue: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    className,\n    data,\n    innerProps,\n    isDisabled,\n    // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableMouseDown } = {}, getOptionValue, isSortable } = {},\n  } = props\n\n  const id = generateMultiValueDraggableID(data, getOptionValue)\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n    disabled: !isSortable,\n  })\n\n  const classes = [\n    baseClass,\n    className,\n    !isDisabled && isSortable && 'draggable',\n    isDragging && `${baseClass}--is-dragging`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <React.Fragment>\n      <SelectComponents.MultiValue\n        {...props}\n        className={classes}\n        innerProps={{\n          ...(isSortable\n            ? {\n                ...attributes,\n                ...listeners,\n              }\n            : {}),\n          ...innerProps,\n          onMouseDown: (e) => {\n            if (!disableMouseDown) {\n              // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)\n              e.stopPropagation()\n            }\n          },\n          ref: setNodeRef,\n          style: isSortable\n            ? {\n                transform,\n                ...attributes?.style,\n              }\n            : {},\n        }}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","useDraggableSortable","baseClass","generateMultiValueDraggableID","optionData","valueFunction","value","MultiValue","props","className","data","innerProps","isDisabled","selectProps","customProps","disableMouseDown","getOptionValue","isSortable","id","attributes","isDragging","listeners","setNodeRef","transform","disabled","classes","filter","Boolean","join","Fragment","onMouseDown","e","stopPropagation","ref","style"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,oBAAoB,QAAQ,wDAAuD;AAC5F,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,8BAA8BC,UAAU,EAAEC,aAAa;IACrE,OAAO,OAAOA,kBAAkB,aAAaA,cAAcD,cAAcA,YAAYE;AACvF;AACA,OAAO,MAAMC,aAAgD,CAACC;IAC5D,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,UAAU,EACVC,UAAU,EACV,oFAAoF;IACpFC,aAAa,EAAEC,aAAa,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAG,CAAC,CAAC,EACzF,GAAGT;IAEJ,MAAMU,KAAKf,8BAA8BO,MAAMM;IAE/C,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGtB,qBAAqB;QACxFiB;QACAM,UAAU,CAACP;IACb;IAEA,MAAMQ,UAAU;QACdvB;QACAO;QACA,CAACG,cAAcK,cAAc;QAC7BG,cAAc,GAAGlB,UAAU,aAAa,CAAC;KAC1C,CACEwB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,QAAC9B,MAAM+B,QAAQ;kBACb,cAAA,QAAC7B,iBAAiBO,UAAU;YACzB,GAAGC,KAAK;YACTC,WAAWgB;YACXd,YAAY;gBACV,GAAIM,aACA;oBACE,GAAGE,UAAU;oBACb,GAAGE,SAAS;gBACd,IACA,CAAC,CAAC;gBACN,GAAGV,UAAU;gBACbmB,aAAa,CAACC;oBACZ,IAAI,CAAChB,kBAAkB;wBACrB,wJAAwJ;wBACxJgB,EAAEC,eAAe;oBACnB;gBACF;gBACAC,KAAKX;gBACLY,OAAOjB,aACH;oBACEM;oBACA,GAAGJ,YAAYe,KAAK;gBACtB,IACA,CAAC;YACP;;;;;;;;;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value'\n\nexport function generateMultiValueDraggableID(optionData, valueFunction) {\n  return typeof valueFunction === 'function' ? valueFunction(optionData) : optionData?.value\n}\nexport const MultiValue: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    className,\n    data,\n    innerProps,\n    isDisabled,\n    // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableMouseDown } = {}, getOptionValue, isSortable } = {},\n  } = props\n\n  const id = generateMultiValueDraggableID(data, getOptionValue)\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n    disabled: !isSortable,\n  })\n\n  const classes = [\n    baseClass,\n    className,\n    !isDisabled && isSortable && 'draggable',\n    isDragging && `${baseClass}--is-dragging`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <React.Fragment>\n      <SelectComponents.MultiValue\n        {...props}\n        className={classes}\n        innerProps={{\n          ...(isSortable\n            ? {\n                ...attributes,\n                ...listeners,\n              }\n            : {}),\n          ...innerProps,\n          onMouseDown: (e) => {\n            if (!disableMouseDown) {\n              // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)\n              e.stopPropagation()\n            }\n          },\n          ref: setNodeRef,\n          style: isSortable\n            ? {\n                transform,\n                ...attributes?.style,\n              }\n            : {},\n        }}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","useDraggableSortable","baseClass","generateMultiValueDraggableID","optionData","valueFunction","value","MultiValue","props","className","data","innerProps","isDisabled","selectProps","customProps","disableMouseDown","getOptionValue","isSortable","id","attributes","isDragging","listeners","setNodeRef","transform","disabled","classes","filter","Boolean","join","Fragment","onMouseDown","e","stopPropagation","ref","style"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,oBAAoB,QAAQ,wDAAuD;AAC5F,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,8BAA8BC,UAAU,EAAEC,aAAa;IACrE,OAAO,OAAOA,kBAAkB,aAAaA,cAAcD,cAAcA,YAAYE;AACvF;AACA,OAAO,MAAMC,aAAgD,CAACC;IAC5D,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,UAAU,EACVC,UAAU,EACV,oFAAoF;IACpFC,aAAa,EAAEC,aAAa,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAG,CAAC,CAAC,EACzF,GAAGT;IAEJ,MAAMU,KAAKf,8BAA8BO,MAAMM;IAE/C,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGtB,qBAAqB;QACxFiB;QACAM,UAAU,CAACP;IACb;IAEA,MAAMQ,UAAU;QACdvB;QACAO;QACA,CAACG,cAAcK,cAAc;QAC7BG,cAAc,GAAGlB,UAAU,aAAa,CAAC;KAC1C,CACEwB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,QACG9B,MAAM+B,SAAS;MACd,CAAC7B,iBAAiBO,YACf,GAAGC,KAAK,EACTC,WAAWgB,SACXd,YAAY;QACV,GAAIM,aACA;YACE,GAAGE,UAAU;YACb,GAAGE,SAAS;QACd,IACA,CAAC,CAAC;QACN,GAAGV,UAAU;QACbmB,aAAa,CAACC;YACZ,IAAI,CAAChB,kBAAkB;gBACrB,wJAAwJ;gBACxJgB,EAAEC,eAAe;YACnB;QACF;QACAC,KAAKX;QACLY,OAAOjB,aACH;YACEM;YACA,GAAGJ,YAAYe,KAAK;QACtB,IACA,CAAC;IACP,IACA;IACJ,EAAEpC,MAAM+B;AAEZ,EAAC"}

package/dist/elements/ReactSelect/MultiValueLabel/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';
@@ -13,26 +11,13 @@ export const MultiValueLabel = (props)=>{
     const className = `${baseClass}__text`;
     const labelText = data.label ? getTranslation(data.label, i18n) : '';
     const titleText = typeof labelText === 'string' ? labelText : '';
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        title: titleText,
-        children: /*#__PURE__*/ _jsxDEV(SelectComponents.MultiValueLabel, {
-            ...props,
-            innerProps: {
-                className,
-                ...editableProps && editableProps(data, className, props.selectProps) || {},
-                ...draggableProps || {}
-            }
-        }, void 0, false, {
-            fileName: "src/elements/ReactSelect/MultiValueLabel/index.tsx",
-            lineNumber: 27,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/ReactSelect/MultiValueLabel/index.tsx",
-        lineNumber: 26,
-        columnNumber: 5
-    }, this);
+    return <div className={baseClass} title={titleText}>
+      <SelectComponents.MultiValueLabel {...props} innerProps={{
+        className,
+        ...editableProps && editableProps(data, className, props.selectProps) || {},
+        ...draggableProps || {}
+    }}/>
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { MultiValueProps } 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 = 'multi-value-label'\n\nexport const MultiValueLabel: React.FC<MultiValueProps<Option>> = (props) => {\n  // @ts-expect-error-next-line// TODO Fix this - moduleResolution 16 breaks our declare module\n  const { data, selectProps: { customProps: { draggableProps, editableProps } = {} } = {} } = props\n  const { i18n } = useTranslation()\n\n  const className = `${baseClass}__text`\n  const labelText = data.label ? getTranslation(data.label as OptionLabel, i18n) : ''\n  const titleText = typeof labelText === 'string' ? labelText : ''\n\n  return (\n    <div className={baseClass} title={titleText}>\n      <SelectComponents.MultiValueLabel\n        {...props}\n        innerProps={{\n          className,\n          ...((editableProps && editableProps(data, className, props.selectProps)) || {}),\n          ...(draggableProps || {}),\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","components","SelectComponents","useTranslation","baseClass","MultiValueLabel","props","data","selectProps","customProps","draggableProps","editableProps","i18n","className","labelText","label","titleText","div","title","innerProps"],"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,kBAAqD,CAACC;IACjE,6FAA6F;IAC7F,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,aAAa,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGL;IAC5F,MAAM,EAAEM,IAAI,EAAE,GAAGT;IAEjB,MAAMU,YAAY,GAAGT,UAAU,MAAM,CAAC;IACtC,MAAMU,YAAYP,KAAKQ,KAAK,GAAGhB,eAAeQ,KAAKQ,KAAK,EAAiBH,QAAQ;IACjF,MAAMI,YAAY,OAAOF,cAAc,WAAWA,YAAY;IAE9D,qBACE,QAACG;QAAIJ,WAAWT;QAAWc,OAAOF;kBAChC,cAAA,QAACd,iBAAiBG,eAAe;YAC9B,GAAGC,KAAK;YACTa,YAAY;gBACVN;gBACA,GAAI,AAACF,iBAAiBA,cAAcJ,MAAMM,WAAWP,MAAME,WAAW,KAAM,CAAC,CAAC;gBAC9E,GAAIE,kBAAkB,CAAC,CAAC;YAC1B;;;;;;;;;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { MultiValueProps } 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 = 'multi-value-label'\n\nexport const MultiValueLabel: React.FC<MultiValueProps<Option>> = (props) => {\n  // @ts-expect-error-next-line// TODO Fix this - moduleResolution 16 breaks our declare module\n  const { data, selectProps: { customProps: { draggableProps, editableProps } = {} } = {} } = props\n  const { i18n } = useTranslation()\n\n  const className = `${baseClass}__text`\n  const labelText = data.label ? getTranslation(data.label as OptionLabel, i18n) : ''\n  const titleText = typeof labelText === 'string' ? labelText : ''\n\n  return (\n    <div className={baseClass} title={titleText}>\n      <SelectComponents.MultiValueLabel\n        {...props}\n        innerProps={{\n          className,\n          ...((editableProps && editableProps(data, className, props.selectProps)) || {}),\n          ...(draggableProps || {}),\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","components","SelectComponents","useTranslation","baseClass","MultiValueLabel","props","data","selectProps","customProps","draggableProps","editableProps","i18n","className","labelText","label","titleText","div","title","innerProps"],"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,kBAAqD,CAACC;IACjE,6FAA6F;IAC7F,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,aAAa,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGL;IAC5F,MAAM,EAAEM,IAAI,EAAE,GAAGT;IAEjB,MAAMU,YAAY,GAAGT,UAAU,MAAM,CAAC;IACtC,MAAMU,YAAYP,KAAKQ,KAAK,GAAGf,eAAeO,KAAKQ,KAAK,EAAiBH,QAAQ;IACjF,MAAMI,YAAY,OAAOF,cAAc,WAAWA,YAAY;IAE9D,QACGG,IAAIJ,WAAWT,WAAWc,OAAOF,WAAW;MAC3C,CAACd,iBAAiBG,iBACf,GAAGC,KAAK,EACTa,YAAY;QACVN;QACA,GAAI,AAACF,iBAAiBA,cAAcJ,MAAMM,WAAWP,MAAME,WAAW,KAAM,CAAC,CAAC;QAC9E,GAAIE,kBAAkB,CAAC,CAAC;IAC1B,IACA;IACJ,EAAEO;AAEN,EAAC"}