@atlaskit/smart-card 18.0.14 → 18.0.17

package/dist/types/view/FlexibleCard/components/blocks/snippet-block/index.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
 import { SnippetBlockProps } from './types';
+/**
+ * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
+ * @param {SnippetBlock} SnippetBlock
+ * @see Block
+ */
 declare const SnippetBlock: React.FC<SnippetBlockProps>;
 export default SnippetBlock;

package/dist/types/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -1,5 +1,12 @@
 /** @jsx jsx */
 import React from 'react';
-import { TitleBlockProps } from '../types';
-declare const TitleBlockErroredView: React.FC<TitleBlockProps>;
+import { TitleBlockViewProps } from '../types';
+/**
+ * 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
+ */
+declare const TitleBlockErroredView: React.FC<TitleBlockViewProps>;
 export default TitleBlockErroredView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -1,4 +1,15 @@
 import React from 'react';
 import { TitleBlockProps } from './types';
+/**
+ * Represents a TitleBlock, which is the foundation of all Flexible Smart Links.
+ * 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.
+ * @param {TitleBlockProps} TitleBlockProps
+ * @see Block
+ * @see TitleBlockResolvingView
+ * @see TitleBlockResolvedView
+ * @see TitleBlockErroredView
+ */
 declare const TitleBlock: React.FC<TitleBlockProps>;
 export default TitleBlock;

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolved/index.d.ts

@@ -1,5 +1,9 @@
-/** @jsx jsx */
 import React from 'react';
-import { TitleBlockProps } from '../types';
-declare const TitleBlockResolvedView: React.FC<TitleBlockProps>;
+import { TitleBlockViewProps } from '../types';
+/**
+ * This renders a fully resolved TitleBlock.
+ * This should render when a Smart Link returns a valid response.
+ * @see TitleBlock
+ */
+declare const TitleBlockResolvedView: React.FC<TitleBlockViewProps>;
 export default TitleBlockResolvedView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolving/index.d.ts

@@ -1,5 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
-import { TitleBlockProps } from '../types';
-declare const TitleBlockResolvingView: React.FC<TitleBlockProps>;
+import { TitleBlockViewProps } from '../types';
+/**
+ * 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
+ */
+declare const TitleBlockResolvingView: React.FC<TitleBlockViewProps>;
 export default TitleBlockResolvingView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { BlockProps, ElementItem, ActionItem } from '../types';
 import { SmartLinkPosition, SmartLinkTheme } from '../../../../../constants';
 import { RetryOptions } from '../../../types';
