@atlaskit/smart-card 32.7.1 → 32.7.3

package/dist/es2019/view/BlockCard/components/ContentFooter.js

@@ -1,32 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { gs, mq } from '../../common/utils';
-export const contentFooterClassName = 'smart-link-content-footer';
-const flexStyles = css({
-  display: 'flex'
-});
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-const baseStyles = mq({
-  flexDirection: ['column', 'row'],
-  flexGrow: [1, 'unset'],
-  alignItems: ['unset', 'center'],
-  marginTop: [gs(1), gs(1.5)]
-});
-export const ContentFooter = ({
-  children,
-  hasSpaceBetween = false
-}) => jsx("div", {
-  css: [flexStyles, baseStyles,
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  mq({
-    justifyContent: [hasSpaceBetween ? 'space-between' : 'flex-end', 'space-between']
-  })]
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  ,
-  className: contentFooterClassName
-}, children);

package/dist/es2019/view/BlockCard/components/ContentHeader.js

@@ -1,39 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
-/**
- * Class name for selecting non-flexible block card header
- *
- * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
- * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
- */
-export const blockCardContentHeaderClassName = 'block-card-content-header';
-const styles = css({
-  display: 'flex',
-  alignItems: 'flex-start',
-  // EDM-713: fixes copy-paste from renderer to editor for Firefox
-  // due to HTML its unwrapping behaviour on paste.
-  MozUserSelect: 'none'
-});
-export const ContentHeader = ({
-  onClick,
-  link,
-  children
-}) => {
-  const onMouseDown = useMouseDownEvent();
-  return jsx("a", {
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    href: link,
-    target: "_blank",
-    css: styles,
-    "data-trello-do-not-use-override": "block-card-content-header"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blockCardContentHeaderClassName
-  }, children);
-};

package/dist/es2019/view/BlockCard/components/Emoji.js

@@ -1,26 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { gs } from '../../common/utils';
-const styles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: gs(2.5),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  width: gs(2),
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  marginTop: "var(--ds-space-negative-025, -2px)"
-});
-export const Emoji = ({
-  emoji
-}) => {
-  return jsx("span", {
-    css: styles
-  }, emoji);
-};

package/dist/es2019/view/BlockCard/components/Link.js

@@ -1,24 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { B400 } from '@atlaskit/theme/colors';
-const styles = css({
-  color: `var(--ds-link, ${B400})`,
-  wordBreak: 'break-all'
-});
-export const Link = ({
-  url,
-  testId = 'block-card',
-  className
-}) => {
-  return jsx("span", {
-    "data-testid": `${testId}-link`
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: className,
-    css: styles
-  }, url);
-};

package/dist/es2019/view/BlockCard/components/Name.js

@@ -1,54 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { gs } from '../../common/utils';
-/**
- * Class name for selecting non-flexible block card header name
- *
- * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
- * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
- */
-export const blockCardContentHeaderNameClassName = 'block-card-content-header-name';
-const baseStyles = css({
-  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  /**
-   * The xsmall heading token has a line height of 20px in the modernized/refreshed themes,
-   * but 16px in legacy theme which causes alignment issues.
-   * Remove this lineHeight once all consuming apps are using modernized/refreshed themes.
-   */
-  lineHeight: '20px',
-  // Spec: show max two lines.
-  display: '-webkit-box',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  wordBreak: 'break-word',
-  WebkitLineClamp: 2,
-  WebkitBoxOrient: 'vertical',
-  // Fallback options.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  maxHeight: gs(6)
-});
-export const Name = ({
-  name,
-  isLeftPadded = true,
-  testId,
-  textColor
-}) => {
-  return jsx("span", {
-    css: [baseStyles,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      marginLeft: isLeftPadded ? gs(1) : '0',
-      color: textColor ? textColor : 'inherit'
-    }],
-    "data-testid": testId,
-    "data-trello-do-not-use-override": "block-card-content-header-name"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blockCardContentHeaderNameClassName
-  }, name);
-};

package/dist/es2019/view/BlockCard/components/Provider.js

@@ -1,51 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { N300 } from '@atlaskit/theme/colors';
-import { gs } from '../../common/utils';
-const wrapperStyles = css({
-  display: 'flex',
-  alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: gs(1.5),
-  whiteSpace: 'normal'
-});
-const imgStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: gs(1.5),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  width: gs(1.5)
-});
-const textStyles = css({
-  color: `var(--ds-text-subtlest, ${N300})`,
-  margin: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  marginLeft: gs(0.5),
-  // EDM-713: fixes copy-paste from renderer to editor for Firefox
-  // due to HTML its unwrapping behaviour on paste.
-  MozUserSelect: 'none'
-});
-export const Provider = ({
-  name,
-  icon
-}) => {
-  let iconToRender = icon || null;
-  if (typeof icon === 'string') {
-    iconToRender =
-    // eslint-disable-next-line jsx-a11y/alt-text
-    jsx("img", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: "smart-link-icon",
-      css: imgStyles,
-      src: icon
-    });
-  }
-  return jsx("div", {
-    css: wrapperStyles
-  }, iconToRender, jsx("span", {
-    css: textStyles
-  }, name));
-};

