@sb1/ffe-buttons-react 16.0.6 → 16.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/BackButton.js CHANGED
@@ -4,33 +4,23 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _InlineBaseButton = _interopRequireDefault(require("./InlineBaseButton"));
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  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); }
17
-
18
12
  var BackButton = function BackButton(props) {
19
13
  return /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({
20
14
  buttonType: "back"
21
15
  }, props));
22
16
  };
23
-
24
17
  BackButton.propTypes = {
25
18
  /** The button label */
26
19
  children: _propTypes.node,
27
-
28
20
  /** Extra class names */
29
21
  className: _propTypes.string,
30
-
31
22
  /** The rendered element, like an `<a />` or `<Link />` */
32
23
  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
33
-
34
24
  /** Ref-setting function, or ref created by useRef, passed to the button element */
35
25
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
36
26
  current: _propTypes.object
package/lib/BaseButton.js CHANGED
@@ -4,39 +4,29 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  var _excluded = ["ariaLoadingMessage", "buttonType", "children", "className", "element", "innerRef", "isLoading", "leftIcon", "rightIcon", "onClick"];
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  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; }
23
-
24
15
  /**
25
16
  * Internal component
26
17
  */
27
18
  var BaseButton = function BaseButton(props) {
28
19
  var ariaLoadingMessage = props.ariaLoadingMessage,
29
- buttonType = props.buttonType,
30
- children = props.children,
31
- className = props.className,
32
- Element = props.element,
33
- innerRef = props.innerRef,
34
- isLoading = props.isLoading,
35
- leftIcon = props.leftIcon,
36
- rightIcon = props.rightIcon,
37
- _onClick = props.onClick,
38
- rest = _objectWithoutProperties(props, _excluded);
39
-
20
+ buttonType = props.buttonType,
21
+ children = props.children,
22
+ className = props.className,
23
+ Element = props.element,
24
+ innerRef = props.innerRef,
25
+ isLoading = props.isLoading,
26
+ leftIcon = props.leftIcon,
27
+ rightIcon = props.rightIcon,
28
+ _onClick = props.onClick,
29
+ rest = _objectWithoutProperties(props, _excluded);
40
30
  var supportsSpinner = ['action', 'primary', 'secondary'].includes(buttonType);
41
31
  return /*#__PURE__*/_react.default.createElement(Element, _extends({
42
32
  "aria-busy": isLoading && supportsSpinner,
@@ -67,43 +57,32 @@ var BaseButton = function BaseButton(props) {
67
57
  className: "ffe-button__spinner"
68
58
  }));
69
59
  };
70
-
71
60
  BaseButton.propTypes = {
72
61
  /** Aria label for loading indicator */
73
62
  ariaLoadingMessage: _propTypes.string,
74
-
75
63
  /**
76
64
  * Enum of supported prop types. Used internally only.
77
65
  * @ignore
78
66
  */
79
67
  buttonType: (0, _propTypes.oneOf)(['action', 'primary', 'secondary', 'shortcut', 'task']),
80
-
81
68
  /** The button label */
82
69
  children: _propTypes.node,
83
-
84
70
  /** Extra class names */
85
71
  className: _propTypes.string,
86
-
87
72
  /** Disable a button in certain situations */
88
73
  disabled: _propTypes.bool,
89
-
90
74
  /** The rendered element, like an `<a />` or `<Link />` */
91
75
  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
92
-
93
76
  /** Ref-setting function, or ref created by useRef, passed to the button element */
94
77
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
95
78
  current: _propTypes.object
96
79
  })]),
97
-
98
80
  /** Shows a loader if true */
99
81
  isLoading: _propTypes.bool,
100
-
101
82
  /** Icon shown to the left of the label */
102
83
  leftIcon: _propTypes.node,
103
-
104
84
  /** Icon shown to the right of the label */
105
85
  rightIcon: _propTypes.node,
106
-
107
86
  /** Called when button is clicked if not loading or disabled */
108
87
  onClick: _propTypes.func
109
88
  };
