@atlaskit/link-datasource 3.22.7 → 4.0.0

package/dist/es2019/ui/issue-like-table/render-type/icon/icon-old.js

@@ -1,49 +0,0 @@
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import { Box, xcss } from '@atlaskit/primitives';
-import TextRenderType from '../text';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const IconWrapper = styled.div({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'left'
-});
-const textWrapperStyles = xcss({
-  marginLeft: 'space.100',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-});
-export const ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
-export const ICON_TYPE_TEXT_TEST_ID = `${ICON_TYPE_TEST_ID}-text`;
-
-/**
- * @deprecated: To be cleaned up and replaced with new-icon after
- * `platform-datasources-enable-two-way-sync-priority` rollout.
- */
-const IconRenderType = ({
-  label = '',
-  text,
-  source,
-  testId = ICON_TYPE_TEST_ID
-}) => {
-  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement("img", {
-    src: source,
-    alt: label,
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      minWidth: '20px',
-      maxWidth: '20px'
-    } // having just width: '20px' shrinks it when table width is reduced
-  }), text && /*#__PURE__*/React.createElement(Box, {
-    xcss: textWrapperStyles
-  }, /*#__PURE__*/React.createElement(TextRenderType, {
-    testId: ICON_TYPE_TEXT_TEST_ID,
-    text: text
-  })));
-};
-export default IconRenderType;

package/dist/es2019/ui/issue-like-table/render-type/richtext/rich-text-old.js

@@ -1,62 +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 { css, jsx } from '@emotion/react';
-import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-const rootStyles = css({
-  position: 'relative'
-});
-const smartLinkNodeToUrl = node => {
-  var _node$attrs$url;
-  return (_node$attrs$url = node.attrs.url) !== null && _node$attrs$url !== void 0 ? _node$attrs$url : '';
-};
-const schemaSmartLinkOverride = new Schema({
-  nodes: defaultSchema.spec.nodes.update('inlineCard', {
-    ...defaultSchema.spec.nodes.get('inlineCard'),
-    leafText: smartLinkNodeToUrl
-  }).update('blockCard', {
-    ...defaultSchema.spec.nodes.get('blockCard'),
-    leafText: smartLinkNodeToUrl
-  }).update('embedCard', {
-    ...defaultSchema.spec.nodes.get('embedCard'),
-    leafText: smartLinkNodeToUrl
-  }),
-  marks: defaultSchema.spec.marks
-});
-export const parseRichText = value => {
-  try {
-    if (value.type === 'adf') {
-      const adf = JSON.parse(value.text);
-      return PMNode.fromJSON(schemaSmartLinkOverride, {
-        ...adf,
-        content: [...adf.content.slice(0, 2)]
-      }).textContent;
-    }
-    return null;
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error('error parsing adf', e);
-    return null;
-  }
-};
-const RichTextType = ({
-  value
-}) => {
-  const adfPlainText = useMemo(() => parseRichText(value), [value]);
-  if (adfPlainText) {
-    return jsx("span", {
-      css: rootStyles,
-      "data-testid": "richtext-plaintext"
-    }, adfPlainText);
-  } else {
-    return jsx("span", {
-      "data-testid": "richtext-unsupported"
-    });
-  }
-};
-export default RichTextType;

package/dist/es2019/ui/issue-like-table/render-type/text/text-old.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Text } from '@atlaskit/primitives';
-export const TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
-const TextRenderType = ({
-  text,
-  testId = TEXT_TYPE_TEST_ID
-}) => {
-  if (!(text && typeof text === 'string')) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    testId: testId
-  }, text), /*#__PURE__*/React.createElement("br", null));
-};
-export default TextRenderType;

package/dist/es2019/ui/issue-like-table/render-type/user/user-old.js

