@atlaskit/media-ui 19.0.0 → 21.0.0

package/dist/es2019/InlineCard/ResolvedView/index.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import { Frame } from '../Frame';
-import Lozenge from '@atlaskit/lozenge';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { LozengeWrapper } from '../IconAndTitleLayout/styled';
-export class InlineCardResolvedView extends React.Component {
-  renderLozenge() {
-    const {
-      lozenge
-    } = this.props;
-
-    if (!lozenge) {
-      return null;
-    }
-
-    return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: lozenge.appearance || 'default',
-      isBold: lozenge.isBold
-    }, lozenge.text));
-  }
-
-  render() {
-    const {
-      title = '',
-      isSelected,
-      onClick,
-      icon,
-      link,
-      testId = 'inline-card-resolved-view',
-      titleTextColor,
-      titlePrefix
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Frame, {
-      testId: testId,
-      link: link,
-      isSelected: isSelected,
-      onClick: onClick
-    }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-      emoji: titlePrefix,
-      icon: icon,
-      title: title,
-      titleTextColor: titleTextColor
-    }), this.renderLozenge());
-  }
-
-}

package/dist/es2019/InlineCard/ResolvingView/index.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { Frame } from '../Frame';
-import Spinner from '@atlaskit/spinner';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { SpinnerWrapper } from './styled';
-import { IconTitleWrapper, RightIconPositionWrapper } from '../IconAndTitleLayout/styled';
-export class InlineCardResolvingView extends React.Component {
-  render() {
-    const {
-      url,
-      onClick,
-      isSelected,
-      inlinePreloaderStyle,
-      testId = 'inline-card-resolving-view',
-      titleTextColor,
-      withoutHover
-    } = this.props;
-
-    if (inlinePreloaderStyle === 'on-right-without-skeleton') {
-      return /*#__PURE__*/React.createElement(Frame, {
-        withoutBackground: true,
-        withoutHover: withoutHover,
-        testId: testId,
-        onClick: onClick,
-        isSelected: isSelected
-      }, /*#__PURE__*/React.createElement(IconTitleWrapper, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapper, null, /*#__PURE__*/React.createElement(SpinnerWrapper, {
-        className: "inline-resolving-spinner"
-      }, /*#__PURE__*/React.createElement(Spinner, {
-        size: 14
-      })))));
-    } else {
-      return /*#__PURE__*/React.createElement(Frame, {
-        testId: testId,
-        onClick: onClick,
-        isSelected: isSelected,
-        withoutHover: withoutHover
-      }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-        title: url,
-        titleTextColor: titleTextColor
-      }, /*#__PURE__*/React.createElement(SpinnerWrapper, {
-        className: "inline-resolving-spinner"
-      }, /*#__PURE__*/React.createElement(Spinner, {
-        size: 14
-      }))));
-    }
-  }
-
-}

package/dist/es2019/InlineCard/ResolvingView/styled.js

@@ -1,6 +0,0 @@
-import styled from '@emotion/styled';
-import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
-export const SpinnerWrapper = styled(IconTitleWrapper)`
-  vertical-align: text-top;
-  margin-left: 2px;
-`;

package/dist/es2019/InlineCard/UnauthorisedView/index.js

@@ -1,66 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import Button from '@atlaskit/button/custom-theme-button';
-import LockIcon from '@atlaskit/icon/glyph/lock-filled';
-import { N500, R400 } from '@atlaskit/theme/colors';
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../messages';
-import { Frame } from '../Frame';
-import { AKIconWrapper } from '../Icon';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { IconStyledButton, LinkAppearance } from '../styled';
-const FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
-  label: "error",
-  size: "small",
-  primaryColor: R400
-}));
-export class InlineCardUnauthorizedView extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "handleConnectAccount", event => {
-      const {
-        onAuthorise
-      } = this.props;
-      event.preventDefault();
-      event.stopPropagation();
-      return onAuthorise();
-    });
-
-    _defineProperty(this, "renderMessage", () => {
-      const {
-        onAuthorise,
-        url
-      } = this.props;
-      const link = /*#__PURE__*/React.createElement(LinkAppearance, null, url);
-      return !onAuthorise ? link : /*#__PURE__*/React.createElement(React.Fragment, null, link, ' - ', /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
-        appearance: "subtle-link",
-        component: IconStyledButton,
-        onClick: this.handleConnectAccount,
-        testId: "button-connect-account"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_link_account)));
-    });
-  }
-
-  render() {
-    const {
-      url,
-      icon,
-      onClick,
-      isSelected,
-      testId = 'inline-card-unauthorized-view'
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Frame, {
-      testId: testId,
-      link: url,
-      onClick: onClick,
-      isSelected: isSelected
-    }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-      icon: icon ? icon : FallbackUnauthorizedIcon,
-      title: this.renderMessage(),
-      titleColor: N500
-    }));
-  }
-
-}