@@ -4,29 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  var _excluded = ["className", "thin", "inline"];
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  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; }
23
-
24
15
  var ButtonGroup = function ButtonGroup(_ref) {
25
16
  var className = _ref.className,
26
- thin = _ref.thin,
27
- inline = _ref.inline,
28
- rest = _objectWithoutProperties(_ref, _excluded);
29
-
17
+ thin = _ref.thin,
18
+ inline = _ref.inline,
19
+ rest = _objectWithoutProperties(_ref, _excluded);
30
20
  return /*#__PURE__*/_react.default.createElement("div", _extends({
31
21
  className: (0, _classnames.default)('ffe-button-group', {
32
22
  'ffe-button-group--thin': thin
@@ -35,14 +25,11 @@ var ButtonGroup = function ButtonGroup(_ref) {
35
25
  }, className)
36
26
  }, rest));
37
27
  };
38
-
39
28
  ButtonGroup.propTypes = {
40
29
  /** Extra class name applied in addition to the FFE classes */
41
30
  className: _propTypes.string,
42
-
43
31
  /** Applies the thin modifier to remove margins */
44
32
  thin: _propTypes.bool,
45
-
46
33
  /** Applies the inline modifier to make all child buttons inline */
47
34
  inline: _propTypes.bool
48
35
  };
@@ -1,45 +1,31 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _propTypes = require("prop-types");
13
-
14
10
  var _classnames = _interopRequireDefault(require("classnames"));
15
-
16
11
  var _kryssIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/kryss-ikon"));
17
-
18
12
  var _excluded = ["children", "className", "closeLabel", "element", "innerRef", "isExpanded", "leftIcon", "rightIcon"];
19
-
20
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
15
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
16
  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); }
27
-
28
17
  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; }
29
-
30
18
  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; }
31
-
32
19
  var ExpandButton = function ExpandButton(props) {
33
20
  var children = props.children,
34
- className = props.className,
35
- closeLabel = props.closeLabel,
36
- Element = props.element,
37
- innerRef = props.innerRef,
38
- isExpanded = props.isExpanded,
39
- leftIcon = props.leftIcon,
40
- rightIcon = props.rightIcon,
41
- rest = _objectWithoutProperties(props, _excluded);
42
-
21
+ className = props.className,
22
+ closeLabel = props.closeLabel,
23
+ Element = props.element,
24
+ innerRef = props.innerRef,
25
+ isExpanded = props.isExpanded,
26
+ leftIcon = props.leftIcon,
27
+ rightIcon = props.rightIcon,
28
+ rest = _objectWithoutProperties(props, _excluded);
43
29
  return /*#__PURE__*/_react.default.createElement(Element, _extends({
44
30
  "aria-expanded": isExpanded,
45
31
  "aria-label": isExpanded ? closeLabel : undefined,
@@ -58,34 +44,25 @@ var ExpandButton = function ExpandButton(props) {
58
44
  className: 'ffe-button__icon ffe-button__icon--right'
59
45
  })));
60
46
  };
61
-
62
47
  ExpandButton.propTypes = {
63
48
  /** The button label */
64
49
  children: _propTypes.node.isRequired,
65
-
66
50
  /** Extra class names */
67
51
  className: _propTypes.string,
68
-
69
52
  /** The rendered element, like an `<a />` or `<Link />` */
70
53
  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
71
-
72
54
  /** An accessible label for the close-button, only shown in the "isExpanded" state */
73
55
  closeLabel: _propTypes.string,
74
-
75
56
  /** Icon shown to the left of the label */
76
57
  leftIcon: _propTypes.node,
77
-
78
58
  /** Icon shown to the right of the label */
79
59
  rightIcon: _propTypes.node,
80
-
81
60
  /** Ref-setting function, or ref created by useRef, passed to the button element */
82
61
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
83
62
  current: _propTypes.object
84
63
  })]),
85
-
86
64
  /** When true the component will render a circle with an X indicating whatever is controlled is in an expanded state. */
87
65
  isExpanded: _propTypes.bool.isRequired,
88
-
89
66
  /** Use to listen for clicks and toggle the `isExpanded` property together with whatever it is you're expanding. */
90
67
  onClick: _propTypes.func.isRequired
91
68
  };
@@ -4,37 +4,27 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  var _excluded = ["buttonType", "children", "className", "element", "innerRef", "leftIcon", "rightIcon"];
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  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; }
23
-
24
15
  /**
25
16
  * Internal component
26
17
  * @ignore
27
18
  */
