@atlaskit/smart-card 26.38.0 → 26.38.1

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

@@ -0,0 +1,55 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+import React, { useCallback, useMemo } from 'react';
+import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
+import { Provider } from '../../../elements';
+import ActionGroup from '../../action-group';
+import Block from '../../block';
+import ElementGroup from '../../element-group';
+import { filterActionItems } from '../../utils';
+var getActionGroupStyles = function getActionGroupStyles(size) {
+  if (size === SmartLinkSize.XLarge) {
+    // The biggest height of the action button exceeds the max line-height
+    // of the elements causing the action on the block with x-large size to
+    // get cut at the bottom.
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      max-height: 2rem;\n    "])));
+  }
+};
+var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
+  var actions = props.actions,
+    testId = props.testId,
+    onActionMenuOpenChange = props.onActionMenuOpenChange,
+    _props$size = props.size,
+    size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size;
+  var context = useFlexibleUiContext();
+  var hasActions = useMemo(function () {
+    var _filterActionItems;
+    return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
+  }, [actions, context]);
+  var onDropdownOpenChange = useCallback(function (isOpen) {
+    if (onActionMenuOpenChange) {
+      onActionMenuOpenChange({
+        isOpen: isOpen
+      });
+    }
+  }, [onActionMenuOpenChange]);
+  return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
+    testId: "".concat(testId, "-resolved-view")
+  }), /*#__PURE__*/React.createElement(Provider, {
+    testId: "".concat(testId, "-provider")
+  }), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
+    testId: "smart-element-group-actions",
+    align: SmartLinkAlignment.Right,
+    direction: SmartLinkDirection.Horizontal,
+    overrideCss: getActionGroupStyles(size),
+    width: SmartLinkWidth.Flexible
+  }, /*#__PURE__*/React.createElement(ActionGroup, {
+    onDropdownOpenChange: onDropdownOpenChange,
+    items: actions,
+    appearance: "default"
+  })) : null);
+};
+export default FooterBlockResolvedView;

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

@@ -3,4 +3,7 @@ export { default as MetadataBlock } from './metadata-block';
 export { default as PreviewBlock } from './preview-block';
 export { default as SnippetBlock } from './snippet-block';
 export { default as TitleBlock } from './title-block';
-export { default as CustomBlock } from './block';
+export { default as CustomBlock } from './block';
+
+// Internal components to be used within @atlaskit/smart-card only.
+export { default as InternalFooterBlock } from './footer-block/resolved';

package/dist/esm/view/LinkUrl/index.js

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.38.0",
+  packageVersion: "26.38.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => jsx.JSX.Element;
 export default _default;

package/dist/types/view/BlockCard/views/flexible/styled.d.ts

@@ -2,4 +2,3 @@ export declare const metadataBlockCss: import("@emotion/react").SerializedStyles
 export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
 export declare const footerBlockCss: import("@emotion/react").SerializedStyles;
 export declare const flexibleBlockCardStyle: import("@emotion/react").SerializedStyles;
-export declare const forbiddenViewTitleStyle: import("@emotion/react").SerializedStyles;

package/dist/types/view/BlockCard/views/flexible/types.d.ts

