@atlaskit/onboarding 11.12.1 → 11.12.3

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 (7) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/components/spotlight-dialog.js +10 -30
  3. package/dist/es2019/components/spotlight-dialog.js +10 -30
  4. package/dist/esm/components/spotlight-dialog.js +10 -30
  5. package/dist/types/components/spotlight-dialog.d.ts +15 -5
  6. package/dist/types-ts4.5/components/spotlight-dialog.d.ts +15 -5
  7. package/package.json +4 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/onboarding
2
2
 
3
+ ## 11.12.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#134051](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134051)
8
+ [`85b8f6cd01de0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85b8f6cd01de0) -
9
+ Removes redundant usage of analytics-next from the spotlight dialog. No functional or behavioural
10
+ changes
11
+
12
+ ## 11.12.2
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 11.12.1
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/components/spotlight-dialog.js CHANGED
@@ -15,7 +15,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
15
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
  var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
18
- var _analyticsNext = require("@atlaskit/analytics-next");
19
18
  var _popper = require("@atlaskit/popper");
20
19
  var _dialog = require("../styled/dialog");
21
20
  var _spotlightCard = _interopRequireDefault(require("./spotlight-card"));
@@ -26,8 +25,15 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
26
25
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27
26
  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); }; }
28
27
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
29
- var packageName = "@atlaskit/onboarding";
30
- var packageVersion = "11.12.1";
28
+ /**
29
+ * __Spotlight dialog__
30
+ *
31
+ * An onboarding spotlight introduces new features to users through focused messages or multi-step tours.
32
+ *
33
+ * - [Examples](https://atlassian.design/components/onboarding/examples)
34
+ * - [Code](https://atlassian.design/components/onboarding/code)
35
+ * - [Usage](https://atlassian.design/components/onboarding/usage)
36
+ */
31
37
  var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
32
38
  (0, _inherits2.default)(SpotlightDialogComponent, _Component);
33
39
  var _super = _createSuper(SpotlightDialogComponent);
@@ -148,30 +154,4 @@ var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
148
154
  }]);
149
155
  return SpotlightDialogComponent;
150
156
  }(_react.Component);
151
- var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
152
-
153
- /**
154
- * __Spotlight dialog__
155
- *
156
- * An onboarding spotlight introduces new features to users through focused messages or multi-step tours.
157
- *
158
- * - [Examples](https://atlassian.design/components/onboarding/examples)
159
- * - [Code](https://atlassian.design/components/onboarding/code)
160
- * - [Usage](https://atlassian.design/components/onboarding/usage)
161
- */
162
- var SpotlightDialog = (0, _analyticsNext.withAnalyticsContext)({
163
- componentName: 'spotlight',
164
- packageName: packageName,
165
- packageVersion: packageVersion
166
- })((0, _analyticsNext.withAnalyticsEvents)({
167
- targetOnClick: createAndFireEventOnAtlaskit({
168
- action: 'clicked',
169
- actionSubject: 'spotlight',
170
- attributes: {
171
- componentName: 'spotlight',
172
- packageName: packageName,
173
- packageVersion: packageVersion
174
- }
175
- })
176
- })(SpotlightDialogComponent));
177
- var _default = exports.default = SpotlightDialog;
157
+ var _default = exports.default = SpotlightDialogComponent;
package/dist/es2019/components/spotlight-dialog.js CHANGED
@@ -1,13 +1,19 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import React, { Component } from 'react';
3
3
  import FocusLock from 'react-focus-lock';
4
- import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
5
4
  import { Popper } from '@atlaskit/popper';
6
5
  import { DialogImage } from '../styled/dialog';
7
6
  import SpotlightCard from './spotlight-card';
8
7
  import ValueChanged from './value-changed';
9
- const packageName = "@atlaskit/onboarding";
10
- const packageVersion = "11.12.1";
8
+ /**
9
+ * __Spotlight dialog__
10
+ *
11
+ * An onboarding spotlight introduces new features to users through focused messages or multi-step tours.
12
+ *
13
+ * - [Examples](https://atlassian.design/components/onboarding/examples)
14
+ * - [Code](https://atlassian.design/components/onboarding/code)
15
+ * - [Usage](https://atlassian.design/components/onboarding/usage)
16
+ */
11
17
  class SpotlightDialogComponent extends Component {
12
18
  constructor(...args) {
13
19
  super(...args);
@@ -116,30 +122,4 @@ class SpotlightDialogComponent extends Component {
116
122
  }, children)))));
117
123
  }
118
124
  }
119
- const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
120
-
121
- /**
122
- * __Spotlight dialog__
123
- *
124
- * An onboarding spotlight introduces new features to users through focused messages or multi-step tours.
125
- *
126
- * - [Examples](https://atlassian.design/components/onboarding/examples)
127
- * - [Code](https://atlassian.design/components/onboarding/code)
128
- * - [Usage](https://atlassian.design/components/onboarding/usage)
129
- */
130
- const SpotlightDialog = withAnalyticsContext({
131
- componentName: 'spotlight',
132
- packageName,
133
- packageVersion
134
- })(withAnalyticsEvents({
135
- targetOnClick: createAndFireEventOnAtlaskit({
136
- action: 'clicked',
137
- actionSubject: 'spotlight',
138
- attributes: {
139
- componentName: 'spotlight',
140
- packageName,
141
- packageVersion
142
- }
143
- })
144
- })(SpotlightDialogComponent));
145
- export default SpotlightDialog;
125
+ export default SpotlightDialogComponent;
package/dist/esm/components/spotlight-dialog.js CHANGED
@@ -11,13 +11,19 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
11
11
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
12
12
  import React, { Component } from 'react';
13
13
  import FocusLock from 'react-focus-lock';
14
- import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
15
14
  import { Popper } from '@atlaskit/popper';
16
15
  import { DialogImage } from '../styled/dialog';
17
16
  import SpotlightCard from './spotlight-card';
18
17
  import ValueChanged from './value-changed';
19
- var packageName = "@atlaskit/onboarding";
20
- var packageVersion = "11.12.1";
18
+ /**
19
+ * __Spotlight dialog__
20
+ *
21
+ * An onboarding spotlight introduces new features to users through focused messages or multi-step tours.
22
+ *
23
+ * - [Examples](https://atlassian.design/components/onboarding/examples)
24
+ * - [Code](https://atlassian.design/components/onboarding/code)
25
+ * - [Usage](https://atlassian.design/components/onboarding/usage)
26
+ */
21
27
  var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
22
28
  _inherits(SpotlightDialogComponent, _Component);
23
29
  var _super = _createSuper(SpotlightDialogComponent);
@@ -138,30 +144,4 @@ var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
138
144
  }]);
139
145
  return SpotlightDialogComponent;
140
146
  }(Component);
141
- var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
142
-
143
- /**
144
- * __Spotlight dialog__
145
- *
146
- * An onboarding spotlight introduces new features to users through focused messages or multi-step tours.
147
- *
148
- * - [Examples](https://atlassian.design/components/onboarding/examples)
149
- * - [Code](https://atlassian.design/components/onboarding/code)
150
- * - [Usage](https://atlassian.design/components/onboarding/usage)
151
- */
152
- var SpotlightDialog = withAnalyticsContext({
153
- componentName: 'spotlight',
154
- packageName: packageName,
155
- packageVersion: packageVersion
156
- })(withAnalyticsEvents({
157
- targetOnClick: createAndFireEventOnAtlaskit({
158
- action: 'clicked',
159
- actionSubject: 'spotlight',
160
- attributes: {
161
- componentName: 'spotlight',
162
- packageName: packageName,
163
- packageVersion: packageVersion
164
- }
165
- })
166
- })(SpotlightDialogComponent));
167
- export default SpotlightDialog;
147
+ export default SpotlightDialogComponent;
package/dist/types/components/spotlight-dialog.d.ts CHANGED
@@ -1,7 +1,6 @@
1
- import React, { type ComponentType, type ReactNode } from 'react';
2
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
1
+ import { Component, type ComponentType, type ReactNode } from 'react';
3
2
  import { type Actions } from '../types';
4
- export interface SpotlightDialogProps extends WithAnalyticsEventsProps {
3
+ export interface SpotlightDialogProps {
5
4
  /**
6
5
  * Buttons to render in the footer.
7
6
  */
@@ -57,6 +56,9 @@ export interface SpotlightDialogProps extends WithAnalyticsEventsProps {
57
56
  */
58
57
  testId?: string;
59
58
  }
59
+ interface State {
60
+ focusLockDisabled: boolean;
61
+ }
60
62
  /**
61
63
  * __Spotlight dialog__
62
64
  *
@@ -66,5 +68,13 @@ export interface SpotlightDialogProps extends WithAnalyticsEventsProps {
66
68
  * - [Code](https://atlassian.design/components/onboarding/code)
67
69
  * - [Usage](https://atlassian.design/components/onboarding/usage)
68
70
  */
69
- declare const SpotlightDialog: React.ForwardRefExoticComponent<Pick<Omit<SpotlightDialogProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "footer" | "header" | "image" | "key" | "testId" | "analyticsContext" | "actions" | "heading" | "targetNode" | "actionsBeforeElement" | "headingAfterElement" | "dialogPlacement" | "dialogWidth" | "animationStyles"> & React.RefAttributes<any>>;
70
- export default SpotlightDialog;
71
+ declare class SpotlightDialogComponent extends Component<SpotlightDialogProps, State> {
72
+ state: {
73
+ focusLockDisabled: boolean;
74
+ };
75
+ private focusLockTimeoutId;
76
+ componentDidMount(): void;
77
+ componentWillUnmount(): void;
78
+ render(): JSX.Element;
79
+ }
80
+ export default SpotlightDialogComponent;
package/dist/types-ts4.5/components/spotlight-dialog.d.ts CHANGED
@@ -1,7 +1,6 @@
1
- import React, { type ComponentType, type ReactNode } from 'react';
2
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
1
+ import { Component, type ComponentType, type ReactNode } from 'react';
3
2
  import { type Actions } from '../types';
4
- export interface SpotlightDialogProps extends WithAnalyticsEventsProps {
3
+ export interface SpotlightDialogProps {
5
4
  /**
6
5
  * Buttons to render in the footer.
7
6
  */
@@ -57,6 +56,9 @@ export interface SpotlightDialogProps extends WithAnalyticsEventsProps {
57
56
  */
58
57
  testId?: string;
59
58
  }
59
+ interface State {
60
+ focusLockDisabled: boolean;
61
+ }
60
62
  /**
61
63
  * __Spotlight dialog__
62
64
  *
@@ -66,5 +68,13 @@ export interface SpotlightDialogProps extends WithAnalyticsEventsProps {
66
68
  * - [Code](https://atlassian.design/components/onboarding/code)
67
69
  * - [Usage](https://atlassian.design/components/onboarding/usage)
68
70
  */
69
- declare const SpotlightDialog: React.ForwardRefExoticComponent<Pick<Omit<SpotlightDialogProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "footer" | "header" | "image" | "key" | "testId" | "analyticsContext" | "actions" | "heading" | "targetNode" | "actionsBeforeElement" | "headingAfterElement" | "dialogPlacement" | "dialogWidth" | "animationStyles"> & React.RefAttributes<any>>;
70
- export default SpotlightDialog;
71
+ declare class SpotlightDialogComponent extends Component<SpotlightDialogProps, State> {
72
+ state: {
73
+ focusLockDisabled: boolean;
74
+ };
75
+ private focusLockTimeoutId;
76
+ componentDidMount(): void;
77
+ componentWillUnmount(): void;
78
+ render(): JSX.Element;
79
+ }
80
+ export default SpotlightDialogComponent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/onboarding",
3
- "version": "11.12.1",
3
+ "version": "11.12.3",
4
4
  "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -40,9 +40,8 @@
40
40
  "runReact18": true
41
41
  },
42
42
  "dependencies": {
43
- "@atlaskit/analytics-next": "^10.1.0",
44
- "@atlaskit/button": "^19.2.0",
45
- "@atlaskit/ds-lib": "^2.4.0",
43
+ "@atlaskit/button": "^20.1.0",
44
+ "@atlaskit/ds-lib": "^2.5.0",
46
45
  "@atlaskit/heading": "^2.4.0",
47
46
  "@atlaskit/modal-dialog": "^12.15.0",
48
47
  "@atlaskit/motion": "^1.9.0",
@@ -51,7 +50,7 @@
51
50
  "@atlaskit/portal": "^4.9.0",
52
51
  "@atlaskit/primitives": "^12.0.0",
53
52
  "@atlaskit/theme": "^13.0.0",
54
- "@atlaskit/tokens": "^1.58.0",
53
+ "@atlaskit/tokens": "^1.59.0",
55
54
  "@babel/runtime": "^7.0.0",
56
55
  "@emotion/react": "^11.7.1",
57
56
  "bind-event-listener": "^3.0.0",