@atlaskit/smart-card 35.2.6 → 35.2.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 35.2.7
+
+### Patch Changes
+
+- [#124162](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/124162)
+  [`92012b0d9a1f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/92012b0d9a1f2) -
+  Add new recursive title block finder function for compiled css tests
+
 ## 35.2.6
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.2.6"
+  packageVersion: "35.2.7"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -13,6 +13,7 @@ Object.defineProperty(exports, "getContainerStyles", {
     return _indexOld.getContainerStyles;
   }
 });
+exports.getFlexibleUiBlock = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -25,6 +26,7 @@ var _constants = require("../../../../constants");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
 var _utils = require("../../../../state/flexible-ui-context/utils");
 var _flexible = require("../../../../utils/flexible");
+var _blocks = require("../blocks");
 var _hoverCardControl = _interopRequireDefault(require("./hover-card-control"));
 var _indexOld = _interopRequireWildcard(require("./indexOld"));
 var _layeredLink = _interopRequireDefault(require("./layered-link"));
@@ -112,10 +114,39 @@ var updateChildren = function updateChildren(node, _ref) {
     children: updatedChildren
   });
 };
+
+/**
+ * Note: This function is only necessary for CompiledCSS within Jest tests due to the way it handles Styles.
+ * CompiledCSS will inject a StyleCacheProvider around the component tree, which
+ * causes the children to be wrapped in a StyleCacheProvider as well. This function recursively
+ * searches for the first valid TitleBlock within the children of the StyleCacheProvider.
+ */
+var _getFlexibleUiBlock = exports.getFlexibleUiBlock = function getFlexibleUiBlock(node) {
+  if (! /*#__PURE__*/_react.default.isValidElement(node)) {
+    return undefined;
+  }
+  if (node.type === _blocks.TitleBlock) {
+    return node;
+  }
+  if ((0, _flexible.isStyleCacheProvider)(node)) {
+    // Component wrapped with compiled at runtime, check for children
+    var isChildrenValid;
+    _react.default.Children.map(node.props.children, function (child) {
+      var _child$type;
+      if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
+        isChildrenValid = _getFlexibleUiBlock(child);
+      }
+    });
+    return isChildrenValid;
+  }
+  return undefined;
+};
 var getTitleBlockProps = function getTitleBlockProps(children) {
-  var block = _react.default.Children.toArray(children).find(function (child) {
-    return (0, _flexible.isFlexibleUiTitleBlock)(child);
-  });
+  var block = _react.default.Children.toArray(children).map(function (child) {
+    return _getFlexibleUiBlock(child);
+  }).filter(function (x) {
+    return x !== undefined;
+  }).at(0);
   if ( /*#__PURE__*/_react.default.isValidElement(block)) {
     return block.props;
   }

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.2.6",
+  packageVersion: "35.2.7",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.2.6"
+  packageVersion: "35.2.7"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -11,6 +11,7 @@ import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../const
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
 import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock, isStyleCacheProvider } from '../../../../utils/flexible';
+import { TitleBlock } from '../blocks';
 import HoverCardControl from './hover-card-control';
 import ContainerOld from './indexOld';
 import LayeredLink from './layered-link';
@@ -101,8 +102,35 @@ const updateChildren = (node, {
     children: updatedChildren
   });
 };
+
+/**
+ * Note: This function is only necessary for CompiledCSS within Jest tests due to the way it handles Styles.
+ * CompiledCSS will inject a StyleCacheProvider around the component tree, which
+ * causes the children to be wrapped in a StyleCacheProvider as well. This function recursively
+ * searches for the first valid TitleBlock within the children of the StyleCacheProvider.
+ */
+export const getFlexibleUiBlock = node => {
+  if (! /*#__PURE__*/React.isValidElement(node)) {
+    return undefined;
+  }
+  if (node.type === TitleBlock) {
+    return node;
+  }
+  if (isStyleCacheProvider(node)) {
+    // Component wrapped with compiled at runtime, check for children
+    let isChildrenValid;
+    React.Children.map(node.props.children, child => {
+      var _child$type;
+      if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
+        isChildrenValid = getFlexibleUiBlock(child);
+      }
+    });
+    return isChildrenValid;
+  }
+  return undefined;
+};
 const getTitleBlockProps = children => {
-  const block = React.Children.toArray(children).find(child => isFlexibleUiTitleBlock(child));
+  const block = React.Children.toArray(children).map(child => getFlexibleUiBlock(child)).filter(x => x !== undefined).at(0);
   if ( /*#__PURE__*/React.isValidElement(block)) {
     return block.props;
   }

package/dist/es2019/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.2.6",
+  packageVersion: "35.2.7",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.2.6"
+  packageVersion: "35.2.7"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -17,6 +17,7 @@ import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../const
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
 import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock, isStyleCacheProvider } from '../../../../utils/flexible';
+import { TitleBlock } from '../blocks';
 import HoverCardControl from './hover-card-control';
 import ContainerOld from './indexOld';
 import LayeredLink from './layered-link';
@@ -98,10 +99,40 @@ var updateChildren = function updateChildren(node, _ref) {
     children: updatedChildren
   });
 };
+
+/**
+ * Note: This function is only necessary for CompiledCSS within Jest tests due to the way it handles Styles.
+ * CompiledCSS will inject a StyleCacheProvider around the component tree, which
+ * causes the children to be wrapped in a StyleCacheProvider as well. This function recursively
+ * searches for the first valid TitleBlock within the children of the StyleCacheProvider.
+ */
+var _getFlexibleUiBlock = function getFlexibleUiBlock(node) {
+  if (! /*#__PURE__*/React.isValidElement(node)) {
+    return undefined;
+  }
+  if (node.type === TitleBlock) {
+    return node;
+  }
+  if (isStyleCacheProvider(node)) {
+    // Component wrapped with compiled at runtime, check for children
+    var isChildrenValid;
+    React.Children.map(node.props.children, function (child) {
+      var _child$type;
+      if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
+        isChildrenValid = _getFlexibleUiBlock(child);
+      }
+    });
+    return isChildrenValid;
+  }
+  return undefined;
+};
+export { _getFlexibleUiBlock as getFlexibleUiBlock };
 var getTitleBlockProps = function getTitleBlockProps(children) {
-  var block = React.Children.toArray(children).find(function (child) {
-    return isFlexibleUiTitleBlock(child);
-  });
+  var block = React.Children.toArray(children).map(function (child) {
+    return _getFlexibleUiBlock(child);
+  }).filter(function (x) {
+    return x !== undefined;
+  }).at(0);
   if ( /*#__PURE__*/React.isValidElement(block)) {
     return block.props;
   }

package/dist/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "35.2.6",
+  packageVersion: "35.2.7",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/container/index.d.ts

@@ -10,5 +10,12 @@ import { type ChildrenOptions, type ContainerProps } from './types';
  */
 export { getContainerStyles } from './indexOld';
 export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+/**
+ * Note: This function is only necessary for CompiledCSS within Jest tests due to the way it handles Styles.
+ * CompiledCSS will inject a StyleCacheProvider around the component tree, which
+ * causes the children to be wrapped in a StyleCacheProvider as well. This function recursively
+ * searches for the first valid TitleBlock within the children of the StyleCacheProvider.
+ */
+export declare const getFlexibleUiBlock: (node: React.ReactNode) => React.ReactNode | undefined;
 declare const Container: (props: ContainerProps) => JSX.Element;
 export default Container;

package/dist/types-ts4.5/view/FlexibleCard/components/container/index.d.ts

@@ -10,5 +10,12 @@ import { type ChildrenOptions, type ContainerProps } from './types';
  */
 export { getContainerStyles } from './indexOld';
 export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+/**
+ * Note: This function is only necessary for CompiledCSS within Jest tests due to the way it handles Styles.
+ * CompiledCSS will inject a StyleCacheProvider around the component tree, which
+ * causes the children to be wrapped in a StyleCacheProvider as well. This function recursively
+ * searches for the first valid TitleBlock within the children of the StyleCacheProvider.
+ */
+export declare const getFlexibleUiBlock: (node: React.ReactNode) => React.ReactNode | undefined;
 declare const Container: (props: ContainerProps) => JSX.Element;
 export default Container;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "35.2.6",
+	"version": "35.2.7",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"