@atlaskit/smart-card 25.6.0 → 25.6.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 25.6.1
+
+### Patch Changes
+
+- [`72a99128d3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72a99128d3e) - Enables CardSSR component to send analytics events.
+
 ## 25.6.0
 
 ### Minor Changes

package/dist/cjs/ssr.js

@@ -11,8 +11,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _uuid = _interopRequireDefault(require("uuid"));
 var _reactErrorBoundary = require("react-error-boundary");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _component = require("./view/CardWithUrl/component");
 var _LazyFallback = require("./view/CardWithUrl/component-lazy/LazyFallback");
+var _analytics = require("./utils/analytics/analytics");
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -22,19 +24,20 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 // only contains whats necessary to render the card on SSR mode
 var CardSSR = function CardSSR(props) {
   var _useState = (0, _react.useState)(function () {
-      return (0, _uuid.default)();
+      var _props$id;
+      return (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : (0, _uuid.default)();
     }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 1),
     id = _useState2[0];
-  var dispatchAnalytics = function dispatchAnalytics() {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
   var cardProps = _objectSpread(_objectSpread({}, props), {}, {
-    id: id,
-    dispatchAnalytics: dispatchAnalytics
+    id: id
   });
-  return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: _analytics.context
+  }, /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
     FallbackComponent: function FallbackComponent() {
       return /*#__PURE__*/_react.default.createElement(_LazyFallback.LoadingCardLink, cardProps);
     }
-  }, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps));
+  }, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps)));
 };
 exports.CardSSR = CardSSR;

package/dist/cjs/state/hooks/useSmartLink.js

@@ -13,7 +13,12 @@ var _config = require("../config");
 var _analytics = require("../analytics");
 var _renderers = require("../renderers");
 var _linkProvider = require("@atlaskit/link-provider");
-function useSmartLink(id, url, dispatchAnalytics) {
+function useSmartLink(id, url,
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
+ * Avoid prop drilling analytics handlers. Continue passing a handler for now if there's already one in place.
+ */
+dispatchAnalytics) {
   var state = (0, _store.useSmartCardState)(url);
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
     store = _useSmartLinkContext.store;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "25.6.0",
+	"version": "25.6.1",
 	"sideEffects": false
 }

package/dist/es2019/ssr.js

@@ -2,20 +2,25 @@ import React from 'react';
 import { useState } from 'react';
 import uuid from 'uuid';
 import { ErrorBoundary } from 'react-error-boundary';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { CardWithUrlContent } from './view/CardWithUrl/component';
 import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LazyFallback';
+import { context } from './utils/analytics/analytics';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
 export const CardSSR = props => {
-  const [id] = useState(() => uuid());
-  const dispatchAnalytics = () => {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
+  const [id] = useState(() => {
+    var _props$id;
+    return (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : uuid();
+  });
   const cardProps = {
     ...props,
-    id,
-    dispatchAnalytics
+    id
   };
-  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: context
+  }, /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: () => /*#__PURE__*/React.createElement(LoadingCardLink, cardProps)
-  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps));
+  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps)));
 };

package/dist/es2019/state/hooks/useSmartLink.js

@@ -5,7 +5,12 @@ import { useSmartLinkConfig } from '../config';
 import { useSmartLinkAnalytics } from '../analytics';
 import { useSmartLinkRenderers } from '../renderers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-export function useSmartLink(id, url, dispatchAnalytics) {
+export function useSmartLink(id, url,
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
+ * Avoid prop drilling analytics handlers. Continue passing a handler for now if there's already one in place.
+ */
+dispatchAnalytics) {
   const state = useSmartLinkState(url);
   const {
     store

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "25.6.0",
+	"version": "25.6.1",
 	"sideEffects": false
 }

package/dist/esm/ssr.js

@@ -6,25 +6,28 @@ import React from 'react';
 import { useState } from 'react';
 import uuid from 'uuid';
 import { ErrorBoundary } from 'react-error-boundary';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { CardWithUrlContent } from './view/CardWithUrl/component';
 import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LazyFallback';
+import { context } from './utils/analytics/analytics';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
 export var CardSSR = function CardSSR(props) {
   var _useState = useState(function () {
-      return uuid();
+      var _props$id;
+      return (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : uuid();
     }),
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
-  var dispatchAnalytics = function dispatchAnalytics() {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
   var cardProps = _objectSpread(_objectSpread({}, props), {}, {
-    id: id,
-    dispatchAnalytics: dispatchAnalytics
+    id: id
   });
-  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: context
+  }, /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: function FallbackComponent() {
       return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
     }
-  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps));
+  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps)));
 };

package/dist/esm/state/hooks/useSmartLink.js

@@ -6,7 +6,12 @@ import { useSmartLinkConfig } from '../config';
 import { useSmartLinkAnalytics } from '../analytics';
 import { useSmartLinkRenderers } from '../renderers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-export function useSmartLink(id, url, dispatchAnalytics) {
+export function useSmartLink(id, url,
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
+ * Avoid prop drilling analytics handlers. Continue passing a handler for now if there's already one in place.
+ */
+dispatchAnalytics) {
   var state = useSmartLinkState(url);
   var _useSmartLinkContext = useSmartLinkContext(),
     store = _useSmartLinkContext.store;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "25.6.0",
+	"version": "25.6.1",
 	"sideEffects": false
 }

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -1,5 +1,10 @@
 import { AnalyticsHandler } from '../../utils/types';
-export declare function useSmartLink(id: string, url: string, dispatchAnalytics: AnalyticsHandler): {
+export declare function useSmartLink(id: string, url: string, 
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
+ * Avoid prop drilling analytics handlers. Continue passing a handler for now if there's already one in place.
+ */
+dispatchAnalytics?: AnalyticsHandler): {
     state: import("@atlaskit/linking-common").CardState;
     actions: {
         register: () => Promise<void>;

package/dist/types/view/CardWithUrl/types.d.ts

@@ -15,7 +15,11 @@ export declare type CardWithUrlContentProps = {
     isFrameVisible?: boolean;
     frameStyle?: FrameStyle;
     container?: HTMLElement;
-    dispatchAnalytics: AnalyticsHandler;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
+     * Avoid prop drilling analytics handlers
+     */
+    dispatchAnalytics?: AnalyticsHandler;
     testId?: string;
     onResolve?: OnResolveCallback;
     onError?: OnErrorCallback;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "25.6.0",
+  "version": "25.6.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -71,7 +71,7 @@
     "@atlaskit/code": "^14.5.0",
     "@atlaskit/css-reset": "^6.4.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/field-base": "^15.0.6",
+    "@atlaskit/field-base": "^15.1.0",
     "@atlaskit/form": "^8.9.0",
     "@atlaskit/inline-message": "^11.4.0",
     "@atlaskit/link-test-helpers": "^2.2.0",