@payloadcms/ui 3.80.0-internal-debug.7019cc9 → 3.80.0-internal.0311fce

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

@@ -1,73 +1,94 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
 import { WhereBuilder } from '../../../WhereBuilder/index.js';
 import './index.scss';
-export const QueryPresetsWhereField = ({ field: { label, required } })=>{
-    const { path, setValue, value } = useField();
-    const relatedCollectionField = useField({
-        path: 'relatedCollection'
-    });
-    const relatedCollection = relatedCollectionField.value;
-    if (!relatedCollection) {
-        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: 21,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV("p", {
-                    className: "query-preset-where-field__hint",
-                    children: "Select the related collection to configure filters."
-                }, void 0, false, {
-                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                    lineNumber: 22,
-                    columnNumber: 9
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-            lineNumber: 20,
-            columnNumber: 7
-        }, this);
-    }
-    return /*#__PURE__*/ _jsxDEV("div", {
+export const QueryPresetsWhereField = t0 => {
+  const $ = _c(14);
+  const {
+    field: t1
+  } = t0;
+  const {
+    label,
+    required
+  } = t1;
+  const {
+    path,
+    setValue,
+    value
+  } = useField();
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      path: "relatedCollection"
+    };
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const relatedCollectionField = useField(t2);
+  const relatedCollection = relatedCollectionField.value;
+  if (!relatedCollection) {
+    let t3;
+    if ($[1] !== label || $[2] !== path || $[3] !== required) {
+      t3 = _jsxs("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: 31,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(WhereBuilder, {
-                collectionSlug: relatedCollection,
-                onChange: (where)=>setValue(where),
-                value: value ?? undefined
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-                lineNumber: 32,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
-        lineNumber: 30,
-        columnNumber: 5
-    }, this);
+        children: [_jsx(FieldLabel, {
+          as: "h3",
+          label,
+          path,
+          required
+        }), _jsx("p", {
+          className: "query-preset-where-field__hint",
+          children: "Select the related collection to configure filters."
+        })]
+      });
+      $[1] = label;
+      $[2] = path;
+      $[3] = required;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    return t3;
+  }
+  let t3;
+  if ($[5] !== label || $[6] !== path || $[7] !== relatedCollection || $[8] !== required || $[9] !== setValue || $[10] !== value) {
+    let t4;
+    if ($[12] !== setValue) {
+      t4 = where => setValue(where);
+      $[12] = setValue;
+      $[13] = t4;
+    } else {
+      t4 = $[13];
+    }
+    t3 = _jsxs("div", {
+      className: "field-type query-preset-where-field",
+      children: [_jsx(FieldLabel, {
+        as: "h3",
+        label,
+        path,
+        required
+      }), _jsx(WhereBuilder, {
+        collectionSlug: relatedCollection,
+        onChange: t4,
+        value: value ?? undefined
+      })]
+    });
+    $[5] = label;
+    $[6] = path;
+    $[7] = relatedCollection;
+    $[8] = required;
+    $[9] = setValue;
+    $[10] = value;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
 };
-
 //# 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 React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport './index.scss'\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<Where>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-where-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-where-field__hint\">\n          Select the related collection to configure filters.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <WhereBuilder\n        collectionSlug={relatedCollection}\n        onChange={(where) => setValue(where)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"names":["React","FieldLabel","useField","WhereBuilder","QueryPresetsWhereField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","div","className","as","p","collectionSlug","onChange","where","undefined"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,YAAY,QAAQ,iCAAgC;AAC7D,OAAO,eAAc;AAErB,OAAO,MAAMC,yBAAmD,CAAC,EAC/DC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGR;IAClC,MAAMS,yBAAyBT,SAAS;QAAEM,MAAM;IAAoB;IACpE,MAAMI,oBAAoBD,uBAAuBD,KAAK;IAEtD,IAAI,CAACE,mBAAmB;QACtB,qBACE,QAACC;YAAIC,WAAU;;8BACb,QAACb;oBAAWc,IAAG;oBAAKT,OAAOA;oBAAOE,MAAMA;oBAAMD,UAAUA;;;;;;8BACxD,QAACS;oBAAEF,WAAU;8BAAiC;;;;;;;;;;;;IAKpD;IAEA,qBACE,QAACD;QAAIC,WAAU;;0BACb,QAACb;gBAAWc,IAAG;gBAAKT,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;;;;;0BACxD,QAACJ;gBACCc,gBAAgBL;gBAChBM,UAAU,CAACC,QAAUV,SAASU;gBAC9BT,OAAOA,SAASU;;;;;;;;;;;;AAIxB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","useField","WhereBuilder","QueryPresetsWhereField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","t3","_jsxs","className","children","_jsx","as","t4","where","collectionSlug","onChange","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport './index.scss'\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<Where>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-where-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-where-field__hint\">\n          Select the related collection to configure filters.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <WhereBuilder\n        collectionSlug={relatedCollection}\n        onChange={(where) => setValue(where)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,sBAAA,GAAmDC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,KAAA,EAAAC;EAAA,IAAAH,EAEhE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCX,QAAA;EAAA,IAAAY,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAA;IAAoBL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+Bf,QAAA,CAASY,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAAA;EAA4B,KAEjDK,iBAAA;IAAA,IAAAC,EAAA;IAAA,IAAAb,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEDS,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,GACbC,IAAA,CAAAtB,UAAA;UAAAuB,EAAA,EAAe;UAAAf,KAAA;UAAAE,IAAA;UAAAD;QAAA,C,GACfa,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAiC;QAAA,C;;;;;;;;;WAFhDH,E;;;;;;MAcYM,EAAA,GAAAC,KAAA,IAAWd,QAAA,CAASc,KAAA;MAAApB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAJlCa,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,GACbC,IAAA,CAAAtB,UAAA;QAAAuB,EAAA,EAAe;QAAAf,KAAA;QAAAE,IAAA;QAAAD;MAAA,C,GACfa,IAAA,CAAApB,YAAA;QAAAwB,cAAA,EACkBT,iBAAA;QAAAU,QAAA,EACNH,EAAoB;QAAAZ,KAAA,EACvBA,KAAA,IAAAgB;MAAS,C;;;;;;;;;;;;SALpBV,E;CASJ","ignoreList":[]}

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

@@ -1,36 +1,34 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-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);
+export const ClearIndicator = props => {
+  const {
+    clearValue,
+    innerProps: {
+      ref,
+      ...restInnerProps
+    }
+  } = props;
+  return /*#__PURE__*/_jsx("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__*/_jsx(XIcon, {
+      className: `${baseClass}__icon`
+    })
+  });
 };
