@atlaskit/link-datasource 3.19.0 → 3.19.2

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

@@ -1,5 +1,7 @@
 import React from 'react';
-export const AccessRequiredSVG = () => /*#__PURE__*/React.createElement("svg", {
+
+// TODO Delete when cleaning fg('bandicoots-update-sllv-icons')
+export const AccessRequiredSVGOld = () => /*#__PURE__*/React.createElement("svg", {
   width: "75",
   height: "87",
   viewBox: "0 0 75 87",

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

@@ -8,11 +8,13 @@ import { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import EmptyState from '@atlaskit/empty-state';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { N400 } from '@atlaskit/theme/colors';
 import { fontFallback } from '@atlaskit/theme/typography';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { AccessRequiredSVG } from './access-required-svg';
+import { SpotPadlockKey } from '../../../common/ui/spot/basics/padlock-key';
+import { AccessRequiredSVGOld } from './access-required-svg';
 import { loadingErrorMessages } from './messages';
 const urlStyles = css({
   color: `var(--ds-text-subtlest, ${N400})`,
@@ -37,9 +39,22 @@ const Description = ({
     css: urlStyles
   }, url), jsx("span", null, message));
 };
-const IconContainer = () => jsx(Box, {
-  xcss: iconContainerStyles
-}, jsx(AccessRequiredSVG, null));
+const noop = () => '';
+const IconContainer = () => {
+  const {
+    formatMessage
+  } = fg('bandicoots-update-sllv-icons') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useIntl() : {
+    formatMessage: noop
+  };
+  return jsx(Box, {
+    xcss: iconContainerStyles
+  }, fg('bandicoots-update-sllv-icons') ? jsx(SpotPadlockKey, {
+    size: 'xlarge',
+    alt: formatMessage(loadingErrorMessages.accessRequired)
+  }) : jsx(AccessRequiredSVGOld, null));
+};
 export const AccessRequired = ({
   url
 }) => {

package/dist/es2019/ui/common/error-state/{loading-error-svg.js → loading-error-svg-old.js}

@@ -1,5 +1,7 @@
 import React from 'react';
-export const LoadingErrorSVG = () => /*#__PURE__*/React.createElement("svg", {
+
+// TODO Delete when cleaning fg('bandicoots-update-sllv-icons')
+export const LoadingErrorSVGOld = () => /*#__PURE__*/React.createElement("svg", {
   width: "92",
   height: "124",
   viewBox: "0 0 92 124",

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

@@ -8,10 +8,12 @@ import { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Text } from '@atlaskit/primitives';
 import { fontFallback } from '@atlaskit/theme/typography';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { LoadingErrorSVG } from './loading-error-svg';
+import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';
+import { LoadingErrorSVGOld } from './loading-error-svg-old';
 import { loadingErrorMessages } from './messages';
 const errorContainerStyles = css({
   display: 'grid',
@@ -42,7 +44,10 @@ export const LoadingError = ({
   return jsx(Box, {
     xcss: errorContainerStyles,
     testId: "datasource--loading-error"
-  }, jsx(LoadingErrorSVG, null), jsx(Box, {
+  }, fg('bandicoots-update-sllv-icons') ? jsx(SpotErrorSearch, {
+    size: 'xlarge',
+    alt: 'something'
+  }) : jsx(LoadingErrorSVGOld, null), jsx(Box, {
     xcss: errorMessageContainerStyles
   }, jsx(Inline, {
     as: "span",

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

@@ -7,9 +7,11 @@ 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 { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { LoadingErrorSVG } from './loading-error-svg';
+import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';
+import { LoadingErrorSVGOld } from './loading-error-svg-old';
 import { loadingErrorMessages } from './messages';
 const errorContainerStyles = css({
   display: 'grid',
@@ -36,7 +38,10 @@ export const ModalLoadingError = ({
   return jsx(Box, {
     xcss: errorContainerStyles,
     testId: "datasource-modal--loading-error"
-  }, jsx(LoadingErrorSVG, null), jsx(Box, {
+  }, fg('bandicoots-update-sllv-icons') ? jsx(SpotErrorSearch, {
+    size: 'xlarge',
+    alt: 'something'
+  }) : jsx(LoadingErrorSVGOld, null), jsx(Box, {
     xcss: errorMessageContainerStyles
   }, jsx(Text, {
     size: "small"

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

@@ -6,10 +6,12 @@ import { useEffect } 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 { FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Grid, Text, xcss } from '@atlaskit/primitives';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
+import { SpotSearchNoResult } from '../../../common/ui/spot/error-state/search-no-result';
 import { loadingErrorMessages } from './messages';
 const noResultsContainerStyles = xcss({
   margin: 'space.500',
@@ -21,19 +23,30 @@ const noResultsMessageContainerStyles = xcss({
   gap: 'space.100',
   placeItems: 'center'
 });
+const noop = () => '';
 export const NoResults = ({
   onRefresh
 }) => {
   const {
     fireEvent
   } = useDatasourceAnalyticsEvents();
+  const {
+    formatMessage
+  } = fg('bandicoots-update-sllv-icons') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useIntl() : {
+    formatMessage: noop
+  };
   useEffect(() => {
     fireEvent('ui.emptyResult.shown.datasource', {});
   }, [fireEvent]);
   return jsx(Grid, {
     xcss: noResultsContainerStyles,
     testId: "datasource-modal--no-results"
-  }, jsx("svg", {
+  }, fg('bandicoots-update-sllv-icons') ? jsx(SpotSearchNoResult, {
+    size: 'xlarge',
+    alt: formatMessage(loadingErrorMessages.noResultsFound)
+  }) : jsx("svg", {
     width: "131",
     height: "120",
     viewBox: "0 0 131 120",

package/dist/es2019/ui/common/modal/display-view-dropdown/display-view-drop-down.js

@@ -6,6 +6,9 @@
 import { jsx } from '@emotion/react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
+import SmartLinkListIcon from '@atlaskit/icon/core/smart-link-list';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { displayViewDropDownMessages } from './messages';
 const dropDownItemGroupStyles = xcss({
@@ -15,7 +18,7 @@ const dropDownItemGroupStyles = xcss({
   paddingBottom: 'space.050',
   borderRadius: 'border.radius'
 });
-const InlineIcon = jsx("svg", {
+const InlineIconOld = jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -27,7 +30,16 @@ const InlineIcon = jsx("svg", {
   d: "M4 9C2.89543 9 2 9.67155 2 10.5V13.5C2 14.3285 2.89543 15 4 15H20C21.1046 15 22 14.3285 22 13.5V10.5C22 9.67155 21.1046 9 20 9H4ZM4.22222 11.25C4.22222 10.5 4.22222 10.5 5 10.5H7C7.55556 10.5 7.55556 10.5 7.55556 11.25V13C7.55556 13.5 7.55556 13.5 7 13.5H5C4.22222 13.5 4.22222 13.5 4.22222 13V11.25ZM9 12C9 11.7929 9.2239 11.625 9.5 11.625H19.5C19.7761 11.625 20 11.7929 20 12C20 12.2071 19.7761 12.375 19.5 12.375H9.5C9.2239 12.375 9 12.2071 9 12Z",
   fill: 'currentColor'
 }));
-const ListIcon = jsx("svg", {
+
+// TODO Rename to InlineIcon when cleaning fg('bandicoots-update-sllv-icons')
+const InlineIconNew = jsx(SmartLinkInlineIcon, {
+  label: "",
+  spacing: "spacious"
+});
+
+// TODO Delete when cleaning fg('bandicoots-update-sllv-icons')
+const getInlineIconFFed = () => fg('bandicoots-update-sllv-icons') ? InlineIconNew : InlineIconOld;
+const ListIconOld = jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -39,6 +51,15 @@ const ListIcon = jsx("svg", {
   d: "M0 2C0 0.89543 0.895431 0 2 0H13C14.1046 0 15 0.895431 15 2V13C15 14.1046 14.1046 15 13 15H2C0.89543 15 0 14.1046 0 13V2ZM5 6C5 5.44772 5.44772 5 6 5L12 5C12.5523 5 13 5.44772 13 6C13 6.55229 12.5523 7 12 7L6 7C5.44772 7 5 6.55228 5 6ZM6 8C5.44772 8 5 8.44771 5 9C5 9.55228 5.44772 10 6 10L12 10C12.5523 10 13 9.55229 13 9C13 8.44772 12.5523 8 12 8L6 8ZM5 12C5 11.4477 5.44772 11 6 11L12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13L6 13C5.44772 13 5 12.5523 5 12ZM3 7C3.55228 7 4 6.55228 4 6C4 5.44772 3.55228 5 3 5C2.44772 5 2 5.44772 2 6C2 6.55228 2.44772 7 3 7ZM5 3C5 2.44772 5.44772 2 6 2L12 2C12.5523 2 13 2.44772 13 3C13 3.55229 12.5523 4 12 4L6 4C5.44772 4 5 3.55228 5 3ZM3 4C3.55228 4 4 3.55228 4 3C4 2.44772 3.55228 2 3 2C2.44772 2 2 2.44772 2 3C2 3.55228 2.44772 4 3 4ZM4 9C4 9.55229 3.55228 10 3 10C2.44772 10 2 9.55229 2 9C2 8.44771 2.44772 8 3 8C3.55228 8 4 8.44771 4 9ZM3 13C3.55228 13 4 12.5523 4 12C4 11.4477 3.55228 11 3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13Z",
   fill: 'currentColor'
 }));
+
+// TODO Rename to ListIcon when cleaning fg('bandicoots-update-sllv-icons')
+const ListIconNew = jsx(SmartLinkListIcon, {
+  label: "",
+  spacing: "spacious"
+});
+
+// TODO Delete when cleaning fg('bandicoots-update-sllv-icons')
+const getListIconFFed = () => fg('bandicoots-update-sllv-icons') ? ListIconNew : ListIconOld;
 export const DisplayViewDropDown = ({
   onViewModeChange,
   viewMode
@@ -48,6 +69,8 @@ export const DisplayViewDropDown = ({
   } = useIntl();
   const isTable = viewMode === 'table';
   const triggerText = isTable ? formatMessage(displayViewDropDownMessages.viewModeListLabel) : formatMessage(displayViewDropDownMessages.viewModeInlineLinkLabel);
+  const InlineIcon = getInlineIconFFed();
+  const ListIcon = getListIconFFed();
   return jsx(DropdownMenu, {
     trigger: triggerText,
     testId: "datasource-modal--view-drop-down"

package/dist/es2019/ui/common/modal/popup-select/menu-list/errorMessage.js

@@ -1,8 +1,11 @@
 import React, { useEffect } from 'react';
+import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N500 } from '@atlaskit/theme/colors';
 import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
+import { SpotError } from '../../../../../common/ui/spot/error-state/error';
 import { SEARCH_DEBOUNCE_MS } from '../constants';
 import { asyncPopupSelectMessages } from './messages';
 import CustomSelectMessage from './selectMessage';
@@ -16,6 +19,7 @@ const getErrorReasonType = errors => {
   }
   return 'unknown';
 };
+const noop = () => '';
 const CustomErrorMessage = ({
   filterName,
   errors
@@ -35,14 +39,22 @@ const CustomErrorMessage = ({
     });
   }, SEARCH_DEBOUNCE_MS);
   useEffect(debouncedAnalyticsCallback, [debouncedAnalyticsCallback]);
-  return /*#__PURE__*/React.createElement(CustomSelectMessage
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19579
-  , {
-    icon: /*#__PURE__*/React.createElement(ErrorIcon, {
+  const {
+    formatMessage
+  } = fg('bandicoots-update-sllv-icons') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useIntl() : {
+    formatMessage: noop
+  };
+  return /*#__PURE__*/React.createElement(CustomSelectMessage, {
+    icon: fg('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(SpotError, {
+      size: 'medium',
+      alt: formatMessage(asyncPopupSelectMessages.errorMessage)
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ErrorIcon, {
       primaryColor: `var(--ds-icon, ${N500})`,
       label: "",
       size: "xlarge"
-    }),
+    })),
     message: asyncPopupSelectMessages.errorMessage,
     testId: `${filterName}--error-message`
   });

package/dist/es2019/ui/common/modal/popup-select/menu-list/noOptionsMessage.js

@@ -1,11 +1,15 @@
 import React, { useEffect } from 'react';
+import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
 import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N500 } from '@atlaskit/theme/colors';
 import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
+import { SpotSearchNoResult } from '../../../../../common/ui/spot/error-state/search-no-result';
 import { SEARCH_DEBOUNCE_MS } from '../constants';
 import { asyncPopupSelectMessages } from './messages';
 import CustomSelectMessage from './selectMessage';
+const noop = () => '';
 const CustomNoOptionsMessage = ({
   filterName
 }) => {
@@ -25,14 +29,22 @@ const CustomNoOptionsMessage = ({
     });
   }, SEARCH_DEBOUNCE_MS);
   useEffect(debouncedAnalyticsCallback, [debouncedAnalyticsCallback]);
-  return /*#__PURE__*/React.createElement(CustomSelectMessage
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19578
-  , {
-    icon: /*#__PURE__*/React.createElement(QuestionCircleIcon, {
+  const {
+    formatMessage
+  } = fg('bandicoots-update-sllv-icons') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useIntl() : {
+    formatMessage: noop
+  };
+  return /*#__PURE__*/React.createElement(CustomSelectMessage, {
+    icon: fg('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(SpotSearchNoResult, {
+      size: 'medium',
+      alt: formatMessage(asyncPopupSelectMessages.noOptionsMessage)
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
       primaryColor: `var(--ds-icon, ${N500})`,
       size: "xlarge",
       label: ""
-    }),
+    })),
     message: asyncPopupSelectMessages.noOptionsMessage,
     testId: `${filterName}--no-options-message`
   });

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import ErrorIcon from '@atlaskit/icon/utility/migration/error';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { R400 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
@@ -139,7 +140,7 @@ export const DateRangePicker = ({
       })), invalidDateRange && /*#__PURE__*/React.createElement(DateRangeErrorMessage, null, /*#__PURE__*/React.createElement(ErrorIcon, {
         LEGACY_size: "small",
         color: `var(--ds-icon-danger, ${R400})`,
-        label: "Date range error",
+        label: fg('bandicoots-update-sllv-icons') ? formatMessage(dateRangeMessages.dateRangeError) : 'Date range error',
         LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"}`
       }), invalidDateRange), /*#__PURE__*/React.createElement(SelectDateRangeButton, {
         "data-testId": "custom-date-range-update-button",

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/messages.js

@@ -89,5 +89,10 @@ export const dateRangeMessages = defineMessages({
     id: 'linkDataSource.confluence-search.configmodal.date.range.after.label',
     defaultMessage: 'after {date}',
     description: '`after date` for date picker dropdown'
+  },
+  dateRangeError: {
+    id: 'linkDataSource.confluence-search.configmodal.date.range.error',
+    defaultMessage: 'Date range error',
+    description: 'Label of the icon that is displayed before the error message'
   }
 });

package/dist/es2019/ui/confluence-search-modal/modal/{confluence-search-initial-state-svg.js → confluence-search-initial-state-svg-old.js}

@@ -1,5 +1,7 @@
 import React from 'react';
-export const ConfluenceSearchInitialStateSVG = () => /*#__PURE__*/React.createElement("svg", {
+
+// TODO Delete when cleaning fg('bandicoots-update-sllv-icons')
+export const ConfluenceSearchInitialStateSVGOld = () => /*#__PURE__*/React.createElement("svg", {
   width: "188",
   height: "112",
   viewBox: "0 0 188 112",

package/dist/es2019/ui/confluence-search-modal/modal/index.js

@@ -8,12 +8,14 @@ import { Fragment, useCallback, useEffect, useMemo, useRef } 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 { FormattedMessage, useIntl } from 'react-intl-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
+import { RichIconSearch } from '../../../common/ui/rich-icon/search';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { useUserInteractions } from '../../../contexts/user-interactions';
 import i18nEN from '../../../i18n/en';
@@ -38,7 +40,7 @@ import TableSearchCount from '../../common/modal/search-count';
 import { SiteSelector } from '../../common/modal/site-selector';
 import { EmptyState } from '../../issue-like-table';
 import ConfluenceSearchContainer from '../confluence-search-container';
-import { ConfluenceSearchInitialStateSVG } from './confluence-search-initial-state-svg';
+import { ConfluenceSearchInitialStateSVGOld } from './confluence-search-initial-state-svg-old';
 import { confluenceSearchModalMessages } from './messages';
 const inputContainerStyles = xcss({
   alignItems: 'baseline',
@@ -46,6 +48,7 @@ const inputContainerStyles = xcss({
   minHeight: '72px'
 });
 const isValidParameters = parameters => !!(parameters && parameters.cloudId && Object.values(parameters).filter(v => v !== undefined).length > 1);
+const noop = () => '';
 export const PlainConfluenceSearchConfigModal = props => {
   const {
     onCancel,
@@ -55,6 +58,13 @@ export const PlainConfluenceSearchConfigModal = props => {
   const {
     currentViewMode
   } = useViewModeContext();
+  const {
+    formatMessage
+  } = fg('bandicoots-update-sllv-icons') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useIntl() : {
+    formatMessage: noop
+  };
   const {
     visibleColumnKeys,
     tableState: {
@@ -223,7 +233,10 @@ export const PlainConfluenceSearchConfigModal = props => {
         });
       }
       return jsx(ContentContainer, null, jsx(InitialStateView, {
-        icon: jsx(ConfluenceSearchInitialStateSVG, null),
+        icon: fg('bandicoots-update-sllv-icons') ? jsx(RichIconSearch, {
+          size: "xlarge",
+          alt: formatMessage(confluenceSearchModalMessages.initialViewSearchTitle)
+        }) : jsx(ConfluenceSearchInitialStateSVGOld, null),
         title: confluenceSearchModalMessages.initialViewSearchTitle,
         description: confluenceSearchModalMessages.initialViewSearchDescription
       }));
@@ -233,7 +246,7 @@ export const PlainConfluenceSearchConfigModal = props => {
     }, jsx(DatasourcesTableInModalPreview, {
       testId: "confluence-search-datasource-table"
     }));
-  }, [columns.length, selectedConfluenceSiteUrl, resolvedWithNoResults, status, urlBeingEdited, hasConfluenceSearchParams]);
+  }, [status, resolvedWithNoResults, columns.length, selectedConfluenceSiteUrl, urlBeingEdited, hasConfluenceSearchParams, formatMessage]);
   const renderInlineLinkModalContent = useCallback(() => {
     if (status === 'unauthorized') {
       return jsx(AccessRequired, {

package/dist/es2019/ui/issue-like-table/empty-state/{priority.js → priority-old.js}

@@ -1,3 +1,8 @@
+/**
+ * TODO - I believe this file is not used (I could not find any reference to it in the codebase)
+ * If not used we should remove it
+ * Delete when cleaning bandicoots-update-sllv-icons
+ */
 import React from 'react';
 import { B300, R300, Y300 } from '@atlaskit/theme/colors';
 import IconType from '../render-type/icon';

package/dist/es2019/ui/issue-like-table/empty-state/{type.js → type-old.js}

@@ -1,3 +1,8 @@
+/**
+ * TODO - I believe this file is not used (I could not find any reference to it in the codebase)
+ * If not used we should remove it
+ * Delete when cleaning bandicoots-update-sllv-icons
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -9,7 +9,7 @@ import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'rea
 
 // 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 { FormattedMessage, useIntl } from 'react-intl-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -20,6 +20,7 @@ import { startUfoExperience } from '../../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
 import { mapSearchMethod } from '../../../analytics/utils';
+import { RichIconSearch } from '../../../common/ui/rich-icon/search';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
 import { useUserInteractions } from '../../../contexts/user-interactions';
@@ -51,6 +52,7 @@ import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
 import { JiraSearchContainer } from '../jira-search-container';
 import { JiraInitialStateSVG } from './jira-issues-initial-state-svg';
 import { modalMessages } from './messages';
+const noop = () => '';
 const getDisplayValue = (currentViewMode, itemCount) => {
   if (currentViewMode === 'table') {
     return DatasourceDisplay.DATASOURCE_TABLE;
@@ -106,6 +108,13 @@ const PlainJiraIssuesConfigModal = props => {
     fireEvent
   } = useDatasourceAnalyticsEvents();
   const experienceId = useDatasourceExperienceId();
+  const {
+    formatMessage
+  } = fg('bandicoots-update-sllv-icons') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useIntl() : {
+    formatMessage: noop
+  };
   const analyticsPayload = useMemo(() => ({
     extensionKey,
     destinationObjectTypes
@@ -287,7 +296,10 @@ const PlainJiraIssuesConfigModal = props => {
       }, !!jql ? jsx(EmptyState, {
         testId: `jira-datasource-modal--empty-state`
       }) : jsx(InitialStateView, {
-        icon: jsx(JiraInitialStateSVG, null),
+        icon: fg('bandicoots-update-sllv-icons') ? jsx(RichIconSearch, {
+          alt: formatMessage(fg('confluence-issue-terminology-refresh') ? modalMessages.searchJiraTitleIssueTermRefresh : modalMessages.searchJiraTitle),
+          size: 'xlarge'
+        }) : jsx(JiraInitialStateSVG, null),
         title: fg('confluence-issue-terminology-refresh') ? modalMessages.searchJiraTitleIssueTermRefresh : modalMessages.searchJiraTitle,
         description: getDescriptionMessage(),
         learnMoreLink: currentSearchMethod === 'jql' ? {
@@ -301,7 +313,7 @@ const PlainJiraIssuesConfigModal = props => {
     }, jsx(DatasourcesTableInModalPreview, {
       testId: "jira-datasource-table"
     }));
-  }, [columns.length, currentSearchMethod, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  }, [columns.length, currentSearchMethod, formatMessage, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
   const siteSelectorLabel = useMemo(() => {
     if (fg('confluence-issue-terminology-refresh')) {
       return availableSites && availableSites.length > 1 ? modalMessages.insertIssuesTitleManySitesIssueTermRefresh : modalMessages.insertIssuesTitleIssueTermRefresh;

package/dist/esm/common/ui/common/render-svg.compiled.css

@@ -0,0 +1,3 @@
+._1bsb1lit{width:10pc}
+._1bsb1wqb{width:60px}
+._1bsb53f4{width:75pt}

package/dist/esm/common/ui/common/render-svg.js

@@ -0,0 +1,22 @@
+/* render-svg.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./render-svg.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import Image from '@atlaskit/image';
+var imageSizeStyles = {
+  xlarge: "_1bsb1lit",
+  large: "_1bsb53f4",
+  medium: "_1bsb1wqb"
+};
+export var RenderSVG = function RenderSVG(_ref) {
+  var alt = _ref.alt,
+    size = _ref.size,
+    src = _ref.src,
+    srcDark = _ref.srcDark;
+  return /*#__PURE__*/React.createElement(Image, {
+    src: src,
+    srcDark: srcDark,
+    alt: alt,
+    className: ax([size && imageSizeStyles[size]])
+  });
+};

package/dist/esm/common/ui/rich-icon/search/index.js

@@ -0,0 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { RenderSVG } from '../../common/render-svg';
+import Standard from './assets/standard.svg';
+export var RichIconSearch = function RichIconSearch(props) {
+  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
+    src: Standard
+  }, props));
+};

package/dist/esm/common/ui/spot/basics/padlock-key/index.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { RenderSVG } from '../../../common/render-svg';
+import Dark from './assets/dark.svg';
+import Light from './assets/light.svg';
+export var SpotPadlockKey = function SpotPadlockKey(props) {
+  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
+    src: Light,
+    srcDark: Dark
+  }, props));
+};

package/dist/esm/common/ui/spot/error-state/error/index.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { RenderSVG } from '../../../common/render-svg';
+import Dark from './assets/dark.svg';
+import Light from './assets/light.svg';
+export var SpotError = function SpotError(props) {
+  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
+    src: Light,
+    srcDark: Dark
+  }, props));
+};

package/dist/esm/common/ui/spot/error-state/search/index.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { RenderSVG } from '../../../common/render-svg';
+import Dark from './assets/dark.svg';
+import Light from './assets/light.svg';
+export var SpotErrorSearch = function SpotErrorSearch(props) {
+  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
+    src: Light,
+    srcDark: Dark
+  }, props));
+};

package/dist/esm/common/ui/spot/error-state/search-no-result/index.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { RenderSVG } from '../../../common/render-svg';
+import Dark from './assets/dark.svg';
+import Light from './assets/light.svg';
+export var SpotSearchNoResult = function SpotSearchNoResult(props) {
+  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
+    src: Light,
+    srcDark: Dark
+  }, props));
+};

package/dist/esm/hooks/useDatasourceTableFlag.js

@@ -46,8 +46,6 @@ export var useDatasourceTableFlag = function useDatasourceTableFlag(options) {
     fireEvent = _useDatasourceAnalyti.fireEvent;
   var showErrorFlag = useCallback(function (args) {
     showFlag(_objectSpread(_objectSpread({
-      // We need IconTile in order to scale the new icon to 24px
-      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
       icon: /*#__PURE__*/React.createElement(CrossCircleIcon, {
         spacing: "spacious",
         label: "Error",