@@ -1,83 +1,2 @@
-/// <reference types="react" />
-import { CardState } from '@atlaskit/linking-common';
-import { OnErrorCallback } from '../../../types';
-import { FlexibleUiOptions } from '../../../FlexibleCard/types';
-import { OnResolveCallback } from '../../../Card/types';
-import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { AnalyticsFacade } from '../../../../state/analytics';
-import { AnchorTarget } from '../../../FlexibleCard/components/types';
-import { TitleBlockProps } from '../../../FlexibleCard/components/blocks/title-block/types';
-export type FlexibleBlockCardProps = {
-    /**
-     * An AnalyticsFacade object used for calling analytics.
-     */
-    analytics: AnalyticsFacade;
-    /**
-     * Determines the anchor target to be passed to the title block.
-     */
-    anchorTarget?: AnchorTarget;
-    /**
-     * Determines the status and data of the Smart Link.
-     * @internal
-     */
-    cardState: CardState;
-    /**
-     * Provides the extensionKey of a Smart Link resolver invoked.
-     */
-    extensionKey?: string;
-    /**
-     * A unique id for this Smart Link instance, used for analytics.
-     */
-    id?: string;
-    /**
-     * An additional action that can be performed when link is not resolved, e.g.
-     * connect account to gain access to 403 link.
-     * @internal
-     */
-    onAuthorize?: () => void;
-    /**
-     * Determines the onClick behaviour of Flexible UI. This will proxy to the
-     * TitleBlock if supplied.
-     */
-    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
-    /**
-     * function to be called after a flexible card has rendered its error states
-     */
-    onError?: OnErrorCallback;
-    /**
-     * function to be called after a flexible card has rendered its resolved state
-     */
-    onResolve?: OnResolveCallback;
-    /**
-     * A name of the provider, needed to specify to user which account has to be connected
-     */
-    providerName?: string;
-    /**
-     * Any additional renderers required by Flexible UI. Currently used by icon
-     * to render Emoji.
-     */
-    renderers?: CardProviderRenderers;
-    /**
-     * Determines whether to show available server actions.
-     */
-    showServerActions?: boolean;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique
-     * string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests
-     */
-    testId?: string;
-    /**
-     * Determines the appearance of Flexible UI.
-     * @see FlexibleUiOptions
-     */
-    ui?: FlexibleUiOptions;
-    /**
-     * Determines the URL of the Smart Link.
-     */
-    url: string;
-    /**
-     * Determines a style of the Title Block.
-     */
-    titleBlockProps?: TitleBlockProps;
-};
+import { FlexibleCardProps } from '../../../FlexibleCard/types';
+export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'analytics' | 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'showServerActions' | 'testId' | 'url'>;

package/dist/types/view/BlockCard/views/flexible/unresolved-view/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { UnresolvedViewProps } from './types';
+declare const UnresolvedView: FC<UnresolvedViewProps>;
+export default UnresolvedView;

package/dist/types/view/BlockCard/views/flexible/unresolved-view/types.d.ts

@@ -0,0 +1,7 @@
+import type { ActionItem } from '../../../../FlexibleCard/components/blocks/types';
+import type { FlexibleBlockCardProps } from '../types';
+export type UnresolvedViewProps = FlexibleBlockCardProps & {
+    actions?: ActionItem[];
+    showPreview?: boolean;
+    title?: string;
+};

package/dist/types/view/BlockCard/views/flexible/utils/index.d.ts

@@ -1,4 +1,8 @@
 import { JsonLd } from 'json-ld-types';
+import type { FlexibleUiOptions } from '../../../../FlexibleCard/types';
+import type { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
+import type { PreviewBlockProps } from '../../../../FlexibleCard/components/blocks/preview-block/types';
+import type { TitleBlockProps } from '../../../../FlexibleCard/components/blocks/title-block/types';
 import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
@@ -7,4 +11,8 @@ type SimulatedMetadata = {
     topMetadata: ElementItem[];
     bottomMetadata?: ElementItem[];
 };
+export declare const FlexibleCardUiOptions: FlexibleUiOptions;
+export declare const getTitleBlockOptions: () => Partial<TitleBlockProps>;
+export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;
+export declare const getFooterBlockOptions: () => Partial<FooterBlockProps>;
 export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FooterBlockProps } from '../types';
+declare const FooterBlockResolvedView: React.FC<FooterBlockProps>;
+export default FooterBlockResolvedView;

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

@@ -4,3 +4,4 @@ export { default as PreviewBlock } from './preview-block';
 export { default as SnippetBlock } from './snippet-block';
 export { default as TitleBlock } from './title-block';
 export { default as CustomBlock } from './block';
+export { default as InternalFooterBlock } from './footer-block/resolved';

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => jsx.JSX.Element;
 export default _default;

package/dist/types-ts4.5/view/BlockCard/views/flexible/styled.d.ts

@@ -2,4 +2,3 @@ export declare const metadataBlockCss: import("@emotion/react").SerializedStyles
 export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
 export declare const footerBlockCss: import("@emotion/react").SerializedStyles;
 export declare const flexibleBlockCardStyle: import("@emotion/react").SerializedStyles;
-export declare const forbiddenViewTitleStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/view/BlockCard/views/flexible/types.d.ts

