@payloadcms/ui 3.0.0-alpha.47 → 3.0.0-alpha.49

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

@@ -1,155 +0,0 @@
-'use client';
-import { getTranslation } from '@payloadcms/translations';
-import { isNumber } from 'payload/utilities';
-import React, { useCallback, useEffect, useState } from 'react';
-import ReactSelect from '../../../elements/ReactSelect/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import LabelComp from '../../Label/index.js';
-import useField from '../../useField/index.js';
-import { withCondition } from '../../withCondition/index.js';
-import { fieldBaseClass } from '../shared.js';
-const NumberField = (props)=>{
-    const { name, AfterInput, BeforeInput, Description, Error, Label: LabelFromProps, className, label, onChange: onChangeFromProps, path: pathFromProps, placeholder, readOnly, required, style, validate, width } = props;
-    const Label = LabelFromProps || /*#__PURE__*/ React.createElement(LabelComp, {
-        label: label,
-        required: required
-    });
-    const max = 'max' in props ? props.max : Infinity;
-    const min = 'min' in props ? props.min : -Infinity;
-    const step = 'step' in props ? props.step : 1;
-    const hasMany = 'hasMany' in props ? props.hasMany : false;
-    const maxRows = 'maxRows' in props ? props.maxRows : Infinity;
-    const { i18n, t } = useTranslation();
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                max,
-                min,
-                required
-            });
-        }
-    }, [
-        validate,
-        min,
-        max,
-        required
-    ]);
-    const { path, setValue, showError, value } = useField({
-        path: pathFromProps || name,
-        validate: memoizedValidate
-    });
-    const handleChange = useCallback((e)=>{
-        const val = parseFloat(e.target.value);
-        let newVal = val;
-        if (Number.isNaN(val)) {
-            newVal = undefined;
-        }
-        if (typeof onChangeFromProps === 'function') {
-            onChangeFromProps(newVal);
-        }
-        setValue(newVal);
-    }, [
-        onChangeFromProps,
-        setValue
-    ]);
-    const [valueToRender, setValueToRender] = useState([]) // Only for hasMany
-    ;
-    const handleHasManyChange = useCallback((selectedOption)=>{
-        if (!readOnly) {
-            let newValue;
-            if (!selectedOption) {
-                newValue = [];
-            } else if (Array.isArray(selectedOption)) {
-                newValue = selectedOption.map((option)=>Number(option.value?.value || option.value));
-            } else {
-                newValue = [
-                    Number(selectedOption.value?.value || selectedOption.value)
-                ];
-            }
-            setValue(newValue);
-        }
-    }, [
-        readOnly,
-        setValue
-    ]);
-    // useEffect update valueToRender:
-    useEffect(()=>{
-        if (hasMany && Array.isArray(value)) {
-            setValueToRender(value.map((val, index)=>{
-                return {
-                    id: `${val}${index}`,
-                    label: `${val}`,
-                    value: {
-                        toString: ()=>`${val}${index}`,
-                        value: val?.value || val
-                    }
-                };
-            }));
-        }
-    }, [
-        value,
-        hasMany
-    ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            'number',
-            className,
-            showError && 'error',
-            readOnly && 'read-only',
-            hasMany && 'has-many'
-        ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            width
-        }
-    }, Error, Label, hasMany ? /*#__PURE__*/ React.createElement(ReactSelect, {
-        className: `field-${path.replace(/\./g, '__')}`,
-        disabled: readOnly,
-        filterOption: (option, rawInput)=>{
-            // eslint-disable-next-line no-restricted-globals
-            const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
-            return isNumber(rawInput) && !isOverHasMany;
-        },
-        isClearable: true,
-        isCreatable: true,
-        isMulti: true,
-        isSortable: true,
-        noOptionsMessage: ({ inputValue })=>{
-            const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
-            if (isOverHasMany) {
-                return t('validation:limitReached', {
-                    max: maxRows,
-                    value: value.length + 1
-                });
-            }
-            return null;
-        },
-        // numberOnly
-        onChange: handleHasManyChange,
-        options: [],
-        placeholder: t('general:enterAValue'),
-        showError: showError,
-        value: valueToRender
-    }) : /*#__PURE__*/ React.createElement("div", null, BeforeInput, /*#__PURE__*/ React.createElement("input", {
-        disabled: readOnly,
-        id: `field-${path.replace(/\./g, '__')}`,
-        max: max,
-        min: min,
-        name: path,
-        onChange: handleChange,
-        onWheel: (e)=>{
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            e.target.blur();
-        },
-        placeholder: getTranslation(placeholder, i18n),
-        step: step,
-        type: "number",
-        value: typeof value === 'number' ? value : ''
-    }), AfterInput), Description);
-};
-export default withCondition(NumberField);
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/utilities'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Option } from '../../../elements/ReactSelect/types.js'\nimport type { Props } from './types.js'\n\nimport ReactSelect from '../../../elements/ReactSelect/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport LabelComp from '../../Label/index.js'\nimport useField from '../../useField/index.js'\nimport { withCondition } from '../../withCondition/index.js'\nimport { fieldBaseClass } from '../shared.js'\nimport './index.scss'\n\nconst NumberField: React.FC<Props> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    Description,\n    Error,\n    Label: LabelFromProps,\n    className,\n    label,\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const Label = LabelFromProps || <LabelComp label={label} required={required} />\n\n  const max = 'max' in props ? props.max : Infinity\n  const min = 'min' in props ? props.min : -Infinity\n  const step = 'step' in props ? props.step : 1\n  const hasMany = 'hasMany' in props ? props.hasMany : false\n  const maxRows = 'maxRows' in props ? props.maxRows : Infinity\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 { path, setValue, showError, value } = useField<number | number[]>({\n    path: pathFromProps || name,\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 = undefined\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newVal)\n      }\n\n      setValue(newVal)\n    },\n    [onChangeFromProps, setValue],\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) {\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, 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 any)?.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  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'number',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      {Error}\n      {Label}\n      {hasMany ? (\n        <ReactSelect\n          className={`field-${path.replace(/\\./g, '__')}`}\n          disabled={readOnly}\n          filterOption={(option, rawInput) => {\n            // eslint-disable-next-line no-restricted-globals\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={({ inputValue }) => {\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={t('general:enterAValue')}\n          showError={showError}\n          value={valueToRender as Option[]}\n        />\n      ) : (\n        <div>\n          {BeforeInput}\n          <input\n            disabled={readOnly}\n            id={`field-${path.replace(/\\./g, '__')}`}\n            max={max}\n            min={min}\n            name={path}\n            onChange={handleChange}\n            onWheel={(e) => {\n              // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n              // @ts-expect-error\n              e.target.blur()\n            }}\n            placeholder={getTranslation(placeholder, i18n)}\n            step={step}\n            type=\"number\"\n            value={typeof value === 'number' ? value : ''}\n          />\n          {AfterInput}\n        </div>\n      )}\n      {Description}\n    </div>\n  )\n}\n\nexport default withCondition(NumberField)\n"],"names":["getTranslation","isNumber","React","useCallback","useEffect","useState","ReactSelect","useTranslation","LabelComp","useField","withCondition","fieldBaseClass","NumberField","props","name","AfterInput","BeforeInput","Description","Error","Label","LabelFromProps","className","label","onChange","onChangeFromProps","path","pathFromProps","placeholder","readOnly","required","style","validate","width","max","Infinity","min","step","hasMany","maxRows","i18n","t","memoizedValidate","value","options","setValue","showError","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","undefined","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","index","id","toString","div","filter","Boolean","join","replace","disabled","filterOption","rawInput","isOverHasMany","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","inputValue","input","onWheel","blur","type"],"mappings":"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"}

package/dist/forms/fields/Number/index.scss

@@ -1,31 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.field-type.number {
-  position: relative;
-
-  &:not(.has-many) {
-    input {
-      @include formInput;
-    }
-  }
-}
-
-html[data-theme='light'] {
-  .field-type.number {
-    &.error {
-      input {
-        @include lightInputError;
-      }
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .field-type.number {
-    &.error {
-      input {
-        @include darkInputError;
-      }
-    }
-  }
-}

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

@@ -1,7 +0,0 @@
-import type { FormFieldBase } from '../shared.js';
-export type Props = FormFieldBase & {
-    name?: string;
-    onChange?: (e: number) => void;
-    path?: string;
-};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Number/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Number/types.ts"],"sourcesContent":["import type { FormFieldBase } from '../shared.js'\n\nexport type Props = FormFieldBase & {\n  name?: string\n  onChange?: (e: number) => void\n  path?: string\n}\n"],"names":[],"mappings":"AAEA,WAIC"}

package/dist/forms/fields/Password/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { Props } from './types.js';
-import './index.scss';
-export declare const Password: React.FC<Props>;
-declare const _default: React.FC<Props>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Password/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Password/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuDpC,CAAA;;AAED,wBAAsC"}

package/dist/forms/fields/Password/index.js

@@ -1,51 +0,0 @@
-'use client';
-import React, { useCallback } from 'react';
-import LabelComp from '../../Label/index.js';
-import useField from '../../useField/index.js';
-import { withCondition } from '../../withCondition/index.js';
-import { fieldBaseClass } from '../shared.js';
-export const Password = (props)=>{
-    const { name, Error, Label: LabelFromProps, autoComplete, className, disabled, label, path: pathFromProps, required, style, validate, width } = props;
-    const Label = LabelFromProps || /*#__PURE__*/ React.createElement(LabelComp, {
-        label: label,
-        required: required
-    });
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                required
-            });
-        }
-    }, [
-        validate,
-        required
-    ]);
-    const { formProcessing, path, setValue, showError, value } = useField({
-        path: pathFromProps || name,
-        validate: memoizedValidate
-    });
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            'password',
-            className,
-            showError && 'error'
-        ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            width
-        }
-    }, Error, Label, /*#__PURE__*/ React.createElement("input", {
-        autoComplete: autoComplete,
-        disabled: formProcessing || disabled,
-        id: `field-${path.replace(/\./g, '__')}`,
-        name: path,
-        onChange: setValue,
-        type: "password",
-        value: value || ''
-    }));
-};
-export default withCondition(Password);
-
-//# sourceMappingURL=index.js.map

