@payloadcms/ui 3.0.0-beta.134 → 3.0.0-beta.135

package/dist/fields/Point/index.js

@@ -1,9 +1,8 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
 import { FieldError } from '../../fields/FieldError/index.js';
@@ -11,258 +10,134 @@ import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { fieldBaseClass } from '../shared/index.js';
+import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import './index.scss';
+import { fieldBaseClass } from '../shared/index.js';
 const baseClass = 'point';
 export const PointFieldComponent = props => {
-  const $ = _c(48);
   const {
-    field: t0,
+    field,
+    field: {
+      admin: {
+        className,
+        description,
+        placeholder,
+        step
+      } = {},
+      label,
+      localized,
+      required
+    },
     path,
     readOnly,
     validate
   } = props;
-  const {
-    admin: t1,
-    label,
-    localized,
-    required
-  } = t0;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = t1 === undefined ? {} : t1;
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const {
-    className,
-    description,
-    placeholder,
-    step,
-    style,
-    width
-  } = t2;
   const {
     i18n,
     t
   } = useTranslation();
-  let t3;
-  if ($[2] !== validate || $[3] !== required) {
-    t3 = (value, options) => {
-      if (typeof validate === "function") {
-        return validate(value, {
-          ...options,
-          required
-        });
-      }
-    };
-    $[2] = validate;
-    $[3] = required;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const memoizedValidate = t3;
-  let t4;
-  if ($[5] !== path || $[6] !== memoizedValidate) {
-    t4 = {
-      path,
-      validate: memoizedValidate
-    };
-    $[5] = path;
-    $[6] = memoizedValidate;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
+  const memoizedValidate = useCallback((value, options) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
+        required
+      });
+    }
+  }, [validate, required]);
   const {
-    customComponents: t5,
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
     setValue,
     showError,
-    value: t6
-  } = useField(t4);
-  let t7;
-  if ($[8] !== t5) {
-    t7 = t5 === undefined ? {} : t5;
-    $[8] = t5;
-    $[9] = t7;
-  } else {
-    t7 = $[9];
-  }
-  const {
-    AfterInput,
-    BeforeInput,
-    Description,
-    Error,
-    Label
-  } = t7;
-  let t8;
-  if ($[10] !== t6) {
-    t8 = t6 === undefined ? [null, null] : t6;
-    $[10] = t6;
-    $[11] = t8;
-  } else {
-    t8 = $[11];
-  }
-  const value_0 = t8;
-  let t9;
-  if ($[12] !== value_0 || $[13] !== setValue) {
-    t9 = (e, index) => {
-      let val = parseFloat(e.target.value);
-      if (Number.isNaN(val)) {
-        val = e.target.value;
-      }
-      const coordinates = [...value_0];
-      coordinates[index] = val;
-      setValue(coordinates);
-    };
-    $[12] = value_0;
-    $[13] = setValue;
-    $[14] = t9;
-  } else {
-    t9 = $[14];
-  }
-  const handleChange = t9;
-  let t10;
-  if ($[15] !== t || $[16] !== label || $[17] !== i18n) {
-    t10 = type => {
-      const suffix = type === "longitude" ? t("fields:longitude") : t("fields:latitude");
-      const fieldLabel = label ? getTranslation(label, i18n) : "";
-      return `${fieldLabel}${fieldLabel ? " - " : ""}${suffix}`;
-    };
-    $[15] = t;
-    $[16] = label;
-    $[17] = i18n;
-    $[18] = t10;
-  } else {
-    t10 = $[18];
-  }
-  const getCoordinateFieldLabel = t10;
-  const t11 = showError && "error";
-  const t12 = readOnly && "read-only";
-  let t13;
-  if ($[19] !== className || $[20] !== t11 || $[21] !== t12) {
-    t13 = [fieldBaseClass, baseClass, className, t11, t12].filter(Boolean);
-    $[19] = className;
-    $[20] = t11;
-    $[21] = t12;
-    $[22] = t13;
-  } else {
-    t13 = $[22];
-  }
-  const t14 = t13.join(" ");
-  let t15;
-  if ($[23] !== style || $[24] !== width || $[25] !== getCoordinateFieldLabel || $[26] !== localized || $[27] !== path || $[28] !== required || $[29] !== Label || $[30] !== handleChange || $[31] !== placeholder || $[32] !== i18n || $[33] !== value_0 || $[34] !== readOnly || $[35] !== step || $[36] !== BeforeInput || $[37] !== AfterInput || $[38] !== showError || $[39] !== Error || $[40] !== description || $[41] !== Description || $[42] !== t14) {
-    let t16;
-    if ($[44] !== handleChange) {
-      t16 = e_0 => handleChange(e_0, 0);
-      $[44] = handleChange;
-      $[45] = t16;
-    } else {
-      t16 = $[45];
-    }
-    let t17;
-    if ($[46] !== handleChange) {
-      t17 = e_1 => handleChange(e_1, 1);
-      $[46] = handleChange;
-      $[47] = t17;
-    } else {
-      t17 = $[47];
+    value: value_0 = [null, null]
+  } = useField({
+    path,
+    validate: memoizedValidate
+  });
+  const handleChange = useCallback((e, index) => {
+    let val = parseFloat(e.target.value);
+    if (Number.isNaN(val)) {
+      val = e.target.value;
     }
-    t15 = _jsxs("div", {
-      className: t14,
-      style: {
-        ...style,
-        width
-      },
-      children: [_jsxs("ul", {
-        className: `${baseClass}__wrap`,
-        children: [_jsxs("li", {
-          children: [_jsx(RenderCustomComponent, {
-            CustomComponent: Label,
-            Fallback: _jsx(FieldLabel, {
-              label: getCoordinateFieldLabel("longitude"),
-              localized,
-              path,
-              required
-            })
-          }), _jsxs("div", {
-            className: "input-wrapper",
-            children: [BeforeInput, _jsx("input", {
-              disabled: readOnly,
-              id: `field-longitude-${path?.replace(/\./g, "__")}`,
-              name: `${path}.longitude`,
-              onChange: t16,
-              placeholder: getTranslation(placeholder, i18n),
-              step,
-              type: "number",
-              value: value_0 && typeof value_0[0] === "number" ? value_0[0] : ""
-            }), AfterInput]
-          })]
-        }), _jsxs("li", {
-          children: [_jsx(RenderCustomComponent, {
-            CustomComponent: Label,
-            Fallback: _jsx(FieldLabel, {
-              label: getCoordinateFieldLabel("latitude"),
-              localized,
-              path,
-              required
+    const coordinates = [...value_0];
+    coordinates[index] = val;
+    setValue(coordinates);
+  }, [setValue, value_0]);
+  const getCoordinateFieldLabel = type => {
+    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude');
+    const fieldLabel = label ? getTranslation(label, i18n) : '';
+    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`;
+  };
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass, className, showError && 'error', readOnly && 'read-only'].filter(Boolean).join(' '),
+    style: styles,
+    children: [/*#__PURE__*/_jsxs("ul", {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsxs("li", {
+        children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+          CustomComponent: Label,
+          Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            label: getCoordinateFieldLabel('longitude'),
+            localized: localized,
+            path: path,
+            required: required
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "input-wrapper",
+          children: [BeforeInput, /*#__PURE__*/_jsx("input", {
+            disabled: readOnly,
+            id: `field-longitude-${path?.replace(/\./g, '__')}`,
+            name: `${path}.longitude`,
+            onChange: e_0 => handleChange(e_0, 0),
+            placeholder: getTranslation(placeholder, i18n),
+            step: step,
+            type: "number",
+            value: value_0 && typeof value_0[0] === 'number' ? value_0[0] : ''
+          }), AfterInput]
+        })]
+      }), /*#__PURE__*/_jsxs("li", {
+        children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+          CustomComponent: Label,
+          Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            label: getCoordinateFieldLabel('latitude'),
+            localized: localized,
+            path: path,
+            required: required
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "input-wrapper",
+          children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+            CustomComponent: Error,
+            Fallback: /*#__PURE__*/_jsx(FieldError, {
+              path: path,
+              showError: showError
             })
-          }), _jsxs("div", {
-            className: "input-wrapper",
-            children: [_jsx(RenderCustomComponent, {
-              CustomComponent: Error,
-              Fallback: _jsx(FieldError, {
-                path,
-                showError
-              })
-            }), BeforeInput, _jsx("input", {
-              disabled: readOnly,
-              id: `field-latitude-${path?.replace(/\./g, "__")}`,
-              name: `${path}.latitude`,
-              onChange: t17,
-              placeholder: getTranslation(placeholder, i18n),
-              step,
-              type: "number",
-              value: value_0 && typeof value_0[1] === "number" ? value_0[1] : ""
-            }), AfterInput]
-          })]
+          }), BeforeInput, /*#__PURE__*/_jsx("input", {
+            disabled: readOnly,
+            id: `field-latitude-${path?.replace(/\./g, '__')}`,
+            name: `${path}.latitude`,
+            onChange: e_1 => handleChange(e_1, 1),
+            placeholder: getTranslation(placeholder, i18n),
+            step: step,
+            type: "number",
+            value: value_0 && typeof value_0[1] === 'number' ? value_0[1] : ''
+          }), AfterInput]
         })]
-      }), _jsx(RenderCustomComponent, {
-        CustomComponent: Description,
-        Fallback: _jsx(FieldDescription, {
-          description,
-          path
-        })
       })]
-    });
-    $[23] = style;
-    $[24] = width;
-    $[25] = getCoordinateFieldLabel;
-    $[26] = localized;
-    $[27] = path;
-    $[28] = required;
-    $[29] = Label;
-    $[30] = handleChange;
-    $[31] = placeholder;
-    $[32] = i18n;
-    $[33] = value_0;
-    $[34] = readOnly;
-    $[35] = step;
-    $[36] = BeforeInput;
-    $[37] = AfterInput;
-    $[38] = showError;
-    $[39] = Error;
-    $[40] = description;
-    $[41] = Description;
-    $[42] = t14;
-    $[43] = t15;
-  } else {
-    t15 = $[43];
-  }
-  return t15;
+    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Description,
+      Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+        description: description,
+        path: path
+      })
+    })]
+  });
 };
 export const PointField = withCondition(PointFieldComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","fieldBaseClass","baseClass","PointFieldComponent","props","$","field","t0","path","readOnly","validate","admin","t1","label","localized","required","t2","undefined","className","description","placeholder","step","style","width","i18n","t","t3","value","options","memoizedValidate","t4","customComponents","t5","setValue","showError","t6","t7","AfterInput","BeforeInput","Description","Error","Label","t8","value_0","t9","e","index","val","parseFloat","target","Number","isNaN","coordinates","handleChange","t10","type","suffix","fieldLabel","getCoordinateFieldLabel","t11","t12","t13","filter","Boolean","t14","join","t15","t16","e_0","t17","e_1","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","onChange","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientComponent, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: PointFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, placeholder, step, style, width } = {},\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate: PointFieldValidation = 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    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    path,\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  const getCoordinateFieldLabel = (type: 'latitude' | 'longitude') => {\n    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude')\n    const fieldLabel = label ? getTranslation(label, i18n) : ''\n\n    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`\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      <ul className={`${baseClass}__wrap`}>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('longitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"input-wrapper\">\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('latitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"input-wrapper\">\n            <RenderCustomComponent\n              CustomComponent={Error}\n              Fallback={<FieldError path={path} showError={showError} />}\n            />\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const PointField = withCondition(PointFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","PointFieldComponent","props","field","admin","className","description","placeholder","step","label","localized","required","path","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","disabled","id","replace","name","onChange","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientComponent, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: PointFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, step } = {},\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate: PointFieldValidation = 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    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    path,\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  const getCoordinateFieldLabel = (type: 'latitude' | 'longitude') => {\n    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude')\n    const fieldLabel = label ? getTranslation(label, i18n) : ''\n\n    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`\n  }\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\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={styles}\n    >\n      <ul className={`${baseClass}__wrap`}>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('longitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"input-wrapper\">\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('latitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"input-wrapper\">\n            <RenderCustomComponent\n              CustomComponent={Error}\n              Fallback={<FieldError path={path} showError={showError} />}\n            />\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const PointField = withCondition(PointFieldComponent)\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AACP,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,mBAAA,GAAkDC,KAAA;EAC7D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,WAAW;QAAEC;MAAI,CAAE,GAAG,CAAC,CAAC;MACzDC,KAAK;MACLC,SAAS;MACTC;IAAQ,CACT;IACDC,IAAI;IACJC,QAAQ;IACRC;EAAQ,CACT,GAAGZ,KAAA;EAEJ,MAAM;IAAEa,IAAI;IAAEC;EAAC,CAAE,GAAGnB,cAAA;EAEpB,MAAMoB,gBAAA,GAAyC5B,WAAA,CAC7C,CAAC6B,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOL,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASI,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAER;MAAS;IAChD;EACF,GACA,CAACG,QAAA,EAAUH,QAAA,CAAS;EAGtB,MAAM;IACJS,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,SAAS;IACTT,KAAA,EAAAA,OAAA,GAAQ,CAAC,MAAM;EAAK,CACrB,GAAGvB,QAAA,CAA2B;IAC7BiB,IAAA;IACAE,QAAA,EAAUG;EACZ;EAEA,MAAMW,YAAA,GAAevC,WAAA,CACnB,CAACwC,CAAA,EAAGC,KAAA;IACF,IAAIC,GAAA,GAAMC,UAAA,CAAWH,CAAA,CAAEI,MAAM,CAACf,KAAK;IACnC,IAAIgB,MAAA,CAAOC,KAAK,CAACJ,GAAA,GAAM;MACrBA,GAAA,GAAMF,CAAA,CAAEI,MAAM,CAACf,KAAK;IACtB;IACA,MAAMkB,WAAA,GAAc,C,GAAIlB,OAAA,CAAM;IAC9BkB,WAAW,CAACN,KAAA,CAAM,GAAGC,GAAA;IACrBL,QAAA,CAASU,WAAA;EACX,GACA,CAACV,QAAA,EAAUR,OAAA,CAAM;EAGnB,MAAMmB,uBAAA,GAA2BC,IAAA;IAC/B,MAAMC,MAAA,GAASD,IAAA,KAAS,cAActB,CAAA,CAAE,sBAAsBA,CAAA,CAAE;IAChE,MAAMwB,UAAA,GAAa/B,KAAA,GAAQtB,cAAA,CAAesB,KAAA,EAAOM,IAAA,IAAQ;IAEzD,OAAO,GAAGyB,UAAA,GAAaA,UAAA,GAAa,QAAQ,KAAKD,MAAA,EAAQ;EAC3D;EAEA,MAAME,MAAA,GAASnD,OAAA,CAAQ,MAAMQ,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEuC,KAAA,CAAC;IACCrC,SAAA,EAAW,CACTN,cAAA,EACAC,SAAA,EACAK,SAAA,EACAsB,SAAA,IAAa,SACbd,QAAA,IAAY,YACb,CACE8B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRC,KAAA,EAAOL,MAAA;4BAEPC,KAAA,CAAC;MAAGrC,SAAA,EAAW,GAAGL,SAAA,QAAiB;8BACjC0C,KAAA,CAAC;gCACCK,IAAA,CAACxD,qBAAA;UACCyD,eAAA,EAAiBvB,KAAA;UACjBwB,QAAA,eACEF,IAAA,CAACrD,UAAA;YACCe,KAAA,EAAO4B,uBAAA,CAAwB;YAC/B3B,SAAA,EAAWA,SAAA;YACXE,IAAA,EAAMA,IAAA;YACND,QAAA,EAAUA;;yBAIhB+B,KAAA,CAAC;UAAIrC,SAAA,EAAU;qBACZiB,WAAA,E,aAGDyB,IAAA,CAAC;YACCG,QAAA,EAAUrC,QAAA;YACVsC,EAAA,EAAI,mBAAmBvC,IAAA,EAAMwC,OAAA,CAAQ,OAAO,OAAO;YACnDC,IAAA,EAAM,GAAGzC,IAAA,YAAgB;YACzB0C,QAAA,EAAWzB,GAAA,IAAMD,YAAA,CAAaC,GAAA,EAAG;YACjCtB,WAAA,EAAapB,cAAA,CAAeoB,WAAA,EAAaQ,IAAA;YACzCP,IAAA,EAAMA,IAAA;YACN8B,IAAA,EAAK;YACLpB,KAAA,EAAOA,OAAA,IAAS,OAAOA,OAAK,CAAC,EAAE,KAAK,WAAWA,OAAK,CAAC,EAAE,GAAG;cAE3DG,UAAA;;uBAGLqB,KAAA,CAAC;gCACCK,IAAA,CAACxD,qBAAA;UACCyD,eAAA,EAAiBvB,KAAA;UACjBwB,QAAA,eACEF,IAAA,CAACrD,UAAA;YACCe,KAAA,EAAO4B,uBAAA,CAAwB;YAC/B3B,SAAA,EAAWA,SAAA;YACXE,IAAA,EAAMA,IAAA;YACND,QAAA,EAAUA;;yBAIhB+B,KAAA,CAAC;UAAIrC,SAAA,EAAU;kCACb0C,IAAA,CAACxD,qBAAA;YACCyD,eAAA,EAAiBxB,KAAA;YACjByB,QAAA,eAAUF,IAAA,CAACtD,UAAA;cAAWmB,IAAA,EAAMA,IAAA;cAAMe,SAAA,EAAWA;;cAE9CL,WAAA,E,aAGDyB,IAAA,CAAC;YACCG,QAAA,EAAUrC,QAAA;YACVsC,EAAA,EAAI,kBAAkBvC,IAAA,EAAMwC,OAAA,CAAQ,OAAO,OAAO;YAClDC,IAAA,EAAM,GAAGzC,IAAA,WAAe;YACxB0C,QAAA,EAAWzB,GAAA,IAAMD,YAAA,CAAaC,GAAA,EAAG;YACjCtB,WAAA,EAAapB,cAAA,CAAeoB,WAAA,EAAaQ,IAAA;YACzCP,IAAA,EAAMA,IAAA;YACN8B,IAAA,EAAK;YACLpB,KAAA,EAAOA,OAAA,IAAS,OAAOA,OAAK,CAAC,EAAE,KAAK,WAAWA,OAAK,CAAC,EAAE,GAAG;cAE3DG,UAAA;;;qBAIP0B,IAAA,CAACxD,qBAAA;MACCyD,eAAA,EAAiBzB,WAAA;MACjB0B,QAAA,eAAUF,IAAA,CAACvD,gBAAA;QAAiBc,WAAA,EAAaA,WAAA;QAAaM,IAAA,EAAMA;;;;AAIpE;AAEA,OAAO,MAAM2C,UAAA,GAAa3D,aAAA,CAAcK,mBAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RadioGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,OAAO,cAAc,CAAA;AA6HrB,eAAO,MAAM,eAAe;;;;;;;;+EAA0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RadioGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAUnD,OAAO,cAAc,CAAA;AA4HrB,eAAO,MAAM,eAAe;;;;;;;;+EAA0C,CAAA"}