@atlaskit/smart-card 43.15.0 → 43.16.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 43.16.0
+
+### Minor Changes
+
+- [`f3cfbeec50b23`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f3cfbeec50b23) -
+  clean up fg smart-link-custom-hover-card-content
+- [`09516f971a4fb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/09516f971a4fb) -
+  Tidy lozenge-dropdown-prop-should-render-to-parent FG
+
+## 43.15.1
+
+### Patch Changes
+
+- [`7fd73a7df2e12`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7fd73a7df2e12) -
+  fix a11y violation detected for rule "nested-interactive" for "@atlaskit/smart-card" ->
+  StopPropagation component
+
 ## 43.15.0
 
 ### Minor 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: "43.14.5"
+  packageVersion: "43.15.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -12,7 +12,6 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../constants");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
 var _utils = require("../../../../state/flexible-ui-context/utils");
@@ -192,7 +191,7 @@ var Container = function Container(_ref3) {
   var _getChildrenOptions = getChildrenOptions(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;
-  var canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined && (0, _platformFeatureFlags.fg)('smart-link-custom-hover-card-content'));
+  var canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined);
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
   var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js

@@ -228,15 +228,14 @@ var LozengeAction = function LozengeAction(_ref) {
       });
     }
   }, [errorMessage, handleItemClick, items, invokePreviewAction, testId, url]);
-  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
     isLoading: isLoading,
     isOpen: isOpen,
     onOpenChange: handleOpenChange,
     testId: testId,
     trigger: trigger,
-    zIndex: zIndex
-  }, (0, _platformFeatureFlags.fg)('lozenge-dropdown-prop-should-render-to-parent') ? {
+    zIndex: zIndex,
     shouldRenderToParent: true
-  } : {}), dropdownItemGroup);
+  }, dropdownItemGroup);
 };
 var _default = exports.default = (0, _errorBoundary.default)(LozengeAction);

package/dist/cjs/view/HoverCard/components/HoverCardContent.js

@@ -144,7 +144,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, []);
   var getCardView = function getCardView(cardState) {
     var _hoverPreviewOptions$;
-    var overrideView = (0, _platformFeatureFlags.fg)('smart-link-custom-hover-card-content') ? hoverPreviewOptions === null || hoverPreviewOptions === void 0 || (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions) : undefined;
+    var overrideView = hoverPreviewOptions === null || hoverPreviewOptions === void 0 || (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions);
     if (overrideView) {
       return overrideView;
     }

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

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

package/dist/cjs/view/common/stop-propagation/index.js

@@ -12,16 +12,25 @@ var _react = _interopRequireWildcard(require("react"));
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  pressable: "_c71lidpf _p12fidpf _kqswstnw"
+  wrapper: "_c71lidpf _p12fidpf _kqswstnw"
 };
+/**
+ * A wrapper component that prevents click events from propagating to parent elements.
+ *
+ * This component is commonly used within modals or overlays to prevent unintended
+ * interactions with parent handlers when users interact with nested content.
+ *
+ */
 var StopPropagation = exports.StopPropagation = function StopPropagation(_ref) {
   var children = _ref.children;
   var onClick = (0, _react.useCallback)(function (e) {
-    // Prevent click event inside modal from bubble up
+    // Prevent click events from bubbling up
     e.stopPropagation();
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-    xcss: styles.pressable,
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    as: "span",
+    role: "none",
+    xcss: styles.wrapper,
     onClick: onClick
   }, children);
 };

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: "43.14.5"
+  packageVersion: "43.15.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -5,7 +5,6 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement, SmartLinkSize } from '../../../../constants';
 import { useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
@@ -176,7 +175,7 @@ const Container = ({
     previewOnLeft,
     previewOnRight
   } = getChildrenOptions(children, context);
-  const canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined && fg('smart-link-custom-hover-card-content'));
+  const canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined);
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
   const canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js

@@ -71,7 +71,7 @@ const LozengeAction = ({
             setErrorMessage(fg('confluence-issue-terminology-refresh') ? LozengeActionErrorMessages.noDataIssueTermRefresh : LozengeActionErrorMessages.noData);
             setIsLoaded(false);
           }
-        } catch (err) {
+        } catch {
           setErrorMessage(LozengeActionErrorMessages.unknown);
           setIsLoaded(false);
           fireEvent('track.smartLinkQuickAction.failed', unknownLoadErrorAnalyticsPayload);
@@ -142,15 +142,14 @@ const LozengeAction = ({
       });
     }
   }, [errorMessage, handleItemClick, items, invokePreviewAction, testId, url]);
-  return /*#__PURE__*/React.createElement(DropdownMenu, _extends({
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
     isLoading: isLoading,
     isOpen: isOpen,
     onOpenChange: handleOpenChange,
     testId: testId,
     trigger: trigger,
-    zIndex: zIndex
-  }, fg('lozenge-dropdown-prop-should-render-to-parent') ? {
+    zIndex: zIndex,
     shouldRenderToParent: true
-  } : {}), dropdownItemGroup);
+  }, dropdownItemGroup);
 };
 export default withErrorBoundary(LozengeAction);

package/dist/es2019/view/HoverCard/components/HoverCardContent.js

@@ -131,7 +131,7 @@ const HoverCardContent = ({
   const onClickStopPropagation = useCallback(e => e.stopPropagation(), []);
   const getCardView = cardState => {
     var _hoverPreviewOptions$;
-    const overrideView = fg('smart-link-custom-hover-card-content') ? hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions) : undefined;
+    const overrideView = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions);
     if (overrideView) {
       return overrideView;
     }

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

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

package/dist/es2019/view/common/stop-propagation/index.js

@@ -2,19 +2,28 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
-  pressable: "_c71lidpf _p12fidpf _kqswstnw"
+  wrapper: "_c71lidpf _p12fidpf _kqswstnw"
 };
+/**
+ * A wrapper component that prevents click events from propagating to parent elements.
+ *
+ * This component is commonly used within modals or overlays to prevent unintended
+ * interactions with parent handlers when users interact with nested content.
+ *
+ */
 export const StopPropagation = ({
   children
 }) => {
   const onClick = useCallback(e => {
-    // Prevent click event inside modal from bubble up
+    // Prevent click events from bubbling up
     e.stopPropagation();
   }, []);
-  return /*#__PURE__*/React.createElement(Pressable, {
-    xcss: styles.pressable,
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    role: "none",
+    xcss: styles.wrapper,
     onClick: onClick
   }, children);
 };

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: "43.14.5"
+  packageVersion: "43.15.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -5,7 +5,6 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement, SmartLinkSize } from '../../../../constants';
 import { useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
@@ -186,7 +185,7 @@ var Container = function Container(_ref3) {
   var _getChildrenOptions = getChildrenOptions(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;
-  var canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined && fg('smart-link-custom-hover-card-content'));
+  var canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined);
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
   var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js

@@ -219,15 +219,14 @@ var LozengeAction = function LozengeAction(_ref) {
       });
     }
   }, [errorMessage, handleItemClick, items, invokePreviewAction, testId, url]);
-  return /*#__PURE__*/React.createElement(DropdownMenu, _extends({
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
     isLoading: isLoading,
     isOpen: isOpen,
     onOpenChange: handleOpenChange,
     testId: testId,
     trigger: trigger,
-    zIndex: zIndex
-  }, fg('lozenge-dropdown-prop-should-render-to-parent') ? {
+    zIndex: zIndex,
     shouldRenderToParent: true
-  } : {}), dropdownItemGroup);
+  }, dropdownItemGroup);
 };
 export default withErrorBoundary(LozengeAction);

package/dist/esm/view/HoverCard/components/HoverCardContent.js

@@ -135,7 +135,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, []);
   var getCardView = function getCardView(cardState) {
     var _hoverPreviewOptions$;
-    var overrideView = fg('smart-link-custom-hover-card-content') ? hoverPreviewOptions === null || hoverPreviewOptions === void 0 || (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions) : undefined;
+    var overrideView = hoverPreviewOptions === null || hoverPreviewOptions === void 0 || (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions);
     if (overrideView) {
       return overrideView;
     }

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

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

package/dist/esm/view/common/stop-propagation/index.js

@@ -2,18 +2,27 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
-  pressable: "_c71lidpf _p12fidpf _kqswstnw"
+  wrapper: "_c71lidpf _p12fidpf _kqswstnw"
 };
+/**
+ * A wrapper component that prevents click events from propagating to parent elements.
+ *
+ * This component is commonly used within modals or overlays to prevent unintended
+ * interactions with parent handlers when users interact with nested content.
+ *
+ */
 export var StopPropagation = function StopPropagation(_ref) {
   var children = _ref.children;
   var onClick = useCallback(function (e) {
-    // Prevent click event inside modal from bubble up
+    // Prevent click events from bubbling up
     e.stopPropagation();
   }, []);
-  return /*#__PURE__*/React.createElement(Pressable, {
-    xcss: styles.pressable,
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    role: "none",
+    xcss: styles.wrapper,
     onClick: onClick
   }, children);
 };

package/dist/types/view/common/stop-propagation/index.d.ts

@@ -6,5 +6,12 @@ import { type ReactNode } from 'react';
 type StopPropagationProps = {
     children: ReactNode;
 };
+/**
+ * A wrapper component that prevents click events from propagating to parent elements.
+ *
+ * This component is commonly used within modals or overlays to prevent unintended
+ * interactions with parent handlers when users interact with nested content.
+ *
+ */
 export declare const StopPropagation: ({ children }: StopPropagationProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/view/common/stop-propagation/index.d.ts

@@ -6,5 +6,12 @@ import { type ReactNode } from 'react';
 type StopPropagationProps = {
     children: ReactNode;
 };
+/**
+ * A wrapper component that prevents click events from propagating to parent elements.
+ *
+ * This component is commonly used within modals or overlays to prevent unintended
+ * interactions with parent handlers when users interact with nested content.
+ *
+ */
 export declare const StopPropagation: ({ children }: StopPropagationProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.15.0",
+	"version": "43.16.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,9 +30,9 @@
 		"@atlaskit/afm-i18n-platform-linking-platform-smart-card": "2.6.0",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.5.0",
+		"@atlaskit/avatar": "^25.6.0",
 		"@atlaskit/avatar-group": "^12.4.0",
-		"@atlaskit/badge": "^18.2.0",
+		"@atlaskit/badge": "^18.3.0",
 		"@atlaskit/button": "^23.7.0",
 		"@atlaskit/checkbox": "^17.2.0",
 		"@atlaskit/css": "^0.17.0",
@@ -42,9 +42,9 @@
 		"@atlaskit/form": "^15.0.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/icon": "^29.1.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-object": "^7.3.0",
+		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/json-ld-types": "^1.4.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/lozenge": "^13.1.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.8.0",
+		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
@@ -72,8 +72,8 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.9.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tmp-editor-statsig": "^15.11.0",
+		"@atlaskit/tokens": "^8.5.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -102,11 +102,11 @@
 		"@atlaskit/analytics-listeners": "^9.1.0",
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
-		"@atlaskit/react-ufo": "^4.15.0",
+		"@atlaskit/react-ufo": "^4.16.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/gemini": "^1.23.0",
+		"@atlassian/gemini": "^1.24.0",
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
@@ -235,15 +235,9 @@
 		"hover-card-prop-should-render-to-parent": {
 			"type": "boolean"
 		},
-		"lozenge-dropdown-prop-should-render-to-parent": {
-			"type": "boolean"
-		},
 		"platform-linking-smart-card-layered-link-a11y": {
 			"type": "boolean"
 		},
-		"smart-link-custom-hover-card-content": {
-			"type": "boolean"
-		},
 		"navx-2825-eslint-translation-fix-linking-platform": {
 			"type": "boolean"
 		}