package/dist/forms/fields/Password/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Password/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport React, { useCallback } from 'react'\n\nimport type { Props } from './types.js'\n\nimport LabelComp from '../../Label/index.js'\nimport useField from '../../useField/index.js'\nimport { withCondition } from '../../withCondition/index.js'\nimport { fieldBaseClass } from '../shared.js'\nimport './index.scss'\n\nexport const Password: React.FC<Props> = (props) => {\n  const {\n    name,\n    Error,\n    Label: LabelFromProps,\n    autoComplete,\n    className,\n    disabled,\n    label,\n    path: pathFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const Label = LabelFromProps || <LabelComp label={label} required={required} />\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'password', className, showError && 'error']\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      {Error}\n      {Label}\n      <input\n        autoComplete={autoComplete}\n        disabled={formProcessing || disabled}\n        id={`field-${path.replace(/\\./g, '__')}`}\n        name={path}\n        onChange={setValue}\n        type=\"password\"\n        value={(value as string) || ''}\n      />\n    </div>\n  )\n}\n\nexport default withCondition(Password)\n"],"names":["React","useCallback","LabelComp","useField","withCondition","fieldBaseClass","Password","props","name","Error","Label","LabelFromProps","autoComplete","className","disabled","label","path","pathFromProps","required","style","validate","width","memoizedValidate","value","options","formProcessing","setValue","showError","div","filter","Boolean","join","input","id","replace","onChange","type"],"mappings":"AAAA;AAGA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAI1C,OAAOC,eAAe,uBAAsB;AAC5C,OAAOC,cAAc,0BAAyB;AAC9C,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,cAAc,QAAQ,eAAc;AAG7C,OAAO,MAAMC,WAA4B,CAACC;IACxC,MAAM,EACJC,IAAI,EACJC,KAAK,EACLC,OAAOC,cAAc,EACrBC,YAAY,EACZC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,MAAMC,aAAa,EACnBC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGd;IAEJ,MAAMG,QAAQC,gCAAkB,oBAACT;QAAUa,OAAOA;QAAOG,UAAUA;;IAEnE,MAAMI,mBAAmCrB,YACvC,CAACsB,OAAOC;QACN,IAAI,OAAOJ,aAAa,YAAY;YAClC,OAAOA,SAASG,OAAO;gBAAE,GAAGC,OAAO;gBAAEN;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEO,cAAc,EAAET,IAAI,EAAEU,QAAQ,EAAEC,SAAS,EAAEJ,KAAK,EAAE,GAAGpB,SAAS;QACpEa,MAAMC,iBAAiBT;QACvBY,UAAUE;IACZ;IAEA,qBACE,oBAACM;QACCf,WAAW;YAACR;YAAgB;YAAYQ;YAAWc,aAAa;SAAQ,CACrEE,MAAM,CAACC,SACPC,IAAI,CAAC;QACRZ,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;OAECZ,OACAC,qBACD,oBAACsB;QACCpB,cAAcA;QACdE,UAAUW,kBAAkBX;QAC5BmB,IAAI,CAAC,MAAM,EAAEjB,KAAKkB,OAAO,CAAC,OAAO,MAAM,CAAC;QACxC1B,MAAMQ;QACNmB,UAAUT;QACVU,MAAK;QACLb,OAAO,AAACA,SAAoB;;AAIpC,EAAC;AAED,eAAenB,cAAcE,UAAS"}

