@atlaskit/progress-tracker 9.0.0 → 9.0.1

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 +9 -0
  2. package/dist/cjs/internal/stage.js +19 -28
  3. package/dist/cjs/progress-tracker.js +2 -3
  4. package/dist/es2019/internal/stage.js +9 -14
  5. package/dist/esm/internal/stage.js +19 -28
  6. package/dist/esm/progress-tracker.js +2 -3
  7. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/progress-tracker
2
2
 
3
+ ## 9.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#180713](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/180713)
8
+ [`103e97b52f101`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/103e97b52f101) -
9
+ Removes feature flag removing internal use of the legacy NodeResolver package in favor of react
10
+ refs
11
+
3
12
  ## 9.0.0
4
13
 
5
14
  ### Major Changes
package/dist/cjs/internal/stage.js CHANGED
@@ -11,16 +11,13 @@ require("./stage.compiled.css");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
16
15
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
18
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
20
17
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
18
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
19
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
22
20
  var _reactTransitionGroup = require("react-transition-group");
23
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
24
21
  var _compiled = require("@atlaskit/primitives/compiled");
25
22
  var _colors = require("@atlaskit/theme/colors");
26
23
  var _bar = _interopRequireDefault(require("./bar"));
@@ -29,7 +26,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
29
26
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
30
27
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
28
  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; }
32
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
29
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
33
30
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
34
31
  var styles = {
35
32
  listItemContent: "_1bsb1osq _kqswh2mm"
@@ -61,16 +58,14 @@ var getMarkerColor = function getMarkerColor(status) {
61
58
  var listItemStyles = null;
62
59
  var titleStyles = null;
63
60
  var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureComponent) {
64
- (0, _inherits2.default)(ProgressTrackerStage, _PureComponent);
65
- var _super = _createSuper(ProgressTrackerStage);
66
61
  function ProgressTrackerStage(props) {
67
62
  var _this;
68
63
  (0, _classCallCheck2.default)(this, ProgressTrackerStage);
69
- _this = _super.call(this, props);
70
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeRefMarker", /*#__PURE__*/(0, _react.createRef)());
71
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeRefBar", /*#__PURE__*/(0, _react.createRef)());
72
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeRefTitle", /*#__PURE__*/(0, _react.createRef)());
73
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEntered", function () {
64
+ _this = _callSuper(this, ProgressTrackerStage, [props]);
65
+ (0, _defineProperty2.default)(_this, "nodeRefMarker", /*#__PURE__*/(0, _react.createRef)());
66
+ (0, _defineProperty2.default)(_this, "nodeRefBar", /*#__PURE__*/(0, _react.createRef)());
67
+ (0, _defineProperty2.default)(_this, "nodeRefTitle", /*#__PURE__*/(0, _react.createRef)());
68
+ (0, _defineProperty2.default)(_this, "onEntered", function () {
74
69
  _this.setState({
75
70
  transitioning: false,
76
71
  oldMarkerColor: getMarkerColor(_this.props.item.status),
@@ -84,7 +79,8 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
84
79
  };
85
80
  return _this;
86
81
  }
87
- (0, _createClass2.default)(ProgressTrackerStage, [{
82
+ (0, _inherits2.default)(ProgressTrackerStage, _PureComponent);
83
+ return (0, _createClass2.default)(ProgressTrackerStage, [{
88
84
  key: "UNSAFE_componentWillMount",
89
85
  value: function UNSAFE_componentWillMount() {
90
86
  this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
@@ -108,7 +104,6 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
108
104
  }, {
109
105
  key: "render",
110
106
  value: function render() {
111
- var _listInlineStyles;
112
107
  var _this$props = this.props,
113
108
  item = _this$props.item,
114
109
  render = _this$props.render,
@@ -117,7 +112,7 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
117
112
  transitionEasing = _this$props.transitionEasing,
118
113
  testId = _this$props.testId;
119
114
  var ariaCurrent = item.status === 'current' ? 'step' : 'false';
120
- var listInlineStyles = (_listInlineStyles = {}, (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--ts', "".concat(transitionSpeed, "ms")), (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--td', "".concat(transitionDelay, "ms")), (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--te', transitionEasing), (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--mc', this.state.oldMarkerColor), (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--bg', getMarkerColor(item.status)), (0, _defineProperty2.default)(_listInlineStyles, "listStyleType", 'none'), _listInlineStyles);
115
+ var listInlineStyles = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '--ds--pt--ts', "".concat(transitionSpeed, "ms")), '--ds--pt--td', "".concat(transitionDelay, "ms")), '--ds--pt--te', transitionEasing), '--ds--pt--mc', this.state.oldMarkerColor), '--ds--pt--bg', getMarkerColor(item.status)), "listStyleType", 'none');
121
116
  return /*#__PURE__*/React.createElement("li", {
122
117
  "data-testid": testId
123
118
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -127,36 +122,33 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
127
122
  className: (0, _runtime.ax)(["_18s8ze3t _1i4q1hna"])
128
123
  }, /*#__PURE__*/React.createElement(_compiled.Box, {
129
124
  xcss: styles.listItemContent
130
- }, /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
125
+ }, /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, {
131
126
  appear: true,
132
127
  in: this.state.transitioning,
133
128
  onEntered: this.onEntered,
134
129
  timeout: transitionDelay + transitionSpeed,
135
- classNames: "fade"
136
- }, (0, _platformFeatureFlags.fg)('platform_design_system_team_transition_group_r18') && {
130
+ classNames: "fade",
137
131
  nodeRef: this.nodeRefMarker
138
- }), /*#__PURE__*/React.createElement(_marker.default, {
132
+ }, /*#__PURE__*/React.createElement(_marker.default, {
139
133
  testId: testId && "".concat(testId, "-marker")
140
- })), /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
134
+ })), /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, {
141
135
  appear: true,
142
136
  in: this.state.transitioning,
143
137
  onEntered: this.onEntered,
144
138
  timeout: transitionDelay + transitionSpeed,
145
- classNames: "fade"
146
- }, (0, _platformFeatureFlags.fg)('platform_design_system_team_transition_group_r18') && {
139
+ classNames: "fade",
147
140
  nodeRef: this.nodeRefBar
148
- }), /*#__PURE__*/React.createElement(_bar.default, {
141
+ }, /*#__PURE__*/React.createElement(_bar.default, {
149
142
  testId: testId && "".concat(testId, "-bar"),
150
143
  percentageComplete: item.percentageComplete
151
- })), /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
144
+ })), /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, {
152
145
  appear: true,
153
146
  in: this.state.transitioning,
154
147
  onEntered: this.onEntered,
155
148
  timeout: transitionDelay + transitionSpeed,
156
- classNames: "fade"
157
- }, (0, _platformFeatureFlags.fg)('platform_design_system_team_transition_group_r18') && {
149
+ classNames: "fade",
158
150
  nodeRef: this.nodeRefTitle
159
- }), /*#__PURE__*/React.createElement("div", {
151
+ }, /*#__PURE__*/React.createElement("div", {
160
152
  "data-testid": testId && "".concat(testId, "-title"),
161
153
  className: (0, _runtime.ax)(["_11c81oud _1pfhv47k _y3gn1h6o _v564ph28 _1uuw17dr _1ez2kb7n _1t9yph28", textColor[item.status], fontWeight[item.status]])
162
154
  }, this.shouldShowLink() ? render.link({
@@ -164,5 +156,4 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
164
156
  }) : item.label))));
