@atlaskit/smart-card 35.2.12 → 36.0.0

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/ElementGroupOld.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getElementGroupStyles = exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _constants = require("../../../../../constants");
-var _utils = require("../../utils");
-var _utils2 = require("../utils");
-var _templateObject;
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var getAlignmentStyles = function getAlignmentStyles(align) {
-  switch (align) {
-    case _constants.SmartLinkAlignment.Right:
-      return (0, _react.css)({
-        WebkitBoxAlign: 'end',
-        MsFlexAlign: 'end',
-        justifyContent: 'flex-end',
-        textAlign: 'right'
-      });
-    case _constants.SmartLinkAlignment.Left:
-    default:
-      return (0, _react.css)({
-        WebkitBoxAlign: 'start',
-        MsFlexAlign: 'start',
-        justifyContent: 'flex-start',
-        textAlign: 'left'
-      });
-  }
-};
-var getGapStyles = function getGapStyles(size, align) {
-  var gap = (0, _utils2.getGapSize)(size);
-  if (align === _constants.SmartLinkAlignment.Right) {
-    return (0, _react.css)({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '> span': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        marginLeft: "".concat(gap, "rem")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '> span:first-child': {
-        marginLeft: 'initial'
-      }
-    });
-  }
-  return (0, _react.css)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '> span': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      marginRight: "".concat(gap, "rem"),
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:last-child': {
-        marginRight: 'initial'
-      }
-    }
-  });
-};
-var getHorizontalDirectionStyles = function getHorizontalDirectionStyles(size, align) {
-  var lineHeight = (0, _utils.getMaxLineHeight)(size);
-  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\tdisplay: block;\n\t\tvertical-align: middle;\n\t\t", "\n\n\t\t> span, > div {\n\t\t\tvertical-align: middle;\n\n\t\t\t&[data-smart-element-date-time],\n\t\t\t&[data-smart-element-text] {\n\t\t\t\t// Show all/wrapped/truncated\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t"])), (0, _utils.getTruncateStyles)(1, lineHeight + 'rem'), getGapStyles(size, align));
-};
-var getElementGroupStyles = exports.getElementGroupStyles = function getElementGroupStyles(direction, size, align, width, position) {
-  return (0, _react.css)(
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  (0, _utils2.getBaseStyles)(direction, size),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getAlignmentStyles(align), {
-    minWidth: '10%'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  width === _constants.SmartLinkWidth.Flexible ? "flex: 1 3;" : '',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  direction === _constants.SmartLinkDirection.Horizontal ? getHorizontalDirectionStyles(size, align) : '',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  position === _constants.SmartLinkPosition.Top ? 'align-self: flex-start;' : '');
-};
-
-/**
- * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
- * preferences.
- * @internal
- * @param {ActionGroupProps} ActionGroupProps
- * @see Action
- */
-var ElementGroup = function ElementGroup(_ref) {
-  var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? _constants.SmartLinkAlignment.Left : _ref$align,
-    children = _ref.children,
-    overrideCss = _ref.overrideCss,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-group' : _ref$testId,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? _constants.SmartLinkWidth.FitToContent : _ref$width,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? _constants.SmartLinkPosition.Center : _ref$position;
-  return (0, _react.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [getElementGroupStyles(direction, size, align, width, position), overrideCss],
-    "data-smart-element-group": true,
-    "data-testid": testId
-  }, (0, _utils2.renderChildren)(children, size));
-};
-var _default = exports.default = ElementGroup;

package/dist/cjs/view/FlexibleCard/components/blocks/footer-block/resolved/FooterBlockResolvedViewOld.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../../../../../../constants");
-var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
-var _elements = require("../../../elements");
-var _actionGroup = _interopRequireDefault(require("../../action-group"));
-var _block = _interopRequireDefault(require("../../block"));
-var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _utils = require("../../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var FooterBlockResolvedViewOld = function FooterBlockResolvedViewOld(props) {
-  var actions = props.actions,
-    testId = props.testId,
-    onActionMenuOpenChange = props.onActionMenuOpenChange,
-    _props$size = props.size,
-    size = _props$size === void 0 ? _constants.SmartLinkSize.Medium : _props$size,
-    hideProvider = props.hideProvider;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-  var hasActions = (0, _react.useMemo)(function () {
-    var _filterActionItems;
-    return ((_filterActionItems = (0, _utils.filterActionItems)(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
-  }, [actions, context]);
-  var onDropdownOpenChange = (0, _react.useCallback)(function (isOpen) {
-    if (onActionMenuOpenChange) {
-      onActionMenuOpenChange({
-        isOpen: isOpen
-      });
-    }
-  }, [onActionMenuOpenChange]);
-  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, props, {
-    testId: "".concat(testId, "-resolved-view")
-  }), !hideProvider && /*#__PURE__*/_react.default.createElement(_elements.Provider, {
-    testId: "".concat(testId, "-provider")
-  }), actions && hasActions ? /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
-    testId: "smart-element-group-actions",
-    align: _constants.SmartLinkAlignment.Right,
-    direction: _constants.SmartLinkDirection.Horizontal,
-    overrideCss: (0, _utils.getActionGroupStyles)(size),
-    width: _constants.SmartLinkWidth.Flexible
-  }, /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
-    onDropdownOpenChange: onDropdownOpenChange,
-    items: actions,
-    appearance: "default"
-  })) : null);
-};
-var _default = exports.default = FooterBlockResolvedViewOld;

