@atlaskit/link-datasource 6.8.0 → 6.10.0

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

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { StoreContainer } from '../../../state';
+import { createDatasourceModal } from '../../common/modal/datasource-modal/createDatasourceModal';
+import { PlainConfluenceSearchConfigModal } from './PlainConfluenceSearchConfigModal';
+const isValidParameters = parameters => !!(parameters && parameters.cloudId && Object.values(parameters).filter(v => v !== undefined).length > 1);
+const ConnectedConfluenceSearchConfigModal = createDatasourceModal({
+  isValidParameters,
+  dataProvider: 'confluence-search',
+  component: PlainConfluenceSearchConfigModal
+});
+export const ConfluenceSearchConfigModal = props => {
+  return /*#__PURE__*/React.createElement(StoreContainer, null, /*#__PURE__*/React.createElement(ConnectedConfluenceSearchConfigModal, _extends({}, props, {
+    /**
+     * If the intial parameters are not valid, we will not initialise the modal state
+     * with `overrideParameters`. This is to allow the modal to be opened without
+     * any initial parameters and require the user to perform a search.
+     */
+    parameters: props.overrideParameters && isValidParameters(props.parameters) ? {
+      ...props.parameters,
+      ...props.overrideParameters
+    } : props.parameters
+  })));
+};

package/dist/es2019/ui/confluence-search-modal/modal/{index.js → PlainConfluenceSearchConfigModal.js}

@@ -1,6 +1,6 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PlainConfluenceSearchConfigModal.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _extends from "@babel/runtime/helpers/extends";
-import "./index.compiled.css";
+import "./PlainConfluenceSearchConfigModal.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, useCallback, useEffect, useMemo, useRef } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
@@ -18,10 +18,9 @@ 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 { useUserInteractions } from '../../../contexts/user-interactions/use-user-interactions';
 import i18nEN from '../../../i18n/en';
 import { useAvailableSites } from '../../../services/useAvailableSites';
-import { StoreContainer } from '../../../state';
 import { AccessRequired } from '../../common/error-state/access-required';
 import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
 import { NoInstancesView } from '../../common/error-state/no-instances';
@@ -29,13 +28,13 @@ import { NoResults } from '../../common/error-state/no-results';
 import { InitialStateView } from '../../common/initial-state-view';
 import { CancelButton } from '../../common/modal/cancel-button';
 import { ContentContainer } from '../../common/modal/content-container';
-import { SmartCardPlaceholder, SmartLink } from '../../common/modal/count-view-smart-link';
-import { useDatasourceContext } from '../../common/modal/datasource-context';
+import { SmartCardPlaceholder } from '../../common/modal/count-view-smart-link/smart-card-placeholder';
+import { SmartLink } from '../../common/modal/count-view-smart-link/smart-link';
+import { useDatasourceContext } from '../../common/modal/datasource-context/useDatasourceContext';
 import { DatasourceModal } from '../../common/modal/datasource-modal';
-import { createDatasourceModal } from '../../common/modal/datasource-modal/createDatasourceModal';
 import DatasourcesTableInModalPreview from '../../common/modal/datasources-table-in-modal-preview';
 import { InsertButton } from '../../common/modal/insert-button';
-import { DatasourceViewModeDropDown } from '../../common/modal/mode-switcher';
+import { DatasourceViewModeDropDown } from '../../common/modal/mode-switcher/DatasourceViewModeDropDown';
 import { useViewModeContext } from '../../common/modal/mode-switcher/useViewModeContext';
 import TableSearchCount from '../../common/modal/search-count';
 import { SiteSelector } from '../../common/modal/site-selector';
@@ -48,7 +47,6 @@ const styles = {
   flexStyles: "_2lx21sbv _1bsb1osq",
   viewModeContainer: "_zulpu2gc _4cvr1h6o"
 };
-const isValidParameters = parameters => !!(parameters && parameters.cloudId && Object.values(parameters).filter(v => v !== undefined).length > 1);
 export const PlainConfluenceSearchConfigModal = props => {
   const {
     onCancel,
@@ -380,22 +378,4 @@ export const PlainConfluenceSearchConfigModal = props => {
     url: confluenceSearchUrl,
     getAnalyticsPayload: getButtonAnalyticsPayload
   }, /*#__PURE__*/React.createElement(FormattedMessage, confluenceSearchModalMessages.insertResultsButtonText)))));
