@atlaskit/link-datasource 6.7.0 → 6.9.0

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

@@ -1,97 +1,2 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["value"];
-import React from 'react';
-import IconEditType from './icon';
-import StatusEditType from './status';
-import TextEditType from './text';
-import UserEditType from './user';
-
 // This is used in editor-card-plugin to identify if any type of inline edit is active.
-var ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
-export var editType = function editType(_ref) {
-  var _toValueType, _value$atlassianUserI;
-  var defaultValue = _ref.defaultValue,
-    currentValue = _ref.currentValue,
-    labelId = _ref.labelId,
-    setEditValues = _ref.setEditValues,
-    executeFetch = _ref.executeFetch;
-  switch (defaultValue.type) {
-    case 'string':
-      return {
-        defaultValue: (_toValueType = toValueType(defaultValue)) !== null && _toValueType !== void 0 ? _toValueType : '',
-        editView: function editView(_ref2) {
-          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
-          return /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
-            currentValue: currentValue,
-            setEditValues: setEditValues,
-            id: ACTIVE_INLINE_EDIT_ID,
-            labelId: labelId
-          }));
-        }
-      };
-    case 'icon':
-      return {
-        defaultValue: toValueType(defaultValue),
-        editView: function editView(_ref3) {
-          var value = _ref3.value,
-            fieldProps = _objectWithoutProperties(_ref3, _excluded);
-          return /*#__PURE__*/React.createElement(IconEditType, _extends({}, fieldProps, {
-            currentValue: currentValue,
-            setEditValues: setEditValues,
-            id: ACTIVE_INLINE_EDIT_ID,
-            executeFetch: executeFetch,
-            labelId: labelId
-          }));
-        }
-      };
-    case 'status':
-      return {
-        defaultValue: toValueType(defaultValue),
-        editView: function editView(_ref4) {
-          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
-          return /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
-            currentValue: currentValue,
-            setEditValues: setEditValues,
-            id: ACTIVE_INLINE_EDIT_ID,
-            executeFetch: executeFetch,
-            labelId: labelId
-          }));
-        }
-      };
-    case 'user':
-      var value = toValueType(defaultValue);
-      return {
-        defaultValue: (_value$atlassianUserI = value === null || value === void 0 ? void 0 : value.atlassianUserId) !== null && _value$atlassianUserI !== void 0 ? _value$atlassianUserI : '',
-        editView: function editView(_ref5) {
-          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
-          return /*#__PURE__*/React.createElement(UserEditType, _extends({}, fieldProps, {
-            currentValue: currentValue,
-            setEditValues: setEditValues,
-            id: ACTIVE_INLINE_EDIT_ID,
-            executeFetch: executeFetch,
-            labelId: labelId
-          }));
-        }
-      };
-  }
-  return {
-    defaultValue: '',
-    editView: function editView() {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
-    }
-  };
-};
-export var isEditTypeSupported = function isEditTypeSupported(type) {
-  var supportedEditType = ['string', 'status', 'icon', 'user'];
-  return supportedEditType.includes(type);
-};
-export var isEditTypeSelectable = function isEditTypeSelectable(type) {
-  var selectEditTypes = ['status', 'icon', 'user'];
-  return selectEditTypes.includes(type);
-};
-export var toValueType = function toValueType(typeWithValues) {
-  var _typeWithValues$value;
-  return (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0];
-};
+export var ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';

package/dist/esm/ui/issue-like-table/edit-type/isEditTypeSelectable.js

@@ -0,0 +1,4 @@
+export var isEditTypeSelectable = function isEditTypeSelectable(type) {
+  var selectEditTypes = ['status', 'icon', 'user'];
+  return selectEditTypes.includes(type);
+};

package/dist/esm/ui/issue-like-table/edit-type/isEditTypeSupported.js

@@ -0,0 +1,4 @@
+export var isEditTypeSupported = function isEditTypeSupported(type) {
+  var supportedEditType = ['string', 'status', 'icon', 'user'];
+  return supportedEditType.includes(type);
+};

package/dist/esm/ui/issue-like-table/edit-type/status/index.js

@@ -4,11 +4,12 @@ import { Layering } from '@atlaskit/layering/layering';
 import Lozenge from '@atlaskit/lozenge/lozenge';
 import Select from '@atlaskit/select/default';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { failUfoExperience } from '../../../../analytics/ufoExperiences/failUfoExperience';