package/dist/es2019/InlineCard/index.js

@@ -1,5 +0,0 @@
-export { InlineCardResolvingView } from './ResolvingView';
-export { InlineCardResolvedView } from './ResolvedView';
-export { InlineCardErroredView } from './ErroredView';
-export { InlineCardForbiddenView } from './ForbiddenView';
-export { InlineCardUnauthorizedView } from './UnauthorisedView';

package/dist/es2019/InlineCard/styled.js

@@ -1,39 +0,0 @@
-import styled from '@emotion/styled';
-import { B400, N200 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-const LINK_COLOR_DARK = '#4794FF'; // By default buttons will hide overflow and ellipsis content instead of wrapping.
-// This basically turns the button back into inline content
-
-export const IconStyledButton = styled.span`
-  text-align: initial !important;
-  display: inline !important;
-
-  &:hover {
-    /* Remove the text-decoration to match other inline card hover states*/
-    text-decoration: none !important;
-  }
-
-  > span {
-    display: inline;
-    > span {
-      overflow: initial;
-      text-overflow: initial;
-      white-space: initial;
-    }
-  }
-`;
-export const NoLinkAppearance = styled.span`
-  color: ${themed({
-  light: N200,
-  dark: LINK_COLOR_DARK
-})};
-`;
-export const LowercaseAppearance = styled.span`
-  text-transform: lowercase;
-`;
-export const LinkAppearance = styled.span`
-  color: ${themed({
-  light: B400,
-  dark: LINK_COLOR_DARK
-})};
-`;

package/dist/es2019/LinkView/index.js

@@ -1,11 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Frame } from '../InlineCard/Frame';
-export class CardLinkView extends React.PureComponent {
-  render() {
-    return /*#__PURE__*/React.createElement(Frame, _extends({
-      withoutBackground: true
-    }, this.props), this.props.link);
-  }
-
-}

package/dist/es2019/common.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/embeds.js

@@ -1,7 +0,0 @@
-export { EmbedCardForbiddenView } from './EmbedCard/views/ForbiddenView';
-export { EmbedCardNotFoundView } from './EmbedCard/views/NotFoundView';
-export { EmbedCardResolvedView } from './EmbedCard/views/ResolvedView';
-export { EmbedCardUnauthorisedView } from './EmbedCard/views/UnauthorisedView';
-export { EmbedCardUnresolvedView } from './EmbedCard/views/UnresolvedView';
-export { ErroredView as EmbedCardErroredView } from './EmbedCard/views/ErroredView';
-export { embedHeaderHeight } from './EmbedCard/components/styled';

package/dist/esm/BlockCard/actions/AuthorizeAction.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../messages';
-export var AuthorizeAction = function AuthorizeAction(handler) {
-  return {
-    id: 'connect-account',
-    text: /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_link_account_card),
-    promise: function promise() {
-      return new Promise(function (resolve) {
-        return resolve(handler());
-      });
-    },
-    buttonAppearance: 'default'
-  };
-};

package/dist/esm/BlockCard/actions/DownloadAction.js

@@ -1,51 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { downloadUrl } from '@atlaskit/media-common';
-import { messages } from '../../messages';
-export function downloadFunction(_x) {
-  return _downloadFunction.apply(this, arguments);
-}
-
-function _downloadFunction() {
-  _downloadFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var url;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            url = _ref.url;
-
-            if (url) {
-              _context.next = 3;
-              break;
-            }
-
-            return _context.abrupt("return");
-
-          case 3:
-            downloadUrl(url);
-
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _downloadFunction.apply(this, arguments);
-}
-
-export var DownloadAction = function DownloadAction(_ref2) {
-  var url = _ref2.url;
-  return {
-    id: 'download-content',
-    text: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
-    promise: function promise() {
-      return downloadFunction({
-        url: url
-      });
-    }
-  };
-};

package/dist/esm/BlockCard/actions/ForbiddenAction.js

@@ -1,23 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../messages';
-export var ForbiddenAction = function ForbiddenAction(handler) {
-  var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'connect-other-account';
-  var message = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : messages.try_another_account;
-  var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
-  return {
-    id: id,
-    text: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
-      values: {
-        context: context
-      }
-    })),
-    promise: function promise() {
-      return new Promise(function (resolve) {
-        return resolve(handler());
-      });
-    },
-    buttonAppearance: 'default'
-  };
-};

package/dist/esm/BlockCard/actions/PreviewAction.js

@@ -1,105 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-var _excluded = ["popupMountPointId", "onClose"],
-    _excluded2 = ["details"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { IntlProvider, FormattedMessage } from 'react-intl-next';
-import { messages } from '../../messages';
-
-/*
-  Explanatory note:
-  Actions don't have access to the react tree of whatever is rendered them
-  (and this concept is fraught inside editor anyway) so we want to ensure
-  it is mounting to a new unique place. This function manages that, including
-  creating an element if it doesn't exist, as well as tidying up the react tree
-  (but not the element) upon closing the modal.
-
-  This may strike you as really uncomfortable as you read it, so I wanted to note
-  that a) this was discussed and agreed upon, and b) it's definitely odd, and if
-  you find an elegant solution around this, you should definitely feel free to
-  refactor it.
-*/
-export function previewFunction(_x) {
-  return _previewFunction.apply(this, arguments);
-}
-/*
-Most of these are optional as we are being fault-tolerant
-However src, details, icon, title, and providerName are STRONGLY encouraged
-*/
-
-function _previewFunction() {
-  _previewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var popupMountPointId, _onClose, rest, popupMountPoint, Modal;
-
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            popupMountPointId = _ref.popupMountPointId, _onClose = _ref.onClose, rest = _objectWithoutProperties(_ref, _excluded);
-            popupMountPoint = document.getElementById(popupMountPointId);
-
-            if (!popupMountPoint) {
-              popupMountPoint = document.createElement('div');
-              popupMountPoint.id = popupMountPointId;
-              popupMountPoint.setAttribute('data-testid', 'preview-modal');
-              document.body.appendChild(popupMountPoint);
-            }
-
-            _context.next = 5;
-            return import('../components/Modal');
-
-          case 5:
-            Modal = _context.sent;
-            ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
-              locale: "en"
-            }, /*#__PURE__*/React.createElement(Modal.default, _extends({}, rest, {
-              onClose: function onClose() {
-                if (popupMountPoint) {
-                  _onClose();
-
-                  ReactDOM.unmountComponentAtNode(popupMountPoint);
-                }
-              }
-            }))), popupMountPoint);
-
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _previewFunction.apply(this, arguments);
-}
-
-export default (function (_ref2) {
-  var details = _ref2.details,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
-  return {
-    id: 'preview-content',
-    text: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview),
-    promise: function promise() {
-      return previewFunction(_objectSpread({
-        popupMountPointId: 'twp-editor-preview-iframe',
-        providerName: 'Preview',
-        closeLabel: 'Close Preview',
-        showModal: true,
-        iframeName: 'twp-editor-preview-iframe',
-        onClose: function onClose() {},
-        metadata: {
-          items: details || []
-        }
-      }, rest));
-    }
-  };
-});

package/dist/esm/BlockCard/actions/RetryAction.js

@@ -1,33 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../messages';
-export var RetryAction = function RetryAction(handler) {
-  return {
-    id: 'try-again',
-    promise: function () {
-      var _promise = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                return _context.abrupt("return", handler());
-
-              case 1:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      function promise() {
-        return _promise.apply(this, arguments);
-      }
-
-      return promise;
-    }(),
-    text: /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again)
-  };
-};

package/dist/esm/BlockCard/actions/ViewAction.js

@@ -1,50 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../messages';
-export function viewFunction(_x) {
-  return _viewFunction.apply(this, arguments);
-}
-
-function _viewFunction() {
-  _viewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var url;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            url = _ref.url;
-
-            if (url) {
-              _context.next = 3;
-              break;
-            }
-
-            return _context.abrupt("return");
-
-          case 3:
-            window.open(url, '_blank', 'noopener=yes');
-
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _viewFunction.apply(this, arguments);
-}
-
-export var ViewAction = function ViewAction(_ref2) {
-  var url = _ref2.url;
-  return {
-    id: 'view-content',
-    text: /*#__PURE__*/React.createElement(FormattedMessage, messages.view),
-    promise: function promise() {
-      return viewFunction({
-        url: url
-      });
-    }
-  };
-};

