@sb1/ffe-buttons-react 21.0.19 → 22.0.0

package/lib/ExpandButton.js

@@ -1,58 +1,40 @@
 "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 _ffeIconsReact = require("@sb1/ffe-icons-react");
-var _excluded = ["children", "className", "closeLabel", "element", "innerRef", "isExpanded"];
-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 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.default.createElement(Element, _extends({
-    "aria-expanded": isExpanded,
-    "aria-label": isExpanded ? closeLabel : undefined,
-    className: (0, _classnames.default)('ffe-button', 'ffe-button--expand', {
-      'ffe-button--expanded': isExpanded
-    }, className),
-    ref: innerRef
-  }, rest), isExpanded && /*#__PURE__*/_react.default.createElement(_ffeIconsReact.Icon, {
-    className: "ffe-button__icon",
-    fileUrl: closeIcon,
-    size: "md"
-  }), !isExpanded && /*#__PURE__*/_react.default.createElement("span", null, children));
+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);
 };
-ExpandButton.propTypes = {
-  /** The button label */
-  children: _propTypes.node.isRequired,
-  /** Extra class names */
-  className: _propTypes.string,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
-  /** An accessible label for the close-button, only shown in the "isExpanded" state  */
-  closeLabel: _propTypes.string,
-  /** 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
-  })]),
-  /** When true the component will render a circle with an X indicating whatever is controlled is in an expanded state. */
-  isExpanded: _propTypes.bool.isRequired,
-  /** Use to listen for clicks and toggle the `isExpanded` property together with whatever it is you're expanding. */
-  onClick: _propTypes.func.isRequired
+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 = ExpandButton;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandButton = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ffe_icons_react_1 = require("@sb1/ffe-icons-react");
+var fixedForwardRef_1 = require("./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_1.default.createElement(Comp, __assign({ "aria-expanded": isExpanded, "aria-label": isExpanded ? closeLabel : undefined, className: (0, classnames_1.default)('ffe-button', 'ffe-button--expand', { 'ffe-button--expanded': isExpanded }, className) }, rest, { ref: ref }),
+        isExpanded && (react_1.default.createElement(ffe_icons_react_1.Icon, { className: "ffe-button__icon", fileUrl: closeIcon, size: "md" })),
+        !isExpanded && react_1.default.createElement("span", null, children)));
+}
+exports.ExpandButton = (0, fixedForwardRef_1.fixedForwardRef)(ExpandButtonWithForwardRef);

package/lib/InlineBaseButton.js

@@ -1,63 +1,51 @@
 "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 = ["buttonType", "children", "className", "element", "innerRef", "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; }
+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.InlineBaseButton = void 0;
+var react_1 = __importDefault(require("react"));
+var fixedForwardRef_1 = require("./fixedForwardRef");
+var classnames_1 = __importDefault(require("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.default.createElement(Element, _extends({
-    className: (0, _classnames.default)('ffe-inline-button', "ffe-inline-button--".concat(buttonType), className),
-    ref: innerRef
-  }, rest), leftIcon && /*#__PURE__*/_react.default.cloneElement(leftIcon, {
-    className: 'ffe-inline-button__icon ffe-inline-button__icon--left',
-    size: 'md'
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "ffe-inline-button__label"
-  }, children), rightIcon && /*#__PURE__*/_react.default.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: (0, _propTypes.oneOf)(['tertiary', 'back', 'expand']),
-  /** The button label */
-  children: _propTypes.node.isRequired,
-  /** Extra class names */
-  className: _propTypes.string,
-  /** The rendered element, like an `<a />` or `<Link />` */
-  element: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.func, _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
-  })]),
-  /** Icon shown to the left of the label */
-  leftIcon: _propTypes.node,
-  /** Icon shown to the right of the label */
-  rightIcon: _propTypes.node
-};
-var _default = exports.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_1.default.createElement(Comp, __assign({ className: (0, classnames_1.default)('ffe-inline-button', "ffe-inline-button--".concat(buttonType), className) }, rest, { ref: ref }),
+        leftIcon &&
+            react_1.default.cloneElement(leftIcon, {
+                className: 'ffe-inline-button__icon ffe-inline-button__icon--left',
+                size: 'md',
+            }),
+        react_1.default.createElement("span", { className: "ffe-inline-button__label" }, children),
+        rightIcon &&
+            react_1.default.cloneElement(rightIcon, {
+                className: 'ffe-inline-button__icon ffe-inline-button__icon--right',
+                size: 'md',
+            })));
+}
+exports.InlineBaseButton = (0, fixedForwardRef_1.fixedForwardRef)(InlineBaseButtonWithForwardRef);

