@sb1/ffe-buttons-react 21.0.19 → 22.0.0

package/es/SecondaryButton.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, string, node, object, shape, elementType } from 'prop-types';
-import Button from './BaseButton';
-var SecondaryButton = function SecondaryButton(props) {
-  var leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    buttonType: "secondary",
-    leftIcon: leftIcon,
-    rightIcon: rightIcon
-  }, rest));
-};
-SecondaryButton.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 SecondaryButton;
+import React from 'react';
+import { BaseButton } from './BaseButton';
+import { fixedForwardRef } from './fixedForwardRef';
+function SecondaryButtonWithForwardRef(props, ref) {
+    return React.createElement(BaseButton, __assign({}, props, { ref: ref, buttonType: "secondary" }));
+}
+export var SecondaryButton = fixedForwardRef(SecondaryButtonWithForwardRef);

package/es/ShortcutButton.js

@@ -1,30 +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 { bool, func, node, string, oneOfType, object, shape, elementType } from 'prop-types';
-import Button from './BaseButton';
+import { BaseButton } from './BaseButton';
+import { fixedForwardRef } from './fixedForwardRef';
 import { Icon } from '@sb1/ffe-icons-react';
-var ShortcutButton = function ShortcutButton(props) {
-  var chevronRightIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik01MTcuODQ3LTQ4MCAzNTQuOTI0LTY0Mi45MjRxLTguMzA4LTguMzA3LTguNS0yMC44ODQtLjE5My0xMi41NzYgOC41LTIxLjI2OCA4LjY5Mi04LjY5MyAyMS4wNzYtOC42OTN0MjEuMDc2IDguNjkzbDE3OS43NjkgMTc5Ljc2OXE1LjYxNiA1LjYxNSA3LjkyMyAxMS44NDYgMi4zMDggNi4yMyAyLjMwOCAxMy40NjF0LTIuMzA4IDEzLjQ2MXEtMi4zMDcgNi4yMzEtNy45MjMgMTEuODQ2TDM5Ny4wNzYtMjc0LjkyNHEtOC4zMDcgOC4zMDgtMjAuODg0IDguNS0xMi41NzYuMTkzLTIxLjI2OC04LjUtOC42OTMtOC42OTItOC42OTMtMjEuMDc2dDguNjkzLTIxLjA3Nkw1MTcuODQ3LTQ4MFoiLz48L3N2Zz4=';
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    buttonType: "shortcut",
-    rightIcon: /*#__PURE__*/React.createElement(Icon, {
-      fileUrl: chevronRightIcon,
-      size: "md"
-    })
-  }, props));
-};
-ShortcutButton.propTypes = {
-  /** 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
-  })])
-};
-export default ShortcutButton;
+function ShortcutButtonWithForwardRef(props, ref) {
+    var chevronRightIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik01MTcuODQ3LTQ4MCAzNTQuOTI0LTY0Mi45MjRxLTguMzA4LTguMzA3LTguNS0yMC44ODQtLjE5My0xMi41NzYgOC41LTIxLjI2OCA4LjY5Mi04LjY5MyAyMS4wNzYtOC42OTN0MjEuMDc2IDguNjkzbDE3OS43NjkgMTc5Ljc2OXE1LjYxNiA1LjYxNSA3LjkyMyAxMS44NDYgMi4zMDggNi4yMyAyLjMwOCAxMy40NjF0LTIuMzA4IDEzLjQ2MXEtMi4zMDcgNi4yMzEtNy45MjMgMTEuODQ2TDM5Ny4wNzYtMjc0LjkyNHEtOC4zMDcgOC4zMDgtMjAuODg0IDguNS0xMi41NzYuMTkzLTIxLjI2OC04LjUtOC42OTMtOC42OTItOC42OTMtMjEuMDc2dDguNjkzLTIxLjA3Nkw1MTcuODQ3LTQ4MFoiLz48L3N2Zz4=';
+    return (React.createElement(BaseButton, __assign({ rightIcon: React.createElement(Icon, { fileUrl: chevronRightIcon, size: "md" }) }, props, { ref: ref, buttonType: "shortcut" })));
+}
+export var ShortcutButton = fixedForwardRef(ShortcutButtonWithForwardRef);

package/es/TaskButton.js

@@ -1,34 +1,18 @@
-var _excluded = ["icon"];
-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, node, string, oneOfType, object, shape, elementType } from 'prop-types';
-import Button from './BaseButton';
-var TaskButton = function TaskButton(_ref) {
-  var icon = _ref.icon,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    buttonType: "task",
-    leftIcon: /*#__PURE__*/React.createElement("div", {
-      "aria-hidden": "true"
-    }, icon)
-  }, rest));
-};
-TaskButton.propTypes = {
-  /** 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]),
-  /** icon element shown to the left of the label */
-  icon: node,
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: oneOfType([func, shape({
-    current: object
-  })])
+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 TaskButton;
+import React from 'react';
+import { BaseButton } from './BaseButton';
+import { fixedForwardRef } from './fixedForwardRef';
+function TaskButtonWithForwardRef(props, ref) {
+    return (React.createElement(BaseButton, __assign({ leftIcon: props.icon }, props, { ref: ref, buttonType: "task" })));
+}
+export var TaskButton = fixedForwardRef(TaskButtonWithForwardRef);

package/es/TertiaryButton.js

@@ -1,34 +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 { func, node, oneOfType, string, object, shape, elementType } from 'prop-types';
-import InlineButton from './InlineBaseButton';
-var TertiaryButton = function TertiaryButton(props) {
-  var leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(InlineButton, _extends({
-    buttonType: "tertiary",
-    leftIcon: leftIcon,
-    rightIcon: rightIcon
-  }, rest));
-};
-TertiaryButton.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
-  })]),
-  /** 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 TertiaryButton;
+import React from 'react';
+import { InlineBaseButton } from './InlineBaseButton';
+import { fixedForwardRef } from './fixedForwardRef';
+function TertiaryButtonPropsForwardRef(props, ref) {
+    return React.createElement(InlineBaseButton, __assign({}, props, { ref: ref, buttonType: "tertiary" }));
+}
+export var TertiaryButton = fixedForwardRef(TertiaryButtonPropsForwardRef);

package/es/fixedForwardRef.js

@@ -0,0 +1,2 @@
+import { forwardRef } from 'react';
+export var fixedForwardRef = forwardRef;

package/es/index.js

@@ -1,10 +1,10 @@
-export { default as ActionButton } from './ActionButton';
-export { default as BackButton } from './BackButton';
-export { default as ButtonGroup } from './ButtonGroup';
-export { default as ExpandButton } from './ExpandButton';
-export { default as InlineExpandButton } from './InlineExpandButton';
-export { default as PrimaryButton } from './PrimaryButton';
-export { default as SecondaryButton } from './SecondaryButton';
-export { default as ShortcutButton } from './ShortcutButton';
-export { default as TaskButton } from './TaskButton';
-export { default as TertiaryButton } from './TertiaryButton';
+export { ActionButton } from './ActionButton';
+export { BackButton } from './BackButton';
+export { ButtonGroup } from './ButtonGroup';
+export { ExpandButton } from './ExpandButton';
+export { InlineExpandButton, } from './InlineExpandButton';
+export { PrimaryButton } from './PrimaryButton';
+export { SecondaryButton } from './SecondaryButton';
+export { ShortcutButton } from './ShortcutButton';
+export { TaskButton } from './TaskButton';
+export { TertiaryButton } from './TertiaryButton';

package/es/types.js

@@ -0,0 +1 @@
+export {};

package/lib/ActionButton.js

@@ -1,49 +1,24 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ActionButton;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _BaseButton = _interopRequireDefault(require("./BaseButton"));
-var _excluded = ["className", "leftIcon", "rightIcon"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-function ActionButton(props) {
-  var className = props.className,
-    leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
-    buttonType: "action",
-    className: (0, _classnames.default)(className),
-    leftIcon: leftIcon,
-    rightIcon: rightIcon
-  }, rest));
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionButton = void 0;
+var react_1 = __importDefault(require("react"));
+var BaseButton_1 = require("./BaseButton");
+var fixedForwardRef_1 = require("./fixedForwardRef");
+function ActionButtonWithForwardRef(props, ref) {
+    return react_1.default.createElement(BaseButton_1.BaseButton, __assign({}, props, { ref: ref, buttonType: "action" }));
 }
-ActionButton.propTypes = {
-  /** Aria label for loading indicator */
-  ariaLoadingMessage: _propTypes.string,
-  /** The button label */
-  children: _propTypes.node,
-  /** Extra class names */
-  className: _propTypes.string,
-  /** Disable a button in certain situations */
-  disabled: _propTypes.bool,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
-    current: _propTypes.object
-  })]),
-  /** Shows a loader if true */
-  isLoading: _propTypes.bool,
-  /** Icon shown to the left of the label */
-  leftIcon: _propTypes.node,
-  /** Icon shown to the right of the label */
-  rightIcon: _propTypes.node
-};
+exports.ActionButton = (0, fixedForwardRef_1.fixedForwardRef)(ActionButtonWithForwardRef);