+import { succeedUfoExperience } from '../../../../analytics/ufoExperiences/succeedUfoExperience';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';
+import { getCleanedSelectProps } from '../../get-cleaned-select-props';
 import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
-import { getCleanedSelectProps } from '../../utils';
 var StatusEditType = function StatusEditType(props) {
   var _currentValue$values;
   var currentValue = props.currentValue,

package/dist/esm/ui/issue-like-table/edit-type/text/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
 import Textfield from '@atlaskit/textfield/text-field';
-import { succeedUfoExperience } from '../../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { succeedUfoExperience } from '../../../../analytics/ufoExperiences/succeedUfoExperience';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id/use-datasource-experience-id';
 var TextEditType = function TextEditType(props) {
   var _currentValue$values$, _currentValue$values;
   var experienceId = useDatasourceExperienceId();

package/dist/esm/ui/issue-like-table/edit-type/toValueType.js

@@ -0,0 +1,4 @@
+export var toValueType = function toValueType(typeWithValues) {
+  var _typeWithValues$value;
+  return (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0];
+};

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

@@ -8,14 +8,15 @@ import AvatarItem from '@atlaskit/avatar/avatar-item';
 import { Layering } from '@atlaskit/layering/layering';
 import Select from '@atlaskit/select/default';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { failUfoExperience } from '../../../../analytics/ufoExperiences/failUfoExperience';
+import { succeedUfoExperience } from '../../../../analytics/ufoExperiences/succeedUfoExperience';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';
 import { SEARCH_DEBOUNCE_MS } from '../../../common/modal/popup-select/constants';
+import { getCleanedSelectProps } from '../../get-cleaned-select-props';
 import { USER_TYPE_TEST_ID } from '../../render-type/user';
 import { userTypeMessages } from '../../render-type/user/messages';
 import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
-import { getCleanedSelectProps } from '../../utils';
 var UserEditType = function UserEditType(props) {
   var _currentValue$values;
   var currentValue = props.currentValue,

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

@@ -0,0 +1,11 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["aria-labelledby"];
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+export var 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 = _objectWithoutProperties(props, _excluded);
+  return selectProps;
+};

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

@@ -0,0 +1,17 @@
+import { DatasourceAction } from '../../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.
+ */
+export var getColumnAction = function getColumnAction(oldVisibleColumnKeys, newVisibleColumnKeys) {
+  var newColumnSize = newVisibleColumnKeys.length;
+  var oldColumnSize = oldVisibleColumnKeys.length;
+  if (newColumnSize > oldColumnSize) {
+    return DatasourceAction.COLUMN_ADDED;
+  } else if (newColumnSize < oldColumnSize) {
+    return DatasourceAction.COLUMN_REMOVED;
+  } else {
+    return DatasourceAction.COLUMN_REORDERED;
+  }
+};

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

@@ -0,0 +1,12 @@
+import { COLUMN_BASE_WIDTH } from './utils';
+var COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
+var keyBasedMinWidthMap = {
+  summary: COLUMN_BASE_WIDTH * 26,
+  status: COLUMN_BASE_WIDTH * 12.5,
+  priority: COLUMN_BASE_WIDTH * 12.5,
+  // 100px
+  assignee: COLUMN_BASE_WIDTH * 12.5
+};
+export var getColumnMinWidth = function getColumnMinWidth(key) {
+  return keyBasedMinWidthMap[key] || COLUMN_MIN_WIDTH;
+};

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

@@ -0,0 +1,6 @@
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+export var getFieldLabelById = function getFieldLabelById(fieldId) {
+  return "datasource-header-title-".concat(fieldId);
+};

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

@@ -0,0 +1,23 @@
+import _toConsumableArray from "@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);
+};
+export var 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(_toConsumableArray(visibleColumns), _toConsumableArray(alphabeticallySortedInvisibleColumns));
+};

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

@@ -0,0 +1,25 @@
+/**
+ * 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
+ */
+export var 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/esm/ui/issue-like-table/glyph-placeholder.js

@@ -0,0 +1,10 @@
+import React from 'react';
+export var GlyphPlaceholder = function GlyphPlaceholder(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    "data-testid": props.testId,
+    "aria-label": props.label
+  });
+};