@digigov/form 1.2.0-dcbd7ded → 2.0.0-07ee8440

package/cjs/inputs/OtpInput/index.js

@@ -1,150 +1,180 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var OtpInput_exports = {};
+__export(OtpInput_exports, {
+  OtpInput: () => OtpInput,
+  REMOVE_SPACES: () => REMOVE_SPACES,
+  RE_DIGIT: () => RE_DIGIT,
+  default: () => OtpInput_default,
+  useOtp: () => useOtp
 });
-exports["default"] = exports.RE_DIGIT = exports.REMOVE_SPACES = exports.OtpInput = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _SingleCharacterInputs = _interopRequireWildcard(require("@digigov/ui/cjs/form/SingleCharacterInputs"));
-var _excluded = ["name", "maxLength"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var RE_DIGIT = exports.RE_DIGIT = new RegExp(/^\d+$/);
-var REMOVE_SPACES = exports.REMOVE_SPACES = new RegExp(/\s+/g);
+module.exports = __toCommonJS(OtpInput_exports);
+var import_react = __toESM(require("react"));
+var import_SingleCharacterInputs = __toESM(require("@digigov/ui/form/SingleCharacterInputs"));
+const RE_DIGIT = new RegExp(/^\d+$/);
+const REMOVE_SPACES = new RegExp(/\s+/g);
 function useOtp(onChange, maxLength) {
-  var _useState = (0, _react.useState)(Array(maxLength).fill('')),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    otpValues = _useState2[0],
-    setOtpValues = _useState2[1];
-  var handleChange = (0, _react.useCallback)(function (otp) {
-    setOtpValues(otp);
-    var otpValue = otp.join('');
-    onChange(otpValue);
-  }, [onChange]);
-  var setOtp = function setOtp(item, idx) {
-    var updatedOTPValues = (0, _toConsumableArray2["default"])(otpValues);
+  const [otpValues, setOtpValues] = (0, import_react.useState)(Array(maxLength).fill(""));
+  const handleChange = (0, import_react.useCallback)(
+    (otp) => {
+      setOtpValues(otp);
+      const otpValue = otp.join("");
+      onChange(otpValue);
+    },
+    [onChange]
+  );
+  const setOtp = (item, idx) => {
+    const updatedOTPValues = [...otpValues];
     if (item.length === 1 || item.length === 0) {
-      updatedOTPValues[idx] = item[0] || '';
+      updatedOTPValues[idx] = item[0] || "";
       handleChange(updatedOTPValues);
     } else if (item.length === maxLength) {
-      var valueArray = item.split('').slice(0, maxLength);
+      const valueArray = item.split("").slice(0, maxLength);
       handleChange(valueArray);
     }
   };
-  var setSelectionRange = (0, _react.useCallback)(function (target) {
+  const setSelectionRange = (0, import_react.useCallback)((target) => {
     return target.setSelectionRange(0, target.value.length);
   }, []);
-  var focusToNextInput = (0, _react.useCallback)(function (target) {
-    var nextElement = target.nextElementSibling;
+  const focusToNextInput = (0, import_react.useCallback)((target) => {
+    const nextElement = target.nextElementSibling;
     if (nextElement) {
       nextElement.focus();
     }
   }, []);
-  var focusToPrevInput = (0, _react.useCallback)(function (target) {
-    var previousElement = target.previousElementSibling;
+  const focusToPrevInput = (0, import_react.useCallback)((target) => {
+    const previousElement = target.previousElementSibling;
     if (previousElement) {
       previousElement.focus();
     }
   }, []);
-  var handleKeyDown = (0, _react.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);
+  const handleKeyDown = (0, import_react.useCallback)(
+    (e, idx) => {
+      const { key } = e;
+      const target = e.target;
+      let targetValue = target.value;
+      setSelectionRange(target);
+      if (key === "ArrowRight" || key === "ArrowDown") {
+        e.preventDefault();
+        return focusToNextInput(target);
       }
-      setOtp(targetValue, idx);
-      return e.preventDefault();
-    }
-  }, [setOtp, focusToPrevInput, focusToNextInput]);
-  var handleFocus = (0, _react.useCallback)(function (e) {
-    var target = e.target;
-    setSelectionRange(target);
-  }, [setSelectionRange]);
-  var handleOtpChange = (0, _react.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();
+      if (key === "ArrowLeft" || key === "ArrowUp") {
+        e.preventDefault();
+        return focusToPrevInput(target);
       }
-      focusToNextInput(target);
-    }
-  }, [setOtp, handleKeyDown, handleFocus]);
-  var handlePaste = (0, _react.useCallback)(function (e) {
-    e.preventDefault();
-    var pastedData = e.clipboardData.getData('text/plain').replace(REMOVE_SPACES, '');
-    if (pastedData) {
-      setOtp(pastedData, 0);
-    }
-  }, []);
+      if (e.key === "Backspace" || e.key === "Delete") {
+        if (targetValue !== "") {
+          targetValue = "";
+        } else {
+          focusToPrevInput(target);
+        }
+        setOtp(targetValue, idx);
+        return e.preventDefault();
+      }
+    },
+    [setOtp, focusToPrevInput, focusToNextInput]
+  );
+  const handleFocus = (0, import_react.useCallback)(
+    (e) => {
+      const { target } = e;
+      setSelectionRange(target);
+    },
+    [setSelectionRange]
+  );
+  const handleOtpChange = (0, import_react.useCallback)(
+    (e, idx) => {
+      const target = e.target;
+      const targetValue = target.value;
+      const isTargetValueDigit = RE_DIGIT.test(targetValue);
+      if (isTargetValueDigit || targetValue === "") {
+        setOtp(targetValue, idx);
+        if (target.value.length > 1) {
+          target.blur();
+        }
+        focusToNextInput(target);
+      }
+    },
+    [setOtp, handleKeyDown, handleFocus]
+  );
+  const handlePaste = (0, import_react.useCallback)(
+    (e) => {
+      e.preventDefault();
+      const 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
+    otpValues,
+    handleOtpChange,
+    handleKeyDown,
+    handleFocus,
+    handlePaste
   };
 }
-var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
-  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs.SingleCharacterInput, props);
+const SingleCharacterInputPart = ({ ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_SingleCharacterInputs.SingleCharacterInput, { ...props });
 };
-var OtpInput = exports.OtpInput = function OtpInput(_ref2) {
-  var name = _ref2.name,
-    _ref2$maxLength = _ref2.maxLength,
-    maxLength = _ref2$maxLength === void 0 ? 6 : _ref2$maxLength,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  var otp = useOtp(props.onChange, maxLength);
-  return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs["default"], null, otp.otpValues.map(function (digit, idx) {
-    return /*#__PURE__*/_react["default"].createElement(SingleCharacterInputPart, {
-      name: "".concat(name, "-").concat(idx),
+const OtpInput = ({ name, maxLength = 6, ...props }) => {
+  const otp = useOtp(props.onChange, maxLength);
+  return /* @__PURE__ */ import_react.default.createElement(import_SingleCharacterInputs.default, null, otp.otpValues.map((digit, idx) => /* @__PURE__ */ import_react.default.createElement(
+    SingleCharacterInputPart,
+    {
+      name: `${name}-${idx}`,
       type: "text",
       key: idx,
       autoComplete: "one-time-code",
       pattern: "\\d{1}",
-      maxLength: 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) {
+      "aria-required": props["aria-required"],
+      onChange: (e) => otp.handleOtpChange(e, idx),
+      onInput: (e) => {
         if (e.target.value === digit) {
           otp.handleOtpChange(e, idx);
         }
       },
-      onKeyDown: function onKeyDown(e) {
-        return otp.handleKeyDown(e, idx);
-      },
+      onKeyDown: (e) => otp.handleKeyDown(e, idx),
       onFocus: otp.handleFocus,
       onPaste: otp.handlePaste,
       error: !digit ? props.error : false
-    });
-  }));
+    }
+  )));
 };
-var _default = exports["default"] = OtpInput;
+var OtpInput_default = OtpInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OtpInput,
+  REMOVE_SPACES,
+  RE_DIGIT,
+  useOtp
+});
+//# sourceMappingURL=index.js.map

package/cjs/inputs/OtpInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/OtpInput/index.tsx"],
+  "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport SingleCharacterInputs, {\n  SingleCharacterInput,\n} from '@digigov/ui/form/SingleCharacterInputs';\n\nexport const RE_DIGIT = new RegExp(/^\\d+$/);\nexport const REMOVE_SPACES = new RegExp(/\\s+/g);\n\nexport function useOtp(onChange, maxLength) {\n  const [otpValues, setOtpValues] = useState(Array<string>(maxLength).fill(''));\n  const handleChange = useCallback(\n    (otp: string[]) => {\n      setOtpValues(otp);\n      const otpValue = otp.join('');\n      onChange(otpValue);\n    },\n    [onChange]\n  );\n\n  const setOtp = (item: string, idx) => {\n    const updatedOTPValues = [...otpValues];\n    if (item.length === 1 || item.length === 0) {\n      updatedOTPValues[idx] = item[0] || '';\n      handleChange(updatedOTPValues);\n    } else if (item.length === maxLength) {\n      const valueArray = item.split('').slice(0, maxLength);\n      handleChange(valueArray);\n    }\n  };\n\n  const setSelectionRange = useCallback((target) => {\n    return target.setSelectionRange(0, target.value.length);\n  }, []);\n\n  const focusToNextInput = useCallback((target: HTMLElement) => {\n    const nextElement = target.nextElementSibling as HTMLInputElement | null;\n    if (nextElement) {\n      nextElement.focus();\n    }\n  }, []);\n\n  const focusToPrevInput = useCallback((target: HTMLElement) => {\n    const previousElement =\n      target.previousElementSibling as HTMLInputElement | null;\n    if (previousElement) {\n      previousElement.focus();\n    }\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>, idx: number) => {\n      const { key } = e;\n      const target = e.target as HTMLInputElement;\n      let targetValue = target.value;\n      setSelectionRange(target);\n      if (key === 'ArrowRight' || key === 'ArrowDown') {\n        e.preventDefault();\n        return focusToNextInput(target);\n      }\n      if (key === 'ArrowLeft' || key === 'ArrowUp') {\n        e.preventDefault();\n        return focusToPrevInput(target);\n      }\n      if (e.key === 'Backspace' || e.key === 'Delete') {\n        if (targetValue !== '') {\n          targetValue = '';\n        } else {\n          focusToPrevInput(target);\n        }\n        setOtp(targetValue, idx);\n        return e.preventDefault();\n      }\n    },\n    [setOtp, focusToPrevInput, focusToNextInput]\n  );\n\n  const handleFocus = useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const { target } = e;\n      setSelectionRange(target);\n    },\n    [setSelectionRange]\n  );\n  const handleOtpChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>, idx: number) => {\n      const target = e.target;\n      const targetValue = target.value;\n      const isTargetValueDigit = RE_DIGIT.test(targetValue);\n      // We want to pass the empty string when the value is deleted\n      // emptry string replaces the deleted value\n      if (isTargetValueDigit || targetValue === '') {\n        setOtp(targetValue, idx);\n        if (target.value.length > 1) {\n          target.blur();\n        }\n        focusToNextInput(target);\n      }\n    },\n    [setOtp, handleKeyDown, handleFocus]\n  );\n\n  const handlePaste = useCallback(\n    (e: React.ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n      const pastedData = e.clipboardData\n        .getData('text/plain')\n        .replace(REMOVE_SPACES, '');\n      if (pastedData) {\n        setOtp(pastedData, 0);\n      }\n    },\n    []\n  );\n  return {\n    otpValues,\n    handleOtpChange,\n    handleKeyDown,\n    handleFocus,\n    handlePaste,\n  };\n}\n\nconst SingleCharacterInputPart = ({ ...props }) => {\n  return <SingleCharacterInput {...props} />;\n};\n\nexport const OtpInput = ({ name, maxLength = 6, ...props }) => {\n  const otp = useOtp(props.onChange, maxLength);\n  return (\n    <SingleCharacterInputs>\n      {otp.otpValues.map((digit, idx) => (\n        <SingleCharacterInputPart\n          name={`${name}-${idx}`}\n          type=\"text\"\n          key={idx}\n          autoComplete=\"one-time-code\"\n          pattern=\"\\d{1}\"\n          maxLength={maxLength}\n          value={digit}\n          disabled={props.disabled}\n          aria-required={props['aria-required']}\n          onChange={(e) => otp.handleOtpChange(e, idx)}\n          onInput={(e) => {\n            if (e.target.value === digit) {\n              otp.handleOtpChange(e, idx);\n            }\n          }}\n          onKeyDown={(e) => otp.handleKeyDown(e, idx)}\n          onFocus={otp.handleFocus}\n          onPaste={otp.handlePaste}\n          error={!digit ? props.error : false}\n        />\n      ))}\n    </SingleCharacterInputs>\n  );\n};\n\nexport default OtpInput;\n"],
+  "mappings": "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",
+  "names": ["React", "SingleCharacterInputs"]
+}