-
 //# 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,"file":"index.js","names":["React","XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAIlB,SAASC,KAAK,QAAQ;AACtB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAmEC,KAAA;EAC9E,MAAM;IACJC,UAAU;IACVC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGJ,KAAA;EAEJ,oBACEK,IAAA,CAAC;IACCC,SAAA,EAAWR,SAAA;IACX;IACAK,GAAA,EAAK,OAAOA,GAAA,KAAQ,WAAW,OAAOA,GAAA;IACrC,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAAS;QACrBR,UAAA;QACAO,CAAA,CAAEE,eAAe;MACnB;IACF;IACAC,IAAA,EAAK;IACLC,QAAA,EAAU;cAEV,aAAAP,IAAA,CAACR,KAAA;MAAMS,SAAA,EAAW,GAAGR,SAAA;;;AAG3B","ignoreList":[]}

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

@@ -1,45 +1,46 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-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);
+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__*/_jsx(React.Fragment, {
+    children: /*#__PURE__*/_jsx(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
+    })
+  });
 };
-
 //# 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,"file":"index.js","names":["React","components","SelectComponents","Control","props","children","innerProps","selectProps","customProps","disableKeyDown","disableMouseDown","_jsx","Fragment","onKeyDown","e","stopPropagation","bypassEvent","CustomEvent","detail","document","dispatchEvent","onMouseDown"],"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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,UAAA,IAAcC,gBAAgB,QAAQ;AAI/C,OAAO,MAAMC,OAAA,GAAgDC,KAAA;EAC3D,MAAM;IACJC,QAAQ;IACRC,UAAU;IACV;IACAC,WAAA,EAAa;MAAEC,WAAA,EAAa;QAAEC,cAAc;QAAEC;MAAgB,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAC7E,GAAGN,KAAA;EAEJ,oBACEO,IAAA,CAACX,KAAA,CAAMY,QAAQ;cACb,aAAAD,IAAA,CAACT,gBAAA,CAAiBC,OAAO;MACtB,GAAGC,KAAK;MACTE,UAAA,EAAY;QACV,GAAGA,UAAU;QACbO,SAAA,EAAYC,CAAA;UACV,IAAIL,cAAA,EAAgB;YAClBK,CAAA,CAAEC,eAAe;YACjB;YACA,MAAMC,WAAA,GAAc,IAAIC,WAAA,CAAY,iBAAiB;cAAEC,MAAA,EAAQJ;YAAE;YACjEK,QAAA,CAASC,aAAa,CAACJ,WAAA;UACzB;QACF;QACA;QACA;QAEAK,WAAA,EAAcP,CAAA;UACZ;UACA,IAAI,CAACJ,gBAAA,EAAkB;YACrBJ,UAAA,CAAWe,WAAW,CAACP,CAAA;UACzB;QACF;MACF;gBAECT;;;AAIT","ignoreList":[]}

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

