@atlaskit/smart-card 35.2.11 → 36.0.0

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

@@ -1,43 +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';
-var 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.'
-  }
-});
-var errorStateStyles = xcss({
-  textAlign: 'center',
-  marginTop: 'space.500'
-});
-var imageContainerStyles = xcss({
-  display: 'block',
-  maxWidth: '116px',
-  maxHeight: '156px',
-  marginBottom: 'space.300',
-  marginTop: 'space.050'
-});
-var descriptionStyles = xcss({
-  maxWidth: '360px'
-});
-export var AutomationModalErrorStateOld = function AutomationModalErrorStateOld() {
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  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/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/AutomationModalExecutionStateOld.js

@@ -1,36 +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';
-var 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"
-  }
-});
-var 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 var AutomationModalExecutionStateOld = function AutomationModalExecutionStateOld() {
-  var _useAutomationMenu = useAutomationMenu(),
-    ruleExecutionState = _useAutomationMenu.ruleExecutionState;
-  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/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/AutomationModalHeaderOld.js

@@ -1,51 +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';
-var 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.'
-  }
-});
-var iconStyle = xcss({
-  marginRight: 'space.150',
-  backgroundColor: 'color.background.accent.green.subtlest',
-  borderRadius: 'border.radius'
-});
-var modalDescriptionStyle = xcss({
-  marginTop: 'space.150'
-});
-export var AutomationModalHeaderOld = function AutomationModalHeaderOld(_ref) {
-  var modalTitle = _ref.modalTitle,
-    modalDescription = _ref.modalDescription;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _useAutomationMenu = useAutomationMenu(),
-    initialised = _useAutomationMenu.initialised,
-    rules = _useAutomationMenu.rules;
-  var _useModal = useModal(),
-    titleId = _useModal.titleId;
-  var 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, ".concat(G50, ")")
-  })), /*#__PURE__*/React.createElement(Heading, {
-    size: "medium",
-    id: titleId
-  }, modalTitle)), showDescription && /*#__PURE__*/React.createElement(Box, {
-    xcss: modalDescriptionStyle
-  }, modalDescription)));
-};

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

@@ -1,62 +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';
-var ruleButtonStyle = xcss({
-  borderColor: 'color.border',
-  borderStyle: 'solid',
-  borderWidth: 'border.width',
-  borderRadius: 'border.radius'
-});
-var selectedRuleButtonStyle = xcss({
-  backgroundColor: 'color.background.accent.blue.subtlest',
-  borderColor: 'color.border.accent.blue',
-  borderStyle: 'solid',
-  borderWidth: 'border.width.outline',
-  borderRadius: 'border.radius'
-});
-var ruleNameStyle = xcss({
-  // Using this to increase the height of the button itself.
-  height: '28px'
-});
-export var AutomationModalRuleOld = function AutomationModalRuleOld(_ref) {
-  var rule = _ref.rule,
-    selectedRule = _ref.selectedRule,
-    setSelectedRule = _ref.setSelectedRule;
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var _useAutomationMenu = useAutomationMenu(),
-    analyticsSource = _useAutomationMenu.analyticsSource,
-    invokingRuleId = _useAutomationMenu.invokingRuleId;
-  var isSelectedRule = (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.id) === rule.id;
-  var isExecuting = rule.id === invokingRuleId;
-  var ruleOnClick = function 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/esm/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 var AutomationModalRuleListOld = function AutomationModalRuleListOld(_ref) {
-  var selectedRule = _ref.selectedRule,
-    setSelectedRule = _ref.setSelectedRule;
-  var _useAutomationMenu = useAutomationMenu(),
-    rules = _useAutomationMenu.rules;
-  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(function (rule) {
-    return /*#__PURE__*/React.createElement(AutomationModalRule, {
-      key: "manual-rule-".concat(rule.id),
-      rule: rule,
-      selectedRule: selectedRule,
-      setSelectedRule: setSelectedRule
-    });
-  })));
-};

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

@@ -1,83 +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';
-var AutomationSkeletonContainer = css({
-  paddingBlock: "var(--ds-space-025, 2px)"
-});
-var SkeletonContainer = css({
-  marginBlock: "var(--ds-space-100, 8px)",
-  marginInline: "var(--ds-space-250, 20px)",
-  display: 'flex'
-});
-var 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)".concat(" solid transparent"),
-  opacity: 0.15
-});
-var MenuIcon = css({
-  width: '24px',
-  height: '24px',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var shimmer = keyframes({
-  '0%': {
-    backgroundPosition: '-300px 0'
-  },
-  '100%': {
-    backgroundPosition: '2000px 0'
-  }
-});
-var 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, ".concat(N30, ")"),
-  backgroundImage: "linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(N30, ")"), " 50%)"),
-  backgroundRepeat: 'no-repeat'
-});
-var SkeletonLine = function SkeletonLine() {
-  return jsx("div", {
-    css: SkeletonContainer
-  }, jsx("div", {
-    css: MenuIcon
-  }, jsx("div", {
-    css: SkeletonIcon
-  })), jsx("div", {
-    css: SkeletonText
-  }));
-};
-var getSkeletonLines = function getSkeletonLines(lineCount) {
-  var skeletonLines = [];
-  for (var i = 0; i < lineCount; i++) {
-    skeletonLines.push(jsx(SkeletonLine, {
-      key: "skeleton-line-".concat(i)
-    }));
-  }
-  return skeletonLines;
-};
-export var SkeletonOld = function SkeletonOld(props) {
-  var _props$lineCount = props.lineCount,
-    lineCount = _props$lineCount === void 0 ? 5 : _props$lineCount;
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/use-primitives
-    jsx("div", {
-      css: AutomationSkeletonContainer
-    }, getSkeletonLines(lineCount))
-  );
-};

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