@@ -1,110 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import { FormattedMessage } from 'react-intl-next';
-import Avatar from '@atlaskit/avatar';
-import AvatarGroup from '@atlaskit/avatar-group';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
-import { WidthObserver } from '@atlaskit/width-detector';
-import { userTypeMessages } from './messages';
-const userWrapperStyles = xcss({
-  display: 'flex',
-  alignItems: 'center',
-  font: 'font.body'
-});
-const avatarWrapperStyles = xcss({
-  marginRight: 'space.100'
-});
-const widthObserverWrapperStyles = xcss({
-  position: 'relative'
-});
-const labelWrapperStyles = css({
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const AvatarGroupWrapperStyles = styled.div({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  ul: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    paddingLeft: '0px !important'
-  }
-});
-const getMaxUserCount = (userCount, availableWidth) => {
-  if (availableWidth <= 28) {
-    // If width is less than or equal to 28px, we should only display the user count
-    return 1;
-  }
-  const defaultMaxCount = 5;
-  const usersNumFitToAvailableWidth = Math.ceil((availableWidth - 28) / 20);
-  return usersNumFitToAvailableWidth > defaultMaxCount ? defaultMaxCount : usersNumFitToAvailableWidth;
-};
-export const USER_TYPE_TEST_ID = 'link-datasource-render-type--user';
-const UserType = ({
-  users
-}) => {
-  const [width, setWidth] = useState(null);
-  let multipleUsers = false;
-  if (fg('platform-datasources-enable-two-way-sync-assignee')) {
-    multipleUsers = users.length === 1;
-  } else {
-    multipleUsers = users.length <= 1;
-  }
-  if (multipleUsers) {
-    const {
-      avatarSource,
-      avatarSize = 'small',
-      displayName,
-      testId = USER_TYPE_TEST_ID,
-      children
-    } = users[0] || {};
-    return jsx(Box, {
-      xcss: userWrapperStyles,
-      testId: testId
-    }, jsx(Box, {
-      xcss: avatarWrapperStyles
-    }, jsx(Avatar, {
-      appearance: "circle",
-      size: avatarSize || 'small',
-      src: avatarSource,
-      testId: `${testId}--avatar`
-    })), jsx("span", {
-      css: labelWrapperStyles
-    }, children || displayName || jsx(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
-  } else {
-    const maxCount = width !== null ? getMaxUserCount(users.length, width) : 5;
-    const data = users.filter(user => !!user.displayName).map(({
-      atlassianUserId,
-      displayName,
-      avatarSource,
-      testId
-    }) => ({
-      key: atlassianUserId,
-      name: displayName,
-      src: avatarSource,
-      testId: `${testId}--avatar`
-    }));
-    return jsx(AvatarGroupWrapperStyles, null, jsx(Box, {
-      xcss: widthObserverWrapperStyles
-    }, jsx(WidthObserver, {
-      setWidth: setWidth
-    })), jsx(AvatarGroup, {
-      data: data,
-      maxCount: maxCount,
-      size: "small",
-      isTooltipDisabled: true,
-      testId: USER_TYPE_TEST_ID
-    }));
-  }
-};
-export default UserType;

package/dist/es2019/ui/issue-like-table/shared-components/avatar/avatar-old.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
-import Avatar from '@atlaskit/avatar';
-import { Box, xcss } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-import { USER_TYPE_TEST_ID } from '../../render-type/user';
-import { userTypeMessages } from '../../render-type/user/messages';
-const userWrapperStyles = xcss({
-  display: 'flex',
-  alignItems: 'center',
-  font: 'font.body'
-});
-const avatarWrapperStyles = xcss({
-  marginRight: 'space.100'
-});
-const emptyAvatarWrapperStyles = xcss({
-  paddingBlock: 'space.050',
-  paddingInline: 'space.100',
-  opacity: 0,
-  ':hover': {
-    opacity: 1
-  }
-});
-export const EmptyAvatarOld = () => {
-  const intl = useIntl();
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: intl.formatMessage(userTypeMessages.userDefaultdisplayNameValue)
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: [userWrapperStyles, emptyAvatarWrapperStyles],
-    testId: USER_TYPE_TEST_ID
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: avatarWrapperStyles
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    appearance: "circle",
-    size: 'small',
-    testId: `${USER_TYPE_TEST_ID}--avatar`
-  })), /*#__PURE__*/React.createElement(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
-};

package/dist/es2019/ui/issue-like-table/shared-components/icon/icon-old.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { Box, Flex, Inline, xcss } from '@atlaskit/primitives';
-const labelStyles = xcss({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  width: '100%'
-});
-/**
- * Renders a icon and text label.
- * If the text is undefined, will not render the text label.
- */
-export function SharedIconComponentOld({
-  iconUrl,
-  label = '',
-  text,
-  testId
-}) {
-  return /*#__PURE__*/React.createElement(Flex, {
-    gap: "space.100",
-    alignItems: "center",
-    testId: testId
-  }, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("img", {
-    src: iconUrl,
-    alt: label
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      minWidth: '24px',
-      maxWidth: '24px'
-    } // having just width: '24px' shrinks it when table width is reduced
-  })), text && /*#__PURE__*/React.createElement(Box, {
-    xcss: labelStyles,
-    testId: `${testId}-text`
-  }, text));
-}

