@digigov/form 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

package/es/inputs/Input/__stories__/IBAN.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var IBAN = function IBAN() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "iban",
-    name: "iban",
-    type: "iban",
-    label: {
-      primary: 'Αριθμός IBAN',
-      secondary: 'IBAN σημαίνει Διεθνής Αριθμός Τραπεζικού Λογαριασμού. Είναι ένας διεθνώς συμφωνημένος κωδικός, που αποτελείται από έως και 34 γράμματα και αριθμούς, που βοηθά τις τράπεζες να διεκπεραιώνουν μεταφορές σε όλο τον κόσμο.'
-    },
-    required: true
-  }), _ref);
-};
-export default IBAN;

package/es/inputs/Input/__stories__/Integer.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var Integer = function Integer() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "random-number",
-    name: "random-number",
-    type: "int",
-    label: {
-      primary: 'Ένας τυχαίος αριθμός',
-      secondary: 'Εισάγετε έναν οποιοδήποτε αριθμό μεγαλύτερο από το μηδέν'
-    },
-    required: true
-  }), /*#__PURE__*/React.createElement(Field, {
-    key: "random-number-not-req",
-    name: "random-number-not-req",
-    type: "int",
-    label: {
-      primary: 'Δεύτερος τυχαίος αριθμός',
-      secondary: 'Προαιρετικό πεδίο'
-    }
-  }), _ref);
-};
-export default Integer;

package/es/inputs/Input/__stories__/MobilePhone.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var MobilePhone = function MobilePhone() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "mobile-phone",
-    name: "mobile-phone",
-    type: "mobile_phone",
-    label: {
-      primary: 'Κινητό τηλέφωνο'
-    },
-    required: true
-  }), _ref);
-};
-export default MobilePhone;

package/es/inputs/Input/__stories__/PhoneNumber.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var PhoneNumber = function PhoneNumber() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "phone-number",
-    name: "phone-number",
-    type: "phone_number",
-    label: {
-      primary: 'Σταθερό τηλέφωνο'
-    },
-    required: true
-  }), _ref);
-};
-export default PhoneNumber;

package/es/inputs/Input/__stories__/PostalCode.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var PostalCode = function PostalCode() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "postal-code",
-    name: "postal-code",
-    type: "postal_code",
-    label: {
-      primary: 'Ταχυδρομικός κωδικός'
-    },
-    required: true,
-    extra: {
-      countries: ['GR']
-    }
-  }), _ref);
-};
-export default PostalCode;

package/es/inputs/Input/__stories__/TextWithCharacterLimit.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var TextWithCharacterLimit = function TextWithCharacterLimit() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "text",
-    name: "text",
-    type: "text",
-    label: {
-      primary: 'Μπορείτε να δώσετε περισσότερες πληροφορίες;'
-    },
-    required: true,
-    extra: {
-      limit: {
-        min: 3,
-        max: 10
-      },
-      multiline: true
-    }
-  }), _ref);
-};
-export default TextWithCharacterLimit;

package/es/inputs/Input/index.js