-};
-const ConnectedConfluenceSearchConfigModal = createDatasourceModal({
-  isValidParameters,
-  dataProvider: 'confluence-search',
-  component: PlainConfluenceSearchConfigModal
-});
-export const ConfluenceSearchConfigModal = props => {
-  return /*#__PURE__*/React.createElement(StoreContainer, null, /*#__PURE__*/React.createElement(ConnectedConfluenceSearchConfigModal, _extends({}, props, {
-    /**
-     * If the intial parameters are not valid, we will not initialise the modal state
-     * with `overrideParameters`. This is to allow the modal to be opened without
-     * any initial parameters and require the user to perform a search.
-     */
-    parameters: props.overrideParameters && isValidParameters(props.parameters) ? {
-      ...props.parameters,
-      ...props.overrideParameters
-    } : props.parameters
-  })));
 };

package/dist/es2019/ui/datasource-table-view/DatasourceTableViewWithWrappers.js

@@ -0,0 +1,11 @@
+import React, { lazy, Suspense } from 'react';
+const LazyDatasourceTableView = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-tableview" */'./datasourceTableView').then(module => ({
+  default: module.DatasourceTableView
+})));
+export const DatasourceTableViewWithWrappers = props => {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      "data-testid": 'datasource-table-view-suspense'
+    })
+  }, /*#__PURE__*/React.createElement(LazyDatasourceTableView, props));
+};

package/dist/es2019/ui/datasource-table-view/datasourceTableView.js

@@ -10,11 +10,12 @@ import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { componentMetadata } from '../../analytics/constants';
-import { startUfoExperience } from '../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
+import { startUfoExperience } from '../../analytics/ufoExperiences/startUfoExperience';
 import { fetchMessagesForLocale } from '../../common/utils/locale/fetch-messages-for-locale';
-import { DatasourceExperienceIdProvider, useDatasourceExperienceId } from '../../contexts/datasource-experience-id';
+import { DatasourceExperienceIdProvider } from '../../contexts/datasource-experience-id/datasource-experience-id-provider';
+import { useDatasourceExperienceId } from '../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
 import { useDeepEffect } from '../../hooks/useDeepEffect';
 import { useIsInPDFRender } from '../../hooks/useIsInPDFRender';
@@ -25,8 +26,8 @@ import { AccessRequired } from '../common/error-state/access-required';
 import { LoadingError } from '../common/error-state/loading-error';
 import { NoResults } from '../common/error-state/no-results';
 import { ProviderAuthRequired } from '../common/error-state/provider-auth-required';
-import { IssueLikeDataTableView } from '../issue-like-table';
 import EmptyState from '../issue-like-table/empty-state';
+import { IssueLikeDataTableView } from '../issue-like-table/issue-like-data-table-view';
 import { TableFooter } from '../table-footer';
 import { getDatasourceColumnSortGetter } from './datasource-column-sort';
 const containerStyles = null;
@@ -92,9 +93,9 @@ const DatasourceTableViewWithoutAnalytics = ({
   const visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
 
   /*  Need this to make sure that the datasource in the editor gets updated new info if any edits are made in the modal
-       But we don't want to call it on initial load. This screws up useDatasourceTableState's internal
-       mechanism of initial loading. Use of ref here makes it basically work as a `componentDidUpdate` but not `componentDidMount`
-    */
+  		But we don't want to call it on initial load. This screws up useDatasourceTableState's internal
+  		mechanism of initial loading. Use of ref here makes it basically work as a `componentDidUpdate` but not `componentDidMount`
+   */
   const isInitialRender = useRef(true);
   const hasColumns = !!columns.length;
   const isDataReady = hasColumns && responseItems.length > 0 && totalCount && totalCount > 0;

package/dist/es2019/ui/datasource-table-view/index.js

@@ -1,12 +1,13 @@
-import React, { lazy, Suspense } from 'react';
-const LazyDatasourceTableView = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-tableview" */'./datasourceTableView').then(module => ({
-  default: module.DatasourceTableView
-})));
-const DatasourceTableViewWithWrappers = props => {
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement("div", {
-      "data-testid": 'datasource-table-view-suspense'
-    })
-  }, /*#__PURE__*/React.createElement(LazyDatasourceTableView, props));
-};
-export default DatasourceTableViewWithWrappers;
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+import { DatasourceTableViewWithWrappers } from './DatasourceTableViewWithWrappers';
+export default DatasourceTableViewWithWrappers;
+
+/**
+ * @deprecated Use `import { DatasourceTableViewWithWrappers } from '@atlaskit/link-datasource/datasource-table-view-with-wrappers'` instead.
+ */
+export { DatasourceTableViewWithWrappers } from './DatasourceTableViewWithWrappers';
+/**
+ * @deprecated Use `import { DatasourceTableViewWithWrappers } from '@atlaskit/link-datasource/datasource-table-view-with-wrappers'` instead.
+ */
+export { DatasourceTableViewWithWrappers as DatasourceTableView } from './DatasourceTableViewWithWrappers';

