@atlaskit/progress-tracker 8.9.2 → 8.9.4

package/dist/esm/progress-tracker.js

@@ -1,31 +1,22 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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; }
-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); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { PureComponent } from 'react';
+import { useEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { spacing } from './constants';
+import { spacing as spacingOptions } from './constants';
 import { ANIMATION_EASE_OUT, LINEAR_TRANSITION_SPEED, TRANSITION_SPEED, varSpacing } from './internal/constants';
 import Link from './internal/link';
 import Stage from './internal/stage';
 var containerStyles = css({
   display: 'grid',
   width: '100%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: '0 auto',
   padding: "var(--ds-space-0, 0px)",
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -36,114 +27,100 @@ var containerStyles = css({
     marginBlockStart: "var(--ds-space-500, 40px)"
   }
 });
-var ProgressTracker = /*#__PURE__*/function (_PureComponent) {
-  _inherits(ProgressTracker, _PureComponent);
-  var _super = _createSuper(ProgressTracker);
-  function ProgressTracker() {
-    var _this;
-    _classCallCheck(this, ProgressTracker);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      prevStages: _this.props.items.map(function (stage) {
-        return _objectSpread(_objectSpread({}, stage), {}, {
-          percentageComplete: 0
-        });
-      })
+/**
+ * __Progress tracker__
+ *
+ * A progress tracker displays the steps and progress through a journey.
+ *
+ * - [Examples](https://atlassian.design/components/progress-tracker/examples)
+ * - [Code](https://atlassian.design/components/progress-tracker/code)
+ * - [Usage](https://atlassian.design/components/progress-tracker/usage)
+ */
+var ProgressTracker = function ProgressTracker(_ref) {
+  var _listInlineStyles;
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 'cosy' : _ref$spacing,
+    _ref$render = _ref.render,
+    render = _ref$render === void 0 ? {
+      // Anchor content is coming from another location
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      link: function link(_ref2) {
+        var item = _ref2.item;
+        return jsx(Link, item);
+      }
+    } : _ref$render,
+    _ref$animated = _ref.animated,
+    animated = _ref$animated === void 0 ? true : _ref$animated,
+    testId = _ref.testId,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'Progress' : _ref$label;
+  var prevItems = useRef(items.map(function (stage) {
+    return _objectSpread(_objectSpread({}, stage), {}, {
+      percentageComplete: 0
     });
-    return _this;
-  }
-  _createClass(ProgressTracker, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var _this2 = this;
-      var prevStages = nextProps.items.map(function (stage) {
-        var oldStage = _this2.props.items.find(function (st) {
-          return st.id === stage.id;
-        });
-        return oldStage !== undefined ? oldStage : stage;
-      });
-      this.setState({
-        prevStages: prevStages
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this,
-        _listInlineStyles;
-      var _this$props = this.props,
-        testId = _this$props.testId,
-        label = _this$props.label;
-      var progressChanges = this.props.items.filter(function (stage, index) {
-        return stage.percentageComplete !== _this3.state.prevStages[index].percentageComplete;
-      }).length;
-      var totalStepsForward = this.props.items.filter(function (stage, index) {
-        return stage.percentageComplete > _this3.state.prevStages[index].percentageComplete;
-      }).length;
-      var totalStepsBack = this.props.items.filter(function (stage, index) {
-        return stage.percentageComplete < _this3.state.prevStages[index].percentageComplete;
-      }).length;
-      var stepsForward = totalStepsForward;
-      var stepsBack = totalStepsBack;
-      var items = this.props.items.map(function (stage, index) {
-        var transitionSpeed = 0;
-        var transitionDelay = 0;
-        var transitionEasing = progressChanges > 1 ? 'linear' : ANIMATION_EASE_OUT;
-        if (_this3.props.animated) {
-          transitionSpeed = progressChanges > 1 ? LINEAR_TRANSITION_SPEED : TRANSITION_SPEED;
-          if (stage.percentageComplete < _this3.state.prevStages[index].percentageComplete) {
-            /**
-             * Load each transition sequentially in reverse.
-             */
-            transitionDelay = (stepsBack - 1) * transitionSpeed;
-            stepsBack -= 1;
-          } else if (stage.percentageComplete > _this3.state.prevStages[index].percentageComplete) {
-            /**
-             * Load each transition sequentially.
-             */
-            transitionDelay = (totalStepsForward - stepsForward) * transitionSpeed;
-            stepsForward -= 1;
-          }
-        }
-        return jsx(Stage, {
-          transitionSpeed: transitionSpeed,
-          transitionDelay: transitionDelay,
-          transitionEasing: transitionEasing,
-          key: stage.id,
-          item: stage,
-          render: _this3.props.render
-        });
-      });
-      var listInlineStyles = (_listInlineStyles = {
-        gridTemplateColumns: "repeat(".concat(items.length, ", 1fr)")
-      }, _defineProperty(_listInlineStyles, varSpacing, spacing[this.props.spacing]), _defineProperty(_listInlineStyles, "maxWidth", 8 * 10 * items.length * 2), _listInlineStyles);
-      return jsx("ul", {
-        "data-testid": testId
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: listInlineStyles,
-        css: containerStyles,
-        "aria-label": label
-      }, items);
-    }
-  }]);
-  return ProgressTracker;
-}(PureComponent);
-_defineProperty(ProgressTracker, "defaultProps", {
-  items: [],
-  spacing: 'cosy',
-  render: {
-    // Anchor content is coming from another location
-    // eslint-disable-next-line jsx-a11y/anchor-has-content
-    link: function link(_ref) {
-      var item = _ref.item;
-      return jsx(Link, item);
+  }));
+  var previousStages = items.map(function (stage) {
+    var _prevItems$current;
+    var oldStage = (_prevItems$current = prevItems.current) === null || _prevItems$current === void 0 ? void 0 : _prevItems$current.find(function (st) {
+      return st.id === stage.id;
+    });
+    return !!oldStage ? oldStage : stage;
+  });
+  useEffect(function () {
+    prevItems.current = items;
+  }, [items]);
+  var progressChanges = items.filter(function (stage, index) {
+    return stage.percentageComplete !== previousStages[index].percentageComplete;
+  }).length;
+  var totalStepsForward = items.filter(function (stage, index) {
+    return stage.percentageComplete > previousStages[index].percentageComplete;
+  }).length;
+  var totalStepsBack = items.filter(function (stage, index) {
+    return stage.percentageComplete < previousStages[index].percentageComplete;
+  }).length;
+  var stepsForward = totalStepsForward;
+  var stepsBack = totalStepsBack;
+  var progressItems = items.map(function (stage, index) {
+    var transitionSpeed = 0;
+    var transitionDelay = 0;
+    var transitionEasing = progressChanges > 1 ? 'linear' : ANIMATION_EASE_OUT;
+    if (animated) {
+      transitionSpeed = progressChanges > 1 ? LINEAR_TRANSITION_SPEED : TRANSITION_SPEED;
+      if (stage.percentageComplete < previousStages[index].percentageComplete) {
+        /**
+         * Load each transition sequentially in reverse.
+         */
+        transitionDelay = (stepsBack - 1) * transitionSpeed;
+        stepsBack -= 1;
+      } else if (stage.percentageComplete > previousStages[index].percentageComplete) {
+        /**
+         * Load each transition sequentially.
+         */
+        transitionDelay = (totalStepsForward - stepsForward) * transitionSpeed;
+        stepsForward -= 1;
+      }
     }
-  },
-  animated: true,
-  label: 'Progress'
-});
-export { ProgressTracker as default };
+    return jsx(Stage, {
+      transitionSpeed: transitionSpeed,
+      transitionDelay: transitionDelay,
+      transitionEasing: transitionEasing,
+      key: stage.id,
+      item: stage,
+      render: render
+    });
+  });
+  var listInlineStyles = (_listInlineStyles = {
+    gridTemplateColumns: "repeat(".concat(items.length, ", 1fr)")
+  }, _defineProperty(_listInlineStyles, varSpacing, spacingOptions[spacing]), _defineProperty(_listInlineStyles, "maxWidth", 8 * 10 * items.length * 2), _listInlineStyles);
+  return jsx("ul", {
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: listInlineStyles,
+    css: containerStyles,
+    "aria-label": label
+  }, progressItems);
+};
+export default ProgressTracker;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ProgressTracker } from './progress-tracker-facade';
+export { default as ProgressTracker } from './progress-tracker';
 export type { ProgressTrackerProps } from './progress-tracker';
 export type { Stages, Stage } from './types';

package/dist/types/progress-tracker.d.ts

@@ -1,10 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
-import type { LinkComponentProps, ProgressTrackerStageRenderProp, Spacing, Stages } from './types';
+import type { ProgressTrackerStageRenderProp, Spacing, Stages } from './types';
 export interface ProgressTrackerProps {
     /**
      * Ordered list of stage data.
@@ -13,15 +8,15 @@ export interface ProgressTrackerProps {
     /**
      * Sets the amount of spacing between the steps.
      */
-    spacing: Spacing;
+    spacing?: Spacing;
     /**
      * Render prop to specify custom implementations of components.
      */
-    render: ProgressTrackerStageRenderProp;
+    render?: ProgressTrackerStageRenderProp;
     /**
      * Turns off transition animations if set to false.
      */
-    animated: boolean;
+    animated?: boolean;
     /**
      * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      */
@@ -31,31 +26,14 @@ export interface ProgressTrackerProps {
      */
     label?: string;
 }
-interface State {
-    prevStages: Stages;
-}
-export default class ProgressTracker extends PureComponent<ProgressTrackerProps, State> {
-    static defaultProps: {
-        items: never[];
-        spacing: string;
-        render: {
-            link: ({ item }: LinkComponentProps) => jsx.JSX.Element;
-        };
-        animated: boolean;
-        label: string;
-    };
-    state: {
-        prevStages: {
-            percentageComplete: number;
-            id: string;
-            label: string;
-            status: import("./types").Status;
-            noLink?: boolean | undefined;
-            href?: string | undefined;
-            onClick?: (() => void) | undefined;
-        }[];
-    };
-    UNSAFE_componentWillReceiveProps(nextProps: ProgressTrackerProps): void;
-    render(): jsx.JSX.Element;
-}
-export {};
+/**
+ * __Progress tracker__
+ *
+ * A progress tracker displays the steps and progress through a journey.
+ *
+ * - [Examples](https://atlassian.design/components/progress-tracker/examples)
+ * - [Code](https://atlassian.design/components/progress-tracker/code)
+ * - [Usage](https://atlassian.design/components/progress-tracker/usage)
+ */
+declare const ProgressTracker: ({ items, spacing, render, animated, testId, label, }: ProgressTrackerProps) => jsx.JSX.Element;
+export default ProgressTracker;

package/dist/types-ts4.5/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ProgressTracker } from './progress-tracker-facade';
+export { default as ProgressTracker } from './progress-tracker';
 export type { ProgressTrackerProps } from './progress-tracker';
 export type { Stages, Stage } from './types';

package/dist/types-ts4.5/progress-tracker.d.ts

@@ -1,10 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
-import type { LinkComponentProps, ProgressTrackerStageRenderProp, Spacing, Stages } from './types';
+import type { ProgressTrackerStageRenderProp, Spacing, Stages } from './types';
 export interface ProgressTrackerProps {
     /**
      * Ordered list of stage data.
@@ -13,15 +8,15 @@ export interface ProgressTrackerProps {
     /**
      * Sets the amount of spacing between the steps.
      */
-    spacing: Spacing;
+    spacing?: Spacing;
     /**
      * Render prop to specify custom implementations of components.
      */
-    render: ProgressTrackerStageRenderProp;
+    render?: ProgressTrackerStageRenderProp;
     /**
      * Turns off transition animations if set to false.
      */
-    animated: boolean;
+    animated?: boolean;
     /**
      * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      */
@@ -31,31 +26,14 @@ export interface ProgressTrackerProps {
      */
     label?: string;
 }
-interface State {
-    prevStages: Stages;
-}
-export default class ProgressTracker extends PureComponent<ProgressTrackerProps, State> {
-    static defaultProps: {
-        items: never[];
-        spacing: string;
-        render: {
-            link: ({ item }: LinkComponentProps) => jsx.JSX.Element;
-        };
-        animated: boolean;
-        label: string;
-    };
-    state: {
-        prevStages: {
-            percentageComplete: number;
-            id: string;
-            label: string;
-            status: import("./types").Status;
-            noLink?: boolean | undefined;
-            href?: string | undefined;
-            onClick?: (() => void) | undefined;
-        }[];
-    };
-    UNSAFE_componentWillReceiveProps(nextProps: ProgressTrackerProps): void;
-    render(): jsx.JSX.Element;
-}
-export {};
+/**
+ * __Progress tracker__
+ *
+ * A progress tracker displays the steps and progress through a journey.
+ *
+ * - [Examples](https://atlassian.design/components/progress-tracker/examples)
+ * - [Code](https://atlassian.design/components/progress-tracker/code)
+ * - [Usage](https://atlassian.design/components/progress-tracker/usage)
+ */
+declare const ProgressTracker: ({ items, spacing, render, animated, testId, label, }: ProgressTrackerProps) => jsx.JSX.Element;
+export default ProgressTracker;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/progress-tracker",
-	"version": "8.9.2",
+	"version": "8.9.4",
 	"description": "A progress tracker displays the steps and progress through a journey.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
 	"dependencies": {
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.2.0",
-		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -37,7 +37,7 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/ds-lib": "^2.6.0",
+		"@atlaskit/ds-lib": "^3.1.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^12.1.5",
@@ -83,9 +83,6 @@
 	},
 	"homepage": "https://atlassian.design/components/progress-tracker/",
 	"platform-feature-flags": {
-		"platform-progress-tracker-functional-facade": {
-			"type": "boolean"
-		},
 		"platform-design-system-dsp-20687-transition-group": {
 			"type": "boolean"
 		}

package/dist/cjs/progress-tracker-facade.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProgressTrackerFacade = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _progressTracker = _interopRequireDefault(require("./progress-tracker"));
-var _progressTrackerNew = _interopRequireDefault(require("./progress-tracker-new"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-/**
- * `ProgressTrackerFacade` is a component that conditionally renders either a new functional ProgressTracker component or
- *  class based ProgressTracker component based on a feature flag.
- *
- */
-var ProgressTrackerFacade = exports.ProgressTrackerFacade = function ProgressTrackerFacade(_ref) {
-  var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
-  var useNewProgressTracker = (0, _platformFeatureFlags.fg)('platform-progress-tracker-functional-facade');
-  return useNewProgressTracker ? (0, _react.jsx)(_progressTrackerNew.default, props) : (0, _react.jsx)(_progressTracker.default, props);
-};
-var _default = exports.default = ProgressTrackerFacade;

package/dist/cjs/progress-tracker-new.js

@@ -1,129 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _constants = require("./constants");
-var _constants2 = require("./internal/constants");
-var _link = _interopRequireDefault(require("./internal/link"));
-var _stage = _interopRequireDefault(require("./internal/stage"));
-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; }
-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; } /* eslint-disable @atlaskit/design-system/no-nested-styles */ /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var containerStyles = (0, _react2.css)({
-  display: 'grid',
-  width: '100%',
-  margin: '0 auto',
-  padding: "var(--ds-space-0, 0px)",
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  gap: "var(".concat(_constants2.varSpacing, ")"),
-  listStyleType: 'none',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '&&': {
-    marginBlockStart: "var(--ds-space-500, 40px)"
-  }
-});
-/**
- * __Progress tracker__
- *
- * A progress tracker displays the steps and progress through a journey.
- *
- * - [Examples](https://atlassian.design/components/progress-tracker/examples)
- * - [Code](https://atlassian.design/components/progress-tracker/code)
- * - [Usage](https://atlassian.design/components/progress-tracker/usage)
- */
-var ProgressTracker = function ProgressTracker(_ref) {
-  var _listInlineStyles;
-  var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? 'cosy' : _ref$spacing,
-    _ref$render = _ref.render,
-    render = _ref$render === void 0 ? {
-      // Anchor content is coming from another location
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      link: function link(_ref2) {
-        var item = _ref2.item;
-        return (0, _react2.jsx)(_link.default, item);
-      }
-    } : _ref$render,
-    _ref$animated = _ref.animated,
-    animated = _ref$animated === void 0 ? true : _ref$animated,
-    testId = _ref.testId,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'Progress' : _ref$label;
-  var prevItems = (0, _react.useRef)(items.map(function (stage) {
-    return _objectSpread(_objectSpread({}, stage), {}, {
-      percentageComplete: 0
-    });
-  }));
-  var previousStages = items.map(function (stage) {
-    var _prevItems$current;
-    var oldStage = (_prevItems$current = prevItems.current) === null || _prevItems$current === void 0 ? void 0 : _prevItems$current.find(function (st) {
-      return st.id === stage.id;
-    });
-    return !!oldStage ? oldStage : stage;
-  });
-  (0, _react.useEffect)(function () {
-    prevItems.current = items;
-  }, [items]);
-  var progressChanges = items.filter(function (stage, index) {
-    return stage.percentageComplete !== previousStages[index].percentageComplete;
-  }).length;
-  var totalStepsForward = items.filter(function (stage, index) {
-    return stage.percentageComplete > previousStages[index].percentageComplete;
-  }).length;
-  var totalStepsBack = items.filter(function (stage, index) {
-    return stage.percentageComplete < previousStages[index].percentageComplete;
-  }).length;
-  var stepsForward = totalStepsForward;
-  var stepsBack = totalStepsBack;
-  var progressItems = items.map(function (stage, index) {
-    var transitionSpeed = 0;
-    var transitionDelay = 0;
-    var transitionEasing = progressChanges > 1 ? 'linear' : _constants2.ANIMATION_EASE_OUT;
-    if (animated) {
-      transitionSpeed = progressChanges > 1 ? _constants2.LINEAR_TRANSITION_SPEED : _constants2.TRANSITION_SPEED;
-      if (stage.percentageComplete < previousStages[index].percentageComplete) {
-        /**
-         * Load each transition sequentially in reverse.
-         */
-        transitionDelay = (stepsBack - 1) * transitionSpeed;
-        stepsBack -= 1;
-      } else if (stage.percentageComplete > previousStages[index].percentageComplete) {
-        /**
-         * Load each transition sequentially.
-         */
-        transitionDelay = (totalStepsForward - stepsForward) * transitionSpeed;
-        stepsForward -= 1;
-      }
-    }
-    return (0, _react2.jsx)(_stage.default, {
-      transitionSpeed: transitionSpeed,
-      transitionDelay: transitionDelay,
-      transitionEasing: transitionEasing,
-      key: stage.id,
-      item: stage,
-      render: render
-    });
-  });
-  var listInlineStyles = (_listInlineStyles = {
-    gridTemplateColumns: "repeat(".concat(items.length, ", 1fr)")
-  }, (0, _defineProperty2.default)(_listInlineStyles, _constants2.varSpacing, _constants.spacing[spacing]), (0, _defineProperty2.default)(_listInlineStyles, "maxWidth", 8 * 10 * items.length * 2), _listInlineStyles);
-  return (0, _react2.jsx)("ul", {
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: listInlineStyles,
-    css: containerStyles,
-    "aria-label": label
-  }, progressItems);
-};
-var _default = exports.default = ProgressTracker;

package/dist/es2019/progress-tracker-facade.js

@@ -1,21 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import OldProgressTracker from './progress-tracker';
-import NewProgressTracker from './progress-tracker-new';
-/**
- * `ProgressTrackerFacade` is a component that conditionally renders either a new functional ProgressTracker component or
- *  class based ProgressTracker component based on a feature flag.
- *
- */
-export const ProgressTrackerFacade = ({
-  ...props
-}) => {
-  const useNewProgressTracker = fg('platform-progress-tracker-functional-facade');
-  return useNewProgressTracker ? jsx(NewProgressTracker, props) : jsx(OldProgressTracker, props);
-};
-export default ProgressTrackerFacade;