@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/es/ActionButton.js +1 -14
- package/es/BackButton.js +0 -6
- package/es/BaseButton.js +11 -27
- package/es/ButtonGroup.js +3 -12
- package/es/ExpandButton.js +8 -23
- package/es/InlineBaseButton.js +8 -20
- package/es/InlineExpandButton.js +1 -11
- package/es/PrimaryButton.js +0 -11
- package/es/SecondaryButton.js +0 -11
- package/es/ShortcutButton.js +0 -8
- package/es/TaskButton.js +1 -13
- package/es/TertiaryButton.js +0 -8
- package/lib/ActionButton.js +1 -21
- package/lib/BackButton.js +0 -10
- package/lib/BaseButton.js +10 -31
- package/lib/ButtonGroup.js +3 -16
- package/lib/ExpandButton.js +8 -31
- package/lib/InlineBaseButton.js +7 -24
- package/lib/InlineExpandButton.js +1 -16
- package/lib/PrimaryButton.js +0 -15
- package/lib/SecondaryButton.js +0 -15
- package/lib/ShortcutButton.js +0 -13
- package/lib/TaskButton.js +1 -17
- package/lib/TertiaryButton.js +0 -12
- package/lib/index.js +0 -11
- package/package.json +48 -48
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
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
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
|
};
|
package/lib/ButtonGroup.js
CHANGED
|
@@ -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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
};
|
package/lib/ExpandButton.js
CHANGED
|
@@ -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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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
|
};
|
package/lib/InlineBaseButton.js
CHANGED
|
@@ -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
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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
|
-
|
|
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
|
};
|
package/lib/PrimaryButton.js
CHANGED
|
@@ -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
|
};
|
package/lib/SecondaryButton.js
CHANGED
|
@@ -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
|
};
|
package/lib/ShortcutButton.js
CHANGED
|
@@ -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
|
-
|
|
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
|
package/lib/TertiaryButton.js
CHANGED
|
@@ -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
|
};
|