package/cjs/inputs/Radio/index.js

@@ -1,64 +1,134 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Radio_exports = {};
+__export(Radio_exports, {
+  ControlledRadioButtonsGroup: () => ControlledRadioButtonsGroup,
+  RadioButtonsGroup: () => RadioButtonsGroup,
+  default: () => Radio_default
 });
-exports["default"] = exports.RadioButtonsGroup = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _reactHookForm = require("react-hook-form");
-var _form = require("@digigov/form");
-var _RadioConditional = require("@digigov/react-core/cjs/RadioConditional");
-var _Hint = _interopRequireDefault(require("@digigov/react-core/cjs/Hint"));
-var _RadioContainer = _interopRequireDefault(require("@digigov/react-core/cjs/RadioContainer"));
-var _RadioItem = _interopRequireDefault(require("@digigov/react-core/cjs/RadioItem"));
-var _i18n = require("@digigov/ui/cjs/i18n");
-var _excluded = ["name", "control", "register", "extra", "disabled"],
-  _excluded2 = ["label", "value", "show", "disabled", "selected"];
-var RadioButtonsGroup = exports.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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var currentValue = (0, _reactHookForm.useWatch)({
-    control: control,
-    name: name
-  });
-  var _useTranslation = (0, _i18n.useTranslation)(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/_react["default"].createElement(_RadioContainer["default"], {
-    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 = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: "".concat(name, ".").concat(v)
-    }, /*#__PURE__*/_react["default"].createElement(_RadioItem["default"], (0, _extends2["default"])({}, register(name), {
+module.exports = __toCommonJS(Radio_exports);
+var import_react = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_RadioContainer = require("@digigov/ui/form/RadioContainer");
+var import_i18n = require("@digigov/ui/i18n");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_Base = require("@digigov/ui/utils/Base");
+const RadioButtonsGroup = ({
+  name,
+  control,
+  register,
+  extra: { options, className },
+  disabled,
+  Field,
+  ...props
+}) => {
+  const currentValue = (0, import_react_hook_form.useWatch)({ control, name });
+  const { t } = (0, import_i18n.useTranslation)();
+  return /* @__PURE__ */ import_react.default.createElement(import_RadioContainer.RadioContainer, { className, id: name }, options.map(
+    ({
+      label,
       value: v,
-      disabled: disabled || optionDisabled
-    }, option, (0, _extends2["default"])({}, props, {
-      reset: undefined,
-      required: undefined,
-      'aria-describedby': undefined,
-      type: 'radio'
-    })), label && label.primary && t(label.primary) || v, label && label.secondary && /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t(label.secondary))), selected && selected(), currentValue === v && show && /*#__PURE__*/_react["default"].createElement(_RadioConditional.RadioConditional, null, show.map(function (fieldName) {
-      return /*#__PURE__*/_react["default"].createElement(_form.Field, {
-        name: fieldName,
-        key: fieldName
-      });
-    })));
-  }));
+      show,
+      disabled: optionDisabled,
+      selected,
+      ...option
+    }) => /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "div", key: `${name}.${v}` }, /* @__PURE__ */ import_react.default.createElement(
+      import_RadioContainer.RadioItem,
+      {
+        ...register(name),
+        id: `${name}.${v}`,
+        value: v,
+        disabled: disabled || optionDisabled,
+        ...option,
+        ...{
+          ...props,
+          reset: void 0,
+          required: void 0,
+          error: void 0,
+          "aria-describedby": void 0,
+          type: "radio"
+        }
+      },
+      label && label.primary && /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "span" }, t(label.primary) || v),
+      label && label.secondary && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, t(label.secondary))
+    ), selected && selected(), currentValue === v && show && Field && /* @__PURE__ */ import_react.default.createElement(import_RadioContainer.RadioConditional, null, show.map((fieldName) => /* @__PURE__ */ import_react.default.createElement(Field, { name: fieldName, key: fieldName }))))
+  ));
 };