package/lib/InlineExpandButton.js

@@ -1,48 +1,42 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _ffeIconsReact = require("@sb1/ffe-icons-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _InlineBaseButton = _interopRequireDefault(require("./InlineBaseButton"));
-var _excluded = ["isExpanded", "className"];
-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 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.default.createElement(_InlineBaseButton.default, _extends({
-    buttonType: "expand",
-    type: "button",
-    className: (0, _classnames.default)(className, {
-      'ffe-inline-button--expanded': isExpanded
-    }),
-    rightIcon: /*#__PURE__*/_react.default.createElement(_ffeIconsReact.Icon, {
-      size: "md",
-      fileUrl: expandMoreIcon
-    })
-  }, 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);
 };
-InlineExpandButton.propTypes = {
-  /** Text that should reflect the isExpanded state. */
-  children: _propTypes.node,
-  /** 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
-  })]),
-  /** When true it will indicate the button is in its open state */
-  isExpanded: _propTypes.bool.isRequired,
-  /** Listen for clicks to toggle the isExpanded state. */
-  onClick: _propTypes.func.isRequired,
-  /** Extra class names */
-  className: _propTypes.string
+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 = InlineExpandButton;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineExpandButton = void 0;
+var react_1 = __importDefault(require("react"));
+var ffe_icons_react_1 = require("@sb1/ffe-icons-react");
+var InlineBaseButton_1 = require("./InlineBaseButton");
+var fixedForwardRef_1 = require("./fixedForwardRef");
+var classnames_1 = __importDefault(require("classnames"));
+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_1.default.createElement(InlineBaseButton_1.InlineBaseButton, __assign({ rightIcon: react_1.default.createElement(ffe_icons_react_1.Icon, { size: "md", fileUrl: expandMoreIcon }), buttonType: "expand", type: "button" }, rest, { className: (0, classnames_1.default)(className, {
+            'ffe-inline-button--expanded': isExpanded,
+        }), ref: propWithRef.ref })));
+}
+exports.InlineExpandButton = (0, fixedForwardRef_1.fixedForwardRef)(InlineExpandButtonWithForwardRef);

package/lib/PrimaryButton.js

@@ -1,47 +1,24 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _BaseButton = _interopRequireDefault(require("./BaseButton"));
-var _excluded = ["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; }
-var PrimaryButton = function PrimaryButton(props) {
-  var leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
-    buttonType: "primary",
-    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);
 };
-PrimaryButton.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
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports.default = PrimaryButton;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrimaryButton = void 0;
+var react_1 = __importDefault(require("react"));
+var BaseButton_1 = require("./BaseButton");
+var fixedForwardRef_1 = require("./fixedForwardRef");
+function PrimaryButtonWithForwardRef(props, ref) {
+    return react_1.default.createElement(BaseButton_1.BaseButton, __assign({}, props, { ref: ref, buttonType: "primary" }));
+}
+exports.PrimaryButton = (0, fixedForwardRef_1.fixedForwardRef)(PrimaryButtonWithForwardRef);

package/lib/SecondaryButton.js

@@ -1,47 +1,24 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _BaseButton = _interopRequireDefault(require("./BaseButton"));
-var _excluded = ["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; }
-var SecondaryButton = function SecondaryButton(props) {
-  var leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
-    buttonType: "secondary",
-    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);
 };
-SecondaryButton.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
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports.default = SecondaryButton;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryButton = void 0;
+var react_1 = __importDefault(require("react"));
+var BaseButton_1 = require("./BaseButton");
+var fixedForwardRef_1 = require("./fixedForwardRef");
+function SecondaryButtonWithForwardRef(props, ref) {
+    return react_1.default.createElement(BaseButton_1.BaseButton, __assign({}, props, { ref: ref, buttonType: "secondary" }));
+}
+exports.SecondaryButton = (0, fixedForwardRef_1.fixedForwardRef)(SecondaryButtonWithForwardRef);

package/lib/ShortcutButton.js