@@ -1,83 +1,2 @@
-/// <reference types="react" />
-import { CardState } from '@atlaskit/linking-common';
-import { OnErrorCallback } from '../../../types';
-import { FlexibleUiOptions } from '../../../FlexibleCard/types';
-import { OnResolveCallback } from '../../../Card/types';
-import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { AnalyticsFacade } from '../../../../state/analytics';
-import { AnchorTarget } from '../../../FlexibleCard/components/types';
-import { TitleBlockProps } from '../../../FlexibleCard/components/blocks/title-block/types';
-export type FlexibleBlockCardProps = {
-    /**
-     * An AnalyticsFacade object used for calling analytics.
-     */
-    analytics: AnalyticsFacade;
-    /**
-     * Determines the anchor target to be passed to the title block.
-     */
-    anchorTarget?: AnchorTarget;
-    /**
-     * Determines the status and data of the Smart Link.
-     * @internal
-     */
-    cardState: CardState;
-    /**
-     * Provides the extensionKey of a Smart Link resolver invoked.
-     */
-    extensionKey?: string;
-    /**
-     * A unique id for this Smart Link instance, used for analytics.
-     */
-    id?: string;
-    /**
-     * An additional action that can be performed when link is not resolved, e.g.
-     * connect account to gain access to 403 link.
-     * @internal
-     */
-    onAuthorize?: () => void;
-    /**
-     * Determines the onClick behaviour of Flexible UI. This will proxy to the
-     * TitleBlock if supplied.
-     */
-    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
-    /**
-     * function to be called after a flexible card has rendered its error states
-     */
-    onError?: OnErrorCallback;
-    /**
-     * function to be called after a flexible card has rendered its resolved state
-     */
-    onResolve?: OnResolveCallback;
-    /**
-     * A name of the provider, needed to specify to user which account has to be connected
-     */
-    providerName?: string;
-    /**
-     * Any additional renderers required by Flexible UI. Currently used by icon
-     * to render Emoji.
-     */
-    renderers?: CardProviderRenderers;
-    /**
-     * Determines whether to show available server actions.
-     */
-    showServerActions?: boolean;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique
-     * string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests
-     */
-    testId?: string;
-    /**
-     * Determines the appearance of Flexible UI.
-     * @see FlexibleUiOptions
-     */
-    ui?: FlexibleUiOptions;
-    /**
-     * Determines the URL of the Smart Link.
-     */
-    url: string;
-    /**
-     * Determines a style of the Title Block.
-     */
-    titleBlockProps?: TitleBlockProps;
-};
+import { FlexibleCardProps } from '../../../FlexibleCard/types';
+export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'analytics' | 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'showServerActions' | 'testId' | 'url'>;

package/dist/types-ts4.5/view/BlockCard/views/flexible/unresolved-view/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { UnresolvedViewProps } from './types';
+declare const UnresolvedView: FC<UnresolvedViewProps>;
+export default UnresolvedView;

package/dist/types-ts4.5/view/BlockCard/views/flexible/unresolved-view/types.d.ts

@@ -0,0 +1,7 @@
+import type { ActionItem } from '../../../../FlexibleCard/components/blocks/types';
+import type { FlexibleBlockCardProps } from '../types';
+export type UnresolvedViewProps = FlexibleBlockCardProps & {
+    actions?: ActionItem[];
+    showPreview?: boolean;
+    title?: string;
+};

package/dist/types-ts4.5/view/BlockCard/views/flexible/utils/index.d.ts

@@ -1,4 +1,8 @@
 import { JsonLd } from 'json-ld-types';
+import type { FlexibleUiOptions } from '../../../../FlexibleCard/types';
+import type { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
+import type { PreviewBlockProps } from '../../../../FlexibleCard/components/blocks/preview-block/types';
+import type { TitleBlockProps } from '../../../../FlexibleCard/components/blocks/title-block/types';
 import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
@@ -7,4 +11,8 @@ type SimulatedMetadata = {
     topMetadata: ElementItem[];
     bottomMetadata?: ElementItem[];
 };
+export declare const FlexibleCardUiOptions: FlexibleUiOptions;
+export declare const getTitleBlockOptions: () => Partial<TitleBlockProps>;
+export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;
+export declare const getFooterBlockOptions: () => Partial<FooterBlockProps>;
 export {};

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/footer-block/resolved/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FooterBlockProps } from '../types';
+declare const FooterBlockResolvedView: React.FC<FooterBlockProps>;
+export default FooterBlockResolvedView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/index.d.ts

