@atlaskit/link-datasource 1.19.33 → 1.19.35

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 1.19.35
+
+### Patch Changes
+
+- [#63616](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63616) [`01ee02f34d54`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/01ee02f34d54) - Fixes issue duplication in list of links after adding columns through the config modal.
+
+## 1.19.34
+
+### Patch Changes
+
+- [#62410](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62410) [`57566ae14827`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57566ae14827) - Added a global analytics context that adds `component` to context of all analytic events to generate `componentHierarchy` attribute.
+
 ## 1.19.33
 
 ### Patch Changes

package/dist/cjs/analytics/constants.js

@@ -3,9 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.packageMetaData = exports.EVENT_CHANNEL = void 0;
+exports.componentMetadata = exports.EVENT_CHANNEL = void 0;
 var EVENT_CHANNEL = exports.EVENT_CHANNEL = 'media';
-var packageMetaData = exports.packageMetaData = {
-  packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.33"
+var componentMetadata = exports.componentMetadata = {
+  tableView: {
+    component: 'datasourceTable'
+  },
+  configModal: {
+    component: 'datasourceConfigModal'
+  },
+  generic: {
+    component: 'datasource'
+  }
 };

package/dist/cjs/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _constants = require("../../constants");
 var _index = require("../../index");
-var DatasourceRenderFailedAnalyticsWrapper = (0, _analyticsNext.withAnalyticsContext)(_constants.packageMetaData)(function (props) {
+var DatasourceRenderFailedAnalyticsWrapper = (0, _analyticsNext.withAnalyticsContext)(_constants.componentMetadata.generic)(function (props) {
   var _useDatasourceAnalyti = (0, _index.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   (0, _react.useEffect)(function () {

package/dist/cjs/hooks/useDatasourceTableState.js

@@ -308,18 +308,26 @@ var useDatasourceTableState = exports.useDatasourceTableState = function useData
       }
     }, _callee2, null, [[7, 39]]);
   })), [captureError, parameters, fieldKeys, nextCursor, getDatasourceData, datasourceId, responseItems === null || responseItems === void 0 ? void 0 : responseItems.length, applySchemaProperties, fireEvent, fullSchema]);
-  var reset = (0, _react.useCallback)(function (options) {
+  var reset = (0, _react.useCallback)(function () {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _ref4 = options,
+      _ref4$shouldResetFull = _ref4.shouldResetFullSchema,
+      shouldResetFullSchema = _ref4$shouldResetFull === void 0 ? true : _ref4$shouldResetFull,
+      _ref4$shouldForceRequ = _ref4.shouldForceRequest,
+      shouldForceRequest = _ref4$shouldForceRequ === void 0 ? false : _ref4$shouldForceRequ,
+      _ref4$shouldResetColu = _ref4.shouldResetColumns,
+      shouldResetColumns = _ref4$shouldResetColu === void 0 ? false : _ref4$shouldResetColu;
     setStatus('empty');
     setResponseItems([]);
     setHasNextPage(true);
     setNextCursor(undefined);
     setTotalCount(undefined);
     setLastRequestedFieldKeys([]);
-    setFullSchema({
+    shouldResetFullSchema && setFullSchema({
       properties: []
     });
-    setShouldForceRequest((options === null || options === void 0 ? void 0 : options.shouldForceRequest) || false);
-    if (options !== null && options !== void 0 && options.shouldResetColumns) {
+    setShouldForceRequest(shouldForceRequest);
+    if (shouldResetColumns) {
       setColumns([]);
       setDefaultVisibleColumnKeys([]);
     }
@@ -354,11 +362,12 @@ var useDatasourceTableState = exports.useDatasourceTableState = function useData
           return responseItemKeys.includes(key);
         });
       });
+
+      // if there is no data for the new columns, resetting the state triggers the request of new data (onNextPage)
+      // but the schema should not be reset as it is already loaded
       if (!hasDataForColumns) {
-        reset();
-        void onNextPage({
-          isSchemaFromData: false,
-          shouldRequestFirstPage: true
+        reset({
+          shouldResetFullSchema: false
         });
       }
     }

package/dist/cjs/ui/assets-modal/modal/index.js

@@ -380,7 +380,7 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
 var analyticsContextAttributes = {
   dataProvider: 'jsm-assets'
 };
-var analyticsContextData = _objectSpread(_objectSpread({}, _constants.packageMetaData), {}, {
+var analyticsContextData = _objectSpread(_objectSpread({}, _constants.componentMetadata.configModal), {}, {
   source: 'datasourceConfigModal'
 });
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/cjs/ui/datasource-table-view/datasourceTableView.js

@@ -162,4 +162,4 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     url: url
   })));
 };
-var DatasourceTableView = exports.DatasourceTableView = (0, _analyticsNext.withAnalyticsContext)(_constants.packageMetaData)(DatasourceTableViewWithoutAnalytics);
+var DatasourceTableView = exports.DatasourceTableView = (0, _analyticsNext.withAnalyticsContext)(_constants.componentMetadata.tableView)(DatasourceTableViewWithoutAnalytics);

package/dist/cjs/ui/jira-issues-modal/modal/index.js

@@ -607,7 +607,7 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
 var analyticsContextAttributes = {
   dataProvider: 'jira-issues'
 };
-var analyticsContextData = _objectSpread(_objectSpread({}, _constants.packageMetaData), {}, {
+var analyticsContextData = _objectSpread(_objectSpread({}, _constants.componentMetadata.configModal), {}, {
   source: 'datasourceConfigModal'
 });
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/es2019/analytics/constants.js

@@ -1,5 +1,12 @@
 export const EVENT_CHANNEL = 'media';
-export const packageMetaData = {
-  packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.33"
+export const componentMetadata = {
+  tableView: {
+    component: 'datasourceTable'
+  },
+  configModal: {
+    component: 'datasourceConfigModal'
+  },
+  generic: {
+    component: 'datasource'
+  }
 };

package/dist/es2019/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
-import { packageMetaData } from '../../constants';
+import { componentMetadata } from '../../constants';
 import { useDatasourceAnalyticsEvents } from '../../index';
-const DatasourceRenderFailedAnalyticsWrapper = withAnalyticsContext(packageMetaData)(props => {
+const DatasourceRenderFailedAnalyticsWrapper = withAnalyticsContext(componentMetadata.generic)(props => {
   const {
     fireEvent
   } = useDatasourceAnalyticsEvents();

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -189,18 +189,23 @@ export const useDatasourceTableState = ({
       setStatus('rejected');
     }
   }, [captureError, parameters, fieldKeys, nextCursor, getDatasourceData, datasourceId, responseItems === null || responseItems === void 0 ? void 0 : responseItems.length, applySchemaProperties, fireEvent, fullSchema]);
-  const reset = useCallback(options => {
+  const reset = useCallback((options = {}) => {
+    const {
+      shouldResetFullSchema = true,
+      shouldForceRequest = false,
+      shouldResetColumns = false
+    } = options;
     setStatus('empty');
     setResponseItems([]);
     setHasNextPage(true);
     setNextCursor(undefined);
     setTotalCount(undefined);
     setLastRequestedFieldKeys([]);
-    setFullSchema({
+    shouldResetFullSchema && setFullSchema({
       properties: []
     });
-    setShouldForceRequest((options === null || options === void 0 ? void 0 : options.shouldForceRequest) || false);
-    if (options !== null && options !== void 0 && options.shouldResetColumns) {
+    setShouldForceRequest(shouldForceRequest);
+    if (shouldResetColumns) {
       setColumns([]);
       setDefaultVisibleColumnKeys([]);
     }
@@ -231,11 +236,12 @@ export const useDatasourceTableState = ({
         const responseItemKeys = Object.keys(responseItem);
         return fieldKeys.every(key => responseItemKeys.includes(key));
       });
+
+      // if there is no data for the new columns, resetting the state triggers the request of new data (onNextPage)
+      // but the schema should not be reset as it is already loaded
       if (!hasDataForColumns) {
-        reset();
-        void onNextPage({
-          isSchemaFromData: false,
-          shouldRequestFirstPage: true
+        reset({
+          shouldResetFullSchema: false
         });
       }
     }

package/dist/es2019/ui/assets-modal/modal/index.js

@@ -9,7 +9,7 @@ import Button from '@atlaskit/button/standard-button';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
-import { packageMetaData } from '../../../analytics/constants';
+import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';
 import { startUfoExperience } from '../../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
@@ -356,7 +356,7 @@ const analyticsContextAttributes = {
   dataProvider: 'jsm-assets'
 };
 const analyticsContextData = {
-  ...packageMetaData,
+  ...componentMetadata.configModal,
   source: 'datasourceConfigModal'
 };
 const contextData = {

package/dist/es2019/ui/datasource-table-view/datasourceTableView.js

@@ -5,7 +5,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
-import { packageMetaData } from '../../analytics/constants';
+import { componentMetadata } from '../../analytics/constants';
 import { startUfoExperience } from '../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
@@ -157,4 +157,4 @@ const DatasourceTableViewWithoutAnalytics = ({
     url: url
   })));
 };
-export const DatasourceTableView = withAnalyticsContext(packageMetaData)(DatasourceTableViewWithoutAnalytics);
+export const DatasourceTableView = withAnalyticsContext(componentMetadata.tableView)(DatasourceTableViewWithoutAnalytics);

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -12,7 +12,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { B400, N0, N40, N800 } from '@atlaskit/theme/colors';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
-import { packageMetaData } from '../../../analytics/constants';
+import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';
 import { startUfoExperience } from '../../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
@@ -556,7 +556,7 @@ const analyticsContextAttributes = {
   dataProvider: 'jira-issues'
 };
 const analyticsContextData = {
-  ...packageMetaData,
+  ...componentMetadata.configModal,
   source: 'datasourceConfigModal'
 };
 const contextData = {

package/dist/esm/analytics/constants.js

@@ -1,5 +1,12 @@
 export var EVENT_CHANNEL = 'media';
-export var packageMetaData = {
-  packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.33"
+export var componentMetadata = {
+  tableView: {
+    component: 'datasourceTable'
+  },
+  configModal: {
+    component: 'datasourceConfigModal'
+  },
+  generic: {
+    component: 'datasource'
+  }
 };

package/dist/esm/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
-import { packageMetaData } from '../../constants';
+import { componentMetadata } from '../../constants';
 import { useDatasourceAnalyticsEvents } from '../../index';
-var DatasourceRenderFailedAnalyticsWrapper = withAnalyticsContext(packageMetaData)(function (props) {
+var DatasourceRenderFailedAnalyticsWrapper = withAnalyticsContext(componentMetadata.generic)(function (props) {
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   useEffect(function () {

package/dist/esm/hooks/useDatasourceTableState.js

@@ -301,18 +301,26 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
       }
     }, _callee2, null, [[7, 39]]);
   })), [captureError, parameters, fieldKeys, nextCursor, getDatasourceData, datasourceId, responseItems === null || responseItems === void 0 ? void 0 : responseItems.length, applySchemaProperties, fireEvent, fullSchema]);
-  var reset = useCallback(function (options) {
+  var reset = useCallback(function () {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _ref4 = options,
+      _ref4$shouldResetFull = _ref4.shouldResetFullSchema,
+      shouldResetFullSchema = _ref4$shouldResetFull === void 0 ? true : _ref4$shouldResetFull,
+      _ref4$shouldForceRequ = _ref4.shouldForceRequest,
+      shouldForceRequest = _ref4$shouldForceRequ === void 0 ? false : _ref4$shouldForceRequ,
+      _ref4$shouldResetColu = _ref4.shouldResetColumns,
+      shouldResetColumns = _ref4$shouldResetColu === void 0 ? false : _ref4$shouldResetColu;
     setStatus('empty');
     setResponseItems([]);
     setHasNextPage(true);
     setNextCursor(undefined);
     setTotalCount(undefined);
     setLastRequestedFieldKeys([]);
-    setFullSchema({
+    shouldResetFullSchema && setFullSchema({
       properties: []
     });
-    setShouldForceRequest((options === null || options === void 0 ? void 0 : options.shouldForceRequest) || false);
-    if (options !== null && options !== void 0 && options.shouldResetColumns) {
+    setShouldForceRequest(shouldForceRequest);
+    if (shouldResetColumns) {
       setColumns([]);
       setDefaultVisibleColumnKeys([]);
     }
@@ -347,11 +355,12 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
           return responseItemKeys.includes(key);
         });
       });
+
+      // if there is no data for the new columns, resetting the state triggers the request of new data (onNextPage)
+      // but the schema should not be reset as it is already loaded
       if (!hasDataForColumns) {
-        reset();
-        void onNextPage({
-          isSchemaFromData: false,
-          shouldRequestFirstPage: true
+        reset({
+          shouldResetFullSchema: false
         });
       }
     }

package/dist/esm/ui/assets-modal/modal/index.js

@@ -13,7 +13,7 @@ import Button from '@atlaskit/button/standard-button';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
-import { packageMetaData } from '../../../analytics/constants';
+import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';
 import { startUfoExperience } from '../../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
@@ -371,7 +371,7 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
 var analyticsContextAttributes = {
   dataProvider: 'jsm-assets'
 };
-var analyticsContextData = _objectSpread(_objectSpread({}, packageMetaData), {}, {
+var analyticsContextData = _objectSpread(_objectSpread({}, componentMetadata.configModal), {}, {
   source: 'datasourceConfigModal'
 });
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/esm/ui/datasource-table-view/datasourceTableView.js

@@ -5,7 +5,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
-import { packageMetaData } from '../../analytics/constants';
+import { componentMetadata } from '../../analytics/constants';
 import { startUfoExperience } from '../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
@@ -154,4 +154,4 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     url: url
   })));
 };
-export var DatasourceTableView = withAnalyticsContext(packageMetaData)(DatasourceTableViewWithoutAnalytics);
+export var DatasourceTableView = withAnalyticsContext(componentMetadata.tableView)(DatasourceTableViewWithoutAnalytics);

package/dist/esm/ui/jira-issues-modal/modal/index.js

@@ -19,7 +19,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { B400, N0, N40, N800 } from '@atlaskit/theme/colors';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
-import { packageMetaData } from '../../../analytics/constants';
+import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';
 import { startUfoExperience } from '../../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
@@ -598,7 +598,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
 var analyticsContextAttributes = {
   dataProvider: 'jira-issues'
 };
-var analyticsContextData = _objectSpread(_objectSpread({}, packageMetaData), {}, {
+var analyticsContextData = _objectSpread(_objectSpread({}, componentMetadata.configModal), {}, {
   source: 'datasourceConfigModal'
 });
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/types/analytics/constants.d.ts

@@ -1,3 +1,12 @@
-import { PackageMetaDataType } from './generated/analytics.types';
 export declare const EVENT_CHANNEL = "media";
-export declare const packageMetaData: PackageMetaDataType;
+export declare const componentMetadata: {
+    tableView: {
+        component: string;
+    };
+    configModal: {
+        component: string;
+    };
+    generic: {
+        component: string;
+    };
+};

package/dist/types/analytics/generated/analytics.types.d.ts

@@ -3,12 +3,11 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::f35a0d2e09bbd808850b5229692cd16c>>
+ * @codegen <<SignedSource::c9cb39dfcf360ccc71b740ba1353dc6b>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
-export type PackageMetaDataType = {
-    packageName: string;
-    packageVersion: string;
+export type ComponentMetaDataType = {
+    component: string;
 };
 export type AnalyticsContextType = {
     source: 'datasourceConfigModal';

package/dist/types/hooks/useDatasourceTableState.d.ts

@@ -10,6 +10,8 @@ interface ResetOptions {
     shouldForceRequest?: boolean;
     /** Resets current column data from a datasource table when issuing the new request */
     shouldResetColumns?: boolean;
+    /** Resets current schema data from a datasource table when issuing the new request */
+    shouldResetFullSchema?: boolean;
 }
 export interface DatasourceTableState {
     /** The current status of the table for rendering of the different UI states (e.g.: loading, error, etc). */

package/dist/types-ts4.5/analytics/constants.d.ts

@@ -1,3 +1,12 @@
-import { PackageMetaDataType } from './generated/analytics.types';
 export declare const EVENT_CHANNEL = "media";
-export declare const packageMetaData: PackageMetaDataType;
+export declare const componentMetadata: {
+    tableView: {
+        component: string;
+    };
+    configModal: {
+        component: string;
+    };
+    generic: {
+        component: string;
+    };
+};

package/dist/types-ts4.5/analytics/generated/analytics.types.d.ts

@@ -3,12 +3,11 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::f35a0d2e09bbd808850b5229692cd16c>>
+ * @codegen <<SignedSource::c9cb39dfcf360ccc71b740ba1353dc6b>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
-export type PackageMetaDataType = {
-    packageName: string;
-    packageVersion: string;
+export type ComponentMetaDataType = {
+    component: string;
 };
 export type AnalyticsContextType = {
     source: 'datasourceConfigModal';

package/dist/types-ts4.5/hooks/useDatasourceTableState.d.ts

@@ -10,6 +10,8 @@ interface ResetOptions {
     shouldForceRequest?: boolean;
     /** Resets current column data from a datasource table when issuing the new request */
     shouldResetColumns?: boolean;
+    /** Resets current schema data from a datasource table when issuing the new request */
+    shouldResetFullSchema?: boolean;
 }
 export interface DatasourceTableState {
     /** The current status of the table for rendering of the different UI states (e.g.: loading, error, etc). */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.19.33",
+  "version": "1.19.35",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -62,7 +62,7 @@
     "@atlaskit/tag": "^12.0.0",
     "@atlaskit/textfield": "6.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.31.0",
+    "@atlaskit/tokens": "^1.32.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.4",
     "@atlassianlabs/jql-editor": "^2.0.1",