@atlaskit/link-picker 1.8.2 → 1.8.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-picker
 
+## 1.8.3
+
+### Patch Changes
+
+- [`7e07778ec20`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e07778ec20) - Add linkState attribute to link picker analytics context
+
 ## 1.8.2
 
 ### Patch Changes

package/dist/cjs/analytics.codegen.js

@@ -10,7 +10,7 @@ exports.default = void 0;
  *
  * Generates analytics utilities from the package analytics spec yaml
  *
- * @codegen <<SignedSource::ffa7ec78cc793f941d06cdb25b07dc8a>>
+ * @codegen <<SignedSource::115bafba068f36f76da67200ee2d08c4>>
  * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
  */
 function createEventPayload(eventKey, attributes) {

package/dist/cjs/services/use-search-query/index.js

@@ -7,7 +7,7 @@ exports.useSearchQuery = useSearchQuery;
 
 var _react = require("react");
 
-var _url = require("../../ui/link-picker/url");
+var _url = require("../../common/utils/url");
 
 function useSearchQuery(state) {
   var _queryState$current;

package/dist/cjs/services/with-link-picker-analytics/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withLinkPickerAnalyticsContext = withLinkPickerAnalyticsContext;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _url = require("../../common/utils/url");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function withLinkPickerAnalyticsContext(WrappedComponent) {
+  return function (props) {
+    var data = (0, _react.useMemo)(function () {
+      return {
+        attributes: {
+          linkState: (0, _url.normalizeUrl)(props.url) ? 'editLink' : 'newLink'
+        }
+      };
+    }, [props.url]);
+    return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+      data: data
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
+  };
+}

package/dist/cjs/ui/link-picker/index.js

@@ -41,13 +41,15 @@ var _usePlugins2 = require("../../services/use-plugins");
 
 var _useSearchQuery = require("../../services/use-search-query");
 
+var _withLinkPickerAnalytics = require("../../services/with-link-picker-analytics");
+
 var _messages = require("./messages");
 
 var _textInput = _interopRequireDefault(require("./text-input"));
 
 var _linkSearchList = _interopRequireDefault(require("./link-search-list"));
 
-var _url2 = require("./url");
+var _url2 = require("../../common/utils/url");
 
 var _styled = require("./styled");
 
@@ -414,7 +416,8 @@ function LinkPicker(_ref) {
   }, intl.formatMessage(insertButtonMsg)))));
 }
 
-var _default = LinkPicker;
+var _default = (0, _withLinkPickerAnalytics.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(LinkPicker));
+
 exports.default = _default;
 
 function getScreenReaderText(items, selectedIndex, intl) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.8.2",
+	"version": "1.8.3",
 	"sideEffects": false
 }

package/dist/es2019/analytics.codegen.js

@@ -3,7 +3,7 @@
  *
  * Generates analytics utilities from the package analytics spec yaml
  *
- * @codegen <<SignedSource::ffa7ec78cc793f941d06cdb25b07dc8a>>
+ * @codegen <<SignedSource::115bafba068f36f76da67200ee2d08c4>>
  * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
  */
 function createEventPayload(eventKey, attributes) {

package/dist/es2019/services/use-search-query/index.js

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import { isSafeUrl } from '../../ui/link-picker/url';
+import { isSafeUrl } from '../../common/utils/url';
 export function useSearchQuery(state) {
   var _queryState$current;
 

package/dist/es2019/services/with-link-picker-analytics/index.js

@@ -0,0 +1,15 @@
+import React, { useMemo } from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { normalizeUrl } from '../../common/utils/url';
+export function withLinkPickerAnalyticsContext(WrappedComponent) {
+  return props => {
+    const data = useMemo(() => ({
+      attributes: {
+        linkState: normalizeUrl(props.url) ? 'editLink' : 'newLink'
+      }
+    }), [props.url]);
+    return /*#__PURE__*/React.createElement(AnalyticsContext, {
+      data: data
+    }, /*#__PURE__*/React.createElement(WrappedComponent, props));
+  };
+}

package/dist/es2019/ui/link-picker/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { Fragment, useCallback, useEffect, useLayoutEffect, useReducer } from 'react';
+import { Fragment, useCallback, useEffect, useLayoutEffect, useReducer, memo } from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -14,10 +14,11 @@ import createEventPayload from '../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { usePlugins } from '../../services/use-plugins';
 import { useSearchQuery } from '../../services/use-search-query';
+import { withLinkPickerAnalyticsContext } from '../../services/with-link-picker-analytics';
 import { messages } from './messages';
 import PanelTextInput from './text-input';
 import LinkSearchList from './link-search-list';
-import { normalizeUrl, isSafeUrl } from './url';
+import { normalizeUrl, isSafeUrl } from '../../common/utils/url';
 import { rootContainerStyles, searchIconStyles, listTitleStyles, tabsWrapperStyles } from './styled';
 import { browser } from './browser';
 import Announcer from './announcer';
@@ -361,7 +362,7 @@ function LinkPicker({
   }, intl.formatMessage(insertButtonMsg)))));
 }
 
