@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.
Files changed (61) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/animation.js +2 -13
  3. package/dist/cjs/components/clone.js +10 -16
  4. package/dist/cjs/components/index.js +0 -9
  5. package/dist/cjs/components/modal.js +11 -45
  6. package/dist/cjs/components/spotlight-card.js +26 -46
  7. package/dist/cjs/components/spotlight-dialog.js +19 -52
  8. package/dist/cjs/components/spotlight-inner.js +9 -44
  9. package/dist/cjs/components/spotlight-manager.js +8 -41
  10. package/dist/cjs/components/spotlight-target.js +1 -7
  11. package/dist/cjs/components/spotlight-transition.js +3 -27
  12. package/dist/cjs/components/spotlight.js +10 -19
  13. package/dist/cjs/components/theme.js +9 -32
  14. package/dist/cjs/components/use-spotlight.js +1 -5
  15. package/dist/cjs/components/value-changed.js +0 -14
  16. package/dist/cjs/index.js +0 -4
  17. package/dist/cjs/styled/blanket.js +3 -13
  18. package/dist/cjs/styled/dialog.js +6 -17
  19. package/dist/cjs/styled/modal.js +19 -33
  20. package/dist/cjs/styled/target.js +27 -41
  21. package/dist/cjs/utils/use-element-box.js +14 -26
  22. package/dist/cjs/version.json +1 -1
  23. package/dist/es2019/components/animation.js +2 -2
  24. package/dist/es2019/components/clone.js +3 -6
  25. package/dist/es2019/components/modal.js +3 -10
  26. package/dist/es2019/components/spotlight-card.js +7 -11
  27. package/dist/es2019/components/spotlight-dialog.js +6 -11
  28. package/dist/es2019/components/spotlight-inner.js +2 -12
  29. package/dist/es2019/components/spotlight-manager.js +3 -13
  30. package/dist/es2019/components/spotlight-target.js +0 -2
  31. package/dist/es2019/components/spotlight-transition.js +4 -10
  32. package/dist/es2019/components/spotlight.js +0 -2
  33. package/dist/es2019/components/theme.js +6 -9
  34. package/dist/es2019/components/use-spotlight.js +1 -1
  35. package/dist/es2019/components/value-changed.js +0 -2
  36. package/dist/es2019/styled/blanket.js +5 -5
  37. package/dist/es2019/styled/dialog.js +5 -7
  38. package/dist/es2019/styled/modal.js +15 -14
  39. package/dist/es2019/styled/target.js +16 -15
  40. package/dist/es2019/utils/use-element-box.js +2 -5
  41. package/dist/es2019/version.json +1 -1
  42. package/dist/esm/components/animation.js +2 -8
  43. package/dist/esm/components/clone.js +10 -13
  44. package/dist/esm/components/modal.js +13 -32
  45. package/dist/esm/components/spotlight-card.js +26 -32
  46. package/dist/esm/components/spotlight-dialog.js +19 -35
  47. package/dist/esm/components/spotlight-inner.js +9 -29
  48. package/dist/esm/components/spotlight-manager.js +8 -32
  49. package/dist/esm/components/spotlight-target.js +1 -3
  50. package/dist/esm/components/spotlight-transition.js +3 -18
  51. package/dist/esm/components/spotlight.js +10 -13
  52. package/dist/esm/components/theme.js +9 -20
  53. package/dist/esm/components/use-spotlight.js +2 -3
  54. package/dist/esm/components/value-changed.js +0 -10
  55. package/dist/esm/styled/blanket.js +3 -7
  56. package/dist/esm/styled/dialog.js +6 -9
  57. package/dist/esm/styled/modal.js +18 -19
  58. package/dist/esm/styled/target.js +27 -32
  59. package/dist/esm/utils/use-element-box.js +14 -19
  60. package/dist/esm/version.json +1 -1
  61. 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
- pulse = _this$props.pulse,
128
- target = _this$props.target,
129
- targetNode = _this$props.targetNode,
130
- targetBgColor = _this$props.targetBgColor,
131
- targetOnClick = _this$props.targetOnClick,
132
- targetRadius = _this$props.targetRadius,
133
- testId = _this$props.testId,
134
- TargetReplacement = _this$props.targetReplacement;
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
- onExited = _ref.onExited;
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
- TargetConsumer = _createContext.Consumer,
54
- TargetProvider = _createContext.Provider;
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
- SpotlightStateProvider = SpotlightContext.Provider;
40
+ SpotlightStateProvider = SpotlightContext.Provider;
65
41
  exports.SpotlightConsumer = SpotlightStateConsumer;
66
-
67
42
  var Container = function Container(_ref) {
68
43
  var Wrapper = _ref.component,
69
- children = _ref.children;
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
- blanketIsTinted = _this$props.blanketIsTinted,
150
- children = _this$props.children,
151
- Tag = _this$props.component;
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
- name = _ref.name;
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
- }); // checks if children exist and are truthy
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
- dialogWidth = _ref$dialogWidth === void 0 ? 400 : _ref$dialogWidth,
34
- _ref$pulse = _ref.pulse,
35
- pulse = _ref$pulse === void 0 ? true : _ref$pulse,
36
- _ref$testId = _ref.testId,
37
- testId = _ref$testId === void 0 ? 'spotlight' : _ref$testId,
38
- targetNode = _ref.targetNode,
39
- target = _ref.target,
40
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
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
- closed = _ref2.closed,
44
- targets = _ref2.targets;
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
- _excluded2 = ["buttonStyles"];
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
- appearance = _ref.appearance,
143
- state = _ref.state;
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
- buttonStyles = _current.buttonStyles,
177
- rest = (0, _objectWithoutProperties2.default)(_current, _excluded);
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
- buttonStyles = _current2.buttonStyles,
194
- rest = (0, _objectWithoutProperties2.default)(_current2, _excluded2);
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
- targets = _useContext.targets;
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");