@sb1/ffe-form-react 100.12.3 → 101.0.0

package/es/TextField.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';
-export var TextField = React.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"]);
+export const TextField = React.forwardRef(({ className, inline, textRightAlign, prefix, suffix, ...rest }, ref) => {
     return (React.createElement("div", { className: classNames('ffe-text-field__wrapper', 'ffe-default-mode', { 'ffe-text-field__wrapper--inline': inline }, className) },
         prefix && (React.createElement("div", { className: "ffe-text-field__prefix" }, prefix)),
-        React.createElement("input", __assign({ className: classNames('ffe-text-field', 'ffe-default-mode', { 'ffe-text-field--text-right-align': textRightAlign }), ref: ref }, rest)),
+        React.createElement("input", { className: classNames('ffe-text-field', 'ffe-default-mode', { 'ffe-text-field--text-right-align': textRightAlign }), ref: ref, ...rest }),
         suffix && (React.createElement("div", { className: "ffe-text-field__suffix" }, suffix))));
 });

package/es/ToggleSwitch.js

@@ -1,35 +1,12 @@
-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 i18n from './i18n/i18n';
-export var ToggleSwitch = function (_a) {
-    var children = _a.children, className = _a.className, description = _a.description, hideOnOff = _a.hideOnOff, onText = _a.onText, offText = _a.offText, providedId = _a.id, _b = _a.value, value = _b === void 0 ? 'on' : _b, _c = _a.locale, locale = _c === void 0 ? 'nb' : _c, checked = _a.checked, rest = __rest(_a, ["children", "className", "description", "hideOnOff", "onText", "offText", "id", "value", "locale", "checked"]);
-    var generatedId = useId();
-    var id = providedId !== null && providedId !== void 0 ? providedId : generatedId;
-    var text = i18n[locale];
+export const ToggleSwitch = ({ children, className, description, hideOnOff, onText, offText, id: providedId, value = 'on', locale = 'nb', checked, ...rest }) => {
+    const generatedId = useId();
+    const id = providedId !== null && providedId !== void 0 ? providedId : generatedId;
+    const text = i18n[locale];
     return (React.createElement("div", { className: classNames('ffe-toggle-switch', { 'ffe-toggle-switch--hide-on-off': hideOnOff }, className) },
-        React.createElement("input", __assign({ className: "ffe-toggle-switch__input", type: "checkbox", role: "switch", id: id, value: value, checked: !!checked }, rest)),
+        React.createElement("input", { className: "ffe-toggle-switch__input", type: "checkbox", role: "switch", id: id, value: value, checked: !!checked, ...rest }),
         React.createElement("label", { className: "ffe-toggle-switch__label", htmlFor: id },
             React.createElement("span", { className: "ffe-toggle-switch__label-text" },
                 children,

package/es/Tooltip.js

@@ -1,33 +1,21 @@
-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, { useState, useId } from 'react';
 import classNames from 'classnames';
 import { Collapse } from '@sb1/ffe-collapse-react';
 import { Icon } from '@sb1/ffe-icons-react';
-export var Tooltip = React.forwardRef(function (_a, ref) {
-    var initialIsOpen = _a.isOpen, ariaControls = _a["aria-controls"], _b = _a["aria-label"], ariaLabel = _b === void 0 ? 'Vis hjelpetekst' : _b, children = _a.children, className = _a.className, onClick = _a.onClick, tabIndex = _a.tabIndex, containerProps = _a.containerProps;
-    var tooltipButtonId = useId();
-    var tooltipId = useId();
-    var _c = useState(!!initialIsOpen), isOpen = _c[0], setIsOpen = _c[1];
-    var handleClick = function (evt) {
-        setIsOpen(function (prev) { return !prev; });
+export const Tooltip = React.forwardRef(({ isOpen: initialIsOpen, 'aria-controls': ariaControls, 'aria-label': ariaLabel = 'Vis hjelpetekst', children, className, onClick, tabIndex, containerProps, }, ref) => {
+    const tooltipButtonId = useId();
+    const tooltipId = useId();
+    const [isOpen, setIsOpen] = useState(!!initialIsOpen);
+    const handleClick = (evt) => {
+        setIsOpen(prev => !prev);
         if (onClick) {
             onClick(evt);
         }
     };
-    var helpIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIj48cGF0aCBkPSJNNDgwLTI0MHEyMCAwIDM0LTE0dDE0LTM0cTAtMjAtMTQtMzR0LTM0LTE0cS0yMCAwLTM0IDE0dC0xNCAzNHEwIDIwIDE0IDM0dDM0IDE0Wm0tMzYtMTUzaDczcTAtMzcgNi41LTUyLjVUNTU1LTQ4NXEzNS0zNCA0OC41LTU4dDEzLjUtNTNxMC01NS0zNy41LTg5LjVUNDg0LTcyMHEtNTEgMC04OC41IDI3VDM0My02MjBsNjUgMjdxOS0yOCAyOC41LTQzLjVUNDgyLTY1MnEyOCAwIDQ2IDE2dDE4IDQycTAgMjMtMTUuNSA0MVQ0OTYtNTE4cS0zNSAzMi00My41IDUyLjVUNDQ0LTM5M1ptMzYgMjk3cS03OSAwLTE0OS0zMHQtMTIyLjUtODIuNVExNTYtMjYxIDEyNi0zMzFUOTYtNDgwcTAtODAgMzAtMTQ5LjV0ODIuNS0xMjJRMjYxLTgwNCAzMzEtODM0dDE0OS0zMHE4MCAwIDE0OS41IDMwdDEyMiA4Mi41UTgwNC02OTkgODM0LTYyOS41VDg2NC00ODBxMCA3OS0zMCAxNDl0LTgyLjUgMTIyLjVRNjk5LTE1NiA2MjkuNS0xMjZUNDgwLTk2Wm0wLTcycTEzMCAwIDIyMS05MXQ5MS0yMjFxMC0xMzAtOTEtMjIxdC0yMjEtOTFxLTEzMCAwLTIyMSA5MXQtOTEgMjIxcTAgMTMwIDkxIDIyMXQyMjEgOTFabTAtMzEyWiIvPjwvc3ZnPg==';
-    return (React.createElement("div", __assign({}, containerProps, { className: classNames('ffe-tooltip', {
+    const helpIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIj48cGF0aCBkPSJNNDgwLTI0MHEyMCAwIDM0LTE0dDE0LTM0cTAtMjAtMTQtMzR0LTM0LTE0cS0yMCAwLTM0IDE0dC0xNCAzNHEwIDIwIDE0IDM0dDM0IDE0Wm0tMzYtMTUzaDczcTAtMzcgNi41LTUyLjVUNTU1LTQ4NXEzNS0zNCA0OC41LTU4dDEzLjUtNTNxMC01NS0zNy41LTg5LjVUNDg0LTcyMHEtNTEgMC04OC41IDI3VDM0My02MjBsNjUgMjdxOS0yOCAyOC41LTQzLjVUNDgyLTY1MnEyOCAwIDQ2IDE2dDE4IDQycTAgMjMtMTUuNSA0MVQ0OTYtNTE4cS0zNSAzMi00My41IDUyLjVUNDQ0LTM5M1ptMzYgMjk3cS03OSAwLTE0OS0zMHQtMTIyLjUtODIuNVExNTYtMjYxIDEyNi0zMzFUOTYtNDgwcTAtODAgMzAtMTQ5LjV0ODIuNS0xMjJRMjYxLTgwNCAzMzEtODM0dDE0OS0zMHE4MCAwIDE0OS41IDMwdDEyMiA4Mi41UTgwNC02OTkgODM0LTYyOS41VDg2NC00ODBxMCA3OS0zMCAxNDl0LTgyLjUgMTIyLjVRNjk5LTE1NiA2MjkuNS0xMjZUNDgwLTk2Wm0wLTcycTEzMCAwIDIyMS05MXQ5MS0yMjFxMC0xMzAtOTEtMjIxdC0yMjEtOTFxLTEzMCAwLTIyMSA5MXQtOTEgMjIxcTAgMTMwIDkxIDIyMXQyMjEgOTFabTAtMzEyWiIvPjwvc3ZnPg==';
+    return (React.createElement("div", { ...containerProps, className: classNames('ffe-tooltip', {
             'ffe-tooltip--open': isOpen,
-        }) }),
+        }) },
         React.createElement("button", { ref: ref, "aria-expanded": isOpen, "aria-controls": children ? tooltipId : ariaControls, "aria-label": ariaLabel, className: "ffe-tooltip__icon", onClick: handleClick, type: "button", tabIndex: tabIndex, id: tooltipButtonId },
             React.createElement("span", { "aria-hidden": true },
                 React.createElement(Icon, { className: "ffe-button__icon", fileUrl: helpIcon, size: "sm", ariaLabel: "?" }))),

package/es/documentation/RadioButton-example.js

@@ -1,31 +1,20 @@
-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, { useState } from 'react';
 import { RadioButton } from '../RadioButton';
 import { RadioButtonInputGroup } from '../RadioButtonInputGroup';
-export default (function () {
-    var _a = useState('savings'), accountType = _a[0], setAccountType = _a[1];
-    var _b = useState('monthly'), paymentFreq = _b[0], setPaymentFreq = _b[1];
+export default () => {
+    const [accountType, setAccountType] = useState('savings');
+    const [paymentFreq, setPaymentFreq] = useState('monthly');
     return (React.createElement("div", { className: "ffe-grid" },
         React.createElement("div", { className: "ffe-grid__row" },
             React.createElement("div", { className: "ffe-grid__col--md-12 ffe-grid__col--sm-12" },
-                React.createElement(RadioButtonInputGroup, { label: "Choose your account type", description: "Select the type of account that best suits your needs", name: "account-type", onChange: function (e) { return setAccountType(e.target.value); }, selectedValue: accountType }, function (inputProps) { return (React.createElement(React.Fragment, null,
-                    React.createElement(RadioButton, __assign({ value: "savings", tooltip: "Best for long-term savings with higher interest rates" }, inputProps), "Savings Account"),
-                    React.createElement(RadioButton, __assign({ value: "checking", tooltip: "Perfect for daily transactions and bill payments" }, inputProps), "Checking Account"),
-                    React.createElement(RadioButton, __assign({ value: "investment", tooltip: "Ideal for growing your wealth through various investment options" }, inputProps), "Investment Account"))); }))),
+                React.createElement(RadioButtonInputGroup, { label: "Choose your account type", description: "Select the type of account that best suits your needs", name: "account-type", onChange: e => setAccountType(e.target.value), selectedValue: accountType }, inputProps => (React.createElement(React.Fragment, null,
+                    React.createElement(RadioButton, { value: "savings", tooltip: "Best for long-term savings with higher interest rates", ...inputProps }, "Savings Account"),
+                    React.createElement(RadioButton, { value: "checking", tooltip: "Perfect for daily transactions and bill payments", ...inputProps }, "Checking Account"),
+                    React.createElement(RadioButton, { value: "investment", tooltip: "Ideal for growing your wealth through various investment options", ...inputProps }, "Investment Account")))))),
         React.createElement("div", { className: "ffe-grid__row", style: { marginTop: '2rem' } },
             React.createElement("div", { className: "ffe-grid__col--md-12 ffe-grid__col--sm-12" },
-                React.createElement(RadioButtonInputGroup, { label: "Payment frequency", name: "payment-frequency", onChange: function (e) { return setPaymentFreq(e.target.value); }, selectedValue: paymentFreq, inline: true }, function (inputProps) { return (React.createElement(React.Fragment, null,
-                    React.createElement(RadioButton, __assign({ value: "monthly" }, inputProps), "Monthly"),
-                    React.createElement(RadioButton, __assign({ value: "quarterly" }, inputProps), "Quarterly"),
-                    React.createElement(RadioButton, __assign({ value: "yearly" }, inputProps), "Yearly"))); })))));
-});
+                React.createElement(RadioButtonInputGroup, { label: "Payment frequency", name: "payment-frequency", onChange: e => setPaymentFreq(e.target.value), selectedValue: paymentFreq, inline: true }, inputProps => (React.createElement(React.Fragment, null,
+                    React.createElement(RadioButton, { value: "monthly", ...inputProps }, "Monthly"),
+                    React.createElement(RadioButton, { value: "quarterly", ...inputProps }, "Quarterly"),
+                    React.createElement(RadioButton, { value: "yearly", ...inputProps }, "Yearly"))))))));
+};

package/es/documentation/RadioSwitch-example.js

@@ -1,18 +1,7 @@
-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, { useState } from 'react';
 import { RadioButtonInputGroup } from '../RadioButtonInputGroup';
 import { RadioSwitch } from '../RadioSwitch';
-export default (function () {
-    var _a = useState('yes'), selected = _a[0], setSelected = _a[1]; // Initialize with a default value
-    return (React.createElement(RadioButtonInputGroup, { label: "Do you want email notifications?", description: "Choose whether to receive email notifications for important updates", name: "email-notifications", onChange: function (e) { return setSelected(e.target.value); }, selectedValue: selected }, function (inputProps) { return (React.createElement(RadioSwitch, __assign({ leftLabel: "Yes", leftValue: "yes", rightLabel: "No", rightValue: "no" }, inputProps))); }));
-});
+export default () => {
+    const [selected, setSelected] = useState('yes'); // Initialize with a default value
+    return (React.createElement(RadioButtonInputGroup, { label: "Do you want email notifications?", description: "Choose whether to receive email notifications for important updates", name: "email-notifications", onChange: e => setSelected(e.target.value), selectedValue: selected }, inputProps => (React.createElement(RadioSwitch, { leftLabel: "Yes", leftValue: "yes", rightLabel: "No", rightValue: "no", ...inputProps }))));
+};

package/es/i18n/i18n.js

@@ -2,7 +2,7 @@ import en from './en';
 import nn from './nn';
 import nb from './nb';
 export default {
-    nb: nb,
-    nn: nn,
-    en: en,
+    nb,
+    nn,
+    en,
 };

package/es/message/BaseFieldMessage.js

@@ -1,25 +1,3 @@
-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 { Icon } from '@sb1/ffe-icons-react';
 import classNames from 'classnames';
@@ -27,13 +5,13 @@ import classNames from 'classnames';
  * Internal factory component
  * @ignore
  */
-export var BaseFieldMessage = function (props) {
-    var children = props.children, className = props.className, _a = props.as, Comp = _a === void 0 ? 'div' : _a, type = props.type, _b = props.role, role = _b === void 0 ? 'status' : _b, rest = __rest(props, ["children", "className", "as", "type", "role"]);
-    var priorityHighIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Ik00NzkuNzg4LTE4Ny4wOHEtMjEuNTM3IDAtMzYuNjYyLTE1LjMzN3QtMTUuMTI1LTM2Ljg3NHEwLTIxLjUzNyAxNS4zMzctMzYuNjYyIDE1LjMzNy0xNS4xMjQgMzYuODc0LTE1LjEyNCAyMS41MzcgMCAzNi42NjIgMTUuMzM3dDE1LjEyNSAzNi44NzRxMCAyMS41MzctMTUuMzM3IDM2LjY2MS0xNS4zMzcgMTUuMTI1LTM2Ljg3NCAxNS4xMjVabS0uMDYyLTE5Ni4xNTFxLTE5LjM0MSAwLTMyLjg0LTEzLjcwOS0xMy41LTEzLjcwOS0xMy41LTMyLjk2di0zMTYuNjg1cTAtMTkuMjUxIDEzLjc3NC0zMi43OTQgMTMuNzczLTEzLjU0MiAzMy4xMTQtMTMuNTQyIDE5LjM0MSAwIDMyLjg0IDEzLjcwOSAxMy41IDEzLjcwOSAxMy41IDMyLjk2djMxNi42ODVxMCAxOS4yNTEtMTMuNzc0IDMyLjc5NC0xMy43NzMgMTMuNTQyLTMzLjExNCAxMy41NDJaIi8+PC9zdmc+';
-    var checkIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0zOTUtMzcyLjM4NCAyNzAuNTM5LTI2OS41MzhxNy45MjMtNy45MjMgMTcuNjkyLTcuNjE2IDkuNzY5LjMwOCAxOC4wNzYgOC42MTYgOC4zMDggOC4zMDcgOC4zMDggMTcuODg0IDAgOS41NzYtOC4zMDggMTcuODg0bC0yODMgMjgyLjk5OXEtOS44NDYgOS44NDYtMjIuODA3IDkuODQ2LTEyLjk2MSAwLTIyLjgwNy05Ljg0NmwtMTE0LTExMy45OTlxLTcuOTIzLTcuOTIzLTguMzA4LTE3LjY5Mi0uMzg0LTkuNzY5IDcuOTIzLTE4LjA3NiA4LjMwOC04LjMwOCAxNy44ODQtOC4zMDggOS41NzcgMCAxNy44ODQgOC4zMDhMMzk1LTM3Mi4zODRaIi8+PC9zdmc+';
-    var infoIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Ik00NzkuNzg4LTY3MnEtMjUuOTQyIDAtNDMuODY0LTE4LjEzNS0xNy45MjMtMTguMTM2LTE3LjkyMy00NC4wNzd0MTguMTM1LTQzLjg2NHExOC4xMzUtMTcuOTIzIDQ0LjA3Ni0xNy45MjMgMjUuOTQyIDAgNDMuODY0IDE4LjEzNiAxNy45MjMgMTguMTM1IDE3LjkyMyA0NC4wNzZ0LTE4LjEzNSA0My44NjRRNTA1LjcyOS02NzIgNDc5Ljc4OC02NzJabS4yNTcgNTA3Ljk5OXEtMjAuODE0IDAtMzUuNDI5LTE0LjU4NC0xNC42MTUtMTQuNTgzLTE0LjYxNS0zNS40MTZ2LTI5Ni42MTRxMC0yMC44MzMgMTQuNTctMzUuNDE2IDE0LjU3LTE0LjU4MyAzNS4zODQtMTQuNTgzdDM1LjQyOSAxNC41ODNxMTQuNjE1IDE0LjU4MyAxNC42MTUgMzUuNDE2djI5Ni42MTRxMCAyMC44MzMtMTQuNTcgMzUuNDE2LTE0LjU3IDE0LjU4NC0zNS4zODQgMTQuNTg0WiIvPjwvc3ZnPg==';
-    return (React.createElement(Comp, __assign({ className: classNames("ffe-field-message", "ffe-field-message--".concat(type), className), role: role }, rest),
-        React.createElement("span", { className: classNames("ffe-field-message__icon", "ffe-field-message__icon--".concat(type, "'")) }, (function () {
+export const BaseFieldMessage = props => {
+    const { children, className, as: Comp = 'div', type, role = 'status', ...rest } = props;
+    const priorityHighIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Ik00NzkuNzg4LTE4Ny4wOHEtMjEuNTM3IDAtMzYuNjYyLTE1LjMzN3QtMTUuMTI1LTM2Ljg3NHEwLTIxLjUzNyAxNS4zMzctMzYuNjYyIDE1LjMzNy0xNS4xMjQgMzYuODc0LTE1LjEyNCAyMS41MzcgMCAzNi42NjIgMTUuMzM3dDE1LjEyNSAzNi44NzRxMCAyMS41MzctMTUuMzM3IDM2LjY2MS0xNS4zMzcgMTUuMTI1LTM2Ljg3NCAxNS4xMjVabS0uMDYyLTE5Ni4xNTFxLTE5LjM0MSAwLTMyLjg0LTEzLjcwOS0xMy41LTEzLjcwOS0xMy41LTMyLjk2di0zMTYuNjg1cTAtMTkuMjUxIDEzLjc3NC0zMi43OTQgMTMuNzczLTEzLjU0MiAzMy4xMTQtMTMuNTQyIDE5LjM0MSAwIDMyLjg0IDEzLjcwOSAxMy41IDEzLjcwOSAxMy41IDMyLjk2djMxNi42ODVxMCAxOS4yNTEtMTMuNzc0IDMyLjc5NC0xMy43NzMgMTMuNTQyLTMzLjExNCAxMy41NDJaIi8+PC9zdmc+';
+    const checkIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0zOTUtMzcyLjM4NCAyNzAuNTM5LTI2OS41MzhxNy45MjMtNy45MjMgMTcuNjkyLTcuNjE2IDkuNzY5LjMwOCAxOC4wNzYgOC42MTYgOC4zMDggOC4zMDcgOC4zMDggMTcuODg0IDAgOS41NzYtOC4zMDggMTcuODg0bC0yODMgMjgyLjk5OXEtOS44NDYgOS44NDYtMjIuODA3IDkuODQ2LTEyLjk2MSAwLTIyLjgwNy05Ljg0NmwtMTE0LTExMy45OTlxLTcuOTIzLTcuOTIzLTguMzA4LTE3LjY5Mi0uMzg0LTkuNzY5IDcuOTIzLTE4LjA3NiA4LjMwOC04LjMwOCAxNy44ODQtOC4zMDggOS41NzcgMCAxNy44ODQgOC4zMDhMMzk1LTM3Mi4zODRaIi8+PC9zdmc+';
+    const infoIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Ik00NzkuNzg4LTY3MnEtMjUuOTQyIDAtNDMuODY0LTE4LjEzNS0xNy45MjMtMTguMTM2LTE3LjkyMy00NC4wNzd0MTguMTM1LTQzLjg2NHExOC4xMzUtMTcuOTIzIDQ0LjA3Ni0xNy45MjMgMjUuOTQyIDAgNDMuODY0IDE4LjEzNiAxNy45MjMgMTguMTM1IDE3LjkyMyA0NC4wNzZ0LTE4LjEzNSA0My44NjRRNTA1LjcyOS02NzIgNDc5Ljc4OC02NzJabS4yNTcgNTA3Ljk5OXEtMjAuODE0IDAtMzUuNDI5LTE0LjU4NC0xNC42MTUtMTQuNTgzLTE0LjYxNS0zNS40MTZ2LTI5Ni42MTRxMC0yMC44MzMgMTQuNTctMzUuNDE2IDE0LjU3LTE0LjU4MyAzNS4zODQtMTQuNTgzdDM1LjQyOSAxNC41ODNxMTQuNjE1IDE0LjU4MyAxNC42MTUgMzUuNDE2djI5Ni42MTRxMCAyMC44MzMtMTQuNTcgMzUuNDE2LTE0LjU3IDE0LjU4NC0zNS4zODQgMTQuNTg0WiIvPjwvc3ZnPg==';
+    return (React.createElement(Comp, { className: classNames(`ffe-field-message`, `ffe-field-message--${type}`, className), role: role, ...rest },
+        React.createElement("span", { className: classNames(`ffe-field-message__icon`, `ffe-field-message__icon--${type}'`) }, (() => {
             switch (type) {
                 case 'error':
                     return (React.createElement(Icon, { fileUrl: priorityHighIcon, ariaLabel: "Utropstegn", size: "sm" }));

package/es/message/ErrorFieldMessage.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 { BaseFieldMessage } from './BaseFieldMessage';
-export var ErrorFieldMessage = function (_a) {
-    var _b = _a.role, role = _b === void 0 ? 'alert' : _b, rest = __rest(_a, ["role"]);
-    return React.createElement(BaseFieldMessage, __assign({ role: role }, rest, { type: "error" }));
+export const ErrorFieldMessage = ({ role = 'alert', ...rest }) => {
+    return React.createElement(BaseFieldMessage, { role: role, ...rest, type: "error" });
 };

package/es/message/InfoFieldMessage.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 { BaseFieldMessage } from './BaseFieldMessage';
-export var InfoFieldMessage = function (_a) {
-    var rest = __rest(_a, []);
-    return React.createElement(BaseFieldMessage, __assign({ role: "none" }, rest, { type: "info" }));
+export const InfoFieldMessage = ({ ...rest }) => {
+    return React.createElement(BaseFieldMessage, { role: "none", ...rest, type: "info" });
 };

package/es/message/SuccessFieldMessage.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 { BaseFieldMessage } from './BaseFieldMessage';
-export var SuccessFieldMessage = function (_a) {
-    var rest = __rest(_a, []);
-    return React.createElement(BaseFieldMessage, __assign({ role: "none" }, rest, { type: "success" }));
+export const SuccessFieldMessage = ({ ...rest }) => {
+    return React.createElement(BaseFieldMessage, { role: "none", ...rest, type: "success" });
 };

package/lib/BaseRadioButton.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.BaseRadioButton = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Tooltip_1 = require("./Tooltip");
-exports.BaseRadioButton = react_1.default.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 = (0, react_1.useId)();
-    var labelClasses = (0, classnames_1.default)({ 'ffe-radio-button--with-tooltip': tooltip }, className);
-    var isSelected = selectedValue === undefined ? checked : selectedValue === value;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Tooltip_1 = require("./Tooltip");
+exports.BaseRadioButton = react_1.default.forwardRef(({ children, checked, className, labelProps, selectedValue, tooltip, tooltipProps = {}, value, onChange = () => { }, ...inputProps }, ref) => {
+    const id = (0, react_1.useId)();
+    const labelClasses = (0, classnames_1.default)({ 'ffe-radio-button--with-tooltip': tooltip }, className);
+    const isSelected = selectedValue === undefined ? checked : selectedValue === value;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("input", __assign({ className: "ffe-radio-input", id: id, ref: ref, type: "radio", checked: isSelected, value: "".concat(value), onChange: onChange }, inputProps)),
-        react_1.default.createElement("label", __assign({ htmlFor: id }, labelProps, { className: labelClasses }),
+        react_1.default.createElement("input", { className: "ffe-radio-input", id: id, ref: ref, type: "radio", checked: isSelected, value: `${value}`, onChange: onChange, ...inputProps }),
+        react_1.default.createElement("label", { htmlFor: id, ...labelProps, className: labelClasses },
             react_1.default.createElement("span", { className: "ffe-radio-input__content" }, children)),
-        tooltip && react_1.default.createElement(Tooltip_1.Tooltip, __assign({}, tooltipProps), tooltip)));
+        tooltip && react_1.default.createElement(Tooltip_1.Tooltip, { ...tooltipProps }, tooltip)));
 });

package/lib/Checkbox.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,29 +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.Checkbox = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-exports.Checkbox = react_1.default.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 = (0, react_1.useId)();
-    var inputId = id !== null && id !== void 0 ? id : generatedId;
-    var labelProps = {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+exports.Checkbox = react_1.default.forwardRef(({ children, hiddenLabel, inline = true, noMargins, id, checked, onChange, disabled, ...rest }, ref) => {
+    const generatedId = (0, react_1.useId)();
+    const inputId = id !== null && id !== void 0 ? id : generatedId;
+    const labelProps = {
         className: (0, classnames_1.default)({
             'ffe-checkbox': true,
             'ffe-checkbox--inline': inline,
@@ -75,10 +52,10 @@ exports.Checkbox = react_1.default.forwardRef(function (_a, ref) {
         htmlFor: inputId,
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("input", __assign({ ref: ref, className: "ffe-hidden-checkbox", id: inputId, type: "checkbox", checked: checked, disabled: disabled, onChange: !disabled ? onChange : undefined }, rest)),
+        react_1.default.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_1.default.createElement("label", __assign({}, labelProps),
+        react_1.default.createElement("label", { ...labelProps },
             react_1.default.createElement("span", { className: (0, classnames_1.default)('ffe-checkbox__content', {
                     'ffe-screenreader-only': hiddenLabel,
                 }) }, children)))));

package/lib/Input.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.Input = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-exports.Input = react_1.default.forwardRef(function (_a, ref) {
-    var className = _a.className, inline = _a.inline, textRightAlign = _a.textRightAlign, rest = __rest(_a, ["className", "inline", "textRightAlign"]);
-    return (react_1.default.createElement("input", __assign({ className: (0, classnames_1.default)('ffe-input-field', 'ffe-default-mode', { 'ffe-input-field--inline': inline }, { 'ffe-input-field--text-right-align': textRightAlign }, className), ref: ref }, rest)));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+exports.Input = react_1.default.forwardRef(({ className, inline, textRightAlign, ...rest }, ref) => {
+    return (react_1.default.createElement("input", { className: (0, classnames_1.default)('ffe-input-field', 'ffe-default-mode', { 'ffe-input-field--inline': inline }, { 'ffe-input-field--text-right-align': textRightAlign }, className), ref: ref, ...rest }));
 });