@atlaskit/smart-card 35.2.12 → 36.0.0

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/error-state/AutomationModalErrorStateOld.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
-import { Box, Stack, xcss } from '@atlaskit/primitives';
-import ErrorIcon from './error-icon';
-const i18n = defineMessages({
-  errorDescription: {
-    id: 'automation-menu.modal.error.description',
-    defaultMessage: 'This is taking awhile to load. Try refreshing the page.',
-    description: "Description for the error section shown when rules can't be fetched"
-  },
-  errorIconLabel: {
-    id: 'automation-menu.modal.error.image.alt',
-    defaultMessage: 'Error icon',
-    description: 'Alternative text for the image that renders when there is an error.'
-  }
-});
-const errorStateStyles = xcss({
-  textAlign: 'center',
-  marginTop: 'space.500'
-});
-const imageContainerStyles = xcss({
-  display: 'block',
-  maxWidth: '116px',
-  maxHeight: '156px',
-  marginBottom: 'space.300',
-  marginTop: 'space.050'
-});
-const descriptionStyles = xcss({
-  maxWidth: '360px'
-});
-export const AutomationModalErrorStateOld = () => {
-  const {
-    formatMessage
-  } = useIntl();
-  return /*#__PURE__*/React.createElement(Stack, {
-    xcss: errorStateStyles,
-    alignInline: "center",
-    alignBlock: "center"
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: imageContainerStyles
-  }, /*#__PURE__*/React.createElement(ErrorIcon, null)), /*#__PURE__*/React.createElement(Box, {
-    xcss: descriptionStyles
-  }, formatMessage(i18n.errorDescription)));
-};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/AutomationModalExecutionStateOld.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
-import { Box, xcss } from '@atlaskit/primitives';
-import SectionMessage from '@atlaskit/section-message';
-import { useAutomationMenu } from '../../menu-context';
-const i18n = defineMessages({
-  ruleExecutionSuccessMessage: {
-    id: 'automation-menu.success-state.message',
-    defaultMessage: 'Your automation is in progress',
-    description: 'Message that is displayed when a users automation rule has been successfully queued.'
-  },
-  ruleExecutionErrorMessage: {
-    id: 'automation-menu.modal.error.description',
-    defaultMessage: 'Oops we ran into a problem',
-    description: "Description for the error section shown when rules can't be executed"
-  }
-});
-const messageStyling = xcss({
-  marginInline: 'space.300',
-  marginTop: 'space.100',
-  // The ModalFooter comes with a lot of built in margin, want to nudge the error message in to the footer a bit
-  marginBottom: 'space.negative.100'
-});
-export const AutomationModalExecutionStateOld = () => {
-  const {
-    ruleExecutionState
-  } = useAutomationMenu();
-  if (ruleExecutionState === 'FAILURE') {
-    return /*#__PURE__*/React.createElement(Box, {
-      xcss: messageStyling
-    }, /*#__PURE__*/React.createElement(SectionMessage, {
-      appearance: "error"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, i18n.ruleExecutionErrorMessage)));
-  } else {
-    return null;
-  }
-};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/AutomationModalHeaderOld.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
-import Heading from '@atlaskit/heading';
-import LegacyManualTriggerIcon from '@atlaskit/legacy-custom-icons/manual-trigger-icon';
-import { ModalHeader, useModal } from '@atlaskit/modal-dialog';
-import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
-import { G50 } from '@atlaskit/theme/colors';
-import { useAutomationMenu } from '../../menu-context';
-const i18n = defineMessages({
-  modalHeaderIconLabel: {
-    id: 'automation-menu.modal.header.icon.label',
-    defaultMessage: 'Automation modal header icon',
-    description: 'A label for the icon in the header of the automation modal.'
-  }
-});
-const iconStyle = xcss({
-  marginRight: 'space.150',
-  backgroundColor: 'color.background.accent.green.subtlest',
-  borderRadius: 'border.radius'
-});
-const modalDescriptionStyle = xcss({
-  marginTop: 'space.150'
-});
-export const AutomationModalHeaderOld = ({
-  modalTitle,
-  modalDescription
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    initialised,
-    rules
-  } = useAutomationMenu();
-  const {
-    titleId
-  } = useModal();
-  const showDescription = initialised && rules.length > 0 && !!modalDescription;
-  return /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
-    alignBlock: "center"
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: iconStyle,
-    paddingInline: "space.050",
-    paddingBlock: "space.025"
-  }, /*#__PURE__*/React.createElement(LegacyManualTriggerIcon, {
-    size: "small",
-    label: formatMessage(i18n.modalHeaderIconLabel),
-    primaryColor: `var(--ds-icon-accent-green, ${G50})`
-  })), /*#__PURE__*/React.createElement(Heading, {
-    size: "medium",
-    id: titleId
-  }, modalTitle)), showDescription && /*#__PURE__*/React.createElement(Box, {
-    xcss: modalDescriptionStyle
-  }, modalDescription)));
-};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/AutomationModalRuleOld.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ButtonItem } from '@atlaskit/menu';
-import { Box, Stack, xcss } from '@atlaskit/primitives';
-import Spinner from '@atlaskit/spinner';
-import { useAutomationMenu } from '../../menu-context';
-const ruleButtonStyle = xcss({
-  borderColor: 'color.border',
-  borderStyle: 'solid',
-  borderWidth: 'border.width',
-  borderRadius: 'border.radius'
-});
-const selectedRuleButtonStyle = xcss({
-  backgroundColor: 'color.background.accent.blue.subtlest',
-  borderColor: 'color.border.accent.blue',
-  borderStyle: 'solid',
-  borderWidth: 'border.width.outline',
-  borderRadius: 'border.radius'
-});
-const ruleNameStyle = xcss({
-  // Using this to increase the height of the button itself.
-  height: '28px'
-});
-export const AutomationModalRuleOld = ({
-  rule,
-  selectedRule,
-  setSelectedRule
-}) => {
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  const {
-    analyticsSource,
-    invokingRuleId
-  } = useAutomationMenu();
-  const isSelectedRule = (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.id) === rule.id;
-  const isExecuting = rule.id === invokingRuleId;
-  const ruleOnClick = () => {
-    createAnalyticsEvent({
-      type: 'sendUIEvent',
-      data: {
-        action: 'clicked',
-        actionSubject: 'button',
-        actionSubjectId: 'selectManualTriggerAutomation',
-        source: analyticsSource,
-        attributes: {
-          ruleId: rule.id.toString()
-        }
-      }
-    }).fire();
-    setSelectedRule(rule);
-  };
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: isSelectedRule ? selectedRuleButtonStyle : ruleButtonStyle
-  }, /*#__PURE__*/React.createElement(ButtonItem, {
-    isDisabled: !!invokingRuleId,
-    iconBefore: isExecuting ? /*#__PURE__*/React.createElement(Spinner, {
-      size: "small"
-    }) : null,
-    onClick: ruleOnClick
-  }, /*#__PURE__*/React.createElement(Stack, {
-    xcss: ruleNameStyle,
-    alignBlock: "center"
-  }, rule.name)));
-};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule-list/AutomationModalRuleListOld.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { MenuGroup } from '@atlaskit/menu';
-import { Stack } from '@atlaskit/primitives';
-import { useAutomationMenu } from '../../menu-context';
-import { AutomationModalEmptyState } from '../empty-state';
-import { AutomationModalRule } from '../rule';
-export const AutomationModalRuleListOld = ({
-  selectedRule,
-  setSelectedRule
-}) => {
-  const {
-    rules
-  } = useAutomationMenu();
-  if (rules.length === 0) {
-    return /*#__PURE__*/React.createElement(AutomationModalEmptyState, null);
-  }
-  return /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(Stack, {
-    space: "space.050"
-  }, rules.map(rule => /*#__PURE__*/React.createElement(AutomationModalRule, {
-    key: `manual-rule-${rule.id}`,
-    rule: rule,
-    selectedRule: selectedRule,
-    setSelectedRule: setSelectedRule
-  }))));
-};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/SkeletonOld.js

