@atlaskit/button 16.1.4 → 16.1.5
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/CHANGELOG.md +6 -0
- package/dist/cjs/button.js +3 -1
- package/dist/cjs/custom-theme-button/custom-theme-button.js +5 -3
- package/dist/cjs/custom-theme-button/index.js +4 -4
- package/dist/cjs/custom-theme-button/theme.js +4 -4
- package/dist/cjs/entry-points/custom-theme-button.js +4 -4
- package/dist/cjs/index.js +8 -8
- package/dist/cjs/loading-button.js +3 -1
- package/dist/cjs/shared/button-base.js +4 -3
- package/dist/cjs/shared/css.js +4 -4
- package/dist/cjs/shared/loading-spinner.js +3 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/shared/button-base.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/button.js +2 -1
- package/dist/esm/custom-theme-button/custom-theme-button.js +4 -3
- package/dist/esm/custom-theme-button/theme.js +2 -2
- package/dist/esm/loading-button.js +2 -1
- package/dist/esm/shared/button-base.js +3 -2
- package/dist/esm/shared/css.js +2 -2
- package/dist/esm/shared/loading-spinner.js +2 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/shared/loading-spinner.d.ts +1 -0
- package/package.json +5 -7
package/CHANGELOG.md
CHANGED
package/dist/cjs/button.js
CHANGED
|
@@ -25,6 +25,8 @@ var _css = require("./shared/css");
|
|
|
25
25
|
|
|
26
26
|
var _getIsOnlySingleIcon = _interopRequireDefault(require("./shared/get-is-only-single-icon"));
|
|
27
27
|
|
|
28
|
+
var _excluded = ["mode", "onMouseDown", "onMouseUp"];
|
|
29
|
+
|
|
28
30
|
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); }
|
|
29
31
|
|
|
30
32
|
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; }
|
|
@@ -39,7 +41,7 @@ var ButtonWithMode = /*#__PURE__*/_react.default.forwardRef(function ButtonWithM
|
|
|
39
41
|
providedOnMouseDown = _ref$onMouseDown === void 0 ? noop : _ref$onMouseDown,
|
|
40
42
|
_ref$onMouseUp = _ref.onMouseUp,
|
|
41
43
|
providedOnMouseUp = _ref$onMouseUp === void 0 ? noop : _ref$onMouseUp,
|
|
42
|
-
rest = (0, _objectWithoutProperties2.default)(_ref,
|
|
44
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
43
45
|
var appearance = rest.appearance || 'default';
|
|
44
46
|
var spacing = rest.spacing || 'default';
|
|
45
47
|
var shouldFitContainer = Boolean(rest.shouldFitContainer);
|
|
@@ -29,13 +29,15 @@ var _loadingSpinner = _interopRequireDefault(require("../shared/loading-spinner"
|
|
|
29
29
|
|
|
30
30
|
var _theme = _interopRequireWildcard(require("./theme"));
|
|
31
31
|
|
|
32
|
+
var _excluded = ["appearance", "autoFocus", "isDisabled", "isSelected", "shouldFitContainer", "spacing", "isLoading", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "theme"];
|
|
33
|
+
|
|
32
34
|
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); }
|
|
33
35
|
|
|
34
36
|
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; }
|
|
35
37
|
|
|
36
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
38
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
37
39
|
|
|
38
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
40
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
39
41
|
|
|
40
42
|
function getInteractionState(_ref) {
|
|
41
43
|
var _ref$isDisabled = _ref.isDisabled,
|
|
@@ -108,7 +110,7 @@ var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
|
|
|
108
110
|
providedOnBlur = _ref2.onBlur,
|
|
109
111
|
_ref2$theme = _ref2.theme,
|
|
110
112
|
theme = _ref2$theme === void 0 ? _theme.defaultThemeFn : _ref2$theme,
|
|
111
|
-
rest = (0, _objectWithoutProperties2.default)(_ref2,
|
|
113
|
+
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
112
114
|
|
|
113
115
|
// TODO is there a nicer way to do this?
|
|
114
116
|
// Add default props back into object for spreading
|
|
@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
Object.defineProperty(exports, "
|
|
8
|
+
Object.defineProperty(exports, "Theme", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
|
-
return
|
|
11
|
+
return _theme.default;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
-
Object.defineProperty(exports, "
|
|
14
|
+
Object.defineProperty(exports, "default", {
|
|
15
15
|
enumerable: true,
|
|
16
16
|
get: function get() {
|
|
17
|
-
return
|
|
17
|
+
return _customThemeButton.default;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
|
|
@@ -5,10 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
exports.defaultThemeFn = defaultThemeFn;
|
|
8
10
|
exports.getCustomCss = getCustomCss;
|
|
9
11
|
exports.getSpecifiers = getSpecifiers;
|
|
10
|
-
exports.defaultThemeFn = defaultThemeFn;
|
|
11
|
-
exports.default = void 0;
|
|
12
12
|
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
|
|
@@ -16,9 +16,9 @@ var _components = require("@atlaskit/theme/components");
|
|
|
16
16
|
|
|
17
17
|
var _css = require("../shared/css");
|
|
18
18
|
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
19
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
22
|
|
|
23
23
|
var stateToSelectorMap = {
|
|
24
24
|
focus: '&:focus',
|
|
@@ -5,16 +5,16 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
Object.defineProperty(exports, "
|
|
8
|
+
Object.defineProperty(exports, "Theme", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
|
-
return _customThemeButton.
|
|
11
|
+
return _customThemeButton.Theme;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
-
Object.defineProperty(exports, "
|
|
14
|
+
Object.defineProperty(exports, "default", {
|
|
15
15
|
enumerable: true,
|
|
16
16
|
get: function get() {
|
|
17
|
-
return _customThemeButton.
|
|
17
|
+
return _customThemeButton.default;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
|
package/dist/cjs/index.js
CHANGED
|
@@ -7,22 +7,22 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
Object.defineProperty(exports, "
|
|
10
|
+
Object.defineProperty(exports, "ButtonGroup", {
|
|
11
11
|
enumerable: true,
|
|
12
12
|
get: function get() {
|
|
13
|
-
return
|
|
13
|
+
return _buttonGroup.default;
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
|
-
Object.defineProperty(exports, "
|
|
16
|
+
Object.defineProperty(exports, "CustomThemeButton", {
|
|
17
17
|
enumerable: true,
|
|
18
18
|
get: function get() {
|
|
19
|
-
return
|
|
19
|
+
return _customThemeButton.default;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
Object.defineProperty(exports, "
|
|
22
|
+
Object.defineProperty(exports, "LoadingButton", {
|
|
23
23
|
enumerable: true,
|
|
24
24
|
get: function get() {
|
|
25
|
-
return
|
|
25
|
+
return _loadingButton.default;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
Object.defineProperty(exports, "Theme", {
|
|
@@ -31,10 +31,10 @@ Object.defineProperty(exports, "Theme", {
|
|
|
31
31
|
return _customThemeButton.Theme;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
Object.defineProperty(exports, "
|
|
34
|
+
Object.defineProperty(exports, "default", {
|
|
35
35
|
enumerable: true,
|
|
36
36
|
get: function get() {
|
|
37
|
-
return
|
|
37
|
+
return _standardButton.default;
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
|
|
@@ -17,10 +17,12 @@ var _button = _interopRequireDefault(require("./button"));
|
|
|
17
17
|
|
|
18
18
|
var _loadingSpinner = _interopRequireDefault(require("./shared/loading-spinner"));
|
|
19
19
|
|
|
20
|
+
var _excluded = ["isLoading"];
|
|
21
|
+
|
|
20
22
|
var LoadingButton = /*#__PURE__*/_react.default.forwardRef(function LoadingButton(_ref, ref) {
|
|
21
23
|
var _ref$isLoading = _ref.isLoading,
|
|
22
24
|
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
|
|
23
|
-
rest = (0, _objectWithoutProperties2.default)(_ref,
|
|
25
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
24
26
|
// Button already has React.memo, so just leaning on that
|
|
25
27
|
return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, rest, {
|
|
26
28
|
ref: ref,
|
|
@@ -27,11 +27,12 @@ var _blockEvents = _interopRequireDefault(require("./block-events"));
|
|
|
27
27
|
|
|
28
28
|
var _css = require("./css");
|
|
29
29
|
|
|
30
|
+
var _excluded = ["appearance", "buttonCss", "spacing", "autoFocus", "isDisabled", "shouldFitContainer", "isSelected", "iconBefore", "iconAfter", "children", "className", "href", "overlay", "tabIndex", "type", "onMouseDown", "onClick", "component", "testId", "analyticsContext"];
|
|
31
|
+
|
|
30
32
|
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); }
|
|
31
33
|
|
|
32
34
|
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; }
|
|
33
35
|
|
|
34
|
-
/** @jsx jsx */
|
|
35
36
|
function noop() {} // Disabled buttons will still publish events for nested elements in webkit.
|
|
36
37
|
// We are disabling pointer events on child elements so that
|
|
37
38
|
// the button will always be the target of events
|
|
@@ -76,7 +77,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
|
|
|
76
77
|
Component = _props$component === void 0 ? href ? 'a' : 'button' : _props$component,
|
|
77
78
|
testId = props.testId,
|
|
78
79
|
analyticsContext = props.analyticsContext,
|
|
79
|
-
rest = (0, _objectWithoutProperties2.default)(props,
|
|
80
|
+
rest = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
80
81
|
var ourRef = (0, _react.useRef)();
|
|
81
82
|
var setRef = (0, _react.useCallback)(function (node) {
|
|
82
83
|
ourRef.current = node;
|
|
@@ -100,7 +101,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
|
|
|
100
101
|
action: 'clicked',
|
|
101
102
|
componentName: 'button',
|
|
102
103
|
packageName: "@atlaskit/button",
|
|
103
|
-
packageVersion: "16.1.
|
|
104
|
+
packageVersion: "16.1.5",
|
|
104
105
|
analyticsData: analyticsContext
|
|
105
106
|
}); // Button currently calls preventDefault, which is not standard button behaviour
|
|
106
107
|
|
package/dist/cjs/shared/css.js
CHANGED
|
@@ -5,10 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.getCss = getCss;
|
|
9
|
-
exports.getIconStyle = getIconStyle;
|
|
10
8
|
exports.getContentStyle = getContentStyle;
|
|
9
|
+
exports.getCss = getCss;
|
|
11
10
|
exports.getFadingCss = getFadingCss;
|
|
11
|
+
exports.getIconStyle = getIconStyle;
|
|
12
12
|
exports.overlayCss = void 0;
|
|
13
13
|
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
@@ -17,9 +17,9 @@ var _constants = require("@atlaskit/theme/constants");
|
|
|
17
17
|
|
|
18
18
|
var _colors = _interopRequireDefault(require("./colors"));
|
|
19
19
|
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
21
|
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
23
|
|
|
24
24
|
var borderRadius = (0, _constants.borderRadius)();
|
|
25
25
|
var gridSize = (0, _constants.gridSize)();
|
|
@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
13
13
|
|
|
14
14
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
15
15
|
|
|
16
|
+
var _excluded = ["spacing"];
|
|
17
|
+
|
|
16
18
|
function getSpinnerAppearance(_ref) {
|
|
17
19
|
var appearance = _ref.appearance,
|
|
18
20
|
isDisabled = _ref.isDisabled,
|
|
@@ -36,7 +38,7 @@ function getSpinnerAppearance(_ref) {
|
|
|
36
38
|
function LoadingSpinner(_ref2) {
|
|
37
39
|
var _ref2$spacing = _ref2.spacing,
|
|
38
40
|
spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
|
|
39
|
-
rest = (0, _objectWithoutProperties2.default)(_ref2,
|
|
41
|
+
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
40
42
|
var size = spacing === 'default' ? 'medium' : 'small';
|
|
41
43
|
return /*#__PURE__*/_react.default.createElement(_spinner.default, {
|
|
42
44
|
size: size,
|
package/dist/cjs/version.json
CHANGED
|
@@ -70,7 +70,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
70
70
|
action: 'clicked',
|
|
71
71
|
componentName: 'button',
|
|
72
72
|
packageName: "@atlaskit/button",
|
|
73
|
-
packageVersion: "16.1.
|
|
73
|
+
packageVersion: "16.1.5",
|
|
74
74
|
analyticsData: analyticsContext
|
|
75
75
|
}); // Button currently calls preventDefault, which is not standard button behaviour
|
|
76
76
|
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/button.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
+
var _excluded = ["mode", "onMouseDown", "onMouseUp"];
|
|
4
5
|
import React, { useCallback, useMemo, useState } from 'react';
|
|
5
6
|
import GlobalTheme from '@atlaskit/theme/components';
|
|
6
7
|
import ButtonBase from './shared/button-base';
|
|
@@ -16,7 +17,7 @@ var ButtonWithMode = /*#__PURE__*/React.forwardRef(function ButtonWithMode(_ref,
|
|
|
16
17
|
providedOnMouseDown = _ref$onMouseDown === void 0 ? noop : _ref$onMouseDown,
|
|
17
18
|
_ref$onMouseUp = _ref.onMouseUp,
|
|
18
19
|
providedOnMouseUp = _ref$onMouseUp === void 0 ? noop : _ref$onMouseUp,
|
|
19
|
-
rest = _objectWithoutProperties(_ref,
|
|
20
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
20
21
|
|
|
21
22
|
var appearance = rest.appearance || 'default';
|
|
22
23
|
var spacing = rest.spacing || 'default';
|
|
@@ -2,10 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
|
+
var _excluded = ["appearance", "autoFocus", "isDisabled", "isSelected", "shouldFitContainer", "spacing", "isLoading", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "theme"];
|
|
5
6
|
|
|
6
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
7
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
8
|
|
|
8
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
9
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
10
|
|
|
10
11
|
import React, { useCallback, useState } from 'react';
|
|
11
12
|
import GlobalTheme from '@atlaskit/theme/components';
|
|
@@ -84,7 +85,7 @@ var CustomThemeButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
|
|
|
84
85
|
providedOnBlur = _ref2.onBlur,
|
|
85
86
|
_ref2$theme = _ref2.theme,
|
|
86
87
|
theme = _ref2$theme === void 0 ? defaultThemeFn : _ref2$theme,
|
|
87
|
-
rest = _objectWithoutProperties(_ref2,
|
|
88
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
88
89
|
|
|
89
90
|
// TODO is there a nicer way to do this?
|
|
90
91
|
// Add default props back into object for spreading
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
4
|
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
6
|
|
|
7
7
|
import { createTheme } from '@atlaskit/theme/components';
|
|
8
8
|
import { getCss } from '../shared/css';
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["isLoading"];
|
|
3
4
|
import React from 'react';
|
|
4
5
|
import Button from './button';
|
|
5
6
|
import LoadingSpinner from './shared/loading-spinner';
|
|
6
7
|
var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(_ref, ref) {
|
|
7
8
|
var _ref$isLoading = _ref.isLoading,
|
|
8
9
|
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
|
|
9
|
-
rest = _objectWithoutProperties(_ref,
|
|
10
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
10
11
|
|
|
11
12
|
// Button already has React.memo, so just leaning on that
|
|
12
13
|
return /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["appearance", "buttonCss", "spacing", "autoFocus", "isDisabled", "shouldFitContainer", "isSelected", "iconBefore", "iconAfter", "children", "className", "href", "overlay", "tabIndex", "type", "onMouseDown", "onClick", "component", "testId", "analyticsContext"];
|
|
3
4
|
|
|
4
5
|
/** @jsx jsx */
|
|
5
6
|
import React, { useCallback, useEffect, useRef } from 'react';
|
|
@@ -53,7 +54,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
53
54
|
Component = _props$component === void 0 ? href ? 'a' : 'button' : _props$component,
|
|
54
55
|
testId = props.testId,
|
|
55
56
|
analyticsContext = props.analyticsContext,
|
|
56
|
-
rest = _objectWithoutProperties(props,
|
|
57
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
57
58
|
|
|
58
59
|
var ourRef = useRef();
|
|
59
60
|
var setRef = useCallback(function (node) {
|
|
@@ -78,7 +79,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
78
79
|
action: 'clicked',
|
|
79
80
|
componentName: 'button',
|
|
80
81
|
packageName: "@atlaskit/button",
|
|
81
|
-
packageVersion: "16.1.
|
|
82
|
+
packageVersion: "16.1.5",
|
|
82
83
|
analyticsData: analyticsContext
|
|
83
84
|
}); // Button currently calls preventDefault, which is not standard button behaviour
|
|
84
85
|
|
package/dist/esm/shared/css.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
4
|
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
6
|
|
|
7
7
|
import { borderRadius as getBorderRadius, fontSize as getFontSize, gridSize as getGridSize } from '@atlaskit/theme/constants';
|
|
8
8
|
import colors from './colors';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["spacing"];
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import Spinner from '@atlaskit/spinner';
|
|
4
5
|
|
|
@@ -25,7 +26,7 @@ function getSpinnerAppearance(_ref) {
|
|
|
25
26
|
export default function LoadingSpinner(_ref2) {
|
|
26
27
|
var _ref2$spacing = _ref2.spacing,
|
|
27
28
|
spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
|
|
28
|
-
rest = _objectWithoutProperties(_ref2,
|
|
29
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
29
30
|
|
|
30
31
|
var size = spacing === 'default' ? 'medium' : 'small';
|
|
31
32
|
return /*#__PURE__*/React.createElement(Spinner, {
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/button",
|
|
3
|
-
"version": "16.1.
|
|
3
|
+
"version": "16.1.5",
|
|
4
4
|
"description": "A button triggers an event or action. They let users know what will happen next.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
"atlaskit:src": "src/index.ts",
|
|
17
17
|
"atlassian": {
|
|
18
18
|
"team": "Design System Team",
|
|
19
|
-
"inPublicMirror": true,
|
|
20
19
|
"releaseModel": "scheduled",
|
|
21
20
|
"website": {
|
|
22
21
|
"name": "Button"
|
|
@@ -34,8 +33,8 @@
|
|
|
34
33
|
"@atlaskit/analytics-next": "^8.2.0",
|
|
35
34
|
"@atlaskit/ds-lib": "^1.3.0",
|
|
36
35
|
"@atlaskit/spinner": "^15.1.0",
|
|
37
|
-
"@atlaskit/theme": "^12.
|
|
38
|
-
"@atlaskit/tokens": "^0.
|
|
36
|
+
"@atlaskit/theme": "^12.1.0",
|
|
37
|
+
"@atlaskit/tokens": "^0.5.0",
|
|
39
38
|
"@babel/runtime": "^7.0.0",
|
|
40
39
|
"@emotion/core": "^10.0.9"
|
|
41
40
|
},
|
|
@@ -43,10 +42,9 @@
|
|
|
43
42
|
"react": "^16.8.0"
|
|
44
43
|
},
|
|
45
44
|
"devDependencies": {
|
|
46
|
-
"@atlaskit/build-utils": "*",
|
|
47
45
|
"@atlaskit/checkbox": "^12.3.0",
|
|
48
46
|
"@atlaskit/docs": "*",
|
|
49
|
-
"@atlaskit/icon": "^21.
|
|
47
|
+
"@atlaskit/icon": "^21.10.0",
|
|
50
48
|
"@atlaskit/logo": "^13.5.0",
|
|
51
49
|
"@atlaskit/section-message": "^6.1.0",
|
|
52
50
|
"@atlaskit/select": "^15.0.0",
|
|
@@ -83,4 +81,4 @@
|
|
|
83
81
|
},
|
|
84
82
|
"homepage": "https://atlassian.design/components/button/",
|
|
85
83
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
86
|
-
}
|
|
84
|
+
}
|