package/dist/es2019/ui/issue-like-table/styled.js

@@ -1,104 +0,0 @@
-/* eslint-disable @atlaskit/design-system/use-tokens-typography */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import { N40 } from '@atlaskit/theme/colors';
-export const ScrollableContainerHeight = 590;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const Table = styled.table({
-  width: '100%'
-});
-const lineHeight = '24px';
-const verticalPadding = "var(--ds-space-025, 2px)";
-
-/**
- * This is a hack used to override styles that are leaking to our table html element
- * from editor table plugin.
- * This css prefix can be used in front of our main css rule to make its weight bigger
- * and force make browser use it first and editor plugin css second.
- */
-export const withTablePluginPrefix = (tableSection, mainRule = '&') => `
-  .pm-table-wrapper > table ${tableSection} ${mainRule},
-  .ProseMirror .pm-table-wrapper > table ${tableSection} ${mainRule},
-  ${mainRule}
-`;
-export const withTablePluginHeaderPrefix = withTablePluginPrefix.bind(null, 'thead');
-export const withTablePluginBodyPrefix = withTablePluginPrefix.bind(null, 'tbody');
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const TableHeading = styled.th({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  [`${withTablePluginHeaderPrefix()}`]: {
-    border: 0,
-    position: 'relative',
-    /* This makes resizing work with out jumping due to padding + changes overall width for same default values. */
-    boxSizing: 'border-box',
-    lineHeight: lineHeight,
-    padding: `${verticalPadding} ${"var(--ds-space-050, 4px)"}`,
-    borderRight: `0.5px solid ${`var(--ds-border, ${N40})`}`,
-    borderBottom: `2px solid ${`var(--ds-border, ${N40})`}`,
-    /*
-        lineHeight * 2 -> Max height of two lined header
-        verticalPadding * 2 -> padding for this component itself
-        verticalPadding * 2 -> padding inside span (--container)
-        2px -> Bottom border
-        Last two terms are needed because of border-box box sizing.
-      */
-    height: `calc(${lineHeight} * 2 + ${verticalPadding} * 4 + 2px)`,
-    verticalAlign: 'bottom',
-    backgroundColor: "var(--ds-elevation-surface-current, #FFF)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  [`${withTablePluginPrefix('', 'thead.has-column-picker &:nth-last-of-type(2)')}`]: {
-    borderRight: 0
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  [`${withTablePluginHeaderPrefix('&:first-child')}`]: {
-    paddingLeft: "var(--ds-space-050, 4px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  [`${withTablePluginHeaderPrefix('&:last-child')}`]: {
-    borderRight: 0
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  "& [data-testid='datasource-header-content--container']": {
-    width: '100%',
-    /* With Button now being a parent for this component it adds its lineHeight value and spoils
-        `height` calculation above. */
-    lineHeight: lineHeight,
-    padding: `${verticalPadding} ${"var(--ds-space-050, 4px)"}`,
-    display: '-webkit-box',
-    WebkitLineClamp: 2,
-    WebkitBoxOrient: 'vertical',
-    whiteSpace: 'normal',
-    overflow: 'hidden',
-    wordWrap: 'break-word'
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- To migrate as part of go/ui-styling-standard
-export const InlineEditableTableCell = styled.td({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`${withTablePluginBodyPrefix()}`]: {
-    /* First section here is to override things editor table plugin css defines */
-    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    padding: `${"var(--ds-space-0, 0)"} ${"var(--ds-space-0, 0)"}`,
-    border: 0,
-    minWidth: 'auto',
-    height: '40px',
-    verticalAlign: 'inherit',
-    boxSizing: 'content-box',
-    borderRight: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
-    borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`${withTablePluginBodyPrefix('&:last-child')}`]: {
-    borderRight: 0
-  },
-  // Inline smart links are pretty opinionated about word-wrapping.
-  // We want it to be controlled by user, so we make it overflow and truncate by default.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  ["& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span"]: {
-    whiteSpace: 'unset'
-  }
-});