@atlaskit/link-datasource 1.6.2 → 1.7.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/link-datasource
 
+## 1.7.0
+
+### Minor Changes
+
+- [#40745](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40745) [`f1fb082c389`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f1fb082c389) - DatasourceRenderFailedAnalyticsWrapper is now being exported as lazy loaded component
+
+## 1.6.3
+
+### Patch Changes
+
+- [#41133](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41133) [`598eb394b7e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/598eb394b7e) - [ux] fix the order of columns is incorrect in column picker problem
+  [ux] Do not reorder columns when the column picker is open
+
 ## 1.6.2
 
 ### Patch Changes

package/dist/cjs/analytics/constants.js

@@ -7,5 +7,5 @@ exports.packageMetaData = exports.EVENT_CHANNEL = void 0;
 var EVENT_CHANNEL = exports.EVENT_CHANNEL = 'media';
 var packageMetaData = exports.packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.6.2"
+  packageVersion: "1.7.0"
 };

package/dist/cjs/analytics/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DatasourceRenderFailedAnalyticsWrapper = void 0;
 Object.defineProperty(exports, "EVENT_CHANNEL", {
   enumerable: true,
   get: function get() {
@@ -11,20 +10,8 @@ Object.defineProperty(exports, "EVENT_CHANNEL", {
   }
 });
 exports.useDatasourceAnalyticsEvents = void 0;
-var _react = require("react");
 var _constants = require("./constants");
-var _analyticsNext = require("@atlaskit/analytics-next");
 var _useAnalyticsEvents = require("./generated/use-analytics-events");
 var useDatasourceAnalyticsEvents = exports.useDatasourceAnalyticsEvents = function useDatasourceAnalyticsEvents() {
   return (0, _useAnalyticsEvents.useAnalyticsEvents)();
-};
-var DatasourceRenderFailedAnalyticsWrapper = exports.DatasourceRenderFailedAnalyticsWrapper = (0, _analyticsNext.withAnalyticsContext)(_constants.packageMetaData)(function (props) {
-  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
-  (0, _react.useEffect)(function () {
-    fireEvent('ui.datasource.renderFailure', {
-      reason: 'internal'
-    });
-  }, [fireEvent]);
-  return props.children;
-});
+};

package/dist/cjs/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _constants = require("../../constants");
+var _index = require("../../index");
+var DatasourceRenderFailedAnalyticsWrapper = (0, _analyticsNext.withAnalyticsContext)(_constants.packageMetaData)(function (props) {
+  var _useDatasourceAnalyti = (0, _index.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  (0, _react.useEffect)(function () {
+    fireEvent('operational.datasource.renderFailure', {
+      reason: 'internal'
+    });
+  }, [fireEvent]);
+  return props.children;
+});
+var _default = exports.default = DatasourceRenderFailedAnalyticsWrapper;

package/dist/cjs/analytics/wrappers/render-failed/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LazyLoadedDatasourceRenderFailedAnalyticsWrapper = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var LazyDatasourceRenderFailedAnalyticsWrapper = /*#__PURE__*/_react.default.lazy(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_linkdatasource-datasourceRenderFailedAnalyticsWrapper" */'./datasourceRenderFailedAnalyticsWrapper'));
+  });
+});
+var LazyLoadedDatasourceRenderFailedAnalyticsWrapper = exports.LazyLoadedDatasourceRenderFailedAnalyticsWrapper = function LazyLoadedDatasourceRenderFailedAnalyticsWrapper(props) {
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(LazyDatasourceRenderFailedAnalyticsWrapper, props));
+};

package/dist/cjs/index.js

@@ -17,12 +17,6 @@ Object.defineProperty(exports, "AssetsConfigModal", {
     return _assetsModal.default;
   }
 });
-Object.defineProperty(exports, "DatasourceRenderFailedAnalyticsWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _analytics.DatasourceRenderFailedAnalyticsWrapper;
-  }
-});
 Object.defineProperty(exports, "DatasourceTableView", {
   enumerable: true,
   get: function get() {
@@ -47,9 +41,15 @@ Object.defineProperty(exports, "JiraIssuesConfigModal", {
     return _jiraIssuesModal.default;
   }
 });
+Object.defineProperty(exports, "LazyLoadedDatasourceRenderFailedAnalyticsWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _renderFailed.LazyLoadedDatasourceRenderFailedAnalyticsWrapper;
+  }
+});
 var _jiraIssuesModal = _interopRequireWildcard(require("./ui/jira-issues-modal"));
 var _assetsModal = _interopRequireWildcard(require("./ui/assets-modal"));
 var _datasourceTableView = _interopRequireDefault(require("./ui/datasource-table-view"));