@@ -1,25 +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';
-var rotateSvg = css({
-  transform: 'rotate(180deg)',
-  display: 'inline-block'
-});
-
-/**
- * ChildIssuesIcon but 180 degrees rotated
- */
-var RelatedLinksActionIconOld = function RelatedLinksActionIconOld() {
-  return jsx("span", {
-    css: rotateSvg
-  }, jsx(ChildIssuesIcon, {
-    color: "currentColor",
-    spacing: "spacious",
-    label: "View recent links..."
-  }));
-};
-export default RelatedLinksActionIconOld;

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

@@ -1,105 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @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';
-var 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)'
-});
-var DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
-var sort = function sort(a, b) {
-  var idxA = DEFAULT_SORT_ORDER.indexOf(a);
-  var 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;
-};
-var ActionBlockOld = function ActionBlockOld(_ref) {
-  var blockRef = _ref.blockRef,
-    onClickCallback = _ref.onClick,
-    size = _ref.size,
-    spaceInline = _ref.spaceInline,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId;
-  var context = useFlexibleUiContext();
-  var ui = useFlexibleUiOptionContext();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    message = _useState2[0],
-    setMessage = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isLoading = _useState4[0],
-    setIsLoading = _useState4[1];
-  var onLoadingChange = useCallback(function (isLoading) {
-    setIsLoading(isLoading);
-  }, [setIsLoading]);
-  var padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? getPrimitivesPaddingSpaceBySize((ui === null || ui === void 0 ? void 0 : ui.size) || SmartLinkSize.Medium) : undefined;
-  var _onClick = useCallback(function (name) {
-    setMessage(undefined);
-    onClickCallback === null || onClickCallback === void 0 || onClickCallback(name);
-  }, [onClickCallback]);
-  var onError = useCallback(function (error) {
-    setMessage(error);
-  }, []);
-  var actions = useMemo(function () {
-    if (!(context !== null && context !== void 0 && context.actions)) {
-      return;
-    }
-    var arr = Object.keys(context.actions);
-    arr.sort(sort);
-    return arr.map(function (name) {
-      var Action = name in Actions ? Actions[name] : undefined;
-      return Action ? jsx(Action, {
-        as: "stack-item",
-        spaceInline: spaceInline,
-        key: name,
-        onClick: function onClick() {
-          return _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/esm/view/FlexibleCard/components/blocks/action-block/action-footer/ActionFooterOld.js

@@ -1,65 +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';
-var 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'
-  }
-});
-var errorStyles = xcss({
-  backgroundColor: 'color.background.danger'
-});
-var errorContentStyles = xcss({
-  paddingInlineStart: 'space.025'
-});
-var 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)"
-});
-var getIcon = function 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 ".concat("var(--ds-space-negative-025, -2px)")
-      });
-    default:
-      return null;
-  }
-};
-export var ActionFooterOld = function ActionFooterOld(_ref) {
-  var message = _ref.message,
-    testId = _ref.testId;
-  if (!message) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Box, {
-    testId: "".concat(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/esm/view/FlexibleCard/components/blocks/action-group/ActionGroupOld.js

@@ -1,141 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["triggerRef"];
-/**
- * @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';
-var 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)"
-    }
-  }
-});
-var renderActionItems = function renderActionItems() {
-  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SmartLinkSize.Medium;
-  var appearance = arguments.length > 2 ? arguments[2] : undefined;
-  var asDropDownItems = arguments.length > 3 ? arguments[3] : undefined;
-  var onActionItemClick = arguments.length > 4 ? arguments[4] : undefined;
-  return items.map(function (item, idx) {
-    return 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
- */
-var ActionGroupOld = function ActionGroupOld(_ref) {
-  var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-    appearance = _ref.appearance,
-    _ref$visibleButtonsNu = _ref.visibleButtonsNum,
-    visibleButtonsNum = _ref$visibleButtonsNu === void 0 ? 2 : _ref$visibleButtonsNu,
-    onDropdownOpenChange = _ref.onDropdownOpenChange;
-  var context = useFlexibleUiContext();
-  var ui = useFlexibleUiOptionContext();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var renderableActionItems = useMemo(function () {
-    return filterActionItems(items, context);
-  }, [context, items]);
-  var isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
-  var onOpenChange = useCallback(function (attrs) {
-    setIsOpen(attrs.isOpen);
-    if (onDropdownOpenChange) {
-      onDropdownOpenChange(attrs.isOpen);
-    }
-  }, [onDropdownOpenChange]);
-  var onActionItemClick = useCallback(function () {
-    if (isOpen) {
-      onOpenChange({
-        isOpen: false
-      });
-    }
-  }, [isOpen, onOpenChange]);
-  var actionButtons = useMemo(function () {
-    var actionItems = isMoreThenTwoItems ? renderableActionItems.slice(0, visibleButtonsNum - 1) : renderableActionItems;
-    return renderActionItems(actionItems, size, appearance, false, onActionItemClick);
-  }, [appearance, isMoreThenTwoItems, onActionItemClick, renderableActionItems, size, visibleButtonsNum]);
-  var moreActionDropdown = useMemo(function () {
-    var actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
-    if (actionItems.length > 0) {
-      var spacing = sizeToButtonSpacing[size];
-      var moreIcon = jsx(MoreIcon, {
-        label: "more",
-        color: "currentColor"
-      });
-      var formatMessage = jsx(FormattedMessage, messages.more_actions);
-      return jsx(DropdownMenu, {
-        isOpen: isOpen,
-        onOpenChange: onOpenChange,
-        trigger: function trigger(_ref2) {
-          var triggerRef = _ref2.triggerRef,
-            props = _objectWithoutProperties(_ref2, _excluded);
-          return 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;