package/lib/BackButton.js

@@ -1,35 +1,26 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _InlineBaseButton = _interopRequireDefault(require("./InlineBaseButton"));
-var _ffeIconsReact = require("@sb1/ffe-icons-react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 BackButton = function BackButton(props) {
-  var chevronLeftIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im00MTguMTUzLTQ4MCAxNjIuOTIzIDE2Mi45MjRxOC4zMDggOC4zMDcgOC41IDIwLjg4NC4xOTMgMTIuNTc2LTguNSAyMS4yNjgtOC42OTIgOC42OTMtMjEuMDc2IDguNjkzdC0yMS4wNzYtOC42OTNMMzU5LjE1NS00NTQuNjkzcS01LjYxNi01LjYxNS03LjkyMy0xMS44NDYtMi4zMDgtNi4yMy0yLjMwOC0xMy40NjF0Mi4zMDgtMTMuNDYxcTIuMzA3LTYuMjMxIDcuOTIzLTExLjg0NmwxNzkuNzY5LTE3OS43NjlxOC4zMDctOC4zMDggMjAuODg0LTguNSAxMi41NzYtLjE5MyAyMS4yNjggOC41IDguNjkzIDguNjkyIDguNjkzIDIxLjA3NnQtOC42OTMgMjEuMDc2TDQxOC4xNTMtNDgwWiIvPjwvc3ZnPg==';
-  return /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({
-    buttonType: "back",
-    leftIcon: /*#__PURE__*/_react.default.createElement(_ffeIconsReact.Icon, {
-      fileUrl: chevronLeftIcon,
-      size: "md"
-    })
-  }, props));
+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);
 };
