@atlaskit/smart-card 26.43.1 → 26.43.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.43.2
+
+### Patch Changes
+
+- [#59452](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59452) [`c069c37bbfb1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c069c37bbfb1) - Add delay property to flex-card action group
+
 ## 26.43.1
 
 ### Patch Changes

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

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

package/dist/cjs/view/FlexibleCard/components/blocks/action-group/index.js

@@ -23,6 +23,7 @@ var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _actionGroupItem = _interopRequireDefault(require("./action-group-item"));
 var _utils2 = require("../utils");
+var _reactMagneticDi = require("react-magnetic-di");
 var _excluded = ["triggerRef"];
 var _templateObject;
 /** @jsx jsx */

package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -20,7 +20,9 @@ var HoverCardControl = function HoverCardControl(_ref) {
     isAuthTooltip = _ref.isAuthTooltip,
     showServerActions = _ref.showServerActions,
     testId = _ref.testId,
-    url = _ref.url;
+    url = _ref.url,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY : _ref$delay;
   var _useState = (0, _react.useState)(true),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     canOpen = _useState2[0],
@@ -59,8 +61,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
       if (canOpen !== canOpenOnElement) {
         setCanOpen(Boolean(canOpenOnElement));
       }
-    }, FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY);
-  }, [isAuthTooltip, isHoverPreview, canOpen]);
+    }, delay);
+  }, [isAuthTooltip, isHoverPreview, canOpen, delay]);
   return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
     allowEventPropagation: true,
     canOpen: canOpen,

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

@@ -17,6 +17,7 @@ var _layeredLink = _interopRequireDefault(require("./layered-link"));
 var _hoverCardControl = _interopRequireDefault(require("./hover-card-control"));
 var _utils = require("../../../../state/flexible-ui-context/utils");
 var _colors = require("@atlaskit/theme/colors");
+var _reactMagneticDi = require("react-magnetic-di");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 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); }

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

@@ -11,6 +11,7 @@ var _reactErrorBoundary = require("react-error-boundary");
 var _analytics = require("../../state/analytics");
 var _HoverCardComponent = require("./components/HoverCardComponent");
 var _constants = require("../../constants");
+var _reactMagneticDi = require("react-magnetic-di");
 /** @jsx jsx */
 
 var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {

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

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

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

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

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.js

@@ -14,6 +14,7 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import ActionGroupItem from './action-group-item';
 import { filterActionItems } from '../utils';
+import { di } from 'react-magnetic-di';
 const styles = css`
   display: inline-flex;
   line-height: 1rem;

package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -9,7 +9,8 @@ const HoverCardControl = ({
   isAuthTooltip,
   showServerActions,
   testId,
-  url
+  url,
+  delay = FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY
 }) => {
   const [canOpen, setCanOpen] = useState(true);
   const mouseStopTimer = useRef();
@@ -46,8 +47,8 @@ const HoverCardControl = ({
       if (canOpen !== canOpenOnElement) {
         setCanOpen(Boolean(canOpenOnElement));
       }
-    }, FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY);
-  }, [isAuthTooltip, isHoverPreview, canOpen]);
+    }, delay);
+  }, [isAuthTooltip, isHoverPreview, canOpen, delay]);
   return /*#__PURE__*/React.createElement(HoverCard, {
     allowEventPropagation: true,
     canOpen: canOpen,

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

@@ -9,6 +9,7 @@ import LayeredLink from './layered-link';
 import HoverCardControl from './hover-card-control';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
 import { N40 } from '@atlaskit/theme/colors';
+import { di } from 'react-magnetic-di';
 const elevationStyles = css`
   border: 1px solid ${`var(--ds-border, ${N40})`};
   border-radius: ${"var(--ds-border-radius-200, 8px)"};

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

@@ -6,6 +6,7 @@ import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';
 import { HoverCardComponent } from './components/HoverCardComponent';
 import { CardDisplay } from '../../constants';
+import { di } from 'react-magnetic-di';
 const HoverCardWithErrorBoundary = props => {
   const {
     url,

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.43.1",
+  packageVersion: "26.43.2",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

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

package/dist/esm/view/FlexibleCard/components/blocks/action-group/index.js

@@ -19,6 +19,7 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import ActionGroupItem from './action-group-item';
 import { filterActionItems } from '../utils';
+import { di } from 'react-magnetic-di';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  line-height: 1rem;\n  > div {\n    align-items: center;\n    button:focus-visible {\n      // AK button removes the default browser outline on focus and apply\n      // box-shadow styling to create the outline appearance.\n      // Due to our container elements (Container/Block/ElementGroup) has\n      // overflow hidden to prevent the metadata element from leaking outside\n      // of its container, the box-shadow doesn't show properly.\n      // Invert the AK box-shadow styling.\n      outline-offset: -2px;\n    }\n  }\n"])));
 var renderActionItems = function renderActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];

package/dist/esm/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -10,7 +10,9 @@ var HoverCardControl = function HoverCardControl(_ref) {
     isAuthTooltip = _ref.isAuthTooltip,
     showServerActions = _ref.showServerActions,
     testId = _ref.testId,
-    url = _ref.url;
+    url = _ref.url,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY : _ref$delay;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     canOpen = _useState2[0],
@@ -49,8 +51,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
       if (canOpen !== canOpenOnElement) {
         setCanOpen(Boolean(canOpenOnElement));
       }
-    }, FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY);
-  }, [isAuthTooltip, isHoverPreview, canOpen]);
+    }, delay);
+  }, [isAuthTooltip, isHoverPreview, canOpen, delay]);
   return /*#__PURE__*/React.createElement(HoverCard, {
     allowEventPropagation: true,
     canOpen: canOpen,

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

@@ -11,6 +11,7 @@ import LayeredLink from './layered-link';
 import HoverCardControl from './hover-card-control';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
 import { N40 } from '@atlaskit/theme/colors';
+import { di } from 'react-magnetic-di';
 var elevationStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: ", ";\n  margin: ", ";\n"])), "var(--ds-border, ".concat(N40, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-space-025, 2px)");
 var getGap = function getGap(size) {
   switch (size) {

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

@@ -6,6 +6,7 @@ import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';
 import { HoverCardComponent } from './components/HoverCardComponent';
 import { CardDisplay } from '../../constants';
+import { di } from 'react-magnetic-di';
 var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
   var url = props.url,
     id = props.id,

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.43.1",
+  packageVersion: "26.43.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -4,4 +4,5 @@ export type HoverCardDelayProps = Pick<ContainerProps, 'hideHoverCardPreviewButt
     isAuthTooltip?: boolean;
     testId?: string;
     url: string;
+    delay?: number;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -4,4 +4,5 @@ export type HoverCardDelayProps = Pick<ContainerProps, 'hideHoverCardPreviewButt
     isAuthTooltip?: boolean;
     testId?: string;
     url: string;
+    delay?: number;
 };

package/package.json

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