@atlaskit/link-datasource 3.22.6 → 4.0.0

package/dist/es2019/ui/assets-modal/search-container/aql-search-input/aql-search-input-old.js

@@ -1,130 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Fragment } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import { LoadingButton } from '@atlaskit/button';
-import { ErrorMessage, Field } from '@atlaskit/form';
-import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
-import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
-import SearchIcon from '@atlaskit/icon/core/migration/search--editor-search';
-import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
-import Spinner from '@atlaskit/spinner';
-import Textfield from '@atlaskit/textfield';
-import { G300, N500, R400 } from '@atlaskit/theme/colors';
-import Tooltip from '@atlaskit/tooltip';
-import { useValidateAqlText } from '../../../../hooks/useValidateAqlText';
-import { aqlKey } from '../../../../types/assets/types';
-import { FieldContainer } from '../styled-old';
-import { searchInputMessages } from './messages';
-const buttonBaseStyles = css({
-  display: 'flex',
-  height: '100%',
-  position: 'relative',
-  alignItems: 'center',
-  justifyContent: 'center',
-  flexDirection: 'column',
-  marginRight: "var(--ds-space-100, 0.5em)"
-});
-const AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-assets-query-language-aql/';
-const searchButtonStyles = css({
-  marginRight: "var(--ds-space-075, 6px)"
-});
-const renderValidatorIcon = lastValidationResult => {
-  if (lastValidationResult.type === 'loading') {
-    return jsx(Spinner, {
-      size: "medium",
-      testId: "assets-datasource-modal--aql-validating"
-    });
-  }
-  if (lastValidationResult.type === 'invalid') {
-    return jsx(CrossCircleIcon, {
-      label: "label",
-      color: `var(--ds-icon-danger, ${R400})`,
-      LEGACY_size: "medium",
-      testId: "assets-datasource-modal--aql-invalid",
-      spacing: "spacious"
-    });
-  }
-  if (lastValidationResult.type === 'valid') {
-    return jsx(CheckCircleIcon, {
-      label: "label",
-      color: `var(--ds-icon-success, ${G300})`,
-      LEGACY_size: "medium",
-      testId: "assets-datasource-modal--aql-valid",
-      spacing: "spacious"
-    });
-  }
-  return jsx(SearchIcon, {
-    label: "label",
-    LEGACY_size: "medium",
-    testId: "assets-datasource-modal--aql-idle",
-    color: "currentColor",
-    spacing: "spacious"
-  });
-};
-export const AqlSearchInputOld = ({
-  value,
-  workspaceId,
-  testId = 'assets-datasource-modal--aql-search-input',
-  isSearching
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    debouncedValidation,
-    lastValidationResult
-  } = useValidateAqlText(workspaceId, value);
-  return jsx(FieldContainer, null, jsx(Field, {
-    name: aqlKey,
-    defaultValue: value,
-    validate: debouncedValidation
-  }, ({
-    fieldProps
-  }) => jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, {
-    elemBeforeInput: jsx("span", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      style: {
-        paddingLeft: "var(--ds-space-075, 6px)",
-        width: 24,
-        display: 'flex'
-      }
-    }, renderValidatorIcon(lastValidationResult)),
-    elemAfterInput: jsx(Fragment, null, jsx(Tooltip, {
-      content: formatMessage(searchInputMessages.helpTooltipText),
-      position: "bottom"
-    }, jsx("a", {
-      href: AQLSupportDocumentLink,
-      target: "_blank",
-      css: buttonBaseStyles
-    }, jsx(QuestionCircleIcon, {
-      label: "label",
-      color: `var(--ds-icon, ${N500})`,
-      LEGACY_size: "medium",
-      testId: "assets-datasource-modal-help",
-      spacing: "spacious"
-    }))), jsx(LoadingButton, {
-      appearance: "primary",
-      css: searchButtonStyles,
-      iconBefore: jsx(SearchIcon, {
-        label: formatMessage(searchInputMessages.placeholder),
-        LEGACY_size: "medium",
-        color: "currentColor",
-        spacing: "spacious"
-      }),
-      isLoading: isSearching,
-      spacing: "none",
-      testId: "assets-datasource-modal--aql-search-button",
-      type: "submit",
-      isDisabled: lastValidationResult.type !== 'valid'
-    })),
-    placeholder: formatMessage(searchInputMessages.placeholder),
-    testId: testId
-  })), lastValidationResult.type === 'invalid' && lastValidationResult.error && jsx(ErrorMessage, null, lastValidationResult.error))));
-};

