@atlaskit/smart-card 23.14.1 → 23.14.2

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -3,9 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry"];
-
 var _templateObject, _templateObject2;
-
 import React, { useCallback, useState } from 'react';
 import { css } from '@emotion/react';
 import { SmartLinkStatus } from '../../../../../constants';
@@ -14,22 +12,18 @@ import TitleBlockErroredView from './errored';
 import TitleBlockResolvingView from './resolving';
 import ActionGroup from '../action-group';
 import { Title } from '../../elements';
-
 var getActionStyles = function getActionStyles(showOnHover, isOpen) {
   if (showOnHover && !isOpen) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .actions-button-group {\n        opacity: 0;\n      }\n\n      &:hover .actions-button-group,\n      .actions-button-group:focus-within {\n        opacity: 1;\n      }\n    "])));
   }
 };
-
 var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
   switch (status) {
     case SmartLinkStatus.Pending:
     case SmartLinkStatus.Resolving:
       return TitleBlockResolvingView;
-
     case SmartLinkStatus.Resolved:
       return TitleBlockResolvedView;
-
     case SmartLinkStatus.Unauthorized:
     case SmartLinkStatus.Forbidden:
     case SmartLinkStatus.NotFound:
@@ -39,6 +33,7 @@ var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
       return TitleBlockErroredView;
   }
 };
+
 /**
  * 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.
@@ -51,39 +46,33 @@ var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
  * @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 ? SmartLinkStatus.Fallback : _ref$status,
-      showActionOnHover = _ref.showActionOnHover,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
-      text = _ref.text,
-      theme = _ref.theme,
-      hideRetry = _ref.hideRetry,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    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 ? SmartLinkStatus.Fallback : _ref$status,
+    showActionOnHover = _ref.showActionOnHover,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
+    text = _ref.text,
+    theme = _ref.theme,
+    hideRetry = _ref.hideRetry,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (hideRetry && props.retry) {
     delete props.retry;
   }
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      actionDropdownOpen = _useState2[0],
-      setActionDropdownOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    actionDropdownOpen = _useState2[0],
+    setActionDropdownOpen = _useState2[1];
   var onDropdownOpenChange = useCallback(function (isOpen) {
     setActionDropdownOpen(isOpen);
-
     if (onActionMenuOpenChange) {
       onActionMenuOpenChange({
         isOpen: isOpen
@@ -115,5 +104,4 @@ var TitleBlock = function TitleBlock(_ref) {
     title: title
   }));
 };
-
 export default TitleBlock;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -7,24 +7,23 @@ import Block from '../../block';
 import ElementGroup from '../../element-group';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkWidth } from '../../../../../../constants';
 import { renderElementItems } from '../../utils';
+
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-
 var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   var actionGroup = _ref.actionGroup,
-      _ref$metadata = _ref.metadata,
-      metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
-      position = _ref.position,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
-      testId = _ref.testId,
-      text = _ref.text,
-      title = _ref.title,
-      blockProps = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$metadata = _ref.metadata,
+    metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
+    position = _ref.position,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
+    testId = _ref.testId,
+    text = _ref.text,
+    title = _ref.title,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
   var metadataElements = renderElementItems(metadata);
   var subtitleElements = renderElementItems(subtitle);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
@@ -41,5 +40,4 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     align: SmartLinkAlignment.Right
   }, metadataElements), actionGroup);
 };
-
 export default TitleBlockResolvedView;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionGroup", "testId", "title"];
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -9,21 +8,20 @@ import Block from '../../block';
 import { SmartLinkSize } from '../../../../../../constants';
 import LoadingSkeleton from '../../../common/loading-skeleton';
 import { getIconSizeStyles, getIconWidth } from '../../../utils';
+
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
  * for a request to finish.
  * This should render when a Smart Link has sent a request.
  * @see TitleBlock
  */
-
 var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var actionGroup = _ref.actionGroup,
-      testId = _ref.testId,
-      title = _ref.title,
-      blockProps = _objectWithoutProperties(_ref, _excluded);
-
+    testId = _ref.testId,
+    title = _ref.title,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
   var _blockProps$size = blockProps.size,