165
157
  }
166
158
  }]);
167
- return ProgressTrackerStage;
168
159
  }(_react.PureComponent);
package/dist/cjs/progress-tracker.js CHANGED
@@ -36,7 +36,6 @@ var spacingOptions = {
36
36
  * - [Usage](https://atlassian.design/components/progress-tracker/usage)
37
37
  */
38
38
  var ProgressTracker = function ProgressTracker(_ref) {
39
- var _listInlineStyles;
40
39
  var _ref$items = _ref.items,
41
40
  items = _ref$items === void 0 ? [] : _ref$items,
42
41
  _ref$spacing = _ref.spacing,
@@ -112,9 +111,9 @@ var ProgressTracker = function ProgressTracker(_ref) {
112
111
  render: render
113
112
  });
114
113
  });
115
- var listInlineStyles = (_listInlineStyles = {
114
+ var listInlineStyles = (0, _defineProperty2.default)((0, _defineProperty2.default)({
116
115
  gridTemplateColumns: "repeat(".concat(items.length, ", 1fr)")
117
- }, (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--sp', spacingOptions[spacing]), (0, _defineProperty2.default)(_listInlineStyles, "maxWidth", 8 * 10 * items.length * 2), _listInlineStyles);
116
+ }, '--ds--pt--sp', spacingOptions[spacing]), "maxWidth", 8 * 10 * items.length * 2);
118
117
  return /*#__PURE__*/React.createElement("ul", {
119
118
  "data-testid": testId
120
119
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
package/dist/es2019/internal/stage.js CHANGED
@@ -1,12 +1,10 @@
1
1
  /* stage.tsx generated by @compiled/babel-plugin v0.32.2 */
2
- import _extends from "@babel/runtime/helpers/extends";
3
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
3
  import "./stage.compiled.css";
5
4
  import * as React from 'react';
6
5
  import { ax, ix } from "@compiled/react/runtime";
7
6
  import { createRef, PureComponent } from 'react';
8
7
  import { CSSTransition } from 'react-transition-group';
9
- import { fg } from '@atlaskit/platform-feature-flags';
10
8
  import { Box } from '@atlaskit/primitives/compiled';
11
9
  import { B300, N70 } from '@atlaskit/theme/colors';
12
10
  import ProgressBar from './bar';
@@ -103,36 +101,33 @@ export default class ProgressTrackerStage extends PureComponent {
103
101
  className: ax(["_18s8ze3t _1i4q1hna"])
104
102
  }, /*#__PURE__*/React.createElement(Box, {
105
103
  xcss: styles.listItemContent
106
- }, /*#__PURE__*/React.createElement(CSSTransition, _extends({
104
+ }, /*#__PURE__*/React.createElement(CSSTransition, {
107
105
  appear: true,
108
106
  in: this.state.transitioning,
109
107
  onEntered: this.onEntered,
110
108
  timeout: transitionDelay + transitionSpeed,
111
- classNames: "fade"
112
- }, fg('platform_design_system_team_transition_group_r18') && {
109
+ classNames: "fade",
113
110
  nodeRef: this.nodeRefMarker
114
- }), /*#__PURE__*/React.createElement(ProgressMarker, {
111
+ }, /*#__PURE__*/React.createElement(ProgressMarker, {
115
112
  testId: testId && `${testId}-marker`
116
- })), /*#__PURE__*/React.createElement(CSSTransition, _extends({
113
+ })), /*#__PURE__*/React.createElement(CSSTransition, {
117
114
  appear: true,
118
115
  in: this.state.transitioning,
119
116
  onEntered: this.onEntered,
120
117
  timeout: transitionDelay + transitionSpeed,
121
- classNames: "fade"
122
- }, fg('platform_design_system_team_transition_group_r18') && {
118
+ classNames: "fade",
123
119
  nodeRef: this.nodeRefBar
124
- }), /*#__PURE__*/React.createElement(ProgressBar, {
120
+ }, /*#__PURE__*/React.createElement(ProgressBar, {
125
121
  testId: testId && `${testId}-bar`,
126
122
  percentageComplete: item.percentageComplete
127
- })), /*#__PURE__*/React.createElement(CSSTransition, _extends({
123
+ })), /*#__PURE__*/React.createElement(CSSTransition, {
128
124
  appear: true,
129
125
  in: this.state.transitioning,
130
126
  onEntered: this.onEntered,
131
127
  timeout: transitionDelay + transitionSpeed,
132
- classNames: "fade"
133
- }, fg('platform_design_system_team_transition_group_r18') && {
128
+ classNames: "fade",
134
129
  nodeRef: this.nodeRefTitle
135
- }), /*#__PURE__*/React.createElement("div", {
130
+ }, /*#__PURE__*/React.createElement("div", {
136
131
  "data-testid": testId && `${testId}-title`,
137
132
  className: ax(["_11c81oud _1pfhv47k _y3gn1h6o _v564ph28 _1uuw17dr _1ez2kb7n _1t9yph28", textColor[item.status], fontWeight[item.status]])
138
133
  }, this.shouldShowLink() ? render.link({
package/dist/esm/internal/stage.js CHANGED
@@ -1,22 +1,19 @@
1
1
  /* stage.tsx generated by @compiled/babel-plugin v0.32.2 */
2
- import _extends from "@babel/runtime/helpers/extends";
3
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
4
3
  import _createClass from "@babel/runtime/helpers/createClass";
5
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
6
- import _inherits from "@babel/runtime/helpers/inherits";
7
4
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
8
5
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
+ import _inherits from "@babel/runtime/helpers/inherits";
9
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
10
8
  import "./stage.compiled.css";
11
9
  import * as React from 'react';
12
10
  import { ax, ix } from "@compiled/react/runtime";
13
11
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
14
12
  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) { _defineProperty(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; }
15
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
13
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
16
14
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
17
15
  import { createRef, PureComponent } from 'react';
18
16
  import { CSSTransition } from 'react-transition-group';
19
- import { fg } from '@atlaskit/platform-feature-flags';
20
17
  import { Box } from '@atlaskit/primitives/compiled';
21
18
  import { B300, N70 } from '@atlaskit/theme/colors';
22
19
  import ProgressBar from './bar';
@@ -51,16 +48,14 @@ var getMarkerColor = function getMarkerColor(status) {
51
48
  var listItemStyles = null;
52
49
  var titleStyles = null;
53
50
  var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
54
- _inherits(ProgressTrackerStage, _PureComponent);
55
- var _super = _createSuper(ProgressTrackerStage);
56
51
  function ProgressTrackerStage(props) {
57
52
  var _this;
58
53
  _classCallCheck(this, ProgressTrackerStage);
59
- _this = _super.call(this, props);
60
- _defineProperty(_assertThisInitialized(_this), "nodeRefMarker", /*#__PURE__*/createRef());
61
- _defineProperty(_assertThisInitialized(_this), "nodeRefBar", /*#__PURE__*/createRef());
62
- _defineProperty(_assertThisInitialized(_this), "nodeRefTitle", /*#__PURE__*/createRef());
63
- _defineProperty(_assertThisInitialized(_this), "onEntered", function () {
54
+ _this = _callSuper(this, ProgressTrackerStage, [props]);
55
+ _defineProperty(_this, "nodeRefMarker", /*#__PURE__*/createRef());
56
+ _defineProperty(_this, "nodeRefBar", /*#__PURE__*/createRef());
57
+ _defineProperty(_this, "nodeRefTitle", /*#__PURE__*/createRef());
58
+ _defineProperty(_this, "onEntered", function () {
64
59
  _this.setState({
65
60
  transitioning: false,
66
61
  oldMarkerColor: getMarkerColor(_this.props.item.status),
@@ -74,7 +69,8 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
74
69
  };
75
70
  return _this;
76
71
  }
77
- _createClass(ProgressTrackerStage, [{
72
+ _inherits(ProgressTrackerStage, _PureComponent);
73
+ return _createClass(ProgressTrackerStage, [{
78
74
  key: "UNSAFE_componentWillMount",
79
75
  value: function UNSAFE_componentWillMount() {
80
76
  this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
@@ -98,7 +94,6 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
98
94
  }, {
99
95
  key: "render",
100
96
  value: function render() {
101
- var _listInlineStyles;
102
97
  var _this$props = this.props,
103
98
  item = _this$props.item,
104
99
  render = _this$props.render,
@@ -107,7 +102,7 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
107
102
  transitionEasing = _this$props.transitionEasing,
108
103
  testId = _this$props.testId;
109
104
  var ariaCurrent = item.status === 'current' ? 'step' : 'false';
110
- var listInlineStyles = (_listInlineStyles = {}, _defineProperty(_listInlineStyles, '--ds--pt--ts', "".concat(transitionSpeed, "ms")), _defineProperty(_listInlineStyles, '--ds--pt--td', "".concat(transitionDelay, "ms")), _defineProperty(_listInlineStyles, '--ds--pt--te', transitionEasing), _defineProperty(_listInlineStyles, '--ds--pt--mc', this.state.oldMarkerColor), _defineProperty(_listInlineStyles, '--ds--pt--bg', getMarkerColor(item.status)), _defineProperty(_listInlineStyles, "listStyleType", 'none'), _listInlineStyles);
105
+ var listInlineStyles = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '--ds--pt--ts', "".concat(transitionSpeed, "ms")), '--ds--pt--td', "".concat(transitionDelay, "ms")), '--ds--pt--te', transitionEasing), '--ds--pt--mc', this.state.oldMarkerColor), '--ds--pt--bg', getMarkerColor(item.status)), "listStyleType", 'none');
111
106
  return /*#__PURE__*/React.createElement("li", {
112
107
  "data-testid": testId
113
108
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -117,36 +112,33 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
117
112
  className: ax(["_18s8ze3t _1i4q1hna"])
118
113
  }, /*#__PURE__*/React.createElement(Box, {
119
114
  xcss: styles.listItemContent
120
- }, /*#__PURE__*/React.createElement(CSSTransition, _extends({
115
+ }, /*#__PURE__*/React.createElement(CSSTransition, {
121
116
  appear: true,
122
117
  in: this.state.transitioning,
123
118
  onEntered: this.onEntered,
124
119
  timeout: transitionDelay + transitionSpeed,
125
- classNames: "fade"
126
- }, fg('platform_design_system_team_transition_group_r18') && {
120
+ classNames: "fade",
127
121
  nodeRef: this.nodeRefMarker
128
- }), /*#__PURE__*/React.createElement(ProgressMarker, {
122
+ }, /*#__PURE__*/React.createElement(ProgressMarker, {
129
123
  testId: testId && "".concat(testId, "-marker")
130
- })), /*#__PURE__*/React.createElement(CSSTransition, _extends({
124
+ })), /*#__PURE__*/React.createElement(CSSTransition, {
131
125
  appear: true,
132
126
  in: this.state.transitioning,
133
127
  onEntered: this.onEntered,
134
128
  timeout: transitionDelay + transitionSpeed,
135
- classNames: "fade"
136
- }, fg('platform_design_system_team_transition_group_r18') && {
129
+ classNames: "fade",
137
130
  nodeRef: this.nodeRefBar
138
- }), /*#__PURE__*/React.createElement(ProgressBar, {
131
+ }, /*#__PURE__*/React.createElement(ProgressBar, {
139
132
  testId: testId && "".concat(testId, "-bar"),
140
133
  percentageComplete: item.percentageComplete
141
- })), /*#__PURE__*/React.createElement(CSSTransition, _extends({
134
+ })), /*#__PURE__*/React.createElement(CSSTransition, {
142
135
  appear: true,
143
136
  in: this.state.transitioning,
144
137
  onEntered: this.onEntered,
145
138
  timeout: transitionDelay + transitionSpeed,
146
- classNames: "fade"
147
- }, fg('platform_design_system_team_transition_group_r18') && {
139
+ classNames: "fade",
148
140
  nodeRef: this.nodeRefTitle
149
- }), /*#__PURE__*/React.createElement("div", {
141
+ }, /*#__PURE__*/React.createElement("div", {
150
142
  "data-testid": testId && "".concat(testId, "-title"),
151
143
  className: ax(["_11c81oud _1pfhv47k _y3gn1h6o _v564ph28 _1uuw17dr _1ez2kb7n _1t9yph28", textColor[item.status], fontWeight[item.status]])
152
144
  }, this.shouldShowLink() ? render.link({
@@ -154,6 +146,5 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
154
146
  }) : item.label))));
155
147
  }
156
148
  }]);
157
- return ProgressTrackerStage;
158
149
  }(PureComponent);
159
150
  export { ProgressTrackerStage as default };
package/dist/esm/progress-tracker.js CHANGED
@@ -26,7 +26,6 @@ var spacingOptions = {
26
26
  * - [Usage](https://atlassian.design/components/progress-tracker/usage)
27
27
  */
28
28
  var ProgressTracker = function ProgressTracker(_ref) {
29
- var _listInlineStyles;
30
29
  var _ref$items = _ref.items,
31
30
  items = _ref$items === void 0 ? [] : _ref$items,
32
31
  _ref$spacing = _ref.spacing,
@@ -102,9 +101,9 @@ var ProgressTracker = function ProgressTracker(_ref) {
102
101
  render: render
103
102
  });
104
103
  });
105
- var listInlineStyles = (_listInlineStyles = {
104
+ var listInlineStyles = _defineProperty(_defineProperty({
106
105
  gridTemplateColumns: "repeat(".concat(items.length, ", 1fr)")
107
- }, _defineProperty(_listInlineStyles, '--ds--pt--sp', spacingOptions[spacing]), _defineProperty(_listInlineStyles, "maxWidth", 8 * 10 * items.length * 2), _listInlineStyles);
106
+ }, '--ds--pt--sp', spacingOptions[spacing]), "maxWidth", 8 * 10 * items.length * 2);
108
107
  return /*#__PURE__*/React.createElement("ul", {
109
108
  "data-testid": testId
110
109
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-tracker",
3
- "version": "9.0.0",
3
+ "version": "9.0.1",
4
4
  "description": "A progress tracker displays the steps and progress through a journey.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
29
29
  "@atlaskit/platform-feature-flags": "^0.3.0",
30
30
  "@atlaskit/primitives": "^13.3.0",
31
31
  "@atlaskit/theme": "^14.0.0",
32
- "@atlaskit/tokens": "^2.4.0",
32
+ "@atlaskit/tokens": "^2.5.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@compiled/react": "^0.18.1",
35
35
  "react-transition-group": "^4.4.1"
@@ -84,9 +84,6 @@
84
84
  },
85
85
  "homepage": "https://atlassian.design/components/progress-tracker/",
86
86
  "platform-feature-flags": {
87
- "platform_design_system_team_transition_group_r18": {
88
- "type": "boolean"
89
- },
90
87
  "platform_progress_tracker_link_migration": {
91
88
  "type": "boolean",
92
89
  "showOnWebsiteForTransitiveDependencies": true