@atlaskit/link-datasource 3.13.16 → 3.13.18

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

@@ -8,12 +8,14 @@ import { useDatasourceExperienceId } from '../../../../contexts/datasource-exper
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';
 import { SharedIconComponent } from '../../shared-components/icon';
 import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
+import { getCleanedSelectProps } from '../../utils';
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
 var IconEditType = function IconEditType(props) {
   var _currentValue$values;
   var currentValue = props.currentValue,
+    labelId = props.labelId,
     executeFetch = props.executeFetch;
   var _useLoadOptions = useLoadOptions({
       executeFetch: executeFetch
@@ -38,7 +40,7 @@ var IconEditType = function IconEditType(props) {
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
-  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
     autoFocus: true,
     blurInputOnSelect: true,
     defaultMenuIsOpen: true,
@@ -48,6 +50,7 @@ var IconEditType = function IconEditType(props) {
     filterOption: filterOption,
     testId: "inline-edit-priority",
     value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
+    labelId: labelId,
     getOptionValue: function getOptionValue(option) {
       return option.text || '';
     },

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

@@ -16,6 +16,7 @@ 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) {
@@ -27,7 +28,8 @@ export var editType = function editType(_ref) {
           return /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
             currentValue: currentValue,
             setEditValues: setEditValues,
-            id: ACTIVE_INLINE_EDIT_ID
+            id: ACTIVE_INLINE_EDIT_ID,
+            labelId: labelId
           }));
         }
       };
@@ -41,7 +43,8 @@ export var editType = function editType(_ref) {
             currentValue: currentValue,
             setEditValues: setEditValues,
             id: ACTIVE_INLINE_EDIT_ID,
-            executeFetch: executeFetch
+            executeFetch: executeFetch,
+            labelId: labelId
           }));
         }
       };
@@ -54,7 +57,8 @@ export var editType = function editType(_ref) {
             currentValue: currentValue,
             setEditValues: setEditValues,
             id: ACTIVE_INLINE_EDIT_ID,
-            executeFetch: executeFetch
+            executeFetch: executeFetch,
+            labelId: labelId
           }));
         }
       };
@@ -68,7 +72,8 @@ export var editType = function editType(_ref) {
             currentValue: currentValue,
             setEditValues: setEditValues,
             id: ACTIVE_INLINE_EDIT_ID,
-            executeFetch: executeFetch
+            executeFetch: executeFetch,
+            labelId: labelId
           }));
         }
       };

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

@@ -8,9 +8,11 @@ import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/u
 import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';
 import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
