@atlaskit/link-datasource 0.28.3 → 0.28.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 0.28.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.28.4
+
+### Patch Changes
+
+- [`ab94c1bd7c5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab94c1bd7c5) - [ux] Sticky column picker
+
 ## 0.28.3
 
 ### Patch Changes

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

@@ -119,10 +119,10 @@ var ColumnPicker = function ColumnPicker(_ref) {
         isSelected: isOpen,
         iconBefore: (0, _react2.jsx)("div", null, (0, _react2.jsx)(_board.default, {
           label: "board",
-          size: "small"
+          size: "medium"
         }), (0, _react2.jsx)(_chevronDown.default, {
           label: "down",
-          size: "small"
+          size: "medium"
         })),
         spacing: "compact",
         appearance: "subtle",

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

@@ -10,8 +10,10 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 var _linkingCommon = require("@atlaskit/linking-common");
 var _pragmaticDragAndDropAutoscroll = require("@atlaskit/pragmatic-drag-and-drop-autoscroll");
@@ -23,19 +25,17 @@ var _columnPicker = require("./column-picker");
 var _draggableTableHeading = require("./draggable-table-heading");
 var _emptyState = _interopRequireDefault(require("./empty-state"));
 var _renderType = require("./render-type");
-var _styled = require("./styled");
+var _styled2 = require("./styled");
 var _useIsOnScreen = require("./useIsOnScreen");
+var _templateObject;
+/** @jsx jsx */
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var tableHeadStyles = (0, _react2.css)({
   background: "var(--ds-surface, #FFF)",
   borderTop: '2px solid transparent'
 });
-var columnPickerHeaderStyles = (0, _react2.css)({
-  width: '40px',
-  // TODO use some variable for that?
-  paddingBlock: "var(--ds-space-100, 8px)"
-});
+var ColumnPickerHeader = _styled.default.td(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 40px;\n  padding-block: ", ";\n  position: sticky;\n  right: 0px;\n  background-color: ", ";\n  &:last-child {\n    padding-right: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-surface, #FFF)", "var(--ds-space-100, 8px)");
 var truncatedCellStyles = (0, _react2.css)({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
@@ -312,7 +312,7 @@ var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
   return (0, _react2.jsx)("div", {
     ref: containerRef,
     css: isDragPreview ? containerDragPreviewStyles : null
-  }, (0, _react2.jsx)(_styled.Table, {
+  }, (0, _react2.jsx)(_styled2.Table, {
     css: isDragPreview ? tableDragPreviewStyles : null,
     "data-testid": testId
   }, (0, _react2.jsx)("thead", {
@@ -339,7 +339,7 @@ var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
         onDragPreviewEnd: setIsDragPreviewOff
       }, (0, _react2.jsx)(TruncatedContent, null));
     } else {
-      return (0, _react2.jsx)(_styled.TableHeading, {
+      return (0, _react2.jsx)(_styled2.TableHeading, {
         key: key,
         "data-testid": "".concat(key, "-column-heading"),
         style: {
@@ -347,9 +347,7 @@ var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
         }
       }, (0, _react2.jsx)(TruncatedContent, null));
     }
-  }), onVisibleColumnKeysChange && (0, _react2.jsx)("th", {
-    css: columnPickerHeaderStyles
-  }, (0, _react2.jsx)(_columnPicker.ColumnPicker, {
+  }), onVisibleColumnKeysChange && (0, _react2.jsx)(ColumnPickerHeader, null, (0, _react2.jsx)(_columnPicker.ColumnPicker, {
     columns: hasFullSchema ? orderedColumns : [],
     selectedColumnKeys: hasFullSchema ? visibleColumnKeys : [],
     isDatasourceLoading: status === 'loading',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.28.3",
+	"version": "0.28.5",
 	"sideEffects": false
 }

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

@@ -94,10 +94,10 @@ export const ColumnPicker = ({
       isSelected: isOpen,
       iconBefore: jsx("div", null, jsx(BoardIcon, {
         label: "board",
-        size: "small"
+        size: "medium"
       }), jsx(ChevronDownIcon, {
         label: "down",
-        size: "small"
+        size: "medium"
       })),
       spacing: "compact",
       appearance: "subtle",

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
+import styled from '@emotion/styled';
 import invariant from 'tiny-invariant';
 import { Skeleton } from '@atlaskit/linking-common';
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-autoscroll';
@@ -18,11 +19,16 @@ const tableHeadStyles = css({
   background: "var(--ds-surface, #FFF)",
   borderTop: '2px solid transparent'
 });
-const columnPickerHeaderStyles = css({
-  width: '40px',
-  // TODO use some variable for that?
-  paddingBlock: "var(--ds-space-100, 8px)"
-});
+const ColumnPickerHeader = styled.td`
+  width: 40px;
+  padding-block: ${"var(--ds-space-100, 8px)"};
+  position: sticky;
+  right: 0px;
+  background-color: ${"var(--ds-surface, #FFF)"};
+  &:last-child {
+    padding-right: ${"var(--ds-space-100, 8px)"};
+  }
+`;
 const truncatedCellStyles = css({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
@@ -290,9 +296,7 @@ export const IssueLikeDataTableView = ({
         }
       }, jsx(TruncatedContent, null));
     }
-  }), onVisibleColumnKeysChange && jsx("th", {
-    css: columnPickerHeaderStyles
-  }, jsx(ColumnPicker, {
+  }), onVisibleColumnKeysChange && jsx(ColumnPickerHeader, null, jsx(ColumnPicker, {
     columns: hasFullSchema ? orderedColumns : [],
     selectedColumnKeys: hasFullSchema ? visibleColumnKeys : [],
     isDatasourceLoading: status === 'loading',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.28.3",
+	"version": "0.28.5",
 	"sideEffects": false
 }

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

@@ -112,10 +112,10 @@ export var ColumnPicker = function ColumnPicker(_ref) {
         isSelected: isOpen,
         iconBefore: jsx("div", null, jsx(BoardIcon, {
           label: "board",
-          size: "small"
+          size: "medium"
         }), jsx(ChevronDownIcon, {
           label: "down",
-          size: "small"
+          size: "medium"
         })),
         spacing: "compact",
         appearance: "subtle",

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

@@ -2,12 +2,15 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /** @jsx jsx */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
+import styled from '@emotion/styled';
 import invariant from 'tiny-invariant';
 import { Skeleton } from '@atlaskit/linking-common';
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-autoscroll';
@@ -25,11 +28,7 @@ var tableHeadStyles = css({
   background: "var(--ds-surface, #FFF)",
   borderTop: '2px solid transparent'
 });
-var columnPickerHeaderStyles = css({
-  width: '40px',
-  // TODO use some variable for that?
-  paddingBlock: "var(--ds-space-100, 8px)"
-});
+var ColumnPickerHeader = styled.td(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 40px;\n  padding-block: ", ";\n  position: sticky;\n  right: 0px;\n  background-color: ", ";\n  &:last-child {\n    padding-right: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-surface, #FFF)", "var(--ds-space-100, 8px)");
 var truncatedCellStyles = css({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
@@ -341,9 +340,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
         }
       }, jsx(TruncatedContent, null));
     }
-  }), onVisibleColumnKeysChange && jsx("th", {
-    css: columnPickerHeaderStyles
-  }, jsx(ColumnPicker, {
+  }), onVisibleColumnKeysChange && jsx(ColumnPickerHeader, null, jsx(ColumnPicker, {
     columns: hasFullSchema ? orderedColumns : [],
     selectedColumnKeys: hasFullSchema ? visibleColumnKeys : [],
     isDatasourceLoading: status === 'loading',

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.28.3",
+	"version": "0.28.5",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "0.28.3",
+  "version": "0.28.5",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/image": "^1.1.0",
     "@atlaskit/link-client-extension": "^1.5.0",
-    "@atlaskit/linking-common": "^3.4.0",
+    "@atlaskit/linking-common": "^4.0.0",
     "@atlaskit/linking-types": "^8.2.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/modal-dialog": "^12.6.0",
@@ -50,7 +50,7 @@
     "@atlaskit/tag": "^11.5.0",
     "@atlaskit/textfield": "5.6.3",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.12.0",
     "@atlassianlabs/jql-editor": "^2.0.1",
     "@atlassianlabs/jql-editor-autocomplete-rest": "^1.1.2",
     "@babel/runtime": "^7.0.0",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,143 @@
+## API Report File for "@atlaskit/link-datasource"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { DatasourceAdfTableView } from '@atlaskit/linking-common/types';
+import { DatasourceAdfView } from '@atlaskit/linking-common/types';
+import { InlineCardAdf } from '@atlaskit/linking-common/types';
+
+// @public (undocumented)
+export const ASSETS_LIST_OF_LINKS_DATASOURCE_ID = "361d618a-3c04-40ad-9b27-3c8ea6927020";
+
+// @public (undocumented)
+interface AssetsConfigModalProps {
+    // (undocumented)
+    datasourceId: string;
+    // (undocumented)
+    onCancel: () => void;
+    // (undocumented)
+    onInsert: (adf: AssetsDatasourceAdf | InlineCardAdf) => void;
+    // (undocumented)
+    parameters?: AssetsDatasourceParameters;
+    // (undocumented)
+    visibleColumnKeys?: string[];
+}
+
+// @public (undocumented)
+export interface AssetsDatasourceAdf extends DatasourceAdf {
+    // (undocumented)
+    attrs: {
+        url?: string;
+        datasource: {
+            id: string;
+            parameters: AssetsDatasourceParameters;
+            views: DatasourceAdfView[];
+        };
+    };
+}
+
+// @public (undocumented)
+export interface AssetsDatasourceParameters {
+    // (undocumented)
+    aql: string;
+    // (undocumented)
+    cloudId: string;
+    // (undocumented)
+    schemaId?: string;
+}
+
+export { DatasourceAdf }
+
+export { DatasourceAdfTableView }
+
+export { DatasourceAdfView }
+
+// @public (undocumented)
+export const DatasourceTableView: (props: DatasourceTableViewProps) => JSX.Element;
+
+// @public (undocumented)
+interface DatasourceTableViewProps {
+    // (undocumented)
+    datasourceId: string;
+    // (undocumented)
+    fields?: string[];
+    // (undocumented)
+    onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
+    // (undocumented)
+    parameters: object;
+    // (undocumented)
+    visibleColumnKeys?: string[];
+}
+
+// @public (undocumented)
+export const JIRA_LIST_OF_LINKS_DATASOURCE_ID = "d8b75300-dfda-4519-b6cd-e49abbd50401";
+
+// @public (undocumented)
+export type JiraIssueDatasourceParameters = {
+    cloudId: string;
+} & JiraIssueDatasourceParametersQuery;
+
+// @public (undocumented)
+type JiraIssueDatasourceParametersQuery = XOR<{
+    jql: string;
+}, {
+    filter: string;
+}>;
+
+// @public (undocumented)
+export const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => JSX.Element;
+
+// @public (undocumented)
+interface JiraIssuesConfigModalProps {
+    // (undocumented)
+    datasourceId: string;
+    // (undocumented)
+    onCancel: () => void;
+    // (undocumented)
+    onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf) => void;
+    // (undocumented)
+    parameters?: JiraIssueDatasourceParameters;
+    // (undocumented)
+    visibleColumnKeys?: string[];
+}
+
+// @public (undocumented)
+export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
+    // (undocumented)
+    attrs: {
+        url?: string;
+        datasource: {
+            id: string;
+            parameters: JiraIssueDatasourceParameters;
+            views: [
+                {
+                type: 'table';
+                properties?: {
+                    columns: {
+                        key: string;
+                    }[];
+                };
+            }
+            ];
+        };
+    };
+}
+
+// @public (undocumented)
+export const JSMAssetsConfigModal: (props: AssetsConfigModalProps) => JSX.Element;
+
+// @public (undocumented)
+type XOR<T1, T2> = (T1 & {
+    [k in Exclude<keyof T2, keyof T1>]?: never;
+}) | (T2 & {
+    [k in Exclude<keyof T1, keyof T2>]?: never;
+});
+
+// (No @packageDocumentation comment for this package)
+
+```