@atlaskit/onboarding 10.6.7 → 10.6.9
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 +12 -0
- package/dist/cjs/components/animation.js +2 -13
- package/dist/cjs/components/clone.js +10 -16
- package/dist/cjs/components/index.js +0 -9
- package/dist/cjs/components/modal.js +11 -45
- package/dist/cjs/components/spotlight-card.js +26 -46
- package/dist/cjs/components/spotlight-dialog.js +19 -52
- package/dist/cjs/components/spotlight-inner.js +9 -44
- package/dist/cjs/components/spotlight-manager.js +8 -41
- package/dist/cjs/components/spotlight-target.js +1 -7
- package/dist/cjs/components/spotlight-transition.js +3 -27
- package/dist/cjs/components/spotlight.js +10 -19
- package/dist/cjs/components/theme.js +9 -32
- package/dist/cjs/components/use-spotlight.js +1 -5
- package/dist/cjs/components/value-changed.js +0 -14
- package/dist/cjs/index.js +0 -4
- package/dist/cjs/styled/blanket.js +3 -13
- package/dist/cjs/styled/dialog.js +6 -17
- package/dist/cjs/styled/modal.js +19 -33
- package/dist/cjs/styled/target.js +27 -41
- package/dist/cjs/utils/use-element-box.js +14 -26
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/animation.js +2 -2
- package/dist/es2019/components/clone.js +3 -6
- package/dist/es2019/components/modal.js +3 -10
- package/dist/es2019/components/spotlight-card.js +7 -11
- package/dist/es2019/components/spotlight-dialog.js +6 -11
- package/dist/es2019/components/spotlight-inner.js +2 -12
- package/dist/es2019/components/spotlight-manager.js +3 -13
- package/dist/es2019/components/spotlight-target.js +0 -2
- package/dist/es2019/components/spotlight-transition.js +4 -10
- package/dist/es2019/components/spotlight.js +0 -2
- package/dist/es2019/components/theme.js +6 -9
- package/dist/es2019/components/use-spotlight.js +1 -1
- package/dist/es2019/components/value-changed.js +0 -2
- package/dist/es2019/styled/blanket.js +5 -5
- package/dist/es2019/styled/dialog.js +5 -7
- package/dist/es2019/styled/modal.js +15 -14
- package/dist/es2019/styled/target.js +16 -15
- package/dist/es2019/utils/use-element-box.js +2 -5
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/animation.js +2 -8
- package/dist/esm/components/clone.js +10 -13
- package/dist/esm/components/modal.js +13 -32
- package/dist/esm/components/spotlight-card.js +26 -32
- package/dist/esm/components/spotlight-dialog.js +19 -35
- package/dist/esm/components/spotlight-inner.js +9 -29
- package/dist/esm/components/spotlight-manager.js +8 -32
- package/dist/esm/components/spotlight-target.js +1 -3
- package/dist/esm/components/spotlight-transition.js +3 -18
- package/dist/esm/components/spotlight.js +10 -13
- package/dist/esm/components/theme.js +9 -20
- package/dist/esm/components/use-spotlight.js +2 -3
- package/dist/esm/components/value-changed.js +0 -10
- package/dist/esm/styled/blanket.js +3 -7
- package/dist/esm/styled/dialog.js +6 -9
- package/dist/esm/styled/modal.js +18 -19
- package/dist/esm/styled/target.js +27 -32
- package/dist/esm/utils/use-element-box.js +14 -19
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
|
@@ -1,60 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _exenv = require("exenv");
|
|
29
|
-
|
|
30
18
|
var _reactNodeResolver = _interopRequireDefault(require("react-node-resolver"));
|
|
31
|
-
|
|
32
19
|
var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
|
|
33
|
-
|
|
34
20
|
var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
|
|
35
|
-
|
|
36
21
|
var _portal = _interopRequireDefault(require("@atlaskit/portal"));
|
|
37
|
-
|
|
38
22
|
var _constants = require("@atlaskit/theme/constants");
|
|
39
|
-
|
|
40
23
|
var _useElementBox = require("../utils/use-element-box");
|
|
41
|
-
|
|
42
24
|
var _animation = require("./animation");
|
|
43
|
-
|
|
44
25
|
var _clone = _interopRequireDefault(require("./clone"));
|
|
45
|
-
|
|
46
26
|
var _spotlightDialog = _interopRequireDefault(require("./spotlight-dialog"));
|
|
47
|
-
|
|
48
27
|
var _spotlightTransition = require("./spotlight-transition");
|
|
49
|
-
|
|
50
28
|
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; }
|
|
51
|
-
|
|
52
29
|
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; }
|
|
53
|
-
|
|
54
30
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
55
|
-
|
|
56
31
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
57
|
-
|
|
58
32
|
/**
|
|
59
33
|
* __Spotlight inner__
|
|
60
34
|
*
|
|
@@ -64,18 +38,13 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
64
38
|
*/
|
|
65
39
|
var SpotlightInner = /*#__PURE__*/function (_React$Component) {
|
|
66
40
|
(0, _inherits2.default)(SpotlightInner, _React$Component);
|
|
67
|
-
|
|
68
41
|
var _super = _createSuper(SpotlightInner);
|
|
69
|
-
|
|
70
42
|
function SpotlightInner() {
|
|
71
43
|
var _this;
|
|
72
|
-
|
|
73
44
|
(0, _classCallCheck2.default)(this, SpotlightInner);
|
|
74
|
-
|
|
75
45
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
76
46
|
args[_key] = arguments[_key];
|
|
77
47
|
}
|
|
78
|
-
|
|
79
48
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
80
49
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
81
50
|
// This is only used when targetReplacement is specified.
|
|
@@ -88,14 +57,12 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
|
|
|
88
57
|
if (!_exenv.canUseDOM) {
|
|
89
58
|
return {};
|
|
90
59
|
}
|
|
91
|
-
|
|
92
60
|
return _objectSpread(_objectSpread({}, box), {}, {
|
|
93
61
|
position: 'fixed'
|
|
94
62
|
});
|
|
95
63
|
});
|
|
96
64
|
return _this;
|
|
97
65
|
}
|
|
98
|
-
|
|
99
66
|
(0, _createClass2.default)(SpotlightInner, [{
|
|
100
67
|
key: "componentDidUpdate",
|
|
101
68
|
value: function componentDidUpdate(prevProps) {
|
|
@@ -122,20 +89,19 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
|
|
|
122
89
|
key: "render",
|
|
123
90
|
value: function render() {
|
|
124
91
|
var _this2 = this;
|
|
125
|
-
|
|
126
92
|
var _this$props = this.props,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
93
|
+
pulse = _this$props.pulse,
|
|
94
|
+
target = _this$props.target,
|
|
95
|
+
targetNode = _this$props.targetNode,
|
|
96
|
+
targetBgColor = _this$props.targetBgColor,
|
|
97
|
+
targetOnClick = _this$props.targetOnClick,
|
|
98
|
+
targetRadius = _this$props.targetRadius,
|
|
99
|
+
testId = _this$props.testId,
|
|
100
|
+
TargetReplacement = _this$props.targetReplacement;
|
|
135
101
|
var replacementElement = this.state.replacementElement;
|
|
136
102
|
return /*#__PURE__*/_react.default.createElement(_spotlightTransition.SpotlightTransitionConsumer, null, function (_ref) {
|
|
137
103
|
var isOpen = _ref.isOpen,
|
|
138
|
-
|
|
104
|
+
onExited = _ref.onExited;
|
|
139
105
|
return /*#__PURE__*/_react.default.createElement(_portal.default, {
|
|
140
106
|
zIndex: _constants.layers.spotlight() + 1
|
|
141
107
|
}, TargetReplacement ? /*#__PURE__*/_react.default.createElement(_reactNodeResolver.default, {
|
|
@@ -188,7 +154,6 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
|
|
|
188
154
|
}]);
|
|
189
155
|
return SpotlightInner;
|
|
190
156
|
}(_react.default.Component);
|
|
191
|
-
|
|
192
157
|
(0, _defineProperty2.default)(SpotlightInner, "defaultProps", {
|
|
193
158
|
dialogWidth: 400,
|
|
194
159
|
pulse: true
|
|
@@ -1,58 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = exports.TargetConsumer = exports.SpotlightContext = exports.SpotlightConsumer = void 0;
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _memoizeOne = _interopRequireDefault(require("memoize-one"));
|
|
29
|
-
|
|
30
18
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
31
|
-
|
|
32
19
|
var _portal = _interopRequireDefault(require("@atlaskit/portal"));
|
|
33
|
-
|
|
34
20
|
var _constants = require("@atlaskit/theme/constants");
|
|
35
|
-
|
|
36
21
|
var _blanket = _interopRequireDefault(require("../styled/blanket"));
|
|
37
|
-
|
|
38
22
|
var _animation = require("./animation");
|
|
39
|
-
|
|
40
23
|
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); }
|
|
41
|
-
|
|
42
24
|
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; }
|
|
43
|
-
|
|
44
25
|
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; }
|
|
45
|
-
|
|
46
26
|
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; }
|
|
47
|
-
|
|
48
27
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
49
|
-
|
|
50
28
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
51
|
-
|
|
52
29
|
var _createContext = /*#__PURE__*/(0, _react.createContext)(undefined),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
30
|
+
TargetConsumer = _createContext.Consumer,
|
|
31
|
+
TargetProvider = _createContext.Provider;
|
|
56
32
|
exports.TargetConsumer = TargetConsumer;
|
|
57
33
|
var SpotlightContext = /*#__PURE__*/(0, _react.createContext)({
|
|
58
34
|
opened: _noop.default,
|
|
@@ -61,14 +37,14 @@ var SpotlightContext = /*#__PURE__*/(0, _react.createContext)({
|
|
|
61
37
|
});
|
|
62
38
|
exports.SpotlightContext = SpotlightContext;
|
|
63
39
|
var SpotlightStateConsumer = SpotlightContext.Consumer,
|
|
64
|
-
|
|
40
|
+
SpotlightStateProvider = SpotlightContext.Provider;
|
|
65
41
|
exports.SpotlightConsumer = SpotlightStateConsumer;
|
|
66
|
-
|
|
67
42
|
var Container = function Container(_ref) {
|
|
68
43
|
var Wrapper = _ref.component,
|
|
69
|
-
|
|
44
|
+
children = _ref.children;
|
|
70
45
|
return /*#__PURE__*/_react.default.createElement(Wrapper, null, children);
|
|
71
46
|
};
|
|
47
|
+
|
|
72
48
|
/**
|
|
73
49
|
* __Spotlight manager__
|
|
74
50
|
*
|
|
@@ -78,22 +54,15 @@ var Container = function Container(_ref) {
|
|
|
78
54
|
* - [Code](https://atlassian.design/components/onboarding/code)
|
|
79
55
|
* - [Usage](https://atlassian.design/components/onboarding/usage)
|
|
80
56
|
*/
|
|
81
|
-
|
|
82
|
-
|
|
83
57
|
var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
|
|
84
58
|
(0, _inherits2.default)(SpotlightManager, _PureComponent);
|
|
85
|
-
|
|
86
59
|
var _super = _createSuper(SpotlightManager);
|
|
87
|
-
|
|
88
60
|
function SpotlightManager() {
|
|
89
61
|
var _this;
|
|
90
|
-
|
|
91
62
|
(0, _classCallCheck2.default)(this, SpotlightManager);
|
|
92
|
-
|
|
93
63
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
94
64
|
args[_key] = arguments[_key];
|
|
95
65
|
}
|
|
96
|
-
|
|
97
66
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
98
67
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
99
68
|
spotlightCount: 0,
|
|
@@ -131,7 +100,6 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
|
|
|
131
100
|
}));
|
|
132
101
|
return _this;
|
|
133
102
|
}
|
|
134
|
-
|
|
135
103
|
(0, _createClass2.default)(SpotlightManager, [{
|
|
136
104
|
key: "componentDidMount",
|
|
137
105
|
value: function componentDidMount() {
|
|
@@ -146,9 +114,9 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
|
|
|
146
114
|
key: "render",
|
|
147
115
|
value: function render() {
|
|
148
116
|
var _this$props = this.props,
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
117
|
+
blanketIsTinted = _this$props.blanketIsTinted,
|
|
118
|
+
children = _this$props.children,
|
|
119
|
+
Tag = _this$props.component;
|
|
152
120
|
return /*#__PURE__*/_react.default.createElement(SpotlightStateProvider, {
|
|
153
121
|
value: this.getStateProviderValue(this.state.targets)
|
|
154
122
|
}, /*#__PURE__*/_react.default.createElement(TargetProvider, {
|
|
@@ -169,7 +137,6 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
|
|
|
169
137
|
}]);
|
|
170
138
|
return SpotlightManager;
|
|
171
139
|
}(_react.PureComponent);
|
|
172
|
-
|
|
173
140
|
exports.default = SpotlightManager;
|
|
174
141
|
(0, _defineProperty2.default)(SpotlightManager, "defaultProps", {
|
|
175
142
|
blanketIsTinted: true
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _reactNodeResolver = _interopRequireDefault(require("react-node-resolver"));
|
|
13
|
-
|
|
14
10
|
var _spotlightManager = require("./spotlight-manager");
|
|
15
|
-
|
|
16
11
|
/**
|
|
17
12
|
* __Spotlight target__
|
|
18
13
|
*
|
|
@@ -24,13 +19,12 @@ var _spotlightManager = require("./spotlight-manager");
|
|
|
24
19
|
*/
|
|
25
20
|
var SpotlightTarget = function SpotlightTarget(_ref) {
|
|
26
21
|
var children = _ref.children,
|
|
27
|
-
|
|
22
|
+
name = _ref.name;
|
|
28
23
|
return /*#__PURE__*/_react.default.createElement(_spotlightManager.TargetConsumer, null, function (targetRef) {
|
|
29
24
|
return targetRef ? /*#__PURE__*/_react.default.createElement(_reactNodeResolver.default, {
|
|
30
25
|
innerRef: targetRef(name)
|
|
31
26
|
}, children) : children;
|
|
32
27
|
});
|
|
33
28
|
};
|
|
34
|
-
|
|
35
29
|
var _default = SpotlightTarget;
|
|
36
30
|
exports.default = _default;
|
|
@@ -1,50 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = exports.SpotlightTransitionConsumer = void 0;
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
29
|
-
|
|
30
18
|
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
|
-
|
|
32
19
|
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
|
-
|
|
34
20
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
35
|
-
|
|
36
21
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
|
-
|
|
38
22
|
var SpotlightTransitionContext = /*#__PURE__*/(0, _react.createContext)({
|
|
39
23
|
isOpen: true,
|
|
40
24
|
onExited: _noop.default
|
|
41
|
-
});
|
|
25
|
+
});
|
|
42
26
|
|
|
27
|
+
// checks if children exist and are truthy
|
|
43
28
|
var hasChildren = function hasChildren(children) {
|
|
44
29
|
return _react.default.Children.count(children) > 0 && _react.default.Children.map(children, function (child) {
|
|
45
30
|
return !!child;
|
|
46
31
|
}).filter(Boolean).length > 0;
|
|
47
32
|
};
|
|
33
|
+
|
|
48
34
|
/**
|
|
49
35
|
* __Spotlight transition__
|
|
50
36
|
*
|
|
@@ -54,22 +40,15 @@ var hasChildren = function hasChildren(children) {
|
|
|
54
40
|
* - [Code](https://atlassian.design/components/onboarding/code)
|
|
55
41
|
* - [Usage](https://atlassian.design/components/onboarding/usage)
|
|
56
42
|
*/
|
|
57
|
-
|
|
58
|
-
|
|
59
43
|
var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
|
|
60
44
|
(0, _inherits2.default)(SpotlightTransition, _React$Component);
|
|
61
|
-
|
|
62
45
|
var _super = _createSuper(SpotlightTransition);
|
|
63
|
-
|
|
64
46
|
function SpotlightTransition() {
|
|
65
47
|
var _this;
|
|
66
|
-
|
|
67
48
|
(0, _classCallCheck2.default)(this, SpotlightTransition);
|
|
68
|
-
|
|
69
49
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
70
50
|
args[_key] = arguments[_key];
|
|
71
51
|
}
|
|
72
|
-
|
|
73
52
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
74
53
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
75
54
|
currentChildren: undefined
|
|
@@ -81,7 +60,6 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
|
|
|
81
60
|
});
|
|
82
61
|
return _this;
|
|
83
62
|
}
|
|
84
|
-
|
|
85
63
|
(0, _createClass2.default)(SpotlightTransition, [{
|
|
86
64
|
key: "render",
|
|
87
65
|
value: function render() {
|
|
@@ -111,8 +89,6 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
|
|
|
111
89
|
*
|
|
112
90
|
* @internal
|
|
113
91
|
*/
|
|
114
|
-
|
|
115
|
-
|
|
116
92
|
var SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
|
|
117
93
|
exports.SpotlightTransitionConsumer = SpotlightTransitionConsumer;
|
|
118
94
|
var _default = SpotlightTransition;
|
|
@@ -1,24 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _spotlightInner = _interopRequireDefault(require("./spotlight-inner"));
|
|
17
|
-
|
|
18
12
|
var _spotlightManager = require("./spotlight-manager");
|
|
19
|
-
|
|
20
13
|
var _excluded = ["dialogWidth", "pulse", "testId", "targetNode", "target"];
|
|
21
|
-
|
|
22
14
|
/**
|
|
23
15
|
* __Spotlight__
|
|
24
16
|
*
|
|
@@ -30,18 +22,18 @@ var _excluded = ["dialogWidth", "pulse", "testId", "targetNode", "target"];
|
|
|
30
22
|
*/
|
|
31
23
|
var Spotlight = function Spotlight(_ref) {
|
|
32
24
|
var _ref$dialogWidth = _ref.dialogWidth,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
25
|
+
dialogWidth = _ref$dialogWidth === void 0 ? 400 : _ref$dialogWidth,
|
|
26
|
+
_ref$pulse = _ref.pulse,
|
|
27
|
+
pulse = _ref$pulse === void 0 ? true : _ref$pulse,
|
|
28
|
+
_ref$testId = _ref.testId,
|
|
29
|
+
testId = _ref$testId === void 0 ? 'spotlight' : _ref$testId,
|
|
30
|
+
targetNode = _ref.targetNode,
|
|
31
|
+
target = _ref.target,
|
|
32
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
41
33
|
return /*#__PURE__*/_react.default.createElement(_spotlightManager.SpotlightConsumer, null, function (_ref2) {
|
|
42
34
|
var opened = _ref2.opened,
|
|
43
|
-
|
|
44
|
-
|
|
35
|
+
closed = _ref2.closed,
|
|
36
|
+
targets = _ref2.targets;
|
|
45
37
|
// use the targetNode prop or try get the target from context targets using name
|
|
46
38
|
var actualTargetNode = targetNode || (typeof target === 'string' ? targets[target] : undefined);
|
|
47
39
|
return actualTargetNode ? /*#__PURE__*/_react.default.createElement(_spotlightInner.default, (0, _extends2.default)({}, rest, {
|
|
@@ -55,6 +47,5 @@ var Spotlight = function Spotlight(_ref) {
|
|
|
55
47
|
})) : null;
|
|
56
48
|
});
|
|
57
49
|
};
|
|
58
|
-
|
|
59
50
|
var _default = Spotlight;
|
|
60
51
|
exports.default = _default;
|
|
@@ -1,33 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.spotlightButtonTheme = exports.modalButtonTheme = void 0;
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
17
|
-
|
|
18
12
|
var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
19
|
-
|
|
20
13
|
var _excluded = ["buttonStyles"],
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
_excluded2 = ["buttonStyles"];
|
|
23
15
|
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); }
|
|
24
|
-
|
|
25
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
|
|
26
|
-
|
|
27
17
|
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; }
|
|
28
|
-
|
|
29
18
|
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; }
|
|
30
|
-
|
|
31
19
|
var spotlightTheme = {
|
|
32
20
|
default: {
|
|
33
21
|
background: {
|
|
@@ -136,16 +124,13 @@ var modalTheme = {
|
|
|
136
124
|
}
|
|
137
125
|
}
|
|
138
126
|
};
|
|
139
|
-
|
|
140
127
|
function extract(newTheme, _ref) {
|
|
141
128
|
var mode = _ref.mode,
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
129
|
+
appearance = _ref.appearance,
|
|
130
|
+
state = _ref.state;
|
|
145
131
|
if (!newTheme[appearance]) {
|
|
146
132
|
return undefined;
|
|
147
133
|
}
|
|
148
|
-
|
|
149
134
|
var root = newTheme[appearance];
|
|
150
135
|
return Object.keys(root).reduce(function (acc, val) {
|
|
151
136
|
var node = root;
|
|
@@ -153,49 +138,41 @@ function extract(newTheme, _ref) {
|
|
|
153
138
|
if (!node[item]) {
|
|
154
139
|
return undefined;
|
|
155
140
|
}
|
|
156
|
-
|
|
157
141
|
if ((0, _typeof2.default)(node[item]) !== 'object') {
|
|
158
142
|
acc[val] = node[item];
|
|
159
143
|
return undefined;
|
|
160
144
|
}
|
|
161
|
-
|
|
162
145
|
node = node[item];
|
|
163
146
|
return undefined;
|
|
164
147
|
});
|
|
165
148
|
return acc;
|
|
166
149
|
}, {});
|
|
167
150
|
}
|
|
151
|
+
|
|
168
152
|
/**
|
|
169
153
|
* @deprecated
|
|
170
154
|
* Custom button themes are deprecated and will be removed in the future.
|
|
171
155
|
*/
|
|
172
|
-
|
|
173
|
-
|
|
174
156
|
var spotlightButtonTheme = function spotlightButtonTheme(current, themeProps) {
|
|
175
157
|
var _current = current(themeProps),
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
158
|
+
buttonStyles = _current.buttonStyles,
|
|
159
|
+
rest = (0, _objectWithoutProperties2.default)(_current, _excluded);
|
|
179
160
|
return _objectSpread({
|
|
180
161
|
buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), extract(spotlightTheme, themeProps))
|
|
181
162
|
}, rest);
|
|
182
163
|
};
|
|
164
|
+
|
|
183
165
|
/**
|
|
184
166
|
* @deprecated
|
|
185
167
|
* Custom button themes are deprecated and will be removed in the future.
|
|
186
168
|
*/
|
|
187
|
-
|
|
188
|
-
|
|
189
169
|
exports.spotlightButtonTheme = spotlightButtonTheme;
|
|
190
|
-
|
|
191
170
|
var modalButtonTheme = function modalButtonTheme(current, themeProps) {
|
|
192
171
|
var _current2 = current(themeProps),
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
172
|
+
buttonStyles = _current2.buttonStyles,
|
|
173
|
+
rest = (0, _objectWithoutProperties2.default)(_current2, _excluded2);
|
|
196
174
|
return _objectSpread({
|
|
197
175
|
buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), extract(modalTheme, themeProps))
|
|
198
176
|
}, rest);
|
|
199
177
|
};
|
|
200
|
-
|
|
201
178
|
exports.modalButtonTheme = modalButtonTheme;
|
|
@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = useSpotlight;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
var _spotlightManager = require("./spotlight-manager");
|
|
11
|
-
|
|
12
9
|
/**
|
|
13
10
|
* Use spotlight hook returns information about available spotlight targets.
|
|
14
11
|
*/
|
|
15
12
|
function useSpotlight() {
|
|
16
13
|
var _useContext = (0, _react.useContext)(_spotlightManager.SpotlightContext),
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
targets = _useContext.targets;
|
|
19
15
|
var targetRef = (0, _react.useRef)(targets);
|
|
20
16
|
(0, _react.useEffect)(function () {
|
|
21
17
|
targetRef.current = targets;
|
|
@@ -1,42 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
13
|
var _react = _interopRequireDefault(require("react"));
|
|
21
|
-
|
|
22
14
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
23
|
-
|
|
24
15
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
25
|
-
|
|
26
16
|
// This component was born from the pain of using render props in lifecycle methods.
|
|
27
17
|
// On update, it checks whether the current value prop is equal to the previous value prop.
|
|
28
18
|
// If they are different, it calls the onChange function.
|
|
29
19
|
// We use this for updating Popper when the SpotlightDialog width changes.
|
|
30
20
|
var ValueChanged = /*#__PURE__*/function (_React$Component) {
|
|
31
21
|
(0, _inherits2.default)(ValueChanged, _React$Component);
|
|
32
|
-
|
|
33
22
|
var _super = _createSuper(ValueChanged);
|
|
34
|
-
|
|
35
23
|
function ValueChanged() {
|
|
36
24
|
(0, _classCallCheck2.default)(this, ValueChanged);
|
|
37
25
|
return _super.apply(this, arguments);
|
|
38
26
|
}
|
|
39
|
-
|
|
40
27
|
(0, _createClass2.default)(ValueChanged, [{
|
|
41
28
|
key: "componentDidUpdate",
|
|
42
29
|
value: function componentDidUpdate(prevProps) {
|
|
@@ -52,5 +39,4 @@ var ValueChanged = /*#__PURE__*/function (_React$Component) {
|
|
|
52
39
|
}]);
|
|
53
40
|
return ValueChanged;
|
|
54
41
|
}(_react.default.Component);
|
|
55
|
-
|
|
56
42
|
exports.default = ValueChanged;
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -71,9 +70,6 @@ Object.defineProperty(exports, "useSpotlight", {
|
|
|
71
70
|
return _components.useSpotlight;
|
|
72
71
|
}
|
|
73
72
|
});
|
|
74
|
-
|
|
75
73
|
var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
|
|
76
|
-
|
|
77
74
|
var _components = require("./components");
|
|
78
|
-
|
|
79
75
|
var _target = require("./styled/target");
|