28
19
  var InlineBaseButton = function InlineBaseButton(props) {
29
20
  var buttonType = props.buttonType,
30
- children = props.children,
31
- className = props.className,
32
- Element = props.element,
33
- innerRef = props.innerRef,
34
- leftIcon = props.leftIcon,
35
- rightIcon = props.rightIcon,
36
- rest = _objectWithoutProperties(props, _excluded);
37
-
21
+ children = props.children,
22
+ className = props.className,
23
+ Element = props.element,
24
+ innerRef = props.innerRef,
25
+ leftIcon = props.leftIcon,
26
+ rightIcon = props.rightIcon,
27
+ rest = _objectWithoutProperties(props, _excluded);
38
28
  return /*#__PURE__*/_react.default.createElement(Element, _extends({
39
29
  className: (0, _classnames.default)('ffe-inline-button', "ffe-inline-button--".concat(buttonType), className),
40
30
  ref: innerRef
@@ -46,31 +36,24 @@ var InlineBaseButton = function InlineBaseButton(props) {
46
36
  className: 'ffe-inline-button__icon ffe-inline-button__icon--right'
47
37
  }));
48
38
  };
49
-
50
39
  InlineBaseButton.propTypes = {
51
40
  /**
52
41
  * Enum of supported prop types. Used internally only.
53
42
  * @ignore
54
43
  */
55
44
  buttonType: (0, _propTypes.oneOf)(['tertiary', 'back', 'expand']),
56
-
57
45
  /** The button label */
58
46
  children: _propTypes.node.isRequired,
59
-
60
47
  /** Extra class names */
61
48
  className: _propTypes.string,
62
-
63
49
  /** The rendered element, like an `<a />` or `<Link />` */
64
50
  element: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.func, _propTypes.elementType]),
65
-
66
51
  /** Ref-setting function, or ref created by useRef, passed to the button element */
67
52
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
68
53
  current: _propTypes.object
69
54
  })]),
70
-
71
55
  /** Icon shown to the left of the label */
72
56
  leftIcon: _propTypes.node,
73
-
74
57
  /** Icon shown to the right of the label */
75
58
  rightIcon: _propTypes.node
76
59
  };
@@ -4,29 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
13
-
14
10
  var _InlineBaseButton = _interopRequireDefault(require("./InlineBaseButton"));
15
-
16
11
  var _excluded = ["isExpanded"];
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
13
  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); }
21
-
22
14
  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; }
23
-
24
15
  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; }
25
-
26
16
  var InlineExpandButton = function InlineExpandButton(props) {
27
17
  var isExpanded = props.isExpanded,
28
- rest = _objectWithoutProperties(props, _excluded);
29
-
18
+ rest = _objectWithoutProperties(props, _excluded);
30
19
  return /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({
31
20
  buttonType: "expand",
32
21
  type: "button",
@@ -39,19 +28,15 @@ var InlineExpandButton = function InlineExpandButton(props) {
39
28
  })
40
29
  }, rest));
41
30
  };
42
-
43
31
  InlineExpandButton.propTypes = {
44
32
  /** Text that should reflect the isExpanded state. */
45
33
  children: _propTypes.node,
46
-
47
34
  /** Ref-setting function, or ref created by useRef, passed to the button element */
48
35
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
49
36
  current: _propTypes.object
50
37
  })]),
51
-
52
38
  /** When true it will indicate the button is in its open state */
53
39
  isExpanded: _propTypes.bool.isRequired,
54
-
55
40
  /** Listen for clicks to toggle the isExpanded state. */
56
41
  onClick: _propTypes.func.isRequired
57
42
  };
@@ -4,50 +4,35 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _BaseButton = _interopRequireDefault(require("./BaseButton"));
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  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); }
17
-
18
12
  var PrimaryButton = function PrimaryButton(props) {
19
13
  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
20
14
  buttonType: "primary"
21
15
  }, props));
22
16
  };
23
-
24
17
  PrimaryButton.propTypes = {
25
18
  /** Aria label for loading indicator */
26
19
  ariaLoadingMessage: _propTypes.string,
27
-
28
20
  /** The button label */
29
21
  children: _propTypes.node,
30
-
31
22
  /** Extra class names */
32
23
  className: _propTypes.string,
33
-
34
24
  /** Disable a button in certain situations */
35
25
  disabled: _propTypes.bool,
36
-
37
26
  /** The rendered element, like an `<a />` or `<Link />` */
38
27
  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
39
-
40
28
  /** Ref-setting function, or ref created by useRef, passed to the button element */
41
29
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
42
30
  current: _propTypes.object
43
31
  })]),
44
-
45
32
  /** Shows a loader if true */
46
33
  isLoading: _propTypes.bool,
47
-
48
34
  /** Icon shown to the left of the label */
49
35
  leftIcon: _propTypes.node,
50
-
51
36
  /** Icon shown to the right of the label */
52
37
  rightIcon: _propTypes.node
53
38
  };
@@ -4,50 +4,35 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _BaseButton = _interopRequireDefault(require("./BaseButton"));
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  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); }
17
-
18
12
  var SecondaryButton = function SecondaryButton(props) {
19
13
  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
20
14
  buttonType: "secondary"
21
15
  }, props));
22
16
  };