-export default LinkPicker;
+export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));
 
 function getScreenReaderText(items, selectedIndex, intl) {
   if (items.length && selectedIndex > -1) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.8.2",
+	"version": "1.8.3",
 	"sideEffects": false
 }

package/dist/esm/analytics.codegen.js

@@ -3,7 +3,7 @@
  *
  * Generates analytics utilities from the package analytics spec yaml
  *
- * @codegen <<SignedSource::ffa7ec78cc793f941d06cdb25b07dc8a>>
+ * @codegen <<SignedSource::115bafba068f36f76da67200ee2d08c4>>
  * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
  */
 function createEventPayload(eventKey, attributes) {

package/dist/esm/services/use-search-query/index.js

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import { isSafeUrl } from '../../ui/link-picker/url';
+import { isSafeUrl } from '../../common/utils/url';
 export function useSearchQuery(state) {
   var _queryState$current;
 

package/dist/esm/services/with-link-picker-analytics/index.js

@@ -0,0 +1,17 @@
+import React, { useMemo } from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { normalizeUrl } from '../../common/utils/url';
+export function withLinkPickerAnalyticsContext(WrappedComponent) {
+  return function (props) {
+    var data = useMemo(function () {
+      return {
+        attributes: {
+          linkState: normalizeUrl(props.url) ? 'editLink' : 'newLink'
+        }
+      };
+    }, [props.url]);
+    return /*#__PURE__*/React.createElement(AnalyticsContext, {
+      data: data
+    }, /*#__PURE__*/React.createElement(WrappedComponent, props));
+  };
+}

package/dist/esm/ui/link-picker/index.js

@@ -7,7 +7,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /** @jsx jsx */
-import { Fragment, useCallback, useEffect, useLayoutEffect, useReducer } from 'react';
+import { Fragment, useCallback, useEffect, useLayoutEffect, useReducer, memo } from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -20,10 +20,11 @@ import createEventPayload from '../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { usePlugins } from '../../services/use-plugins';
 import { useSearchQuery } from '../../services/use-search-query';
+import { withLinkPickerAnalyticsContext } from '../../services/with-link-picker-analytics';
 import { messages } from './messages';
 import PanelTextInput from './text-input';
 import LinkSearchList from './link-search-list';
-import { normalizeUrl, isSafeUrl } from './url';
+import { normalizeUrl, isSafeUrl } from '../../common/utils/url';
 import { rootContainerStyles, searchIconStyles, listTitleStyles, tabsWrapperStyles } from './styled';
 import { browser } from './browser';
 import Announcer from './announcer';
@@ -372,7 +373,7 @@ function LinkPicker(_ref) {
   }, intl.formatMessage(insertButtonMsg)))));
 }
 
-export default LinkPicker;
+export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));
 
 function getScreenReaderText(items, selectedIndex, intl) {
   if (items.length && selectedIndex > -1) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.8.2",
+	"version": "1.8.3",
 	"sideEffects": false
 }

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

@@ -3,12 +3,15 @@
  *
  * Generates analytics utilities from the package analytics spec yaml
  *
- * @codegen <<SignedSource::ffa7ec78cc793f941d06cdb25b07dc8a>>
+ * @codegen <<SignedSource::115bafba068f36f76da67200ee2d08c4>>
  * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
  */
-declare type FormSubmittedLinkPickerAttributesType = {};
-declare type InlineDialogViewedLinkPickerAttributesType = {};
-declare type InlineDialogClosedLinkPickerAttributesType = {};
+export declare type LinkPickerAnalyticsContextType = {
+    linkState: 'editLink' | 'newLink';
+};
+export declare type FormSubmittedLinkPickerAttributesType = {};
+export declare type InlineDialogViewedLinkPickerAttributesType = {};
+export declare type InlineDialogClosedLinkPickerAttributesType = {};
 declare type AnalyticsEventAttributes = {
     'ui.form.submitted.linkPicker': FormSubmittedLinkPickerAttributesType;
     'ui.inlineDialog.viewed.linkPicker': InlineDialogViewedLinkPickerAttributesType;

package/dist/types/services/with-link-picker-analytics/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function withLinkPickerAnalyticsContext<P extends {
+    url?: string;
+}>(WrappedComponent: React.ComponentType<P>): React.ComponentType<P>;

package/dist/types/ui/link-picker/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { LinkInputType, LinkPickerPlugin } from '../types';
 export declare const RECENT_SEARCH_LIST_SIZE = 5;
 export declare const CONTACT_SUPPORT_LINK = "https://support.atlassian.com/contact/";
@@ -63,5 +63,5 @@ export interface PickerState {
     invalidUrl: boolean;
     activeTab: number;
 }
-declare function LinkPicker({ onSubmit, onCancel, onContentResize, plugins, url: initUrl, displayText: initDisplayText, }: LinkPickerProps): jsx.JSX.Element;
-export default LinkPicker;
+declare const _default: import("react").ComponentType<LinkPickerProps>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.8.2",
+  "version": "1.8.3",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {

package/report.api.md

@@ -5,6 +5,8 @@
 [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
+/// <reference types="react" />
+
 import { MessageDescriptor } from 'react-intl-next';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';