@atlaskit/smart-card 23.1.2 → 23.1.4

package/dist/esm/view/common/Modal.js

@@ -1,148 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-/* TODO: (from codemod)
-We have converted this file as best we could but you might still need
-to manually complete migrating this usage of ModalDialog.
-
-This file uses one or more of the following ModalDialog props: 'components', 'header',
-'footer', 'body'. These props have been removed as part of moving to
-a compositional API.
-
-The render props that used to be exposed by the custom component APIs are
-now accessible using the 'useModal' hook instead: 'testId', 'titleId', and 'onClose'.
-
-We are also no longer exposing 'appearance' as render prop, so this needs to be
-manually passed to your custom components.
-
-For a complete guide on customization using the new compositional API, refer to the docs at
-https://atlassian.design/components/modal-dialog/examples#customizing-modal-dialog. */
-import React, { useCallback, useRef, useState } from 'react';
-import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
-import { Header } from './ModalHeader';
-import { getIframeSandboxAttribute } from '../../utils';
-import withAnalytics from '../EmbedModal/components/analytics';
-import { EmbedModalSize } from '../EmbedModal/types';
-var iframeStyles = {
-  width: "100%",
-  height: 'calc(100vh - 248px)'
-};
-
-var ModalWithErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(ModalWithErrorBoundary, _React$Component);
-
-  var _super = _createSuper(ModalWithErrorBoundary);
-
-  function ModalWithErrorBoundary() {
-    _classCallCheck(this, ModalWithErrorBoundary);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(ModalWithErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      if (this.props.onOpenFailed) {
-        this.props.onOpenFailed(error, errorInfo);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Modal, this.props);
-    }
-  }]);
-
-  return ModalWithErrorBoundary;
-}(React.Component);
-
-var Modal = function Modal(_ref) {
-  var onClose = _ref.onClose,
-      onOpen = _ref.onOpen,
-      src = _ref.src,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-links-preview-modal' : _ref$testId,
-      showModal = _ref.showModal,
-      providerName = _ref.providerName,
-      metadata = _ref.metadata,
-      icon = _ref.icon,
-      _ref$closeLabel = _ref.closeLabel,
-      closeLabel = _ref$closeLabel === void 0 ? 'Close Preview' : _ref$closeLabel,
-      iframeName = _ref.iframeName,
-      title = _ref.title,
-      url = _ref.url,
-      download = _ref.download,
-      byline = _ref.byline,
-      _ref$isTrusted = _ref.isTrusted,
-      isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
-      onViewActionClick = _ref.onViewActionClick,
-      onDownloadActionClick = _ref.onDownloadActionClick;
-
-  var _useState = useState(showModal),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var openAt = useRef();
-  var handleOnOpenComplete = useCallback(function () {
-    openAt.current = Date.now();
-
-    if (onOpen) {
-      onOpen({
-        size: EmbedModalSize.Small
-      });
-    }
-  }, [onOpen]);
-  var handleOnCloseComplete = useCallback(function () {
-    if (onClose) {
-      var duration = openAt.current ? Date.now() - openAt.current : undefined;
-      onClose({
-        duration: duration,
-        size: EmbedModalSize.Small
-      });
-    }
-  }, [onClose]);
-  var sandbox = getIframeSandboxAttribute(isTrusted);
-  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
-    height: "100%",
-    width: "large",
-    testId: testId,
-    onOpenComplete: handleOnOpenComplete,
-    onClose: function onClose() {
-      setIsOpen(false);
-    },
-    onCloseComplete: handleOnCloseComplete
-  }, /*#__PURE__*/React.createElement(Header, {
-    providerName: providerName,
-    icon: icon,
-    metadata: metadata,
-    url: url,
-    title: title,
-    label: closeLabel,
-    download: download,
-    byline: byline,
-    onViewActionClick: onViewActionClick,
-    onDownloadActionClick: onDownloadActionClick
-  }), /*#__PURE__*/React.createElement(ModalBody, null, src ? /*#__PURE__*/React.createElement("iframe", {
-    style: iframeStyles,
-    name: iframeName,
-    frameBorder: 0,
-    src: src,
-    sandbox: sandbox
-  }) : /*#__PURE__*/React.createElement("iframe", {
-    style: iframeStyles,
-    name: iframeName,
-    frameBorder: 0,
-    sandbox: sandbox
-  }))));
-};
-
-export default withAnalytics(ModalWithErrorBoundary);