23
-
24
17
  SecondaryButton.propTypes = {
25
18
  /** Aria label for loading indicator */
26
19
  ariaLoadingMessage: _propTypes.string,
27
-
28
20
  /** The button label */
29
21
  children: _propTypes.node,
30
-
31
22
  /** Extra class names */
32
23
  className: _propTypes.string,
33
-
34
24
  /** Disable a button in certain situations */
35
25
  disabled: _propTypes.bool,
36
-
37
26
  /** The rendered element, like an `<a />` or `<Link />` */
38
27
  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
39
-
40
28
  /** Ref-setting function, or ref created by useRef, passed to the button element */
41
29
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
42
30
  current: _propTypes.object
43
31
  })]),
44
-
45
32
  /** Shows a loader if true */
46
33
  isLoading: _propTypes.bool,
47
-
48
34
  /** Icon shown to the left of the label */
49
35
  leftIcon: _propTypes.node,
50
-
51
36
  /** Icon shown to the right of the label */
52
37
  rightIcon: _propTypes.node
53
38
  };
@@ -4,44 +4,31 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
13
-
14
10
  var _BaseButton = _interopRequireDefault(require("./BaseButton"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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); }
19
-
20
13
  var ShortcutButton = function ShortcutButton(props) {
21
14
  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
22
15
  buttonType: "shortcut",
23
16
  rightIcon: /*#__PURE__*/_react.default.createElement(_chevronIkon.default, null)
24
17
  }, props));
25
18
  };
26
-
27
19
  ShortcutButton.propTypes = {
28
20
  /** The button label */
29
21
  children: _propTypes.node,
30
-
31
22
  /** Extra class names */
32
23
  className: _propTypes.string,
33
-
34
24
  /** Disable a button in certain situations */
35
25
  disabled: _propTypes.bool,
36
-
37
26
  /** The rendered element, like an `<a />` or `<Link />` */
38
27
  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
39
-
40
28
  /** Ref-setting function, or ref created by useRef, passed to the button element */
41
29
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
42
30
  current: _propTypes.object
43
31
  })]),
44
-
45
32
  /** Icon shown to the left of the label */
46
33
  leftIcon: _propTypes.node
47
34
  };
package/lib/TaskButton.js CHANGED
@@ -4,49 +4,33 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _BaseButton = _interopRequireDefault(require("./BaseButton"));
13
-
14
10
  var _excluded = ["icon"];
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  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; }
23
-
24
15
  var TaskButton = function TaskButton(_ref) {
25
16
  var icon = _ref.icon,
26
- rest = _objectWithoutProperties(_ref, _excluded);
27
-
17
+ rest = _objectWithoutProperties(_ref, _excluded);
28
18
  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
29
19
  buttonType: "task",
30
20
  leftIcon: icon
31
21
  }, rest));
32
22
  };
33
-
34
23
  TaskButton.propTypes = {
35
24
  /** The button label */
36
25
  children: _propTypes.node,
37
-
38
26
  /** Extra class names */
39
27
  className: _propTypes.string,
40
-
41
28
  /** Disable a button in certain situations */
42
29
  disabled: _propTypes.bool,
43
-
44
30
  /** The rendered element, like an `<a />` or `<Link />` */
45
31
  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
46
-
47
32
  /** Task icon, show to the left of the label */
48
33
  icon: _propTypes.node.isRequired,
49
-
50
34
  /** Ref-setting function, or ref created by useRef, passed to the button element */
51
35
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
52
36
  current: _propTypes.object
@@ -4,41 +4,29 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = require("prop-types");
11
-
12
9
  var _InlineBaseButton = _interopRequireDefault(require("./InlineBaseButton"));
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  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); }
17
-
18
12
  var TertiaryButton = function TertiaryButton(props) {
19
13
  return /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({
20
14
  buttonType: "tertiary"
21
15
  }, props));
22
16
  };
23
-
24
17
  TertiaryButton.propTypes = {
25
18
  /** The button label */
26
19
  children: _propTypes.node,
27
-
28
20
  /** Extra class names */
29
21
  className: _propTypes.string,
30
-
31
22
  /** The rendered element, like an `<a />` or `<Link />` */
32
23
  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
33
-
34
24
  /** Ref-setting function, or ref created by useRef, passed to the button element */
35
25
  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
36
26
  current: _propTypes.object
37
27
  })]),
38
-
39
28
  /** Icon shown to the left of the label */
40
29
  leftIcon: _propTypes.node,
41
-
42
30
  /** Icon shown to the right of the label */
43
31
  rightIcon: _propTypes.node
44
32
  };