@sb1/ffe-buttons-react 21.0.20 → 22.0.0

package/es/ActionButton.js

@@ -1,42 +1,18 @@
-var _excluded = ["className", "leftIcon", "rightIcon"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+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 from 'react';
-import { bool, func, node, string, oneOfType, object, shape, elementType } from 'prop-types';
-import classNames from 'classnames';
-import Button from './BaseButton';
-export default function ActionButton(props) {
-  var className = props.className,
-    leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    buttonType: "action",
-    className: classNames(className),
-    leftIcon: leftIcon,
-    rightIcon: rightIcon
-  }, rest));
+import { BaseButton } from './BaseButton';
+import { fixedForwardRef } from './fixedForwardRef';
+function ActionButtonWithForwardRef(props, ref) {
+    return React.createElement(BaseButton, __assign({}, props, { ref: ref, buttonType: "action" }));
 }
-ActionButton.propTypes = {
-  /** Aria label for loading indicator */
-  ariaLoadingMessage: string,
-  /** The button label */
-  children: node,
-  /** Extra class names */
-  className: string,
-  /** Disable a button in certain situations */
-  disabled: bool,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: oneOfType([func, string, elementType]),
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: oneOfType([func, shape({
-    current: object
-  })]),
-  /** Shows a loader if true */
-  isLoading: bool,
-  /** Icon shown to the left of the label */
-  leftIcon: node,
-  /** Icon shown to the right of the label */
-  rightIcon: node
-};
+export var ActionButton = fixedForwardRef(ActionButtonWithForwardRef);

package/es/BackButton.js

@@ -1,28 +1,20 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 from 'react';
-import { oneOfType, func, node, string, object, shape, elementType } from 'prop-types';
-import InlineButton from './InlineBaseButton';
+import { InlineBaseButton } from './InlineBaseButton';
 import { Icon } from '@sb1/ffe-icons-react';
-var BackButton = function BackButton(props) {
-  var chevronLeftIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im00MTguMTUzLTQ4MCAxNjIuOTIzIDE2Mi45MjRxOC4zMDggOC4zMDcgOC41IDIwLjg4NC4xOTMgMTIuNTc2LTguNSAyMS4yNjgtOC42OTIgOC42OTMtMjEuMDc2IDguNjkzdC0yMS4wNzYtOC42OTNMMzU5LjE1NS00NTQuNjkzcS01LjYxNi01LjYxNS03LjkyMy0xMS44NDYtMi4zMDgtNi4yMy0yLjMwOC0xMy40NjF0Mi4zMDgtMTMuNDYxcTIuMzA3LTYuMjMxIDcuOTIzLTExLjg0NmwxNzkuNzY5LTE3OS43NjlxOC4zMDctOC4zMDggMjAuODg0LTguNSAxMi41NzYtLjE5MyAyMS4yNjggOC41IDguNjkzIDguNjkyIDguNjkzIDIxLjA3NnQtOC42OTMgMjEuMDc2TDQxOC4xNTMtNDgwWiIvPjwvc3ZnPg==';
-  return /*#__PURE__*/React.createElement(InlineButton, _extends({
-    buttonType: "back",
-    leftIcon: /*#__PURE__*/React.createElement(Icon, {
-      fileUrl: chevronLeftIcon,
-      size: "md"
-    })
-  }, props));
-};
-BackButton.propTypes = {
-  /** The button label */
-  children: node,
-  /** Extra class names */
-  className: string,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: oneOfType([func, string, elementType]),
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: oneOfType([func, shape({
-    current: object
-  })])
-};
-export default BackButton;
+import { fixedForwardRef } from './fixedForwardRef';
+function BackButtonWithForwardRef(props, ref) {
+    var chevronLeftIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im00MTguMTUzLTQ4MCAxNjIuOTIzIDE2Mi45MjRxOC4zMDggOC4zMDcgOC41IDIwLjg4NC4xOTMgMTIuNTc2LTguNSAyMS4yNjgtOC42OTIgOC42OTMtMjEuMDc2IDguNjkzdC0yMS4wNzYtOC42OTNMMzU5LjE1NS00NTQuNjkzcS01LjYxNi01LjYxNS03LjkyMy0xMS44NDYtMi4zMDgtNi4yMy0yLjMwOC0xMy40NjF0Mi4zMDgtMTMuNDYxcTIuMzA3LTYuMjMxIDcuOTIzLTExLjg0NmwxNzkuNzY5LTE3OS43NjlxOC4zMDctOC4zMDggMjAuODg0LTguNSAxMi41NzYtLjE5MyAyMS4yNjggOC41IDguNjkzIDguNjkyIDguNjkzIDIxLjA3NnQtOC42OTMgMjEuMDc2TDQxOC4xNTMtNDgwWiIvPjwvc3ZnPg==';
+    return (React.createElement(InlineBaseButton, __assign({}, props, { buttonType: "back", leftIcon: React.createElement(Icon, { fileUrl: chevronLeftIcon, size: "md" }), ref: ref })));
+}
+export var BackButton = fixedForwardRef(BackButtonWithForwardRef);