package/dist/forms/fields/Password/index.scss

@@ -1,29 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.field-type.password {
-  position: relative;
-
-  input {
-    @include formInput;
-  }
-}
-
-html[data-theme='light'] {
-  .field-type.password {
-    &.error {
-      input {
-        @include lightInputError;
-      }
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .field-type.password {
-    &.error {
-      input {
-        @include darkInputError;
-      }
-    }
-  }
-}

package/dist/forms/fields/Password/types.d.ts

@@ -1,18 +0,0 @@
-import type { Validate } from 'payload/types';
-import type { Description } from 'payload/types';
-import type React from 'react';
-import type { FormFieldBase } from '../shared.js';
-export type Props = FormFieldBase & {
-    autoComplete?: string;
-    className?: string;
-    description?: Description;
-    disabled?: boolean;
-    label?: string;
-    name: string;
-    path?: string;
-    required?: boolean;
-    style?: React.CSSProperties;
-    validate?: Validate;
-    width?: string;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Password/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Password/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/forms/fields/Password/types.js

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

package/dist/forms/fields/Password/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Password/types.ts"],"sourcesContent":["import type { Validate } from 'payload/types'\nimport type { Description } from 'payload/types'\nimport type React from 'react'\n\nimport type { FormFieldBase } from '../shared.js'\n\nexport type Props = FormFieldBase & {\n  autoComplete?: string\n  className?: string\n  description?: Description\n  disabled?: boolean\n  label?: string\n  name: string\n  path?: string\n  required?: boolean\n  style?: React.CSSProperties\n  validate?: Validate\n  width?: string\n}\n"],"names":[],"mappings":"AAMA,WAYC"}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { Props } from './types.js';
-import './index.scss';
-declare const _default: React.FC<Props>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Point/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAOvC,OAAO,cAAc,CAAA;;AAuHrB,wBAAwC"}

package/dist/forms/fields/Point/index.js

@@ -1,90 +0,0 @@
-'use client';
-import { getTranslation } from '@payloadcms/translations';
-import React, { useCallback } from 'react';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import LabelComp from '../../Label/index.js';
-import useField from '../../useField/index.js';
-import { withCondition } from '../../withCondition/index.js';
-import { fieldBaseClass } from '../shared.js';
-const baseClass = 'point';
-const PointField = (props)=>{
-    const { name, AfterInput, BeforeInput, Description, Error, Label: LabelFromProps, className, label, path: pathFromProps, placeholder, readOnly, required, style, validate, width } = props;
-    const Label = LabelFromProps || /*#__PURE__*/ React.createElement(LabelComp, {
-        label: label,
-        required: required
-    });
-    const { i18n } = useTranslation();
-    const step = 'step' in props ? props.step : 1;
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                required
-            });
-        }
-    }, [
-        validate,
-        required
-    ]);
-    const { path, setValue, showError, value = [
-        null,
-        null
-    ] } = useField({
-        path: pathFromProps || name,
-        validate: memoizedValidate
-    });
-    const handleChange = useCallback((e, index)=>{
-        let val = parseFloat(e.target.value);
-        if (Number.isNaN(val)) {
-            val = e.target.value;
-        }
-        const coordinates = [
-            ...value
-        ];
-        coordinates[index] = val;
-        setValue(coordinates);
-    }, [
-        setValue,
-        value
-    ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            className,
-            showError && 'error',
-            readOnly && 'read-only'
-        ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            width
-        }
-    }, Error, /*#__PURE__*/ React.createElement("ul", {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement("li", null, Label, /*#__PURE__*/ React.createElement("div", {
-        className: "input-wrapper"
-    }, BeforeInput, /*#__PURE__*/ React.createElement("input", {
-        disabled: readOnly,
-        id: `field-longitude-${path.replace(/\./g, '__')}`,
-        name: `${path}.longitude`,
-        onChange: (e)=>handleChange(e, 0),
-        placeholder: getTranslation(placeholder, i18n),
-        step: step,
-        type: "number",
-        value: value && typeof value[0] === 'number' ? value[0] : ''
-    }), AfterInput)), /*#__PURE__*/ React.createElement("li", null, Label, /*#__PURE__*/ React.createElement("div", {
-        className: "input-wrapper"
-    }, BeforeInput, /*#__PURE__*/ React.createElement("input", {
-        disabled: readOnly,
-        id: `field-latitude-${path.replace(/\./g, '__')}`,
-        name: `${path}.latitude`,
-        onChange: (e)=>handleChange(e, 1),
-        placeholder: getTranslation(placeholder, i18n),
-        step: step,
-        type: "number",
-        value: value && typeof value[1] === 'number' ? value[1] : ''
-    }), AfterInput))), Description);
-};
-export default withCondition(PointField);
-
-//# sourceMappingURL=index.js.map