package/dist/es2019/view/BlockCard/components/Thumbnail.js

@@ -1,58 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { gs, mq } from '../../common/utils';
-export const Thumbnail = props => {
-  return props.color ? jsx(ThumbnailWithBackground, props) : jsx(ThumbnailDefault, props);
-};
-const sharedStyles = {
-  // The dimensions of the image are set in this manner
-  // in order for `flex` to respect this value.
-  minWidth: [gs(13), gs(20)],
-  maxWidth: [gs(13), gs(20)]
-};
-export const ThumbnailDefault = ({
-  src,
-  testId
-}) => {
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: mq({
-      ...sharedStyles,
-      backgroundSize: 'cover',
-      backgroundRepeat: 'no-repeat',
-      backgroundPosition: '50% 50%',
-      backgroundImage: `url(${src})`
-    }),
-    "data-testid": testId,
-    "data-trello-do-not-use-override": testId
-  });
-};
-const thumbnailImgStyles = css({
-  height: '90px',
-  width: '90px'
-});
-export const ThumbnailWithBackground = ({
-  src,
-  color,
-  testId
-}) => {
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: mq({
-      ...sharedStyles,
-      backgroundColor: color,
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }),
-    "data-testid": testId,
-    "data-trello-do-not-use-override": testId
-  }, jsx("img", {
-    src: src,
-    css: thumbnailImgStyles
-  }));
-};

package/dist/es2019/view/BlockCard/components/UnresolvedText.js

@@ -1,18 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-const styles = css({
-  display: 'flex',
-  alignItems: 'center'
-});
-export const UnresolvedText = ({
-  icon,
-  text
-}) => {
-  return jsx("span", {
-    css: styles
-  }, icon, text);
-};

package/dist/es2019/view/BlockCard/views/ErroredView.js

@@ -1,78 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import WarningIcon from '@atlaskit/icon/utility/migration/warning';
-import { Flex, xcss } from '@atlaskit/primitives';
-import { R300 } from '@atlaskit/theme/colors';
-import { messages } from '../../../messages';
-import { Byline } from '../../common/Byline';
-import { RetryAction } from '../actions/RetryAction';
-import { ActionList } from '../components/ActionList';
-import { Content } from '../components/Content';
-import { ContentFooter } from '../components/ContentFooter';
-import { ContentHeader } from '../components/ContentHeader';
-import { Frame } from '../components/Frame';
-import { Link } from '../components/Link';
-import { UnresolvedText } from '../components/UnresolvedText';
-import { handleClickCommon } from '../utils/handlers';
-const textDescriptionProps = {
-  ...messages.could_not_load_link
-};
-const iconWrapperStyles = xcss({
-  marginInline: 'space.025'
-});
-/**
- * Class name for selecting non-flexible errored block card
- *
- * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
- * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
- */
-export const blockCardErroredViewClassName = 'block-card-errored-view';
-export const ErroredView = ({
-  isSelected = false,
-  testId = 'block-card-errored-view',
-  link = '',
-  onClick = () => {},
-  onRetry,
-  inheritDimensions = false
-}) => {
-  const handleClick = event => handleClickCommon(event, onClick);
-  const actions = useMemo(() => onRetry ? [RetryAction(onRetry)] : [], [onRetry]);
-  return jsx(Frame, {
-    isSelected: isSelected,
-    testId: testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blockCardErroredViewClassName,
-    isFluidHeight: true,
-    inheritDimensions: inheritDimensions
-  }, jsx(Content, {
-    isCompact: true
-  }, jsx("div", null, jsx(ContentHeader, {
-    onClick: handleClick,
-    link: link
-  }, jsx(Link, {
-    url: link,
-    testId: testId
-  })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon: jsx(Flex, {
-      alignItems: "center",
-      xcss: iconWrapperStyles
-    }, jsx(WarningIcon, {
-      label: "errored-warning-icon",
-      LEGACY_size: "small",
-      color: `var(--ds-icon-warning, ${R300})`,
-      testId: `${testId}-warning-icon`,
-      LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"} 0 ${"var(--ds-space-negative-025, -2px)"}`
-    })),
-    text: jsx(FormattedMessage, textDescriptionProps)
-  }))), jsx(ContentFooter, null, jsx(ActionList, {
-    items: actions
-  }))));
-};

package/dist/es2019/view/BlockCard/views/ForbiddenView.js