@@ -6,6 +6,11 @@ import { LinkProps } from '../../elements/link/types';
 export declare type TitleBlockProps = BlockProps & {
     maxLines?: number;
     metadata?: ElementItem[];
+    /** Determines the position of the icon in the TitleBlock.
+     * Top: Icon will be rendered in the "top" left of the TitleBlock
+     * Center: Icon will be rendered "center" relative to the vertical height of the TitleBlock.
+     * If direction is Horizontal, icon will be rendered in the center relative to the horizontal width of the TitleBlock.
+     */
     position?: SmartLinkPosition;
     retry?: RetryOptions;
     subtitle?: ElementItem[];
@@ -16,3 +21,7 @@ export declare type TitleBlockProps = BlockProps & {
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
     anchorTarget?: LinkProps['target'];
 };
+export declare type TitleBlockViewProps = TitleBlockProps & {
+    actionGroup?: React.ReactNode;
+    title: React.ReactNode;
+};

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -3,10 +3,10 @@ import { SerializedStyles } from '@emotion/core';
 import { ActionProps } from '../actions/action/types';
 export declare type BlockProps = {
     direction?: SmartLinkDirection;
+    overrideCss?: SerializedStyles;
     size?: SmartLinkSize;
     status?: SmartLinkStatus;
     testId?: string;
-    extraCss?: SerializedStyles;
 };
 export declare type ElementItem = {
     name: ElementName;
@@ -14,20 +14,22 @@ export declare type ElementItem = {
     testId?: string;
 };
 export declare type BaseActionItem = {
-    testId?: string;
     hideContent?: boolean;
     hideIcon?: boolean;
     onClick: () => any;
+    overrideCss?: SerializedStyles;
+    size?: SmartLinkSize;
+    testId?: string;
 };
 /**
- * Customer can define named action item. Icon and label will be provided implicitly.
+ * This represents an action where Icon and Content are provided implicitly.
+ * @example DeleteAction - by default will contain a cross icon with the 'delete' content if content and icon are not provided.
  */
 export declare type NamedActionItem = BaseActionItem & {
     name: Exclude<ActionName, ActionName.CustomAction>;
 };
 /**
- * Customer can define a custom action item. This will require them to specify
- * either `icon` and `iconPosition` OR `content` OR both BUT not neither of those things.
+ * This represents an action where either Icon or label must be provided.
  */
 export declare type CustomActionItem = BaseActionItem & {
     name: ActionName.CustomAction;

package/dist/types/view/FlexibleCard/components/container/index.d.ts

@@ -4,5 +4,9 @@ import { SerializedStyles } from '@emotion/core';
 import { SmartLinkSize } from '../../../../constants';
 import { ContainerProps } from './types';
 export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean) => SerializedStyles;
+/**
+ * This represents the container in which all Flexible UI Smart Links are rendered.
+ * @see Block
+ */
 declare const Container: React.FC<ContainerProps>;
 export default Container;

package/dist/types/view/FlexibleCard/components/container/types.d.ts

@@ -2,13 +2,13 @@
 import { SmartLinkSize, SmartLinkStatus, SmartLinkTheme } from '../../../../constants';
 import { RetryOptions } from '../../types';
 export declare type ContainerProps = {
-    hideBackground?: boolean;
     hideElevation?: boolean;
     hidePadding?: boolean;
+    hideBackground?: boolean;
     retry?: RetryOptions;
     size?: SmartLinkSize;
     status?: SmartLinkStatus;
-    testId?: string;
     theme?: SmartLinkTheme;
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    testId?: string;
 };

package/dist/types/view/FlexibleCard/components/elements/avatar-group/index.d.ts

@@ -1,5 +1,12 @@
 /** @jsx jsx */
 import React from 'react';
 import { AvatarGroupProps } from './types';
+/**
+ * An element that displays a group of avatars.
+ * @public
+ * @param {AvatarGroupProps} AvatarGroupProps - The props necessary for the AvatarGroup.
+ * @see AuthorGroup
+ * @see CollaboratorGroup
+ */
 declare const AvatarGroup: React.FC<AvatarGroupProps>;
 export default AvatarGroup;

package/dist/types/view/FlexibleCard/components/elements/badge/index.d.ts

@@ -1,5 +1,18 @@
 /** @jsx jsx */
 import React from 'react';
 import { BadgeProps } from './types';
+/**
+ * An element that displays some text with an associated icon.
+ * @public
+ * @param {BadgeProps} BadgeProps - The props necessary for the Badge.
+ * @see CommentCount
+ * @see ViewCount
+ * @see ReactCount
+ * @see VoteCount
+ * @see SubscriberCount
+ * @see Priority
+ * @see ProgrammingLanguage
+ * @see Provider
+ */
 declare const Badge: React.FC<BadgeProps>;
 export default Badge;

package/dist/types/view/FlexibleCard/components/elements/date-time/index.d.ts

@@ -1,5 +1,12 @@
 /** @jsx jsx */
 import React from 'react';
 import { DateTimeProps } from './types';
+/**
+ * An element that displays an ISO Timestamp in text.
+ * @public
+ * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
+ * @see CreatedOn
+ * @see ModifiedOn
+ */
 declare const DateTime: React.FC<DateTimeProps>;
 export default DateTime;

package/dist/types/view/FlexibleCard/components/elements/icon/index.d.ts

@@ -1,5 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
 import { IconProps } from './types';
+/**
+ * An element that displays an Icon or favicon.
+ * @public
+ * @param {IconProps} IconProps - The props necessary for the Icon element.
+ * @see LinkIcon
+ */
 declare const Icon: React.FC<IconProps>;
 export default Icon;

package/dist/types/view/FlexibleCard/components/elements/icon/types.d.ts

@@ -2,9 +2,13 @@
 import { ElementProps } from '../types';
 import { IconType, SmartLinkPosition } from '../../../../../constants';
 export declare type IconProps = ElementProps & {
+    render?: () => React.ReactNode;
     icon?: IconType;
     label?: string;
+    /** Determines how the icon should be rendered.
+     * Top: Icon will be rendered at the "top" of the smart link.
+     * Center: Icon will be rendered at the "center" of the smart link relative to the vertical height.
+     */
     position?: SmartLinkPosition;
-    render?: () => React.ReactNode;
     url?: string;
 };

package/dist/types/view/FlexibleCard/components/elements/index.d.ts

@@ -7,22 +7,99 @@ import { AvatarGroupProps } from './avatar-group/types';
 import { TextProps } from './text/types';
 import { DateTimeProps } from './date-time/types';
 import { MediaProps } from './media/types';
+/**
+ * Creates an AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
 export declare const AuthorGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * Creates an AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
 export declare const CollaboratorGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.
+ * @see Badge
+ */
 export declare const CommentCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
+ * @see Badge
+ */
 export declare const ViewCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
+ * @see Badge
+ */
 export declare const ReactCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
+ * @see Badge
+ */
 export declare const VoteCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
+ * @see Text
+ */
 export declare const CreatedBy: import("react").FC<TextProps>;
+/**
+ * Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
+ * @see DateTime
+ */
 export declare const CreatedOn: import("react").FC<DateTimeProps>;
+/**
+ * Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
+ * @see Icon
+ */
 export declare const LinkIcon: import("react").FC<IconProps>;
+/**
+ * Creates a ModifiedBy Text element using the data from ModifiedBy in the Flexible UI Context.
+ * @see Text
+ */
 export declare const ModifiedBy: import("react").FC<TextProps>;
+/**
+ * Creates a ModifiedOn DateTime element using the data from ModifiedOn in the Flexible UI Context.
+ * @see DateTime
+ */
 export declare const ModifiedOn: import("react").FC<DateTimeProps>;
+/**
+ * Creates a Preview element using the data from Preview in the Flexible UI Context.
+ * @see Preview
+ */
 export declare const Preview: import("react").FC<MediaProps>;
+/**
+ * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
+ * @see Badge
+ */
 export declare const Priority: import("react").FC<BadgeProps>;
+/**
+ * Creates a ProgrammingLanguage Badge element using the data from ProgrammingLanguage in the Flexible UI Context.
+ * @see Badge
+ */
 export declare const ProgrammingLanguage: import("react").FC<BadgeProps>;
+/**
+ * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
+ * @see Text
+ */
 export declare const Snippet: import("react").FC<TextProps>;
+/**
+ * Creates a State Lozenge element using the data from State in the Flexible UI Context.
+ * @see Lozenge
+ */
 export declare const State: import("react").FC<LozengeProps>;
+/**
+ * Creates a SubscriberCount Badge element using the data from SubscriberCount in the Flexible UI Context.
+ * @see Badge
+ */
 export declare const SubscriberCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a Title Link element using the data from Title in the Flexible UI Context.
+ * This represents the main link text within the Smart Link.
+ * @see Link
+ */
 export declare const Title: import("react").FC<LinkProps>;
+/**
+ * Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
+ * @see Badge
+ */
 export declare const Provider: import("react").FC<BadgeProps>;

package/dist/types/view/FlexibleCard/components/elements/link/index.d.ts

@@ -1,5 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
 import { LinkProps } from './types';
+/**
+ * An element that represent.
+ * @public
+ * @param {LinkProps} LinkProps - The props necessary for the Icon element.
+ * @see LinkIcon
+ */
 declare const Link: React.FC<LinkProps>;
 export default Link;

package/dist/types/view/FlexibleCard/components/elements/lozenge/index.d.ts

@@ -1,5 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
 import { LozengeProps } from './types';
+/**
+ * An element that displays a Lozenge.
+ * @public
+ * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
+ * @see State
+ */
 declare const Lozenge: React.FC<LozengeProps>;
 export default Lozenge;

package/dist/types/view/FlexibleCard/components/elements/media/index.d.ts

@@ -1,5 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
 import { MediaProps } from './types';
+/**
+ * An element that displays a Media.
+ * @public
+ * @param {MediaProps} MediaProps - The props necessary for the Media element.
+ * @see Preview
+ */
 declare const Media: React.FC<MediaProps>;
 export default Media;

package/dist/types/view/FlexibleCard/components/elements/text/index.d.ts

@@ -1,5 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
 import { TextProps } from './types';
+/**
+ * An element that displays some Text.
+ * @public
+ * @param {TextProps} TextProps - The props necessary for the Text element.
+ * @see Title
+ */
 declare const Text: React.FC<TextProps>;
 export default Text;

package/dist/types/view/FlexibleCard/components/elements/text/types.d.ts

@@ -1,8 +1,7 @@
 import { ElementProps } from '../types';
 import { MessageProps } from '../../types';
 export declare type TextProps = ElementProps & {
-    color?: string;
+    message?: MessageProps;
     content?: string;
     maxLines?: number;
-    message?: MessageProps;
 };

package/dist/types/view/FlexibleCard/components/elements/types.d.ts

@@ -1,5 +1,7 @@
+import { SerializedStyles } from '@emotion/core';
 import { SmartLinkSize } from '../../../../constants';
 export declare type ElementProps = {
+    overrideCss?: SerializedStyles;
     size?: SmartLinkSize;
     testId?: string;
 };

package/dist/types/view/FlexibleCard/index.d.ts

@@ -1,4 +1,10 @@
 import React from 'react';
 import { FlexibleCardProps } from './types';
+/**
+ * This represents a Flexible Card: a link represented by a card with metadata.
+ * This is the container in which all Flexible UI Blocks and Elements exist.
+ * Note: TitleBlock is mandatory for a Flexible Card to render.
+ * @see Container
+ */
 declare const FlexibleCard: React.FC<FlexibleCardProps>;
 export default FlexibleCard;

package/dist/types/view/HoverCard/index.d.ts

@@ -1,3 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { HoverCardProps } from './types';
-export declare const HoverCard: FC<HoverCardProps>;
+export declare const HoverCardComponent: FC<HoverCardProps>;
+export declare const HoverCard: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "analyticsContext" | "key" | "url"> & React.RefAttributes<any>>;

package/dist/types/view/HoverCard/types.d.ts

@@ -1,3 +1,6 @@
-export declare type HoverCardProps = {
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+export interface HoverCardProps extends WithAnalyticsEventsProps {
     url: string;
-};
+}
+export declare type PreviewDisplay = 'card' | 'embed';
+export declare type PreviewInvokeMethod = 'keyboard' | 'mouse_hover' | 'mouse_click';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "18.0.14",
+  "version": "18.0.17",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -125,5 +125,10 @@
     "./hooks": "./src/hooks.ts",
     ".": "./src/index.ts"
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
+  "techstack": {
+    "@repo/internal": {
+      "theming": "tokens"
+    }
+  }
 }

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

@@ -1,105 +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.actionOnHoverOnlyStyle = exports.BaseTitleBlockComponent = 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 = _interopRequireWildcard(require("react"));
-
-var _core = require("@emotion/core");
-
-var _block = _interopRequireDefault(require("../block"));
-
-var _elements = require("../../elements");
-
-var _actionGroup = _interopRequireDefault(require("../action-group"));
-
-var _constants = require("../../../../../constants");
-
-var _elementGroup = _interopRequireDefault(require("../element-group"));
-
-var _utils = require("../utils");
-
-var _excluded = ["children", "blockTestIdPostfix", "blockIcon", "testId", "showActionOnHover", "position", "actions", "text", "maxLines", "theme", "onClick", "metadata", "subtitle", "anchorTarget"];
-
-var _templateObject;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var actionOnHoverOnlyStyle = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .actions-button-group {\n    visibility: hidden;\n  }\n\n  &:hover {\n    .actions-button-group {\n      visibility: visible;\n    }\n  }\n"])));
-exports.actionOnHoverOnlyStyle = actionOnHoverOnlyStyle;
-
-var BaseTitleBlockComponent = function BaseTitleBlockComponent(_ref) {
-  var children = _ref.children,
-      blockTestIdPostfix = _ref.blockTestIdPostfix,
-      blockIcon = _ref.blockIcon,
-      testId = _ref.testId,
-      showActionOnHover = _ref.showActionOnHover,
-      position = _ref.position,
-      _ref$actions = _ref.actions,
-      actions = _ref$actions === void 0 ? [] : _ref$actions,
-      text = _ref.text,
-      maxLines = _ref.maxLines,
-      theme = _ref.theme,
-      onClick = _ref.onClick,
-      _ref$metadata = _ref.metadata,
-      metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
-      anchorTarget = _ref.anchorTarget,
-      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      actionDropdownOpen = _useState2[0],
-      setActionDropdownOpen = _useState2[1];
-
-  var extraCss = showActionOnHover && !actionDropdownOpen ? actionOnHoverOnlyStyle : undefined;
-  var overrideText = !!text ? {
-    text: text
-  } : {};
-  var metadataElements = (0, _utils.renderElementItems)(metadata);
-  var subtitleElements = (0, _utils.renderElementItems)(subtitle);
-  return (0, _core.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
-    testId: "".concat(testId, "-").concat(blockTestIdPostfix),
-    extraCss: extraCss
-  }), blockIcon || (0, _core.jsx)(_elements.LinkIcon, {
-    position: position
-  }), (0, _core.jsx)(_elementGroup.default, {
-    direction: _constants.SmartLinkDirection.Vertical,
-    width: _constants.SmartLinkWidth.Flexible
-  }, (0, _core.jsx)(_elements.Title, (0, _extends2.default)({
-    maxLines: maxLines,
-    theme: theme,
-    target: anchorTarget,
-    onClick: onClick
-  }, overrideText)), subtitleElements && (0, _core.jsx)(_elementGroup.default, {
-    direction: _constants.SmartLinkDirection.Horizontal
-  }, subtitleElements)), metadataElements && (0, _core.jsx)(_elementGroup.default, {
-    direction: _constants.SmartLinkDirection.Horizontal,
-    align: _constants.SmartLinkAlignment.Right
-  }, metadataElements), children, actions.length > 0 && (0, _core.jsx)(_actionGroup.default, {
-    items: actions,
-    visibleButtonsNum: showActionOnHover ? 1 : 2,
-    onDropdownOpenChange: function onDropdownOpenChange(isOpen) {
-      return setActionDropdownOpen(isOpen);
-    }
-  }));
-};
-
-exports.BaseTitleBlockComponent = BaseTitleBlockComponent;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/utils.js

