@atlaskit/link-datasource 0.14.4

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

@@ -0,0 +1,300 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IssueLikeDataTableView = exports.EmptyState = void 0;
+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 _react = require("react");
+var _react2 = require("@emotion/react");
+var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
+var _linkingCommon = require("@atlaskit/linking-common");
+var _pragmaticDragAndDropAutoscroll = require("@atlaskit/pragmatic-drag-and-drop-autoscroll");
+var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge");
+var _reorderWithEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge");
+var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/util/combine");
+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 _useIsOnScreen = require("./useIsOnScreen");
+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 */
+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 tableDragPreviewStyles = (0, _react2.css)({
+  backgroundColor: "var(--ds-surface, #FFF)"
+});
+var containerDragPreviewStyles = (0, _react2.css)({
+  overflow: 'hidden'
+});
+function extractIndex(data) {
+  var index = data.index;
+  (0, _tinyInvariant.default)(typeof index === 'number');
+  return index;
+}
+var orderColumns = function orderColumns(columns, visibleColumnKeys) {
+  // newColumnKeyOrder contains keys of selected (visible columns only).
+  // In order to sort all the columns we need to insert unselected ones into this list
+  // We put them into their absolution position as it was in unchanged (before column move) order.
+  columns.forEach(function (_ref, index) {
+    var key = _ref.key;
+    if (!visibleColumnKeys.includes(key)) {
+      visibleColumnKeys.splice(index, 0, key);
+    }
+  });
+  columns.sort(function (a, b) {
+    var indexB = visibleColumnKeys.indexOf(b.key);
+    var indexA = visibleColumnKeys.indexOf(a.key);
+    return indexA - indexB;
+  });
+  return (0, _toConsumableArray2.default)(columns);
+};
+var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
+  var _orderedColumns$find;
+  var testId = _ref2.testId,
+    onNextPage = _ref2.onNextPage,
+    items = _ref2.items,
+    columns = _ref2.columns,
+    _ref2$renderItem = _ref2.renderItem,
+    renderItem = _ref2$renderItem === void 0 ? _renderType.fallbackRenderType : _ref2$renderItem,
+    visibleColumnKeys = _ref2.visibleColumnKeys,
+    onVisibleColumnKeysChange = _ref2.onVisibleColumnKeysChange,
+    status = _ref2.status,
+    hasNextPage = _ref2.hasNextPage;
+  var tableId = (0, _react.useMemo)(function () {
+    return Symbol('unique-id');
+  }, []);
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    lastRowElement = _useState2[0],
+    setLastRowElement = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isDragPreview = _useState4[0],
+    setIsDragPreview = _useState4[1];
+  var isBottomOfTableVisibleRaw = (0, _useIsOnScreen.useIsOnScreen)(lastRowElement);
+  var containerRef = (0, _react.useRef)(null);
+  var _useState5 = (0, _react.useState)(function () {
+      return orderColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(visibleColumnKeys));
+    }),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    orderedColumns = _useState6[0],
+    setOrderedColumns = _useState6[1];
+  var visibleSortedColumns = (0, _react.useMemo)(function () {
+    return visibleColumnKeys.map(function (visibleKey) {
+      return orderedColumns.find(function (_ref3) {
+        var key = _ref3.key;
+        return visibleKey === key;
+      });
+    }).filter(Boolean);
+  }, [orderedColumns, visibleColumnKeys]);
+
+  // TODO seems like this component can't handle some combination of incremental data retreaval.
+  // If data comes first, then columns and then visibleColumnKeys it blows up,
+  // or some other combination.
+
+  var identityColumnKey = (_orderedColumns$find = orderedColumns.find(function (column) {
+    return column.isIdentity;
+  })) === null || _orderedColumns$find === void 0 ? void 0 : _orderedColumns$find.key;
+  var loadingRow = (0, _react.useMemo)(function () {
+    return {
+      key: 'loading',
+      cells: visibleSortedColumns.map(function (_ref4) {
+        var key = _ref4.key;
+        var content = (0, _react2.jsx)(_linkingCommon.Skeleton, {
+          borderRadius: "var(--ds-radius-100, 3px)",
+          width: '100%',
+          height: '20px'
+        });
+        return {
+          key: key,
+          content: content
+        };
+      })
+    };
+  }, [visibleSortedColumns]);
+  var headColumns = visibleSortedColumns.map(function (column) {
+    return {
+      key: column.key,
+      content: column.title,
+      // width: TODO Find out how we going to retrieve column width
+      shouldTruncate: true
+    };
+  });
+  (0, _react.useEffect)(function () {
+    if (status === 'empty' || isBottomOfTableVisibleRaw && hasNextPage && status !== 'loading') {
+      void onNextPage();
+    }
+  }, [isBottomOfTableVisibleRaw, status, hasNextPage, onNextPage]);
+  var dndPreviewHeight = 0;
+  if (items.length > 0 && containerRef.current) {
+    var containerEl = containerRef.current;
+    (0, _tinyInvariant.default)(containerEl);
+    dndPreviewHeight = containerEl.offsetHeight;
+  }
+
+  // This variable contains initial Y mouse coordinate, so we can restrict
+  // autoScroller in X axis only
+  var initialAutoScrollerClientY = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    if (!onVisibleColumnKeysChange) {
+      return;
+    }
+    return (0, _combine.combine)((0, _element.monitorForElements)({
+      onDragStart: function onDragStart(_ref5) {
+        var location = _ref5.location;
+        initialAutoScrollerClientY.current = location.current.input.clientY;
+        _pragmaticDragAndDropAutoscroll.autoScroller.start({
+          input: location.current.input,
+          behavior: 'container-only'
+        });
+      },
+      onDrag: function onDrag(_ref6) {
+        var location = _ref6.location;
+        _pragmaticDragAndDropAutoscroll.autoScroller.updateInput({
+          input: _objectSpread(_objectSpread({}, location.current.input), {}, {
+            clientY: initialAutoScrollerClientY.current || 0
+          })
+        });
+      },
+      onDrop: function onDrop(_ref7) {
+        var source = _ref7.source,
+          location = _ref7.location;
+        initialAutoScrollerClientY.current = null;
+        _pragmaticDragAndDropAutoscroll.autoScroller.stop();
+        if (location.current.dropTargets.length === 0) {
+          return;
+        }
+        var target = location.current.dropTargets[0];
+        if (source.data.id === target.data.id) {
+          return;
+        }
+        if (source.data.type === 'table-header' && source.data.tableId === tableId) {
+          var closestEdgeOfTarget = (0, _closestEdge.extractClosestEdge)(target.data);
+          (0, _tinyInvariant.default)(closestEdgeOfTarget === 'left' || closestEdgeOfTarget === 'right');
+          var startIndex = extractIndex(source.data);
+          var indexOfTarget = extractIndex(target.data);
+          var newColumnKeyOrder = (0, _reorderWithEdge.reorderWithEdge)({
+            list: visibleColumnKeys,
+            closestEdgeOfTarget: closestEdgeOfTarget,
+            startIndex: startIndex,
+            indexOfTarget: indexOfTarget,
+            axis: 'horizontal'
+          });
+          onVisibleColumnKeysChange === null || onVisibleColumnKeysChange === void 0 ? void 0 : onVisibleColumnKeysChange((0, _toConsumableArray2.default)(newColumnKeyOrder));
+
+          // We sort columns (whole objects) according to their key order presented in newColumnKeyOrder
+          setOrderedColumns(function (columns) {
+            return orderColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(newColumnKeyOrder));
+          });
+        }
+      }
+    }));
+  }, [visibleColumnKeys, onVisibleColumnKeysChange, tableId]);
+  var tableRows = (0, _react.useMemo)(function () {
+    return items.map(function (newRowData, rowIndex) {
+      return {
+        key: "".concat(identityColumnKey && newRowData[identityColumnKey] || rowIndex),
+        cells: visibleSortedColumns.map(function (_ref8) {
+          var key = _ref8.key,
+            type = _ref8.type;
+          var value = newRowData[key];
+          var values = Array.isArray(value) ? value : [value];
+          var content = values.map(function (value) {
+            return renderItem({
+              type: type,
+              value: value
+            });
+          });
+          return {
+            key: key,
+            content: content
+          };
+        }),
+        ref: rowIndex === items.length - 1 ? function (el) {
+          return setLastRowElement(el);
+        } : undefined
+      };
+    });
+  }, [identityColumnKey, renderItem, items, visibleSortedColumns]);
+  var rows = [].concat((0, _toConsumableArray2.default)(tableRows), (0, _toConsumableArray2.default)(status === 'loading' ? [loadingRow] : []));
+  var setIsDragPreviewOn = (0, _react.useCallback)(function () {
+    return setIsDragPreview(true);
+  }, [setIsDragPreview]);
+  var setIsDragPreviewOff = (0, _react.useCallback)(function () {
+    return setIsDragPreview(false);
+  }, [setIsDragPreview]);
+  var onSelectedColumnKeysChange = (0, _react.useCallback)(function (newSelectedColumnKeys) {
+    onVisibleColumnKeysChange === null || onVisibleColumnKeysChange === void 0 ? void 0 : onVisibleColumnKeysChange(newSelectedColumnKeys);
+  }, [onVisibleColumnKeysChange]);
+  return (0, _react2.jsx)("div", {
+    ref: containerRef,
+    css: isDragPreview ? containerDragPreviewStyles : null
+  }, (0, _react2.jsx)("table", {
+    css: isDragPreview ? tableDragPreviewStyles : null,
+    "data-testid": testId
+  }, (0, _react2.jsx)("thead", {
+    "data-testid": testId && "".concat(testId, "--head"),
+    css: tableHeadStyles
+  }, (0, _react2.jsx)("tr", null, headColumns.map(function (_ref9, cellIndex) {
+    var key = _ref9.key,
+      content = _ref9.content;
+    if (onVisibleColumnKeysChange) {
+      return (0, _react2.jsx)(_draggableTableHeading.DraggableTableHeading, {
+        tableId: tableId,
+        key: key,
+        id: key,
+        index: cellIndex,
+        dndPreviewHeight: dndPreviewHeight,
+        onDragPreviewStart: setIsDragPreviewOn,
+        onDragPreviewEnd: setIsDragPreviewOff
+      }, content);
+    } else {
+      return (0, _react2.jsx)(_styled.TableHeading, {
+        key: key,
+        "data-testid": "".concat(key, "-column-heading")
+      }, content);
+    }
+  }), onVisibleColumnKeysChange && (0, _react2.jsx)("th", {
+    css: columnPickerHeaderStyles
+  }, (0, _react2.jsx)(_columnPicker.ColumnPicker, {
+    columns: orderedColumns,
+    selectedColumnKeys: visibleColumnKeys,
+    onSelectedColumnKeysChange: onSelectedColumnKeysChange
+  })))), (0, _react2.jsx)("tbody", {
+    "data-testid": testId && "".concat(testId, "--body")
+  }, rows.map(function (_ref10) {
+    var key = _ref10.key,
+      cells = _ref10.cells,
+      ref = _ref10.ref;
+    return (0, _react2.jsx)("tr", {
+      key: key,
+      "data-testid": testId && "".concat(testId, "--row-").concat(key),
+      ref: ref
+    }, cells.map(function (_ref11, cellIndex) {
+      var key = _ref11.key,
+        content = _ref11.content;
+      return (0, _react2.jsx)("td", {
+        key: key,
+        "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
+        colSpan: cellIndex + 1 === cells.length ? 2 : undefined
+      }, content);
+    }));
+  }))));
+};
+exports.IssueLikeDataTableView = IssueLikeDataTableView;
+var EmptyState = _emptyState.default;
+exports.EmptyState = EmptyState;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BOOLEAN_TYPE_TEST_ID = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _text = _interopRequireDefault(require("../text"));
+var _messages = require("./messages");
+var BOOLEAN_TYPE_TEST_ID = 'link-datasource-render-type--boolean';
+exports.BOOLEAN_TYPE_TEST_ID = BOOLEAN_TYPE_TEST_ID;
+var BooleanRenderType = function BooleanRenderType(_ref) {
+  var value = _ref.value,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? BOOLEAN_TYPE_TEST_ID : _ref$testId;
+  var intl = (0, _reactIntlNext.useIntl)();
+  if (typeof value !== 'boolean') {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  var TRUTHY_TEXT = intl.formatMessage(_messages.booleanTypeMessages.booleanTruthyValue);
+  var FALSY_TEXT = intl.formatMessage(_messages.booleanTypeMessages.booleanFalsyValue);
+  return /*#__PURE__*/_react.default.createElement(_text.default, {
+    text: value ? TRUTHY_TEXT : FALSY_TEXT,
+    testId: testId
+  });
+};
+var _default = BooleanRenderType;
+exports.default = _default;

package/dist/cjs/ui/issue-like-table/render-type/boolean/messages.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.booleanTypeMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var booleanTypeMessages = (0, _reactIntlNext.defineMessages)({
+  booleanTruthyValue: {
+    id: 'linkDataSource.render-type.boolean.true',
+    description: 'Text to display for the boolean type when the value is true',
+    defaultMessage: 'Yes'
+  },
+  booleanFalsyValue: {
+    id: 'linkDataSource.render-type.boolean.false',
+    description: 'Text to display for the boolean type when the value is false',
+    defaultMessage: 'No'
+  }
+});
+exports.booleanTypeMessages = booleanTypeMessages;

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

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DATETIME_TYPE_TEST_ID = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+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; }
+var DATETIME_TYPE_TEST_ID = 'link-datasource-render-type--datetime';
+exports.DATETIME_TYPE_TEST_ID = DATETIME_TYPE_TEST_ID;
+var dateOptions = {
+  month: 'short',
+  day: 'numeric',
+  year: 'numeric'
+};
+var timeOptions = {
+  hour12: false,
+  hour: '2-digit',
+  minute: '2-digit'
+};
+var DateTimeRenderType = function DateTimeRenderType(_ref) {
+  var value = _ref.value,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? DATETIME_TYPE_TEST_ID : _ref$testId,
+    _ref$display = _ref.display,
+    display = _ref$display === void 0 ? 'datetime' : _ref$display;
+  var date = new Date(value);
+  var intl = (0, _reactIntlNext.useIntl)();
+  if (!value || isNaN(date.getTime())) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  var options = {
+    date: dateOptions,
+    time: timeOptions,
+    datetime: _objectSpread(_objectSpread({}, dateOptions), timeOptions)
+  };
+  var formattedString = intl.formatDate(date, options[display] || options['date']);
+  return /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": testId
+  }, formattedString);
+};
+var _default = DateTimeRenderType;
+exports.default = _default;

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ICON_TYPE_TEST_ID = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _image = _interopRequireDefault(require("@atlaskit/image"));
+var _templateObject;
+var IconWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+var ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
+exports.ICON_TYPE_TEST_ID = ICON_TYPE_TEST_ID;
+var IconRenderType = function IconRenderType(_ref) {
+  var label = _ref.label,
+    source = _ref.source,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
+  var style = /svg/i.test(source) ? {
+    minWidth: '20px',
+    maxWidth: '20px'
+  } // having just width: '20px' shriks it when table width is reduced
+  : {};
+  return /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement(_image.default, {
+    src: source,
+    alt: label,
+    "data-testid": testId,
+    style: style
+  }));
+};
+var _default = IconRenderType;
+exports.default = _default;

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fallbackRenderType = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _boolean = _interopRequireDefault(require("./boolean"));
+var _dateTime = _interopRequireDefault(require("./date-time"));
+var _icon = _interopRequireDefault(require("./icon"));
+var _link = _interopRequireDefault(require("./link"));
+var _number = _interopRequireDefault(require("./number"));
+var _status = _interopRequireDefault(require("./status"));
+var _tag = _interopRequireDefault(require("./tag"));
+var _text = _interopRequireDefault(require("./text"));
+var _user = _interopRequireDefault(require("./user"));
+var fallbackRenderType = function fallbackRenderType(item) {
+  switch (item.type) {
+    case 'boolean':
+      return /*#__PURE__*/_react.default.createElement(_boolean.default, {
+        value: item.value
+      });
+    case 'date':
+      return /*#__PURE__*/_react.default.createElement(_dateTime.default, {
+        value: item.value,
+        display: "date"
+      });
+    case 'datetime':
+      return /*#__PURE__*/_react.default.createElement(_dateTime.default, {
+        value: item.value,
+        display: "datetime"
+      });
+    case 'icon':
+      return /*#__PURE__*/_react.default.createElement(_icon.default, item.value);
+    case 'link':
+      return /*#__PURE__*/_react.default.createElement(_link.default, item.value);
+    case 'number':
+      return /*#__PURE__*/_react.default.createElement(_number.default, {
+        number: item.value
+      });
+    case 'status':
+      return /*#__PURE__*/_react.default.createElement(_status.default, item.value);
+    case 'string':
+      return /*#__PURE__*/_react.default.createElement(_text.default, {
+        text: item.value
+      });
+    case 'tag':
+      return /*#__PURE__*/_react.default.createElement(_tag.default, {
+        text: item.value
+      });
+    case 'time':
+      return /*#__PURE__*/_react.default.createElement(_dateTime.default, {
+        value: item.value,
+        display: "time"
+      });
+    case 'user':
+      return /*#__PURE__*/_react.default.createElement(_user.default, item.value);
+    default:
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+};
+exports.fallbackRenderType = fallbackRenderType;

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

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LINK_TYPE_TEST_ID = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
+var _smartCard = require("@atlaskit/smart-card");
+var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
+var _colors = require("@atlaskit/theme/colors");
+var _typography = require("@atlaskit/theme/typography");
+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; }
+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; }
+var linkStyles = {
+  key: _objectSpread(_objectSpread({}, (0, _typography.h300)()), {}, {
+    color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
+    fontWeight: 600
+  })
+};
+var LINK_TYPE_TEST_ID = 'link-datasource-render-type--link';
+exports.LINK_TYPE_TEST_ID = LINK_TYPE_TEST_ID;
+var LinkRenderType = function LinkRenderType(_ref) {
+  var linkType = _ref.linkType,
+    url = _ref.url,
+    text = _ref.text,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? LINK_TYPE_TEST_ID : _ref$testId;
+  var style = (0, _react.useMemo)(function () {
+    return linkType && linkStyles[linkType] || {};
+  }, [linkType]);
+  var anchor = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
+      href: url,
+      style: style,
+      "data-testid": testId
+    }, text || url);
+  }, [style, url, text, testId]);
+  var SmartCard = function SmartCard() {
+    return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+      fallback: anchor
+    }, /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
+      appearance: "inline",
+      url: url,
+      testId: testId
+    }));
+  };
+  return text ? anchor : /*#__PURE__*/_react.default.createElement(SmartCard, null);
+};
+var _default = /*#__PURE__*/_react.default.memo(LinkRenderType);
+exports.default = _default;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NUMBER_TYPE_TEST_ID = void 0;
+var _react = _interopRequireDefault(require("react"));
+var NUMBER_TYPE_TEST_ID = 'link-datasource-render-type--number';
+exports.NUMBER_TYPE_TEST_ID = NUMBER_TYPE_TEST_ID;
+var NumberRenderType = function NumberRenderType(_ref) {
+  var number = _ref.number,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? NUMBER_TYPE_TEST_ID : _ref$testId;
+  if (typeof number !== 'number') {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  var formattedNumber = Number.isInteger(number) ? number : "".concat(number.toFixed(2));
+  return /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": testId
+  }, formattedNumber);
+};
+var _default = NumberRenderType;
+exports.default = _default;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.STATUS_TYPE_TEST_ID = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var STATUS_TYPE_TEST_ID = 'link-datasource-render-type--status';
+exports.STATUS_TYPE_TEST_ID = STATUS_TYPE_TEST_ID;
+var StatusRenderType = function StatusRenderType(_ref) {
+  var text = _ref.text,
+    status = _ref.status,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? STATUS_TYPE_TEST_ID : _ref$testId,
+    style = _ref.style;
+  if (!text) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+    appearance: status,
+    testId: testId,
+    style: style
+  }, text);
+};
+var _default = StatusRenderType;
+exports.default = _default;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TAG_TYPE_TEST_ID = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _tag = require("@atlaskit/tag");
+var TAG_TYPE_TEST_ID = 'link-datasource-render-type--tag';
+exports.TAG_TYPE_TEST_ID = TAG_TYPE_TEST_ID;
+var TagRenderType = function TagRenderType(_ref) {
+  var text = _ref.text,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? TAG_TYPE_TEST_ID : _ref$testId;
+  if (!text) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_tag.SimpleTag, {
+    text: text,
+    testId: testId,
+    appearance: 'default',
+    color: 'standard'
+  });
+};
+var _default = TagRenderType;
+exports.default = _default;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TEXT_TYPE_TEST_ID = void 0;
+var _react = _interopRequireDefault(require("react"));
+var TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
+exports.TEXT_TYPE_TEST_ID = TEXT_TYPE_TEST_ID;
+var TextRenderType = function TextRenderType(_ref) {
+  var text = _ref.text,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? TEXT_TYPE_TEST_ID : _ref$testId;
+  if (!text) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  return /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": testId
+  }, text);
+};
+var _default = TextRenderType;
+exports.default = _default;