package/dist/esm/view/common/ModalHeader.js

@@ -1,89 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { Fragment as F } from 'react';
-import { useModal } from '@atlaskit/modal-dialog';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import Button from '@atlaskit/button/custom-theme-button';
-import { N100, N30A } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-import { FormattedMessage } from 'react-intl-next';
-import { gs } from './utils';
-import { Icon } from './Icon';
-import { MetadataList } from './MetadataList';
-import { Byline } from './Byline';
-import { messages } from '../../messages';
-export var Header = function Header(_ref) {
-  var title = _ref.title,
-      label = _ref.label,
-      _ref$metadata = _ref.metadata,
-      metadata = _ref$metadata === void 0 ? {
-    items: []
-  } : _ref$metadata,
-      icon = _ref.icon,
-      providerName = _ref.providerName,
-      url = _ref.url,
-      download = _ref.download,
-      byline = _ref.byline,
-      onViewActionClick = _ref.onViewActionClick,
-      onDownloadActionClick = _ref.onDownloadActionClick;
-
-  var _useModal = useModal(),
-      onClose = _useModal.onClose;
-
-  return jsx("div", {
-    style: {
-      paddingLeft: gs(3),
-      paddingRight: gs(3),
-      paddingBottom: gs(2),
-      paddingTop: gs(2)
-    }
-  }, jsx("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'baseline',
-      borderBottom: "1px solid ".concat(token('color.border', N30A))
-    }
-  }, jsx("div", {
-    css: {
-      flex: 1
-    }
-  }, jsx("div", {
-    css: {
-      display: 'flex'
-    }
-  }, icon && jsx(Icon, icon), jsx("div", {
-    css: {
-      paddingLeft: gs(2),
-      paddingBottom: gs(2)
-    }
-  }, jsx("h3", null, title), jsx("div", {
-    css: {
-      color: token('color.text.subtlest', N100)
-    }
-  }, metadata.items.length && jsx(MetadataList, {
-    items: metadata.items
-  }) || jsx(Byline, null, byline))))), jsx("div", null, download && jsx(Button, {
-    appearance: "primary",
-    href: download,
-    onClick: onDownloadActionClick
-  }, jsx(FormattedMessage, messages.download)), url && jsx(Button, {
-    href: url,
-    target: "_blank",
-    appearance: "link",
-    testId: "preview-view-action",
-    iconAfter: jsx(ShortcutIcon, {
-      size: "small",
-      label: ""
-    }),
-    onClick: onViewActionClick
-  }, providerName ? jsx(F, null, jsx(FormattedMessage, messages.viewIn), " ", providerName) : jsx(FormattedMessage, messages.viewOriginal)), jsx(Button, {
-    appearance: "subtle",
-    iconBefore: jsx(EditorCloseIcon, {
-      label: label
-    }),
-    onClick: onClose,
-    testId: "preview-close-button"
-  }))));
-};

package/dist/types/view/EmbedModal/components/size-experiment/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import Modal from '../../../common/Modal';
-import { WithSizeExperimentProps } from './types';
-declare const withSizeExperiment: <Props, Component>(Component: React.ComponentType<Props>) => React.FC<Props & import("../../types").EmbedModalProps & import("../analytics/types").WithAnalytics & {
-    children?: React.ReactNode;
-} & WithSizeExperimentProps>;
-export default withSizeExperiment;

package/dist/types/view/EmbedModal/components/size-experiment/types.d.ts

@@ -1,4 +0,0 @@
-import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
-export declare type WithSizeExperimentProps = {
-    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
-};

package/dist/types/view/common/Modal.d.ts