-var _analytics = require("./analytics");
+var _renderFailed = require("./analytics/wrappers/render-failed");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/cjs/ui/assets-modal/modal/index.js

@@ -234,7 +234,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.6.2",
+  packageVersion: "1.7.0",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/cjs/ui/issue-like-table/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IssueLikeDataTableView = exports.EmptyState = void 0;
+exports.orderColumns = exports.IssueLikeDataTableView = exports.EmptyState = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -72,22 +72,18 @@ function extractIndex(data) {
   (0, _tinyInvariant.default)(typeof index === 'number');
   return index;
 }
-var orderColumns = function orderColumns(columns, visibleColumnKeys) {
-  // newColumnKeyOrder contains keys of selected (visible columns only).
-  // In order to sort all the columns we need to insert unselected ones into this list
-  // We put them into their absolution position as it was in unchanged (before column move) order.
-  columns.forEach(function (_ref, index) {
-    var key = _ref.key;
-    if (!visibleColumnKeys.includes(key)) {
-      visibleColumnKeys.splice(index, 0, key);
-    }
-  });
-  columns.sort(function (a, b) {
+var orderColumns = exports.orderColumns = function orderColumns(columns, visibleColumnKeys) {
+  var visibleColumns = columns.filter(function (column) {
+    return visibleColumnKeys.includes(column.key);
+  }).sort(function (a, b) {
     var indexB = visibleColumnKeys.indexOf(b.key);
     var indexA = visibleColumnKeys.indexOf(a.key);
     return indexA - indexB;
   });
-  return (0, _toConsumableArray2.default)(columns);
+  var invisibleColumns = columns.filter(function (column) {
+    return !visibleColumnKeys.includes(column.key);
+  });
+  return [].concat((0, _toConsumableArray2.default)(visibleColumns), (0, _toConsumableArray2.default)(invisibleColumns));
 };
 var BASE_WIDTH = 8;
 function getColumnWidth(key, type) {
@@ -112,21 +108,21 @@ function getColumnWidth(key, type) {
       return undefined;
   }
 }
-var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
-  var testId = _ref2.testId,
-    onNextPage = _ref2.onNextPage,
-    onLoadDatasourceDetails = _ref2.onLoadDatasourceDetails,
-    items = _ref2.items,
-    columns = _ref2.columns,
-    _ref2$renderItem = _ref2.renderItem,
-    renderItem = _ref2$renderItem === void 0 ? _renderType.fallbackRenderType : _ref2$renderItem,
-    visibleColumnKeys = _ref2.visibleColumnKeys,
-    onVisibleColumnKeysChange = _ref2.onVisibleColumnKeysChange,
-    status = _ref2.status,
-    hasNextPage = _ref2.hasNextPage,
-    scrollableContainerHeight = _ref2.scrollableContainerHeight,
-    parentContainerRenderInstanceId = _ref2.parentContainerRenderInstanceId,
-    extensionKey = _ref2.extensionKey;
+var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
+  var testId = _ref.testId,
+    onNextPage = _ref.onNextPage,
+    onLoadDatasourceDetails = _ref.onLoadDatasourceDetails,
+    items = _ref.items,
+    columns = _ref.columns,
+    _ref$renderItem = _ref.renderItem,
+    renderItem = _ref$renderItem === void 0 ? _renderType.fallbackRenderType : _ref$renderItem,
+    visibleColumnKeys = _ref.visibleColumnKeys,
+    onVisibleColumnKeysChange = _ref.onVisibleColumnKeysChange,
+    status = _ref.status,
+    hasNextPage = _ref.hasNextPage,
+    scrollableContainerHeight = _ref.scrollableContainerHeight,
+    parentContainerRenderInstanceId = _ref.parentContainerRenderInstanceId,
+    extensionKey = _ref.extensionKey;
   var tableId = (0, _react.useMemo)(function () {
     return Symbol('unique-id');
   }, []);
@@ -147,8 +143,10 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     orderedColumns = _useState6[0],
     setOrderedColumns = _useState6[1];
   (0, _react.useEffect)(function () {
-    setOrderedColumns(orderColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(visibleColumnKeys)));
-  }, [columns, visibleColumnKeys]);
+    if (!hasFullSchema) {
+      setOrderedColumns(orderColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(visibleColumnKeys)));
+    }
+  }, [columns, visibleColumnKeys, hasFullSchema]);
   (0, _react.useEffect)(function () {
     if (parentContainerRenderInstanceId && status === 'resolved') {
       (0, _ufoExperiences.succeedUfoExperience)({
@@ -158,8 +156,8 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
   }, [parentContainerRenderInstanceId, status]);
   var visibleSortedColumns = (0, _react.useMemo)(function () {
     return visibleColumnKeys.map(function (visibleKey) {
-      return orderedColumns.find(function (_ref3) {
-        var key = _ref3.key;
+      return orderedColumns.find(function (_ref2) {
+        var key = _ref2.key;
         return visibleKey === key;
       });
     }).filter(Boolean);
@@ -173,8 +171,8 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
   var loadingRow = (0, _react.useMemo)(function () {
     return {
       key: 'loading',
-      cells: visibleSortedColumns.map(function (_ref4) {
-        var key = _ref4.key;
+      cells: visibleSortedColumns.map(function (_ref3) {
+        var key = _ref3.key;
         var content = (0, _react2.jsx)(_linkingCommon.Skeleton, {
           borderRadius: "var(--ds-border-radius-100, 3px)",
           width: '100%',
@@ -188,10 +186,10 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     };
   }, [visibleSortedColumns]);
   var headColumns = (0, _react.useMemo)(function () {
-    return visibleSortedColumns.map(function (_ref5) {
-      var key = _ref5.key,
-        title = _ref5.title,
-        type = _ref5.type;
+    return visibleSortedColumns.map(function (_ref4) {
+      var key = _ref4.key,
+        title = _ref4.title,
+        type = _ref4.type;
       return {
         key: key,
         content: title,
@@ -218,9 +216,9 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
       return;
     }
     return (0, _combine.combine)((0, _element.monitorForElements)({
-      onDragStart: function onDragStart(_ref6) {
+      onDragStart: function onDragStart(_ref5) {
         var _containerRef$current;
-        var location = _ref6.location;
+        var location = _ref5.location;
         initialAutoScrollerClientY.current = location.current.input.clientY;
         _pragmaticDragAndDropReactBeautifulDndAutoscroll.autoScroller.start({
           input: _objectSpread(_objectSpread({}, location.current.input), {}, {
@@ -233,18 +231,18 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
           behavior: 'container-only'
         });
       },
-      onDrag: function onDrag(_ref7) {
+      onDrag: function onDrag(_ref6) {
         var _containerRef$current2;
-        var location = _ref7.location;
+        var location = _ref6.location;
         _pragmaticDragAndDropReactBeautifulDndAutoscroll.autoScroller.updateInput({
           input: _objectSpread(_objectSpread({}, location.current.input), {}, {
             clientY: (initialAutoScrollerClientY.current || 0) + (((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetHeight) || 0) / 2
           })
         });
       },
-      onDrop: function onDrop(_ref8) {
-        var source = _ref8.source,
-          location = _ref8.location;
+      onDrop: function onDrop(_ref7) {
+        var source = _ref7.source,
+          location = _ref7.location;
         _pragmaticDragAndDropReactBeautifulDndAutoscroll.autoScroller.stop();
         if (location.current.dropTargets.length === 0) {
           return;
@@ -279,10 +277,10 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     return items.map(function (newRowData, rowIndex) {
       return {
         key: "".concat(identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].data || rowIndex),
-        cells: visibleSortedColumns.map(function (_ref9) {
+        cells: visibleSortedColumns.map(function (_ref8) {
           var _newRowData$key;
-          var key = _ref9.key,
-            type = _ref9.type;
+          var key = _ref8.key,
+            type = _ref8.type;
           var value = ((_newRowData$key = newRowData[key]) === null || _newRowData$key === void 0 ? void 0 : _newRowData$key.data) || newRowData[key];
           var values = Array.isArray(value) ? value : [value];
           var content = values.map(function (value) {
@@ -356,10 +354,10 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
   }, (0, _react2.jsx)("thead", {
     "data-testid": testId && "".concat(testId, "--head"),
     css: [noDefaultBorderStyles, tableHeadStyles]
-  }, (0, _react2.jsx)("tr", null, headColumns.map(function (_ref11, cellIndex) {
-    var key = _ref11.key,
-      content = _ref11.content,
-      maxWidth = _ref11.maxWidth;
+  }, (0, _react2.jsx)("tr", null, headColumns.map(function (_ref10, cellIndex) {
+    var key = _ref10.key,
+      content = _ref10.content,
+      maxWidth = _ref10.maxWidth;
     var heading = (0, _react2.jsx)(_tooltip.default, {
       content: content,
       tag: "span",
@@ -370,10 +368,10 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     }, content));
     if (onVisibleColumnKeysChange && hasData) {
       var _containerRef$current3;
-      var previewRows = tableRows.map(function (_ref12) {
-        var cells = _ref12.cells;
-        var cell = cells.find(function (_ref13) {
-          var cellKey = _ref13.key;
+      var previewRows = tableRows.map(function (_ref11) {
+        var cells = _ref11.cells;
+        var cell = cells.find(function (_ref12) {
+          var cellKey = _ref12.key;
           return cellKey === key;
         });
         if (cell) {
@@ -411,18 +409,18 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
   })))), (0, _react2.jsx)("tbody", {
     css: noDefaultBorderStyles,
     "data-testid": testId && "".concat(testId, "--body")
-  }, rows.map(function (_ref14) {
-    var key = _ref14.key,
-      cells = _ref14.cells,
-      ref = _ref14.ref;
+  }, rows.map(function (_ref13) {
+    var key = _ref13.key,
+      cells = _ref13.cells,
+      ref = _ref13.ref;
     return (0, _react2.jsx)("tr", {
       key: key,
       "data-testid": testId && "".concat(testId, "--row-").concat(key),
       ref: ref
-    }, cells.map(function (_ref15, cellIndex) {
-      var cellKey = _ref15.key,
-        content = _ref15.content,
-        maxWidth = _ref15.maxWidth;
+    }, cells.map(function (_ref14, cellIndex) {
+      var cellKey = _ref14.key,
+        content = _ref14.content,
+        maxWidth = _ref14.maxWidth;
       return (0, _react2.jsx)("td", {
         key: cellKey,
         "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),

package/dist/es2019/analytics/constants.js

@@ -1,5 +1,5 @@
 export const EVENT_CHANNEL = 'media';
 export const packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.6.2"
+  packageVersion: "1.7.0"
 };

package/dist/es2019/analytics/index.js

@@ -1,17 +1,3 @@
-import { useEffect } from 'react';
 export { EVENT_CHANNEL } from './constants';
-import { withAnalyticsContext } from '@atlaskit/analytics-next';
-import { packageMetaData } from './constants';
 import { useAnalyticsEvents } from './generated/use-analytics-events';
-export const useDatasourceAnalyticsEvents = () => useAnalyticsEvents();
-export const DatasourceRenderFailedAnalyticsWrapper = withAnalyticsContext(packageMetaData)(props => {
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  useEffect(() => {
-    fireEvent('ui.datasource.renderFailure', {
-      reason: 'internal'
-    });
-  }, [fireEvent]);
-  return props.children;
-});
+export const useDatasourceAnalyticsEvents = () => useAnalyticsEvents();

package/dist/es2019/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { packageMetaData } from '../../constants';
+import { useDatasourceAnalyticsEvents } from '../../index';
+const DatasourceRenderFailedAnalyticsWrapper = withAnalyticsContext(packageMetaData)(props => {
+  const {
+    fireEvent
+  } = useDatasourceAnalyticsEvents();
+  useEffect(() => {
+    fireEvent('operational.datasource.renderFailure', {
+      reason: 'internal'
+    });
+  }, [fireEvent]);
+  return props.children;
+});
+export default DatasourceRenderFailedAnalyticsWrapper;

package/dist/es2019/analytics/wrappers/render-failed/index.js

@@ -0,0 +1,5 @@
+import React, { Suspense } from 'react';
+const LazyDatasourceRenderFailedAnalyticsWrapper = /*#__PURE__*/React.lazy(() => import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-datasourceRenderFailedAnalyticsWrapper" */'./datasourceRenderFailedAnalyticsWrapper'));
+export const LazyLoadedDatasourceRenderFailedAnalyticsWrapper = props => /*#__PURE__*/React.createElement(Suspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(LazyDatasourceRenderFailedAnalyticsWrapper, props));

package/dist/es2019/index.js

@@ -4,4 +4,4 @@ export { default as DatasourceTableView } from './ui/datasource-table-view';
 export { default as JSMAssetsConfigModal } from './ui/assets-modal';
 export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
 export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';
-export { DatasourceRenderFailedAnalyticsWrapper } from './analytics';
+export { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from './analytics/wrappers/render-failed';

package/dist/es2019/ui/assets-modal/modal/index.js

@@ -194,7 +194,7 @@ const analyticsContextAttributes = {
 };
 const analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.6.2",
+  packageVersion: "1.7.0",
   source: 'datasourceConfigModal'
 };
 const contextData = {

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

@@ -73,23 +73,14 @@ function extractIndex(data) {
   invariant(typeof index === 'number');
   return index;
 }
-const orderColumns = (columns, visibleColumnKeys) => {
-  // newColumnKeyOrder contains keys of selected (visible columns only).
-  // In order to sort all the columns we need to insert unselected ones into this list
-  // We put them into their absolution position as it was in unchanged (before column move) order.
-  columns.forEach(({
-    key
-  }, index) => {
-    if (!visibleColumnKeys.includes(key)) {
-      visibleColumnKeys.splice(index, 0, key);
-    }
-  });
-  columns.sort((a, b) => {
+export const orderColumns = (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;
   });
-  return [...columns];
+  const invisibleColumns = columns.filter(column => !visibleColumnKeys.includes(column.key));
+  return [...visibleColumns, ...invisibleColumns];
 };
 const BASE_WIDTH = 8;
 function getColumnWidth(key, type) {
@@ -136,8 +127,10 @@ export const IssueLikeDataTableView = ({
   const containerRef = useRef(null);
   const [orderedColumns, setOrderedColumns] = useState(() => orderColumns([...columns], [...visibleColumnKeys]));
   useEffect(() => {
-    setOrderedColumns(orderColumns([...columns], [...visibleColumnKeys]));
-  }, [columns, visibleColumnKeys]);
+    if (!hasFullSchema) {
+      setOrderedColumns(orderColumns([...columns], [...visibleColumnKeys]));
+    }
+  }, [columns, visibleColumnKeys, hasFullSchema]);
   useEffect(() => {
     if (parentContainerRenderInstanceId && status === 'resolved') {
       succeedUfoExperience({

package/dist/esm/analytics/constants.js

@@ -1,5 +1,5 @@
 export var EVENT_CHANNEL = 'media';
 export var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.6.2"
+  packageVersion: "1.7.0"
 };

package/dist/esm/analytics/index.js

@@ -1,18 +1,5 @@
-import { useEffect } from 'react';
 export { EVENT_CHANNEL } from './constants';
-import { withAnalyticsContext } from '@atlaskit/analytics-next';
-import { packageMetaData } from './constants';
 import { useAnalyticsEvents } from './generated/use-analytics-events';
 export var useDatasourceAnalyticsEvents = function useDatasourceAnalyticsEvents() {
   return useAnalyticsEvents();
-};
-export var DatasourceRenderFailedAnalyticsWrapper = withAnalyticsContext(packageMetaData)(function (props) {
-  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
-  useEffect(function () {
-    fireEvent('ui.datasource.renderFailure', {
-      reason: 'internal'
-    });
-  }, [fireEvent]);
-  return props.children;
-});
+};

package/dist/esm/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { packageMetaData } from '../../constants';
+import { useDatasourceAnalyticsEvents } from '../../index';
+var DatasourceRenderFailedAnalyticsWrapper = withAnalyticsContext(packageMetaData)(function (props) {
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  useEffect(function () {
+    fireEvent('operational.datasource.renderFailure', {
+      reason: 'internal'
+    });
+  }, [fireEvent]);
+  return props.children;
+});
+export default DatasourceRenderFailedAnalyticsWrapper;

package/dist/esm/analytics/wrappers/render-failed/index.js

@@ -0,0 +1,9 @@
+import React, { Suspense } from 'react';
+var LazyDatasourceRenderFailedAnalyticsWrapper = /*#__PURE__*/React.lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-datasourceRenderFailedAnalyticsWrapper" */'./datasourceRenderFailedAnalyticsWrapper');
+});
+export var LazyLoadedDatasourceRenderFailedAnalyticsWrapper = function LazyLoadedDatasourceRenderFailedAnalyticsWrapper(props) {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(LazyDatasourceRenderFailedAnalyticsWrapper, props));
+};

package/dist/esm/index.js

@@ -4,4 +4,4 @@ export { default as DatasourceTableView } from './ui/datasource-table-view';
 export { default as JSMAssetsConfigModal } from './ui/assets-modal';
 export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
 export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';
-export { DatasourceRenderFailedAnalyticsWrapper } from './analytics';
+export { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from './analytics/wrappers/render-failed';

package/dist/esm/ui/assets-modal/modal/index.js

@@ -225,7 +225,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.6.2",
+  packageVersion: "1.7.0",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {