@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/fields/Select/Input.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { ReactSelect } from '../../elements/ReactSelect/index.js';
@@ -12,173 +10,124 @@ import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
-export const SelectInput = props => {
-  const $ = _c(37);
-  const {
-    id,
-    AfterInput,
-    BeforeInput,
-    className,
-    Description,
-    description,
-    Error,
-    filterOption,
-    hasMany: t0,
-    isClearable: t1,
-    isSortable: t2,
-    label,
-    Label,
-    localized,
-    onChange,
-    onInputChange,
-    options,
-    path,
-    placeholder,
-    readOnly,
-    required,
-    showError,
-    style,
-    value
-  } = props;
-  const hasMany = t0 === undefined ? false : t0;
-  const isClearable = t1 === undefined ? true : t1;
-  const isSortable = t2 === undefined ? true : t2;
-  const {
-    i18n
-  } = useTranslation();
-  let t3;
-  if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== className || $[6] !== description || $[7] !== filterOption || $[8] !== hasMany || $[9] !== i18n || $[10] !== id || $[11] !== isClearable || $[12] !== isSortable || $[13] !== label || $[14] !== localized || $[15] !== onChange || $[16] !== onInputChange || $[17] !== options || $[18] !== path || $[19] !== placeholder || $[20] !== readOnly || $[21] !== required || $[22] !== showError || $[23] !== style || $[24] !== value) {
+export const SelectInput = (props)=>{
+    const { id, AfterInput, BeforeInput, className, Description, description, Error, filterOption, hasMany = false, isClearable = true, isSortable = true, label, Label, localized, onChange, onInputChange, options, path, placeholder, readOnly, required, showError, style, value } = props;
+    const { i18n } = useTranslation();
     let valueToRender;
     if (hasMany && Array.isArray(value)) {
-      let t4;
-      if ($[26] !== i18n || $[27] !== options) {
-        t4 = val => {
-          const matchingOption = options.find(option => option.value === val);
-          return {
-            label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
-            value: matchingOption?.value ?? val
-          };
-        };
-        $[26] = i18n;
-        $[27] = options;
-        $[28] = t4;
-      } else {
-        t4 = $[28];
-      }
-      valueToRender = value.map(t4);
-    } else {
-      if (value) {
-        let t4;
-        if ($[29] !== value) {
-          t4 = option_0 => option_0.value === value;
-          $[29] = value;
-          $[30] = t4;
-        } else {
-          t4 = $[30];
-        }
-        const matchingOption_0 = options.find(t4);
+        valueToRender = value.map((val)=>{
+            const matchingOption = options.find((option)=>option.value === val);
+            return {
+                label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
+                value: matchingOption?.value ?? val
+            };
+        });
+    } else if (value) {
+        const matchingOption = options.find((option)=>option.value === value);
         valueToRender = {
-          label: matchingOption_0 ? getTranslation(matchingOption_0.label, i18n) : value,
-          value: matchingOption_0?.value ?? value
+            label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,
+            value: matchingOption?.value ?? value
         };
-      } else {
-        valueToRender = null;
-      }
-    }
-    const t4 = showError && "error";
-    const t5 = readOnly && "read-only";
-    let t6;
-    if ($[31] !== className || $[32] !== t4 || $[33] !== t5) {
-      t6 = [fieldBaseClass, "select", className, t4, t5].filter(Boolean);
-      $[31] = className;
-      $[32] = t4;
-      $[33] = t5;
-      $[34] = t6;
     } else {
-      t6 = $[34];
-    }
-    let t7;
-    if ($[35] !== i18n) {
-      t7 = option_1 => ({
-        ...option_1,
-        label: getTranslation(option_1.label, i18n)
-      });
-      $[35] = i18n;
-      $[36] = t7;
-    } else {
-      t7 = $[36];
+        // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state
+        valueToRender = null;
     }
-    t3 = _jsxs("div", {
-      className: t6.join(" "),
-      id: `field-${path.replace(/\./g, "__")}`,
-      style,
-      children: [_jsx(RenderCustomComponent, {
-        CustomComponent: Label,
-        Fallback: _jsx(FieldLabel, {
-          label,
-          localized,
-          path,
-          required
-        })
-      }), _jsxs("div", {
-        className: `${fieldBaseClass}__wrap`,
-        children: [_jsx(RenderCustomComponent, {
-          CustomComponent: Error,
-          Fallback: _jsx(FieldError, {
-            path,
-            showError
-          })
-        }), BeforeInput, _jsx(ReactSelect, {
-          disabled: readOnly,
-          filterOption,
-          id,
-          isClearable,
-          isMulti: hasMany,
-          isSortable,
-          onChange,
-          onInputChange,
-          options: options.map(t7),
-          placeholder,
-          showError,
-          value: valueToRender
-        }), AfterInput]
-      }), _jsx(RenderCustomComponent, {
-        CustomComponent: Description,
-        Fallback: _jsx(FieldDescription, {
-          description,
-          path
-        })
-      })]
-    });
-    $[0] = AfterInput;
-    $[1] = BeforeInput;
-    $[2] = Description;
-    $[3] = Error;
-    $[4] = Label;
-    $[5] = className;
-    $[6] = description;
-    $[7] = filterOption;
-    $[8] = hasMany;
-    $[9] = i18n;
-    $[10] = id;
-    $[11] = isClearable;
-    $[12] = isSortable;
-    $[13] = label;
-    $[14] = localized;
-    $[15] = onChange;
-    $[16] = onInputChange;
-    $[17] = options;
-    $[18] = path;
-    $[19] = placeholder;
-    $[20] = readOnly;
-    $[21] = required;
-    $[22] = showError;
-    $[23] = style;
-    $[24] = value;
-    $[25] = t3;
-  } else {
-    t3 = $[25];
-  }
-  return t3;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            fieldBaseClass,
+            'select',
+            className,
+            showError && 'error',
+            readOnly && 'read-only'
+        ].filter(Boolean).join(' '),
+        id: `field-${path.replace(/\./g, '__')}`,
+        style: style,
+        children: [
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                    label: label,
+                    localized: localized,
+                    path: path,
+                    required: required
+                }, void 0, false, {
+                    fileName: "src/fields/Select/Input.tsx",
+                    lineNumber: 114,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Select/Input.tsx",
+                lineNumber: 111,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${fieldBaseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                        CustomComponent: Error,
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
+                            path: path,
+                            showError: showError
+                        }, void 0, false, {
+                            fileName: "src/fields/Select/Input.tsx",
+                            lineNumber: 120,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Select/Input.tsx",
+                        lineNumber: 118,
+                        columnNumber: 9
+                    }, this),
+                    BeforeInput,
+                    /*#__PURE__*/ _jsxDEV(ReactSelect, {
+                        disabled: readOnly,
+                        filterOption: filterOption,
+                        id: id,
+                        isClearable: isClearable,
+                        isMulti: hasMany,
+                        isSortable: isSortable,
+                        onChange: onChange,
+                        onInputChange: onInputChange,
+                        options: options.map((option)=>({
+                                ...option,
+                                label: getTranslation(option.label, i18n)
+                            })),
+                        placeholder: placeholder,
+                        showError: showError,
+                        value: valueToRender
+                    }, void 0, false, {
+                        fileName: "src/fields/Select/Input.tsx",
+                        lineNumber: 123,
+                        columnNumber: 9
+                    }, this),
+                    AfterInput
+                ]
+            }, void 0, true, {
+                fileName: "src/fields/Select/Input.tsx",
+                lineNumber: 117,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Description,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
+                    description: description,
+                    path: path
+                }, void 0, false, {
+                    fileName: "src/fields/Select/Input.tsx",
+                    lineNumber: 144,
+                    columnNumber: 19
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Select/Input.tsx",
+                lineNumber: 142,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/fields/Select/Input.tsx",
+        lineNumber: 98,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=Input.js.map

package/dist/fields/Select/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","$","id","AfterInput","BeforeInput","className","Description","description","Error","filterOption","hasMany","t0","isClearable","t1","isSortable","t2","label","Label","localized","onChange","onInputChange","options","path","placeholder","readOnly","required","showError","style","value","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","option_0","matchingOption_0","t5","t6","filter","Boolean","t7","option_1","_jsxs","join","replace","children","_jsx","CustomComponent","Fallback","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOption?: ReactSelectAdapterProps['filterOption']\n  readonly hasMany?: boolean\n  readonly id?: string\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly onInputChange?: ReactSelectAdapterProps['onInputChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    id,\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    filterOption,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    onChange,\n    onInputChange,\n    options,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  } else {\n    // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state\n    valueToRender = null\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <ReactSelect\n          disabled={readOnly}\n          filterOption={filterOption}\n          id={id}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          onInputChange={onInputChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          placeholder={placeholder}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOption?: ReactSelectAdapterProps['filterOption']\n  readonly hasMany?: boolean\n  readonly id?: string\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly onInputChange?: ReactSelectAdapterProps['onInputChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    id,\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    filterOption,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    onChange,\n    onInputChange,\n    options,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  } else {\n    // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state\n    valueToRender = null\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <ReactSelect\n          disabled={readOnly}\n          filterOption={filterOption}\n          id={id}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          onInputChange={onInputChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          placeholder={placeholder}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","id","AfterInput","BeforeInput","className","Description","description","Error","filterOption","hasMany","isClearable","isSortable","label","Label","localized","onChange","onInputChange","options","path","placeholder","readOnly","required","showError","style","value","i18n","valueToRender","Array","isArray","map","val","matchingOption","find","option","div","filter","Boolean","join","replace","CustomComponent","Fallback","disabled","isMulti"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AA8BrB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EACJC,EAAE,EACFC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,YAAY,EACZC,UAAU,KAAK,EACfC,cAAc,IAAI,EAClBC,aAAa,IAAI,EACjBC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,KAAK,EACN,GAAGxB;IAEJ,MAAM,EAAEyB,IAAI,EAAE,GAAG5B;IAEjB,IAAI6B;IAEJ,IAAIjB,WAAWkB,MAAMC,OAAO,CAACJ,QAAQ;QACnCE,gBAAgBF,MAAMK,GAAG,CAAC,CAACC;YACzB,MAAMC,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKM;YACjE,OAAO;gBACLlB,OAAOmB,iBAAiBzC,eAAeyC,eAAenB,KAAK,EAAEa,QAAQK;gBACrEN,OAAOO,gBAAgBP,SAASM;YAClC;QACF;IACF,OAAO,IAAIN,OAAO;QAChB,MAAMO,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKA;QACjEE,gBAAgB;YACdd,OAAOmB,iBAAiBzC,eAAeyC,eAAenB,KAAK,EAAEa,QAAQD;YACrEA,OAAOO,gBAAgBP,SAASA;QAClC;IACF,OAAO;QACL,yHAAyH;QACzHE,gBAAgB;IAClB;IAEA,qBACE,QAACQ;QACC9B,WAAW;YACTN;YACA;YACAM;YACAkB,aAAa;YACbF,YAAY;SACb,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC;QACRpC,IAAI,CAAC,MAAM,EAAEiB,KAAKoB,OAAO,CAAC,OAAO,OAAO;QACxCf,OAAOA;;0BAEP,QAAC9B;gBACC8C,iBAAiB1B;gBACjB2B,wBACE,QAAC5C;oBAAWgB,OAAOA;oBAAOE,WAAWA;oBAAWI,MAAMA;oBAAMG,UAAUA;;;;;;;;;;;0BAG1E,QAACa;gBAAI9B,WAAW,GAAGN,eAAe,MAAM,CAAC;;kCACvC,QAACL;wBACC8C,iBAAiBhC;wBACjBiC,wBAAU,QAAC7C;4BAAWuB,MAAMA;4BAAMI,WAAWA;;;;;;;;;;;oBAE9CnB;kCACD,QAACX;wBACCiD,UAAUrB;wBACVZ,cAAcA;wBACdP,IAAIA;wBACJS,aAAaA;wBACbgC,SAASjC;wBACTE,YAAYA;wBACZI,UAAUA;wBACVC,eAAeA;wBACfC,SAASA,QAAQY,GAAG,CAAC,CAACI,SAAY,CAAA;gCAChC,GAAGA,MAAM;gCACTrB,OAAOtB,eAAe2C,OAAOrB,KAAK,EAAEa;4BACtC,CAAA;wBACAN,aAAaA;wBACbG,WAAWA;wBACXE,OAAOE;;;;;;oBAERxB;;;;;;;0BAEH,QAACT;gBACC8C,iBAAiBlC;gBACjBmC,wBAAU,QAAC9C;oBAAiBY,aAAaA;oBAAaY,MAAMA;;;;;;;;;;;;;;;;;AAIpE,EAAC"}

package/dist/fields/Select/index.js

@@ -1,120 +1,101 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { SelectInput } from './Input.js';
-export const formatOptions = options => options.map(option => {
-  if (typeof option === 'object' && (option.value || option.value === '')) {
-    return option;
-  }
-  return {
-    label: option,
-    value: option
-  };
-});
-const SelectFieldComponent = props => {
-  const {
-    field,
-    field: {
-      name,
-      admin: {
-        className,
-        description,
-        isClearable = true,
-        isSortable = true,
-        placeholder
-      } = {},
-      hasMany = false,
-      label,
-      localized,
-      options: optionsFromProps = [],
-      required
-    },
-    onChange: onChangeFromProps,
-    path: pathFromProps,
-    readOnly,
-    validate
-  } = props;
-  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps]);
-  const memoizedValidate = useCallback((value, validationOptions) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...validationOptions,
+export const formatOptions = (options)=>options.map((option)=>{
+        if (typeof option === 'object' && (option.value || option.value === '')) {
+            return option;
+        }
+        return {
+            label: option,
+            value: option
+        };
+    });
+const SelectFieldComponent = (props)=>{
+    const { field, field: { name, admin: { className, description, isClearable = true, isSortable = true, placeholder } = {}, hasMany = false, label, localized, options: optionsFromProps = [], required }, onChange: onChangeFromProps, path: pathFromProps, readOnly, validate } = props;
+    const options = React.useMemo(()=>formatOptions(optionsFromProps), [
+        optionsFromProps
+    ]);
+    const memoizedValidate = useCallback((value, validationOptions)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...validationOptions,
+                hasMany,
+                options,
+                required
+            });
+        }
+    }, [
+        validate,
+        required,
         hasMany,
-        options,
-        required
-      });
-    }
-  }, [validate, required, hasMany, options]);
-  const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
-    disabled,
-    path,
-    selectFilterOptions,
-    setValue,
-    showError,
-    value: value_0
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const onChange = useCallback(selectedOption => {
-    if (!readOnly || disabled) {
-      let newValue = null;
-      if (selectedOption && hasMany) {
-        if (Array.isArray(selectedOption)) {
-          newValue = selectedOption.map(option => option.value);
-        } else {
-          newValue = [];
+        options
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled, path, selectFilterOptions, setValue, showError, value } = useField({
+        potentiallyStalePath: pathFromProps,
+        validate: memoizedValidate
+    });
+    const onChange = useCallback((selectedOption)=>{
+        if (!readOnly || disabled) {
+            let newValue = null;
+            if (selectedOption && hasMany) {
+                if (Array.isArray(selectedOption)) {
+                    newValue = selectedOption.map((option)=>option.value);
+                } else {
+                    newValue = [];
+                }
+            } else if (selectedOption && !Array.isArray(selectedOption)) {
+                newValue = selectedOption.value;
+            }
+            if (typeof onChangeFromProps === 'function') {
+                onChangeFromProps(newValue);
+            }
+            setValue(newValue);
         }
-      } else if (selectedOption && !Array.isArray(selectedOption)) {
-        newValue = selectedOption.value;
-      }
-      if (typeof onChangeFromProps === 'function') {
-        onChangeFromProps(newValue);
-      }
-      setValue(newValue);
-    }
-  }, [readOnly, disabled, hasMany, setValue, onChangeFromProps]);
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsx(SelectInput, {
-    AfterInput: AfterInput,
-    BeforeInput: BeforeInput,
-    className: className,
-    Description: Description,
-    description: description,
-    Error: Error,
-    filterOption: selectFilterOptions ? ({
-      label: label_0,
-      value: value_1
-    }, search) => selectFilterOptions?.some(option_0 => (typeof option_0 === 'string' ? option_0 : option_0.value) === value_1) && label_0.toLowerCase().includes(search.toLowerCase()) : undefined,
-    hasMany: hasMany,
-    isClearable: isClearable,
-    isSortable: isSortable,
-    Label: Label,
-    label: label,
-    localized: localized,
-    name: name,
-    onChange: onChange,
-    options: options,
-    path: path,
-    placeholder: placeholder,
-    readOnly: readOnly || disabled,
-    required: required,
-    showError: showError,
-    style: styles,
-    value: value_0
-  });
+    }, [
+        readOnly,
+        disabled,
+        hasMany,
+        setValue,
+        onChangeFromProps
+    ]);
+    const styles = useMemo(()=>mergeFieldStyles(field), [
+        field
+    ]);
+    return /*#__PURE__*/ _jsxDEV(SelectInput, {
+        AfterInput: AfterInput,
+        BeforeInput: BeforeInput,
+        className: className,
+        Description: Description,
+        description: description,
+        Error: Error,
+        filterOption: selectFilterOptions ? ({ label, value }, search)=>selectFilterOptions?.some((option)=>(typeof option === 'string' ? option : option.value) === value) && label.toLowerCase().includes(search.toLowerCase()) : undefined,
+        hasMany: hasMany,
+        isClearable: isClearable,
+        isSortable: isSortable,
+        Label: Label,
+        label: label,
+        localized: localized,
+        name: name,
+        onChange: onChange,
+        options: options,
+        path: path,
+        placeholder: placeholder,
+        readOnly: readOnly || disabled,
+        required: required,
+        showError: showError,
+        style: styles,
+        value: value
+    }, void 0, false, {
+        fileName: "src/fields/Select/index.tsx",
+        lineNumber: 106,
+        columnNumber: 5
+    }, this);
 };
 export const SelectField = withCondition(SelectFieldComponent);
 export { SelectInput };
+
 //# sourceMappingURL=index.js.map

package/dist/fields/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","placeholder","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","_jsx","filterOption","search","some","toLowerCase","includes","undefined","style","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nexport const formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ label, value }, search) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              ) && label.toLowerCase().includes(search.toLowerCase())\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nexport const formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ label, value }, search) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              ) && label.toLowerCase().includes(search.toLowerCase())\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","placeholder","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","filterOption","search","some","toLowerCase","includes","undefined","style","SelectField"],"mappings":"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"}