@atlaskit/link-datasource 6.7.0 → 6.9.0

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

@@ -16,14 +16,15 @@ var _avatarItem = _interopRequireDefault(require("@atlaskit/avatar/avatar-item")
 var _layering = require("@atlaskit/layering/layering");
 var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
-var _ufoExperiences = require("../../../../analytics/ufoExperiences");
-var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
+var _failUfoExperience = require("../../../../analytics/ufoExperiences/failUfoExperience");
+var _succeedUfoExperience = require("../../../../analytics/ufoExperiences/succeedUfoExperience");
+var _useDatasourceExperienceId = require("../../../../contexts/datasource-experience-id/use-datasource-experience-id");
 var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
 var _constants = require("../../../common/modal/popup-select/constants");
+var _getCleanedSelectProps = require("../../get-cleaned-select-props");
 var _user = require("../../render-type/user");
 var _messages = require("../../render-type/user/messages");
 var _inlineEdit = require("../../table-cell-content/inline-edit");
-var _utils = require("../../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var UserEditType = function UserEditType(props) {
   var _currentValue$values;
@@ -60,24 +61,24 @@ var UserEditType = function UserEditType(props) {
     options = _useLoadOptions.options,
     isLoading = _useLoadOptions.isLoading,
     hasFailed = _useLoadOptions.hasFailed;
-  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
+  var experienceId = (0, _useDatasourceExperienceId.useDatasourceExperienceId)();
   (0, _react.useEffect)(function () {
     if (!experienceId) {
       return;
     }
     if (hasFailed) {
-      (0, _ufoExperiences.failUfoExperience)({
+      (0, _failUfoExperience.failUfoExperience)({
         name: _inlineEdit.InlineEditUFOExperience
       }, experienceId);
     } else if (!isLoading) {
-      (0, _ufoExperiences.succeedUfoExperience)({
+      (0, _succeedUfoExperience.succeedUfoExperience)({
         name: _inlineEdit.InlineEditUFOExperience
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+  }, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, (0, _getCleanedSelectProps.getCleanedSelectProps)(props), {
     menuPortalTarget: document.body,
     autoFocus: true,
     defaultMenuIsOpen: true,

package/dist/cjs/ui/issue-like-table/get-cleaned-select-props.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCleanedSelectProps = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _excluded = ["aria-labelledby"];
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+var getCleanedSelectProps = exports.getCleanedSelectProps = function getCleanedSelectProps(props) {
+  // Component Field auto adds `aria-labelledby` prop, which is deprecated and should not be used - https://hello.jira.atlassian.cloud/browse/ENGHEALTH-14529
+  var removedLabelByProps = props['aria-labelledby'],
+    selectProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return selectProps;
+};

package/dist/cjs/ui/issue-like-table/get-column-action.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColumnAction = void 0;
+var _types = require("../../analytics/types");
+/**
+ * This method should be called when one atomic action is performed on columns: adding new item, removing one item, changing items order.
+ * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
+ */
+var getColumnAction = exports.getColumnAction = function getColumnAction(oldVisibleColumnKeys, newVisibleColumnKeys) {
+  var newColumnSize = newVisibleColumnKeys.length;
+  var oldColumnSize = oldVisibleColumnKeys.length;
+  if (newColumnSize > oldColumnSize) {
+    return _types.DatasourceAction.COLUMN_ADDED;
+  } else if (newColumnSize < oldColumnSize) {
+    return _types.DatasourceAction.COLUMN_REMOVED;
+  } else {
+    return _types.DatasourceAction.COLUMN_REORDERED;
+  }
+};

package/dist/cjs/ui/issue-like-table/get-column-min-width.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColumnMinWidth = void 0;
+var _utils = require("./utils");
+var COLUMN_MIN_WIDTH = _utils.COLUMN_BASE_WIDTH * 4;
+var keyBasedMinWidthMap = {
+  summary: _utils.COLUMN_BASE_WIDTH * 26,
+  status: _utils.COLUMN_BASE_WIDTH * 12.5,
+  priority: _utils.COLUMN_BASE_WIDTH * 12.5,
+  // 100px
+  assignee: _utils.COLUMN_BASE_WIDTH * 12.5
+};
+var getColumnMinWidth = exports.getColumnMinWidth = function getColumnMinWidth(key) {
+  return keyBasedMinWidthMap[key] || COLUMN_MIN_WIDTH;
+};

package/dist/cjs/ui/issue-like-table/get-field-label-by-id.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFieldLabelById = void 0;
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+var getFieldLabelById = exports.getFieldLabelById = function getFieldLabelById(fieldId) {
+  return "datasource-header-title-".concat(fieldId);
+};

package/dist/cjs/ui/issue-like-table/get-ordered-columns.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOrderedColumns = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+var sortColumns = function sortColumns(firstOption, secondOption) {
+  return firstOption.title.localeCompare(secondOption.title);
+};
+var getOrderedColumns = exports.getOrderedColumns = function getOrderedColumns(columns, visibleColumnKeys) {
+  var visibleColumns = columns.filter(function (column) {
+    return visibleColumnKeys.includes(column.key);
+  }).sort(function (a, b) {
+    var indexB = visibleColumnKeys.indexOf(b.key);
+    var indexA = visibleColumnKeys.indexOf(a.key);
+    return indexA - indexB;
+  });
+  var alphabeticallySortedInvisibleColumns = columns.filter(function (column) {
+    return !visibleColumnKeys.includes(column.key);
+  }).sort(sortColumns);
+  return [].concat((0, _toConsumableArray2.default)(visibleColumns), (0, _toConsumableArray2.default)(alphabeticallySortedInvisibleColumns));
+};

package/dist/cjs/ui/issue-like-table/get-width-css.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWidthCss = void 0;
+/**
+ * Generate width related portion of css for table cell.
+ *
+ * @param shouldUseWidth boolean argument defines if a given width is user defined / baked in value
+ * or rather default width that should be treated as a maximum width. When table inserted initially
+ * and no user custom width defined we set this value to `false`. As soon as user changes any of the
+ * column widths we treat all width as custom hardcoded widths.
+ * @param width Sometimes set to undefined for last column to make it occupy remainder of the table width
+ */
+var getWidthCss = exports.getWidthCss = function getWidthCss(_ref) {
+  var shouldUseWidth = _ref.shouldUseWidth,
+    width = _ref.width;
+  if (!width) {
+    return {};
+  }
+  if (shouldUseWidth) {
+    return {
+      width: width
+    };
+  } else {
+    return {
+      maxWidth: width
+    };
+  }
+};

package/dist/cjs/ui/issue-like-table/glyph-placeholder.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GlyphPlaceholder = void 0;
+var _react = _interopRequireDefault(require("react"));
+var GlyphPlaceholder = exports.GlyphPlaceholder = function GlyphPlaceholder(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    "data-testid": props.testId,
+    "aria-label": props.label
+  });
+};