@@ -1,82 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx, keyframes } from '@emotion/react';
-import { N20, N30 } from '@atlaskit/theme/colors';
-const AutomationSkeletonContainer = css({
-  paddingBlock: "var(--ds-space-025, 2px)"
-});
-const SkeletonContainer = css({
-  marginBlock: "var(--ds-space-100, 8px)",
-  marginInline: "var(--ds-space-250, 20px)",
-  display: 'flex'
-});
-const SkeletonIcon = css({
-  width: "var(--ds-space-200, 16px)",
-  height: "var(--ds-space-200, 16px)",
-  display: 'inline-block',
-  borderRadius: "var(--ds-space-025, 2px)",
-  backgroundColor: 'currentColor',
-  border: `${"var(--ds-space-025, 2px)"} solid transparent`,
-  opacity: 0.15
-});
-const MenuIcon = css({
-  width: '24px',
-  height: '24px',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-const shimmer = keyframes({
-  '0%': {
-    backgroundPosition: '-300px 0'
-  },
-  '100%': {
-    backgroundPosition: '2000px 0'
-  }
-});
-const SkeletonText = css({
-  width: '85%',
-  height: "var(--ds-space-200, 16px)",
-  marginTop: "var(--ds-space-050, 4px)",
-  marginLeft: "var(--ds-space-150, 12px)",
-  animationDuration: '1s',
-  animationFillMode: 'forwards',
-  animationIterationCount: 'infinite',
-  animationName: shimmer,
-  animationTimingFunction: 'linear',
-  backgroundColor: `var(--ds-skeleton, ${N30})`,
-  backgroundImage: `linear-gradient(to right, ${`var(--ds-skeleton, ${N30})`} 10%, ${`var(--ds-skeleton-subtle, ${N20})`} 30%, ${`var(--ds-skeleton, ${N30})`} 50%)`,
-  backgroundRepeat: 'no-repeat'
-});
-const SkeletonLine = () => jsx("div", {
-  css: SkeletonContainer
-}, jsx("div", {
-  css: MenuIcon
-}, jsx("div", {
-  css: SkeletonIcon
-})), jsx("div", {
-  css: SkeletonText
-}));
-const getSkeletonLines = lineCount => {
-  const skeletonLines = [];
-  for (let i = 0; i < lineCount; i++) {
-    skeletonLines.push(jsx(SkeletonLine, {
-      key: `skeleton-line-${i}`
-    }));
-  }
-  return skeletonLines;
-};
-export const SkeletonOld = props => {
-  const {
-    lineCount = 5
-  } = props;
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/use-primitives
-    jsx("div", {
-      css: AutomationSkeletonContainer
-    }, getSkeletonLines(lineCount))
-  );
-};

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/RelatedLinksActionIconOld.js

@@ -1,23 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import ChildIssuesIcon from '@atlaskit/icon/core/migration/child-issues';
-const rotateSvg = css({
-  transform: 'rotate(180deg)',
-  display: 'inline-block'
-});
-
-/**
- * ChildIssuesIcon but 180 degrees rotated
- */
-const RelatedLinksActionIconOld = () => jsx("span", {
-  css: rotateSvg
-}, jsx(ChildIssuesIcon, {
-  color: "currentColor",
-  spacing: "spacious",
-  label: "View recent links..."
-}));
-export default RelatedLinksActionIconOld;

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/ActionBlockOld.js

@@ -1,96 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useCallback, useMemo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { di } from 'react-magnetic-di';
-import { xcss } from '@atlaskit/primitives';
-import { SmartLinkSize } from '../../../../../constants';
-import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
-import * as Actions from '../../actions';
-import { getPrimitivesPaddingSpaceBySize } from '../../utils';
-import { ActionFooter } from './action-footer';
-const ignoreContainerPaddingStyles = css({
-  display: 'flex',
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  flexGrow: 1,
-  width: '100%',
-  // We have to find a better way to ignore container padding
-  // This has become more and more of a common use case.
-  marginLeft: 'calc(var(--container-gap-left) * -1)',
-  marginRight: 'calc(var(--container-gap-right) * -1)'
-});
-const DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
-const sort = (a, b) => {
-  let idxA = DEFAULT_SORT_ORDER.indexOf(a);
-  let idxB = DEFAULT_SORT_ORDER.indexOf(b);
-  if (idxA === -1) {
-    idxA = DEFAULT_SORT_ORDER.length;
-  }
-  if (idxB === -1) {
-    idxB = DEFAULT_SORT_ORDER.length;
-  }
-  return idxA - idxB;
-};
-const ActionBlockOld = ({
-  blockRef,
-  onClick: onClickCallback,
-  size,
-  spaceInline,
-  testId = 'smart-block-action'
-}) => {
-  const context = useFlexibleUiContext();
-  const ui = useFlexibleUiOptionContext();
-  const [message, setMessage] = useState();
-  const [isLoading, setIsLoading] = useState(false);
-  const onLoadingChange = useCallback(isLoading => {
-    setIsLoading(isLoading);
-  }, [setIsLoading]);
-  const padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? getPrimitivesPaddingSpaceBySize((ui === null || ui === void 0 ? void 0 : ui.size) || SmartLinkSize.Medium) : undefined;
-  const onClick = useCallback(name => {
-    setMessage(undefined);
-    onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(name);
-  }, [onClickCallback]);
-  const onError = useCallback(error => {
-    setMessage(error);
-  }, []);
-  const actions = useMemo(() => {
-    if (!(context !== null && context !== void 0 && context.actions)) {
-      return;
-    }
-    const arr = Object.keys(context.actions);
-    arr.sort(sort);
-    return arr.map(name => {
-      const Action = name in Actions ? Actions[name] : undefined;
-      return Action ? jsx(Action, {
-        as: "stack-item",
-        spaceInline: spaceInline,
-        key: name,
-        onClick: () => onClick(name),
-        onError: onError,
-        onLoadingChange: onLoadingChange,
-        size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        ,
-        xcss: xcss({
-          paddingInline: padding
-        }),
-        hideTooltip: isLoading
-      }) : null;
-    });
-  }, [context === null || context === void 0 ? void 0 : context.actions, onClick, onError, padding, size, spaceInline, isLoading, onLoadingChange]);
-  return actions ? jsx("div", {
-    css: ignoreContainerPaddingStyles,
-    ref: blockRef,
-    "data-testid": testId
-  }, actions, jsx(ActionFooter, {
-    message: message,
-    paddingInline: padding,
-    testId: testId
-  })) : null;
-};
-export default ActionBlockOld;

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/ActionFooterOld.js

@@ -1,66 +0,0 @@
-import React from 'react';
-import ErrorIcon from '@atlaskit/icon/utility/migration/error';
-import { Box, Inline, xcss } from '@atlaskit/primitives';
-import MotionWrapper from '../../../common/motion-wrapper';
-const containerStyles = xcss({
-  all: 'unset',
-  borderRadius: 'border.radius',
-  margin: 'space.100',
-  marginBottom: 'space.0',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '20px',
-  padding: 'space.075',
-  paddingInline: 'space.100',
-  width: '100%',
-  ':empty': {
-    display: 'none'
-  }
-});
-const errorStyles = xcss({
-  backgroundColor: 'color.background.danger'
-});
-const errorContentStyles = xcss({
-  paddingInlineStart: 'space.025'
-});
-const titleStyles = xcss({
-  color: 'color.text.subtle',
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-});
-const getIcon = appearance => {
-  switch (appearance) {
-    case 'error':
-      return /*#__PURE__*/React.createElement(ErrorIcon, {
-        color: "var(--ds-icon-danger, #C9372C)",
-        spacing: "compact",
-        label: "Error",
-        LEGACY_size: "small",
-        testId: "action-error-icon",
-        LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"}`
-      });
-    default:
-      return null;
-  }
-};
-export const ActionFooterOld = ({
-  message,
-  testId
-}) => {
-  if (!message) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Box, {
-    testId: `${testId}-footer`,
-    xcss: [containerStyles, message.appearance === 'error' && errorStyles]
-  }, /*#__PURE__*/React.createElement(MotionWrapper, {
-    isFadeIn: true,
-    show: true,
-    showTransition: true
-  }, /*#__PURE__*/React.createElement(Inline, {
-    alignBlock: "start",
-    grow: "fill",
-    space: "space.075",
-    xcss: errorContentStyles
-  }, message.icon || getIcon(message.appearance), /*#__PURE__*/React.createElement(Box, {
-    xcss: titleStyles
-  }, message.title))));
-};

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

