@sb1/ffe-buttons-react 21.0.1 → 21.0.3

package/es/InlineExpandButton.js

@@ -1,19 +1,23 @@
-var _excluded = ["isExpanded"];
+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 = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
-import { bool, func, node, oneOfType, object, shape } from 'prop-types';
+import { bool, func, node, oneOfType, object, shape, string } from 'prop-types';
 import { Icon } from '@sb1/ffe-icons-react';
+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: isExpanded ? 'ffe-inline-button--expanded' : '',
+    className: classNames(className, {
+      'ffe-inline-button--expanded': isExpanded
+    }),
     rightIcon: /*#__PURE__*/React.createElement(Icon, {
       size: "md",
       fileUrl: expandMoreIcon
@@ -30,6 +34,8 @@ InlineExpandButton.propTypes = {
   /** 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
+  onClick: func.isRequired,
+  /** Extra class names */
+  className: string
 };
 export default InlineExpandButton;

package/lib/InlineExpandButton.js

@@ -7,20 +7,24 @@ 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"];
+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 = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; 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: isExpanded ? 'ffe-inline-button--expanded' : '',
+    className: (0, _classnames.default)(className, {
+      'ffe-inline-button--expanded': isExpanded
+    }),
     rightIcon: /*#__PURE__*/_react.default.createElement(_ffeIconsReact.Icon, {
       size: "md",
       fileUrl: expandMoreIcon
@@ -37,6 +41,8 @@ InlineExpandButton.propTypes = {
   /** 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
+  onClick: _propTypes.func.isRequired,
+  /** Extra class names */
+  className: _propTypes.string
 };
 var _default = exports.default = InlineExpandButton;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-buttons-react",
-    "version": "21.0.1",
+    "version": "21.0.3",
     "description": "React implementation of ffe-buttons",
     "keywords": [
         "ffe"
@@ -29,7 +29,7 @@
     },
     "dependencies": {
         "@sb1/ffe-buttons": "^18.0.6",
-        "@sb1/ffe-icons-react": "^9.0.2",
+        "@sb1/ffe-icons-react": "^9.0.3",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },
@@ -46,5 +46,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "73d1ca2c6d689ecda874ee22ed4e8f94bad46dfb"
+    "gitHead": "7bb36b7b7b27b37824d612c1d91552c911da130e"
 }

package/types/index.d.ts

@@ -11,8 +11,8 @@ export type BaseButtonProps = {
     ariaLoadingMessage?: string;
     disabled?: boolean;
     isLoading?: boolean;
-    leftIcon?: HTMLElement | React.ElementType;
-    rightIcon?: HTMLElement | React.ElementType;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
 } & MinimalBaseButtonProps;
 
 type ActionButtonProps = BaseButtonProps;