@atlaskit/link-datasource 2.9.2 → 2.9.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/link-datasource
 
+## 2.9.3
+
+### Patch Changes
+
+- [#121590](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121590)
+  [`4dbf48b5397de`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4dbf48b5397de) -
+  Track datasource table word-wrap action
+- Updated dependencies
+
 ## 2.9.2
 
 ### Patch Changes

package/dist/cjs/analytics/generated/use-analytics-events.js

@@ -14,7 +14,7 @@ var _createEventPayload = _interopRequireDefault(require("./create-event-payload
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::415836762b378b7d79f3aff4ba051c14>>
+ * @codegen <<SignedSource::21ae373abad7c370a8682ddcd3a7ed21>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 

package/dist/cjs/ui/issue-like-table/draggable-table-heading.js

@@ -28,6 +28,7 @@ var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/eleme
 var _pointerOutsideOfPreview = require("@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview");
 var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview");
 var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
+var _analytics = require("../../analytics");
 var _customIcons = require("./custom-icons");
 var _messages = require("./messages");
 var _styled2 = require("./styled");
@@ -119,6 +120,8 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     onWidthChange = _ref.onWidthChange,
     isWrapped = _ref.isWrapped,
     onIsWrappedChange = _ref.onIsWrappedChange;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var mainHeaderCellRef = (0, _react.useRef)(null);
   var columnResizeHandleRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(idleState),
@@ -341,8 +344,17 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     return setIsDropdownOpen(isOpen);
   }, []);
   var toggleWrap = (0, _react.useCallback)(function () {
-    return onIsWrappedChange && onIsWrappedChange(!(isWrapped || false));
-  }, [isWrapped, onIsWrappedChange]);
+    if (!onIsWrappedChange) {
+      return;
+    }
+    var nextIsWrap = !(isWrapped || false);
+    if (nextIsWrap) {
+      fireEvent('ui.button.clicked.wrap', {});
+    } else {
+      fireEvent('ui.button.clicked.unwrap', {});
+    }
+    onIsWrappedChange(nextIsWrap);
+  }, [fireEvent, isWrapped, onIsWrappedChange]);
   return (0, _react2.jsx)(_styled2.TableHeading, {
     ref: mainHeaderCellRef,
     "data-testid": "".concat(id, "-column-heading"),

package/dist/es2019/analytics/generated/use-analytics-events.js

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::415836762b378b7d79f3aff4ba051c14>>
+ * @codegen <<SignedSource::21ae373abad7c370a8682ddcd3a7ed21>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 import { useCallback } from 'react';

package/dist/es2019/ui/issue-like-table/draggable-table-heading.js

@@ -24,6 +24,7 @@ import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/elem
 import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
 import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
+import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
 import { issueLikeTableMessages } from './messages';
 import { TableHeading } from './styled';
@@ -105,6 +106,9 @@ export const DraggableTableHeading = ({
   isWrapped,
   onIsWrappedChange
 }) => {
+  const {
+    fireEvent
+  } = useDatasourceAnalyticsEvents();
   const mainHeaderCellRef = useRef(null);
   const columnResizeHandleRef = useRef(null);
   const [state, setState] = useState(idleState);
@@ -311,7 +315,18 @@ export const DraggableTableHeading = ({
   const onDropdownOpenChange = useCallback(({
     isOpen
   }) => setIsDropdownOpen(isOpen), []);
-  const toggleWrap = useCallback(() => onIsWrappedChange && onIsWrappedChange(!(isWrapped || false)), [isWrapped, onIsWrappedChange]);
+  const toggleWrap = useCallback(() => {
+    if (!onIsWrappedChange) {
+      return;
+    }
+    const nextIsWrap = !(isWrapped || false);
+    if (nextIsWrap) {
+      fireEvent('ui.button.clicked.wrap', {});
+    } else {
+      fireEvent('ui.button.clicked.unwrap', {});
+    }
+    onIsWrappedChange(nextIsWrap);
+  }, [fireEvent, isWrapped, onIsWrappedChange]);
   return jsx(TableHeading, {
     ref: mainHeaderCellRef,
     "data-testid": `${id}-column-heading`,

package/dist/esm/analytics/generated/use-analytics-events.js

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::415836762b378b7d79f3aff4ba051c14>>
+ * @codegen <<SignedSource::21ae373abad7c370a8682ddcd3a7ed21>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 import { useCallback } from 'react';

package/dist/esm/ui/issue-like-table/draggable-table-heading.js

@@ -30,6 +30,7 @@ import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/elem
 import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
 import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
+import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
 import { issueLikeTableMessages } from './messages';
 import { TableHeading } from './styled';
@@ -110,6 +111,8 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
     onWidthChange = _ref.onWidthChange,
     isWrapped = _ref.isWrapped,
     onIsWrappedChange = _ref.onIsWrappedChange;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var mainHeaderCellRef = useRef(null);
   var columnResizeHandleRef = useRef(null);
   var _useState = useState(idleState),
@@ -332,8 +335,17 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
     return setIsDropdownOpen(isOpen);
   }, []);
   var toggleWrap = useCallback(function () {
-    return onIsWrappedChange && onIsWrappedChange(!(isWrapped || false));
-  }, [isWrapped, onIsWrappedChange]);
+    if (!onIsWrappedChange) {
+      return;
+    }
+    var nextIsWrap = !(isWrapped || false);
+    if (nextIsWrap) {
+      fireEvent('ui.button.clicked.wrap', {});
+    } else {
+      fireEvent('ui.button.clicked.unwrap', {});
+    }
+    onIsWrappedChange(nextIsWrap);
+  }, [fireEvent, isWrapped, onIsWrappedChange]);
   return jsx(TableHeading, {
     ref: mainHeaderCellRef,
     "data-testid": "".concat(id, "-column-heading"),

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::6518dea178189cd102e0ca6ce7eae059>>
+ * @codegen <<SignedSource::a526398bbb8839b31c26c69ef2845c19>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -16,10 +16,6 @@ export type AnalyticsContextAttributesType = {
     dataProvider: 'jira-issues' | 'jsm-assets' | 'confluence-search';
 };
 export type DatasourceModalDialogViewedAttributesType = {};
-export type LinkClickedPoweredByAttributesType = {
-    extensionKey: string;
-    componentHierarchy: string;
-};
 export type ModalReadyDatasourceAttributesType = {
     instancesCount: number | null;
     schemasCount: number | null;
@@ -57,6 +53,8 @@ export type ButtonClickedCancelAttributesType = {
     extensionKey: string | null;
     actions: unknown[];
 };
+export type ButtonClickedWrapAttributesType = {};
+export type ButtonClickedUnwrapAttributesType = {};
 export type LinkClickedSingleItemAttributesType = {
     extensionKey: string | null;
     destinationObjectTypes: unknown[];
@@ -126,6 +124,7 @@ export type ButtonClickedBasicSearchDropdownAttributesType = {
     type: 'showMore';
 };
 export type AqlEditorSearchedAttributesType = {};
+export type LinkClickedPoweredByAttributesType = {};
 export type GetWorkspaceIdSuccessAttributesType = {};
 export type GetWorkspaceIdFailedAttributesType = {
     statusCodeGroup: '1xx' | '3xx' | '4xx' | '5xx' | 'unknown';
@@ -170,6 +169,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired on cancel button click */
     'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
+    /**
+     * Fired on wrap button click */
+    'ui.button.clicked.wrap': ButtonClickedWrapAttributesType;
+    /**
+     * Fired on unwrap button click */
+    'ui.button.clicked.unwrap': ButtonClickedUnwrapAttributesType;
     /**
      * Fired when user clicks on datasource items */
     'ui.link.clicked.singleItem': LinkClickedSingleItemAttributesType;
@@ -215,12 +220,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the “show more” button inside the dropdown menu is clicked */
     'ui.button.clicked.basicSearchDropdown': ButtonClickedBasicSearchDropdownAttributesType;
-    /**
-     * Fired when the “show more” button inside the dropdown menu is clicked */
-    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when search is initiated via the search icon or enter key press for aql editor input field. */
     'ui.aqlEditor.searched': AqlEditorSearchedAttributesType;
+    /**
+     * Fired when the power by link on the issue like table footer is clicked. */
+    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when fetching a workspace Id is successful. */
     'operational.getWorkspaceId.success': GetWorkspaceIdSuccessAttributesType;

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::6518dea178189cd102e0ca6ce7eae059>>
+ * @codegen <<SignedSource::a526398bbb8839b31c26c69ef2845c19>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -16,10 +16,6 @@ export type AnalyticsContextAttributesType = {
     dataProvider: 'jira-issues' | 'jsm-assets' | 'confluence-search';
 };
 export type DatasourceModalDialogViewedAttributesType = {};
-export type LinkClickedPoweredByAttributesType = {
-    extensionKey: string;
-    componentHierarchy: string;
-};
 export type ModalReadyDatasourceAttributesType = {
     instancesCount: number | null;
     schemasCount: number | null;
@@ -57,6 +53,8 @@ export type ButtonClickedCancelAttributesType = {
     extensionKey: string | null;
     actions: unknown[];
 };
+export type ButtonClickedWrapAttributesType = {};
+export type ButtonClickedUnwrapAttributesType = {};
 export type LinkClickedSingleItemAttributesType = {
     extensionKey: string | null;
     destinationObjectTypes: unknown[];
@@ -126,6 +124,7 @@ export type ButtonClickedBasicSearchDropdownAttributesType = {
     type: 'showMore';
 };
 export type AqlEditorSearchedAttributesType = {};
+export type LinkClickedPoweredByAttributesType = {};
 export type GetWorkspaceIdSuccessAttributesType = {};
 export type GetWorkspaceIdFailedAttributesType = {
     statusCodeGroup: '1xx' | '3xx' | '4xx' | '5xx' | 'unknown';
@@ -170,6 +169,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired on cancel button click */
     'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
+    /**
+     * Fired on wrap button click */
+    'ui.button.clicked.wrap': ButtonClickedWrapAttributesType;
+    /**
+     * Fired on unwrap button click */
+    'ui.button.clicked.unwrap': ButtonClickedUnwrapAttributesType;
     /**
      * Fired when user clicks on datasource items */
     'ui.link.clicked.singleItem': LinkClickedSingleItemAttributesType;
@@ -215,12 +220,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the “show more” button inside the dropdown menu is clicked */
     'ui.button.clicked.basicSearchDropdown': ButtonClickedBasicSearchDropdownAttributesType;
-    /**
-     * Fired when the “show more” button inside the dropdown menu is clicked */
-    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when search is initiated via the search icon or enter key press for aql editor input field. */
     'ui.aqlEditor.searched': AqlEditorSearchedAttributesType;
+    /**
+     * Fired when the power by link on the issue like table footer is clicked. */
+    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when fetching a workspace Id is successful. */
     'operational.getWorkspaceId.success': GetWorkspaceIdSuccessAttributesType;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "2.9.2",
+	"version": "2.9.3",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -47,7 +47,7 @@
 		"@atlaskit/empty-state": "^7.9.0",
 		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/icon": "^22.9.0",
+		"@atlaskit/icon": "^22.10.0",
 		"@atlaskit/icon-object": "^6.4.0",
 		"@atlaskit/image": "^1.3.0",
 		"@atlaskit/intl-messages-provider": "^1.0.0",
@@ -75,7 +75,7 @@
 		"@atlaskit/tag": "^12.4.0",
 		"@atlaskit/textfield": "6.4.2",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.56.0",
+		"@atlaskit/tokens": "^1.57.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/ufo": "^0.2.4",
 		"@atlaskit/width-detector": "^4.2.0",