@atlaskit/progress-tracker 10.1.2 → 10.2.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/progress-tracker
 
+## 10.2.0
+
+### Minor Changes
+
+- [#175003](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175003)
+  [`0d715469b8a4d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0d715469b8a4d) -
+  This release enables functionality previously tested and rolled out under a feature flag. Progress
+  tracker links are now rendered using the Anchor primitive by default, allowing automatic router
+  link configuration with App Provider.
+
+  The `render` prop, which only supported overriding links, has been deprecated. To migrate,
+  configure router links using [App Provider](https://atlassian.design/components/app-provider).
+
+## 10.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.1.2
 
 ### Patch Changes

package/dist/cjs/internal/link.compiled.css

@@ -1,2 +1,10 @@
-._80omtlke{cursor:pointer}
-._syaz1o8f{color:var(--_ggxzyp)}
+._11c81kw7{font:inherit}
+._1hmsglyw{text-decoration-line:none}
+._4bfu1r31{text-decoration-color:currentColor}
+._ajmmnqa1{text-decoration-style:solid}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._1bnx8stv:hover{text-decoration-line:underline}
+._30l314q2:hover{color:var(--ds-link,#0c66e4)}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}
+._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}

package/dist/cjs/internal/link.js

@@ -1,17 +1,18 @@
 /* link.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 require("./link.compiled.css");
-var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _colors = require("@atlaskit/theme/colors");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var linkStyles = null;
+var _react = _interopRequireDefault(require("react"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var styles = {
+  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 
 /**
  * __Progress tracker link__
@@ -21,14 +22,13 @@ var Link = function Link(_ref) {
     onClick = _ref.onClick,
     label = _ref.label,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement("a", {
-    href: href,
+  return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+    xcss: styles.anchor
+    // TODO: We should not be rendering empty hrefs on anchors. This should be plain text or a button/pressable if `onClick` is provided.
+    ,
+    href: href || '',
     onClick: onClick,
-    "data-testid": testId,
-    className: (0, _runtime.ax)(["_syaz1o8f _80omtlke"]),
-    style: {
-      "--_ggxzyp": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N800, ")"))
-    }
+    testId: testId
   }, label);
 };
 var _default = exports.default = Link;

package/dist/cjs/progress-tracker.js

@@ -12,9 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _link = _interopRequireDefault(require("./internal/link"));
-var _linkNew = _interopRequireDefault(require("./internal/link-new"));
 var _stage = _interopRequireDefault(require("./internal/stage"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -44,9 +42,10 @@ var ProgressTracker = function ProgressTracker(_ref) {
       link: function link(_ref2) {
         var item = _ref2.item;
         return (
+          /*#__PURE__*/
           // Anchor content is coming from another location
           // eslint-disable-next-line jsx-a11y/anchor-has-content
-          (0, _platformFeatureFlags.fg)('platform_progress_tracker_link_migration') ? /*#__PURE__*/React.createElement(_linkNew.default, item) : /*#__PURE__*/React.createElement(_link.default, item)
+          React.createElement(_link.default, item)
         );
       }
     } : _ref$render,

package/dist/es2019/internal/link.compiled.css

@@ -1,2 +1,10 @@
-._80omtlke{cursor:pointer}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._11c81kw7{font:inherit}
+._1hmsglyw{text-decoration-line:none}
+._4bfu1r31{text-decoration-color:currentColor}
+._ajmmnqa1{text-decoration-style:solid}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._1bnx8stv:hover{text-decoration-line:underline}
+._30l314q2:hover{color:var(--ds-link,#0c66e4)}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}
+._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}

package/dist/es2019/internal/link.js

@@ -1,9 +1,11 @@
 /* link.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./link.compiled.css";
-import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N800 } from '@atlaskit/theme/colors';
-const linkStyles = null;
+import React from 'react';
+import { Anchor } from '@atlaskit/primitives/compiled';
+const styles = {
+  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 
 /**
  * __Progress tracker link__
@@ -13,10 +15,14 @@ const Link = ({
   onClick,
   label,
   testId
-}) => /*#__PURE__*/React.createElement("a", {
-  href: href,
-  onClick: onClick,
-  "data-testid": testId,
-  className: ax(["_syaz1fxt _80omtlke"])
-}, label);
+}) => {
+  return /*#__PURE__*/React.createElement(Anchor, {
+    xcss: styles.anchor
+    // TODO: We should not be rendering empty hrefs on anchors. This should be plain text or a button/pressable if `onClick` is provided.
+    ,
+    href: href || '',
+    onClick: onClick,
+    testId: testId
+  }, label);
+};
 export default Link;

package/dist/es2019/progress-tracker.js

@@ -3,9 +3,7 @@ import "./progress-tracker.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Link from './internal/link';
-import LinkNew from './internal/link-new';
 import Stage from './internal/stage';
 const containerStyles = null;
 const spacingOptions = {
@@ -29,9 +27,10 @@ const ProgressTracker = ({
     link: ({
       item
     }) =>
+    /*#__PURE__*/
     // Anchor content is coming from another location
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    fg('platform_progress_tracker_link_migration') ? /*#__PURE__*/React.createElement(LinkNew, item) : /*#__PURE__*/React.createElement(Link, item)
+    React.createElement(Link, item)
   },
   animated = true,
   testId,

package/dist/esm/internal/link.compiled.css

@@ -1,2 +1,10 @@
-._80omtlke{cursor:pointer}
-._syaz1o8f{color:var(--_ggxzyp)}
+._11c81kw7{font:inherit}
+._1hmsglyw{text-decoration-line:none}
+._4bfu1r31{text-decoration-color:currentColor}
+._ajmmnqa1{text-decoration-style:solid}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._1bnx8stv:hover{text-decoration-line:underline}
+._30l314q2:hover{color:var(--ds-link,#0c66e4)}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}
+._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}

package/dist/esm/internal/link.js

@@ -1,9 +1,11 @@
 /* link.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./link.compiled.css";
-import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N800 } from '@atlaskit/theme/colors';
-var linkStyles = null;
+import React from 'react';
+import { Anchor } from '@atlaskit/primitives/compiled';
+var styles = {
+  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 
 /**
  * __Progress tracker link__
@@ -13,14 +15,13 @@ var Link = function Link(_ref) {
     onClick = _ref.onClick,
     label = _ref.label,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement("a", {
-    href: href,
+  return /*#__PURE__*/React.createElement(Anchor, {
+    xcss: styles.anchor
+    // TODO: We should not be rendering empty hrefs on anchors. This should be plain text or a button/pressable if `onClick` is provided.
+    ,
+    href: href || '',
     onClick: onClick,
-    "data-testid": testId,
-    className: ax(["_syaz1o8f _80omtlke"]),
-    style: {
-      "--_ggxzyp": ix("var(--ds-text, ".concat(N800, ")"))
-    }
+    testId: testId
   }, label);
 };
 export default Link;

package/dist/esm/progress-tracker.js

@@ -6,9 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 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; }
 import { useEffect, useRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Link from './internal/link';
-import LinkNew from './internal/link-new';
 import Stage from './internal/stage';
 var containerStyles = null;
 var spacingOptions = {
@@ -35,9 +33,10 @@ var ProgressTracker = function ProgressTracker(_ref) {
       link: function link(_ref2) {
         var item = _ref2.item;
         return (
+          /*#__PURE__*/
           // Anchor content is coming from another location
           // eslint-disable-next-line jsx-a11y/anchor-has-content
-          fg('platform_progress_tracker_link_migration') ? /*#__PURE__*/React.createElement(LinkNew, item) : /*#__PURE__*/React.createElement(Link, item)
+          React.createElement(Link, item)
         );
       }
     } : _ref$render,

package/dist/types/internal/link.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import { type FC } from 'react';
 import { type Stage } from '../types';
 /**

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

@@ -10,7 +10,12 @@ export interface ProgressTrackerProps {
      */
     spacing?: Spacing;
     /**
+     * @deprecated
+     *
      * Render prop to specify custom implementations of components.
+     *
+     * Note this is deprecated and will be removed in a future version.
+     * Links inside progress tracker can be configured using [App Provider](https://atlassian.design/components/app-provider) instead.
      */
     render?: ProgressTrackerStageRenderProp;
     /**

package/dist/types-ts4.5/internal/link.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import { type FC } from 'react';
 import { type Stage } from '../types';
 /**

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

@@ -10,7 +10,12 @@ export interface ProgressTrackerProps {
      */
     spacing?: Spacing;
     /**
+     * @deprecated
+     *
      * Render prop to specify custom implementations of components.
+     *
+     * Note this is deprecated and will be removed in a future version.
+     * Links inside progress tracker can be configured using [App Provider](https://atlassian.design/components/app-provider) instead.
      */
     render?: ProgressTrackerStageRenderProp;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/progress-tracker",
-	"version": "10.1.2",
+	"version": "10.2.0",
 	"description": "A progress tracker displays the steps and progress through a journey.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,11 +25,10 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/css": "^0.11.0",
+		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.0.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
 		"react-transition-group": "^4.4.1"
@@ -42,9 +41,9 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/button": "^23.2.0",
-		"@atlaskit/docs": "^10.0.0",
+		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^26.4.0",
+		"@atlaskit/icon": "^27.1.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/ssr": "workspace:^",
@@ -89,11 +88,5 @@
 		"./types": "./src/types.tsx",
 		".": "./src/index.tsx"
 	},
-	"homepage": "https://atlassian.design/components/progress-tracker/",
-	"platform-feature-flags": {
-		"platform_progress_tracker_link_migration": {
-			"type": "boolean",
-			"showOnWebsiteForTransitiveDependencies": true
-		}
-	}
+	"homepage": "https://atlassian.design/components/progress-tracker/"
 }

package/dist/cjs/internal/link-new.compiled.css

@@ -1,10 +0,0 @@
-._11c81kw7{font:inherit}
-._1hmsglyw{text-decoration-line:none}
-._4bfu1r31{text-decoration-color:currentColor}
-._ajmmnqa1{text-decoration-style:solid}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
-._1bnx8stv:hover{text-decoration-line:underline}
-._30l314q2:hover{color:var(--ds-link,#0c66e4)}
-._9oik1r31:hover{text-decoration-color:currentColor}
-._jf4cnqa1:hover{text-decoration-style:solid}
-._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}

package/dist/cjs/internal/link-new.js

@@ -1,34 +0,0 @@
-/* link-new.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("./link-new.compiled.css");
-var _runtime = require("@compiled/react/runtime");
-var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
-var styles = {
-  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
-};
-
-/**
- * __Progress tracker link__
- */
-var Link = function Link(_ref) {
-  var href = _ref.href,
-    onClick = _ref.onClick,
-    label = _ref.label,
-    testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
-    xcss: styles.anchor
-    // TODO: We should not be rendering empty hrefs on anchors. This should be plain text or a button/pressable if `onClick` is provided.
-    ,
-    href: href || '',
-    onClick: onClick,
-    testId: testId
-  }, label);
-};
-var _default = exports.default = Link;

package/dist/es2019/internal/link-new.compiled.css

@@ -1,10 +0,0 @@
-._11c81kw7{font:inherit}
-._1hmsglyw{text-decoration-line:none}
-._4bfu1r31{text-decoration-color:currentColor}
-._ajmmnqa1{text-decoration-style:solid}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
-._1bnx8stv:hover{text-decoration-line:underline}
-._30l314q2:hover{color:var(--ds-link,#0c66e4)}
-._9oik1r31:hover{text-decoration-color:currentColor}
-._jf4cnqa1:hover{text-decoration-style:solid}
-._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}

package/dist/es2019/internal/link-new.js

@@ -1,28 +0,0 @@
-/* link-new.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./link-new.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { Anchor } from '@atlaskit/primitives/compiled';
-const styles = {
-  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
-};
-
-/**
- * __Progress tracker link__
- */
-const Link = ({
-  href,
-  onClick,
-  label,
-  testId
-}) => {
-  return /*#__PURE__*/React.createElement(Anchor, {
-    xcss: styles.anchor
-    // TODO: We should not be rendering empty hrefs on anchors. This should be plain text or a button/pressable if `onClick` is provided.
-    ,
-    href: href || '',
-    onClick: onClick,
-    testId: testId
-  }, label);
-};
-export default Link;

package/dist/esm/internal/link-new.compiled.css

@@ -1,10 +0,0 @@
-._11c81kw7{font:inherit}
-._1hmsglyw{text-decoration-line:none}
-._4bfu1r31{text-decoration-color:currentColor}
-._ajmmnqa1{text-decoration-style:solid}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
-._1bnx8stv:hover{text-decoration-line:underline}
-._30l314q2:hover{color:var(--ds-link,#0c66e4)}
-._9oik1r31:hover{text-decoration-color:currentColor}
-._jf4cnqa1:hover{text-decoration-style:solid}
-._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}

package/dist/esm/internal/link-new.js

@@ -1,27 +0,0 @@
-/* link-new.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./link-new.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { Anchor } from '@atlaskit/primitives/compiled';
-var styles = {
-  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
-};
-
-/**
- * __Progress tracker link__
- */
-var Link = function Link(_ref) {
-  var href = _ref.href,
-    onClick = _ref.onClick,
-    label = _ref.label,
-    testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(Anchor, {
-    xcss: styles.anchor
-    // TODO: We should not be rendering empty hrefs on anchors. This should be plain text or a button/pressable if `onClick` is provided.
-    ,
-    href: href || '',
-    onClick: onClick,
-    testId: testId
-  }, label);
-};
-export default Link;

package/dist/types/internal/link-new.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type Stage } from '../types';
-/**
- * __Progress tracker link__
- */
-declare const Link: FC<Stage & {
-    testId?: string;
-}>;
-export default Link;

package/dist/types-ts4.5/internal/link-new.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type Stage } from '../types';
-/**
- * __Progress tracker link__
- */
-declare const Link: FC<Stage & {
-    testId?: string;
-}>;
-export default Link;