package/dist/esm/BlockCard/components/Action.js

@@ -1,53 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-/** @jsx jsx */
-import { jsx } from '@emotion/core';
-import { useState } from 'react';
-import Button from '@atlaskit/button/custom-theme-button';
-import { ActionIcon } from './ActionIcon';
-export var spinnerDelay = 1000;
-export var Action = function Action(_ref) {
-  var promise = _ref.promise,
-      text = _ref.text,
-      _ref$buttonAppearance = _ref.buttonAppearance,
-      buttonAppearance = _ref$buttonAppearance === void 0 ? 'default' : _ref$buttonAppearance,
-      id = _ref.id;
-
-  var _useState = useState('init'),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  return jsx(Button, {
-    spacing: "compact",
-    appearance: buttonAppearance,
-    isLoading: state === 'loading',
-    testId: "button-".concat(id),
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      event.preventDefault();
-
-      if (state !== 'loading') {
-        setState('loading');
-        promise().then(function () {
-          setState('success');
-          setTimeout(function () {
-            return setState('init');
-          }, spinnerDelay);
-        }).catch(function () {
-          setState('failure');
-          setTimeout(function () {
-            return setState('init');
-          }, spinnerDelay);
-        });
-      }
-    }
-  }, jsx("div", {
-    css: {
-      transition: 'opacity 0.3s',
-      opacity: state !== 'init' ? 0 : 1
-    }
-  }, text), jsx(ActionIcon, {
-    state: state
-  }));
-};

package/dist/esm/BlockCard/components/ActionIcon.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import CheckIcon from '@atlaskit/icon/glyph/check';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
-
-/*
-  These styles are taken fro the spinner style for button. There was not an
-  easy way to share tehm between the two components.
-*/
-export var spinnerStyles = {
-  display: 'flex',
-  position: 'absolute',
-  left: '50%',
-  top: '50%',
-  transform: 'translate(-50%, -50%)'
-};
-export var ActionIcon = function ActionIcon(_ref) {
-  var state = _ref.state;
-
-  switch (state) {
-    case 'init':
-    case 'loading':
-      return null;
-
-    case 'success':
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "check-icon",
-        style: spinnerStyles
-      }, /*#__PURE__*/React.createElement(CheckIcon, {
-        size: "small",
-        label: "check"
-      }));
-
-    case 'failure':
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "cross-icon",
-        style: spinnerStyles
-      }, /*#__PURE__*/React.createElement(CrossIcon, {
-        size: "small",
-        label: "check"
-      }));
-  }
-};

package/dist/esm/BlockCard/components/ActionList.js

@@ -1,55 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-/** @jsx jsx */
-import { jsx } from '@emotion/core';
-import { useState } from 'react';
-import Item from '@atlaskit/item';
-import DropList from '@atlaskit/droplist';
-import ButtonGroup from '@atlaskit/button/button-group';
-import Button from '@atlaskit/button/custom-theme-button';
-import { Action } from './Action';
-import { gs, mq } from '../utils';
-export var ActionList = function ActionList(_ref) {
-  var items = _ref.items;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setOpen = _useState2[1];
-
-  var actionsToShow = items.slice(0, 2);
-  var actionsToList = items.slice(2, items.length);
-  return jsx("div", {
-    css: mq({
-      display: 'flex',
-      marginTop: [gs(2), 0]
-    })
-  }, jsx(ButtonGroup, null, actionsToShow.map(function (action) {
-    return jsx(Action, _extends({
-      key: action.id
-    }, action));
-  })), actionsToList.length ? jsx("div", {
-    css: {
-      marginLeft: gs(0.5)
-    }
-  }, jsx(DropList, {
-    appearance: "default",
-    position: "right top",
-    isTriggerNotTabbable: true,
-    onOpenChange: function onOpenChange() {
-      return setOpen(true);
-    },
-    onClick: function onClick() {
-      return setOpen(!isOpen);
-    },
-    isOpen: isOpen,
-    trigger: jsx(Button, {
-      spacing: "compact"
-    }, "...")
-  }, actionsToList.map(function (actionToList) {
-    return jsx(Item, {
-      key: actionToList.id
-    }, actionToList.text);
-  }))) : null);
-};