@ruya.sa/ui 3.71.3

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

@@ -0,0 +1 @@
+{"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","pathFromProps","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientComponent, PointFieldValidation } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/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: pathFromProps,\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    disabled,\n    path,\n    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    potentiallyStalePath: pathFromProps,\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 || disabled) && '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 || disabled}\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 || disabled}\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":[]}

package/dist/fields/Point/index.scss

@@ -0,0 +1,50 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .point {
+    position: relative;
+
+    & .input-wrapper {
+      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/fields/RadioGroup/Radio/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAG3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,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,qBAAqB,CAAC,UAAU,CAAC,CAAA;IAC3C,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAiCA,CAAA"}

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

@@ -0,0 +1,90 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useEditDepth } from '../../../providers/EditDepth/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import './index.scss';
+const baseClass = 'radio-input';
+export const Radio = props => {
+  const $ = _c(16);
+  const {
+    isSelected,
+    onChange,
+    option,
+    path,
+    readOnly,
+    uuid
+  } = props;
+  const {
+    i18n
+  } = useTranslation();
+  const editDepth = useEditDepth();
+  const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ""}${uuid ? `-${uuid}` : ""}`;
+  const t0 = isSelected && `${baseClass}--is-selected`;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = [baseClass, t0].filter(Boolean);
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = t1.join(" ");
+  let t3;
+  if ($[2] !== onChange || $[3] !== option.value) {
+    t3 = () => typeof onChange === "function" ? onChange(option.value) : null;
+    $[2] = onChange;
+    $[3] = option.value;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== i18n || $[6] !== id || $[7] !== isSelected || $[8] !== option.label || $[9] !== path || $[10] !== readOnly || $[11] !== t2 || $[12] !== t3) {
+    const t5 = _jsx("input", {
+      checked: isSelected,
+      disabled: readOnly,
+      id,
+      name: path,
+      onChange: t3,
+      type: "radio"
+    });
+    const t6 = readOnly && `${baseClass}__styled-radio--disabled`;
+    let t7;
+    if ($[14] !== t6) {
+      t7 = [`${baseClass}__styled-radio`, t6].filter(Boolean);
+      $[14] = t6;
+      $[15] = t7;
+    } else {
+      t7 = $[15];
+    }
+    t4 = _jsx("label", {
+      htmlFor: id,
+      children: _jsxs("div", {
+        className: t2,
+        children: [t5, _jsx("span", {
+          className: t7.join(" ")
+        }), _jsx("span", {
+          className: `${baseClass}__label`,
+          children: getTranslation(option.label, i18n)
+        })]
+      })
+    });
+    $[5] = i18n;
+    $[6] = id;
+    $[7] = isSelected;
+    $[8] = option.label;
+    $[9] = path;
+    $[10] = readOnly;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEditDepth","useTranslation","baseClass","Radio","props","$","isSelected","onChange","option","path","readOnly","uuid","i18n","editDepth","id","value","t0","t1","filter","Boolean","t2","join","t3","t4","label","t5","_jsx","checked","disabled","name","type","t6","t7","htmlFor","children","_jsxs","className"],"sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, RadioFieldClientProps } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\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: RadioFieldClientProps['onChange']\n  option: OptionObject\n  path: string\n  readOnly?: boolean\n  uuid?: string\n}> = (props) => {\n  const { isSelected, onChange, option, path, readOnly, uuid } = props\n  const { i18n } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ''}${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          disabled={readOnly}\n          id={id}\n          name={path}\n          onChange={() => (typeof onChange === 'function' ? onChange(option.value) : null)}\n          type=\"radio\"\n        />\n        <span\n          className={[\n            `${baseClass}__styled-radio`,\n            readOnly && `${baseClass}__styled-radio--disabled`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        />\n        <span className={`${baseClass}__label`}>{getTranslation(option.label, i18n)}</span>\n      </div>\n    </label>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAQRC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACH;IAAAS,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAA+DP,KAAA;EAC/D;IAAAQ;EAAA,IAAiBX,cAAA;EAEjB,MAAAY,SAAA,GAAkBb,YAAA;EAElB,MAAAc,EAAA,GAAW,SAASL,IAAA,IAAQD,MAAA,CAAAO,KAAA,GAAeF,SAAA,IAAY,GAAI,IAAIA,SAAA,EAAW,GAAG,KAAKF,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;EAK7E,MAAAK,EAAA,GAAAV,UAAA,IAAc,GAAAJ,SAAA,eAA2B;EAAA,IAAAe,EAAA;EAAA,IAAAZ,CAAA,QAAAW,EAAA;IAArDC,EAAA,IAAAf,SAAA,EAAYc,EAAyC,EAAAE,MAAA,CAAAC,OAAS;IAAAd,CAAA,MAAAW,EAAA;IAAAX,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAA9D,MAAAe,EAAA,GAAAH,EAA8D,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAjB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAO,KAAA;IAO3EO,EAAA,GAAAA,CAAA,KAAO,OAAOf,QAAA,KAAa,aAAaA,QAAA,CAASC,MAAA,CAAAO,KAAY,QAAI;IAAAV,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,MAAA,CAAAO,KAAA;IAAAV,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAG,MAAA,CAAAgB,KAAA,IAAAnB,CAAA,QAAAI,IAAA,IAAAJ,CAAA,SAAAK,QAAA,IAAAL,CAAA,SAAAe,EAAA,IAAAf,CAAA,SAAAiB,EAAA;IAL7E,MAAAG,EAAA,GAAAC,IAAA,CAAC;MAAAC,OAAA,EACUrB,UAAA;MAAAsB,QAAA,EACClB,QAAA;MAAAI,EAAA;MAAAe,IAAA,EAEJpB,IAAA;MAAAF,QAAA,EACIe,EAAiE;MAAAQ,IAAA,EACtE;IAAA,C;IAKH,MAAAC,EAAA,GAAArB,QAAA,IAAY,GAAAR,SAAA,0BAAsC;IAAA,IAAA8B,EAAA;IAAA,IAAA3B,CAAA,SAAA0B,EAAA;MAFzCC,EAAA,IACT,GAAA9B,SAAA,gBAA4B,EAC5B6B,EAAkD,EAAAb,MAAA,CAAAC,OAE1C;MAAAd,CAAA,OAAA0B,EAAA;MAAA1B,CAAA,OAAA2B,EAAA;IAAA;MAAAA,EAAA,GAAA3B,CAAA;IAAA;IAjBhBkB,EAAA,GAAAG,IAAA,CAAC;MAAAO,OAAA,EAAenB,EAAA;MAAAoB,QAAA,EACdC,KAAA,CAAC;QAAAC,SAAA,EACYhB,EAA4E;QAAAc,QAAA,GAEvFT,E,EAQAC,IAAA,CAAC;UAAAU,SAAA,EACYJ,EAID,CAAAX,IAAA,CACF;QAAA,C,GAEVK,IAAA,CAAC;UAAAU,SAAA,EAAgB,GAAAlC,SAAA,SAAqB;UAAAgC,QAAA,EAAGpC,cAAA,CAAeU,MAAA,CAAAgB,KAAA,EAAcZ,IAAA;QAAA,C;;;;;;;;;;;;;;;SApB1EW,E;CAwBJ","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .radio-input {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    margin: base(0.1) 0;
+    position: relative;
+
+    input[type='radio'] {
+      opacity: 0;
+      margin: 0;
+      position: absolute;
+    }
+
+    input[type='radio']:focus + .radio-input__styled-radio {
+      box-shadow: 0 0 3px 3px var(--theme-success-400);
+    }
+
+    &__styled-radio {
+      border: 1px solid var(--theme-border-color);
+      background-color: var(--theme-input-bg);
+      @include shadow-sm;
+      width: $baseline;
+      height: $baseline;
+      position: relative;
+      padding: 0;
+      display: inline-block;
+      border-radius: 50%;
+
+      &:before {
+        content: ' ';
+        display: block;
+        border-radius: 100%;
+        background-color: var(--theme-elevation-800);
+        width: calc(100% - 8px);
+        height: calc(100% - 8px);
+        border: 4px solid var(--theme-elevation-0);
+        opacity: 0;
+      }
+
+      &--disabled {
+        @include readOnly;
+        &::before {
+          border-color: var(--theme-elevation-100);
+        }
+      }
+    }
+
+    [dir='rtl'] &__label {
+      margin-left: 0;
+      margin-right: base(0.5);
+    }
+
+    &__label {
+      margin-left: base(0.5);
+    }
+
+    &--is-selected {
+      .radio-input {
+        &__styled-radio {
+          &:before {
+            opacity: 1;
+          }
+        }
+      }
+    }
+
+    &:not(&--is-selected) {
+      &:hover {
+        .radio-input {
+          &__styled-radio {
+            &:before {
+              opacity: 0.2;
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+import './index.scss';
+export declare const RadioGroupField: any;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RadioGroup/index.tsx"],"names":[],"mappings":"AAcA,OAAO,cAAc,CAAA;AAgIrB,eAAO,MAAM,eAAe,EAAE,GAA6C,CAAA"}

package/dist/fields/RadioGroup/index.js

@@ -0,0 +1,134 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { optionIsObject } from '@ruya.sa/payload/shared';
+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';
+import { FieldLabel } from '../../fields/FieldLabel/index.js';
+import { useForm } from '../../forms/Form/context.js';
+import { useField } from '../../forms/useField/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+import { mergeFieldStyles } from '../mergeFieldStyles.js';
+import './index.scss';
+import { fieldBaseClass } from '../shared/index.js';
+import { Radio } from './Radio/index.js';
+const baseClass = 'radio-group';
+const RadioGroupFieldComponent = props => {
+  const {
+    disableModifyingForm: disableModifyingFormFromProps,
+    field,
+    field: {
+      admin: {
+        className,
+        description,
+        layout = 'horizontal'
+      } = {},
+      label,
+      localized,
+      options = [],
+      required
+    } = {},
+    onChange: onChangeFromProps,
+    path: pathFromProps,
+    readOnly,
+    validate,
+    value: valueFromProps
+  } = props;
+  const {
+    uuid
+  } = useForm();
+  const memoizedValidate = useCallback((value, validationOptions) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...validationOptions,
+        options,
+        required
+      });
+    }
+  }, [validate, options, required]);
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
+    disabled,
+    path,
+    setValue,
+    showError,
+    value: valueFromContext
+  } = useField({
+    potentiallyStalePath: pathFromProps,
+    validate: memoizedValidate
+  });
+  const value_0 = valueFromContext || valueFromProps;
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass, className, `${baseClass}--layout-${layout}`, showError && 'error', (readOnly || disabled) && `${baseClass}--read-only`].filter(Boolean).join(' '),
+    style: styles,
+    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Error,
+      Fallback: /*#__PURE__*/_jsx(FieldError, {
+        path: path,
+        showError: showError
+      })
+    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Label,
+      Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+        label: label,
+        localized: localized,
+        path: path,
+        required: required
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${fieldBaseClass}__wrap`,
+      children: [BeforeInput, /*#__PURE__*/_jsx("ul", {
+        className: `${baseClass}--group`,
+        id: `field-${path.replace(/\./g, '__')}`,
+        children: options.map(option => {
+          let optionValue = '';
+          if (optionIsObject(option)) {
+            optionValue = option.value;
+          } else {
+            optionValue = option;
+          }
+          const isSelected = String(optionValue) === String(value_0);
+          const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`;
+          return /*#__PURE__*/_jsx("li", {
+            children: /*#__PURE__*/_jsx(Radio, {
+              id: id,
+              isSelected: isSelected,
+              onChange: () => {
+                if (typeof onChangeFromProps === 'function') {
+                  onChangeFromProps(optionValue);
+                }
+                if (!(readOnly || disabled)) {
+                  setValue(optionValue, !!disableModifyingFormFromProps);
+                }
+              },
+              option: optionIsObject(option) ? option : {
+                label: option,
+                value: option
+              },
+              path: path,
+              readOnly: readOnly || disabled,
+              uuid: uuid
+            })
+          }, `${path} - ${optionValue}`);
+        })
+      }), AfterInput, /*#__PURE__*/_jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+          description: description,
+          path: path
+        })
+      })]
+    })]
+  });
+};
+export const RadioGroupField = withCondition(RadioGroupFieldComponent);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["optionIsObject","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useField","withCondition","mergeFieldStyles","fieldBaseClass","Radio","baseClass","RadioGroupFieldComponent","props","disableModifyingForm","disableModifyingFormFromProps","field","admin","className","description","layout","label","localized","options","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","value","valueFromProps","uuid","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","valueFromContext","potentiallyStalePath","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","map","option","optionValue","isSelected","String","RadioGroupField"],"sources":["../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { RadioFieldClientComponent, RadioFieldClientProps } from '@ruya.sa/payload'\n\nimport { optionIsObject } from '@ruya.sa/payload/shared'\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 { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { Radio } from './Radio/index.js'\n\nconst baseClass = 'radio-group'\n\nconst RadioGroupFieldComponent: RadioFieldClientComponent = (props) => {\n  const {\n    disableModifyingForm: disableModifyingFormFromProps,\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        layout = 'horizontal',\n      } = {} as RadioFieldClientProps['field']['admin'],\n      label,\n      localized,\n      options = [],\n      required,\n    } = {} as RadioFieldClientProps['field'],\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n    value: valueFromProps,\n  } = props\n\n  const { uuid } = useForm()\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, options, required })\n      }\n    },\n    [validate, options, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value: valueFromContext,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const value = valueFromContext || valueFromProps\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        `${baseClass}--layout-${layout}`,\n        showError && 'error',\n        (readOnly || disabled) && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError path={path} showError={showError} />}\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        {BeforeInput}\n        <ul className={`${baseClass}--group`} id={`field-${path.replace(/\\./g, '__')}`}>\n          {options.map((option) => {\n            let optionValue = ''\n\n            if (optionIsObject(option)) {\n              optionValue = option.value\n            } else {\n              optionValue = option\n            }\n\n            const isSelected = String(optionValue) === String(value)\n\n            const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`\n\n            return (\n              <li key={`${path} - ${optionValue}`}>\n                <Radio\n                  id={id}\n                  isSelected={isSelected}\n                  onChange={() => {\n                    if (typeof onChangeFromProps === 'function') {\n                      onChangeFromProps(optionValue)\n                    }\n\n                    if (!(readOnly || disabled)) {\n                      setValue(optionValue, !!disableModifyingFormFromProps)\n                    }\n                  }}\n                  option={optionIsObject(option) ? option : { label: option, value: option }}\n                  path={path}\n                  readOnly={readOnly || disabled}\n                  uuid={uuid}\n                />\n              </li>\n            )\n          })}\n        </ul>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const RadioGroupField: any = withCondition(RadioGroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/RadioGroup/index.scss

@@ -0,0 +1,87 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .radio-group {
+    .tooltip:not([aria-hidden='true']) {
+      right: auto;
+      position: static;
+      margin-bottom: 0.2em;
+      max-width: fit-content;
+    }
+
+    &--layout-horizontal {
+      ul {
+        display: flex;
+        flex-wrap: wrap;
+      }
+
+      li {
+        flex-shrink: 0;
+        [dir='ltr'] & {
+          padding-right: $baseline;
+        }
+        [dir='rtl'] & {
+          padding-left: $baseline;
+        }
+      }
+    }
+
+    ul {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+  }
+
+  .radio-group--read-only {
+    .radio-input {
+      cursor: default;
+
+      &:hover {
+        border-color: var(--theme-elevation-50);
+      }
+
+      &__label {
+        color: var(--theme-elevation-400);
+      }
+
+      &--is-selected {
+        .radio-input__styled-radio {
+          &:before {
+            background-color: var(--theme-elevation-250);
+          }
+        }
+      }
+
+      &:not(.radio-input--is-selected) {
+        &:hover {
+          .radio-input__styled-radio {
+            &:before {
+              opacity: 0;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  html[data-theme='light'] {
+    .radio-group {
+      &.error {
+        .radio-input__styled-radio {
+          @include lightInputError;
+        }
+      }
+    }
+  }
+
+  html[data-theme='dark'] {
+    .radio-group {
+      &.error {
+        .radio-input__styled-radio {
+          @include darkInputError;
+        }
+      }
+    }
+  }
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/Input.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAK5F,OAAO,KAAK,EAA6B,sBAAsB,EAAiB,MAAM,YAAY,CAAA;AAuBlG,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA23B9D,CAAA"}