@@ -1,104 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import LockIcon from '@atlaskit/icon/utility/migration/lock-locked--lock-filled';
-import { Flex, xcss } from '@atlaskit/primitives';
-import { R300 } from '@atlaskit/theme/colors';
-import { messages } from '../../../messages';
-import { Byline } from '../../common/Byline';
-import { ActionList } from '../components/ActionList';
-import { Content } from '../components/Content';
-import { ContentFooter } from '../components/ContentFooter';
-import { ContentHeader } from '../components/ContentHeader';
-import { Frame } from '../components/Frame';
-import { Link } from '../components/Link';
-import { Provider } from '../components/Provider';
-import { UnresolvedText } from '../components/UnresolvedText';
-import { handleClickCommon } from '../utils/handlers';
-const iconWrapperStyles = xcss({
-  marginRight: 'space.050'
-});
-/**
- * Class name for selecting non-flexible forbidden block card
- *
- * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
- * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
- */
-export const blockCardForbiddenViewClassName = 'block-card-forbidden-view';
-
-/**
- * Class name for selecting link inside non-flexible forbidden block card
- *
- * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
- * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
- */
-export const blockCardForbiddenViewLinkClassName = 'block-card-forbidden-view-link';
-export const ForbiddenView = ({
-  context = {
-    text: ''
-  },
-  isSelected = false,
-  actions = [],
-  testId = 'block-card-forbidden-view',
-  link = '',
-  onClick = () => {},
-  requestAccessContext = {},
-  actionOptions
-}) => {
-  const handleClick = event => handleClickCommon(event, onClick);
-  const {
-    action,
-    descriptiveMessageKey = 'invalid_permissions_description',
-    hostname = '',
-    buttonDisabled
-  } = requestAccessContext;
-  const items = action !== undefined && !(buttonDisabled !== null && buttonDisabled !== void 0 ? buttonDisabled : false) ? [...actions, action] : actions;
-  return jsx(Frame, {
-    isSelected: isSelected,
-    testId: testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blockCardForbiddenViewClassName,
-    isFluidHeight: true
-  }, jsx(Content, {
-    isCompact: true
-  }, jsx("div", null, jsx(ContentHeader, {
-    onClick: handleClick,
-    link: link
-  }, jsx(Link, {
-    url: link,
-    testId: testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blockCardForbiddenViewLinkClassName
-  })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon: jsx(Flex, {
-      alignItems: "center",
-      xcss: iconWrapperStyles
-    }, jsx(LockIcon, {
-      label: "forbidden-lock-icon",
-      LEGACY_size: "small",
-      color: `var(--ds-icon-danger, ${R300})`,
-      testId: `${testId}-lock-icon`,
-      LEGACY_margin: `0 ${"var(--ds-space-negative-050, -4px)"} 0 0`
-    })),
-    text: jsx(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
-      values: {
-        product: context.text,
-        context: context.text,
-        hostname
-      }
-    }))
-  }))), jsx(ContentFooter, null, jsx(Provider, {
-    name: context.text,
-    icon: context.icon
-  }), !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide) && jsx(ActionList, {
-    items: items
-  }))));
-};

package/dist/es2019/view/BlockCard/views/NotFoundView.js

@@ -1,71 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import WarningIcon from '@atlaskit/icon/glyph/warning';
-import { R300 } from '@atlaskit/theme/colors';
-import { messages } from '../../../messages';
-import { Byline } from '../../common/Byline';
-import { Content } from '../components/Content';
-import { ContentFooter } from '../components/ContentFooter';
-import { ContentHeader } from '../components/ContentHeader';
-import { Frame } from '../components/Frame';
-import { Link } from '../components/Link';
-import { Provider } from '../components/Provider';
-import { UnresolvedText } from '../components/UnresolvedText';
-import { handleClickCommon } from '../utils/handlers';
-const textDescriptionProps = {
-  ...messages.not_found_description
-};
-/**
- * Class name for selecting non-flexible not-found block card
- *
- * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
- * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
- */
-export const blockCardNotFoundViewClassName = 'block-card-not-found-view';
-export const NotFoundView = ({
-  context = {
-    text: ''
-  },
-  isSelected = false,
-  testId = 'block-card-not-found-view',
-  link = '',
-  onClick = () => {}
-}) => {
-  const handleClick = event => handleClickCommon(event, onClick);
-  return jsx(Frame, {
-    isSelected: isSelected,
-    testId: testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blockCardNotFoundViewClassName,
-    isFluidHeight: true
-  }, jsx(Content, {
-    isCompact: true
-  }, jsx("div", null, jsx(ContentHeader, {
-    onClick: handleClick,
-    link: link
-  }, jsx(Link, {
-    url: link,
-    testId: testId
-  })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon:
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19513
-    jsx(WarningIcon, {
-      label: "not-found-warning-icon",
-      size: "small",
-      primaryColor: `var(--ds-icon-warning, ${R300})`,
-      testId: `${testId}-warning-icon`
-    }),
-    text: jsx(FormattedMessage, textDescriptionProps)
-  }))), jsx(ContentFooter, null, jsx(Provider, {
-    name: context.text,
-    icon: context.icon
-  }))));
-};