package/es/BaseButton.js

@@ -1,85 +1,56 @@
-var _excluded = ["ariaLoadingMessage", "buttonType", "children", "className", "element", "innerRef", "isLoading", "leftIcon", "rightIcon", "onClick"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+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 { bool, func, node, oneOf, oneOfType, string, object, shape, elementType } from 'prop-types';
+import { fixedForwardRef } from './fixedForwardRef';
 import classNames from 'classnames';
-
 /**
  * Internal component
+ * @ignore
  */
-var BaseButton = function BaseButton(props) {
-  var _props$ariaLoadingMes = props.ariaLoadingMessage,
-    ariaLoadingMessage = _props$ariaLoadingMes === void 0 ? 'Vennligst vent' : _props$ariaLoadingMes,
-    buttonType = props.buttonType,
-    children = props.children,
-    className = props.className,
-    _props$element = props.element,
-    Element = _props$element === void 0 ? 'button' : _props$element,
-    innerRef = props.innerRef,
-    isLoading = props.isLoading,
-    leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    _onClick = props.onClick,
-    rest = _objectWithoutProperties(props, _excluded);
-  var supportsSpinner = ['action', 'primary', 'secondary'].includes(buttonType);
-  return /*#__PURE__*/React.createElement(Element, _extends({
-    "aria-busy": isLoading && supportsSpinner,
-    "aria-disabled": rest.disabled || isLoading && supportsSpinner,
-    className: classNames('ffe-button', "ffe-button--".concat(buttonType), {
-      'ffe-button--loading': isLoading && supportsSpinner
-    }, className),
-    ref: innerRef,
-    onClick: function onClick(event) {
-      if (isLoading && supportsSpinner) {
-        event.preventDefault();
-        event.stopPropagation();
-      } else if (_onClick) {
-        _onClick(event);
-      }
-    }
-  }, rest), /*#__PURE__*/React.createElement("span", {
-    className: "ffe-button__label"
-  }, leftIcon && /*#__PURE__*/React.cloneElement(leftIcon, {
-    className: 'ffe-button__icon ffe-button__icon--left',
-    size: 'md'
-  }), children, rightIcon && /*#__PURE__*/React.cloneElement(rightIcon, {
-    className: 'ffe-button__icon ffe-button__icon--right',
-    size: 'md'
-  })), supportsSpinner && isLoading && /*#__PURE__*/React.createElement("span", {
-    "aria-label": ariaLoadingMessage,
-    role: "img",
-    className: "ffe-button__spinner"
-  }));
-};
-BaseButton.propTypes = {
-  /** Aria label for loading indicator */
-  ariaLoadingMessage: string,
-  /**
-   * Enum of supported prop types. Used internally only.
-   * @ignore
-   */
-  buttonType: oneOf(['action', 'primary', 'secondary', 'shortcut', 'task']),
-  /** The button label */
-  children: node,
-  /** Extra class names */
-  className: string,
-  /** Disable a button in certain situations */
-  disabled: bool,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: oneOfType([func, string, elementType]),
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: oneOfType([func, shape({
-    current: object
-  })]),
-  /** Shows a loader if true */
-  isLoading: bool,
-  /** Icon shown to the left of the label */
-  leftIcon: node,
-  /** Icon shown to the right of the label */
-  rightIcon: node,
-  /** Called when button is clicked if not loading or disabled */
-  onClick: func
-};
-export default BaseButton;
+function BaseButtonWithForwardRef(props, ref) {
+    var _a = props.as, Comp = _a === void 0 ? 'button' : _a, buttonType = props.buttonType, isLoading = props.isLoading, isDisabled = props.isDisabled, className = props.className, onClick = props.onClick, leftIcon = props.leftIcon, rightIcon = props.rightIcon, ariaLoadingMessage = props.ariaLoadingMessage, children = props.children, rest = __rest(props, ["as", "buttonType", "isLoading", "isDisabled", "className", "onClick", "leftIcon", "rightIcon", "ariaLoadingMessage", "children"]);
+    var supportsSpinner = ['action', 'primary', 'secondary'].includes(buttonType);
+    return (React.createElement(Comp, __assign({ "aria-busy": isLoading && supportsSpinner, "aria-disabled": isDisabled || (isLoading && supportsSpinner), className: classNames('ffe-button', "ffe-button--".concat(buttonType), { 'ffe-button--loading': isLoading && supportsSpinner }, className), onClick: function (event) {
+            if (isLoading && supportsSpinner) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            else if (onClick) {
+                onClick(event);
+            }
+        } }, rest, { ref: ref }),
+        React.createElement("span", { className: "ffe-button__label" },
+            leftIcon &&
+                React.cloneElement(leftIcon, {
+                    className: 'ffe-button__icon ffe-button__icon--left',
+                    size: 'md',
+                }),
+            children,
+            rightIcon &&
+                React.cloneElement(rightIcon, {
+                    className: 'ffe-button__icon ffe-button__icon--right',
+                    size: 'md',
+                })),
+        supportsSpinner && isLoading && (React.createElement("span", { "aria-label": ariaLoadingMessage, role: "img", className: "ffe-button__spinner" }))));
+}
+export var BaseButton = fixedForwardRef(BaseButtonWithForwardRef);

package/es/ButtonGroup.js

@@ -1,29 +1,28 @@
-var _excluded = ["className", "thin", "inline"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+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 { bool, string } from 'prop-types';
 import classNames from 'classnames';
-var ButtonGroup = function ButtonGroup(_ref) {
-  var className = _ref.className,
-    thin = _ref.thin,
-    inline = _ref.inline,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames('ffe-button-group', {
-      'ffe-button-group--thin': thin
-    }, {
-      'ffe-button-group--inline': inline
-    }, className)
-  }, rest));
-};
-ButtonGroup.propTypes = {
-  /** Extra class name applied in addition to the FFE classes */
-  className: string,
-  /** Applies the thin modifier to remove margins */
-  thin: bool,
-  /** Applies the inline modifier to make all child buttons inline */
-  inline: bool
+export var ButtonGroup = function (_a) {
+    var className = _a.className, thin = _a.thin, inline = _a.inline, rest = __rest(_a, ["className", "thin", "inline"]);
+    return (React.createElement("div", __assign({ "data-testid": "button-group", className: classNames('ffe-button-group', { 'ffe-button-group--thin': thin }, { 'ffe-button-group--inline': inline }, className) }, rest)));
 };
-export default ButtonGroup;

package/es/ExpandButton.js

@@ -1,51 +1,34 @@
-var _excluded = ["children", "className", "closeLabel", "element", "innerRef", "isExpanded"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+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 { bool, func, oneOfType, string, node, object, shape, elementType } from 'prop-types';
 import classNames from 'classnames';
 import { Icon } from '@sb1/ffe-icons-react';
-var ExpandButton = function ExpandButton(props) {
-  var children = props.children,
-    className = props.className,
-    _props$closeLabel = props.closeLabel,
-    closeLabel = _props$closeLabel === void 0 ? 'Lukk' : _props$closeLabel,
-    _props$element = props.element,
-    Element = _props$element === void 0 ? 'button' : _props$element,
-    innerRef = props.innerRef,
-    isExpanded = props.isExpanded,
-    rest = _objectWithoutProperties(props, _excluded);
-  var closeIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtNDM3Ljg0NyAyNzcuMDc2LTIzNC45MjRxLTguMzA3IDguMzA4LTIwLjg4NCA4LjUtMTIuNTc2LjE5My0yMS4yNjgtOC41LTguNjkzLTguNjkyLTguNjkzLTIxLjA3NnQ4LjY5My0yMS4wNzZMNDM3Ljg0Ny00ODAgMjM0LjkyNC02ODIuOTI0cS04LjMwOC04LjMwNy04LjUtMjAuODg0LS4xOTMtMTIuNTc2IDguNS0yMS4yNjggOC42OTItOC42OTMgMjEuMDc2LTguNjkzdDIxLjA3NiA4LjY5M0w0ODAtNTIyLjE1M2wyMDIuOTI0LTIwMi45MjNxOC4zMDctOC4zMDggMjAuODg0LTguNSAxMi41NzYtLjE5MyAyMS4yNjggOC41IDguNjkzIDguNjkyIDguNjkzIDIxLjA3NnQtOC42OTMgMjEuMDc2TDUyMi4xNTMtNDgwbDIwMi45MjMgMjAyLjkyNHE4LjMwOCA4LjMwNyA4LjUgMjAuODg0LjE5MyAxMi41NzYtOC41IDIxLjI2OC04LjY5MiA4LjY5My0yMS4wNzYgOC42OTN0LTIxLjA3Ni04LjY5M0w0ODAtNDM3Ljg0N1oiLz48L3N2Zz4=';
-  return /*#__PURE__*/React.createElement(Element, _extends({
-    "aria-expanded": isExpanded,
-    "aria-label": isExpanded ? closeLabel : undefined,
-    className: classNames('ffe-button', 'ffe-button--expand', {
-      'ffe-button--expanded': isExpanded
-    }, className),
-    ref: innerRef
-  }, rest), isExpanded && /*#__PURE__*/React.createElement(Icon, {
-    className: "ffe-button__icon",
-    fileUrl: closeIcon,
-    size: "md"
-  }), !isExpanded && /*#__PURE__*/React.createElement("span", null, children));
-};
-ExpandButton.propTypes = {
-  /** The button label */
-  children: node.isRequired,
-  /** Extra class names */
-  className: string,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: oneOfType([func, string, elementType]),
-  /** An accessible label for the close-button, only shown in the "isExpanded" state  */
-  closeLabel: string,
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: oneOfType([func, shape({
-    current: object
-  })]),
-  /** When true the component will render a circle with an X indicating whatever is controlled is in an expanded state. */
-  isExpanded: bool.isRequired,
-  /** Use to listen for clicks and toggle the `isExpanded` property together with whatever it is you're expanding. */
-  onClick: func.isRequired
-};
-export default ExpandButton;
+import { fixedForwardRef } from './fixedForwardRef';
+function ExpandButtonWithForwardRef(props, ref) {
+    var children = props.children, className = props.className, _a = props.closeLabel, closeLabel = _a === void 0 ? 'Lukk' : _a, _b = props.as, Comp = _b === void 0 ? 'button' : _b, isExpanded = props.isExpanded, rest = __rest(props, ["children", "className", "closeLabel", "as", "isExpanded"]);
+    var closeIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtNDM3Ljg0NyAyNzcuMDc2LTIzNC45MjRxLTguMzA3IDguMzA4LTIwLjg4NCA4LjUtMTIuNTc2LjE5My0yMS4yNjgtOC41LTguNjkzLTguNjkyLTguNjkzLTIxLjA3NnQ4LjY5My0yMS4wNzZMNDM3Ljg0Ny00ODAgMjM0LjkyNC02ODIuOTI0cS04LjMwOC04LjMwNy04LjUtMjAuODg0LS4xOTMtMTIuNTc2IDguNS0yMS4yNjggOC42OTItOC42OTMgMjEuMDc2LTguNjkzdDIxLjA3NiA4LjY5M0w0ODAtNTIyLjE1M2wyMDIuOTI0LTIwMi45MjNxOC4zMDctOC4zMDggMjAuODg0LTguNSAxMi41NzYtLjE5MyAyMS4yNjggOC41IDguNjkzIDguNjkyIDguNjkzIDIxLjA3NnQtOC42OTMgMjEuMDc2TDUyMi4xNTMtNDgwbDIwMi45MjMgMjAyLjkyNHE4LjMwOCA4LjMwNyA4LjUgMjAuODg0LjE5MyAxMi41NzYtOC41IDIxLjI2OC04LjY5MiA4LjY5My0yMS4wNzYgOC42OTN0LTIxLjA3Ni04LjY5M0w0ODAtNDM3Ljg0N1oiLz48L3N2Zz4=';
+    return (React.createElement(Comp, __assign({ "aria-expanded": isExpanded, "aria-label": isExpanded ? closeLabel : undefined, className: classNames('ffe-button', 'ffe-button--expand', { 'ffe-button--expanded': isExpanded }, className) }, rest, { ref: ref }),
+        isExpanded && (React.createElement(Icon, { className: "ffe-button__icon", fileUrl: closeIcon, size: "md" })),
+        !isExpanded && React.createElement("span", null, children)));
+}
+export var ExpandButton = fixedForwardRef(ExpandButtonWithForwardRef);

package/es/InlineBaseButton.js

@@ -1,57 +1,45 @@
-var _excluded = ["buttonType", "children", "className", "element", "innerRef", "leftIcon", "rightIcon"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+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 { func, string, oneOf, oneOfType, node, object, shape, elementType } from 'prop-types';
+import { fixedForwardRef } from './fixedForwardRef';
 import classNames from 'classnames';
-
 /**
  * Internal component
  * @ignore
  */
-var InlineBaseButton = function InlineBaseButton(props) {
-  var buttonType = props.buttonType,
-    children = props.children,
-    className = props.className,
-    _props$element = props.element,
-    Element = _props$element === void 0 ? 'button' : _props$element,
-    innerRef = props.innerRef,
-    leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Element, _extends({
-    className: classNames('ffe-inline-button', "ffe-inline-button--".concat(buttonType), className),
-    ref: innerRef
-  }, rest), leftIcon && /*#__PURE__*/React.cloneElement(leftIcon, {
-    className: 'ffe-inline-button__icon ffe-inline-button__icon--left',
-    size: 'md'
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "ffe-inline-button__label"
-  }, children), rightIcon && /*#__PURE__*/React.cloneElement(rightIcon, {
-    className: 'ffe-inline-button__icon ffe-inline-button__icon--right',
-    size: 'md'
-  }));
-};
-InlineBaseButton.propTypes = {
-  /**
-   * Enum of supported prop types. Used internally only.
-   * @ignore
-   */
-  buttonType: oneOf(['tertiary', 'back', 'expand']),
-  /** The button label */
-  children: node.isRequired,
-  /** Extra class names */
-  className: string,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: oneOfType([string, func, elementType]),
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: oneOfType([func, shape({
-    current: object
-  })]),
-  /** Icon shown to the left of the label */
-  leftIcon: node,
-  /** Icon shown to the right of the label */
-  rightIcon: node
-};
-export default InlineBaseButton;
+function InlineBaseButtonWithForwardRef(props, ref) {
+    var _a = props.as, Comp = _a === void 0 ? 'button' : _a, buttonType = props.buttonType, className = props.className, leftIcon = props.leftIcon, rightIcon = props.rightIcon, children = props.children, rest = __rest(props, ["as", "buttonType", "className", "leftIcon", "rightIcon", "children"]);
+    return (React.createElement(Comp, __assign({ className: classNames('ffe-inline-button', "ffe-inline-button--".concat(buttonType), className) }, rest, { ref: ref }),
+        leftIcon &&
+            React.cloneElement(leftIcon, {
+                className: 'ffe-inline-button__icon ffe-inline-button__icon--left',
+                size: 'md',
+            }),
+        React.createElement("span", { className: "ffe-inline-button__label" }, children),
+        rightIcon &&
+            React.cloneElement(rightIcon, {
+                className: 'ffe-inline-button__icon ffe-inline-button__icon--right',
+                size: 'md',
+            })));
+}
+export var InlineBaseButton = fixedForwardRef(InlineBaseButtonWithForwardRef);

package/es/InlineExpandButton.js

@@ -1,41 +1,36 @@
-var _excluded = ["isExpanded", "className"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+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 { bool, func, node, oneOfType, object, shape, string } from 'prop-types';
 import { Icon } from '@sb1/ffe-icons-react';
+import { InlineBaseButton } from './InlineBaseButton';
+import { fixedForwardRef } from './fixedForwardRef';
 import classNames from 'classnames';
-import InlineButton from './InlineBaseButton';
-var InlineExpandButton = function InlineExpandButton(props) {
-  var isExpanded = props.isExpanded,
-    className = props.className,
-    rest = _objectWithoutProperties(props, _excluded);
-  var expandMoreIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzczLjUzOXEtNy4yMzEgMC0xMy40NjEtMi4zMDgtNi4yMzEtMi4zMDgtMTEuODQ2LTcuOTIzTDI3NC45MjQtNTYzLjUzOXEtOC4zMDgtOC4zMDctOC41LTIwLjg4NC0uMTkzLTEyLjU3NyA4LjUtMjEuMjY5IDguNjkyLTguNjkyIDIxLjA3Ni04LjY5MnQyMS4wNzYgOC42OTJMNDgwLTQ0Mi43NjhsMTYyLjkyNC0xNjIuOTI0cTguMzA3LTguMzA3IDIwLjg4NC04LjUgMTIuNTc2LS4xOTIgMjEuMjY4IDguNSA4LjY5MyA4LjY5MiA4LjY5MyAyMS4wNzcgMCAxMi4zODQtOC42OTMgMjEuMDc2TDUwNS4zMDctMzgzLjc3cS01LjYxNSA1LjYxNS0xMS44NDYgNy45MjMtNi4yMyAyLjMwOC0xMy40NjEgMi4zMDhaIi8+PC9zdmc+';
-  return /*#__PURE__*/React.createElement(InlineButton, _extends({
-    buttonType: "expand",
-    type: "button",
-    className: classNames(className, {
-      'ffe-inline-button--expanded': isExpanded
-    }),
-    rightIcon: /*#__PURE__*/React.createElement(Icon, {
-      size: "md",
-      fileUrl: expandMoreIcon
-    })
-  }, rest));
-};
-InlineExpandButton.propTypes = {
-  /** Text that should reflect the isExpanded state. */
-  children: node,
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: oneOfType([func, shape({
-    current: object
-  })]),
-  /** When true it will indicate the button is in its open state */
-  isExpanded: bool.isRequired,
-  /** Listen for clicks to toggle the isExpanded state. */
-  onClick: func.isRequired,
-  /** Extra class names */
-  className: string
-};
-export default InlineExpandButton;
+function InlineExpandButtonWithForwardRef(props, ref) {
+    var expandMoreIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzczLjUzOXEtNy4yMzEgMC0xMy40NjEtMi4zMDgtNi4yMzEtMi4zMDgtMTEuODQ2LTcuOTIzTDI3NC45MjQtNTYzLjUzOXEtOC4zMDgtOC4zMDctOC41LTIwLjg4NC0uMTkzLTEyLjU3NyA4LjUtMjEuMjY5IDguNjkyLTguNjkyIDIxLjA3Ni04LjY5MnQyMS4wNzYgOC42OTJMNDgwLTQ0Mi43NjhsMTYyLjkyNC0xNjIuOTI0cTguMzA3LTguMzA3IDIwLjg4NC04LjUgMTIuNTc2LS4xOTIgMjEuMjY4IDguNSA4LjY5MyA4LjY5MiA4LjY5MyAyMS4wNzcgMCAxMi4zODQtOC42OTMgMjEuMDc2TDUwNS4zMDctMzgzLjc3cS01LjYxNSA1LjYxNS0xMS44NDYgNy45MjMtNi4yMyAyLjMwOC0xMy40NjEgMi4zMDhaIi8+PC9zdmc+';
+    var propWithRef = __assign(__assign({}, props), { ref: ref });
+    var isExpanded = propWithRef.isExpanded, className = propWithRef.className, rest = __rest(propWithRef, ["isExpanded", "className"]);
+    return (React.createElement(InlineBaseButton, __assign({ rightIcon: React.createElement(Icon, { size: "md", fileUrl: expandMoreIcon }), buttonType: "expand", type: "button" }, rest, { className: classNames(className, {
+            'ffe-inline-button--expanded': isExpanded,
+        }), ref: propWithRef.ref })));
+}
+export var InlineExpandButton = fixedForwardRef(InlineExpandButtonWithForwardRef);

package/es/PrimaryButton.js

@@ -1,40 +1,18 @@
-var _excluded = ["leftIcon", "rightIcon"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-import React from 'react';
-import { bool, func, oneOfType, node, string, object, shape, elementType } from 'prop-types';
-import Button from './BaseButton';
-var PrimaryButton = function PrimaryButton(props) {
-  var leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    buttonType: "primary",
-    leftIcon: leftIcon,
-    rightIcon: rightIcon
-  }, rest));
-};
-PrimaryButton.propTypes = {
-  /** Aria label for loading indicator */
-  ariaLoadingMessage: string,
-  /** The button label */
-  children: node,
-  /** Extra class names */
-  className: string,
-  /** Disable a button in certain situations */
-  disabled: bool,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: oneOfType([func, string, elementType]),
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: oneOfType([func, shape({
-    current: object
-  })]),
-  /** Shows a loader if true */
-  isLoading: bool,
-  /** Icon shown to the left of the label */
-  leftIcon: node,
-  /** Icon shown to the right of the label */
-  rightIcon: node
+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);
 };
-export default PrimaryButton;
+import React from 'react';
+import { BaseButton } from './BaseButton';
+import { fixedForwardRef } from './fixedForwardRef';
+function PrimaryButtonWithForwardRef(props, ref) {
+    return React.createElement(BaseButton, __assign({}, props, { ref: ref, buttonType: "primary" }));
+}
+export var PrimaryButton = fixedForwardRef(PrimaryButtonWithForwardRef);