@@ -1,26 +0,0 @@
-import React, { ErrorInfo } from 'react';
-import { IconProps } from './Icon';
-import { MetadataListProps } from './MetadataList';
-import { EmbedModalContext } from '../EmbedModal/types';
-export interface ModalProps {
-    onClose: (context: EmbedModalContext) => void;
-    onOpen?: (context: EmbedModalContext) => void;
-    onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
-    src?: string;
-    showModal?: boolean;
-    iframeName: string;
-    providerName?: string;
-    closeLabel?: string;
-    url?: string;
-    title?: string;
-    metadata?: MetadataListProps;
-    icon?: IconProps;
-    download?: string;
-    byline?: React.ReactNode;
-    isTrusted?: boolean;
-    onViewActionClick?: () => void;
-    onDownloadActionClick?: () => void;
-    testId?: string;
-}
-declare const _default: React.FC<import("../EmbedModal/types").EmbedModalProps & import("../EmbedModal/components/analytics/types").WithAnalytics>;
-export default _default;

package/dist/types/view/common/ModalHeader.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
-import { IconProps } from './Icon';
-import { MetadataListProps } from './MetadataList';
-export interface HeaderProps extends HeaderComponentProps {
-    title?: string;
-    label: string;
-    metadata?: MetadataListProps;
-    icon?: IconProps;
-    providerName?: string;
-    url?: string;
-    download?: string;
-    byline?: React.ReactNode;
-    onViewActionClick?: () => void;
-    onDownloadActionClick?: () => void;
-}
-export declare const Header: ({ title, label, metadata, icon, providerName, url, download, byline, onViewActionClick, onDownloadActionClick, }: HeaderProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/EmbedModal/components/size-experiment/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import Modal from '../../../common/Modal';
-import { WithSizeExperimentProps } from './types';
-declare const withSizeExperiment: <Props, Component>(Component: React.ComponentType<Props>) => React.FC<Props & import("../../types").EmbedModalProps & import("../analytics/types").WithAnalytics & {
-    children?: React.ReactNode;
-} & WithSizeExperimentProps>;
-export default withSizeExperiment;

package/dist/types-ts4.0/view/EmbedModal/components/size-experiment/types.d.ts

@@ -1,4 +0,0 @@
-import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
-export declare type WithSizeExperimentProps = {
-    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
-};

package/dist/types-ts4.0/view/common/Modal.d.ts

@@ -1,26 +0,0 @@
-import React, { ErrorInfo } from 'react';
-import { IconProps } from './Icon';
-import { MetadataListProps } from './MetadataList';
-import { EmbedModalContext } from '../EmbedModal/types';
-export interface ModalProps {
-    onClose: (context: EmbedModalContext) => void;
-    onOpen?: (context: EmbedModalContext) => void;
-    onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
-    src?: string;
-    showModal?: boolean;
-    iframeName: string;
-    providerName?: string;
-    closeLabel?: string;
-    url?: string;
-    title?: string;
-    metadata?: MetadataListProps;
-    icon?: IconProps;
-    download?: string;
-    byline?: React.ReactNode;
-    isTrusted?: boolean;
-    onViewActionClick?: () => void;
-    onDownloadActionClick?: () => void;
-    testId?: string;
-}
-declare const _default: React.FC<import("../EmbedModal/types").EmbedModalProps & import("../EmbedModal/components/analytics/types").WithAnalytics>;
-export default _default;

package/dist/types-ts4.0/view/common/ModalHeader.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
-import { IconProps } from './Icon';
-import { MetadataListProps } from './MetadataList';
-export interface HeaderProps extends HeaderComponentProps {
-    title?: string;
-    label: string;
-    metadata?: MetadataListProps;
-    icon?: IconProps;
-    providerName?: string;
-    url?: string;
-    download?: string;
-    byline?: React.ReactNode;
-    onViewActionClick?: () => void;
-    onDownloadActionClick?: () => void;
-}
-export declare const Header: ({ title, label, metadata, icon, providerName, url, download, byline, onViewActionClick, onDownloadActionClick, }: HeaderProps) => jsx.JSX.Element;