@atlaskit/link-datasource 3.19.1 → 3.20.0

package/dist/es2019/ui/issue-like-table/empty-state/empty-state-old.js

@@ -0,0 +1,151 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import { Skeleton } from '@atlaskit/linking-common';
+import { N40 } from '@atlaskit/theme/colors';
+import { ScrollableContainerHeight, TableHeading } from '../styled';
+const SkeletonComponent = ({
+  width,
+  itemName
+}) => jsx(Skeleton, {
+  borderRadius: "var(--ds-border-radius-100, 8px)",
+  testId: `${itemName}-empty-state-skeleton`,
+  height: 14,
+  width: width
+});
+const tableBodyStyles = css({
+  borderBottom: 0
+});
+const tableStyles = css({
+  background: "var(--ds-elevation-surface-current, #FFF)"
+});
+const padding = `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`;
+const cellStyles = css({
+  padding,
+  borderRight: `0.5px solid ${`var(--ds-border, ${N40})`}`,
+  borderBottom: `0.5px solid ${`var(--ds-border, ${N40})`}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  '&:first-child': {
+    paddingLeft: `${"var(--ds-space-100, 8px)"}`
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  '&:last-child': {
+    borderRight: 0,
+    paddingRight: `${"var(--ds-space-100, 8px)"}`
+  }
+});
+const baseColumns = [{
+  key: 'type',
+  width: 35
+}, {
+  key: 'issue',
+  width: 50
+}, {
+  key: 'summary',
+  width: 100
+}, {
+  key: 'assignee',
+  width: 70
+}, {
+  key: 'priority',
+  width: 60
+}, {
+  key: 'status',
+  width: 60
+}, {
+  key: 'resolution',
+  width: 55
+}, {
+  key: 'created',
+  width: 50
+}, {
+  key: 'due',
+  width: 50
+}];
+const longColumnWidths = [141, 208, 186, 212, 212, 151, 212, 182, 180, 163, 172, 211, 145, 190];
+const shortColumnWidths = [75, 54, 66, 73, 52, 73, 55, 80, 67, 76, 58, 65, 56, 76];
+const renderItem = ({
+  key,
+  width
+}, {
+  longWidth,
+  shortWidth
+}) => {
+  switch (key) {
+    case 'status':
+      return jsx(SkeletonComponent, {
+        width: shortWidth,
+        itemName: key
+      });
+    case 'summary':
+      return jsx(SkeletonComponent, {
+        width: longWidth,
+        itemName: key
+      });
+    default:
+      return jsx(SkeletonComponent, {
+        width: width,
+        itemName: key
+      });
+  }
+};
+export default (({
+  isCompact,
+  testId
+}) => {
+  const columnsToRender = isCompact ? baseColumns.slice(0, 6) : baseColumns;
+  // if it is compact (non-modal), there is room for 14 rows
+  // if it is modal (not compact), there is only room for 10 rows
+  const rowsNumber = isCompact ? 14 : 10;
+  const rows = new Array(rowsNumber).fill(null).map((_, index) => ({
+    id: index,
+    longWidth: longColumnWidths[index],
+    shortWidth: shortColumnWidths[index]
+  }));
+  return jsx("div", {
+    style: {
+      // the IssueLikeDataTableView wraps the table in a container with the styling below while modal doesn't
+      // this maxHeight comes from scrollableContainerHeight
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      maxHeight: ScrollableContainerHeight,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      padding: "var(--ds-space-0, 0px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      boxSizing: 'border-box'
+    }
+  }, jsx("table", {
+    css: tableStyles,
+    "data-testid": testId
+  }, jsx("thead", {
+    style: {
+      borderBottom: 0
+    }
+  }, jsx("tr", null, columnsToRender.map(({
+    key,
+    width
+  }) =>
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  jsx(TableHeading, {
+    key: key,
+    style: {
+      width,
+      padding
+    }
+  }, jsx(Skeleton, {
+    appearance: "darkGray",
+    borderRadius: 8,
+    testId: "empty-state-skeleton",
+    height: 12,
+    width: width
+  }))))), jsx("tbody", {
+    css: tableBodyStyles
+  }, rows.map(row => jsx("tr", {
+    key: row.id
+  }, columnsToRender.map(column => jsx("td", {
+    css: cellStyles,
+    key: column.key
+  }, renderItem(column, row))))))));
+});

package/dist/es2019/ui/issue-like-table/empty-state/icon-type-old.js

@@ -0,0 +1,55 @@
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+import Bug16Icon from '@atlaskit/icon-object/glyph/bug/16';
+import Commit16Icon from '@atlaskit/icon-object/glyph/commit/16';
+import Epic16Icon from '@atlaskit/icon-object/glyph/epic/16';
+import Issue16Icon from '@atlaskit/icon-object/glyph/issue/16';
+import Story16Icon from '@atlaskit/icon-object/glyph/story/16';
+import Task16Icon from '@atlaskit/icon-object/glyph/task/16';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+const IconWrapper = styled.div({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'left'
+});
+export default (({
+  type
+}) => {
+  const TypeIcon = () => {
+    switch (type) {
+      case 'issue':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Issue16Icon, {
+          label: 'issue'
+        });
+      case 'commit':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Commit16Icon, {
+          label: 'commit'
+        });
+      case 'story':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Story16Icon, {
+          label: 'story'
+        });
+      case 'epic':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Epic16Icon, {
+          label: 'epic'
+        });
+      case 'bug':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Bug16Icon, {
+          label: 'bug'
+        });
+      case 'task':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Task16Icon, {
+          label: 'task'
+        });
+    }
+  };
+  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(TypeIcon, null));
+});

package/dist/es2019/ui/issue-like-table/empty-state/index.compiled.css

@@ -0,0 +1,8 @@
+
+._1yt41uce{padding:var(--ds-space-100,8px) var(--ds-space-100,8px)}
+._1ls2idpf:last-of-type{border-right:0}
+._1s7zl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
+._n7zlidpf{border-bottom:0}
+._n7zll0fh{border-bottom:.5px solid var(--ds-border,#dfe1e6)}._1lhcu2gc:first-of-type{padding-left:var(--ds-space-100,8px)}
+._1o59u2gc:last-of-type{padding-right:var(--ds-space-100,8px)}
+._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}

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

@@ -1,42 +1,25 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { Skeleton } from '@atlaskit/linking-common';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N40 } from '@atlaskit/theme/colors';
-import { ScrollableContainerHeight, TableHeading } from '../styled';
+import { TableHeading } from '../styled';
+import EmptyStateOld from './empty-state-old';
 const SkeletonComponent = ({
   width,
   itemName
-}) => jsx(Skeleton, {
+}) => /*#__PURE__*/React.createElement(Skeleton, {
   borderRadius: "var(--ds-border-radius-100, 8px)",
   testId: `${itemName}-empty-state-skeleton`,
   height: 14,
   width: width
 });
-const tableBodyStyles = css({
-  borderBottom: 0
-});
-const tableStyles = css({
-  background: "var(--ds-elevation-surface-current, #FFF)"
-});
+const tableBodyStyles = null;
+const tableStyles = null;
 const padding = `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`;
-const cellStyles = css({
-  padding,
-  borderRight: `0.5px solid ${`var(--ds-border, ${N40})`}`,
-  borderBottom: `0.5px solid ${`var(--ds-border, ${N40})`}`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '&:first-child': {
-    paddingLeft: `${"var(--ds-space-100, 8px)"}`
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '&:last-child': {
-    borderRight: 0,
-    paddingRight: `${"var(--ds-space-100, 8px)"}`
-  }
-});
+const cellStyles = null;
 const baseColumns = [{
   key: 'type',
   width: 35
@@ -76,23 +59,23 @@ const renderItem = ({
 }) => {
   switch (key) {
     case 'status':
-      return jsx(SkeletonComponent, {
+      return /*#__PURE__*/React.createElement(SkeletonComponent, {
         width: shortWidth,
         itemName: key
       });
     case 'summary':
-      return jsx(SkeletonComponent, {
+      return /*#__PURE__*/React.createElement(SkeletonComponent, {
         width: longWidth,
         itemName: key
       });
     default:
-      return jsx(SkeletonComponent, {
+      return /*#__PURE__*/React.createElement(SkeletonComponent, {
         width: width,
         itemName: key
       });
   }
 };
-export default (({
+const EmptyState = ({
   isCompact,
   testId
 }) => {
@@ -105,47 +88,56 @@ export default (({
     longWidth: longColumnWidths[index],
     shortWidth: shortColumnWidths[index]
   }));
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       // the IssueLikeDataTableView wraps the table in a container with the styling below while modal doesn't
       // this maxHeight comes from scrollableContainerHeight
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      maxHeight: ScrollableContainerHeight,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      maxHeight: 590,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       padding: "var(--ds-space-0, 0px)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       boxSizing: 'border-box'
     }
-  }, jsx("table", {
-    css: tableStyles,
-    "data-testid": testId
-  }, jsx("thead", {
+  }, /*#__PURE__*/React.createElement("table", {
+    "data-testid": testId,
+    className: ax(["_bfhkchd4"])
+  }, /*#__PURE__*/React.createElement("thead", {
     style: {
       borderBottom: 0
     }
-  }, jsx("tr", null, columnsToRender.map(({
+  }, /*#__PURE__*/React.createElement("tr", null, columnsToRender.map(({
     key,
     width
   }) =>
+  /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  jsx(TableHeading, {
+  React.createElement(TableHeading, {
     key: key,
     style: {
       width,
       padding
     }
-  }, jsx(Skeleton, {
+  }, /*#__PURE__*/React.createElement(Skeleton, {
     appearance: "darkGray",
     borderRadius: 8,
     testId: "empty-state-skeleton",
     height: 12,
     width: width
-  }))))), jsx("tbody", {
-    css: tableBodyStyles
-  }, rows.map(row => jsx("tr", {
+  }))))), /*#__PURE__*/React.createElement("tbody", {
+    className: ax(["_n7zlidpf"])
+  }, rows.map(row => /*#__PURE__*/React.createElement("tr", {
     key: row.id
-  }, columnsToRender.map(column => jsx("td", {
-    css: cellStyles,
-    key: column.key
+  }, columnsToRender.map(column => /*#__PURE__*/React.createElement("td", {
+    key: column.key,
+    className: ax(["_1yt41uce _1s7zl0fh _n7zll0fh _1ls2idpf _1o59u2gc _1lhcu2gc"])
   }, renderItem(column, row))))))));
-});
+};
+const EmptyStateExported = props => {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(EmptyState, props);
+  } else {
+    return /*#__PURE__*/React.createElement(EmptyStateOld, props);
+  }
+};
+export default EmptyStateExported;

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

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

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

@@ -0,0 +1,60 @@
+/**
+ * TODO - I believe this file is not used (I could not find any reference to it in the codebase)
+ * If not used we should remove it
+ * Delete when cleaning bandicoots-update-sllv-icons
+ */
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+import Bug16Icon from '@atlaskit/icon-object/glyph/bug/16';
+import Commit16Icon from '@atlaskit/icon-object/glyph/commit/16';
+import Epic16Icon from '@atlaskit/icon-object/glyph/epic/16';
+import Issue16Icon from '@atlaskit/icon-object/glyph/issue/16';
+import Story16Icon from '@atlaskit/icon-object/glyph/story/16';
+import Task16Icon from '@atlaskit/icon-object/glyph/task/16';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+const IconWrapper = styled.div({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'left'
+});
+export default (({
+  type
+}) => {
+  const TypeIcon = () => {
+    switch (type) {
+      case 'issue':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Issue16Icon, {
+          label: 'issue'
+        });
+      case 'commit':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Commit16Icon, {
+          label: 'commit'
+        });
+      case 'story':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Story16Icon, {
+          label: 'story'
+        });
+      case 'epic':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Epic16Icon, {
+          label: 'epic'
+        });
+      case 'bug':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Bug16Icon, {
+          label: 'bug'
+        });
+      case 'task':
+        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
+        return /*#__PURE__*/React.createElement(Task16Icon, {
+          label: 'task'
+        });
+    }
+  };
+  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(TypeIcon, null));
+});

package/dist/es2019/ui/issue-like-table/empty-state/type.compiled.css

@@ -0,0 +1,3 @@
+._1bah1e5h{justify-content:left}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}

package/dist/es2019/ui/issue-like-table/empty-state/type.js

@@ -1,20 +1,33 @@
+/* type.tsx generated by @compiled/babel-plugin v0.36.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./type.compiled.css";
+import { forwardRef } from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
 import Bug16Icon from '@atlaskit/icon-object/glyph/bug/16';
 import Commit16Icon from '@atlaskit/icon-object/glyph/commit/16';
 import Epic16Icon from '@atlaskit/icon-object/glyph/epic/16';
 import Issue16Icon from '@atlaskit/icon-object/glyph/issue/16';
 import Story16Icon from '@atlaskit/icon-object/glyph/story/16';
 import Task16Icon from '@atlaskit/icon-object/glyph/task/16';
+import { fg } from '@atlaskit/platform-feature-flags';
+import EmptyStateIconOld from './icon-type-old';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const IconWrapper = styled.div({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'left'
+const IconWrapper = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1e0c1txw _4cvr1h6o _1bah1e5h", __cmplp.className])
+  }));
 });
-export default (({
+if (process.env.NODE_ENV !== 'production') {
+  IconWrapper.displayName = 'IconWrapper';
+}
+const EmptyStateIcon = ({
   type
 }) => {
   const TypeIcon = () => {
@@ -52,4 +65,12 @@ export default (({
     }
   };
   return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(TypeIcon, null));
-});
+};
+const EmptyStateIconExported = props => {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(EmptyStateIcon, props);
+  } else {
+    return /*#__PURE__*/React.createElement(EmptyStateIconOld, props);
+  }
+};
+export default EmptyStateIconExported;

package/dist/es2019/ui/issue-like-table/index.compiled.css

@@ -0,0 +1,85 @@
+
+._11c81oud, .ProseMirror .pm-table-wrapper>table tbody ._1otx1oud, .pm-table-wrapper>table tbody ._1wi11oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._13xs13hi:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._19xw13hi:last-of-type, .pm-table-wrapper>table thead ._ex0g13hi:last-of-type{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--ds-elevation-surface-current,#fff) 10%)}
+._19itidpf, .ProseMirror .pm-table-wrapper>table tbody ._1i5zidpf, .pm-table-wrapper>table tbody ._aifmidpf{border:0}
+._19itidpf, .ProseMirror .pm-table-wrapper>table thead ._aks5idpf, .pm-table-wrapper>table thead ._1u3bidpf{border:0}
+._1bqmidpf:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._2eacidpf:last-of-type, .pm-table-wrapper>table thead ._1rmlidpf:last-of-type{border:0}.ProseMirror .pm-table-wrapper>table thead.has-column-picker ._1hkzidpf:nth-last-of-type(2), .pm-table-wrapper>table thead.has-column-picker ._1r3pidpf:nth-last-of-type(2), thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
+._1ls2idpf:last-of-type, .ProseMirror .pm-table-wrapper>table tbody ._1ho1idpf:last-of-type, .pm-table-wrapper>table tbody ._1y4pidpf:last-of-type{border-right:0}
+._1ls2idpf:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._ocbzidpf:last-of-type, .pm-table-wrapper>table thead ._3tfiidpf:last-of-type{border-right:0}
+._1rag1on0:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._1ul51on0:last-of-type, .pm-table-wrapper>table thead ._12ch1on0:last-of-type{border-bottom:2px solid var(--ds-border,#dfe1e6)}
+._1s7z1x13, .ProseMirror .pm-table-wrapper>table tbody ._1xqp1x13, .pm-table-wrapper>table tbody ._mxou1x13{border-right:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+._1s7zl0fh, .ProseMirror .pm-table-wrapper>table thead ._1o9ml0fh, .pm-table-wrapper>table thead ._1oupl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
+._n7zl1on0, .ProseMirror .pm-table-wrapper>table thead ._1fqk1on0, .pm-table-wrapper>table thead ._1vvv1on0{border-bottom:2px solid var(--ds-border,#dfe1e6)}
+._n7zl1x13, .ProseMirror .pm-table-wrapper>table tbody ._15lr1x13, .pm-table-wrapper>table tbody ._itmm1x13{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+._n7zlidpf{border-bottom:0}
+._11681tcg [data-testid=datasource-header-content--container]{line-height:24px}
+._11j11b66 [data-testid=datasource-header-content--container]{padding-right:var(--ds-space-050,4px)}
+._12pn15vq [data-testid=datasource-header-content--container]{overflow-x:hidden}
+._12ruusvi:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._1pmsusvi:last-of-type, .pm-table-wrapper>table thead ._7okwusvi:last-of-type{box-sizing:border-box}
+._12vemgnk{background-repeat:no-repeat}
+._154iidpf{top:0}
+._18m91wug{overflow-y:auto}
+._18u0idpf{margin-left:0}
+._198v15vq [data-testid=datasource-header-content--container]{overflow-y:hidden}
+._19bv1b66, .ProseMirror .pm-table-wrapper>table thead ._9iya1b66, .pm-table-wrapper>table thead ._15hu1b66{padding-left:var(--ds-space-050,4px)}
+._19bvze3t, .ProseMirror .pm-table-wrapper>table tbody ._krvdze3t, .pm-table-wrapper>table tbody ._1w1yze3t{padding-left:var(--ds-space-0,0)}
+._19pkidpf{margin-top:0}
+._1bsb1osq{width:100%}
+._1bto1l2s{text-overflow:ellipsis}
+._1cimn7od [data-testid=button-connect-account]>span, ._124in7od [data-testid=inline-card-icon-and-title]{white-space:unset}
+._1e0c1txw{display:flex}
+._1eqz4jg8 [data-testid=datasource-header-content--container]{white-space:normal}
+._1itk1sfv{background-image:linear-gradient(90deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(90deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1)),transparent),linear-gradient(90deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 70%),linear-gradient(90deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1))),linear-gradient(0deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 30%),linear-gradient(0deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05))),linear-gradient(0deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(0deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05)),transparent)}
+._1ixkusic:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._s1peusic:last-of-type, .pm-table-wrapper>table thead ._mowjusic:last-of-type{text-align:right}
+._1lhc1b66:first-of-type, .ProseMirror .pm-table-wrapper>table thead ._n2z81b66:first-of-type, .pm-table-wrapper>table thead ._3ixo1b66:first-of-type{padding-left:var(--ds-space-050,4px)}
+._1lrw1sd4{background-size:40px 100%,14px 100%,40px 100%,14px 100%,100% 75pt,100% 14px,100% 40px,100% 10px}
+._1nd0cs5v [data-testid=datasource-header-content--container]{-webkit-line-clamp:2}
+._1o0zidpf{border-bottom-right-radius:0}
+._1o59pxbi:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._1l3vpxbi:last-of-type, .pm-table-wrapper>table thead ._gdprpxbi:last-of-type{padding-right:var(--ds-space-200,1pc)}
+._1pbyzo7u{z-index:10}
+._1reo1wug{overflow-x:auto}
+._1t0u1e54 [data-testid=datasource-header-content--container]{-webkit-box-orient:vertical}
+._1ul91wug, .ProseMirror .pm-table-wrapper>table tbody ._1lkc1wug, .pm-table-wrapper>table tbody ._1jcm1wug{min-width:auto}
+._1xanv77o [data-testid=datasource-header-content--container]{padding-bottom:var(--ds-space-025,2px)}
+._1xzrzo7u:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._1ejpzo7u:last-of-type, .pm-table-wrapper>table thead ._1fmczo7u:last-of-type{z-index:10}
+._2hwxidpf{margin-right:0}
+._3t471vc6:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._9g2k1vc6:last-of-type, .pm-table-wrapper>table thead ._1h0z1vc6:last-of-type{right:calc(var(--ds-space-200, 1pc)*-1)}
+._4cvr1h6o{align-items:center}
+._4t3i1ylp, .ProseMirror .pm-table-wrapper>table tbody ._1ugg1ylp, .pm-table-wrapper>table tbody ._lt6w1ylp{height:40px}
+._4t3iqagn, .ProseMirror .pm-table-wrapper>table thead ._qccgqagn, .pm-table-wrapper>table thead ._xo89qagn{height:calc(50px + var(--ds-space-025, 2px)*4)}
+._77i31if8:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._zjk41if8:last-of-type, .pm-table-wrapper>table thead ._7s0n1if8:last-of-type{position:sticky}
+._8lvj1b66 [data-testid=datasource-header-content--container]{padding-left:var(--ds-space-050,4px)}
+._95ex1hna [data-testid=datasource-header-content--container]{word-wrap:break-word}
+._ab8av77o [data-testid=datasource-header-content--container]{padding-top:var(--ds-space-025,2px)}
+._bfhkchd4, .ProseMirror .pm-table-wrapper>table thead ._i7olchd4, .pm-table-wrapper>table thead ._1oe6chd4{background-color:var(--ds-elevation-surface-current,#fff)}
+._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}
+._btyzidpf{border-spacing:0}
+._ca0qv77o, .ProseMirror .pm-table-wrapper>table thead ._7cz2v77o, .pm-table-wrapper>table thead ._pcwyv77o{padding-top:var(--ds-space-025,2px)}
+._ca0qze3t, .ProseMirror .pm-table-wrapper>table tbody ._7jflze3t, .pm-table-wrapper>table tbody ._1ikkze3t{padding-top:var(--ds-space-0,0)}
+._iscccj1k [data-testid=datasource-header-content--container]{display:-webkit-box}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._kqsw1if8{position:sticky}
+._kqswh2mm, .ProseMirror .pm-table-wrapper>table thead ._rc4eh2mm, .pm-table-wrapper>table thead ._q46wh2mm{position:relative}
+._kqswh2mm{position:relative}
+._lura1osq [data-testid=datasource-header-content--container]{width:100%}
+._mgulys9h:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._2k51ys9h:last-of-type, .pm-table-wrapper>table thead ._efqoys9h:last-of-type{width:5pc}
+._ml92nkob:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._1nfwnkob:last-of-type, .pm-table-wrapper>table thead ._11ljnkob:last-of-type{vertical-align:middle}
+._mrkbidpf{border-bottom-left-radius:0}
+._n3tdv77o, .ProseMirror .pm-table-wrapper>table thead ._6dd7v77o, .pm-table-wrapper>table thead ._191qv77o{padding-bottom:var(--ds-space-025,2px)}
+._n3tdze3t, .ProseMirror .pm-table-wrapper>table tbody ._v6nkze3t, .pm-table-wrapper>table tbody ._jivqze3t{padding-bottom:var(--ds-space-0,0)}
+._o5721q9c{white-space:nowrap}
+._otyridpf{margin-bottom:0}
+._ouxlbac2{background-position:0,0,100%,100%,top,0 52px,bottom,bottom}
+._qmxj1c00{background-attachment:local,scroll,local,scroll,local,scroll,local,scroll}
+._s7n41kw7, .ProseMirror .pm-table-wrapper>table tbody ._11nx1kw7, .pm-table-wrapper>table tbody ._18a21kw7{vertical-align:inherit}
+._s7n4yfq0, .ProseMirror .pm-table-wrapper>table thead ._ntwryfq0, .pm-table-wrapper>table thead ._3eneyfq0{vertical-align:bottom}
+._u5f31b66, .ProseMirror .pm-table-wrapper>table thead ._1pmc1b66, .pm-table-wrapper>table thead ._11ep1b66{padding-right:var(--ds-space-050,4px)}
+._u5f3ze3t, .ProseMirror .pm-table-wrapper>table tbody ._1cngze3t, .pm-table-wrapper>table tbody ._1h12ze3t{padding-right:var(--ds-space-0,0)}
+._vchh18uv, .ProseMirror .pm-table-wrapper>table tbody ._166018uv, .pm-table-wrapper>table tbody ._1qd918uv{box-sizing:initial}
+._vchhusvi, .ProseMirror .pm-table-wrapper>table thead ._1wwnusvi, .pm-table-wrapper>table thead ._1gbausvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._vwz41tcg, .ProseMirror .pm-table-wrapper>table thead ._s99e1tcg, .pm-table-wrapper>table thead ._3mvc1tcg{line-height:24px}
+._yq5h18uv{border-collapse:initial}
+._8vu416jk:hover{border-radius:var(--ds-border-radius-200,3px)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}