@atlaskit/link-datasource 3.19.2 → 3.20.0

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

@@ -1,43 +1,26 @@
-/**
- * @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';
 var SkeletonComponent = function SkeletonComponent(_ref) {
   var width = _ref.width,
     itemName = _ref.itemName;
-  return jsx(Skeleton, {
+  return /*#__PURE__*/React.createElement(Skeleton, {
     borderRadius: "var(--ds-border-radius-100, 8px)",
     testId: "".concat(itemName, "-empty-state-skeleton"),
     height: 14,
     width: width
   });
 };
-var tableBodyStyles = css({
-  borderBottom: 0
-});
-var tableStyles = css({
-  background: "var(--ds-elevation-surface-current, #FFF)"
-});
+var tableBodyStyles = null;
+var tableStyles = null;
 var padding = "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-100, 8px)");
-var cellStyles = css({
-  padding: padding,
-  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(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)"
-  }
-});
+var cellStyles = null;
 var baseColumns = [{
   key: 'type',
   width: 35
@@ -75,23 +58,23 @@ var renderItem = function renderItem(_ref2, _ref3) {
     shortWidth = _ref3.shortWidth;
   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 (function (_ref4) {
+var EmptyState = function EmptyState(_ref4) {
   var isCompact = _ref4.isCompact,
     testId = _ref4.testId;
   var columnsToRender = isCompact ? baseColumns.slice(0, 6) : baseColumns;
@@ -105,36 +88,37 @@ export default (function (_ref4) {
       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(function (_ref5) {
+  }, /*#__PURE__*/React.createElement("tr", null, columnsToRender.map(function (_ref5) {
     var key = _ref5.key,
       width = _ref5.width;
     return (
+      /*#__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: width,
           padding: padding
         }
-      }, jsx(Skeleton, {
+      }, /*#__PURE__*/React.createElement(Skeleton, {
         appearance: "darkGray",
         borderRadius: 8,
         testId: "empty-state-skeleton",
@@ -142,16 +126,27 @@ export default (function (_ref4) {
         width: width
       }))
     );
-  }))), jsx("tbody", {
-    css: tableBodyStyles
+  }))), /*#__PURE__*/React.createElement("tbody", {
+    className: ax(["_n7zlidpf"])
   }, rows.map(function (row) {
-    return jsx("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       key: row.id
     }, columnsToRender.map(function (column) {
-      return jsx("td", {
-        css: cellStyles,
-        key: column.key
+      return /*#__PURE__*/React.createElement("td", {
+        key: column.key,
+        className: ax(["_1yt41uce _1s7z1oij _n7zl1oij _1ls2idpf _1o59u2gc _1lhcu2gc"]),
+        style: {
+          "--_1n7euq6": ix("0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")))
+        }
       }, renderItem(column, row));
     }));
   }))));
-});
+};
+var EmptyStateExported = function 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/esm/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/esm/ui/issue-like-table/empty-state/type.js

@@ -0,0 +1,77 @@
+/* type.tsx generated by @compiled/babel-plugin v0.36.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "style"];
+import "./type.compiled.css";
+import { forwardRef } from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+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
+var IconWrapper = forwardRef(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1e0c1txw _4cvr1h6o _1bah1e5h", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  IconWrapper.displayName = 'IconWrapper';
+}
+var EmptyStateIcon = function EmptyStateIcon(_ref2) {
+  var type = _ref2.type;
+  var TypeIcon = function 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));
+};
+var EmptyStateIconExported = function 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/esm/ui/issue-like-table/index.compiled.css

@@ -0,0 +1,88 @@
+
+._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)}
+._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}
+._1itk10xm{background-image:var(--_11c95on)}
+._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)}
+._u6rd4rgb font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._v2gl1m4d font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._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}
+._x3fx1ryd font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._yq5h18uv{border-collapse:initial}
+._zzcc92k5 font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._8vu416jk:hover{border-radius:var(--ds-border-radius-200,3px)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}