package/dist/es2019/ui/assets-modal/search-container/loading-state-old.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 { jsx } from '@emotion/react';
-import { AssetsAqlSearchInputSkeleton } from './aql-search-input/loading-state';
-import { AssetsObjectSchemaSelectSkeleton } from './object-schema-select/loading-state';
-import { FormContainer, FormRowContainer, SchemaSelectContainer } from './styled-old';
-export const AssetsSearchContainerLoadingOld = ({
-  modalTitle
-}) => {
-  return jsx(FormContainer, {
-    "data-testid": "assets-datasource-modal--search-container-skeleton"
-  }, jsx(FormRowContainer, {
-    isNarrowGap: true
-  }, modalTitle, jsx(SchemaSelectContainer, null, jsx(AssetsObjectSchemaSelectSkeleton, null))), jsx(FormRowContainer, null, jsx(AssetsAqlSearchInputSkeleton, null)));
-};

package/dist/es2019/ui/assets-modal/search-container/search-container-old.js

@@ -1,58 +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 Form from '@atlaskit/form';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { AqlSearchInput } from './aql-search-input';
-import { AssetsObjectSchemaSelect } from './object-schema-select';
-import { FormContainer, FormRowContainer, SchemaSelectContainer } from './styled-old';
-const DEFAULT_AQL_QUERY = '';
-const SEARCH_FORM_ID = 'linkDataSource.assets.configModal.searchContainer-form';
-export const AssetsSearchContainerOld = props => {
-  const {
-    onSearch,
-    workspaceId,
-    initialSearchData,
-    modalTitle,
-    isSearching
-  } = props;
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  const onFormSubmit = searchFormValues => {
-    const {
-      aql,
-      objectSchema
-    } = searchFormValues;
-    if (aql && objectSchema) {
-      fireEvent('ui.aqlEditor.searched', {});
-      // Pass the validated aql and object schema back to modal
-      onSearch(aql, objectSchema.value);
-    }
-  };
-  return jsx(Form, {
-    onSubmit: onFormSubmit
-  }, ({
-    formProps
-  }) => {
-    var _initialSearchData$ob, _initialSearchData$ob2, _initialSearchData$aq;
-    return jsx(FormContainer, _extends({}, formProps, {
-      id: SEARCH_FORM_ID
-    }), jsx(FormRowContainer, {
-      isNarrowGap: true
-    }, modalTitle, jsx(SchemaSelectContainer, null, jsx(AssetsObjectSchemaSelect, {
-      value: (_initialSearchData$ob = initialSearchData.objectSchema) !== null && _initialSearchData$ob !== void 0 ? _initialSearchData$ob : undefined,
-      workspaceId: workspaceId,
-      initialObjectSchemas: (_initialSearchData$ob2 = initialSearchData.objectSchemas) !== null && _initialSearchData$ob2 !== void 0 ? _initialSearchData$ob2 : undefined,
-      classNamePrefix: "assets-datasource-modal--object-schema-select"
-    }))), jsx(FormRowContainer, null, jsx(AqlSearchInput, {
-      value: (_initialSearchData$aq = initialSearchData.aql) !== null && _initialSearchData$aq !== void 0 ? _initialSearchData$aq : DEFAULT_AQL_QUERY,
-      workspaceId: workspaceId,
-      isSearching: isSearching
-    })));
-  });
-};

package/dist/es2019/ui/assets-modal/search-container/styled-old.js

