@atlaskit/link-datasource 2.3.0 → 2.3.2

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

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _styled$th, _styled$td;
+var _styled$td;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -11,6 +11,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import styled from '@emotion/styled';
+import debounce from 'lodash/debounce';
 import { useIntl } from 'react-intl-next';
 import invariant from 'tiny-invariant';
 import { Skeleton } from '@atlaskit/linking-common';
@@ -22,6 +23,7 @@ import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/ad
 import { N40 } from '@atlaskit/theme/colors';
 import { fontFallback } from '@atlaskit/theme/typography';
 import Tooltip from '@atlaskit/tooltip';
+import { WidthObserver } from '@atlaskit/width-detector';
 import { startUfoExperience, succeedUfoExperience } from '../../analytics/ufoExperiences';
 import { stickyTableHeadersIndex } from '../../common/zindex';
 import { ColumnPicker } from './column-picker';
@@ -44,27 +46,30 @@ var truncateTextStyles = css({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
-var ColumnPickerHeader = styled.th((_styled$th = {}, _defineProperty(_styled$th, "".concat(withTablePluginHeaderPrefix()), {
-  boxSizing: 'content-box',
+var columnPickerWidth = 80;
+var ColumnPickerHeader = styled.th(_defineProperty({}, "".concat(withTablePluginHeaderPrefix('&:last-of-type')), {
+  boxSizing: 'border-box',
   border: 0,
-  width: '56px',
+  width: "".concat(columnPickerWidth, "px"),
   zIndex: 10,
   position: 'sticky',
   right: "calc(-1 * ".concat(tableSidePadding, ")"),
   backgroundColor: "var(--ds-elevation-surface-current, #FFF)",
+  /* It is required to have solid (not half-transparent) color because of this gradient business below */
   borderBottom: "2px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  paddingRight: "var(--ds-space-100, 4px)",
+  paddingRight: tableSidePadding,
   background: "linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, ".concat("var(--ds-elevation-surface-current, #FFF)", " 10% )"),
+  /* Keeps dropdown button in the middle */
   verticalAlign: 'middle',
+  /* In case when TH itself is bigger we want to keep picker at the right side */
   textAlign: 'right'
-}), _defineProperty(_styled$th, "".concat(withTablePluginHeaderPrefix('&:last-of-type')), {
-  paddingRight: tableSidePadding
-}), _styled$th));
+}));
 var truncateStyles = css({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
 var TableCell = styled.td((_styled$td = {}, _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix()), {
+  /* First section here is to override things editor table plugin css defines */
   font: fieldTextFontSize,
   padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
   border: 0,
@@ -85,7 +90,8 @@ var TableCell = styled.td((_styled$td = {}, _defineProperty(_styled$td, "".conca
 var tableContainerStyles = css({
   borderRadius: 'inherit',
   borderBottomLeftRadius: 0,
-  borderBottomRightRadius: 0
+  borderBottomRightRadius: 0,
+  position: 'relative'
 });
 
 /**
@@ -182,7 +188,10 @@ var tableStyles = css({
   // These styles are needed to prevent thead bottom border from scrolling away.
   // This happens because it is sticky. https://stackoverflow.com/questions/50361698/border-style-do-not-work-with-sticky-position-element
   borderCollapse: 'separate',
-  borderSpacing: 0
+  borderSpacing: 0,
+  // There is a strange table:first-of-type rule that sets margin-top to 0 coming from container,
+  // but because our table is now not the first child (there is an empty div to measure width) we need to set it manually.
+  margin: 0
 });
 
 // By default tbody and thead have border-bottom: 2px ...
@@ -294,6 +303,19 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     _useState6 = _slicedToArray(_useState5, 2),
     orderedColumns = _useState6[0],
     setOrderedColumns = _useState6[1];
+
+  // Table container width is used to know if sum of all column widths is bigger of container or not.
+  // When sum of all columns is less than container size we make last column stretchable (width: undefined)
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    tableContainerWidth = _useState8[0],
+    setTableContainerWidth = _useState8[1];
+  useEffect(function () {
+    var current = containerRef.current;
+    if (containerRef && current) {
+      setTableContainerWidth(current.getBoundingClientRect().width);
+    }
+  }, [containerRef]);
   useEffect(function () {
     if (!hasFullSchema) {
       setOrderedColumns(getOrderedColumns(_toConsumableArray(columns), _toConsumableArray(visibleColumnKeys)));
@@ -320,19 +342,33 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
   // or some other combination.
 
   var identityColumnKey = 'id';
-  var getColumnWidth = useCallback(function (key, type) {
-    return (columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key]) || getDefaultColumnWidth(key, type);
-  }, [columnCustomSizes]);
-  var headerColumns = useMemo(function () {
+  var columnsWidthsSum = useMemo(function () {
     return visibleSortedColumns.map(function (_ref7) {
       var key = _ref7.key,
-        title = _ref7.title,
         type = _ref7.type;
+      return (columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key]) || getDefaultColumnWidth(key, type);
+    }).reduce(function (sum, width) {
+      return width + sum;
+    }, 0) + (onVisibleColumnKeysChange ? columnPickerWidth : 0);
+  }, [columnCustomSizes, onVisibleColumnKeysChange, visibleSortedColumns]);
+  var shouldUseWidth = !!(onColumnResize || columnCustomSizes);
+  var getColumnWidth = useCallback(function (key, type, isLastCell) {
+    if (isLastCell && shouldUseWidth && (!tableContainerWidth || tableContainerWidth > columnsWidthsSum)) {
+      return undefined;
+    } else {
+      return (columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key]) || getDefaultColumnWidth(key, type);
+    }
+  }, [columnCustomSizes, columnsWidthsSum, shouldUseWidth, tableContainerWidth]);
+  var headerColumns = useMemo(function () {
+    return visibleSortedColumns.map(function (_ref8, index) {
+      var key = _ref8.key,
+        title = _ref8.title,
+        type = _ref8.type;
       return {
         key: key,
         content: title,
         shouldTruncate: true,
-        width: getColumnWidth(key, type)
+        width: getColumnWidth(key, type, index === visibleSortedColumns.length - 1)
       };
     });
   }, [getColumnWidth, visibleSortedColumns]);
@@ -369,9 +405,9 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
       return;
     }
     return combine(monitorForElements({
-      onDragStart: function onDragStart(_ref8) {
-        var location = _ref8.location,
-          source = _ref8.source;
+      onDragStart: function onDragStart(_ref9) {
+        var location = _ref9.location,
+          source = _ref9.source;
         initialAutoScrollerClientY.current = location.current.input.clientY;
         if (source.data.type === 'table-header') {
           var _containerRef$current;
@@ -387,9 +423,9 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
           });
         }
       },
-      onDrag: function onDrag(_ref9) {
-        var location = _ref9.location,
-          source = _ref9.source;
+      onDrag: function onDrag(_ref10) {
+        var location = _ref10.location,
+          source = _ref10.source;
         if (source.data.type === 'table-header') {
           var _containerRef$current2;
           autoScroller.updateInput({
@@ -399,9 +435,9 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
           });
         }
       },
-      onDrop: function onDrop(_ref10) {
-        var source = _ref10.source,
-          location = _ref10.location;
+      onDrop: function onDrop(_ref11) {
+        var source = _ref11.source,
+          location = _ref11.location;
         autoScroller.stop();
         if (location.current.dropTargets.length === 0) {
           return;
@@ -436,10 +472,10 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     return items.map(function (newRowData, rowIndex) {
       return {
         key: "".concat(identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].data || rowIndex),
-        cells: visibleSortedColumns.map(function (_ref11) {
+        cells: visibleSortedColumns.map(function (_ref12, cellIndex) {
           var _newRowData$key;
-          var key = _ref11.key,
-            type = _ref11.type;
+          var key = _ref12.key,
+            type = _ref12.type;
           // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
           var value = (_newRowData$key = newRowData[key]) === null || _newRowData$key === void 0 ? void 0 : _newRowData$key.data;
           var values = Array.isArray(value) ? value : [value];
@@ -463,7 +499,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
           return {
             key: key,
             content: contentComponent,
-            width: getColumnWidth(key, type)
+            width: getColumnWidth(key, type, cellIndex === visibleSortedColumns.length - 1)
           };
         }),
         ref: rowIndex === items.length - 1 ? function (el) {
@@ -529,7 +565,6 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
       }
     }, _callee, null, [[3, 9]]);
   })), [parentContainerRenderInstanceId, extensionKey, hasFullSchema, onLoadDatasourceDetails]);
-  var shouldUseWidth = !!(onColumnResize || columnCustomSizes);
   var isEditable = onVisibleColumnKeysChange && hasData;
   return jsx("div", {
     /* There is required contentEditable={true} in editor-card-plugin
@@ -541,8 +576,11 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     css: [tableContainerStyles, scrollableContainerHeight && scrollableContainerStyles],
     style: scrollableContainerHeight ? {
       maxHeight: "".concat(scrollableContainerHeight, "px")
-    } : undefined
-  }, jsx(Table, {
+    } : undefined,
+    "data-testid": 'issue-like-table-container'
+  }, jsx(WidthObserver, {
+    setWidth: debounce(setTableContainerWidth, 100)
+  }), jsx(Table, {
     css: tableStyles,
     "data-testid": testId,
     style: shouldUseWidth ? {
@@ -554,10 +592,10 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     className: !!onVisibleColumnKeysChange ? 'has-column-picker' : ''
   }, jsx("tr", {
     ref: tableHeaderRowRef
-  }, headerColumns.map(function (_ref13, cellIndex) {
-    var key = _ref13.key,
-      content = _ref13.content,
-      width = _ref13.width;
+  }, headerColumns.map(function (_ref14, cellIndex) {
+    var key = _ref14.key,
+      content = _ref14.content,
+      width = _ref14.width;
     var heading = jsx(Tooltip, {
       content: content,
       tag: "span",
@@ -574,10 +612,10 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     }
     if (isEditable) {
       var _containerRef$current3;
-      var previewRows = tableRows.map(function (_ref14) {
-        var cells = _ref14.cells;
-        var cell = cells.find(function (_ref15) {
-          var cellKey = _ref15.key;
+      var previewRows = tableRows.map(function (_ref15) {
+        var cells = _ref15.cells;
+        var cell = cells.find(function (_ref16) {
+          var cellKey = _ref16.key;
           return cellKey === key;
         });
         if (cell) {
@@ -619,18 +657,18 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
   })))), jsx("tbody", {
     css: noDefaultBorderStyles,
     "data-testid": testId && "".concat(testId, "--body")
-  }, rows.map(function (_ref16) {
-    var key = _ref16.key,
-      cells = _ref16.cells,
-      ref = _ref16.ref;
+  }, rows.map(function (_ref17) {
+    var key = _ref17.key,
+      cells = _ref17.cells,
+      ref = _ref17.ref;
     return jsx("tr", {
       key: key,
       "data-testid": testId && "".concat(testId, "--row-").concat(key),
       ref: ref
-    }, cells.map(function (_ref17, cellIndex) {
-      var cellKey = _ref17.key,
-        content = _ref17.content,
-        width = _ref17.width;
+    }, cells.map(function (_ref18, cellIndex) {
+      var cellKey = _ref18.key,
+        content = _ref18.content,
+        width = _ref18.width;
       var isLastCell = cellIndex === cells.length - 1;
       var loadingRowStyle = getWidthCss({
         shouldUseWidth: shouldUseWidth,

package/dist/esm/ui/issue-like-table/render-type/richtext/index.js

@@ -8,8 +8,7 @@ import { css, jsx } from '@emotion/react';
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
 var rootStyles = css({
-  position: 'relative',
-  display: 'block'
+  position: 'relative'
 });
 var smartLinkNodeToUrl = function smartLinkNodeToUrl(node) {
   var _node$attrs$url;
@@ -46,7 +45,7 @@ var RichTextType = function RichTextType(_ref) {
     return parseRichText(value);
   }, [value]);
   if (adfPlainText) {
-    return jsx("div", {
+    return jsx("span", {
       css: rootStyles,
       "data-testid": "richtext-plaintext"
     }, adfPlainText);

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

@@ -26,11 +26,19 @@ export var withTablePluginBodyPrefix = withTablePluginPrefix.bind(null, 'tbody')
 export var TableHeading = styled.th((_styled$th = {}, _defineProperty(_styled$th, "".concat(withTablePluginHeaderPrefix()), {
   border: 0,
   position: 'relative',
+  /* This makes resizing work with out jumping due to padding + changes overall width for same default values. */
   boxSizing: 'border-box',
   lineHeight: lineHeight,
   padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
   borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
   borderBottom: "2px solid ".concat("var(--ds-border, ".concat(N40, ")")),
+  /*
+    lineHeight * 2 -> Max height of two lined header
+    verticalPadding * 2 -> padding for this component itself
+    verticalPadding * 2 -> padding inside span (--container)
+    2px -> Bottom border
+    Last two terms are needed because of border-box box sizing.
+  */
   height: "calc(".concat(lineHeight, " * 2 + ").concat(verticalPadding, " * 4 + 2px)"),
   verticalAlign: 'bottom',
   backgroundColor: "var(--ds-elevation-surface-current, #FFF)"
@@ -42,6 +50,9 @@ export var TableHeading = styled.th((_styled$th = {}, _defineProperty(_styled$th
   borderRight: 0
 }), _defineProperty(_styled$th, "& [data-testid='datasource-header-content--container']", {
   width: '100%',
+  /* With Button now being a parent for this component it adds its lineHeight value and spoils
+    `height` calculation above. */
+  lineHeight: lineHeight,
   padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
   display: '-webkit-box',
   WebkitLineClamp: 2,

package/dist/esm/ui/issue-like-table/utils.js

@@ -8,16 +8,23 @@ export var COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 3;
  * or rather default width that should be treated as a maximum width. When table inserted initially
  * and no user custom width defined we set this value to `false`. As soon as user changes any of the
  * column widths we treat all width as custom hardcoded widths.
- * @param width
+ * @param width Sometimes set to undefined for last column to make it occupy remainder of the table width
  */
 export var getWidthCss = function getWidthCss(_ref) {
   var shouldUseWidth = _ref.shouldUseWidth,
     width = _ref.width;
-  return shouldUseWidth ? {
-    width: width
-  } : {
-    maxWidth: width
-  };
+  if (!width) {
+    return {};
+  }
+  if (shouldUseWidth) {
+    return {
+      width: width
+    };
+  } else {
+    return {
+      maxWidth: width
+    };
+  }
 };
 
 /**

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

@@ -270,7 +270,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     // During insertion, we want the JQL of the datasource to be whatever is in the search bar,
     // even if the user didn't previously click search
     var upToDateJql = searchBarJql !== null && searchBarJql !== void 0 ? searchBarJql : jql;
-    var upToDateJqlUrl = selectedJiraSite && jql && "".concat(selectedJiraSite.url, "/issues/?jql=").concat(getBooleanFF('platform.linking-platform.datasource.enable-stricter-jql-encoding') ? encodeURIComponent(upToDateJql) : encodeURI(upToDateJql));
+    var upToDateJqlUrl = selectedJiraSite && jql && "".concat(selectedJiraSite.url, "/issues/?jql=").concat(encodeURIComponent(upToDateJql));
     var filterSelectionCount = availableBasicFilterTypes.reduce(function (current, filter) {
       var _basicFilterSelection;
       return _objectSpread(_objectSpread({}, current), {}, _defineProperty({}, "".concat(filter, "BasicFilterSelectionCount"), ((_basicFilterSelection = basicFilterSelectionsSearchedWith.current[filter]) === null || _basicFilterSelection === void 0 ? void 0 : _basicFilterSelection.length) || 0));
@@ -395,7 +395,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
       if (responseItems.length === 1 && retrieveUrlForSmartCardRender()) {
         url = retrieveUrlForSmartCardRender();
       } else {
-        url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(getBooleanFF('platform.linking-platform.datasource.enable-stricter-jql-encoding') ? encodeURIComponent(jql) : encodeURI(jql));
+        url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURIComponent(jql));
       }
       return jsx(SmartLink, {
         url: url

package/dist/types/common/utils/adf.d.ts

@@ -1,2 +1,2 @@
-import { Datasource, DatasourceAdf } from '@atlaskit/linking-common/types';
+import { type Datasource, type DatasourceAdf } from '@atlaskit/linking-common/types';
 export declare const buildDatasourceAdf: <P extends Record<string, unknown>>(datasource: Datasource<P>, url?: string) => DatasourceAdf<P>;

package/dist/types/hooks/useDatasourceTableState.d.ts

@@ -1,4 +1,4 @@
-import { DatasourceDataResponseItem, DatasourceMeta, DatasourceParameters, DatasourceResponseSchemaProperty, DatasourceTableStatusType } from '@atlaskit/linking-types';
+import { type DatasourceDataResponseItem, type DatasourceMeta, type DatasourceParameters, type DatasourceResponseSchemaProperty, type DatasourceTableStatusType } from '@atlaskit/linking-types';
 export interface onNextPageProps {
     isSchemaFromData?: boolean;
     shouldRequestFirstPage?: boolean;

package/dist/types/ui/datasource-table-view/datasourceTableView.d.ts

@@ -2,6 +2,5 @@
 export declare const DatasourceTableView: import("react").ForwardRefExoticComponent<{
     datasourceId: string;
     parameters: object;
-    fields?: string[] | undefined;
     url?: string | undefined;
 } & Partial<Pick<import("../issue-like-table/types").IssueLikeDataTableViewProps, "visibleColumnKeys" | "wrappedColumnKeys" | "columnCustomSizes" | "onVisibleColumnKeysChange" | "onColumnResize" | "onWrappedColumnChange">> & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

package/dist/types/ui/datasource-table-view/types.d.ts

@@ -1,10 +1,9 @@
-import { IssueLikeDataTableViewProps } from '../issue-like-table/types';
+import { type IssueLikeDataTableViewProps } from '../issue-like-table/types';
 export type DatasourceTableViewProps = {
     /** Unique identifier for which type of datasource is being rendered and for making its requests */
     datasourceId: string;
     /** Parameters for making the data requests necessary to render data within the table */
     parameters: object;
-    fields?: string[];
     /** Url for an existing datasource, initially used for displaying to a user unauthorized to query that site  */
     url?: string;
 } & Partial<Pick<IssueLikeDataTableViewProps, 'visibleColumnKeys' | 'onVisibleColumnKeysChange' | 'wrappedColumnKeys' | 'onWrappedColumnChange' | 'onColumnResize' | 'columnCustomSizes'>>;

package/dist/types/ui/issue-like-table/draggable-table-heading.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface DraggableTableHeadingProps {
     children: ReactNode;
@@ -8,7 +8,7 @@ interface DraggableTableHeadingProps {
     tableId: symbol;
     dndPreviewHeight: number;
     dragPreview: React.ReactNode;
-    width: number;
+    width?: number;
     onWidthChange?: (width: number) => void;
     isWrapped?: boolean;
     onIsWrappedChange?: (shouldWrap: boolean) => void;

package/dist/types/ui/issue-like-table/index.d.ts

@@ -17,7 +17,7 @@ export interface RowType {
 }
 export interface RowCellType {
     key: string;
-    width: number;
+    width?: number;
     shouldTruncate?: boolean;
     content?: React.ReactNode | string;
 }

package/dist/types/ui/issue-like-table/utils.d.ts

@@ -4,7 +4,7 @@ export declare const COLUMN_BASE_WIDTH = 8;
 export declare const COLUMN_MIN_WIDTH: number;
 export type GetWidthCss = (arg: {
     shouldUseWidth: boolean;
-    width: number;
+    width?: number;
 }) => React.CSSProperties;
 /**
  * Generate width related portion of css for table cell.
@@ -13,7 +13,7 @@ export type GetWidthCss = (arg: {
  * or rather default width that should be treated as a maximum width. When table inserted initially
  * and no user custom width defined we set this value to `false`. As soon as user changes any of the
  * column widths we treat all width as custom hardcoded widths.
- * @param width
+ * @param width Sometimes set to undefined for last column to make it occupy remainder of the table width
  */
 export declare const getWidthCss: GetWidthCss;
 /**

package/dist/types-ts4.5/common/utils/adf.d.ts

@@ -1,2 +1,2 @@
-import { Datasource, DatasourceAdf } from '@atlaskit/linking-common/types';
+import { type Datasource, type DatasourceAdf } from '@atlaskit/linking-common/types';
 export declare const buildDatasourceAdf: <P extends Record<string, unknown>>(datasource: Datasource<P>, url?: string) => DatasourceAdf<P>;

package/dist/types-ts4.5/hooks/useDatasourceTableState.d.ts

@@ -1,4 +1,4 @@
-import { DatasourceDataResponseItem, DatasourceMeta, DatasourceParameters, DatasourceResponseSchemaProperty, DatasourceTableStatusType } from '@atlaskit/linking-types';
+import { type DatasourceDataResponseItem, type DatasourceMeta, type DatasourceParameters, type DatasourceResponseSchemaProperty, type DatasourceTableStatusType } from '@atlaskit/linking-types';
 export interface onNextPageProps {
     isSchemaFromData?: boolean;
     shouldRequestFirstPage?: boolean;

package/dist/types-ts4.5/ui/datasource-table-view/datasourceTableView.d.ts

@@ -2,6 +2,5 @@
 export declare const DatasourceTableView: import("react").ForwardRefExoticComponent<{
     datasourceId: string;
     parameters: object;
-    fields?: string[] | undefined;
     url?: string | undefined;
 } & Partial<Pick<import("../issue-like-table/types").IssueLikeDataTableViewProps, "visibleColumnKeys" | "wrappedColumnKeys" | "columnCustomSizes" | "onVisibleColumnKeysChange" | "onColumnResize" | "onWrappedColumnChange">> & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/ui/datasource-table-view/types.d.ts

@@ -1,10 +1,9 @@
-import { IssueLikeDataTableViewProps } from '../issue-like-table/types';
+import { type IssueLikeDataTableViewProps } from '../issue-like-table/types';
 export type DatasourceTableViewProps = {
     /** Unique identifier for which type of datasource is being rendered and for making its requests */
     datasourceId: string;
     /** Parameters for making the data requests necessary to render data within the table */
     parameters: object;
-    fields?: string[];
     /** Url for an existing datasource, initially used for displaying to a user unauthorized to query that site  */
     url?: string;
 } & Partial<Pick<IssueLikeDataTableViewProps, 'visibleColumnKeys' | 'onVisibleColumnKeysChange' | 'wrappedColumnKeys' | 'onWrappedColumnChange' | 'onColumnResize' | 'columnCustomSizes'>>;

package/dist/types-ts4.5/ui/issue-like-table/draggable-table-heading.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface DraggableTableHeadingProps {
     children: ReactNode;
@@ -8,7 +8,7 @@ interface DraggableTableHeadingProps {
     tableId: symbol;
     dndPreviewHeight: number;
     dragPreview: React.ReactNode;
-    width: number;
+    width?: number;
     onWidthChange?: (width: number) => void;
     isWrapped?: boolean;
     onIsWrappedChange?: (shouldWrap: boolean) => void;

package/dist/types-ts4.5/ui/issue-like-table/index.d.ts

@@ -17,7 +17,7 @@ export interface RowType {
 }
 export interface RowCellType {
     key: string;
-    width: number;
+    width?: number;
     shouldTruncate?: boolean;
     content?: React.ReactNode | string;
 }

package/dist/types-ts4.5/ui/issue-like-table/utils.d.ts

@@ -4,7 +4,7 @@ export declare const COLUMN_BASE_WIDTH = 8;
 export declare const COLUMN_MIN_WIDTH: number;
 export type GetWidthCss = (arg: {
     shouldUseWidth: boolean;
-    width: number;
+    width?: number;
 }) => React.CSSProperties;
 /**
  * Generate width related portion of css for table cell.
@@ -13,7 +13,7 @@ export type GetWidthCss = (arg: {
  * or rather default width that should be treated as a maximum width. When table inserted initially
  * and no user custom width defined we set this value to `false`. As soon as user changes any of the
  * column widths we treat all width as custom hardcoded widths.
- * @param width
+ * @param width Sometimes set to undefined for last column to make it occupy remainder of the table width
  */
 export declare const getWidthCss: GetWidthCss;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "UI Components to support linking platform dataset feature",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -26,13 +26,16 @@
     "team": "Linking Platform",
     "inPublicMirror": false,
     "releaseModel": "continuous",
-    "i18n": true
+    "i18n": true,
+    "website": {
+      "name": "Link Datasource"
+    }
   },
   "scripts": {
     "analytics:codegen": "yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource --output ./src/analytics/generated"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^36.3.0",
+    "@atlaskit/adf-schema": "^36.8.0",
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/avatar": "^21.8.0",
     "@atlaskit/avatar-group": "^9.6.0",
@@ -44,7 +47,7 @@
     "@atlaskit/empty-state": "^7.8.0",
     "@atlaskit/form": "^10.1.0",
     "@atlaskit/heading": "^2.3.0",
-    "@atlaskit/icon": "^22.2.0",
+    "@atlaskit/icon": "^22.3.0",
     "@atlaskit/icon-object": "^6.4.0",
     "@atlaskit/image": "^1.2.0",
     "@atlaskit/intl-messages-provider": "^1.0.0",
@@ -52,7 +55,7 @@
     "@atlaskit/jql-editor": "^4.3.0",
     "@atlaskit/jql-editor-autocomplete-rest": "^2.0.0",
     "@atlaskit/link-client-extension": "^1.8.0",
-    "@atlaskit/linking-common": "^5.6.0",
+    "@atlaskit/linking-common": "^5.7.0",
     "@atlaskit/linking-types": "^8.8.0",
     "@atlaskit/logo": "^13.17.0",
     "@atlaskit/lozenge": "^11.7.0",
@@ -64,15 +67,15 @@
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^1.1.0",
     "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
-    "@atlaskit/primitives": "^6.2.0",
+    "@atlaskit/primitives": "^6.3.0",
     "@atlaskit/select": "^17.9.0",
-    "@atlaskit/smart-card": "^26.68.0",
+    "@atlaskit/smart-card": "^26.69.0",
     "@atlaskit/smart-user-picker": "6.9.3",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/tag": "^12.2.0",
     "@atlaskit/textfield": "6.3.1",
     "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.48.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@atlaskit/tooltip": "^18.4.0",
     "@atlaskit/ufo": "^0.2.4",
     "@atlaskit/width-detector": "^4.2.0",
@@ -138,6 +141,9 @@
       "styling": [
         "static",
         "emotion"
+      ],
+      "imports": [
+        "import-no-extraneous-disable-for-examples-and-docs"
       ]
     }
   },
@@ -159,12 +165,6 @@
     "platform.linking-platform.datasources.enable-sentry-client": {
       "type": "boolean"
     },
-    "platform.linking-platform.datasource.enable-abort-controller": {
-      "type": "boolean"
-    },
-    "platform.linking-platform.datasource.enable-stricter-jql-encoding": {
-      "type": "boolean"
-    },
     "platform.editor-update-tag-link-and-color_x6hcf": {
       "type": "boolean"
     }