package/dist/forms/fields/Point/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport LabelComp from '../../Label/index.js'\nimport useField from '../../useField/index.js'\nimport { withCondition } from '../../withCondition/index.js'\nimport { fieldBaseClass } from '../shared.js'\nimport './index.scss'\n\nconst baseClass = 'point'\n\nconst PointField: React.FC<Props> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    Description,\n    Error,\n    Label: LabelFromProps,\n    className,\n    label,\n    path: pathFromProps,\n    placeholder,\n    readOnly,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const Label = LabelFromProps || <LabelComp label={label} required={required} />\n\n  const { i18n } = useTranslation()\n\n  const step = 'step' in props ? props.step : 1\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    path,\n    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    path: pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e, index: 0 | 1) => {\n      let val = parseFloat(e.target.value)\n      if (Number.isNaN(val)) {\n        val = e.target.value\n      }\n      const coordinates = [...value]\n      coordinates[index] = val\n      setValue(coordinates)\n    },\n    [setValue, value],\n  )\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      {Error}\n      <ul className={`${baseClass}__wrap`}>\n        <li>\n          {Label}\n          <div className=\"input-wrapper\">\n            {BeforeInput}\n            <input\n              disabled={readOnly}\n              id={`field-longitude-${path.replace(/\\./g, '__')}`}\n              name={`${path}.longitude`}\n              onChange={(e) => handleChange(e, 0)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[0] === 'number' ? value[0] : ''}\n            />\n            {AfterInput}\n          </div>\n        </li>\n        <li>\n          {Label}\n          <div className=\"input-wrapper\">\n            {BeforeInput}\n            <input\n              disabled={readOnly}\n              id={`field-latitude-${path.replace(/\\./g, '__')}`}\n              name={`${path}.latitude`}\n              onChange={(e) => handleChange(e, 1)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[1] === 'number' ? value[1] : ''}\n            />\n            {AfterInput}\n          </div>\n        </li>\n      </ul>\n      {Description}\n    </div>\n  )\n}\n\nexport default withCondition(PointField)\n"],"names":["getTranslation","React","useCallback","useTranslation","LabelComp","useField","withCondition","fieldBaseClass","baseClass","PointField","props","name","AfterInput","BeforeInput","Description","Error","Label","LabelFromProps","className","label","path","pathFromProps","placeholder","readOnly","required","style","validate","width","i18n","step","memoizedValidate","value","options","setValue","showError","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","div","filter","Boolean","join","ul","li","input","disabled","id","replace","onChange","type"],"mappings":"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"}