package/dist/cjs/view/FlexibleCard/components/blocks/metadata-block/MetadataBlockOld.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _constants = require("../../../../../constants");
-var _utils = require("../../utils");
-var _block = _interopRequireDefault(require("../block"));
-var _elementGroup = _interopRequireDefault(require("../element-group"));
-var _utils2 = require("../utils");
-var _excluded = ["maxLines", "status", "testId", "primary", "secondary"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var DEFAULT_MAX_LINES = 2;
-var MAXIMUM_MAX_LINES = 2;
-var MINIMUM_MAX_LINES = 1;
-var getElementGroupStyles = function getElementGroupStyles(size, maxLines) {
-  // MetadataBlock allows metadata elements to be displayed in
-  // multiple lines, with maximum of 2 lines.
-  // We need the height of the line to be equal on both left and right
-  // sides so they line up nicely.
-  var lineHeight = (0, _utils.getMaxLineHeight)(size);
-  return (0, _react2.css)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-    lineHeight: "".concat(lineHeight, "rem")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  (0, _utils.getTruncateStyles)(maxLines, lineHeight + 'rem'));
-};
-var getMaxLines = function getMaxLines(maxLines) {
-  if (maxLines > MAXIMUM_MAX_LINES) {
-    return DEFAULT_MAX_LINES;
-  }
-  if (maxLines < MINIMUM_MAX_LINES) {
-    return MINIMUM_MAX_LINES;
-  }
-  return maxLines;
-};
-
-/**
- * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
- * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
- * @public
- * @param {MetadataBlockProps} MetadataBlockProps
- * @see Block
- */
-var MetadataBlockOld = function MetadataBlockOld(_ref) {
-  var _ref$maxLines = _ref.maxLines,
-    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-metadata' : _ref$testId,
-    _ref$primary = _ref.primary,
-    primary = _ref$primary === void 0 ? [] : _ref$primary,
-    _ref$secondary = _ref.secondary,
-    secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
-    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (primary.length === 0 && secondary.length === 0 || status !== _constants.SmartLinkStatus.Resolved) {
-    return null;
-  }
-  var primaryElements = (0, _utils2.renderElementItems)(primary);
-  var secondaryElements = (0, _utils2.renderElementItems)(secondary);
-  var _blockProps$size = blockProps.size,
-    size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
-  var elementGroupStyles = getElementGroupStyles(size, getMaxLines(maxLines));
-  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
-    testId: "".concat(testId, "-resolved-view")
-  }), primaryElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
-    align: _constants.SmartLinkAlignment.Left,
-    overrideCss: elementGroupStyles,
-    direction: _constants.SmartLinkDirection.Horizontal,
-    width: _constants.SmartLinkWidth.Flexible
-  }, primaryElements), secondaryElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
-    align: _constants.SmartLinkAlignment.Right,
-    overrideCss: elementGroupStyles,
-    direction: _constants.SmartLinkDirection.Horizontal,
-    width: _constants.SmartLinkWidth.Flexible
-  }, secondaryElements));
-};
-var _default = exports.default = MetadataBlockOld;