@@ -1,33 +1,30 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-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);
+export const DropdownIndicator = props => {
+  const {
+    innerProps: {
+      ref,
+      ...restInnerProps
+    }
+  } = props;
+  return /*#__PURE__*/_jsx("button", {
+    className: baseClass,
+    ref: ref,
+    ...restInnerProps,
+    onKeyDown: e => {
+      if (e.key === 'Enter') {
+        e.key = ' ';
+      }
+    },
+    type: "button",
+    children: /*#__PURE__*/_jsx(ChevronIcon, {
+      className: `${baseClass}__icon`
+    })
+  });
 };
-
 //# 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,"file":"index.js","names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","type"],"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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAyB;AAIhC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,GAIRC,KAAA;EACH,MAAM;IACJC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGH,KAAA;EAEJ,oBACEI,IAAA,CAAC;IACCC,SAAA,EAAWP,SAAA;IACXI,GAAA,EAAKA,GAAA;IACJ,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAAS;QACrBD,CAAA,CAAEC,GAAG,GAAG;MACV;IACF;IACAC,IAAA,EAAK;cAEL,aAAAL,IAAA,CAACP,WAAA;MAAYQ,SAAA,EAAW,GAAGP,SAAA;;;AAGjC","ignoreList":[]}

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

@@ -1,25 +1,18 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-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,
-            /**
-         * 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);
+export const Input = props => {
+  return /*#__PURE__*/_jsx(React.Fragment, {
+    children: /*#__PURE__*/_jsx(SelectComponents.Input, {
+      ...props,
+      /**
+      * Adding `aria-activedescendant` fixes hydration error
+      * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196
+      */
+      "aria-activedescendant": undefined
+    })
+  });
 };
-
 //# 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,"file":"index.js","names":["React","components","SelectComponents","Input","props","_jsx","Fragment","undefined"],"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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,UAAA,IAAcC,gBAAgB,QAAQ;AAI/C,OAAO,MAAMC,KAAA,GAA4CC,KAAA;EACvD,oBACEC,IAAA,CAACL,KAAA,CAAMM,QAAQ;cACb,aAAAD,IAAA,CAACH,gBAAA,CAAiBC,KAAK;MACpB,GAAGC,KAAK;MACT;;;;MAIA,yBAAuBG;;;AAI/B","ignoreList":[]}