-var _default = exports["default"] = RadioButtonsGroup;
+const ControlledRadioButtonsGroup = ({
+  name,
+  extra: { options, className },
+  disabled,
+  onChange,
+  value,
+  Field,
+  ...props
+}) => {
+  const currentValue = value;
+  const { t } = (0, import_i18n.useTranslation)();
+  return /* @__PURE__ */ import_react.default.createElement(import_RadioContainer.RadioContainer, { className, id: name }, options.map(
+    ({
+      label,
+      value: v,
+      show,
+      disabled: optionDisabled,
+      selected,
+      ...option
+    }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: `${name}.${v}` }, /* @__PURE__ */ import_react.default.createElement(
+      import_RadioContainer.RadioItem,
+      {
+        onChange: (e) => {
+          console.log(e);
+          onChange(e);
+        },
+        id: `${name}.${v}`,
+        value: v,
+        checked: currentValue === v,
+        disabled: disabled || optionDisabled,
+        ...option,
+        ...{
+          ...props,
+          reset: void 0,
+          required: void 0,
+          error: void 0,
+          Field: void 0,
+          "aria-describedby": void 0,
+          type: "radio"
+        }
+      },
+      label && label.primary && t(label.primary) || v,
+      label && label.secondary && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, t(label.secondary))
+    ), selected && selected(), currentValue === v && show && /* @__PURE__ */ import_react.default.createElement(import_RadioContainer.RadioConditional, null, show.map((fieldName) => /* @__PURE__ */ import_react.default.createElement(Field, { name: fieldName, key: fieldName }))))
+  ));
+};
+var Radio_default = RadioButtonsGroup;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ControlledRadioButtonsGroup,
+  RadioButtonsGroup
+});
+//# sourceMappingURL=index.js.map