package/dist/cjs/view/FlexibleCard/components/blocks/preview-block/indexOld.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
-var _constants = require("../../../../../constants");
-var _indexOld = _interopRequireDefault(require("./resolved/indexOld"));
-var _excluded = ["status", "testId", "overrideUrl"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-/**
- * Represents a PreviewBlock, which typically contains media or other large format content.
- * @public
- * @param {PreviewBlockProps} PreviewBlock
- * @see Block
- */
-var PreviewBlock = function PreviewBlock(_ref) {
-  var _ref$status = _ref.status,
-    status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
-    overrideUrl = _ref.overrideUrl,
-    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)(_indexOld.default, (0, _extends2.default)({}, blockProps, {
-    testId: testId,
-    overrideUrl: overrideUrl
-  }));
-};
-var _default = exports.default = PreviewBlock;

package/dist/cjs/view/FlexibleCard/components/blocks/preview-block/resolved/indexOld.js

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _constants = require("../../../../../../constants");
-var _elements = require("../../../elements");
-var _block = _interopRequireDefault(require("../../block"));
-var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId", "overrideUrl"];
-var _templateObject;
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-/**
- * Due to its placement on the left/right and ignoreContainerPadding prop
- * rely on its parent container styling, css variables are declared in
- * <Container /> to preset the base values for the preview block styling.
- *
- * `--container-padding` is the padding of the Container. This value is based
- *   on size and hidePadding.
- * `--container-gap-left` and `--container-gap-right` are the gap or padding of
- *   the Container depending on whether the container has other preview blocks
- *   with left/right positioning.
- * `--preview-block-width` is the size of the preview image in relation to
- *   the Container width when the placement is left/right.
- * @param placement
- * @param ignoreContainerPadding
- */
-var getPreviewBlockStyles = function getPreviewBlockStyles(placement, ignoreContainerPadding) {
-  if (placement === _constants.MediaPlacement.Left || placement === _constants.MediaPlacement.Right) {
-    var containerPadding = ignoreContainerPadding ? '0rem' : 'var(--container-padding)';
-    // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\tposition: absolute;\n\t\t\ttop: ", ";\n\t\t\tbottom: ", ";\n\t\t\twidth: calc(var(--preview-block-width) - ", ");\n\n\t\t\t", "\n\t\t\t", "\n\n      [data-smart-element-media='image'] {\n\t\t\t\taspect-ratio: unset;\n\t\t\t\tpadding-top: unset;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t}\n\t\t"])), containerPadding, containerPadding, containerPadding, placement === _constants.MediaPlacement.Left ? "left: ".concat(containerPadding, ";") : '', placement === _constants.MediaPlacement.Right ? "right: ".concat(containerPadding, ";") : '');
-  }
-  if (ignoreContainerPadding) {
-    return (0, _react2.css)({
-      marginLeft: 'calc(var(--container-gap-left) * -1)',
-      marginRight: 'calc(var(--container-gap-right) * -1)',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:first-of-type': {
-        marginTop: 'calc(var(--container-padding) * -1)'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:last-of-type': {
-        marginBottom: 'calc(var(--container-padding) * -1)'
-      }
-    });
-  }
-};
-
-/**
- * Represents a resolved PreviewBlock, which typically contains media or other large format content.
- * @public
- * @param {PreviewBlock} PreviewBlock
- * @see Block
- */
-var PreviewBlockResolvedViewOld = function PreviewBlockResolvedViewOld(_ref) {
-  var _ref$ignoreContainerP = _ref.ignoreContainerPadding,
-    ignoreContainerPadding = _ref$ignoreContainerP === void 0 ? false : _ref$ignoreContainerP,
-    onError = _ref.onError,
-    overrideCss = _ref.overrideCss,
-    placement = _ref.placement,
-    testId = _ref.testId,
-    overrideUrl = _ref.overrideUrl,
-    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)(overrideCss),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    styles = _useState2[0],
-    setStyles = _useState2[1];
-  var updateStyles = (0, _react.useCallback)(function () {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    setStyles((0, _react2.css)(getPreviewBlockStyles(placement, ignoreContainerPadding), overrideCss));
-  }, [ignoreContainerPadding, overrideCss, placement]);
-  (0, _react.useEffect)(function () {
-    updateStyles();
-  }, [ignoreContainerPadding, overrideCss, placement, updateStyles]);
-  var handleOnLoad = (0, _react.useCallback)(function () {
-    updateStyles();
-  }, [updateStyles]);
-  var handleOnError = (0, _react.useCallback)(function () {
-    if (onError) {
-      onError();
-    }
-  }, [onError]);
-  return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
-    overrideCss: styles,
-    testId: "".concat(testId, "-resolved-view")
-  }), (0, _react2.jsx)(_elements.Preview, {
-    onError: handleOnError,
-    onLoad: handleOnLoad,
-    overrideUrl: overrideUrl
-  }));
-};
-var _default = exports.default = PreviewBlockResolvedViewOld;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/TitleBlockOld.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _constants = require("../../../../../constants");
-var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
-var _elements = require("../../elements");
-var _actionGroup = _interopRequireDefault(require("../action-group"));
-var _errored = _interopRequireDefault(require("./errored"));
-var _resolved = _interopRequireDefault(require("./resolved"));
-var _resolving = _interopRequireDefault(require("./resolving"));
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var getActionStyles = function getActionStyles(showOnHover, isOpen) {
-  if (showOnHover && !isOpen) {
-    return (0, _react2.css)({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '.actions-button-group': {
-        opacity: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '&:hover .actions-button-group, .actions-button-group:focus-within': {
-        opacity: 1
-      }
-    });
-  }
-};
-var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
-  switch (status) {
-    case _constants.SmartLinkStatus.Pending:
-    case _constants.SmartLinkStatus.Resolving:
-      return _resolving.default;
-    case _constants.SmartLinkStatus.Resolved:
-      return _resolved.default;
-    case _constants.SmartLinkStatus.Unauthorized:
-    case _constants.SmartLinkStatus.Forbidden:
-    case _constants.SmartLinkStatus.NotFound:
-    case _constants.SmartLinkStatus.Errored:
-    case _constants.SmartLinkStatus.Fallback:
-    default:
-      return _errored.default;
-  }
-};
-
-/**
- * Represents a TitleBlock, which is the foundation of Flexible UI.
- * This contains an icon, the link, and any associated metadata and actions in one block.
- * The TitleBlock will also render differently given the state of the smart link.
- * This can be found in the corresponding Resolving, Resolved and Errored views.
- * @public
- * @param {TitleBlockProps} TitleBlockProps
- * @see Block
- * @see TitleBlockResolvingView
- * @see TitleBlockResolvedView
- * @see TitleBlockErroredView
- */
-var TitleBlock = function TitleBlock(_ref) {
-  var _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? [] : _ref$actions,
-    anchorTarget = _ref.anchorTarget,
-    hideTitleTooltip = _ref.hideTitleTooltip,
-    maxLines = _ref.maxLines,
-    onActionMenuOpenChange = _ref.onActionMenuOpenChange,
-    onClick = _ref.onClick,
-    overrideCss = _ref.overrideCss,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
-    showActionOnHover = _ref.showActionOnHover,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
-    text = _ref.text,
-    icon = _ref.icon,
-    theme = _ref.theme,
-    hideRetry = _ref.hideRetry,
-    metadataPosition = _ref.metadataPosition,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (hideRetry && props.retry) {
-    delete props.retry;
-  }
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    actionDropdownOpen = _useState2[0],
-    setActionDropdownOpen = _useState2[1];
-  var onDropdownOpenChange = (0, _react.useCallback)(function (isOpen) {
-    setActionDropdownOpen(isOpen);
-    if (onActionMenuOpenChange) {
-      onActionMenuOpenChange({
-        isOpen: isOpen
-      });
-    }
-  }, [onActionMenuOpenChange]);
-  var actionGroup = actions.length > 0 && /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
-    items: actions,
-    visibleButtonsNum: showActionOnHover ? 1 : 2,
-    onDropdownOpenChange: onDropdownOpenChange
-  });
-  var actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  var combinedCss = (0, _react2.css)(actionStyles, overrideCss);
-  var overrideText = !!text ? {
-    text: text
-  } : {};
-  var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var title = /*#__PURE__*/_react.default.createElement(_elements.Title, (0, _extends2.default)({
-    hideTooltip: hideTitleTooltip,
-    maxLines: maxLines,
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    target: anchorTarget,
-    theme: theme
-  }, overrideText));
-  var Component = getTitleBlockViewComponent(status);
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, {
-    actionGroup: actionGroup,
-    overrideCss: combinedCss,
-    testId: testId,
-    title: title,
-    metadataPosition: metadataPosition,
-    hideIcon: hideIcon,
-    icon: icon
-  }));
-};
-var _default = exports.default = TitleBlock;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/errored/TitleBlockErroredViewOld.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
-var _constants = require("../../../../../../constants");
-var _elements = require("../../../elements");
-var _utils = require("../../../utils");
-var _block = _interopRequireDefault(require("../../block"));
-var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var actionStyles = (0, _react.css)({
-  cursor: 'pointer',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':hover': {
-    color: "var(--ds-text-subtle, #8993A4)",
-    textDecoration: 'underline'
-  }
-});
-var actionHoverStyles = (0, _react.css)({
-  position: 'relative',
-  zIndex: 1,
-  '&:focus': {
-    outlineOffset: "var(--ds-space-negative-025, -2px)"
-  }
-});
-
-/**
- * This function does not work in the component below as it needs to be xcss.
- * The component instead uses inherited styles
- */
-var getMessageStyles = function getMessageStyles(size, hasAction) {
-  var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
-  return (0, _react.css)({
-    flex: '1 1 auto',
-    justifyContent: 'flex-end'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  hasAction ? actionStyles : '',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  sizeStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  (0, _utils.getTruncateStyles)(1, (0, _utils.getLinkLineHeight)(size)), {
-    color: "var(--ds-text-disabled, #6B778C)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    ':focus': {
-      outline: "var(--ds-border-focused, #388BFF)".concat(" solid 2px")
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  hasAction ? actionHoverStyles : '');
-};
-
-/**
- * Represents an Errored TitleBlock view.
- * This will render when a Smart Link did not successfully resolve.
- * This may be a result of a Smart Link not having the correct credentials,
- * or the backend response was errored or malformed.
- * @see TitleBlock
- */
-var TitleBlockErroredViewOld = function TitleBlockErroredViewOld(_ref) {
-  var actionGroup = _ref.actionGroup,
-    retry = _ref.retry,
-    position = _ref.position,
-    testId = _ref.testId,
-    title = _ref.title,
-    icon = _ref.icon,
-    hideIcon = _ref.hideIcon,
-    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _ref2 = retry || {},
-    descriptor = _ref2.descriptor,
-    onClick = _ref2.onClick,
-    values = _ref2.values;
-  var _blockProps$size = blockProps.size,
-    size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
-  var hasAction = onClick !== undefined;
-  return (0, _react.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
-    testId: "".concat(testId, "-errored-view")
-  }), !hideIcon && (0, _react.jsx)(_elements.LinkIcon, {
-    overrideIcon: icon,
-    position: position
-  }), title, descriptor && (0, _react.jsx)(_elementGroup.default, {
-    direction: _constants.SmartLinkDirection.Horizontal,
-    align: _constants.SmartLinkAlignment.Right
-  }, (0, _react.jsx)(_primitives.Box
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  , {
-    xcss: getMessageStyles(size, hasAction),
-    onClick: onClick,
-    testId: "".concat(testId, "-errored-view-message"),
-    tabIndex: hasAction ? 0 : -1
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
-    values: values
-  })))), actionGroup);
-};
-var _default = exports.default = TitleBlockErroredViewOld;