-BackButton.propTypes = {
-  /** The button label */
-  children: _propTypes.node,
-  /** Extra class names */
-  className: _propTypes.string,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
-    current: _propTypes.object
-  })])
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports.default = BackButton;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackButton = void 0;
+var react_1 = __importDefault(require("react"));
+var InlineBaseButton_1 = require("./InlineBaseButton");
+var ffe_icons_react_1 = require("@sb1/ffe-icons-react");
+var fixedForwardRef_1 = require("./fixedForwardRef");
+function BackButtonWithForwardRef(props, ref) {
+    var chevronLeftIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im00MTguMTUzLTQ4MCAxNjIuOTIzIDE2Mi45MjRxOC4zMDggOC4zMDcgOC41IDIwLjg4NC4xOTMgMTIuNTc2LTguNSAyMS4yNjgtOC42OTIgOC42OTMtMjEuMDc2IDguNjkzdC0yMS4wNzYtOC42OTNMMzU5LjE1NS00NTQuNjkzcS01LjYxNi01LjYxNS03LjkyMy0xMS44NDYtMi4zMDgtNi4yMy0yLjMwOC0xMy40NjF0Mi4zMDgtMTMuNDYxcTIuMzA3LTYuMjMxIDcuOTIzLTExLjg0NmwxNzkuNzY5LTE3OS43NjlxOC4zMDctOC4zMDggMjAuODg0LTguNSAxMi41NzYtLjE5MyAyMS4yNjggOC41IDguNjkzIDguNjkyIDguNjkzIDIxLjA3NnQtOC42OTMgMjEuMDc2TDQxOC4xNTMtNDgwWiIvPjwvc3ZnPg==';
+    return (react_1.default.createElement(InlineBaseButton_1.InlineBaseButton, __assign({}, props, { buttonType: "back", leftIcon: react_1.default.createElement(ffe_icons_react_1.Icon, { fileUrl: chevronLeftIcon, size: "md" }), ref: ref })));
+}
+exports.BackButton = (0, fixedForwardRef_1.fixedForwardRef)(BackButtonWithForwardRef);

package/lib/BaseButton.js