-      size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
+    size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
   var iconWidth = getIconWidth(size);
   var iconStyles = getIconSizeStyles(iconWidth);
   return jsx(Block, _extends({}, blockProps, {
@@ -35,5 +33,4 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
     testId: "".concat(testId, "-icon-loading")
   })), title, actionGroup);
 };
-
 export default TitleBlockResolvingView;

package/dist/esm/view/FlexibleCard/components/blocks/utils.js

@@ -4,41 +4,35 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["name"];
-
 var _ElementDisplaySchema, _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import React from 'react';
 import { css } from '@emotion/react';
 import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
 import * as Elements from '../elements';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
 import ActionGroup from './action-group';
-import ElementGroup from './element-group'; // Determine whether the element can be display as inline/block.
+import ElementGroup from './element-group';
 
-export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AttachmentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ChecklistProgress, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.SourceBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _ElementDisplaySchema);
+// Determine whether the element can be display as inline/block.
 
+export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AttachmentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ChecklistProgress, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.SourceBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _ElementDisplaySchema);
 var getDirectionStyles = function getDirectionStyles(direction) {
   switch (direction) {
     case SmartLinkDirection.Vertical:
       return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        flex-direction: column;\n        align-items: flex-start;\n      "])));
-
     case SmartLinkDirection.Horizontal:
     default:
       return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        flex-direction: row;\n        align-items: center;\n      "])));
   }
 };
-
 export var getGapSize = function getGapSize(size) {
   switch (size) {
     case SmartLinkSize.XLarge:
       return 1.25;
-
     case SmartLinkSize.Large:
       return 1;
-
     case SmartLinkSize.Medium:
       return 0.5;
-
     case SmartLinkSize.Small:
     default:
       return 0.25;
@@ -48,25 +42,19 @@ export var getBaseStyles = function getBaseStyles(direction, size) {
   return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  gap: ", "rem;\n  line-height: 1rem;\n  min-width: 0;\n  overflow: hidden;\n  ", ";\n  &:empty {\n    display: none;\n  }\n  & > * {\n    min-width: 0;\n  }\n  & > [data-fit-to-content] {\n    min-width: fit-content;\n  }\n"])), getGapSize(size), getDirectionStyles(direction));
 };
 export var highlightRemoveStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  outline: none !important;\n  outline-color: inherit;\n  color: inherit;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
-
 var isActionGroup = function isActionGroup(node) {
   return /*#__PURE__*/React.isValidElement(node) && node.type === ActionGroup;
 };
-
 var isElementDisplayValid = function isElementDisplayValid(name, display) {
   var _ElementDisplaySchema2, _ElementDisplaySchema3;
-
   return (_ElementDisplaySchema2 = (_ElementDisplaySchema3 = ElementDisplaySchema[name]) === null || _ElementDisplaySchema3 === void 0 ? void 0 : _ElementDisplaySchema3.includes(display)) !== null && _ElementDisplaySchema2 !== void 0 ? _ElementDisplaySchema2 : false;
 };
-
 export var isJSXElementNull = function isJSXElementNull(children) {
   return Boolean(children.type() === null);
 };
-
 var isElementOrElementGroup = function isElementOrElementGroup(node) {
   return /*#__PURE__*/React.isValidElement(node) && (isFlexibleUiElement(node) || node.type === ElementGroup);
 };
-
 export var renderChildren = function renderChildren(children, size) {
   return React.Children.map(children, function (child) {
     if (isElementOrElementGroup(child) || isActionGroup(child)) {
@@ -76,7 +64,6 @@ export var renderChildren = function renderChildren(children, size) {
         size: childSize || size
       });
     }
-
     return child;
   });
 };
@@ -85,24 +72,19 @@ export var renderElementItems = function renderElementItems() {
   var display = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'inline';
   var elements = items.reduce(function (acc, curr, idx) {
     var name = curr.name,
-        props = _objectWithoutProperties(curr, _excluded);
-
+      props = _objectWithoutProperties(curr, _excluded);
     var Element = Elements[name];
     var typedProps = props;
-
     if (Element && isElementDisplayValid(name, display)) {
       var element = /*#__PURE__*/React.createElement(Element, _extends({
         key: idx
       }, typedProps));
-
       if (!isJSXElementNull(element)) {
         return [].concat(_toConsumableArray(acc), [element]);
       }
     }
-
     return acc;
   }, []);
-
   if (elements.length) {
     return elements;
   }