@atlaskit/link-datasource 1.22.7 → 1.23.0

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.USER_TYPE_TEST_ID = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
@@ -18,14 +17,14 @@ var _primitives = require("@atlaskit/primitives");
 var _widthDetector = require("@atlaskit/width-detector");
 var _styled2 = require("../../styled");
 var _messages = require("./messages");
-var _templateObject;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/** @jsx jsx */
+
 var userWrapperStyles = (0, _primitives.xcss)({
   display: 'flex',
   alignItems: 'center',
-  fontSize: "".concat(_styled2.FieldTextFontSize, "px")
+  fontSize: "".concat(_styled2.fieldTextFontSize, "px")
 });
 var avatarWrapperStyles = (0, _primitives.xcss)({
   marginRight: '5px'
@@ -33,7 +32,11 @@ var avatarWrapperStyles = (0, _primitives.xcss)({
 var widthObserverWrapperStyles = (0, _primitives.xcss)({
   position: 'relative'
 });
-var AvatarGroupWrapperStyles = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ul {\n    padding-left: 0px !important;\n  }\n"])));
+var AvatarGroupWrapperStyles = _styled.default.div({
+  ul: {
+    paddingLeft: '0px !important'
+  }
+});
 var getMaxUserCount = function getMaxUserCount(userCount, availableWidth) {
   if (availableWidth <= 28) {
     // If width is less than or equal to 28px, we should only display the user count

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

@@ -4,14 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withTablePluginPrefix = exports.withTablePluginHeaderPrefix = exports.withTablePluginBodyPrefix = exports.TableHeading = exports.Table = exports.ScrollableContainerHeight = exports.FieldTextFontSize = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+exports.withTablePluginPrefix = exports.withTablePluginHeaderPrefix = exports.withTablePluginBodyPrefix = exports.fieldTextFontSize = exports.TableHeading = exports.Table = exports.ScrollableContainerHeight = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
-var _templateObject, _templateObject2;
+var _styled$th;
 var ScrollableContainerHeight = exports.ScrollableContainerHeight = 590;
-var FieldTextFontSize = exports.FieldTextFontSize = '14px';
-var Table = exports.Table = _styled.default.table(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n"])));
+var fieldTextFontSize = exports.fieldTextFontSize = "var(--ds-font-size-100, 14px)";
+var Table = exports.Table = _styled.default.table({
+  width: '100%'
+});
 var lineHeight = "var(--ds-font-lineHeight-300, 24px)";
 var verticalPadding = "var(--ds-space-025, 2px)";
 
@@ -27,4 +29,30 @@ var withTablePluginPrefix = exports.withTablePluginPrefix = function withTablePl
 };
 var withTablePluginHeaderPrefix = exports.withTablePluginHeaderPrefix = withTablePluginPrefix.bind(null, 'thead');
 var withTablePluginBodyPrefix = exports.withTablePluginBodyPrefix = withTablePluginPrefix.bind(null, 'tbody');
-var TableHeading = exports.TableHeading = _styled.default.th(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    border: 0;\n    position: relative;\n\n    /* This makes resizing work with out jumping due to padding + changes overall width for same default values. */\n    box-sizing: border-box;\n\n    line-height: ", ";\n    padding: ", " ", ";\n    border-right: 0.5px solid ", ";\n    border-bottom: 2px solid ", ";\n\n    /*\n      lineHeight * 2 -> Max height of two lined header\n      verticalPadding * 2 -> padding for this component itself\n      verticalPadding * 2 -> padding inside span (--container)\n      2px -> Bottom border\n      Last two terms are needed because of border-box box sizing.\n    */\n    height: calc(", " * 2 + ", " * 4 + 2px);\n    vertical-align: bottom;\n    background-color: ", ";\n  }\n\n  ", " {\n    border-right: 0;\n  }\n\n  ", " {\n    padding-left: ", ";\n  }\n\n  ", " {\n    border-right: 0;\n  }\n\n  & [data-testid='datasource-header-content--container'] {\n    width: 100%;\n    padding: ", " ", ";\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    white-space: normal;\n    overflow: hidden;\n    word-wrap: break-word;\n\n    &:hover {\n      background: ", ";\n      border-radius: 3px;\n    }\n  }\n"])), withTablePluginHeaderPrefix(), lineHeight, verticalPadding, "var(--ds-space-050, 4px)", "var(--ds-border, ".concat(_colors.N40, ")"), "var(--ds-border, ".concat(_colors.N40, ")"), lineHeight, verticalPadding, "var(--ds-elevation-surface-current, #FFF)", withTablePluginPrefix('', 'thead.has-column-picker &:nth-last-of-type(2)'), withTablePluginHeaderPrefix('&:first-child'), "var(--ds-space-050, 4px)", withTablePluginHeaderPrefix('&:last-child'), verticalPadding, "var(--ds-space-050, 4px)", "var(--ds-background-input-hovered, #F7F8F9)");
+var TableHeading = exports.TableHeading = _styled.default.th((_styled$th = {}, (0, _defineProperty2.default)(_styled$th, "".concat(withTablePluginHeaderPrefix()), {
+  border: 0,
+  position: 'relative',
+  boxSizing: 'border-box',
+  lineHeight: lineHeight,
+  padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
+  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
+  borderBottom: "2px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
+  height: "calc(".concat(lineHeight, " * 2 + ").concat(verticalPadding, " * 4 + 2px)"),
+  verticalAlign: 'bottom',
+  backgroundColor: "var(--ds-elevation-surface-current, #FFF)"
+}), (0, _defineProperty2.default)(_styled$th, "".concat(withTablePluginPrefix('', 'thead.has-column-picker &:nth-last-of-type(2)')), {
+  borderRight: 0
+}), (0, _defineProperty2.default)(_styled$th, "".concat(withTablePluginHeaderPrefix('&:first-child')), {
+  paddingLeft: "var(--ds-space-050, 4px)"
+}), (0, _defineProperty2.default)(_styled$th, "".concat(withTablePluginHeaderPrefix('&:last-child')), {
+  borderRight: 0
+}), (0, _defineProperty2.default)(_styled$th, "& [data-testid='datasource-header-content--container']", {
+  width: '100%',
+  padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
+  display: '-webkit-box',
+  WebkitLineClamp: 2,
+  WebkitBoxOrient: 'vertical',
+  whiteSpace: 'normal',
+  overflow: 'hidden',
+  wordWrap: 'break-word'
+}), _styled$th));

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -32,6 +32,7 @@ export const useDatasourceTableState = ({
   const [shouldForceRequest, setShouldForceRequest] = useState(false);
   const [destinationObjectTypes, setDestinationObjectTypes] = useState([]);
   const [extensionKey, setExtensionKey] = useState();
+  const [providerName, setProviderName] = useState(undefined);
   const {
     getDatasourceData,
     getDatasourceDetails
@@ -132,7 +133,8 @@ export const useDatasourceTableState = ({
           access,
           destinationObjectTypes,
           extensionKey,
-          auth
+          auth,
+          providerName
         },
         data: {
           items,
@@ -142,6 +144,7 @@ export const useDatasourceTableState = ({
         }
       } = await getDatasourceData(datasourceId, datasourceDataRequest, shouldForceRequest);
       setExtensionKey(extensionKey);
+      setProviderName(providerName);
       if (access === 'unauthorized' || access === 'forbidden') {
         setStatus(access);
         setAuthDetails(auth || initialEmptyArray);
@@ -256,6 +259,7 @@ export const useDatasourceTableState = ({
     defaultVisibleColumnKeys,
     totalCount,
     extensionKey,
+    providerName,
     destinationObjectTypes,
     authDetails
   };

package/dist/es2019/ui/common/error-state/messages.js

@@ -57,12 +57,12 @@ export const loadingErrorMessages = defineMessages({
   },
   authScreenHeaderText: {
     id: 'linkDataSource.datasource.table.authScreenHeaderText',
-    defaultMessage: 'Connect your account',
+    defaultMessage: 'Connect your {providerName} account',
     description: 'Header text to be displayed in the auth screen UI.'
   },
   authScreenDescriptionText: {
     id: 'linkDataSource.datasource.table.authScreenDescriptionText',
-    defaultMessage: 'Connect your account to collaborate on work across Atlassian products.',
+    defaultMessage: 'Connect your {providerName} account to collaborate on work across Atlassian products.',
     description: 'Description text to be displayed in the auth screen UI.'
   },
   learnMoreAboutSmartLinks: {