@@ -1,75 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "control", "type", "extra"];
-import React from 'react';
-import TextInput from '@digigov/react-core/TextInput';
-import TextArea from '@digigov/react-core/TextArea';
-import { Hint } from '@digigov/react-core';
-import { useWatch } from 'react-hook-form';
-import { useTranslation } from '@digigov/ui/i18n';
-var TYPES_MAP = {
-  string: 'text',
-  "int": 'text',
-  text: 'text',
-  date: 'date'
-};
-export var Input = /*#__PURE__*/React.forwardRef(function WrappedInput(_ref, ref) {
-  var name = _ref.name,
-      control = _ref.control,
-      type = _ref.type,
-      extra = _ref.extra,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  // eslint-disable-next-line prefer-const
-  var _ref2 = extra || {},
-      _ref2$multiline = _ref2.multiline,
-      multiline = _ref2$multiline === void 0 ? false : _ref2$multiline,
-      rows = _ref2.rows,
-      limit = _ref2.limit;
-
-  var _ref3 = extra || {},
-      className = _ref3.className; // if enforced to multiline use true. Derive from type otherwise.
-
-
-  multiline = multiline === true || type === 'text'; // use explicit rows value if set. Derive from multiline otherwise.
-
-  rows = rows || (multiline ? 4 : 1); // translate dilosi type to HTML Input type
-
-  var fieldType = TYPES_MAP[type || 'text'] || 'text';
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var currentValue = useWatch({
-    control: control,
-    name: name
-  });
-
-  if (multiline === true) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, _extends({
-      name: name,
-      className: className,
-      rows: rows,
-      ref: ref
-    }, _extends({}, props, {
-      reset: undefined,
-      required: undefined,
-      type: fieldType
-    }))), (limit === null || limit === void 0 ? void 0 : limit.max) && /*#__PURE__*/React.createElement(Hint, null, currentValue === undefined || (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) >= 0 && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) <= (limit === null || limit === void 0 ? void 0 : limit.max) ? /*#__PURE__*/React.createElement("span", null, t('form.info.text.you_have'), ' ', /*#__PURE__*/React.createElement("b", null, !currentValue ? limit.max : (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length)), ' ', currentValue && (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.remaining'), ".") : /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: '#b60202'
-      }
-    }, t('form.info.text.you_have'), ' ', /*#__PURE__*/React.createElement("b", null, currentValue && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max)), ' ', (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.too_many'), ".")));
-  } else {
-    return /*#__PURE__*/React.createElement(TextInput, _extends({
-      name: name,
-      type: fieldType,
-      className: className,
-      ref: ref
-    }, _extends({}, props, {
-      reset: undefined,
-      required: undefined
-    })));
-  }
-});
-export default Input;

package/es/inputs/Label/Label.stories.js

@@ -1,7 +0,0 @@
-import Label from '@digigov/form/inputs/Label';
-export default {
-  title: 'Digigov Form/inputs/Label',
-  component: Label,
-  displayName: 'Label'
-};
-export * from '@digigov/form/inputs/Label/__stories__/Default';

package/es/inputs/Label/__stories__/Default.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field, Label } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Label, {
-    label: {
-      primary: 'Στοιχεία επιχείρησης',
-      secondary: 'Συμπληρώστε τα στοιχεία'
-    }
-  }), /*#__PURE__*/React.createElement(Field, {
-    key: "business-title",
-    name: "business-title",
-    type: "string",
-    label: {
-      primary: 'Όνομα επιχείρησης'
-    },
-    required: true
-  }), _ref);
-};
-export default Default;

package/es/inputs/Label/index.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import Hint from '@digigov/react-core/Hint';
-import LabelTitle from '@digigov/react-core/LabelTitle';
-import { useTranslation } from '@digigov/ui/i18n';
-export var Label = function Label(_ref) {
-  var className = _ref.className,
-      label = _ref.label,
-      value = _ref.value;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  if ((!label || label && !label.primary && !label.secondary) && !value) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelTitle, {
-    className: className,
-    size: "sm"
-  }, label && label.primary && t(label.primary) || value), label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)));
-};
-Label.defaultProps = {
-  label: {}
-};
-export default Label;

package/es/inputs/OtpInput/OtpInput.stories.js

@@ -1,7 +0,0 @@
-import OtpInput from '@digigov/form/inputs/OtpInput';
-export default {
-  title: 'Digigov Form/inputs/OtpInput',
-  component: OtpInput,
-  displayName: 'OtpInput'
-};
-export * from '@digigov/form/inputs/OtpInput/__stories__/Default';

package/es/inputs/OtpInput/__stories__/Default.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field, Fieldset } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var FIELDS = [{
-  key: 'otp',
-  type: 'otp',
-  maxLength: 6,
-  required: true,
-  label: {
-    primary: 'Κωδικός Επιβεβαίωσης'
-  }
-}];
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    fields: FIELDS,
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Fieldset, null, FIELDS.map(function (field) {
-    return /*#__PURE__*/React.createElement(Field, {
-      key: field.key,
-      name: field.key
-    });
-  })), _ref);
-};
-export default Default;

package/es/inputs/OtpInput/index.js

