@atlaskit/smart-card 26.37.2 → 26.38.1

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;