@sb1/ffe-form-react 100.12.4 → 101.0.0

package/es/BaseRadioButton.js

@@ -1,36 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useId } from 'react';
 import classNames from 'classnames';
 import { Tooltip } from './Tooltip';
-export var BaseRadioButton = React.forwardRef(function (_a, ref) {
-    var children = _a.children, checked = _a.checked, className = _a.className, labelProps = _a.labelProps, selectedValue = _a.selectedValue, tooltip = _a.tooltip, _b = _a.tooltipProps, tooltipProps = _b === void 0 ? {} : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, inputProps = __rest(_a, ["children", "checked", "className", "labelProps", "selectedValue", "tooltip", "tooltipProps", "value", "onChange"]);
-    var id = useId();
-    var labelClasses = classNames({ 'ffe-radio-button--with-tooltip': tooltip }, className);
-    var isSelected = selectedValue === undefined ? checked : selectedValue === value;
+export const BaseRadioButton = React.forwardRef(({ children, checked, className, labelProps, selectedValue, tooltip, tooltipProps = {}, value, onChange = () => { }, ...inputProps }, ref) => {
+    const id = useId();
+    const labelClasses = classNames({ 'ffe-radio-button--with-tooltip': tooltip }, className);
+    const isSelected = selectedValue === undefined ? checked : selectedValue === value;
     return (React.createElement(React.Fragment, null,
-        React.createElement("input", __assign({ className: "ffe-radio-input", id: id, ref: ref, type: "radio", checked: isSelected, value: "".concat(value), onChange: onChange }, inputProps)),
-        React.createElement("label", __assign({ htmlFor: id }, labelProps, { className: labelClasses }),
+        React.createElement("input", { className: "ffe-radio-input", id: id, ref: ref, type: "radio", checked: isSelected, value: `${value}`, onChange: onChange, ...inputProps }),
+        React.createElement("label", { htmlFor: id, ...labelProps, className: labelClasses },
             React.createElement("span", { className: "ffe-radio-input__content" }, children)),
-        tooltip && React.createElement(Tooltip, __assign({}, tooltipProps), tooltip)));
+        tooltip && React.createElement(Tooltip, { ...tooltipProps }, tooltip)));
 });

package/es/Checkbox.js

@@ -1,32 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useId } from 'react';
 import classNames from 'classnames';
