@atlaskit/smart-card 18.0.12 → 18.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "18.0.12",
+  "version": "18.0.15",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/avatar": "^20.5.0",
     "@atlaskit/avatar-group": "^8.5.5",
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/dropdown-menu": "^11.1.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/icon-file-type": "^6.3.0",
@@ -36,14 +36,14 @@
     "@atlaskit/linking-common": "^1.0.0",
     "@atlaskit/logo": "^13.5.0",
     "@atlaskit/lozenge": "^11.1.0",
-    "@atlaskit/media-common": "^2.11.0",
-    "@atlaskit/media-ui": "^21.0.0",
+    "@atlaskit/media-common": "^2.12.0",
+    "@atlaskit/media-ui": "^21.1.0",
     "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/outbound-auth-flow-client": "^3.3.0",
     "@atlaskit/popup": "^1.3.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.8.0",
+    "@atlaskit/tokens": "^0.9.0",
     "@atlaskit/tooltip": "^17.5.2",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
@@ -77,8 +77,8 @@
     "@atlaskit/form": "^8.5.0",
     "@atlaskit/inline-message": "^11.2.0",
     "@atlaskit/lozenge": "^11.1.0",
-    "@atlaskit/media-integration-test-helpers": "^2.5.0",
-    "@atlaskit/media-test-helpers": "^29.3.0",
+    "@atlaskit/media-integration-test-helpers": "^2.6.0",
+    "@atlaskit/media-test-helpers": "^29.4.0",
     "@atlaskit/page": "^12.1.0",
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/range": "^6.0.0",
@@ -114,7 +114,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1",
     "react-test-renderer": "^16.8.0",
     "ts-jest": "24.3.0",
-    "typescript": "3.9.10",
+    "typescript": "4.2.4",
     "xhr-mock": "^2.4.0"
   },
   "af:exports": {

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)
-  }));
-};

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

@@ -1,76 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["children", "blockTestIdPostfix", "blockIcon", "testId", "showActionOnHover", "position", "actions", "text", "maxLines", "theme", "onClick", "metadata", "subtitle", "anchorTarget"];
-
-var _templateObject;
-
-/** @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 var actionOnHoverOnlyStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .actions-button-group {\n    visibility: hidden;\n  }\n\n  &:hover {\n    .actions-button-group {\n      visibility: visible;\n    }\n  }\n"])));
-export 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 = _objectWithoutProperties(_ref, _excluded);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      actionDropdownOpen = _useState2[0],
-      setActionDropdownOpen = _useState2[1];
-
-  var extraCss = showActionOnHover && !actionDropdownOpen ? actionOnHoverOnlyStyle : undefined;
-  var overrideText = !!text ? {
-    text: text
-  } : {};
-  var metadataElements = renderElementItems(metadata);
-  var subtitleElements = renderElementItems(subtitle);
-  return jsx(Block, _extends({}, blockProps, {
-    testId: "".concat(testId, "-").concat(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: function onDropdownOpenChange(isOpen) {
-      return setActionDropdownOpen(isOpen);
-    }
-  }));
-};

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

@@ -1,11 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { SerializedStyles } from '@emotion/core';
-import { TitleBlockProps } from './types';
-export declare const actionOnHoverOnlyStyle: SerializedStyles;
-interface BaseTitleBlockProps {
-    blockTestIdPostfix: string;
-    blockIcon?: React.ReactElement;
-}
-export declare const BaseTitleBlockComponent: React.FC<TitleBlockProps & BaseTitleBlockProps>;
-export {};