+import { getCleanedSelectProps } from '../../utils';
 var StatusEditType = function StatusEditType(props) {
   var _currentValue$values;
   var currentValue = props.currentValue,
+    labelId = props.labelId,
     executeFetch = props.executeFetch;
   var _useLoadOptions = useLoadOptions({
       executeFetch: executeFetch
@@ -35,7 +37,7 @@ var StatusEditType = function StatusEditType(props) {
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
-  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
     autoFocus: true,
     options: options,
     defaultMenuIsOpen: true,
@@ -48,6 +50,7 @@ var StatusEditType = function StatusEditType(props) {
       return option.text;
     },
     value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
+    labelId: labelId,
     formatOptionLabel: function formatOptionLabel(option) {
       return /*#__PURE__*/React.createElement(Tooltip, {
         content: option.text
@@ -55,6 +58,9 @@ var StatusEditType = function StatusEditType(props) {
         testId: "inline-edit-status-option-".concat(option.text)
       }, option.style), option.text));
     },
+    getOptionLabel: function getOptionLabel(option) {
+      return option.text;
+    },
     onChange: function onChange(e) {
       return props.setEditValues({
         type: 'status',

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

@@ -7,7 +7,8 @@ import { useDatasourceExperienceId } from '../../../../contexts/datasource-exper
 var TextEditType = function TextEditType(props) {
   var _currentValue$values$, _currentValue$values;
   var experienceId = useDatasourceExperienceId();
-  var currentValue = props.currentValue;
+  var currentValue = props.currentValue,
+    labelId = props.labelId;
   useEffect(function () {
     if (experienceId) {
       succeedUfoExperience({
@@ -26,6 +27,7 @@ var TextEditType = function TextEditType(props) {
       padding: "var(--ds-space-100, 8px)".concat(" calc(", "var(--ds-space-100, 8px)", " - 1px)")
     },
     value: (_currentValue$values$ = currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0]) !== null && _currentValue$values$ !== void 0 ? _currentValue$values$ : '',
+    "aria-labelledby": labelId,
     onChange: function onChange(e) {
       return props.setEditValues({
         type: 'string',

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

@@ -14,9 +14,11 @@ import { SEARCH_DEBOUNCE_MS } from '../../../common/modal/popup-select/constants
 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,
+    labelId = props.labelId,
     executeFetch = props.executeFetch;
   var _useState = useState({
       query: ''
@@ -65,7 +67,7 @@ var UserEditType = function UserEditType(props) {
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
-  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
     autoFocus: true,
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,
@@ -76,9 +78,13 @@ var UserEditType = function UserEditType(props) {
     menuPlacement: "auto",
     onInputChange: handleUserInputDebounced,
     value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
+    labelId: labelId,
     getOptionValue: function getOptionValue(option) {
       return option.atlassianUserId;
     },
+    getOptionLabel: function getOptionLabel(option) {
+      return option.displayName || '';
+    },
     formatOptionLabel: function formatOptionLabel(option) {
       var _option$displayName;
       return /*#__PURE__*/React.createElement(Tooltip, {

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

@@ -43,7 +43,7 @@ import { InlineEditableTableCell, Table, TableCell, TableHeading, withTablePlugi
 import { ReadOnlyCell, TableCellContent } from './table-cell-content';
 import { TruncateTextTag } from './truncate-text-tag';
 import { useIsOnScreen } from './useIsOnScreen';
-import { COLUMN_BASE_WIDTH, getWidthCss } from './utils';
+import { COLUMN_BASE_WIDTH, getFieldLabelById, getWidthCss } from './utils';
 var tableSidePadding = "var(--ds-space-200, 16px)";
 var tableHeadStyles = css({
   background: "var(--ds-elevation-surface-current, #FFF)",
@@ -473,7 +473,8 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
           key: id,
           cells: visibleSortedColumns.map(function (_ref12, cellIndex) {
             var key = _ref12.key,
-              type = _ref12.type;
+              type = _ref12.type,
+              title = _ref12.title;
             return {
               key: key,
               columnKey: key,
@@ -482,11 +483,13 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
                 id: id,
                 columnKey: key,
                 columnType: type,
+                columnTitle: title,
                 wrappedColumnKeys: wrappedColumnKeys,
                 renderItem: renderItem
               }) : jsx(ReadOnlyCell, {
                 id: id,
                 columnKey: key,
+                columnTitle: title,
                 columnType: type,
                 wrappedColumnKeys: wrappedColumnKeys,
                 renderItem: renderItem
@@ -642,7 +645,8 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
       position: "bottom-start",
       testId: 'datasource-header-content'
     }, jsx("span", {
-      css: headerStyles
+      css: headerStyles,
+      id: getFieldLabelById(key)
     }, content));
     var isHeadingOutsideButton = !isEditable || !onWrappedColumnChange;
     if (isHeadingOutsideButton) {

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

@@ -75,6 +75,7 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
   var ari = _ref3.ari,
     values = _ref3.values,
     columnKey = _ref3.columnKey,
+    columnTitle = _ref3.columnTitle,
     renderItem = _ref3.renderItem,
     integrationKey = _ref3.integrationKey,
     wrappedColumnKeys = _ref3.wrappedColumnKeys;
@@ -114,6 +115,7 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
     executeFetch: executeFetch,
     readView: readView,
     columnKey: columnKey,
+    columnTitle: columnTitle,
     datasourceTypeWithValues: values
   });
 };
@@ -133,6 +135,7 @@ var toDatasourceTypeWithValues = function toDatasourceTypeWithValues(_ref4) {
 export var TableCellContent = function TableCellContent(_ref5) {
   var id = _ref5.id,
     columnKey = _ref5.columnKey,
+    columnTitle = _ref5.columnTitle,
     columnType = _ref5.columnType,
     renderItem = _ref5.renderItem,
     wrappedColumnKeys = _ref5.wrappedColumnKeys;
@@ -148,6 +151,7 @@ export var TableCellContent = function TableCellContent(_ref5) {
       return /*#__PURE__*/React.createElement(InlineEditableCell, {
         ari: ari,
         columnKey: columnKey,
+        columnTitle: columnTitle,
         renderItem: renderItem,
         integrationKey: integrationKey,
         values: toDatasourceTypeWithValues({
@@ -167,6 +171,7 @@ export var TableCellContent = function TableCellContent(_ref5) {
   }, /*#__PURE__*/React.createElement(ReadOnlyCell, {
     id: id,
     columnKey: columnKey,
+    columnTitle: columnTitle,
     columnType: columnType,
     wrappedColumnKeys: wrappedColumnKeys,
     renderItem: renderItem

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

@@ -4,7 +4,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
+import { useIntl } from 'react-intl-next';
 import AKInlineEdit from '@atlaskit/inline-edit';
 import { Box, xcss } from '@atlaskit/primitives';
 import { useSmartLinkReload } from '@atlaskit/smart-card/hooks';
@@ -15,6 +16,8 @@ import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
 import { useDatasourceActions, useDatasourceItem } from '../../../state';
 import { editType } from '../edit-type';
 import { EmptyAvatar } from '../shared-components/avatar';
+import { getFieldLabelById } from '../utils';
+import { tableCellMessages } from './messages';
 export var InlineEditUFOExperience = 'inline-edit-rendered';
 var editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
@@ -33,6 +36,21 @@ var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };
+var getCurrentFieldLabel = function getCurrentFieldLabel(typedNewValue) {
+  var _typedNewValue$values4, _typedNewValue$values5, _typedNewValue$values6;
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values4 = typedNewValue.values[0]) === null || _typedNewValue$values4 === void 0 ? void 0 : _typedNewValue$values4.text) || '';
+    case 'user':
+      return ((_typedNewValue$values5 = typedNewValue.values[0]) === null || _typedNewValue$values5 === void 0 ? void 0 : _typedNewValue$values5.displayName) || '';
+    case 'icon':
+      return ((_typedNewValue$values6 = typedNewValue.values[0]) === null || _typedNewValue$values6 === void 0 ? void 0 : _typedNewValue$values6.text) || '';
+    default:
+      return '';
+  }
+};
 var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue) {
   switch (newValue.type) {
     case 'string':
@@ -73,6 +91,7 @@ export var InlineEdit = function InlineEdit(_ref) {
     executeFetch = _ref.executeFetch,
     readView = _ref.readView,
     columnKey = _ref.columnKey,
+    columnTitle = _ref.columnTitle,
     datasourceTypeWithValues = _ref.datasourceTypeWithValues;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -143,13 +162,22 @@ export var InlineEdit = function InlineEdit(_ref) {
       });
     }
   }, [columnKey, entityType, fireEvent, integrationKey]);
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var editButtonLabel = useMemo(function () {
+    return formatMessage(tableCellMessages.editButtonLabel, {
+      fieldName: columnTitle,
+      fieldValue: getCurrentFieldLabel(editValues)
+    });
+  }, [columnTitle, formatMessage, editValues]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: editContainerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType({
     defaultValue: datasourceTypeWithValues,
     currentValue: editValues,
     setEditValues: setEditValues,
-    executeFetch: executeFetch
+    executeFetch: executeFetch,
+    labelId: getFieldLabelById(columnKey)
   }), {
     hideActionButtons: true,
     readView: editableRenderType({
@@ -162,7 +190,8 @@ export var InlineEdit = function InlineEdit(_ref) {
     onCancel: onCancelEdit,
     onConfirm: function onConfirm() {
       return onCommitUpdate(editValues);
-    }
+    },
+    editButtonLabel: editButtonLabel
   })));
 };
 

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

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var tableCellMessages = defineMessages({
+  editButtonLabel: {
+    id: 'linkDataSource.issue-line-table.edit-button-label.non-final',
+    description: 'Label of inline editable field, used mostly for screen readers. This label is used to describe the field that is editable and can be changed. e.g John Doe, Assignee field',
+    defaultMessage: '{fieldValue}, {fieldName} field'
+  }
+});

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

@@ -1,3 +1,5 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["aria-labelledby"];
 import { DatasourceAction } from '../../analytics/types';
 export var COLUMN_BASE_WIDTH = 8;
 var COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
@@ -52,4 +54,21 @@ export var getColumnAction = function getColumnAction(oldVisibleColumnKeys, newV
   } else {
     return DatasourceAction.COLUMN_REORDERED;
   }
+};
+
+/**
+ * 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;
+};
+
+/**
+ * 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/jira-issues-modal/modal/index.js

@@ -14,20 +14,18 @@ import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'rea
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { componentMetadata, EVENT_CHANNEL } from '../../../analytics/constants';
+import { EVENT_CHANNEL } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';
 import { startUfoExperience } from '../../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
 import { mapSearchMethod } from '../../../analytics/utils';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
-import { DatasourceExperienceIdProvider, useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
-import { UserInteractionsProvider, useUserInteractions } from '../../../contexts/user-interactions';
+import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
+import { useUserInteractions } from '../../../contexts/user-interactions';
 import i18nEN from '../../../i18n/en';
 import { useAvailableSites } from '../../../services/useAvailableSites';
 import { StoreContainer } from '../../../state';
@@ -56,7 +54,6 @@ import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
 import { JiraSearchContainer } from '../jira-search-container';
 import { JiraInitialStateSVG } from './jira-issues-initial-state-svg';
 import { modalMessages } from './messages';
-import { PlainJiraIssuesConfigModalOld } from './ModalOld';
 var getDisplayValue = function getDisplayValue(currentViewMode, itemCount) {
   if (currentViewMode === 'table') {
     return DatasourceDisplay.DATASOURCE_TABLE;
@@ -377,15 +374,6 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     getAnalyticsPayload: getInsertButtonAnalyticsPayload
   }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText))))));
 };
-var analyticsContextAttributes = {
-  dataProvider: 'jira-issues'
-};
-var analyticsContextData = _objectSpread(_objectSpread({}, componentMetadata.configModal), {}, {
-  source: 'datasourceConfigModal'
-});
-var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
-  attributes: _objectSpread({}, analyticsContextAttributes)
-});
 var ConnectedJiraIssueConfigModal = createDatasourceModal({
   isValidParameters: isValidParameters,
   dataProvider: 'jira-issues',
@@ -411,10 +399,5 @@ var JiraIssuesConfigModalWithExtraAnalyticsOnInsert = function JiraIssuesConfigM
   })));
 };
 export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
-  if (fg('platform-datasources-use-refactored-config-modal')) {
-    return jsx(JiraIssuesConfigModalWithExtraAnalyticsOnInsert, props);
-  }
-  return jsx(StoreContainer, null, jsx(AnalyticsContext, {
-    data: contextData
-  }, jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainJiraIssuesConfigModalOld, props)))));
+  return jsx(JiraIssuesConfigModalWithExtraAnalyticsOnInsert, props);
 };

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

@@ -4,6 +4,7 @@ import { type ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'icon'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

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

@@ -3,9 +3,10 @@ import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type ExecuteFetch } from '../../../state/actions';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch, }: {
+export declare const editType: ({ defaultValue, currentValue, labelId, setEditValues, executeFetch, }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
+    labelId?: string | undefined;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch | undefined;
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;

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

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface StatusEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'status'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

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

@@ -3,6 +3,7 @@ import { type FieldProps } from '@atlaskit/form';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'string'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
 declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;

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

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface UserEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'user'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types/ui/issue-like-table/table-cell-content/index.d.ts

@@ -4,11 +4,12 @@ import { type TableViewPropsRenderType } from '../types';
 interface TableCellContentProps {
     id: string;
     columnKey: string;
+    columnTitle: string;
     columnType: DatasourceType['type'];
     /** Used to retrieve cell content from the store */
     renderItem: TableViewPropsRenderType;
     wrappedColumnKeys: string[] | undefined;
 }
 export declare const ReadOnlyCell: ({ id, columnType, wrappedColumnKeys, renderItem, columnKey, }: TableCellContentProps) => JSX.Element | null;
-export declare const TableCellContent: ({ id, columnKey, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
+export declare const TableCellContent: ({ id, columnKey, columnTitle, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
 export {};

package/dist/types/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -5,10 +5,11 @@ export declare const InlineEditUFOExperience = "inline-edit-rendered";
 interface InlineEditProps {
     ari: string;
     columnKey: string;
+    columnTitle: string;
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
     executeFetch?: <E>(inputs: any) => Promise<E>;
 }
-export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, columnTitle, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

package/dist/types/ui/issue-like-table/table-cell-content/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const tableCellMessages: {
+    editButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/types/ui/issue-like-table/utils.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type FieldProps } from '@atlaskit/form';
 import { DatasourceAction } from '../../analytics/types';
 export declare const COLUMN_BASE_WIDTH = 8;
 export type GetWidthCss = (arg: {
@@ -21,3 +22,22 @@ export declare const getWidthCss: GetWidthCss;
  * 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 declare const getColumnAction: (oldVisibleColumnKeys: string[], newVisibleColumnKeys: string[]) => DatasourceAction;
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+export declare const getCleanedSelectProps: (props: Omit<FieldProps<string>, 'value'>) => {
+    name: string;
+    id: string;
+    'aria-describedby'?: string | undefined;
+    'aria-invalid': "true" | "false";
+    onFocus: () => void;
+    onBlur: () => void;
+    onChange: (value: string | import("react").FormEvent<HTMLInputElement>) => void;
+    isDisabled: boolean;
+    isRequired: boolean;
+    isInvalid: boolean;
+};
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+export declare const getFieldLabelById: (fieldId: string) => string;

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

@@ -4,6 +4,7 @@ import { type ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'icon'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

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

@@ -3,9 +3,10 @@ import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type ExecuteFetch } from '../../../state/actions';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch, }: {
+export declare const editType: ({ defaultValue, currentValue, labelId, setEditValues, executeFetch, }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
+    labelId?: string | undefined;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch | undefined;
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;

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

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface StatusEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'status'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

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

@@ -3,6 +3,7 @@ import { type FieldProps } from '@atlaskit/form';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'string'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
 declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;

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

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface UserEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'user'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/index.d.ts

@@ -4,11 +4,12 @@ import { type TableViewPropsRenderType } from '../types';
 interface TableCellContentProps {
     id: string;
     columnKey: string;
+    columnTitle: string;
     columnType: DatasourceType['type'];
     /** Used to retrieve cell content from the store */
     renderItem: TableViewPropsRenderType;
     wrappedColumnKeys: string[] | undefined;
 }
 export declare const ReadOnlyCell: ({ id, columnType, wrappedColumnKeys, renderItem, columnKey, }: TableCellContentProps) => JSX.Element | null;
-export declare const TableCellContent: ({ id, columnKey, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
+export declare const TableCellContent: ({ id, columnKey, columnTitle, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -5,10 +5,11 @@ export declare const InlineEditUFOExperience = "inline-edit-rendered";
 interface InlineEditProps {
     ari: string;
     columnKey: string;
+    columnTitle: string;
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
     executeFetch?: <E>(inputs: any) => Promise<E>;
 }
-export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, columnTitle, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const tableCellMessages: {
+    editButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};