@@ -1,157 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["name", "maxLength"];
-import React, { useState, useCallback } from 'react';
-import SingleCharacterInputs, { SingleCharacterInput } from '@digigov/ui/form/SingleCharacterInputs';
-export var RE_DIGIT = new RegExp(/^\d+$/);
-export var REMOVE_SPACES = new RegExp(/\s+/g);
-
-function useOtp(onChange, maxLength) {
-  var _useState = useState(Array(maxLength).fill('')),
-      _useState2 = _slicedToArray(_useState, 2),
-      otpValues = _useState2[0],
-      setOtpValues = _useState2[1];
-
-  var handleChange = useCallback(function (otp) {
-    setOtpValues(otp);
-    var otpValue = otp.join('');
-    onChange(otpValue);
-  }, [onChange]);
-
-  var setOtp = function setOtp(item, idx) {
-    var updatedOTPValues = _toConsumableArray(otpValues);
-
-    if (item.length === 1 || item.length === 0) {
-      updatedOTPValues[idx] = item[0] || '';
-      handleChange(updatedOTPValues);
-    } else if (item.length === maxLength) {
-      var valueArray = item.split('').slice(0, maxLength);
-      handleChange(valueArray);
-    }
-  };
-
-  var setSelectionRange = useCallback(function (target) {
-    return target.setSelectionRange(0, target.value.length);
-  }, []);
-  var focusToNextInput = useCallback(function (target) {
-    var nextElement = target.nextElementSibling;
-
-    if (nextElement) {
-      nextElement.focus();
-    }
-  }, []);
-  var focusToPrevInput = useCallback(function (target) {
-    var previousElement = target.previousElementSibling;
-
-    if (previousElement) {
-      previousElement.focus();
-    }
-  }, []);
-  var handleKeyDown = useCallback(function (e, idx) {
-    var key = e.key;
-    var target = e.target;
-    var targetValue = target.value;
-    setSelectionRange(target);
-
-    if (key === 'ArrowRight' || key === 'ArrowDown') {
-      e.preventDefault();
-      return focusToNextInput(target);
-    }
-
-    if (key === 'ArrowLeft' || key === 'ArrowUp') {
-      e.preventDefault();
-      return focusToPrevInput(target);
-    }
-
-    if (e.key === 'Backspace' || e.key === 'Delete') {
-      if (targetValue !== '') {
-        targetValue = '';
-      } else {
-        focusToPrevInput(target);
-      }
-
-      setOtp(targetValue, idx);
-      return e.preventDefault();
-    }
-  }, [setOtp, focusToPrevInput, focusToNextInput]);
-  var handleFocus = useCallback(function (e) {
-    var target = e.target;
-    setSelectionRange(target);
-  }, [setSelectionRange]);
-  var handleOtpChange = useCallback(function (e, idx) {
-    var target = e.target;
-    var targetValue = target.value;
-    var isTargetValueDigit = RE_DIGIT.test(targetValue); // We want to pass the empty string when the value is deleted
-    // emptry string replaces the deleted value
-
-    if (isTargetValueDigit || targetValue === '') {
-      setOtp(targetValue, idx);
-
-      if (target.value.length > 1) {
-        target.blur();
-      }
-
-      focusToNextInput(target);
-    }
-  }, [setOtp, handleKeyDown, handleFocus]);
-  var handlePaste = useCallback(function (e) {
-    e.preventDefault();
-    var pastedData = e.clipboardData.getData('text/plain').replace(REMOVE_SPACES, '');
-
-    if (pastedData) {
-      setOtp(pastedData, 0);
-    }
-  }, []);
-  return {
-    otpValues: otpValues,
-    handleOtpChange: handleOtpChange,
-    handleKeyDown: handleKeyDown,
-    handleFocus: handleFocus,
-    handlePaste: handlePaste
-  };
-}
-
-var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(SingleCharacterInput, props);
-};
-
-export var OtpInput = function OtpInput(_ref2) {
-  var name = _ref2.name,
-      _ref2$maxLength = _ref2.maxLength,
-      maxLength = _ref2$maxLength === void 0 ? 6 : _ref2$maxLength,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  var otp = useOtp(props.onChange, maxLength);
-  return /*#__PURE__*/React.createElement(SingleCharacterInputs, null, otp.otpValues.map(function (digit, idx) {
-    return /*#__PURE__*/React.createElement(SingleCharacterInputPart, {
-      name: "".concat(name, "-").concat(idx),
-      type: "text",
-      key: idx,
-      autoComplete: "one-time-code",
-      pattern: "\\d{1}",
-      maxLength: maxLength,
-      value: digit,
-      disabled: props.disabled,
-      "aria-required": props['aria-required'],
-      onChange: function onChange(e) {
-        return otp.handleOtpChange(e, idx);
-      },
-      onInput: function onInput(e) {
-        if (e.target.value === digit) {
-          otp.handleOtpChange(e, idx);
-        }
-      },
-      onKeyDown: function onKeyDown(e) {
-        return otp.handleKeyDown(e, idx);
-      },
-      onFocus: otp.handleFocus,
-      onPaste: otp.handlePaste,
-      error: !digit ? props.error : false
-    });
-  }));
-};
-export default OtpInput;