@@ -1,37 +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 _BaseButton = _interopRequireDefault(require("./BaseButton"));
-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 ShortcutButton = function ShortcutButton(props) {
-  var chevronRightIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik01MTcuODQ3LTQ4MCAzNTQuOTI0LTY0Mi45MjRxLTguMzA4LTguMzA3LTguNS0yMC44ODQtLjE5My0xMi41NzYgOC41LTIxLjI2OCA4LjY5Mi04LjY5MyAyMS4wNzYtOC42OTN0MjEuMDc2IDguNjkzbDE3OS43NjkgMTc5Ljc2OXE1LjYxNiA1LjYxNSA3LjkyMyAxMS44NDYgMi4zMDggNi4yMyAyLjMwOCAxMy40NjF0LTIuMzA4IDEzLjQ2MXEtMi4zMDcgNi4yMzEtNy45MjMgMTEuODQ2TDM5Ny4wNzYtMjc0LjkyNHEtOC4zMDcgOC4zMDgtMjAuODg0IDguNS0xMi41NzYuMTkzLTIxLjI2OC04LjUtOC42OTMtOC42OTItOC42OTMtMjEuMDc2dDguNjkzLTIxLjA3Nkw1MTcuODQ3LTQ4MFoiLz48L3N2Zz4=';
-  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
-    buttonType: "shortcut",
-    rightIcon: /*#__PURE__*/_react.default.createElement(_ffeIconsReact.Icon, {
-      fileUrl: chevronRightIcon,
-      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);
 };
-ShortcutButton.propTypes = {
-  /** 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
-  })])
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports.default = ShortcutButton;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShortcutButton = void 0;
+var react_1 = __importDefault(require("react"));
+var BaseButton_1 = require("./BaseButton");
+var fixedForwardRef_1 = require("./fixedForwardRef");
+var ffe_icons_react_1 = require("@sb1/ffe-icons-react");
+function ShortcutButtonWithForwardRef(props, ref) {
+    var chevronRightIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik01MTcuODQ3LTQ4MCAzNTQuOTI0LTY0Mi45MjRxLTguMzA4LTguMzA3LTguNS0yMC44ODQtLjE5My0xMi41NzYgOC41LTIxLjI2OCA4LjY5Mi04LjY5MyAyMS4wNzYtOC42OTN0MjEuMDc2IDguNjkzbDE3OS43NjkgMTc5Ljc2OXE1LjYxNiA1LjYxNSA3LjkyMyAxMS44NDYgMi4zMDggNi4yMyAyLjMwOCAxMy40NjF0LTIuMzA4IDEzLjQ2MXEtMi4zMDcgNi4yMzEtNy45MjMgMTEuODQ2TDM5Ny4wNzYtMjc0LjkyNHEtOC4zMDcgOC4zMDgtMjAuODg0IDguNS0xMi41NzYuMTkzLTIxLjI2OC04LjUtOC42OTMtOC42OTItOC42OTMtMjEuMDc2dDguNjkzLTIxLjA3Nkw1MTcuODQ3LTQ4MFoiLz48L3N2Zz4=';
+    return (react_1.default.createElement(BaseButton_1.BaseButton, __assign({ rightIcon: react_1.default.createElement(ffe_icons_react_1.Icon, { fileUrl: chevronRightIcon, size: "md" }) }, props, { ref: ref, buttonType: "shortcut" })));
+}
+exports.ShortcutButton = (0, fixedForwardRef_1.fixedForwardRef)(ShortcutButtonWithForwardRef);

package/lib/TaskButton.js

@@ -1,41 +1,24 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _BaseButton = _interopRequireDefault(require("./BaseButton"));
-var _excluded = ["icon"];
-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 TaskButton = function TaskButton(_ref) {
-  var icon = _ref.icon,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
-    buttonType: "task",
-    leftIcon: /*#__PURE__*/_react.default.createElement("div", {
-      "aria-hidden": "true"
-    }, icon)
-  }, 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);
 };
-TaskButton.propTypes = {
-  /** 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]),
-  /** icon element shown to the left of the label */
-  icon: _propTypes.node,
-  /** 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 = TaskButton;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskButton = void 0;
+var react_1 = __importDefault(require("react"));
+var BaseButton_1 = require("./BaseButton");
+var fixedForwardRef_1 = require("./fixedForwardRef");
+function TaskButtonWithForwardRef(props, ref) {
+    return (react_1.default.createElement(BaseButton_1.BaseButton, __assign({ leftIcon: props.icon }, props, { ref: ref, buttonType: "task" })));
+}
+exports.TaskButton = (0, fixedForwardRef_1.fixedForwardRef)(TaskButtonWithForwardRef);