-export var Checkbox = React.forwardRef(function (_a, ref) {
-    var children = _a.children, hiddenLabel = _a.hiddenLabel, _b = _a.inline, inline = _b === void 0 ? true : _b, noMargins = _a.noMargins, id = _a.id, checked = _a.checked, onChange = _a.onChange, disabled = _a.disabled, rest = __rest(_a, ["children", "hiddenLabel", "inline", "noMargins", "id", "checked", "onChange", "disabled"]);
-    var generatedId = useId();
-    var inputId = id !== null && id !== void 0 ? id : generatedId;
-    var labelProps = {
+export const Checkbox = React.forwardRef(({ children, hiddenLabel, inline = true, noMargins, id, checked, onChange, disabled, ...rest }, ref) => {
+    const generatedId = useId();
+    const inputId = id !== null && id !== void 0 ? id : generatedId;
+    const labelProps = {
         className: classNames({
             'ffe-checkbox': true,
             'ffe-checkbox--inline': inline,
@@ -36,10 +13,10 @@ export var Checkbox = React.forwardRef(function (_a, ref) {
         htmlFor: inputId,
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement("input", __assign({ ref: ref, className: "ffe-hidden-checkbox", id: inputId, type: "checkbox", checked: checked, disabled: disabled, onChange: !disabled ? onChange : undefined }, rest)),
+        React.createElement("input", { ref: ref, className: "ffe-hidden-checkbox", id: inputId, type: "checkbox", checked: checked, disabled: disabled, onChange: !disabled ? onChange : undefined, ...rest }),
         typeof children === 'function' ? (children(labelProps)) : (
         // eslint-disable-next-line jsx-a11y/label-has-for
-        React.createElement("label", __assign({}, labelProps),
+        React.createElement("label", { ...labelProps },
             React.createElement("span", { className: classNames('ffe-checkbox__content', {
                     'ffe-screenreader-only': hiddenLabel,
                 }) }, children)))));

package/es/Input.js

@@ -1,28 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import classNames from 'classnames';
-export var Input = React.forwardRef(function (_a, ref) {
-    var className = _a.className, inline = _a.inline, textRightAlign = _a.textRightAlign, rest = __rest(_a, ["className", "inline", "textRightAlign"]);
-    return (React.createElement("input", __assign({ className: classNames('ffe-input-field', 'ffe-default-mode', { 'ffe-input-field--inline': inline }, { 'ffe-input-field--text-right-align': textRightAlign }, className), ref: ref }, rest)));
+export const Input = React.forwardRef(({ className, inline, textRightAlign, ...rest }, ref) => {
+    return (React.createElement("input", { className: classNames('ffe-input-field', 'ffe-default-mode', { 'ffe-input-field--inline': inline }, { 'ffe-input-field--text-right-align': textRightAlign }, className), ref: ref, ...rest }));
 });

package/es/InputGroup.js

@@ -1,31 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import classNames from 'classnames';
 import React, { useId } from 'react';
 import { Label } from './Label';
 import { ErrorFieldMessage } from './message';
 import { Tooltip } from './Tooltip';
-var getChildrenWithExtraProps = function (children, extraProps) {
+const getChildrenWithExtraProps = (children, extraProps) => {
     if (typeof children === 'function') {
         return children(extraProps);
     }
@@ -34,26 +12,25 @@ var getChildrenWithExtraProps = function (children, extraProps) {
     }
     return children;
 };
-export var InputGroup = function (_a) {
-    var inputId = _a.inputId, children = _a.children, className = _a.className, _b = _a.extraMargin, extraMargin = _b === void 0 ? true : _b, description = _a.description, label = _a.label, fieldMessage = _a.fieldMessage, tooltip = _a.tooltip, onTooltipToggle = _a.onTooltipToggle, labelId = _a.labelId, rest = __rest(_a, ["inputId", "children", "className", "extraMargin", "description", "label", "fieldMessage", "tooltip", "onTooltipToggle", "labelId"]);
-    var generatedInputId = useId();
-    var id = inputId !== null && inputId !== void 0 ? inputId : generatedInputId;
-    var descriptionId = description ? "".concat(id, "-description") : undefined;
+export const InputGroup = ({ inputId, children, className, extraMargin = true, description, label, fieldMessage, tooltip, onTooltipToggle, labelId, ...rest }) => {
+    const generatedInputId = useId();
+    const id = inputId !== null && inputId !== void 0 ? inputId : generatedInputId;
+    const descriptionId = description ? `${id}-description` : undefined;
     if (React.Children.count(children) > 1) {
         throw new Error('This element does not support more than one child. If you need more than one element inside your ' +
             'InputGroup, please use the function-as-a-child pattern outlined in the documentation.');
     }
-    var getFieldMessageId = function () {
+    const getFieldMessageId = () => {
         var _a;
         if (typeof fieldMessage === 'string') {
-            return "".concat(id, "-fieldmessage");
+            return `${id}-fieldmessage`;
         }
         else if ((_a = fieldMessage === null || fieldMessage === void 0 ? void 0 : fieldMessage.props) === null || _a === void 0 ? void 0 : _a.id) {
             return fieldMessage.props.id;
         }
-        return fieldMessage ? "".concat(id, "-fieldmessage") : undefined;
+        return fieldMessage ? `${id}-fieldmessage` : undefined;
     };
-    var fieldMessageId = getFieldMessageId();
+    const fieldMessageId = getFieldMessageId();
     if (onTooltipToggle &&
         typeof tooltip !== 'boolean' &&
         typeof tooltip !== 'string') {
@@ -63,23 +40,23 @@ export var InputGroup = function (_a) {
     if (tooltip && description) {
         throw new Error('Don\'t use both "tooltip" and "description" on an <InputGroup />, pick one of them');
     }
-    var isInvalid = !!fieldMessage &&
+    const isInvalid = !!fieldMessage &&
         (typeof fieldMessage === 'string' ||
             fieldMessage.type === ErrorFieldMessage);
-    var hasMessage = !!fieldMessage;
-    var ariaDescribedBy = fieldMessageId || descriptionId
+    const hasMessage = !!fieldMessage;
+    const ariaDescribedBy = fieldMessageId || descriptionId
         ? [fieldMessageId, descriptionId].filter(Boolean).join(' ')
         : undefined;
-    var extraProps = {
-        id: id,
+    const extraProps = {
+        id,
         'aria-invalid': isInvalid ? 'true' : 'false',
         'aria-describedby': ariaDescribedBy,
     };
-    var modifiedChildren = getChildrenWithExtraProps(children, extraProps);
-    return (React.createElement("div", __assign({ className: classNames('ffe-input-group', {
+    const modifiedChildren = getChildrenWithExtraProps(children, extraProps);
+    return (React.createElement("div", { className: classNames('ffe-input-group', {
             'ffe-input-group--no-extra-margin': !extraMargin,
             'ffe-input-group--message': hasMessage,
-        }, className) }, rest),
+        }, className), ...rest },
         React.createElement("div", { className: "ffe-input-group__header" },
             typeof label === 'string' ? (React.createElement(Label, { htmlFor: id, id: labelId }, label)) : (React.isValidElement(label) &&
                 React.cloneElement(label, {

package/es/InputTextLike.js

@@ -1,28 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import classNames from 'classnames';
-export var InputTextLike = React.forwardRef(function (_a, ref) {
-    var className = _a.className, ariaLabel = _a.ariaLabel, rest = __rest(_a, ["className", "ariaLabel"]);
-    return (React.createElement("input", __assign({ className: classNames('ffe-input-field', 'ffe-input-field--text-like', className), "aria-label": ariaLabel, ref: ref }, rest)));
+export const InputTextLike = React.forwardRef(({ className, ariaLabel, ...rest }, ref) => {
+    return (React.createElement("input", { className: classNames('ffe-input-field', 'ffe-input-field--text-like', className), "aria-label": ariaLabel, ref: ref, ...rest }));
 });

package/es/Label.js

@@ -1,30 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import classNames from 'classnames';
-export var Label = function (_a) {
-    var _b = _a.as, Comp = _b === void 0 ? 'label' : _b, block = _a.block, children = _a.children, className = _a.className, htmlFor = _a.htmlFor, rest = __rest(_a, ["as", "block", "children", "className", "htmlFor"]);
-    return (React.createElement(Comp, __assign({ className: classNames('ffe-form-label', className, {
-            'ffe-form-label--block': block,
-        }), htmlFor: htmlFor }, rest), children));
-};
+export const Label = ({ as: Comp = 'label', block, children, className, htmlFor, ...rest }) => (React.createElement(Comp, { className: classNames('ffe-form-label', className, {
+        'ffe-form-label--block': block,
+    }), htmlFor: htmlFor, ...rest }, children));

package/es/PhoneNumber.js

@@ -1,20 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import React, { useRef, useImperativeHandle, useId } from 'react';
 import classNames from 'classnames';
 import i18n from './i18n/i18n';
 import { ErrorFieldMessage } from './message';
-var getFieldMessage = function (countryCodeAndNumberFieldMessage, countryCodeFieldMessage, numberFieldMessage) {
-    var fieldMessage;
+const getFieldMessage = (countryCodeAndNumberFieldMessage, countryCodeFieldMessage, numberFieldMessage) => {
+    let fieldMessage;
     if (countryCodeAndNumberFieldMessage) {
         fieldMessage = countryCodeAndNumberFieldMessage;
     }
@@ -29,48 +18,47 @@ var getFieldMessage = function (countryCodeAndNumberFieldMessage, countryCodeFie
     }
     return fieldMessage;
 };
-export var PhoneNumber = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var numberInputProps = _a.numberInputProps, countryCodeInputProps = _a.countryCodeInputProps, countryCodeFieldMessage = _a.countryCodeFieldMessage, numberFieldMessage = _a.numberFieldMessage, countryCodeAndNumberFieldMessage = _a.countryCodeAndNumberFieldMessage, className = _a.className, extraMargin = _a.extraMargin, isMobileNumber = _a.isMobileNumber, _d = _a.locale, locale = _d === void 0 ? 'nb' : _d;
-    var countryRef = useRef(null);
-    var numberRef = useRef(null);
-    useImperativeHandle(ref, function () { return ({
+export const PhoneNumber = React.forwardRef(({ numberInputProps, countryCodeInputProps, countryCodeFieldMessage, numberFieldMessage, countryCodeAndNumberFieldMessage, className, extraMargin, isMobileNumber, locale = 'nb', }, ref) => {
+    var _a, _b;
+    const countryRef = useRef(null);
+    const numberRef = useRef(null);
+    useImperativeHandle(ref, () => ({
         get country() {
             return countryRef.current;
         },
         get number() {
             return numberRef.current;
         },
-    }); });
-    var fieldMessage = getFieldMessage(countryCodeAndNumberFieldMessage, countryCodeFieldMessage, numberFieldMessage);
-    var numberId = useId();
-    var countryCodeId = useId();
-    var generatedFieldMessageId = useId();
-    var fieldMessageId = React.isValidElement(fieldMessage)
-        ? (_b = fieldMessage === null || fieldMessage === void 0 ? void 0 : fieldMessage.props) === null || _b === void 0 ? void 0 : _b.id
+    }));
+    const fieldMessage = getFieldMessage(countryCodeAndNumberFieldMessage, countryCodeFieldMessage, numberFieldMessage);
+    const numberId = useId();
+    const countryCodeId = useId();
+    const generatedFieldMessageId = useId();
+    const fieldMessageId = React.isValidElement(fieldMessage)
+        ? (_a = fieldMessage === null || fieldMessage === void 0 ? void 0 : fieldMessage.props) === null || _a === void 0 ? void 0 : _a.id
         : generatedFieldMessageId;
-    var supportedLocales = ['nb', 'nn', 'en'];
-    var text = i18n[supportedLocales.indexOf(locale) !== -1 ? locale : 'nb'];
+    const supportedLocales = ['nb', 'nn', 'en'];
+    const text = i18n[supportedLocales.indexOf(locale) !== -1 ? locale : 'nb'];
     return (React.createElement("div", { className: classNames('ffe-phone-number', 'ffe-input-group', { 'ffe-input-group--message': fieldMessage }, { 'ffe-input-group--no-extra-margin': !extraMargin }, className) },
         React.createElement("div", { className: "ffe-phone-number__input-group" },
             React.createElement("div", { className: "ffe-phone-number__country-code" },
                 React.createElement("label", { className: "ffe-form-label", htmlFor: countryCodeId }, text.COUNTRY_CODE),
                 React.createElement("div", { className: "ffe-phone-number__input-group" },
                     React.createElement("span", { className: classNames('ffe-phone-number__plus', 'ffe-default-mode') }, "+"),
-                    React.createElement("input", __assign({ ref: countryRef, id: countryCodeId, value: (_c = countryCodeInputProps === null || countryCodeInputProps === void 0 ? void 0 : countryCodeInputProps.value) !== null && _c !== void 0 ? _c : '47', className: classNames('ffe-input-field', 'ffe-phone-number__country-code-input', 'ffe-default-mode'), type: "tel", "aria-invalid": !!(countryCodeFieldMessage ||
+                    React.createElement("input", { ref: countryRef, id: countryCodeId, value: (_b = countryCodeInputProps === null || countryCodeInputProps === void 0 ? void 0 : countryCodeInputProps.value) !== null && _b !== void 0 ? _b : '47', className: classNames('ffe-input-field', 'ffe-phone-number__country-code-input', 'ffe-default-mode'), type: "tel", "aria-invalid": !!(countryCodeFieldMessage ||
                             countryCodeAndNumberFieldMessage), "aria-describedby": !!(countryCodeFieldMessage ||
                             countryCodeAndNumberFieldMessage)
                             ? fieldMessageId
-                            : undefined }, countryCodeInputProps)))),
+                            : undefined, ...countryCodeInputProps }))),
             React.createElement("div", { className: "ffe-phone-number__number" },
                 React.createElement("label", { className: "ffe-form-label", htmlFor: numberId }, isMobileNumber
                     ? text.MOBILE_NUMBER
                     : text.PHONE_NUMBER),
-                React.createElement("input", __assign({ ref: numberRef, id: numberId, type: "tel", className: classNames('ffe-input-field', 'ffe-phone-number__phone-input', 'ffe-default-mode'), "aria-invalid": !!(numberFieldMessage ||
+                React.createElement("input", { ref: numberRef, id: numberId, type: "tel", className: classNames('ffe-input-field', 'ffe-phone-number__phone-input', 'ffe-default-mode'), "aria-invalid": !!(numberFieldMessage ||
                         countryCodeAndNumberFieldMessage), "aria-describedby": !!(numberFieldMessage ||
                         countryCodeAndNumberFieldMessage)
                         ? fieldMessageId
-                        : undefined }, numberInputProps)))),
+                        : undefined, ...numberInputProps }))),
         typeof fieldMessage === 'string' && (React.createElement(ErrorFieldMessage, { as: "p", id: fieldMessageId }, fieldMessage)),
         React.isValidElement(fieldMessage) &&
             React.cloneElement(fieldMessage, {

package/es/RadioBlock.js

@@ -1,36 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useId } from 'react';
 import classNames from 'classnames';
-export var RadioBlock = React.forwardRef(function (_a, ref) {
-    var checked = _a.checked, children = _a.children, className = _a.className, label = _a.label, labelClass = _a.labelClass, name = _a.name, selectedValue = _a.selectedValue, showChildren = _a.showChildren, value = _a.value, inputProps = __rest(_a, ["checked", "children", "className", "label", "labelClass", "name", "selectedValue", "showChildren", "value"]);
-    var id = useId();
-    var isSelected = checked || selectedValue === value;
+export const RadioBlock = React.forwardRef(({ checked, children, className, label, labelClass, name, selectedValue, showChildren, value, ...inputProps }, ref) => {
+    const id = useId();
+    const isSelected = checked || selectedValue === value;
     return (React.createElement("div", { className: classNames('ffe-radio-block', 'ffe-default-mode', className) },
-        React.createElement("input", __assign({ checked: isSelected, className: "ffe-radio-input", id: id, ref: ref, type: "radio", name: name, value: value, "aria-describedby": (children && showChildren) || (children && isSelected)
-                ? "".concat(id, "-described")
-                : undefined }, inputProps)),
+        React.createElement("input", { checked: isSelected, className: "ffe-radio-input", id: id, ref: ref, type: "radio", name: name, value: value, "aria-describedby": (children && showChildren) || (children && isSelected)
+                ? `${id}-described`
+                : undefined, ...inputProps }),
         React.createElement("div", { className: "ffe-radio-block__content" },
             React.createElement("label", { className: classNames('ffe-radio-block__header', labelClass), htmlFor: id }, label),
-            (isSelected || showChildren) && children && (React.createElement("div", { className: classNames('ffe-radio-block__wrapper'), id: "".concat(id, "-described") }, children)))));
+            (isSelected || showChildren) && children && (React.createElement("div", { className: classNames('ffe-radio-block__wrapper'), id: `${id}-described` }, children)))));
 });

package/es/RadioButton.js

@@ -1,31 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import classNames from 'classnames';
 import { BaseRadioButton } from './BaseRadioButton';
-export var RadioButton = function (_a) {
-    var className = _a.className, inline = _a.inline, rest = __rest(_a, ["className", "inline"]);
-    return (React.createElement(BaseRadioButton, __assign({ className: classNames('ffe-radio-button', {
+export const RadioButton = ({ className, inline, ...rest }) => {
+    return (React.createElement(BaseRadioButton, { className: classNames('ffe-radio-button', {
             'ffe-radio-button--inline': inline,
-        }, className) }, rest)));
+        }, className), ...rest }));
 };

package/es/RadioButtonInputGroup.js

@@ -1,48 +1,25 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useId } from 'react';
 import classNames from 'classnames';
 import { ErrorFieldMessage } from './message';
 import { Tooltip } from './Tooltip';
-export var RadioButtonInputGroup = function (_a) {
-    var children = _a.children, className = _a.className, _b = _a.extraMargin, extraMargin = _b === void 0 ? true : _b, description = _a.description, fieldMessage = _a.fieldMessage, inline = _a.inline, label = _a.label, name = _a.name, selectedValue = _a.selectedValue, tooltip = _a.tooltip, onChange = _a.onChange, rest = __rest(_a, ["children", "className", "extraMargin", "description", "fieldMessage", "inline", "label", "name", "selectedValue", "tooltip", "onChange"]);
+export const RadioButtonInputGroup = ({ children, className, extraMargin = true, description, fieldMessage, inline, label, name, selectedValue, tooltip, onChange, ...rest }) => {
     if (tooltip && description) {
         throw new Error('Don\'t use both "tooltip" and "description" on an <RadioButtonInputGroup />, pick one of them');
     }
-    var id = useId();
-    return (React.createElement("fieldset", __assign({ "aria-labelledby": id, className: classNames('ffe-input-group', { 'ffe-input-group--no-extra-margin': !extraMargin }, { 'ffe-input-group--message': !!fieldMessage }, className) }, rest),
+    const id = useId();
+    return (React.createElement("fieldset", { "aria-labelledby": id, className: classNames('ffe-input-group', { 'ffe-input-group--no-extra-margin': !extraMargin }, { 'ffe-input-group--message': !!fieldMessage }, className), ...rest },
         label && (React.createElement("legend", { id: id, className: classNames('ffe-form-label', 'ffe-form-label--block') },
             label,
             typeof tooltip === 'string' && (React.createElement(Tooltip, null, tooltip)),
             React.isValidElement(tooltip) && tooltip)),
         description && (React.createElement("div", { className: "ffe-input-group__description ffe-small-text" }, description)),
         children({
-            inline: inline,
-            name: name,
-            onChange: function (e) {
+            inline,
+            name,
+            onChange: (e) => {
                 onChange === null || onChange === void 0 ? void 0 : onChange(e);
             },
-            selectedValue: selectedValue,
+            selectedValue,
         }),
         typeof fieldMessage === 'string' ? (React.createElement(ErrorFieldMessage, { as: "p" }, fieldMessage)) : (fieldMessage)));
 };

package/es/RadioSwitch.js

@@ -1,40 +1,17 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import classNames from 'classnames';
 import { BaseRadioButton } from './BaseRadioButton';
-export var RadioSwitch = function (_a) {
-    var className = _a.className, leftLabel = _a.leftLabel, leftValue = _a.leftValue, leftInnerRef = _a.leftInnerRef, rightLabel = _a.rightLabel, rightValue = _a.rightValue, rightInnerRef = _a.rightInnerRef, condensed = _a.condensed, ariaInvalid = _a["aria-invalid"], selectedValue = _a.selectedValue, rest = __rest(_a, ["className", "leftLabel", "leftValue", "leftInnerRef", "rightLabel", "rightValue", "rightInnerRef", "condensed", 'aria-invalid', "selectedValue"]);
-    var noneSelected = selectedValue === null ||
+export const RadioSwitch = ({ className, leftLabel, leftValue, leftInnerRef, rightLabel, rightValue, rightInnerRef, condensed, 'aria-invalid': ariaInvalid, selectedValue, ...rest }) => {
+    const noneSelected = selectedValue === null ||
         selectedValue === undefined ||
         selectedValue === '';
     return (React.createElement(React.Fragment, null,
-        React.createElement(BaseRadioButton, __assign({ className: classNames('ffe-radio-switch', 'ffe-default-mode', className, {
+        React.createElement(BaseRadioButton, { className: classNames('ffe-radio-switch', 'ffe-default-mode', className, {
                 'ffe-radio-switch--condensed': condensed,
             }), value: leftValue, ref: leftInnerRef, "aria-invalid": ariaInvalid === 'true' &&
-                (selectedValue === leftValue || noneSelected), selectedValue: selectedValue }, rest), leftLabel),
-        React.createElement(BaseRadioButton, __assign({ className: classNames('ffe-radio-switch', 'ffe-default-mode', className, {
+                (selectedValue === leftValue || noneSelected), selectedValue: selectedValue, ...rest }, leftLabel),
+        React.createElement(BaseRadioButton, { className: classNames('ffe-radio-switch', 'ffe-default-mode', className, {
                 'ffe-radio-switch--condensed': condensed,
             }), value: rightValue, ref: rightInnerRef, "aria-invalid": ariaInvalid === 'true' &&
-                (selectedValue === rightValue || noneSelected), selectedValue: selectedValue }, rest), rightLabel)));
+                (selectedValue === rightValue || noneSelected), selectedValue: selectedValue, ...rest }, rightLabel)));
 };

package/es/TextArea.js

@@ -1,28 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import classNames from 'classnames';
-export var TextArea = React.forwardRef(function (_a, ref) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    return (React.createElement("textarea", __assign({ className: classNames('ffe-textarea', 'ffe-default-mode', className), ref: ref }, rest)));
+export const TextArea = React.forwardRef(({ className, ...rest }, ref) => {
+    return (React.createElement("textarea", { className: classNames('ffe-textarea', 'ffe-default-mode', className), ref: ref, ...rest }));
 });