package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css

@@ -1,9 +1,3 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
-._bfhkufnl{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
-._syazazsu{color:var(--ds-text-subtle,#505258)}
-._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
-._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
-._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}
-._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -4,14 +4,10 @@ import "./concatenated-menu-list.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage } from 'react-intl';
-import { CheckboxOption } from '@atlaskit/select/checkbox-option';
 import { components } from '@atlaskit/react-select/components';
 import { columnPickerMessages } from './messages';
 export const SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
 const messageStyles = null;
-const listItemStylesFocusedSelected = null;
-const listItemStylesSelected = null;
-const listItemStyles = null;
 export const ConcatenatedMenuList = ({
   children,
   ...props
@@ -33,12 +29,4 @@ export const ConcatenatedMenuList = ({
     tagName: 'div'
   }, columnPickerMessages.maximumItemsShownLine2)));
   return /*#__PURE__*/React.createElement(components.MenuList, props, children.slice(0, SELECT_ITEMS_MAXIMUM_THRESHOLD), maximumLimitReachedMessage);
-};
-export const MenuItem = ({
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(CheckboxOption, _extends({}, props, {
-    className: ax([props.isSelected ? "_bfhk15s3 _irr3ufnl _1di6nozp" : "_irr3plhp _1di61gdz", props.isSelected && props.isFocused && "_bfhkufnl"])
-  }), children);
 };

package/dist/es2019/ui/issue-like-table/column-picker/index.js

@@ -4,6 +4,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
+import { mergeRefs } from 'use-callback-ref';
 import Button from '@atlaskit/button/default/button';
 import IconButton from '@atlaskit/button/icon/button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
@@ -14,9 +15,10 @@ import { Box } from '@atlaskit/primitives/compiled';
 import { createFilter } from '@atlaskit/react-select/filters';
 import { PopupSelect } from '@atlaskit/select/popup-select';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { succeedUfoExperience } from '../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
-import { ConcatenatedMenuList, MenuItem } from './concatenated-menu-list';
+import { succeedUfoExperience } from '../../../analytics/ufoExperiences/succeedUfoExperience';
+import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id/use-datasource-experience-id';
+import { ConcatenatedMenuList } from './concatenated-menu-list';
+import { MenuItem } from './menu-item';
 import { columnPickerMessages } from './messages';
 const styles = {
   customizeIcon: "_s7n4nkob"
@@ -141,6 +143,11 @@ export const ColumnPicker = ({
       return /*#__PURE__*/React.createElement(Tooltip, {
         content: intl.formatMessage(columnPickerMessages.tooltip)
       }, tooltipProps => /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
+        // `tooltipProps.ref` must be included: spreading `triggerProps` after
+        // `tooltipProps` drops the tooltip's ref, leaving Tooltip without an
+        // anchor element. Gate off leaves `triggerProps.ref` winning, exactly as
+        // master does.
+        ref: fg('platform-dst-top-layer-tooltip') ? mergeRefs([triggerProps.ref, tooltipProps.ref]) : triggerProps.ref,
         isSelected: isOpen,
         spacing: "compact",
         appearance: 'default',

package/dist/es2019/ui/issue-like-table/column-picker/menu-item.compiled.css

@@ -0,0 +1,5 @@
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
+._bfhkufnl{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}
+._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}

package/dist/es2019/ui/issue-like-table/column-picker/menu-item.js

@@ -0,0 +1,17 @@
+/* menu-item.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./menu-item.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { CheckboxOption } from '@atlaskit/select/checkbox-option';
+const listItemStylesFocusedSelected = null;
+const listItemStylesSelected = null;
+const listItemStyles = null;
+export const MenuItem = ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(CheckboxOption, _extends({}, props, {
+    className: ax([props.isSelected ? "_bfhk15s3 _irr3ufnl _1di6nozp" : "_irr3plhp _1di61gdz", props.isSelected && props.isFocused && "_bfhkufnl"])
+  }), children);
+};

package/dist/es2019/ui/issue-like-table/draggable-table-heading.js

@@ -18,16 +18,19 @@ import ChevronUp from '@atlaskit/icon/core/chevron-up';
 import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/attach-closest-edge';
 import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/disable-native-drag-preview';
 import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/pointer-outside-of-preview';
-import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview';
 import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled';
+import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
-import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
+import { getColumnMinWidth } from './get-column-min-width';
+import { getWidthCss } from './get-width-css';
+import { GlyphPlaceholder } from './glyph-placeholder';
 import { issueLikeTableMessages } from './messages';
-import { getColumnMinWidth, getWidthCss } from './utils';
+import { UnwrapTextIcon } from './unwrap-text-icon';
+import { WrapTextIcon } from './wrap-text-icon';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
 const TableHeading = forwardRef(({

package/dist/es2019/ui/issue-like-table/edit-type/editType.js

@@ -0,0 +1,76 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import IconEditType from './icon';
+import StatusEditType from './status';
+import TextEditType from './text';
+import { toValueType } from './toValueType';
+import UserEditType from './user';
+import { ACTIVE_INLINE_EDIT_ID } from './index';
+export const editType = ({
+  defaultValue,
+  currentValue,
+  labelId,
+  setEditValues,
+  executeFetch
+}) => {
+  var _toValueType, _value$atlassianUserI;
+  switch (defaultValue.type) {
+    case 'string':
+      return {
+        defaultValue: (_toValueType = toValueType(defaultValue)) !== null && _toValueType !== void 0 ? _toValueType : '',
+        editView: ({
+          ...fieldProps
+        }) => /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
+          currentValue: currentValue,
+          setEditValues: setEditValues,
+          id: ACTIVE_INLINE_EDIT_ID,
+          labelId: labelId
+        }))
+      };
+    case 'icon':
+      return {
+        defaultValue: toValueType(defaultValue),
+        editView: ({
+          value,
+          ...fieldProps
+        }) => /*#__PURE__*/React.createElement(IconEditType, _extends({}, fieldProps, {
+          currentValue: currentValue,
+          setEditValues: setEditValues,
+          id: ACTIVE_INLINE_EDIT_ID,
+          executeFetch: executeFetch,
+          labelId: labelId
+        }))
+      };
+    case 'status':
+      return {
+        defaultValue: toValueType(defaultValue),
+        editView: ({
+          ...fieldProps
+        }) => /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
+          currentValue: currentValue,
+          setEditValues: setEditValues,
+          id: ACTIVE_INLINE_EDIT_ID,
+          executeFetch: executeFetch,
+          labelId: labelId
+        }))
+      };
+    case 'user':
+      const value = toValueType(defaultValue);
+      return {
+        defaultValue: (_value$atlassianUserI = value === null || value === void 0 ? void 0 : value.atlassianUserId) !== null && _value$atlassianUserI !== void 0 ? _value$atlassianUserI : '',
+        editView: ({
+          ...fieldProps
+        }) => /*#__PURE__*/React.createElement(UserEditType, _extends({}, fieldProps, {
+          currentValue: currentValue,
+          setEditValues: setEditValues,
+          id: ACTIVE_INLINE_EDIT_ID,
+          executeFetch: executeFetch,
+          labelId: labelId
+        }))
+      };
+  }
+  return {
+    defaultValue: '',
+    editView: () => /*#__PURE__*/React.createElement(React.Fragment, null)
+  };
+};