package/cjs/inputs/Radio/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Radio/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport {\n  RadioContainer,\n  RadioItem,\n  RadioConditional,\n} from '@digigov/ui/form/RadioContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Base } from '@digigov/ui/utils/Base';\n\nexport interface RadioButtonsGroupProps\n  extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra: {\n    className?: string;\n    options: FieldOptionProps[];\n    dense?: boolean;\n  };\n  fieldComponent?: React.FC<Omit<UncontrolledFieldProps, 'register'>>;\n}\n\nexport const RadioButtonsGroup: React.FC<RadioButtonsGroupProps> = ({\n  name,\n  control,\n  register,\n  extra: { options, className },\n  disabled,\n  Field,\n  ...props\n}) => {\n  const currentValue: string | undefined = useWatch({ control, name });\n  const { t } = useTranslation();\n  return (\n    <RadioContainer className={className} id={name}>\n      {options.map(\n        ({\n          label,\n          value: v,\n          show,\n          disabled: optionDisabled,\n          selected,\n          ...option\n        }) => (\n          <Base as=\"div\" key={`${name}.${v}`}>\n            <RadioItem\n              {...register(name)}\n              id={`${name}.${v}`}\n              value={v}\n              disabled={disabled || optionDisabled}\n              {...option}\n              {...{\n                ...props,\n                reset: undefined,\n                required: undefined,\n                error: undefined,\n                'aria-describedby': undefined,\n                type: 'radio',\n              }}\n            >\n              {label && label.primary && (\n                <Base as=\"span\">{t(label.primary) || v}</Base>\n              )}\n              {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n            </RadioItem>\n            {selected && selected()}\n            {currentValue === v && show && Field && (\n              <RadioConditional>\n                {show.map((fieldName) => (\n                  <Field name={fieldName} key={fieldName} />\n                ))}\n              </RadioConditional>\n            )}\n          </Base>\n        )\n      )}\n    </RadioContainer>\n  );\n};\nexport const ControlledRadioButtonsGroup: React.FC<\n  RadioButtonsGroupProps & { onChange: (e: any) => void; value: any }\n> = ({\n  name,\n  extra: { options, className },\n  disabled,\n  onChange,\n  value,\n  Field,\n  ...props\n}) => {\n  const currentValue: string | undefined = value;\n  const { t } = useTranslation();\n  return (\n    <RadioContainer className={className} id={name}>\n      {options.map(\n        ({\n          label,\n          value: v,\n          show,\n          disabled: optionDisabled,\n          selected,\n          ...option\n        }) => (\n          <React.Fragment key={`${name}.${v}`}>\n            <RadioItem\n              onChange={(e) => {\n                console.log(e);\n                onChange(e);\n              }}\n              id={`${name}.${v}`}\n              value={v}\n              checked={currentValue === v}\n              disabled={disabled || optionDisabled}\n              {...option}\n              {...{\n                ...props,\n                reset: undefined,\n                required: undefined,\n                error: undefined,\n                Field: undefined,\n                'aria-describedby': undefined,\n                type: 'radio',\n              }}\n            >\n              {(label && label.primary && t(label.primary)) || v}\n              {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n            </RadioItem>\n            {selected && selected()}\n            {currentValue === v && show && (\n              <RadioConditional>\n                {show.map((fieldName) => (\n                  <Field name={fieldName} key={fieldName} />\n                ))}\n              </RadioConditional>\n            )}\n          </React.Fragment>\n        )\n      )}\n    </RadioContainer>\n  );\n};\n\nexport default RadioButtonsGroup;\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/cjs/inputs/Select/index.js