@@ -1,91 +1,62 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["ariaLoadingMessage", "buttonType", "children", "className", "element", "innerRef", "isLoading", "leftIcon", "rightIcon", "onClick"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseButton = void 0;
+var react_1 = __importDefault(require("react"));
+var fixedForwardRef_1 = require("./fixedForwardRef");
+var classnames_1 = __importDefault(require("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.default.createElement(Element, _extends({
-    "aria-busy": isLoading && supportsSpinner,
-    "aria-disabled": rest.disabled || isLoading && supportsSpinner,
-    className: (0, _classnames.default)('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.default.createElement("span", {
-    className: "ffe-button__label"
-  }, leftIcon && /*#__PURE__*/_react.default.cloneElement(leftIcon, {
-    className: 'ffe-button__icon ffe-button__icon--left',
-    size: 'md'
-  }), children, rightIcon && /*#__PURE__*/_react.default.cloneElement(rightIcon, {
-    className: 'ffe-button__icon ffe-button__icon--right',
-    size: 'md'
-  })), supportsSpinner && isLoading && /*#__PURE__*/_react.default.createElement("span", {
-    "aria-label": ariaLoadingMessage,
-    role: "img",
-    className: "ffe-button__spinner"
-  }));
-};
-BaseButton.propTypes = {
-  /** Aria label for loading indicator */
-  ariaLoadingMessage: _propTypes.string,
-  /**
-   * Enum of supported prop types. Used internally only.
-   * @ignore
-   */
-  buttonType: (0, _propTypes.oneOf)(['action', 'primary', 'secondary', 'shortcut', 'task']),
-  /** The button label */
-  children: _propTypes.node,
-  /** Extra class names */
-  className: _propTypes.string,
-  /** Disable a button in certain situations */
-  disabled: _propTypes.bool,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
-  /** Ref-setting function, or ref created by useRef, passed to the button element */
-  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
-    current: _propTypes.object
-  })]),
-  /** Shows a loader if true */
-  isLoading: _propTypes.bool,
-  /** Icon shown to the left of the label */
-  leftIcon: _propTypes.node,
-  /** Icon shown to the right of the label */
-  rightIcon: _propTypes.node,
-  /** Called when button is clicked if not loading or disabled */
-  onClick: _propTypes.func
-};
-var _default = exports.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_1.default.createElement(Comp, __assign({ "aria-busy": isLoading && supportsSpinner, "aria-disabled": isDisabled || (isLoading && supportsSpinner), className: (0, classnames_1.default)('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_1.default.createElement("span", { className: "ffe-button__label" },
+            leftIcon &&
+                react_1.default.cloneElement(leftIcon, {
+                    className: 'ffe-button__icon ffe-button__icon--left',
+                    size: 'md',
+                }),
+            children,
+            rightIcon &&
+                react_1.default.cloneElement(rightIcon, {
+                    className: 'ffe-button__icon ffe-button__icon--right',
+                    size: 'md',
+                })),
+        supportsSpinner && isLoading && (react_1.default.createElement("span", { "aria-label": ariaLoadingMessage, role: "img", className: "ffe-button__spinner" }))));
+}
+exports.BaseButton = (0, fixedForwardRef_1.fixedForwardRef)(BaseButtonWithForwardRef);

package/lib/ButtonGroup.js

@@ -1,36 +1,35 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["className", "thin", "inline"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 ButtonGroup = function ButtonGroup(_ref) {
-  var className = _ref.className,
-    thin = _ref.thin,
-    inline = _ref.inline,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: (0, _classnames.default)('ffe-button-group', {
-      'ffe-button-group--thin': thin
-    }, {
-      'ffe-button-group--inline': inline
-    }, className)
-  }, rest));
+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);
 };
-ButtonGroup.propTypes = {
-  /** Extra class name applied in addition to the FFE classes */
-  className: _propTypes.string,
-  /** Applies the thin modifier to remove margins */
-  thin: _propTypes.bool,
-  /** Applies the inline modifier to make all child buttons inline */
-  inline: _propTypes.bool
+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 _default = exports.default = ButtonGroup;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGroup = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ButtonGroup = function (_a) {
+    var className = _a.className, thin = _a.thin, inline = _a.inline, rest = __rest(_a, ["className", "thin", "inline"]);
+    return (react_1.default.createElement("div", __assign({ "data-testid": "button-group", className: (0, classnames_1.default)('ffe-button-group', { 'ffe-button-group--thin': thin }, { 'ffe-button-group--inline': inline }, className) }, rest)));
+};
+exports.ButtonGroup = ButtonGroup;