@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.c2b57ce

package/dist/fields/Number/index.js

@@ -1,22 +1,13 @@
 'use client';
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import { isNumber } from 'payload/shared';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { InputStepper } from '../../elements/InputStepper/index.js';
-import { ReactSelect } from '../../elements/ReactSelect/index.js';
-import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { FieldDescription } from '../FieldDescription/index.js';
-import { FieldError } from '../FieldError/index.js';
-import { FieldLabel } from '../FieldLabel/index.js';
 import { mergeFieldStyles } from '../mergeFieldStyles.js';
-import { fieldBaseClass } from '../shared/index.js';
+import { NumberInput } from './Input.js';
 import './index.css';
-const baseClass = 'number';
+export { NumberInput };
 const NumberFieldComponent = props => {
   const {
     field,
@@ -24,7 +15,7 @@ const NumberFieldComponent = props => {
       admin: {
         className,
         description,
-        placeholder: placeholderFromProps,
+        placeholder,
         step = 1
       } = {},
       hasMany = false,
@@ -40,10 +31,6 @@ const NumberFieldComponent = props => {
     readOnly,
     validate
   } = props;
-  const {
-    i18n,
-    t
-  } = useTranslation();
   const memoizedValidate = useCallback((value, options) => {
     if (typeof validate === 'function') {
       return validate(value, {
@@ -131,88 +118,31 @@ const NumberFieldComponent = props => {
     }
   }, [value_0, hasMany]);
   const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  const placeholder = getTranslation(placeholderFromProps, i18n) || (hasMany ? t('general:enterANumber') : undefined);
-  return /*#__PURE__*/_jsxs("div", {
-    className: [fieldBaseClass, baseClass, className, showError && 'error', (readOnly || disabled) && 'read-only', hasMany && 'has-many'].filter(Boolean).join(' '),
+  return /*#__PURE__*/_jsx(NumberInput, {
+    AfterInput: AfterInput,
+    BeforeInput: BeforeInput,
+    className: className,
+    Description: Description,
+    description: description,
+    Error: Error,
+    hasMany: hasMany,
+    Label: Label,
+    label: label,
+    localized: localized,
+    max: max,
+    maxRows: maxRows,
+    min: min,
+    onChange: hasMany ? handleHasManyChange : handleChange,
+    onStep: handleStep,
+    path: path,
+    placeholder: placeholder,
+    readOnly: readOnly || disabled,
+    required: required,
+    showError: showError,
+    step: step,
     style: styles,
-    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-      CustomComponent: Label,
-      Fallback: /*#__PURE__*/_jsx(FieldLabel, {
-        label: label,
-        localized: localized,
-        path: path,
-        required: required
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${fieldBaseClass}__wrap`,
-      children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-        CustomComponent: Error,
-        Fallback: /*#__PURE__*/_jsx(FieldError, {
-          path: path,
-          showError: showError
-        })
-      }), BeforeInput, hasMany ? /*#__PURE__*/_jsx(ReactSelect, {
-        className: `field-${path.replace(/\./g, '__')}`,
-        components: {
-          DropdownIndicator: null
-        },
-        disabled: readOnly || disabled,
-        filterOption: (_, rawInput) => {
-          const isOverHasMany = Array.isArray(value_0) && value_0.length >= maxRows;
-          return isNumber(rawInput) && !isOverHasMany;
-        },
-        isClearable: true,
-        isCreatable: true,
-        isMulti: true,
-        isSortable: true,
-        noOptionsMessage: () => {
-          const isOverHasMany_0 = Array.isArray(value_0) && value_0.length >= maxRows;
-          if (isOverHasMany_0) {
-            return t('validation:limitReached', {
-              max: maxRows,
-              value: value_0.length + 1
-            });
-          }
-          return null;
-        },
-        // numberOnly
-        onChange: handleHasManyChange,
-        options: [],
-        placeholder: placeholder,
-        showError: showError,
-        value: valueToRender
-      }) : /*#__PURE__*/_jsxs("div", {
-        className: "form-input-group",
-        children: [/*#__PURE__*/_jsx("input", {
-          "aria-label": getTranslation(label, i18n) || path,
-          className: "form-input",
-          disabled: readOnly || disabled,
-          id: `field-${path.replace(/\./g, '__')}`,
-          max: max,
-          min: min,
-          name: path,
-          onChange: handleChange,
-          onWheel: e_0 => {
-            // @ts-expect-error - blur() exists on input elements but not typed on EventTarget
-            e_0.target.blur();
-          },
-          placeholder: placeholder,
-          step: step,
-          type: "number",
-          value: typeof value_0 === 'number' ? value_0 : ''
-        }), /*#__PURE__*/_jsx(InputStepper, {
-          disabled: readOnly || disabled,
-          onDecrement: () => handleStep('down'),
-          onIncrement: () => handleStep('up')
-        })]
-      }), AfterInput, /*#__PURE__*/_jsx(RenderCustomComponent, {
-        CustomComponent: Description,
-        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-          description: description,
-          path: path
-        })
-      })]
-    })]
+    value: value_0,
+    valueToRender: valueToRender
   });
 };
 export const NumberField = withCondition(NumberFieldComponent);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","isNumber","React","useCallback","useEffect","useMemo","useState","InputStepper","ReactSelect","RenderCustomComponent","useField","withCondition","useTranslation","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","baseClass","NumberFieldComponent","props","field","admin","className","description","placeholder","placeholderFromProps","step","hasMany","label","localized","max","Infinity","maxRows","min","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","handleStep","direction","currentValue","newValue","valueToRender","setValueToRender","handleHasManyChange","selectedOption","Array","isArray","map","option","index","id","toString","styles","undefined","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","replace","components","DropdownIndicator","filterOption","_","rawInput","isOverHasMany","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","name","onWheel","blur","type","onDecrement","onIncrement","NumberField"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldClientComponent, NumberFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\n\nimport { InputStepper } from '../../elements/InputStepper/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'number'\n\nconst NumberFieldComponent: NumberFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        placeholder: placeholderFromProps,\n        step = 1,\n      } = {} as NumberFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      max = Infinity,\n      maxRows = Infinity,\n      min = -Infinity,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, max, min, required })\n      }\n    },\n    [validate, min, max, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<number | number[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e) => {\n      const val = parseFloat(e.target.value)\n      let newVal = val\n\n      if (Number.isNaN(val)) {\n        newVal = null\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newVal)\n      }\n\n      setValue(newVal)\n    },\n    [onChangeFromProps, setValue],\n  )\n\n  const handleStep = useCallback(\n    (direction: 'down' | 'up') => {\n      if (readOnly || disabled) {\n        return\n      }\n      const currentValue = typeof value === 'number' ? value : 0\n      let newValue = direction === 'up' ? currentValue + step : currentValue - step\n\n      // Clamp to min/max bounds\n      if (newValue > max) {\n        newValue = max\n      }\n      if (newValue < min) {\n        newValue = min\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n\n      setValue(newValue)\n    },\n    [disabled, max, min, onChangeFromProps, readOnly, setValue, step, value],\n  )\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!(readOnly || disabled)) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as unknown as Record<string, number>)?.value || val,\n            }, // You're probably wondering, why the hell is this done that way? Well, React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const placeholder =\n    getTranslation(placeholderFromProps, i18n) || (hasMany ? t('general:enterANumber') : undefined)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        (readOnly || disabled) && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\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        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            components={{ DropdownIndicator: null }}\n            disabled={readOnly || disabled}\n            filterOption={(_, rawInput) => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              return isNumber(rawInput) && !isOverHasMany\n            }}\n            isClearable\n            isCreatable\n            isMulti\n            isSortable\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            // numberOnly\n            onChange={handleHasManyChange}\n            options={[]}\n            placeholder={placeholder}\n            showError={showError}\n            value={valueToRender as Option[]}\n          />\n        ) : (\n          <div className=\"form-input-group\">\n            <input\n              aria-label={getTranslation(label, i18n) || path}\n              className=\"form-input\"\n              disabled={readOnly || disabled}\n              id={`field-${path.replace(/\\./g, '__')}`}\n              max={max}\n              min={min}\n              name={path}\n              onChange={handleChange}\n              onWheel={(e) => {\n                // @ts-expect-error - blur() exists on input elements but not typed on EventTarget\n                e.target.blur()\n              }}\n              placeholder={placeholder}\n              step={step}\n              type=\"number\"\n              value={typeof value === 'number' ? value : ''}\n            />\n            <InputStepper\n              disabled={readOnly || disabled}\n              onDecrement={() => handleStep('down')}\n              onIncrement={() => handleStep('up')}\n            />\n          </div>\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","mergeFieldStyles","NumberInput","NumberFieldComponent","props","field","admin","className","description","placeholder","step","hasMany","label","localized","max","Infinity","maxRows","min","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","handleStep","direction","currentValue","newValue","valueToRender","setValueToRender","handleHasManyChange","selectedOption","Array","isArray","map","option","index","id","toString","styles","_jsx","onStep","style","NumberField"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldClientComponent, NumberFieldClientProps } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { NumberInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { NumberInput } from './Input.js'\nimport './index.css'\n\nexport { NumberInput, type NumberInputProps }\n\nconst NumberFieldComponent: NumberFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        placeholder,\n        step = 1,\n      } = {} as NumberFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      max = Infinity,\n      maxRows = Infinity,\n      min = -Infinity,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, max, min, required })\n      }\n    },\n    [validate, min, max, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<number | number[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e) => {\n      const val = parseFloat(e.target.value)\n      let newVal = val\n\n      if (Number.isNaN(val)) {\n        newVal = null\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newVal)\n      }\n\n      setValue(newVal)\n    },\n    [onChangeFromProps, setValue],\n  )\n\n  const handleStep = useCallback(\n    (direction: 'down' | 'up') => {\n      if (readOnly || disabled) {\n        return\n      }\n      const currentValue = typeof value === 'number' ? value : 0\n      let newValue = direction === 'up' ? currentValue + step : currentValue - step\n\n      // Clamp to min/max bounds\n      if (newValue > max) {\n        newValue = max\n      }\n      if (newValue < min) {\n        newValue = min\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n\n      setValue(newValue)\n    },\n    [disabled, max, min, onChangeFromProps, readOnly, setValue, step, value],\n  )\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!(readOnly || disabled)) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as unknown as Record<string, number>)?.value || val,\n            }, // You're probably wondering, why the hell is this done that way? Well, React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <NumberInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      Label={Label}\n      label={label}\n      localized={localized}\n      max={max}\n      maxRows={maxRows}\n      min={min}\n      onChange={hasMany ? handleHasManyChange : handleChange}\n      onStep={handleStep}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      step={step}\n      style={styles}\n      value={value as number}\n      valueToRender={valueToRender}\n    />\n  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Number/types.d.ts

@@ -0,0 +1,35 @@
+import type { StaticDescription, StaticLabel } from 'payload';
+import type React from 'react';
+import type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js';
+export type SharedNumberFieldProps = {
+    readonly hasMany?: false;
+    readonly onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+} | {
+    readonly hasMany?: true;
+    readonly onChange?: ReactSelectAdapterProps['onChange'];
+};
+export type NumberInputProps = {
+    readonly AfterInput?: React.ReactNode;
+    readonly BeforeInput?: React.ReactNode;
+    readonly className?: string;
+    readonly Description?: React.ReactNode;
+    readonly description?: StaticDescription;
+    readonly Error?: React.ReactNode;
+    readonly Label?: React.ReactNode;
+    readonly label?: StaticLabel;
+    readonly localized?: boolean;
+    readonly max?: number;
+    readonly maxRows?: number;
+    readonly min?: number;
+    readonly onStep?: (direction: 'down' | 'up') => void;
+    readonly path: string;
+    readonly placeholder?: Record<string, string> | string;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly showError?: boolean;
+    readonly step?: number;
+    readonly style?: React.CSSProperties;
+    readonly value?: null | number;
+    readonly valueToRender?: Option[];
+} & SharedNumberFieldProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/fields/Number/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,sBAAsB,GAC9B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACrE,GACD;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CACxD,CAAA;AAEL,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CAClC,GAAG,sBAAsB,CAAA"}

package/dist/fields/Number/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/fields/Number/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Number/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedNumberFieldProps =\n  | {\n      readonly hasMany?: false\n      readonly onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n    }\n  | {\n      readonly hasMany?: true\n      readonly onChange?: ReactSelectAdapterProps['onChange']\n    }\n\nexport type NumberInputProps = {\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 Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly max?: number\n  readonly maxRows?: number\n  readonly min?: number\n  readonly onStep?: (direction: 'down' | 'up') => void\n  readonly path: string\n  readonly placeholder?: Record<string, string> | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly step?: number\n  readonly style?: React.CSSProperties\n  readonly value?: null | number\n  readonly valueToRender?: Option[]\n} & SharedNumberFieldProps\n"],"mappings":"AAeA","ignoreList":[]}

package/dist/fields/Point/index.d.ts

@@ -7,5 +7,5 @@ export declare const PointField: React.FC<{
     readonly validate?: PointFieldValidation;
 } & {
     readonly field: Omit<import("payload").PointFieldClient, "type"> & Partial<Pick<import("payload").PointFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/RadioGroup/Radio/index.css

@@ -20,7 +20,7 @@
   }
 
   .radio-input__styled-radio {
-    border: 1px solid var(--color-border-strong);
+    border: var(--stroke-width-small) solid var(--color-border-strong);
     background-color: transparent;
     width: 1rem;
     height: 1rem;

package/dist/fields/Relationship/findOptionsByValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"findOptionsByValue.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/findOptionsByValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,KAAK,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,kBAAkB,kCAAmC,IAAI,KAAG,MAAM,GAAG,MAAM,EAgCvF,CAAA"}
+{"version":3,"file":"findOptionsByValue.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/findOptionsByValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,KAAK,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,+BAA+B,IAAI,KAAG,MAAM,GAAG,MAAM,EAgCvF,CAAA"}

package/dist/fields/Relationship/index.css

@@ -27,7 +27,7 @@
   }
 
   .relationship__error-loading {
-    border: 1px solid var(--color-border-danger-strong);
+    border: var(--stroke-width-small) solid var(--color-border-danger-strong);
     min-height: var(--spacer-6);
     padding: var(--spacer-2) var(--spacer-3);
     background-color: var(--color-bg-danger);

package/dist/fields/Relationship/index.d.ts

@@ -7,5 +7,5 @@ export declare const RelationshipField: React.FC<{
     readonly validate?: import("payload").RelationshipFieldValidation;
 } & {
     readonly field: (Omit<import("payload").PolymorphicRelationshipFieldClient, "type"> & Partial<Pick<import("payload").PolymorphicRelationshipFieldClient, "type">>) | (Omit<import("payload").SingleRelationshipFieldClient, "type"> & Partial<Pick<import("payload").SingleRelationshipFieldClient, "type">>);
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Relationship/optionsReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAU,WAAW,EAAE,MAAM,YAAY,CAAA;AAyB7D,eAAO,MAAM,cAAc,UAAW,WAAW,EAAE,UAAU,MAAM,KAAG,WAAW,EA+IhF,CAAA"}
+{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAU,WAAW,EAAE,MAAM,YAAY,CAAA;AAyB7D,eAAO,MAAM,cAAc,GAAI,OAAO,WAAW,EAAE,EAAE,QAAQ,MAAM,KAAG,WAAW,EA+IhF,CAAA"}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.css

@@ -31,7 +31,7 @@
     margin-left: 0.25rem;
     pointer-events: all;
     border-radius: var(--radius-small);
-    border: 1px solid transparent;
+    border: var(--stroke-width-small) solid transparent;
 
     &:hover {
       background-color: var(--color-bg-transparent-hover);

package/dist/fields/Relationship/select-components/MultiValueLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAA6B,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAM5C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CACpC;IACE,WAAW,EAAE;QAEX,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAA;KACpD,CAAA;CACF,GAAG,eAAe,CAAC,MAAM,CAAC,CAyD5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAI5C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CACpC;IACE,WAAW,EAAE;QAEX,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAA;KACpD,CAAA;CACF,GAAG,eAAe,CAAC,MAAM,CAAC,CAiD5B,CAAA"}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js

@@ -1,12 +1,10 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment, useState } from 'react';
+import React, { Fragment } from 'react';
 import { components } from 'react-select';
-import { Tooltip } from '../../../../elements/Tooltip/index.js';
 import { EditIcon } from '../../../../icons/Edit/index.js';
 import { useAuth } from '../../../../providers/Auth/index.js';
-import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'relationship--multi-value-label';
 export const MultiValueLabel = props => {
@@ -30,10 +28,6 @@ export const MultiValueLabel = props => {
   const {
     permissions
   } = useAuth();
-  const [showTooltip, setShowTooltip] = useState(false);
-  const {
-    t
-  } = useTranslation();
   const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
   return _jsxs("div", {
     className: baseClass,
@@ -48,11 +42,10 @@ export const MultiValueLabel = props => {
         }
       })
     }), relationTo && hasReadPermission && allowEdit !== false && _jsx(Fragment, {
-      children: _jsxs("button", {
+      children: _jsx("button", {
         "aria-label": `Edit ${label}`,
         className: `${baseClass}__drawer-toggler`,
         onClick: event => {
-          setShowTooltip(false);
           onDocumentOpen({
             id: value,
             collectionSlug: relationTo,
@@ -62,19 +55,11 @@ export const MultiValueLabel = props => {
         },
         onKeyDown: _temp,
         onMouseDown: _temp2,
-        onMouseEnter: () => setShowTooltip(true),
-        onMouseLeave: () => setShowTooltip(false),
         onTouchEnd: _temp3,
         type: "button",
-        children: [_jsx(Tooltip, {
-          className: `${baseClass}__tooltip`,
-          show: showTooltip,
-          children: t("general:editLabel", {
-            label: ""
-          })
-        }), _jsx(EditIcon, {
+        children: _jsx(EditIcon, {
           className: `${baseClass}__icon`
-        })]
+        })
       })
     })]
   });

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Fragment","useState","components","Tooltip","EditIcon","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","t0","selectProps","t1","allowEdit","label","relationTo","value","customProps","t2","undefined","draggableProps","onDocumentOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","_jsxs","className","title","children","_jsx","innerProps","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","onTouchEnd","_temp3","type","show","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & MultiValueProps<Option>\n> = (props) => {\n  const {\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <div className={baseClass} title={label || ''}>\n      <div className={`${baseClass}__content`}>\n        <components.MultiValueLabel\n          {...props}\n          innerProps={{\n            className: `${baseClass}__text`,\n            ...(draggableProps || {}),\n          }}\n        />\n      </div>\n      {relationTo && hasReadPermission && allowEdit !== false && (\n        <Fragment>\n          <button\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={(event) => {\n              setShowTooltip(false)\n              onDocumentOpen({\n                id: value,\n                collectionSlug: relationTo,\n                hasReadPermission,\n                openInNewTab: event.metaKey || event.ctrlKey,\n              })\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.stopPropagation()\n              }\n            }}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n              {t('general:editLabel', { label: '' })}\n            </Tooltip>\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,QAAQ,EAAEC,QAAQ,QAAQ;AAC1C,SAASC,UAAU,QAAQ;AAK3B,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,eAAA,GAOTC,KAAA;EACF;IAAAC,IAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAGIJ,KAAA;EAFI;IAAAK,SAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAN,EAAuC;EAChC;IAAAO,WAAA,EAAAC;EAAA,IAAAN,EAA6D,KAAAO,SAAA,QAA7DP,EAA6D;EAA9C;IAAAQ,cAAA;IAAAC;EAAA,IAAAH,EAAuC,KAAAC,SAAA,QAAvCD,EAAuC;EAGrE;IAAAI;EAAA,IAAwBlB,OAAA;EACxB,OAAAmB,WAAA,EAAAC,cAAA,IAAsCxB,QAAA,MAAS;EAC/C;IAAAyB;EAAA,IAAcpB,cAAA;EACd,MAAAqB,iBAAA,GAA0BC,OAAA,CAAQL,WAAA,EAAAM,WAAA,GAA2Bb,UAAA,GAAAc,IAAa;EAAA,OAGxEC,KAAA,CAAC;IAAAC,SAAA,EAAAzB,SAAA;IAAA0B,KAAA,EAAiClB,KAAA,IAAS;IAAAmB,QAAA,GACzCC,IAAA,CAAC;MAAAH,SAAA,EAAe,GAAAzB,SAAA,WAAuB;MAAA2B,QAAA,EACrCC,IAAA,CAAAjC,UAAA,CAAAM,eAAA;QAAA,GACMC,KAAK;QAAA2B,UAAA;UAAAJ,SAAA,EAEI,GAAAzB,SAAA,QAAoB;UAAA,IAC3Bc,cAAA,MAAoB;QAAA;MAAA,C;QAI7BL,UAAA,IAAcW,iBAAA,IAAqBb,SAAA,UAAc,IAChDqB,IAAA,CAAAnC,QAAA;MAAAkC,QAAA,EACEH,KAAA,CAAC;QAAA,cACa,QAAQhB,KAAA,EAAO;QAAAiB,SAAA,EAChB,GAAAzB,SAAA,kBAA8B;QAAA8B,OAAA,EAAAC,KAAA;UAEvCb,cAAA,MAAe;UACfH,cAAA;YAAAiB,EAAA,EACMtB,KAAA;YAAAuB,cAAA,EACYxB,UAAA;YAAAW,iBAAA;YAAAc,YAAA,EAEFH,KAAA,CAAAI,OAAA,IAAiBJ,KAAA,CAAAK;UAAa,CAC9C;QAAA;QAAAC,SAAA,EAAAC,KAAA;QAAAC,WAAA,EAAAC,MAAA;QAAAC,YAAA,EAAAA,CAAA,KAQkBvB,cAAA,KAAe;QAAAwB,YAAA,EAAAA,CAAA,KACfxB,cAAA,MAAe;QAAAyB,UAAA,EAAAC,MAAA;QAAAC,IAAA,EAE9B;QAAAlB,QAAA,GAELC,IAAA,CAAAhC,OAAA;UAAA6B,SAAA,EAAoB,GAAAzB,SAAA,WAAuB;UAAA8C,IAAA,EAAQ7B,WAAA;UAAAU,QAAA,EAChDR,CAAA,CAAE;YAAAX,KAAA,EAA8B;UAAA,CAAG;QAAA,C,GAEtCoB,IAAA,CAAA/B,QAAA;UAAA4B,SAAA,EAAqB,GAAAzB,SAAA;QAAoB,C;;;;CAMrD;AAxDI,SAAAsC,MAAAS,CAAA;EAAA,IAqCcA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,eAAA,CAAiB;EAAA;AAAA;AAtC7B,SAAAT,OAAAU,GAAA;EAAA,OAyC4BH,GAAA,CAAAE,eAAA,CAAiB;AAAA;AAzC7C,SAAAL,OAAAO,GAAA;EAAA,OA4C2BJ,GAAA,CAAAE,eAAA,CAAiB;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Fragment","components","EditIcon","useAuth","baseClass","MultiValueLabel","props","data","t0","selectProps","t1","allowEdit","label","relationTo","value","customProps","t2","undefined","draggableProps","onDocumentOpen","permissions","hasReadPermission","Boolean","collections","read","_jsxs","className","title","children","_jsx","innerProps","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onTouchEnd","_temp3","type","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & MultiValueProps<Option>\n> = (props) => {\n  const {\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <div className={baseClass} title={label || ''}>\n      <div className={`${baseClass}__content`}>\n        <components.MultiValueLabel\n          {...props}\n          innerProps={{\n            className: `${baseClass}__text`,\n            ...(draggableProps || {}),\n          }}\n        />\n      </div>\n      {relationTo && hasReadPermission && allowEdit !== false && (\n        <Fragment>\n          <button\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={(event) => {\n              onDocumentOpen({\n                id: value,\n                collectionSlug: relationTo,\n                hasReadPermission,\n                openInNewTab: event.metaKey || event.ctrlKey,\n              })\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.stopPropagation()\n              }\n            }}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,QAAQ,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAK3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,eAAA,GAOTC,KAAA;EACF;IAAAC,IAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAGIJ,KAAA;EAFI;IAAAK,SAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAN,EAAuC;EAChC;IAAAO,WAAA,EAAAC;EAAA,IAAAN,EAA6D,KAAAO,SAAA,QAA7DP,EAA6D;EAA9C;IAAAQ,cAAA;IAAAC;EAAA,IAAAH,EAAuC,KAAAC,SAAA,QAAvCD,EAAuC;EAGrE;IAAAI;EAAA,IAAwBjB,OAAA;EACxB,MAAAkB,iBAAA,GAA0BC,OAAA,CAAQF,WAAA,EAAAG,WAAA,GAA2BV,UAAA,GAAAW,IAAa;EAAA,OAGxEC,KAAA,CAAC;IAAAC,SAAA,EAAAtB,SAAA;IAAAuB,KAAA,EAAiCf,KAAA,IAAS;IAAAgB,QAAA,GACzCC,IAAA,CAAC;MAAAH,SAAA,EAAe,GAAAtB,SAAA,WAAuB;MAAAwB,QAAA,EACrCC,IAAA,CAAA5B,UAAA,CAAAI,eAAA;QAAA,GACMC,KAAK;QAAAwB,UAAA;UAAAJ,SAAA,EAEI,GAAAtB,SAAA,QAAoB;UAAA,IAC3Bc,cAAA,MAAoB;QAAA;MAAA,C;QAI7BL,UAAA,IAAcQ,iBAAA,IAAqBV,SAAA,UAAc,IAChDkB,IAAA,CAAA7B,QAAA;MAAA4B,QAAA,EACEC,IAAA,CAAC;QAAA,cACa,QAAQjB,KAAA,EAAO;QAAAc,SAAA,EAChB,GAAAtB,SAAA,kBAA8B;QAAA2B,OAAA,EAAAC,KAAA;UAEvCb,cAAA;YAAAc,EAAA,EACMnB,KAAA;YAAAoB,cAAA,EACYrB,UAAA;YAAAQ,iBAAA;YAAAc,YAAA,EAEFH,KAAA,CAAAI,OAAA,IAAiBJ,KAAA,CAAAK;UAAa,CAC9C;QAAA;QAAAC,SAAA,EAAAC,KAAA;QAAAC,WAAA,EAAAC,MAAA;QAAAC,UAAA,EAAAC,MAAA;QAAAC,IAAA,EASG;QAAAhB,QAAA,EAELC,IAAA,CAAA3B,QAAA;UAAAwB,SAAA,EAAqB,GAAAtB,SAAA;QAAoB,C;;;;CAMrD;AAhDI,SAAAmC,MAAAM,CAAA;EAAA,IAkCcA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,eAAA,CAAiB;EAAA;AAAA;AAnC7B,SAAAN,OAAAO,GAAA;EAAA,OAsC4BH,GAAA,CAAAE,eAAA,CAAiB;AAAA;AAtC7C,SAAAJ,OAAAM,GAAA;EAAA,OAuC2BJ,GAAA,CAAAE,eAAA,CAAiB;AAAA","ignoreList":[]}

package/dist/fields/Relationship/select-components/SingleValue/index.css

@@ -29,7 +29,7 @@
     justify-content: center;
     margin-left: var(--spacer-1);
     pointer-events: all;
-    border: 1px solid transparent;
+    border: var(--stroke-width-small) solid transparent;
     border-radius: var(--radius-small);
 
     &:focus-visible {

package/dist/fields/Relationship/select-components/SingleValue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAA6B,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAM5C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAChC;IACE,WAAW,EAAE;QAEX,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAA;KACpD,CAAA;CACF,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAsD7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAK5C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAChC;IACE,WAAW,EAAE;QAEX,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAA;KACpD,CAAA;CACF,GAAG,gBAAgB,CAAC,MAAM,CAAC,CA+C7B,CAAA"}

package/dist/fields/Relationship/select-components/SingleValue/index.js

@@ -2,16 +2,15 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment, useState } from 'react';
+import React, { Fragment } from 'react';
 import { components as SelectComponents } from 'react-select';
-import { Tooltip } from '../../../../elements/Tooltip/index.js';
 import { EditIcon } from '../../../../icons/Edit/index.js';
 import { useAuth } from '../../../../providers/Auth/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'relationship--single-value';
 export const SingleValue = props => {
-  const $ = _c(16);
+  const $ = _c(15);
   const {
     children,
     data: t0,
@@ -45,7 +44,6 @@ export const SingleValue = props => {
   const {
     onDocumentOpen
   } = t4;
-  const [showTooltip, setShowTooltip] = useState(false);
   const {
     t
   } = useTranslation();
@@ -55,7 +53,7 @@ export const SingleValue = props => {
   const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
   const t5 = label || "";
   let t6;
-  if ($[4] !== allowEdit || $[5] !== children || $[6] !== hasReadPermission || $[7] !== label || $[8] !== onDocumentOpen || $[9] !== props || $[10] !== relationTo || $[11] !== showTooltip || $[12] !== t || $[13] !== t5 || $[14] !== value) {
+  if ($[4] !== allowEdit || $[5] !== children || $[6] !== hasReadPermission || $[7] !== label || $[8] !== onDocumentOpen || $[9] !== props || $[10] !== relationTo || $[11] !== t || $[12] !== t5 || $[13] !== value) {
     t6 = _jsx(SelectComponents.SingleValue, {
       ...props,
       className: baseClass,
@@ -68,13 +66,12 @@ export const SingleValue = props => {
             className: `${baseClass}__text`,
             children
           }), relationTo && hasReadPermission && allowEdit !== false && _jsx(Fragment, {
-            children: _jsxs("button", {
+            children: _jsx("button", {
               "aria-label": t("general:editLabel", {
                 label
               }),
               className: `${baseClass}__drawer-toggler`,
               onClick: event => {
-                setShowTooltip(false);
                 onDocumentOpen({
                   id: value,
                   collectionSlug: relationTo,
@@ -84,15 +81,9 @@ export const SingleValue = props => {
               },
               onKeyDown: _temp,
               onMouseDown: _temp2,
-              onMouseEnter: () => setShowTooltip(true),
-              onMouseLeave: () => setShowTooltip(false),
               onTouchEnd: _temp3,
               type: "button",
-              children: [_jsx(Tooltip, {
-                className: `${baseClass}__tooltip`,
-                show: showTooltip,
-                children: t("general:edit")
-              }), _jsx(EditIcon, {})]
+              children: _jsx(EditIcon, {})
             })
           })]
         })
@@ -105,13 +96,12 @@ export const SingleValue = props => {
     $[8] = onDocumentOpen;
     $[9] = props;
     $[10] = relationTo;
-    $[11] = showTooltip;
-    $[12] = t;
-    $[13] = t5;
-    $[14] = value;
-    $[15] = t6;
+    $[11] = t;
+    $[12] = t5;
+    $[13] = value;
+    $[14] = t6;
   } else {
-    t6 = $[15];
+    t6 = $[14];
   }
   return t6;
 };

package/dist/fields/Relationship/select-components/SingleValue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useState","components","SelectComponents","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","$","children","data","t0","selectProps","t1","allowEdit","label","relationTo","value","t2","undefined","customProps","t3","t4","onDocumentOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","t5","t6","_jsx","className","title","_jsxs","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","onTouchEnd","_temp3","type","show","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { onDocumentOpen } = {} } = {},\n  } = props\n\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`} title={label || ''}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && allowEdit !== false && (\n            <Fragment>\n              <button\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={(event) => {\n                  setShowTooltip(false)\n                  onDocumentOpen({\n                    id: value,\n                    collectionSlug: relationTo,\n                    hasReadPermission,\n                    openInNewTab: event.metaKey || event.ctrlKey,\n                  })\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.stopPropagation()\n                  }\n                }}\n                onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                type=\"button\"\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","components","SelectComponents","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","$","children","data","t0","selectProps","t1","allowEdit","label","relationTo","value","t2","undefined","customProps","t3","t4","onDocumentOpen","t","permissions","hasReadPermission","Boolean","collections","read","t5","t6","_jsx","className","title","_jsxs","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onTouchEnd","_temp3","type","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { onDocumentOpen } = {} } = {},\n  } = props\n\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`} title={label || ''}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && allowEdit !== false && (\n            <Fragment>\n              <button\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={(event) => {\n                  onDocumentOpen({\n                    id: value,\n                    collectionSlug: relationTo,\n                    hasReadPermission,\n                    openInNewTab: event.metaKey || event.ctrlKey,\n                  })\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.stopPropagation()\n                  }\n                }}\n                onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                type=\"button\"\n              >\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Row/index.css

@@ -5,6 +5,8 @@
     margin-bottom: 0;
 
     .row__fields {
+      --spacing-field: 0;
+
       display: flex;
       flex-wrap: wrap;
       row-gap: var(--row-gap);

package/dist/fields/Row/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import './index.css';
 export declare const RowField: React.FC<Omit<import("payload").FieldPaths, "path"> & Pick<import("payload").ClientComponentProps, "forceRender"> & {
     readonly field: Omit<import("payload").RowFieldClient, "type"> & Partial<Pick<import("payload").RowFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Row/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAsCpB,eAAO,MAAM,QAAQ;;+EAAmC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAqCpB,eAAO,MAAM,QAAQ;;+EAAmC,CAAA"}

package/dist/fields/Row/index.js

@@ -32,7 +32,6 @@ const RowFieldComponent = props => {
         className: `${baseClass}__fields`,
         fields: fields,
         forceRender: forceRender,
-        margins: false,
         parentIndexPath: indexPath,
         parentPath: parentPath,
         parentSchemaPath: parentSchemaPath,