@@ -1,59 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-export const FormRowContainer = styled.div(props => ({
-  alignItems: 'center',
-  display: 'flex',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  gap: props.isNarrowGap ? "var(--ds-space-100, 8px)" : "var(--ds-space-200, 16px)",
-  flexGrow: 1,
-  width: '100%'
-}));
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const FormContainer = styled.form({
-  display: 'grid',
-  rowGap: "var(--ds-space-200, 16px)",
-  width: '100%'
-});
-
-// Override the top margin of fields
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const FieldContainer = styled.div({
-  flex: 1,
-  marginTop: "var(--ds-space-negative-100, -8px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const SchemaSelectContainer = styled.div({
-  width: '100%',
-  maxWidth: '386px'
-});
-`
-mv click-summary-column-dropdown-to-see-its-items--default--bandicoots-compiled-migration-smartcard-false.png click-summary-column-dropdown-to-see-its-items--default--bandicoots-compiled-migration-link-datasource-false.png
-mv click-summary-column-dropdown-to-see-its-items--default--bandicoots-compiled-migration-smartcard-true.png click-summary-column-dropdown-to-see-its-items--default--bandicoots-compiled-migration-link-datasource-true.png
-mv double-lined-date-of-creation-header-text-is-truncated-with-ellipses--default--bandicoots-compiled-migration-smartcard-false.png double-lined-date-of-creation-header-text-is-truncated-with-ellipses--default--bandicoots-compiled-migration-link-datasource-false.png
-mv double-lined-date-of-creation-header-text-is-truncated-with-ellipses--default--bandicoots-compiled-migration-smartcard-true.png double-lined-date-of-creation-header-text-is-truncated-with-ellipses--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-bug-icon--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-bug-icon--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-bug-icon--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-bug-icon--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-date--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-date--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-date--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-date--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-label-another-third-labels--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-label-another-third-labels--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-label-another-third-labels--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-label-another-third-labels--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-labels-header--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-labels-header--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-labels-header--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-labels-header--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-people--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-people--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-people--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-people--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-people-header--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-people-header--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-people-header--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-people-header--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-status-header--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-status-header--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-status-header--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-status-header--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-summary--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-summary--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-summary--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-summary--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-to-do-status--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-to-do-status--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-to-do-status--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-to-do-status--default--bandicoots-compiled-migration-link-datasource-true.png
-mv hovering-over-unassigned-assignee--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-unassigned-assignee--default--bandicoots-compiled-migration-link-datasource-false.png
-mv hovering-over-unassigned-assignee--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-unassigned-assignee--default--bandicoots-compiled-migration-link-datasource-true.png
-mv toggle-wrapping-on-several-columns--default--bandicoots-compiled-migration-smartcard-false.png toggle-wrapping-on-several-columns--default--bandicoots-compiled-migration-link-datasource-false.png
-mv toggle-wrapping-on-several-columns--default--bandicoots-compiled-migration-smartcard-true.png toggle-wrapping-on-several-columns--default--bandicoots-compiled-migration-link-datasource-true.png
-`;

package/dist/es2019/ui/common/error-state/access-required-old.js