package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js

@@ -3,12 +3,13 @@ import React, { useEffect } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
 import Select from '@atlaskit/select/default';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { failUfoExperience } from '../../../../analytics/ufoExperiences/failUfoExperience';
+import { succeedUfoExperience } from '../../../../analytics/ufoExperiences/succeedUfoExperience';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';
+import { getCleanedSelectProps } from '../../get-cleaned-select-props';
 import { SharedIconComponent } from '../../shared-components/icon';
 import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
-import { getCleanedSelectProps } from '../../utils';
 const IconEditType = props => {
   var _currentValue$values;
   const {

package/dist/es2019/ui/issue-like-table/edit-type/index.js

@@ -1,89 +1,2 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import IconEditType from './icon';
-import StatusEditType from './status';
-import TextEditType from './text';
-import UserEditType from './user';
-
 // This is used in editor-card-plugin to identify if any type of inline edit is active.
-const ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
-export const editType = ({
-  defaultValue,
-  currentValue,
-  labelId,
-  setEditValues,
-  executeFetch
-}) => {
-  var _toValueType, _value$atlassianUserI;
-  switch (defaultValue.type) {
-    case 'string':
-      return {
-        defaultValue: (_toValueType = toValueType(defaultValue)) !== null && _toValueType !== void 0 ? _toValueType : '',
-        editView: ({
-          ...fieldProps
-        }) => /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
-          currentValue: currentValue,
-          setEditValues: setEditValues,
-          id: ACTIVE_INLINE_EDIT_ID,
-          labelId: labelId
-        }))
-      };
-    case 'icon':
-      return {
-        defaultValue: toValueType(defaultValue),
-        editView: ({
-          value,
-          ...fieldProps
-        }) => /*#__PURE__*/React.createElement(IconEditType, _extends({}, fieldProps, {
-          currentValue: currentValue,
-          setEditValues: setEditValues,
-          id: ACTIVE_INLINE_EDIT_ID,
-          executeFetch: executeFetch,
-          labelId: labelId
-        }))
-      };
-    case 'status':
-      return {
-        defaultValue: toValueType(defaultValue),
-        editView: ({
-          ...fieldProps
-        }) => /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
-          currentValue: currentValue,
-          setEditValues: setEditValues,
-          id: ACTIVE_INLINE_EDIT_ID,
-          executeFetch: executeFetch,
-          labelId: labelId
-        }))
-      };
-    case 'user':
-      const value = toValueType(defaultValue);
-      return {
-        defaultValue: (_value$atlassianUserI = value === null || value === void 0 ? void 0 : value.atlassianUserId) !== null && _value$atlassianUserI !== void 0 ? _value$atlassianUserI : '',
-        editView: ({
-          ...fieldProps
-        }) => /*#__PURE__*/React.createElement(UserEditType, _extends({}, fieldProps, {
-          currentValue: currentValue,
-          setEditValues: setEditValues,
-          id: ACTIVE_INLINE_EDIT_ID,
-          executeFetch: executeFetch,
-          labelId: labelId
-        }))
-      };
-  }
-  return {
-    defaultValue: '',
-    editView: () => /*#__PURE__*/React.createElement(React.Fragment, null)
-  };
-};
-export const isEditTypeSupported = type => {
-  const supportedEditType = ['string', 'status', 'icon', 'user'];
-  return supportedEditType.includes(type);
-};
-export const isEditTypeSelectable = type => {
-  const selectEditTypes = ['status', 'icon', 'user'];
-  return selectEditTypes.includes(type);
-};
-export const toValueType = typeWithValues => {
-  var _typeWithValues$value;
-  return (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0];
-};
+export const ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';