package/dist/forms/fields/Point/index.scss

@@ -1,44 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.point {
-  position: relative;
-
-  &__wrap {
-    display: flex;
-    width: calc(100% + #{base(1)});
-    margin: 0;
-    margin-left: base(-0.5);
-    margin-right: base(-0.5);
-    list-style: none;
-    padding: 0;
-
-    li {
-      padding: 0 base(0.5);
-      width: 50%;
-    }
-  }
-
-  input {
-    @include formInput;
-  }
-}
-
-html[data-theme='light'] {
-  .point {
-    &.error {
-      input {
-        @include lightInputError;
-      }
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .point {
-    &.error {
-      input {
-        @include darkInputError;
-      }
-    }
-  }
-}

package/dist/forms/fields/Point/types.d.ts

@@ -1,6 +0,0 @@
-import type { FormFieldBase } from '../shared.js';
-export type Props = FormFieldBase & {
-    name?: string;
-    path?: string;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Point/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Point/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/forms/fields/Point/types.js

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

package/dist/forms/fields/Point/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Point/types.ts"],"sourcesContent":["import type { FormFieldBase } from '../shared.js'\n\nexport type Props = FormFieldBase & {\n  name?: string\n  path?: string\n}\n"],"names":[],"mappings":"AAEA,WAGC"}

package/dist/forms/fields/RadioGroup/Radio/index.d.ts

@@ -1,13 +0,0 @@
-import type { OptionObject } from 'payload/types';
-import React from 'react';
-import type { OnChange } from '../types.js';
-import './index.scss';
-export declare const Radio: React.FC<{
-    id: string;
-    isSelected: boolean;
-    onChange: OnChange;
-    option: OptionObject;
-    path: string;
-    uuid?: string;
-}>;
-//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/RadioGroup/Radio/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/RadioGroup/Radio/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAG3C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,QAAQ,CAAA;IAClB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAsBA,CAAA"}

package/dist/forms/fields/RadioGroup/Radio/index.js

@@ -1,29 +0,0 @@
-'use client';
-import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
-import { useTranslation } from '../../../../providers/Translation/index.js';
-const baseClass = 'radio-input';
-export const Radio = (props)=>{
-    const { isSelected, onChange, option, path, uuid } = props;
-    const { i18n } = useTranslation();
-    const id = `field-${path}-${option.value}${uuid ? `-${uuid}` : ''}`;
-    return /*#__PURE__*/ React.createElement("label", {
-        htmlFor: id
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: [
-            baseClass,
-            isSelected && `${baseClass}--is-selected`
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement("input", {
-        checked: isSelected,
-        id: id,
-        onChange: ()=>typeof onChange === 'function' ? onChange(option.value) : null,
-        type: "radio"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__styled-radio`
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__label`
-    }, getTranslation(option.label, i18n))));
-};
-
-//# sourceMappingURL=index.js.map

package/dist/forms/fields/RadioGroup/Radio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/forms/fields/RadioGroup/Radio/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { OnChange } from '../types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'radio-input'\n\nexport const Radio: React.FC<{\n  id: string\n  isSelected: boolean\n  onChange: OnChange\n  option: OptionObject\n  path: string\n  uuid?: string\n}> = (props) => {\n  const { isSelected, onChange, option, path, uuid } = props\n  const { i18n } = useTranslation()\n\n  const id = `field-${path}-${option.value}${uuid ? `-${uuid}` : ''}`\n\n  return (\n    <label htmlFor={id}>\n      <div\n        className={[baseClass, isSelected && `${baseClass}--is-selected`].filter(Boolean).join(' ')}\n      >\n        <input\n          checked={isSelected}\n          id={id}\n          onChange={() => (typeof onChange === 'function' ? onChange(option.value) : null)}\n          type=\"radio\"\n        />\n        <span className={`${baseClass}__styled-radio`} />\n        <span className={`${baseClass}__label`}>{getTranslation(option.label, i18n)}</span>\n      </div>\n    </label>\n  )\n}\n"],"names":["getTranslation","React","useTranslation","baseClass","Radio","props","isSelected","onChange","option","path","uuid","i18n","id","value","label","htmlFor","div","className","filter","Boolean","join","input","checked","type","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAG3E,MAAMC,YAAY;AAElB,OAAO,MAAMC,QAOR,CAACC;IACJ,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGL;IACrD,MAAM,EAAEM,IAAI,EAAE,GAAGT;IAEjB,MAAMU,KAAK,CAAC,MAAM,EAAEH,KAAK,CAAC,EAAED,OAAOK,KAAK,CAAC,EAAEH,OAAO,CAAC,CAAC,EAAEA,KAAK,CAAC,GAAG,GAAG,CAAC;IAEnE,qBACE,oBAACI;QAAMC,SAASH;qBACd,oBAACI;QACCC,WAAW;YAACd;YAAWG,cAAc,CAAC,EAAEH,UAAU,aAAa,CAAC;SAAC,CAACe,MAAM,CAACC,SAASC,IAAI,CAAC;qBAEvF,oBAACC;QACCC,SAAShB;QACTM,IAAIA;QACJL,UAAU,IAAO,OAAOA,aAAa,aAAaA,SAASC,OAAOK,KAAK,IAAI;QAC3EU,MAAK;sBAEP,oBAACC;QAAKP,WAAW,CAAC,EAAEd,UAAU,cAAc,CAAC;sBAC7C,oBAACqB;QAAKP,WAAW,CAAC,EAAEd,UAAU,OAAO,CAAC;OAAGH,eAAeQ,OAAOM,KAAK,EAAEH;AAI9E,EAAC"}