@@ -1,74 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import EmptyState from '@atlaskit/empty-state';
-import { Box, xcss } from '@atlaskit/primitives';
-import { N400 } from '@atlaskit/theme/colors';
-import { fontFallback } from '@atlaskit/theme/typography';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { AccessRequiredSVGOld } from './access-required-svg';
-import { loadingErrorMessages } from './messages';
-const urlStyles = css({
-  color: `var(--ds-text-subtlest, ${N400})`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: `var(--ds-font-body, ${fontFallback.body.medium})`
-});
-const descriptionMessageStyles = css({
-  display: 'flex',
-  flexDirection: 'column',
-  gap: "var(--ds-space-200, 16px)"
-});
-const iconContainerStyles = xcss({
-  marginBottom: 'space.200'
-});
-const Description = ({
-  message,
-  url
-}) => {
-  return jsx("div", {
-    css: descriptionMessageStyles
-  }, jsx("span", {
-    css: urlStyles
-  }, url), jsx("span", null, message));
-};
-const IconContainer = () => jsx(Box, {
-  xcss: iconContainerStyles
-}, jsx(AccessRequiredSVGOld, null));
-export const AccessRequiredOld = ({
-  url
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  useEffect(() => {
-    fireEvent('ui.error.shown', {
-      reason: 'access'
-    });
-  }, [fireEvent]);
-  if (url) {
-    return jsx(EmptyState, {
-      testId: "datasource--access-required-with-url",
-      header: formatMessage(loadingErrorMessages.accessRequiredWithSite),
-      description: jsx(Description, {
-        message: formatMessage(loadingErrorMessages.accessInstructions),
-        url: url
-      }),
-      renderImage: IconContainer
-    });
-  }
-  return jsx(EmptyState, {
-    testId: "datasource--access-required",
-    header: formatMessage(loadingErrorMessages.accessRequired),
-    description: formatMessage(loadingErrorMessages.accessInstructions),
-    renderImage: IconContainer
-  });
-};

package/dist/es2019/ui/common/error-state/loading-error-old.js

@@ -1,56 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button/standard-button';
-import { Box, Inline, Text } from '@atlaskit/primitives';
-import { fontFallback } from '@atlaskit/theme/typography';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { LoadingErrorSVGOld } from './loading-error-svg-old';
-import { loadingErrorMessages } from './messages';
-const errorContainerStyles = css({
-  display: 'grid',
-  gap: "var(--ds-space-200, 16px)",
-  placeItems: 'center',
-  placeSelf: 'center'
-});
-const errorMessageContainerStyles = css({
-  display: 'grid',
-  gap: "var(--ds-space-100, 8px)",
-  placeItems: 'center'
-});
-const errorMessageStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: `var(--ds-font-heading-small, ${fontFallback.heading.small})`
-});
-export const LoadingErrorOld = ({
-  onRefresh
-}) => {
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  useEffect(() => {
-    fireEvent('ui.error.shown', {
-      reason: 'network'
-    });
-  }, [fireEvent]);
-  return jsx(Box, {
-    xcss: errorContainerStyles,
-    testId: "datasource--loading-error"
-  }, jsx(LoadingErrorSVGOld, null), jsx(Box, {
-    xcss: errorMessageContainerStyles
-  }, jsx(Inline, {
-    as: "span",
-    xcss: errorMessageStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadItems)), jsx(Text, {
-    as: "p"
-  }, jsx(FormattedMessage, loadingErrorMessages.checkConnection)), onRefresh && jsx(Button, {
-    appearance: "primary",
-    onClick: onRefresh
-  }, jsx(FormattedMessage, loadingErrorMessages.refresh))));
-};

package/dist/es2019/ui/common/error-state/modal-loading-error-old.js

@@ -1,46 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import { Box, Text } from '@atlaskit/primitives';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { LoadingErrorSVGOld } from './loading-error-svg-old';
-import { loadingErrorMessages } from './messages';
-const errorContainerStyles = css({
-  display: 'grid',
-  gap: "var(--ds-space-300, 24px)",
-  placeItems: 'center',
-  placeSelf: 'center'
-});
-const errorMessageContainerStyles = css({
-  display: 'grid',
-  gap: "var(--ds-space-100, 8px)",
-  placeItems: 'center'
-});
-export const ModalLoadingErrorOld = ({
-  errorMessage = jsx(FormattedMessage, loadingErrorMessages.checkConnection)
-}) => {
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  useEffect(() => {
-    fireEvent('ui.error.shown', {
-      reason: 'network'
-    });
-  }, [fireEvent]);
-  return jsx(Box, {
-    xcss: errorContainerStyles,
-    testId: "datasource-modal--loading-error"
-  }, jsx(LoadingErrorSVGOld, null), jsx(Box, {
-    xcss: errorMessageContainerStyles
-  }, jsx(Text, {
-    size: "small"
-  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadResults)), jsx(Text, {
-    as: "p"
-  }, errorMessage)));
-};

package/dist/es2019/ui/common/error-state/no-instances-old.js

@@ -1,40 +0,0 @@
-/**
- * @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 { useIntl } from 'react-intl-next';
-import { Flex, Inline, xcss } from '@atlaskit/primitives';
-import { NoInstancesSvg } from './no-instances-svg';
-const titleStyles = xcss({
-  font: 'font.heading.small',
-  marginTop: 'space.200'
-});
-const descriptionStyles = xcss({
-  marginTop: 'space.100'
-});
-const containerStyles = xcss({
-  marginTop: 'space.800'
-});
-export const NoInstancesViewOld = ({
-  title,
-  description,
-  testId
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  return jsx(Flex, {
-    testId: testId,
-    direction: "column",
-    alignItems: "center",
-    xcss: containerStyles
-  }, jsx(NoInstancesSvg, null), jsx(Inline, {
-    as: "span",
-    xcss: titleStyles
-  }, formatMessage(title)), jsx(Inline, {
-    as: "span",
-    xcss: descriptionStyles
-  }, formatMessage(description)));
-};