@@ -1,38 +1,61 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Select_exports = {};
+__export(Select_exports, {
+  Select: () => Select,
+  default: () => Select_default
 });
-exports["default"] = exports.Select = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _SelectContainer = _interopRequireDefault(require("@digigov/react-core/cjs/SelectContainer"));
-var _SelectOption = _interopRequireDefault(require("@digigov/react-core/cjs/SelectOption"));
-var _excluded = ["name", "extra", "disabled"];
-var Select = exports.Select = /*#__PURE__*/_react["default"].forwardRef(function WrappedSelect(_ref, ref) {
-  var name = _ref.name,
-    _ref$extra = _ref.extra,
-    options = _ref$extra.options,
-    className = _ref$extra.className,
-    disabled = _ref.disabled,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_SelectContainer["default"], (0, _extends2["default"])({
-    className: className,
-    ref: ref,
-    name: name,
-    disabled: disabled
-  }, (0, _extends2["default"])({}, props, {
-    reset: undefined,
-    required: undefined
-  })), options.map(function (_ref2) {
-    var value = _ref2.value,
-      label = _ref2.label;
-    return /*#__PURE__*/_react["default"].createElement(_SelectOption["default"], {
-      key: value,
-      value: value
-    }, label && label.primary ? label.primary : value);
-  }));
+module.exports = __toCommonJS(Select_exports);
+var import_react = __toESM(require("react"));
+var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
+const Select = import_react.default.forwardRef(
+  function WrappedSelect({ name, extra: { options, className }, disabled, ...props }, ref) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_SelectContainer.SelectContainer,
+      {
+        className,
+        ref,
+        name,
+        disabled,
+        ...{
+          ...props,
+          reset: void 0,
+          required: void 0,
+          Field: void 0
+        }
+      },
+      options.map(({ value, label }) => /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, { key: value, value }, label && label.primary ? label.primary : value))
+    );
+  }
+);
+var Select_default = Select;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Select
 });
-var _default = exports["default"] = Select;
+//# sourceMappingURL=index.js.map