@@ -1,121 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useCallback, useMemo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import { di } from 'react-magnetic-di';
-import ButtonGroup from '@atlaskit/button/button-group';
-import Button from '@atlaskit/button/standard-button';
-import DropdownMenu from '@atlaskit/dropdown-menu';
-import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
-import Tooltip from '@atlaskit/tooltip';
-import { SmartLinkSize } from '../../../../../constants';
-import { messages } from '../../../../../messages';
-import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
-import { sizeToButtonSpacing } from '../../utils';
-import { filterActionItems } from '../utils';
-import ActionGroupItem from './action-group-item';
-const styles = css({
-  display: 'inline-flex',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '1rem',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> div': {
-    alignItems: 'center',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    'button:focus-visible': {
-      outlineOffset: "var(--ds-space-negative-025, -2px)"
-    }
-  }
-});
-const renderActionItems = (items = [], size = SmartLinkSize.Medium, appearance, asDropDownItems, onActionItemClick) => items.map((item, idx) => jsx(ActionGroupItem, {
-  item: item,
-  key: idx,
-  size: size,
-  appearance: appearance,
-  asDropDownItems: asDropDownItems,
-  onActionItemClick: onActionItemClick
-}));
-
-/**
- * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
- * preferences.
- * @internal
- * @param {ActionGroupProps} ActionGroupProps
- * @see Action
- */
-const ActionGroupOld = ({
-  items = [],
-  size = SmartLinkSize.Medium,
-  appearance,
-  visibleButtonsNum = 2,
-  onDropdownOpenChange
-}) => {
-  const context = useFlexibleUiContext();
-  const ui = useFlexibleUiOptionContext();
-  const [isOpen, setIsOpen] = useState(false);
-  const renderableActionItems = useMemo(() => filterActionItems(items, context), [context, items]);
-  const isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
-  const onOpenChange = useCallback(attrs => {
-    setIsOpen(attrs.isOpen);
-    if (onDropdownOpenChange) {
-      onDropdownOpenChange(attrs.isOpen);
-    }
-  }, [onDropdownOpenChange]);
-  const onActionItemClick = useCallback(() => {
-    if (isOpen) {
-      onOpenChange({
-        isOpen: false
-      });
-    }
-  }, [isOpen, onOpenChange]);
-  const actionButtons = useMemo(() => {
-    const actionItems = isMoreThenTwoItems ? renderableActionItems.slice(0, visibleButtonsNum - 1) : renderableActionItems;
-    return renderActionItems(actionItems, size, appearance, false, onActionItemClick);
-  }, [appearance, isMoreThenTwoItems, onActionItemClick, renderableActionItems, size, visibleButtonsNum]);
-  const moreActionDropdown = useMemo(() => {
-    const actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
-    if (actionItems.length > 0) {
-      const spacing = sizeToButtonSpacing[size];
-      const moreIcon = jsx(MoreIcon, {
-        label: "more",
-        color: "currentColor"
-      });
-      const formatMessage = jsx(FormattedMessage, messages.more_actions);
-      return jsx(DropdownMenu, {
-        isOpen: isOpen,
-        onOpenChange: onOpenChange,
-        trigger: ({
-          triggerRef,
-          ...props
-        }) => jsx(Tooltip, {
-          content: formatMessage,
-          hideTooltipOnClick: true,
-          testId: "action-group-more-button-tooltip",
-          tag: "span"
-        }, jsx(Button, _extends({}, props, {
-          spacing: spacing,
-          testId: "action-group-more-button",
-          iconBefore: moreIcon,
-          ref: triggerRef
-        }))),
-        testId: "action-group-dropdown",
-        zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-      }, renderActionItems(actionItems, size, appearance, true, onActionItemClick));
-    }
-    return null;
-  }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum]);
-  return renderableActionItems.length > 0 ? jsx("div", {
-    css: styles
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "actions-button-group",
-    "data-action-open": isOpen
-  }, jsx(ButtonGroup, null, actionButtons, moreActionDropdown)) : null;
-};
-export default ActionGroupOld;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadataOld.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { di } from 'react-magnetic-di';
-import AIIcon from '@atlaskit/icon/core/atlassian-intelligence';
-import { Box, Inline } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-import { messages } from '../../../../../../messages';
-import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
-import LegacyAIIcon from '../../../../../common/ai-icon';
-import { InfoIcon } from '../icons/info';
-export const AIFooterMetadataOld = ({
-  testId,
-  url
-}) => {
-  const {
-    state: {
-      status
-    }
-  } = useAISummaryAction(url);
-  if (status !== 'done') {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Inline, {
-    space: "space.100",
-    testId: testId,
-    alignInline: "end",
-    grow: "fill"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarized_info_short),
-    position: "bottom"
-  }, tooltipProps => /*#__PURE__*/React.createElement(Box, tooltipProps, /*#__PURE__*/React.createElement(InfoIcon, {
-    label: "Information",
-    LEGACY_size: "small",
-    color: "var(--ds-icon-subtle, #626F86)"
-  }))), /*#__PURE__*/React.createElement(AIIcon, {
-    label: "AI",
-    LEGACY_size: "small",
-    LEGACY_fallbackIcon: LegacyAIIcon,
-    color: "var(--ds-icon-subtle, #626F86)"
-  }));
-};