@@ -1,71 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-
-/** @jsx jsx */
-import React, { useState } from 'react';
-import { jsx } from '@emotion/core';
-import { css } from '@emotion/core';
-import Block from '../block';
-import { LinkIcon, Title } from '../../elements';
-import ActionGroup from '../action-group';
-import { SmartLinkAlignment, SmartLinkWidth, SmartLinkDirection } from '../../../../../constants';
-import ElementGroup from '../element-group';
-import { renderElementItems } from '../utils';
-export const actionOnHoverOnlyStyle = css`
-  .actions-button-group {
-    visibility: hidden;
-  }
-
-  &:hover {
-    .actions-button-group {
-      visibility: visible;
-    }
-  }
-`;
-export const BaseTitleBlockComponent = ({
-  children,
-  blockTestIdPostfix,
-  blockIcon,
-  testId,
-  showActionOnHover,
-  position,
-  actions = [],
-  text,
-  maxLines,
-  theme,
-  onClick,
-  metadata = [],
-  subtitle = [],
-  anchorTarget,
-  ...blockProps
-}) => {
-  const [actionDropdownOpen, setActionDropdownOpen] = useState(false);
-  const extraCss = showActionOnHover && !actionDropdownOpen ? actionOnHoverOnlyStyle : undefined;
-  const overrideText = !!text ? {
-    text
-  } : {};
-  const metadataElements = renderElementItems(metadata);
-  const subtitleElements = renderElementItems(subtitle);
-  return jsx(Block, _extends({}, blockProps, {
-    testId: `${testId}-${blockTestIdPostfix}`,
-    extraCss: extraCss
-  }), blockIcon || jsx(LinkIcon, {
-    position: position
-  }), jsx(ElementGroup, {
-    direction: SmartLinkDirection.Vertical,
-    width: SmartLinkWidth.Flexible
-  }, jsx(Title, _extends({
-    maxLines: maxLines,
-    theme: theme,
-    target: anchorTarget,
-    onClick: onClick
-  }, overrideText)), subtitleElements && jsx(ElementGroup, {
-    direction: SmartLinkDirection.Horizontal
-  }, subtitleElements)), metadataElements && jsx(ElementGroup, {
-    direction: SmartLinkDirection.Horizontal,
-    align: SmartLinkAlignment.Right
-  }, metadataElements), children, actions.length > 0 && jsx(ActionGroup, {
-    items: actions,
-    visibleButtonsNum: showActionOnHover ? 1 : 2,
-    onDropdownOpenChange: isOpen => setActionDropdownOpen(isOpen)
-  }));
-};