@sb1/ffe-form-react 100.12.3 → 101.0.0

package/lib/InputGroup.js

@@ -1,15 +1,4 @@
 "use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,28 +32,17 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputGroup = void 0;
-var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importStar(require("react"));
-var Label_1 = require("./Label");
-var message_1 = require("./message");
-var Tooltip_1 = require("./Tooltip");
-var getChildrenWithExtraProps = function (children, extraProps) {
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const Label_1 = require("./Label");
+const message_1 = require("./message");
+const Tooltip_1 = require("./Tooltip");
+const getChildrenWithExtraProps = (children, extraProps) => {
     if (typeof children === 'function') {
         return children(extraProps);
     }
@@ -73,26 +51,25 @@ var getChildrenWithExtraProps = function (children, extraProps) {
     }
     return children;
 };
-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 = (0, react_1.useId)();
-    var id = inputId !== null && inputId !== void 0 ? inputId : generatedInputId;
-    var descriptionId = description ? "".concat(id, "-description") : undefined;
+const InputGroup = ({ inputId, children, className, extraMargin = true, description, label, fieldMessage, tooltip, onTooltipToggle, labelId, ...rest }) => {
+    const generatedInputId = (0, react_1.useId)();
+    const id = inputId !== null && inputId !== void 0 ? inputId : generatedInputId;
+    const descriptionId = description ? `${id}-description` : undefined;
     if (react_1.default.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') {
@@ -102,23 +79,23 @@ 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 === message_1.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_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('ffe-input-group', {
+    const modifiedChildren = getChildrenWithExtraProps(children, extraProps);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-input-group', {
             'ffe-input-group--no-extra-margin': !extraMargin,
             'ffe-input-group--message': hasMessage,
-        }, className) }, rest),
+        }, className), ...rest },
         react_1.default.createElement("div", { className: "ffe-input-group__header" },
             typeof label === 'string' ? (react_1.default.createElement(Label_1.Label, { htmlFor: id, id: labelId }, label)) : (react_1.default.isValidElement(label) &&
                 react_1.default.cloneElement(label, {

package/lib/InputTextLike.js

@@ -1,34 +1,11 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputTextLike = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-exports.InputTextLike = react_1.default.forwardRef(function (_a, ref) {
-    var className = _a.className, ariaLabel = _a.ariaLabel, rest = __rest(_a, ["className", "ariaLabel"]);
-    return (react_1.default.createElement("input", __assign({ className: (0, classnames_1.default)('ffe-input-field', 'ffe-input-field--text-like', className), "aria-label": ariaLabel, ref: ref }, rest)));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+exports.InputTextLike = react_1.default.forwardRef(({ className, ariaLabel, ...rest }, ref) => {
+    return (react_1.default.createElement("input", { className: (0, classnames_1.default)('ffe-input-field', 'ffe-input-field--text-like', className), "aria-label": ariaLabel, ref: ref, ...rest }));
 });

package/lib/Label.js

@@ -1,37 +1,12 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-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_1.default.createElement(Comp, __assign({ className: (0, classnames_1.default)('ffe-form-label', className, {
-            'ffe-form-label--block': block,
-        }), htmlFor: htmlFor }, rest), children));
-};
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Label = ({ as: Comp = 'label', block, children, className, htmlFor, ...rest }) => (react_1.default.createElement(Comp, { className: (0, classnames_1.default)('ffe-form-label', className, {
+        'ffe-form-label--block': block,
+    }), htmlFor: htmlFor, ...rest }, children));
 exports.Label = Label;

package/lib/PhoneNumber.js

@@ -1,15 +1,4 @@
 "use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PhoneNumber = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var i18n_1 = __importDefault(require("./i18n/i18n"));
-var message_1 = require("./message");
-var getFieldMessage = function (countryCodeAndNumberFieldMessage, countryCodeFieldMessage, numberFieldMessage) {
-    var fieldMessage;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const i18n_1 = __importDefault(require("./i18n/i18n"));
+const message_1 = require("./message");
+const getFieldMessage = (countryCodeAndNumberFieldMessage, countryCodeFieldMessage, numberFieldMessage) => {
+    let fieldMessage;
     if (countryCodeAndNumberFieldMessage) {
         fieldMessage = countryCodeAndNumberFieldMessage;
     }
@@ -68,48 +57,47 @@ var getFieldMessage = function (countryCodeAndNumberFieldMessage, countryCodeFie
     }
     return fieldMessage;
 };
-exports.PhoneNumber = react_1.default.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 = (0, react_1.useRef)(null);
-    var numberRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
+exports.PhoneNumber = react_1.default.forwardRef(({ numberInputProps, countryCodeInputProps, countryCodeFieldMessage, numberFieldMessage, countryCodeAndNumberFieldMessage, className, extraMargin, isMobileNumber, locale = 'nb', }, ref) => {
+    var _a, _b;
+    const countryRef = (0, react_1.useRef)(null);
+    const numberRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
         get country() {
             return countryRef.current;
         },
         get number() {
             return numberRef.current;
         },
-    }); });
-    var fieldMessage = getFieldMessage(countryCodeAndNumberFieldMessage, countryCodeFieldMessage, numberFieldMessage);
-    var numberId = (0, react_1.useId)();
-    var countryCodeId = (0, react_1.useId)();
-    var generatedFieldMessageId = (0, react_1.useId)();
-    var fieldMessageId = react_1.default.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 = (0, react_1.useId)();
+    const countryCodeId = (0, react_1.useId)();
+    const generatedFieldMessageId = (0, react_1.useId)();
+    const fieldMessageId = react_1.default.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_1.default[supportedLocales.indexOf(locale) !== -1 ? locale : 'nb'];
+    const supportedLocales = ['nb', 'nn', 'en'];
+    const text = i18n_1.default[supportedLocales.indexOf(locale) !== -1 ? locale : 'nb'];
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-phone-number', 'ffe-input-group', { 'ffe-input-group--message': fieldMessage }, { 'ffe-input-group--no-extra-margin': !extraMargin }, className) },
         react_1.default.createElement("div", { className: "ffe-phone-number__input-group" },
             react_1.default.createElement("div", { className: "ffe-phone-number__country-code" },
                 react_1.default.createElement("label", { className: "ffe-form-label", htmlFor: countryCodeId }, text.COUNTRY_CODE),
                 react_1.default.createElement("div", { className: "ffe-phone-number__input-group" },
                     react_1.default.createElement("span", { className: (0, classnames_1.default)('ffe-phone-number__plus', 'ffe-default-mode') }, "+"),
-                    react_1.default.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: (0, classnames_1.default)('ffe-input-field', 'ffe-phone-number__country-code-input', 'ffe-default-mode'), type: "tel", "aria-invalid": !!(countryCodeFieldMessage ||
+                    react_1.default.createElement("input", { ref: countryRef, id: countryCodeId, value: (_b = countryCodeInputProps === null || countryCodeInputProps === void 0 ? void 0 : countryCodeInputProps.value) !== null && _b !== void 0 ? _b : '47', className: (0, classnames_1.default)('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_1.default.createElement("div", { className: "ffe-phone-number__number" },
                 react_1.default.createElement("label", { className: "ffe-form-label", htmlFor: numberId }, isMobileNumber
                     ? text.MOBILE_NUMBER
                     : text.PHONE_NUMBER),
-                react_1.default.createElement("input", __assign({ ref: numberRef, id: numberId, type: "tel", className: (0, classnames_1.default)('ffe-input-field', 'ffe-phone-number__phone-input', 'ffe-default-mode'), "aria-invalid": !!(numberFieldMessage ||
+                react_1.default.createElement("input", { ref: numberRef, id: numberId, type: "tel", className: (0, classnames_1.default)('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_1.default.createElement(message_1.ErrorFieldMessage, { as: "p", id: fieldMessageId }, fieldMessage)),
         react_1.default.isValidElement(fieldMessage) &&
             react_1.default.cloneElement(fieldMessage, {

package/lib/RadioBlock.js

@@ -1,15 +1,4 @@
 "use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,33 +32,21 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioBlock = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-exports.RadioBlock = react_1.default.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 = (0, react_1.useId)();
-    var isSelected = checked || selectedValue === value;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+exports.RadioBlock = react_1.default.forwardRef(({ checked, children, className, label, labelClass, name, selectedValue, showChildren, value, ...inputProps }, ref) => {
+    const id = (0, react_1.useId)();
+    const isSelected = checked || selectedValue === value;
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-radio-block', 'ffe-default-mode', className) },
-        react_1.default.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_1.default.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_1.default.createElement("div", { className: "ffe-radio-block__content" },
             react_1.default.createElement("label", { className: (0, classnames_1.default)('ffe-radio-block__header', labelClass), htmlFor: id }, label),
-            (isSelected || showChildren) && children && (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-radio-block__wrapper'), id: "".concat(id, "-described") }, children)))));
+            (isSelected || showChildren) && children && (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-radio-block__wrapper'), id: `${id}-described` }, children)))));
 });

package/lib/RadioButton.js

@@ -1,38 +1,15 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButton = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var BaseRadioButton_1 = require("./BaseRadioButton");
-var RadioButton = function (_a) {
-    var className = _a.className, inline = _a.inline, rest = __rest(_a, ["className", "inline"]);
-    return (react_1.default.createElement(BaseRadioButton_1.BaseRadioButton, __assign({ className: (0, classnames_1.default)('ffe-radio-button', {
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const BaseRadioButton_1 = require("./BaseRadioButton");
+const RadioButton = ({ className, inline, ...rest }) => {
+    return (react_1.default.createElement(BaseRadioButton_1.BaseRadioButton, { className: (0, classnames_1.default)('ffe-radio-button', {
             'ffe-radio-button--inline': inline,
-        }, className) }, rest)));
+        }, className), ...rest }));
 };
 exports.RadioButton = RadioButton;

package/lib/RadioButtonInputGroup.js

@@ -1,15 +1,4 @@
 "use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,45 +32,33 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButtonInputGroup = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var message_1 = require("./message");
-var Tooltip_1 = require("./Tooltip");
-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"]);
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const message_1 = require("./message");
+const Tooltip_1 = require("./Tooltip");
+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 = (0, react_1.useId)();
-    return (react_1.default.createElement("fieldset", __assign({ "aria-labelledby": id, className: (0, classnames_1.default)('ffe-input-group', { 'ffe-input-group--no-extra-margin': !extraMargin }, { 'ffe-input-group--message': !!fieldMessage }, className) }, rest),
+    const id = (0, react_1.useId)();
+    return (react_1.default.createElement("fieldset", { "aria-labelledby": id, className: (0, classnames_1.default)('ffe-input-group', { 'ffe-input-group--no-extra-margin': !extraMargin }, { 'ffe-input-group--message': !!fieldMessage }, className), ...rest },
         label && (react_1.default.createElement("legend", { id: id, className: (0, classnames_1.default)('ffe-form-label', 'ffe-form-label--block') },
             label,
             typeof tooltip === 'string' && (react_1.default.createElement(Tooltip_1.Tooltip, null, tooltip)),
             react_1.default.isValidElement(tooltip) && tooltip)),
         description && (react_1.default.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_1.default.createElement(message_1.ErrorFieldMessage, { as: "p" }, fieldMessage)) : (fieldMessage)));
 };

package/lib/RadioSwitch.js

@@ -1,47 +1,24 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioSwitch = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var BaseRadioButton_1 = require("./BaseRadioButton");
-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 ||
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const BaseRadioButton_1 = require("./BaseRadioButton");
+const RadioSwitch = ({ className, leftLabel, leftValue, leftInnerRef, rightLabel, rightValue, rightInnerRef, condensed, 'aria-invalid': ariaInvalid, selectedValue, ...rest }) => {
+    const noneSelected = selectedValue === null ||
         selectedValue === undefined ||
         selectedValue === '';
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(BaseRadioButton_1.BaseRadioButton, __assign({ className: (0, classnames_1.default)('ffe-radio-switch', 'ffe-default-mode', className, {
+        react_1.default.createElement(BaseRadioButton_1.BaseRadioButton, { className: (0, classnames_1.default)('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_1.default.createElement(BaseRadioButton_1.BaseRadioButton, __assign({ className: (0, classnames_1.default)('ffe-radio-switch', 'ffe-default-mode', className, {
+                (selectedValue === leftValue || noneSelected), selectedValue: selectedValue, ...rest }, leftLabel),
+        react_1.default.createElement(BaseRadioButton_1.BaseRadioButton, { className: (0, classnames_1.default)('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)));
 };
 exports.RadioSwitch = RadioSwitch;

package/lib/TextArea.js

@@ -1,34 +1,11 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-exports.TextArea = react_1.default.forwardRef(function (_a, ref) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("textarea", __assign({ className: (0, classnames_1.default)('ffe-textarea', 'ffe-default-mode', className), ref: ref }, rest)));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+exports.TextArea = react_1.default.forwardRef(({ className, ...rest }, ref) => {
+    return (react_1.default.createElement("textarea", { className: (0, classnames_1.default)('ffe-textarea', 'ffe-default-mode', className), ref: ref, ...rest }));
 });

package/lib/TextField.js

@@ -1,37 +1,14 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-exports.TextField = react_1.default.forwardRef(function (_a, ref) {
-    var className = _a.className, inline = _a.inline, textRightAlign = _a.textRightAlign, prefix = _a.prefix, suffix = _a.suffix, rest = __rest(_a, ["className", "inline", "textRightAlign", "prefix", "suffix"]);
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+exports.TextField = react_1.default.forwardRef(({ className, inline, textRightAlign, prefix, suffix, ...rest }, ref) => {
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-text-field__wrapper', 'ffe-default-mode', { 'ffe-text-field__wrapper--inline': inline }, className) },
         prefix && (react_1.default.createElement("div", { className: "ffe-text-field__prefix" }, prefix)),
-        react_1.default.createElement("input", __assign({ className: (0, classnames_1.default)('ffe-text-field', 'ffe-default-mode', { 'ffe-text-field--text-right-align': textRightAlign }), ref: ref }, rest)),
+        react_1.default.createElement("input", { className: (0, classnames_1.default)('ffe-text-field', 'ffe-default-mode', { 'ffe-text-field--text-right-align': textRightAlign }), ref: ref, ...rest }),
         suffix && (react_1.default.createElement("div", { className: "ffe-text-field__suffix" }, suffix))));
 });