@@ -4,3 +4,4 @@ export { default as PreviewBlock } from './preview-block';
 export { default as SnippetBlock } from './snippet-block';
 export { default as TitleBlock } from './title-block';
 export { default as CustomBlock } from './block';
+export { default as InternalFooterBlock } from './footer-block/resolved';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.38.0",
+  "version": "26.38.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/dist/cjs/view/BlockCard/components/flexible/footer/index.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _elements = require("../../../../FlexibleCard/components/elements");
-var _elementGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/element-group"));
-var _constants = require("../../../../../constants");
-var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/action-group"));
-var _templateObject, _templateObject2;
-var getActionGroupStyles = function getActionGroupStyles(size) {
-  if (size === _constants.SmartLinkSize.XLarge) {
-    // The biggest height of the action button exceeds the max line-height
-    // of the elements causing the action on the block with x-large size to
-    // get cut at the bottom.
-    return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      max-height: 2rem;\n    "])));
-  }
-};
-var providerStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  span:first-child {\n    margin-right: 0.375rem;\n  }\n"])));
-
-/**
- * This Component is a footer that is used in a Block Card with Flexible UI.
- * It contains a provider icon if provider is present and an actions list if one is passed.
- * To be shown as a part of Flexible UI, needs to be wrapped inside of a CustomBlock
- *
- * @see CustomBlock
- * @param props are the data required for the block, such as actions to be displayed.
- */
-var BlockCardFooter = function BlockCardFooter(props) {
-  var actions = props.actions,
-    _props$size = props.size,
-    size = _props$size === void 0 ? _constants.SmartLinkSize.Medium : _props$size,
-    _props$testId = props.testId,
-    testId = _props$testId === void 0 ? 'smart-block-card-footer' : _props$testId,
-    _props$actionGroupApp = props.actionGroupAppearance,
-    actionGroupAppearance = _props$actionGroupApp === void 0 ? 'default' : _props$actionGroupApp;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_elements.Provider, {
-    testId: "".concat(testId, "-provider"),
-    overrideCss: providerStyles
-  }), actions && actions.length > 0 ? /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
-    testId: "smart-element-group-actions",
-    align: _constants.SmartLinkAlignment.Right,
-    direction: _constants.SmartLinkDirection.Horizontal,
-    overrideCss: getActionGroupStyles(size),
-    width: _constants.SmartLinkWidth.Flexible
-  }, /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
-    items: actions,
-    appearance: actionGroupAppearance
-  })) : null);
-};
-var _default = exports.default = BlockCardFooter;

package/dist/es2019/view/BlockCard/components/flexible/footer/index.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import { css } from '@emotion/react';
-import { Provider } from '../../../../FlexibleCard/components/elements';
-import ElementGroup from '../../../../FlexibleCard/components/blocks/element-group';
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
-const getActionGroupStyles = size => {
-  if (size === SmartLinkSize.XLarge) {
-    // The biggest height of the action button exceeds the max line-height
-    // of the elements causing the action on the block with x-large size to
-    // get cut at the bottom.
-    return css`
-      max-height: 2rem;
-    `;
-  }
-};
-const providerStyles = css`
-  span:first-child {
-    margin-right: 0.375rem;
-  }
-`;
-
-/**
- * This Component is a footer that is used in a Block Card with Flexible UI.
- * It contains a provider icon if provider is present and an actions list if one is passed.
- * To be shown as a part of Flexible UI, needs to be wrapped inside of a CustomBlock
- *
- * @see CustomBlock
- * @param props are the data required for the block, such as actions to be displayed.
- */
-const BlockCardFooter = props => {
-  const {
-    actions,
-    size = SmartLinkSize.Medium,
-    testId = 'smart-block-card-footer',
-    actionGroupAppearance = 'default'
-  } = props;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Provider, {
-    testId: `${testId}-provider`,
-    overrideCss: providerStyles
-  }), actions && actions.length > 0 ? /*#__PURE__*/React.createElement(ElementGroup, {
-    testId: "smart-element-group-actions",
-    align: SmartLinkAlignment.Right,
-    direction: SmartLinkDirection.Horizontal,
-    overrideCss: getActionGroupStyles(size),
-    width: SmartLinkWidth.Flexible
-  }, /*#__PURE__*/React.createElement(ActionGroup, {
-    items: actions,
-    appearance: actionGroupAppearance
-  })) : null);
-};
-export default BlockCardFooter;