package/es/inputs/Radio/Radio.stories.js

@@ -1,9 +0,0 @@
-import Radio from '@digigov/form/inputs/Radio';
-export default {
-  title: 'Digigov Form/inputs/Radio',
-  component: Radio,
-  displayName: 'Radio'
-};
-export * from '@digigov/form/inputs/Radio/__stories__/Default';
-export * from '@digigov/form/inputs/Radio/__stories__/WithDivider';
-export * from '@digigov/form/inputs/Radio/__stories__/Conditional';

package/es/inputs/Radio/__stories__/Default.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "string",
-    type: "choice:single",
-    required: true,
-    label: {
-      primary: 'Ποιά είναι η χώρα της διαμονής σας;'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Ελλάδα'
-        },
-        value: 'greece'
-      }, {
-        label: {
-          primary: 'Κύπρος'
-        },
-        value: 'cyprus'
-      }, {
-        label: {
-          primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
-        },
-        value: 'eu'
-      }, {
-        label: {
-          primary: 'Ηνωμένες Πολιτείες της Αμερικής'
-        },
-        value: 'usa'
-      }]
-    }
-  }), _ref);
-};
-export default Default;

package/es/inputs/Radio/__stories__/WithDivider.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var WithDivider = function WithDivider() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "string",
-    type: "choice:single",
-    required: true,
-    label: {
-      primary: 'Ποιά είναι η χώρα της διαμονής σας;'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Ελλάδα'
-        },
-        value: 'greece'
-      }, {
-        label: {
-          primary: 'Κύπρος'
-        },
-        value: 'cyprus'
-      }, {
-        label: {
-          primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
-        },
-        value: 'eu'
-      }, {
-        label: {
-          primary: 'Ηνωμένες Πολιτείες της Αμερικής'
-        },
-        value: 'usa',
-        dividerText: 'ή'
-      }]
-    }
-  }), _ref);
-};
-export default WithDivider;

package/es/inputs/Radio/index.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "control", "register", "extra", "disabled"],
-    _excluded2 = ["label", "value", "show", "disabled", "selected"];
-import React from 'react';
-import { useWatch } from 'react-hook-form';
-import { Field } from '@digigov/form';
-import { RadioConditional } from '@digigov/react-core';
-import Hint from '@digigov/react-core/Hint';
-import RadioContainer from '@digigov/react-core/RadioContainer';
-import RadioItem from '@digigov/react-core/RadioItem';
-import { useTranslation } from '@digigov/ui/i18n';
-export var RadioButtonsGroup = function RadioButtonsGroup(_ref) {
-  var name = _ref.name,
-      control = _ref.control,
-      register = _ref.register,
-      _ref$extra = _ref.extra,
-      options = _ref$extra.options,
-      className = _ref$extra.className,
-      disabled = _ref.disabled,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var currentValue = useWatch({
-    control: control,
-    name: name
-  });
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  return /*#__PURE__*/React.createElement(RadioContainer, {
-    className: className,
-    defaultValue: currentValue,
-    id: name
-  }, options.map(function (_ref2) {
-    var label = _ref2.label,
-        v = _ref2.value,
-        show = _ref2.show,
-        optionDisabled = _ref2.disabled,
-        selected = _ref2.selected,
-        option = _objectWithoutProperties(_ref2, _excluded2);
-
-    return /*#__PURE__*/React.createElement("div", {
-      key: "".concat(name, ".").concat(v)
-    }, /*#__PURE__*/React.createElement(RadioItem, _extends({}, register(name), {
-      value: v,
-      disabled: disabled || optionDisabled
-    }, option, _extends({}, props, {
-      reset: undefined,
-      required: undefined,
-      'aria-describedby': undefined,
-      type: 'radio'
-    })), label && label.primary && t(label.primary) || v, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary))), selected && selected(), currentValue === v && show && /*#__PURE__*/React.createElement(RadioConditional, null, show.map(function (fieldName) {
-      return /*#__PURE__*/React.createElement(Field, {
-        name: fieldName,
-        key: fieldName
-      });
-    })));
-  }));
-};
-export default RadioButtonsGroup;