@atlaskit/link-datasource 3.6.16 → 3.7.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/link-datasource
 
+## 3.7.0
+
+### Minor Changes
+
+- [#159162](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159162)
+  [`bfd053853f59d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bfd053853f59d) -
+  [ux] Enable updating jira issue statues in datasource list view via inline edit.
+
 ## 3.6.16
 
 ### Patch Changes

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

@@ -9,6 +9,8 @@ exports.isEditTypeSupported = exports.editType = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _status = _interopRequireDefault(require("./status"));
 var _text = _interopRequireWildcard(require("./text"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -31,6 +33,18 @@ var editType = exports.editType = function editType(_ref) {
           }));
         }
       };
+    case 'status':
+      return {
+        defaultValue: (0, _text.toTextValue)(defaultValue),
+        editView: function editView(_ref3) {
+          var fieldProps = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref3), _ref3));
+          return /*#__PURE__*/_react.default.createElement(_status.default, (0, _extends2.default)({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID
+          }));
+        }
+      };
     default:
       return {
         defaultValue: '',
@@ -41,10 +55,6 @@ var editType = exports.editType = function editType(_ref) {
   }
 };
 var isEditTypeSupported = exports.isEditTypeSupported = function isEditTypeSupported(type) {
-  switch (type) {
-    case 'string':
-      return true;
-    default:
-      return false;
-  }
+  var supportedEditType = (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-statuses') ? ['string', 'status'] : ['string'];
+  return supportedEditType.includes(type);
 };

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

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _select = _interopRequireDefault(require("@atlaskit/select"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
+// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
+
+var StatusEditType = function StatusEditType(props) {
+  var _props$currentValue;
+  var _useStatusOptions = useStatusOptions(),
+    options = _useStatusOptions.options,
+    isLoading = _useStatusOptions.isLoading;
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
+    className: "single-select",
+    testId: "inline-edit-status",
+    autoFocus: true,
+    defaultMenuIsOpen: true,
+    blurInputOnSelect: true,
+    getOptionValue: function getOptionValue(option) {
+      return option.text;
+    },
+    options: options,
+    isLoading: isLoading,
+    defaultValue: (_props$currentValue = props.currentValue) === null || _props$currentValue === void 0 || (_props$currentValue = _props$currentValue.values) === null || _props$currentValue === void 0 ? void 0 : _props$currentValue[0],
+    filterOption: filterOption,
+    formatOptionLabel: function formatOptionLabel(option) {
+      return /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
+        testId: "inline-edit-status-option-".concat(option.text)
+      }, option.style), option.text);
+    },
+    onChange: function onChange(e) {
+      return props.setEditValues({
+        type: 'status',
+        values: e ? [e] : []
+      });
+    }
+  })));
+};
+var filterOption = function filterOption(option, inputValue) {
+  return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
+};
+var useStatusOptions = function useStatusOptions() {
+  var _useState = (0, _react.useState)({
+      isLoading: true,
+      options: []
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    _useState2$ = _useState2[0],
+    options = _useState2$.options,
+    isLoading = _useState2$.isLoading,
+    setOptions = _useState2[1];
+  (0, _react.useEffect)(function () {
+    loadOptions().then(function (options) {
+      return setOptions({
+        isLoading: false,
+        options: options
+      });
+    });
+  }, []);
+  return {
+    options: options,
+    isLoading: isLoading
+  };
+};
+var loadOptions = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", new Promise(function (resolve) {
+            setTimeout(function () {
+              return resolve([{
+                text: 'To Do',
+                id: '1',
+                style: {
+                  appearance: 'default'
+                }
+              }, {
+                text: 'In Progress',
+                id: '1',
+                style: {
+                  appearance: 'inprogress'
+                }
+              }, {
+                text: 'Done',
+                id: '2',
+                style: {
+                  appearance: 'success'
+                }
+              }]);
+            }, 1000);
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function loadOptions() {
+    return _ref.apply(this, arguments);
+  };
+}();
+var _default = exports.default = StatusEditType;

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

@@ -109,8 +109,7 @@ var InlineEditableTableCell = exports.InlineEditableTableCell = _styled.default.
   verticalAlign: 'inherit',
   boxSizing: 'content-box',
   borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
-  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
-  overflow: 'hidden'
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")"))
 }), (0, _defineProperty2.default)(_styled$td2, "".concat(withTablePluginBodyPrefix('&:last-child')), {
   borderRight: 0
 }), (0, _defineProperty2.default)(_styled$td2, "& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span", {

package/dist/cjs/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -26,9 +26,12 @@ var editContainerStyles = (0, _primitives.xcss)({
   marginBlockStart: 'space.negative.100'
 });
 var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
+  var _typedNewValue$values;
   switch (typedNewValue.type) {
     case 'string':
       return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.id) || '';
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };
@@ -38,6 +41,10 @@ var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue)
       return _objectSpread(_objectSpread({}, existingItem), {}, (0, _defineProperty2.default)({}, columnKey, {
         data: newValue.values[0] || ''
       }));
+    case 'status':
+      return newValue.values[0] ? _objectSpread(_objectSpread({}, existingItem), {}, (0, _defineProperty2.default)({}, columnKey, {
+        data: newValue.values[0]
+      })) : existingItem;
     default:
   }
   return null;

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

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import StatusEditType from './status';
 import TextEditType, { toTextValue } from './text';
 
 // This is used in editor-card-plugin to identify if any type of inline edit is active.
@@ -21,6 +23,17 @@ export const editType = ({
           id: ACTIVE_INLINE_EDIT_ID
         }))
       };
+    case 'status':
+      return {
+        defaultValue: toTextValue(defaultValue),
+        editView: ({
+          ...fieldProps
+        }) => /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
+          currentValue: currentValue,
+          setEditValues: setEditValues,
+          id: ACTIVE_INLINE_EDIT_ID
+        }))
+      };
     default:
       return {
         defaultValue: '',
@@ -29,10 +42,6 @@ export const editType = ({
   }
 };
 export const isEditTypeSupported = type => {
-  switch (type) {
-    case 'string':
-      return true;
-    default:
-      return false;
-  }
+  const supportedEditType = fg('platform-datasources-enable-two-way-sync-statuses') ? ['string', 'status'] : ['string'];
+  return supportedEditType.includes(type);
 };

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

@@ -0,0 +1,78 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useEffect, useState } from 'react';
+import Lozenge from '@atlaskit/lozenge';
+// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
+// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
+
+import Select from '@atlaskit/select';
+const StatusEditType = props => {
+  var _props$currentValue, _props$currentValue$v;
+  const {
+    options,
+    isLoading
+  } = useStatusOptions();
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
+    className: "single-select",
+    testId: "inline-edit-status",
+    autoFocus: true,
+    defaultMenuIsOpen: true,
+    blurInputOnSelect: true,
+    getOptionValue: option => option.text,
+    options: options,
+    isLoading: isLoading,
+    defaultValue: (_props$currentValue = props.currentValue) === null || _props$currentValue === void 0 ? void 0 : (_props$currentValue$v = _props$currentValue.values) === null || _props$currentValue$v === void 0 ? void 0 : _props$currentValue$v[0],
+    filterOption: filterOption,
+    formatOptionLabel: option => /*#__PURE__*/React.createElement(Lozenge, _extends({
+      testId: `inline-edit-status-option-${option.text}`
+    }, option.style), option.text),
+    onChange: e => props.setEditValues({
+      type: 'status',
+      values: e ? [e] : []
+    })
+  })));
+};
+const filterOption = (option, inputValue) => option.data.text.toLowerCase().includes(inputValue.toLowerCase());
+const useStatusOptions = () => {
+  const [{
+    options,
+    isLoading
+  }, setOptions] = useState({
+    isLoading: true,
+    options: []
+  });
+  useEffect(() => {
+    loadOptions().then(options => setOptions({
+      isLoading: false,
+      options
+    }));
+  }, []);
+  return {
+    options,
+    isLoading
+  };
+};
+const loadOptions = async () => {
+  return new Promise(resolve => {
+    setTimeout(() => resolve([{
+      text: 'To Do',
+      id: '1',
+      style: {
+        appearance: 'default'
+      }
+    }, {
+      text: 'In Progress',
+      id: '1',
+      style: {
+        appearance: 'inprogress'
+      }
+    }, {
+      text: 'Done',
+      id: '2',
+      style: {
+        appearance: 'success'
+      }
+    }]), 1000);
+  });
+};
+export default StatusEditType;

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

@@ -126,8 +126,7 @@ export const InlineEditableTableCell = styled.td({
     verticalAlign: 'inherit',
     boxSizing: 'content-box',
     borderRight: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
-    borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
-    overflow: 'hidden'
+    borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`${withTablePluginBodyPrefix('&:last-child')}`]: {

package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -11,9 +11,12 @@ const editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
 const getBackendUpdateValue = typedNewValue => {
+  var _typedNewValue$values;
   switch (typedNewValue.type) {
     case 'string':
       return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.id) || '';
   }
   throw new Error(`Datasource 2 way sync Backend update value not implemented for type ${typedNewValue.type}`);
 };
@@ -26,6 +29,13 @@ const mapUpdatedItem = (existingItem, columnKey, newValue) => {
           data: newValue.values[0] || ''
         }
       };
+    case 'status':
+      return newValue.values[0] ? {
+        ...existingItem,
+        [columnKey]: {
+          data: newValue.values[0]
+        }
+      } : existingItem;
     default:
   }
   return null;

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

@@ -1,6 +1,8 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import StatusEditType from './status';
 import TextEditType, { toTextValue } from './text';
 
 // This is used in editor-card-plugin to identify if any type of inline edit is active.
@@ -22,6 +24,18 @@ export var editType = function editType(_ref) {
           }));
         }
       };
+    case 'status':
+      return {
+        defaultValue: toTextValue(defaultValue),
+        editView: function editView(_ref3) {
+          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+          return /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID
+          }));
+        }
+      };
     default:
       return {
         defaultValue: '',
@@ -32,10 +46,6 @@ export var editType = function editType(_ref) {
   }
 };
 export var isEditTypeSupported = function isEditTypeSupported(type) {
-  switch (type) {
-    case 'string':
-      return true;
-    default:
-      return false;
-  }
+  var supportedEditType = fg('platform-datasources-enable-two-way-sync-statuses') ? ['string', 'status'] : ['string'];
+  return supportedEditType.includes(type);
 };

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

@@ -0,0 +1,107 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState } from 'react';
+import Lozenge from '@atlaskit/lozenge';
+// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
+// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
+
+import Select from '@atlaskit/select';
+var StatusEditType = function StatusEditType(props) {
+  var _props$currentValue;
+  var _useStatusOptions = useStatusOptions(),
+    options = _useStatusOptions.options,
+    isLoading = _useStatusOptions.isLoading;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
+    className: "single-select",
+    testId: "inline-edit-status",
+    autoFocus: true,
+    defaultMenuIsOpen: true,
+    blurInputOnSelect: true,
+    getOptionValue: function getOptionValue(option) {
+      return option.text;
+    },
+    options: options,
+    isLoading: isLoading,
+    defaultValue: (_props$currentValue = props.currentValue) === null || _props$currentValue === void 0 || (_props$currentValue = _props$currentValue.values) === null || _props$currentValue === void 0 ? void 0 : _props$currentValue[0],
+    filterOption: filterOption,
+    formatOptionLabel: function formatOptionLabel(option) {
+      return /*#__PURE__*/React.createElement(Lozenge, _extends({
+        testId: "inline-edit-status-option-".concat(option.text)
+      }, option.style), option.text);
+    },
+    onChange: function onChange(e) {
+      return props.setEditValues({
+        type: 'status',
+        values: e ? [e] : []
+      });
+    }
+  })));
+};
+var filterOption = function filterOption(option, inputValue) {
+  return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
+};
+var useStatusOptions = function useStatusOptions() {
+  var _useState = useState({
+      isLoading: true,
+      options: []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    _useState2$ = _useState2[0],
+    options = _useState2$.options,
+    isLoading = _useState2$.isLoading,
+    setOptions = _useState2[1];
+  useEffect(function () {
+    loadOptions().then(function (options) {
+      return setOptions({
+        isLoading: false,
+        options: options
+      });
+    });
+  }, []);
+  return {
+    options: options,
+    isLoading: isLoading
+  };
+};
+var loadOptions = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", new Promise(function (resolve) {
+            setTimeout(function () {
+              return resolve([{
+                text: 'To Do',
+                id: '1',
+                style: {
+                  appearance: 'default'
+                }
+              }, {
+                text: 'In Progress',
+                id: '1',
+                style: {
+                  appearance: 'inprogress'
+                }
+              }, {
+                text: 'Done',
+                id: '2',
+                style: {
+                  appearance: 'success'
+                }
+              }]);
+            }, 1000);
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function loadOptions() {
+    return _ref.apply(this, arguments);
+  };
+}();
+export default StatusEditType;

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

@@ -103,8 +103,7 @@ export var InlineEditableTableCell = styled.td((_styled$td2 = {}, _definePropert
   verticalAlign: 'inherit',
   boxSizing: 'content-box',
   borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
-  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
-  overflow: 'hidden'
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")"))
 }), _defineProperty(_styled$td2, "".concat(withTablePluginBodyPrefix('&:last-child')), {
   borderRight: 0
 }), _defineProperty(_styled$td2, "& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span", {

package/dist/esm/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -16,9 +16,12 @@ var editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
 var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
+  var _typedNewValue$values;
   switch (typedNewValue.type) {
     case 'string':
       return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.id) || '';
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };
@@ -28,6 +31,10 @@ var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue)
       return _objectSpread(_objectSpread({}, existingItem), {}, _defineProperty({}, columnKey, {
         data: newValue.values[0] || ''
       }));
+    case 'status':
+      return newValue.values[0] ? _objectSpread(_objectSpread({}, existingItem), {}, _defineProperty({}, columnKey, {
+        data: newValue.values[0]
+      })) : existingItem;
     default:
   }
   return null;

package/dist/types/ui/issue-like-table/edit-type/status/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type FieldProps } from '@atlaskit/form';
+import type { DatasourceTypeWithOnlyValues } from '../../types';
+interface Props extends Omit<FieldProps<string>, 'value'> {
+    currentValue: DatasourceTypeWithOnlyValues;
+    setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
+}
+declare const StatusEditType: (props: Props) => JSX.Element;
+export default StatusEditType;

package/dist/types-ts4.5/ui/issue-like-table/edit-type/status/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type FieldProps } from '@atlaskit/form';
+import type { DatasourceTypeWithOnlyValues } from '../../types';
+interface Props extends Omit<FieldProps<string>, 'value'> {
+    currentValue: DatasourceTypeWithOnlyValues;
+    setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
+}
+declare const StatusEditType: (props: Props) => JSX.Element;
+export default StatusEditType;

package/examples-helpers/buildIssueLikeTable.tsx

@@ -30,6 +30,7 @@ interface Props {
 	canControlWrapping?: boolean;
 	skipIntl?: boolean;
 	forceLoading?: boolean;
+	visibleColumnKeys?: string[];
 }
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
@@ -46,6 +47,7 @@ const ExampleBody = ({
 	canResizeColumns = true,
 	canControlWrapping = true,
 	forceLoading = false,
+	visibleColumnKeys: overrideVisibleColumnKeys,
 }: Props) => {
 	const parameters = useMemo<JiraIssueDatasourceParameters>(
 		() => ({
@@ -85,10 +87,17 @@ const ExampleBody = ({
 	});
 
 	useEffect(() => {
-		if (visibleColumnKeys.length === 0 && defaultVisibleColumnKeys.length > 0) {
+		if (overrideVisibleColumnKeys) {
+			onVisibleColumnKeysChange(overrideVisibleColumnKeys);
+		} else if (visibleColumnKeys.length === 0 && defaultVisibleColumnKeys.length > 0) {
 			onVisibleColumnKeysChange(defaultVisibleColumnKeys);
 		}
-	}, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
+	}, [
+		visibleColumnKeys,
+		defaultVisibleColumnKeys,
+		onVisibleColumnKeysChange,
+		overrideVisibleColumnKeys,
+	]);
 
 	return (
 		<TableViewWrapper>
@@ -116,22 +125,12 @@ const ExampleBody = ({
 	);
 };
 
-export const ExampleIssueLikeTable = ({
-	isReadonly,
-	canResizeColumns,
-	canControlWrapping,
-	forceLoading,
-}: Props) => {
+export const ExampleIssueLikeTable = (props: Props) => {
 	return (
 		<DatasourceExperienceIdProvider>
 			<IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
 				<SmartCardProvider client={new SmartLinkClient()}>
-					<ExampleBody
-						isReadonly={isReadonly}
-						canResizeColumns={canResizeColumns}
-						canControlWrapping={canControlWrapping}
-						forceLoading={forceLoading}
-					/>
+					<ExampleBody {...props} />
 				</SmartCardProvider>
 			</IntlMessagesProvider>
 		</DatasourceExperienceIdProvider>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.6.16",
+	"version": "3.7.0",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -164,6 +164,9 @@
 		"enable_datasource_supporting_actions": {
 			"type": "boolean"
 		},
+		"platform-datasources-enable-two-way-sync-statuses": {
+			"type": "boolean"
+		},
 		"platform.linking-platform.datasource-assets_add_version_parameter": {
 			"type": "boolean"
 		},