package/dist/es2019/ui/issue-like-table/edit-type/isEditTypeSelectable.js

@@ -0,0 +1,4 @@
+export const isEditTypeSelectable = type => {
+  const selectEditTypes = ['status', 'icon', 'user'];
+  return selectEditTypes.includes(type);
+};

package/dist/es2019/ui/issue-like-table/edit-type/isEditTypeSupported.js

@@ -0,0 +1,4 @@
+export const isEditTypeSupported = type => {
+  const supportedEditType = ['string', 'status', 'icon', 'user'];
+  return supportedEditType.includes(type);
+};

package/dist/es2019/ui/issue-like-table/edit-type/status/index.js

@@ -4,11 +4,12 @@ import { Layering } from '@atlaskit/layering/layering';
 import Lozenge from '@atlaskit/lozenge/lozenge';
 import Select from '@atlaskit/select/default';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { failUfoExperience } from '../../../../analytics/ufoExperiences/failUfoExperience';
+import { succeedUfoExperience } from '../../../../analytics/ufoExperiences/succeedUfoExperience';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';
+import { getCleanedSelectProps } from '../../get-cleaned-select-props';
 import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
-import { getCleanedSelectProps } from '../../utils';
 const StatusEditType = props => {
   var _currentValue$values;
   const {

package/dist/es2019/ui/issue-like-table/edit-type/text/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
 import Textfield from '@atlaskit/textfield/text-field';
-import { succeedUfoExperience } from '../../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { succeedUfoExperience } from '../../../../analytics/ufoExperiences/succeedUfoExperience';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id/use-datasource-experience-id';
 const TextEditType = props => {
   var _currentValue$values$, _currentValue$values;
   const experienceId = useDatasourceExperienceId();

package/dist/es2019/ui/issue-like-table/edit-type/toValueType.js

@@ -0,0 +1,4 @@
+export const toValueType = typeWithValues => {
+  var _typeWithValues$value;
+  return (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0];
+};

package/dist/es2019/ui/issue-like-table/edit-type/user/index.js

@@ -7,14 +7,15 @@ import AvatarItem from '@atlaskit/avatar/avatar-item';
 import { Layering } from '@atlaskit/layering/layering';
 import Select from '@atlaskit/select/default';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { failUfoExperience } from '../../../../analytics/ufoExperiences/failUfoExperience';
+import { succeedUfoExperience } from '../../../../analytics/ufoExperiences/succeedUfoExperience';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';
 import { SEARCH_DEBOUNCE_MS } from '../../../common/modal/popup-select/constants';
+import { getCleanedSelectProps } from '../../get-cleaned-select-props';
 import { USER_TYPE_TEST_ID } from '../../render-type/user';
 import { userTypeMessages } from '../../render-type/user/messages';
 import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
-import { getCleanedSelectProps } from '../../utils';
 const UserEditType = props => {
   var _currentValue$values;
   const {

package/dist/es2019/ui/issue-like-table/get-cleaned-select-props.js

@@ -0,0 +1,11 @@
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+export const getCleanedSelectProps = props => {
+  // Component Field auto adds `aria-labelledby` prop, which is deprecated and should not be used - https://hello.jira.atlassian.cloud/browse/ENGHEALTH-14529
+  const {
+    'aria-labelledby': removedLabelByProps,
+    ...selectProps
+  } = props;
+  return selectProps;
+};

package/dist/es2019/ui/issue-like-table/get-column-action.js

@@ -0,0 +1,17 @@
+import { DatasourceAction } from '../../analytics/types';
+
+/**
+ * This method should be called when one atomic action is performed on columns: adding new item, removing one item, changing items order.
+ * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
+ */
+export const getColumnAction = (oldVisibleColumnKeys, newVisibleColumnKeys) => {
+  const newColumnSize = newVisibleColumnKeys.length;
+  const oldColumnSize = oldVisibleColumnKeys.length;
+  if (newColumnSize > oldColumnSize) {
+    return DatasourceAction.COLUMN_ADDED;
+  } else if (newColumnSize < oldColumnSize) {
+    return DatasourceAction.COLUMN_REMOVED;
+  } else {
+    return DatasourceAction.COLUMN_REORDERED;
+  }
+};

package/dist/es2019/ui/issue-like-table/get-column-min-width.js

@@ -0,0 +1,12 @@
+import { COLUMN_BASE_WIDTH } from './utils';
+const COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
+const keyBasedMinWidthMap = {
+  summary: COLUMN_BASE_WIDTH * 26,
+  status: COLUMN_BASE_WIDTH * 12.5,
+  priority: COLUMN_BASE_WIDTH * 12.5,
+  // 100px
+  assignee: COLUMN_BASE_WIDTH * 12.5
+};
+export const getColumnMinWidth = key => {
+  return keyBasedMinWidthMap[key] || COLUMN_MIN_WIDTH;
+};

package/dist/es2019/ui/issue-like-table/get-field-label-by-id.js

@@ -0,0 +1,4 @@
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+export const getFieldLabelById = fieldId => `datasource-header-title-${fieldId}`;

package/dist/es2019/ui/issue-like-table/get-ordered-columns.js

@@ -0,0 +1,18 @@
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+const sortColumns = (firstOption, secondOption) => {
+  return firstOption.title.localeCompare(secondOption.title);
+};
+export const getOrderedColumns = (columns, visibleColumnKeys) => {
+  const visibleColumns = columns.filter(column => visibleColumnKeys.includes(column.key)).sort((a, b) => {
+    const indexB = visibleColumnKeys.indexOf(b.key);
+    const indexA = visibleColumnKeys.indexOf(a.key);
+    return indexA - indexB;
+  });
+  const alphabeticallySortedInvisibleColumns = columns.filter(column => !visibleColumnKeys.includes(column.key)).sort(sortColumns);
+  return [...visibleColumns, ...alphabeticallySortedInvisibleColumns];
+};