package/dist/esm/view/BlockCard/components/flexible/footer/index.js

@@ -1,49 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import React from 'react';
-import { css } from '@emotion/react';
-import { Provider } from '../../../../FlexibleCard/components/elements';
-import ElementGroup from '../../../../FlexibleCard/components/blocks/element-group';
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
-var getActionGroupStyles = function getActionGroupStyles(size) {
-  if (size === SmartLinkSize.XLarge) {
-    // The biggest height of the action button exceeds the max line-height
-    // of the elements causing the action on the block with x-large size to
-    // get cut at the bottom.
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      max-height: 2rem;\n    "])));
-  }
-};
-var providerStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  span:first-child {\n    margin-right: 0.375rem;\n  }\n"])));
-
-/**
- * This Component is a footer that is used in a Block Card with Flexible UI.
- * It contains a provider icon if provider is present and an actions list if one is passed.
- * To be shown as a part of Flexible UI, needs to be wrapped inside of a CustomBlock
- *
- * @see CustomBlock
- * @param props are the data required for the block, such as actions to be displayed.
- */
-var BlockCardFooter = function BlockCardFooter(props) {
-  var actions = props.actions,
-    _props$size = props.size,
-    size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size,
-    _props$testId = props.testId,
-    testId = _props$testId === void 0 ? 'smart-block-card-footer' : _props$testId,
-    _props$actionGroupApp = props.actionGroupAppearance,
-    actionGroupAppearance = _props$actionGroupApp === void 0 ? 'default' : _props$actionGroupApp;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Provider, {
-    testId: "".concat(testId, "-provider"),
-    overrideCss: providerStyles
-  }), actions && actions.length > 0 ? /*#__PURE__*/React.createElement(ElementGroup, {
-    testId: "smart-element-group-actions",
-    align: SmartLinkAlignment.Right,
-    direction: SmartLinkDirection.Horizontal,
-    overrideCss: getActionGroupStyles(size),
-    width: SmartLinkWidth.Flexible
-  }, /*#__PURE__*/React.createElement(ActionGroup, {
-    items: actions,
-    appearance: actionGroupAppearance
-  })) : null);
-};
-export default BlockCardFooter;

package/dist/types/view/BlockCard/components/flexible/footer/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { BlockCardFooterProps } from './types';
-/**
- * This Component is a footer that is used in a Block Card with Flexible UI.
- * It contains a provider icon if provider is present and an actions list if one is passed.
- * To be shown as a part of Flexible UI, needs to be wrapped inside of a CustomBlock
- *
- * @see CustomBlock
- * @param props are the data required for the block, such as actions to be displayed.
- */
-declare const BlockCardFooter: React.FC<BlockCardFooterProps>;
-export default BlockCardFooter;

package/dist/types/view/BlockCard/components/flexible/footer/types.d.ts

@@ -1,5 +0,0 @@
-import { Appearance } from '@atlaskit/button';
-import { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
-export type BlockCardFooterProps = {
-    actionGroupAppearance?: Appearance;
-} & FooterBlockProps;

package/dist/types-ts4.5/view/BlockCard/components/flexible/footer/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { BlockCardFooterProps } from './types';
-/**
- * This Component is a footer that is used in a Block Card with Flexible UI.
- * It contains a provider icon if provider is present and an actions list if one is passed.
- * To be shown as a part of Flexible UI, needs to be wrapped inside of a CustomBlock
- *
- * @see CustomBlock
- * @param props are the data required for the block, such as actions to be displayed.
- */
-declare const BlockCardFooter: React.FC<BlockCardFooterProps>;
-export default BlockCardFooter;

package/dist/types-ts4.5/view/BlockCard/components/flexible/footer/types.d.ts

@@ -1,5 +0,0 @@
-import { Appearance } from '@atlaskit/button';
-import { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
-export type BlockCardFooterProps = {
-    actionGroupAppearance?: Appearance;
-} & FooterBlockProps;