@atlaskit/link-datasource 3.6.12 → 3.6.13

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/link-datasource
 
+## 3.6.13
+
+### Patch Changes
+
+- [#153904](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/153904)
+  [`c08ee2802b968`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c08ee2802b968) -
+  Change inline-edit to be a controlled component
+
 ## 3.6.12
 
 ### Patch Changes

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

@@ -1,29 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isEditTypeSupported = exports.editType = void 0;
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _text = _interopRequireDefault(require("./text"));
-var _excluded = ["value"];
+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; }
 // 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';
-var editType = exports.editType = function editType(item) {
-  var _item$values$, _item$values;
-  switch (item.type) {
+var editType = exports.editType = function editType(_ref) {
+  var defaultValue = _ref.defaultValue,
+    currentValue = _ref.currentValue,
+    setEditValues = _ref.setEditValues;
+  switch (defaultValue.type) {
     case 'string':
-      var stringValue = (_item$values$ = (_item$values = item.values) === null || _item$values === void 0 ? void 0 : _item$values[0]) !== null && _item$values$ !== void 0 ? _item$values$ : '';
       return {
-        defaultValue: stringValue,
-        editView: function editView(_ref) {
-          var value = _ref.value,
-            fieldProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+        defaultValue: (0, _text.toTextValue)(defaultValue),
+        editView: function editView(_ref2) {
+          var fieldProps = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref2), _ref2));
           return /*#__PURE__*/_react.default.createElement(_text.default, (0, _extends2.default)({}, fieldProps, {
-            value: value,
+            currentValue: currentValue,
+            setEditValues: setEditValues,
             id: ACTIVE_INLINE_EDIT_ID
           }));
         }

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

@@ -4,11 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.toTextValue = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _layering = require("@atlaskit/layering");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var toTextValue = exports.toTextValue = function toTextValue(typeWithValues) {
+  var _ref, _typeWithValues$value;
+  return (_ref = (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0]) !== null && _ref !== void 0 ? _ref : '';
+};
 var TextEditType = function TextEditType(props) {
   return /*#__PURE__*/_react.default.createElement(_layering.UNSAFE_LAYERING, {
     isDisabled: false
@@ -19,6 +23,13 @@ var TextEditType = function TextEditType(props) {
     style: {
       // We need 8px left padding to match read only version, but there is already 1px of border
       padding: "var(--ds-space-100, 8px)".concat(" calc(", "var(--ds-space-100, 8px)", " - 1px)")
+    },
+    value: toTextValue(props.currentValue),
+    onChange: function onChange(e) {
+      return props.setEditValues({
+        type: 'string',
+        values: [e.currentTarget.value]
+      });
     }
   })));
 };

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

@@ -25,11 +25,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var editContainerStyles = (0, _primitives.xcss)({
   marginBlockStart: 'space.negative.100'
 });
-var mapUpdatedItem = function mapUpdatedItem(type, existingItem, columnKey, newValue) {
-  switch (type) {
+var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0] || '';
+  }
+  throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
+};
+var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue) {
+  switch (newValue.type) {
     case 'string':
       return _objectSpread(_objectSpread({}, existingItem), {}, (0, _defineProperty2.default)({}, columnKey, {
-        data: newValue
+        data: newValue.values[0] || ''
       }));
     default:
   }
@@ -62,6 +69,10 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isEditing = _useState2[0],
     setIsEditing = _useState2[1];
+  var _useState3 = (0, _react.useState)(datasourceTypeWithValues),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    editValues = _useState4[0],
+    setEditValues = _useState4[1];
   var item = (0, _state.useDatasourceItem)({
     id: ari
   });
@@ -75,20 +86,20 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   var refreshDatasourceItem = useRefreshDatasourceItem(item);
-  var onCommitUpdate = (0, _react.useCallback)(function (value) {
+  var onCommitUpdate = (0, _react.useCallback)(function (newValue) {
     if (!item) {
       setIsEditing(false);
       return;
     }
     var existingData = item.data;
-    var newItem = mapUpdatedItem(datasourceTypeWithValues.type, item.data, columnKey, value);
+    var newItem = mapUpdatedItem(item.data, columnKey, newValue);
     if (!newItem || !isNewValue(columnKey, newItem, existingData)) {
       setIsEditing(false);
       return;
     }
     onUpdateItem(ari, newItem);
     fireEvent('ui.form.submitted.inlineEdit', {});
-    execute(value).then(refreshDatasourceItem).catch(function (error) {
+    execute(getBackendUpdateValue(newValue)).then(refreshDatasourceItem).catch(function (error) {
       var status = error && (0, _typeof2.default)(error) === 'object' ? error.status : undefined;
       showErrorFlag({
         status: status
@@ -96,7 +107,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
       onUpdateItem(ari, existingData);
     });
     setIsEditing(false);
-  }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, refreshDatasourceItem, fireEvent, execute, showErrorFlag]);
+  }, [item, columnKey, onUpdateItem, ari, refreshDatasourceItem, fireEvent, execute, showErrorFlag]);
   var onEdit = (0, _react.useCallback)(function () {
     setIsEditing(true);
     if (integrationKey && entityType) {
@@ -119,7 +130,11 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
   }, [columnKey, entityType, fireEvent, integrationKey]);
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: editContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)(datasourceTypeWithValues), {
+  }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)({
+    defaultValue: datasourceTypeWithValues,
+    currentValue: editValues,
+    setEditValues: setEditValues
+  }), {
     hideActionButtons: true,
     readView: function readView() {
       return _readView;
@@ -128,6 +143,8 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     isEditing: isEditing,
     onEdit: onEdit,
     onCancel: onCancelEdit,
-    onConfirm: onCommitUpdate
+    onConfirm: function onConfirm() {
+      return onCommitUpdate(editValues);
+    }
   })));
 };

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

@@ -1,21 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import TextEditType from './text';
+import TextEditType, { toTextValue } from './text';
 
 // This is used in editor-card-plugin to identify if any type of inline edit is active.
 const ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
-export const editType = item => {
-  var _item$values$, _item$values;
-  switch (item.type) {
+export const editType = ({
+  defaultValue,
+  currentValue,
+  setEditValues
+}) => {
+  switch (defaultValue.type) {
     case 'string':
-      const stringValue = (_item$values$ = (_item$values = item.values) === null || _item$values === void 0 ? void 0 : _item$values[0]) !== null && _item$values$ !== void 0 ? _item$values$ : '';
       return {
-        defaultValue: stringValue,
+        defaultValue: toTextValue(defaultValue),
         editView: ({
-          value,
           ...fieldProps
         }) => /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
-          value: value,
+          currentValue: currentValue,
+          setEditValues: setEditValues,
           id: ACTIVE_INLINE_EDIT_ID
         }))
       };

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

@@ -2,6 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { UNSAFE_LAYERING } from '@atlaskit/layering';
 import Textfield from '@atlaskit/textfield';
+export const toTextValue = typeWithValues => {
+  var _ref, _typeWithValues$value;
+  return (_ref = (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0]) !== null && _ref !== void 0 ? _ref : '';
+};
 const TextEditType = props => {
   return /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
     isDisabled: false
@@ -12,7 +16,12 @@ const TextEditType = props => {
     style: {
       // We need 8px left padding to match read only version, but there is already 1px of border
       padding: `${"var(--ds-space-100, 8px)"} calc(${"var(--ds-space-100, 8px)"} - 1px)`
-    }
+    },
+    value: toTextValue(props.currentValue),
+    onChange: e => props.setEditValues({
+      type: 'string',
+      values: [e.currentTarget.value]
+    })
   })));
 };
 export default TextEditType;

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

@@ -10,13 +10,20 @@ import { editType } from '../edit-type';
 const editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
-const mapUpdatedItem = (type, existingItem, columnKey, newValue) => {
-  switch (type) {
+const getBackendUpdateValue = typedNewValue => {
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0] || '';
+  }
+  throw new Error(`Datasource 2 way sync Backend update value not implemented for type ${typedNewValue.type}`);
+};
+const mapUpdatedItem = (existingItem, columnKey, newValue) => {
+  switch (newValue.type) {
     case 'string':
       return {
         ...existingItem,
         [columnKey]: {
-          data: newValue
+          data: newValue.values[0] || ''
         }
       };
     default:
@@ -48,6 +55,7 @@ export const InlineEdit = ({
   datasourceTypeWithValues
 }) => {
   const [isEditing, setIsEditing] = useState(false);
+  const [editValues, setEditValues] = useState(datasourceTypeWithValues);
   const item = useDatasourceItem({
     id: ari
   });
@@ -65,20 +73,20 @@ export const InlineEdit = ({
     fireEvent
   } = useDatasourceAnalyticsEvents();
   const refreshDatasourceItem = useRefreshDatasourceItem(item);
-  const onCommitUpdate = useCallback(value => {
+  const onCommitUpdate = useCallback(newValue => {
     if (!item) {
       setIsEditing(false);
       return;
     }
     const existingData = item.data;
-    const newItem = mapUpdatedItem(datasourceTypeWithValues.type, item.data, columnKey, value);
+    const newItem = mapUpdatedItem(item.data, columnKey, newValue);
     if (!newItem || !isNewValue(columnKey, newItem, existingData)) {
       setIsEditing(false);
       return;
     }
     onUpdateItem(ari, newItem);
     fireEvent('ui.form.submitted.inlineEdit', {});
-    execute(value).then(refreshDatasourceItem).catch(error => {
+    execute(getBackendUpdateValue(newValue)).then(refreshDatasourceItem).catch(error => {
       const status = error && typeof error === 'object' ? error.status : undefined;
       showErrorFlag({
         status
@@ -86,7 +94,7 @@ export const InlineEdit = ({
       onUpdateItem(ari, existingData);
     });
     setIsEditing(false);
-  }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, refreshDatasourceItem, fireEvent, execute, showErrorFlag]);
+  }, [item, columnKey, onUpdateItem, ari, refreshDatasourceItem, fireEvent, execute, showErrorFlag]);
   const onEdit = useCallback(() => {
     setIsEditing(true);
     if (integrationKey && entityType) {
@@ -109,13 +117,17 @@ export const InlineEdit = ({
   }, [columnKey, entityType, fireEvent, integrationKey]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: editContainerStyles
-  }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {
+  }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType({
+    defaultValue: datasourceTypeWithValues,
+    currentValue: editValues,
+    setEditValues
+  }), {
     hideActionButtons: true,
     readView: () => readView,
     readViewFitContainerWidth: true,
     isEditing: isEditing,
     onEdit: onEdit,
     onCancel: onCancelEdit,
-    onConfirm: onCommitUpdate
+    onConfirm: () => onCommitUpdate(editValues)
   })));
 };

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

@@ -1,23 +1,23 @@
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value"];
 import React from 'react';
-import TextEditType from './text';
+import TextEditType, { toTextValue } from './text';
 
 // 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(item) {
-  var _item$values$, _item$values;
-  switch (item.type) {
+export var editType = function editType(_ref) {
+  var defaultValue = _ref.defaultValue,
+    currentValue = _ref.currentValue,
+    setEditValues = _ref.setEditValues;
+  switch (defaultValue.type) {
     case 'string':
-      var stringValue = (_item$values$ = (_item$values = item.values) === null || _item$values === void 0 ? void 0 : _item$values[0]) !== null && _item$values$ !== void 0 ? _item$values$ : '';
       return {
-        defaultValue: stringValue,
-        editView: function editView(_ref) {
-          var value = _ref.value,
-            fieldProps = _objectWithoutProperties(_ref, _excluded);
+        defaultValue: toTextValue(defaultValue),
+        editView: function editView(_ref2) {
+          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
           return /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
-            value: value,
+            currentValue: currentValue,
+            setEditValues: setEditValues,
             id: ACTIVE_INLINE_EDIT_ID
           }));
         }

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

@@ -2,6 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { UNSAFE_LAYERING } from '@atlaskit/layering';
 import Textfield from '@atlaskit/textfield';
+export var toTextValue = function toTextValue(typeWithValues) {
+  var _ref, _typeWithValues$value;
+  return (_ref = (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0]) !== null && _ref !== void 0 ? _ref : '';
+};
 var TextEditType = function TextEditType(props) {
   return /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
     isDisabled: false
@@ -12,6 +16,13 @@ var TextEditType = function TextEditType(props) {
     style: {
       // We need 8px left padding to match read only version, but there is already 1px of border
       padding: "var(--ds-space-100, 8px)".concat(" calc(", "var(--ds-space-100, 8px)", " - 1px)")
+    },
+    value: toTextValue(props.currentValue),
+    onChange: function onChange(e) {
+      return props.setEditValues({
+        type: 'string',
+        values: [e.currentTarget.value]
+      });
     }
   })));
 };

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

@@ -15,11 +15,18 @@ import { editType } from '../edit-type';
 var editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
-var mapUpdatedItem = function mapUpdatedItem(type, existingItem, columnKey, newValue) {
-  switch (type) {
+var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0] || '';
+  }
+  throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
+};
+var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue) {
+  switch (newValue.type) {
     case 'string':
       return _objectSpread(_objectSpread({}, existingItem), {}, _defineProperty({}, columnKey, {
-        data: newValue
+        data: newValue.values[0] || ''
       }));
     default:
   }
@@ -52,6 +59,10 @@ export var InlineEdit = function InlineEdit(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isEditing = _useState2[0],
     setIsEditing = _useState2[1];
+  var _useState3 = useState(datasourceTypeWithValues),
+    _useState4 = _slicedToArray(_useState3, 2),
+    editValues = _useState4[0],
+    setEditValues = _useState4[1];
   var item = useDatasourceItem({
     id: ari
   });
@@ -65,20 +76,20 @@ export var InlineEdit = function InlineEdit(_ref) {
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   var refreshDatasourceItem = useRefreshDatasourceItem(item);
-  var onCommitUpdate = useCallback(function (value) {
+  var onCommitUpdate = useCallback(function (newValue) {
     if (!item) {
       setIsEditing(false);
       return;
     }
     var existingData = item.data;
-    var newItem = mapUpdatedItem(datasourceTypeWithValues.type, item.data, columnKey, value);
+    var newItem = mapUpdatedItem(item.data, columnKey, newValue);
     if (!newItem || !isNewValue(columnKey, newItem, existingData)) {
       setIsEditing(false);
       return;
     }
     onUpdateItem(ari, newItem);
     fireEvent('ui.form.submitted.inlineEdit', {});
-    execute(value).then(refreshDatasourceItem).catch(function (error) {
+    execute(getBackendUpdateValue(newValue)).then(refreshDatasourceItem).catch(function (error) {
       var status = error && _typeof(error) === 'object' ? error.status : undefined;
       showErrorFlag({
         status: status
@@ -86,7 +97,7 @@ export var InlineEdit = function InlineEdit(_ref) {
       onUpdateItem(ari, existingData);
     });
     setIsEditing(false);
-  }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, refreshDatasourceItem, fireEvent, execute, showErrorFlag]);
+  }, [item, columnKey, onUpdateItem, ari, refreshDatasourceItem, fireEvent, execute, showErrorFlag]);
   var onEdit = useCallback(function () {
     setIsEditing(true);
     if (integrationKey && entityType) {
@@ -109,7 +120,11 @@ export var InlineEdit = function InlineEdit(_ref) {
   }, [columnKey, entityType, fireEvent, integrationKey]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: editContainerStyles
-  }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {
+  }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType({
+    defaultValue: datasourceTypeWithValues,
+    currentValue: editValues,
+    setEditValues: setEditValues
+  }), {
     hideActionButtons: true,
     readView: function readView() {
       return _readView;
@@ -118,6 +133,8 @@ export var InlineEdit = function InlineEdit(_ref) {
     isEditing: isEditing,
     onEdit: onEdit,
     onCancel: onCancelEdit,
-    onConfirm: onCommitUpdate
+    onConfirm: function onConfirm() {
+      return onCommitUpdate(editValues);
+    }
   })));
 };

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

@@ -2,5 +2,9 @@ import React from 'react';
 import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: (item: DatasourceTypeWithOnlyValues) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;
+export declare const editType: ({ defaultValue, currentValue, setEditValues, }: {
+    defaultValue: DatasourceTypeWithOnlyValues;
+    currentValue: DatasourceTypeWithOnlyValues;
+    setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
+}) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;
 export declare const isEditTypeSupported: (type: DatasourceType['type']) => boolean;

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

@@ -1,6 +1,10 @@
 import React from 'react';
-import Textfield from '@atlaskit/textfield';
-interface TextEditTypeProps extends React.ComponentProps<typeof Textfield> {
+import { type FieldProps } from '@atlaskit/form';
+import type { DatasourceTypeWithOnlyValues } from '../../types';
+interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
+    currentValue: DatasourceTypeWithOnlyValues;
+    setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
+export declare const toTextValue: (typeWithValues: DatasourceTypeWithOnlyValues) => string;
 declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;
 export default TextEditType;

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

@@ -2,5 +2,9 @@ import React from 'react';
 import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: (item: DatasourceTypeWithOnlyValues) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;
+export declare const editType: ({ defaultValue, currentValue, setEditValues, }: {
+    defaultValue: DatasourceTypeWithOnlyValues;
+    currentValue: DatasourceTypeWithOnlyValues;
+    setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
+}) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;
 export declare const isEditTypeSupported: (type: DatasourceType['type']) => boolean;

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

@@ -1,6 +1,10 @@
 import React from 'react';
-import Textfield from '@atlaskit/textfield';
-interface TextEditTypeProps extends React.ComponentProps<typeof Textfield> {
+import { type FieldProps } from '@atlaskit/form';
+import type { DatasourceTypeWithOnlyValues } from '../../types';
+interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
+    currentValue: DatasourceTypeWithOnlyValues;
+    setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
+export declare const toTextValue: (typeWithValues: DatasourceTypeWithOnlyValues) => string;
 declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;
 export default TextEditType;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.6.12",
+	"version": "3.6.13",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/inline-edit": "^13.7.0",
 		"@atlaskit/intl-messages-provider": "^1.0.0",
 		"@atlaskit/jql-ast": "^3.3.0",
-		"@atlaskit/jql-editor": "^4.8.0",
+		"@atlaskit/jql-editor": "^4.9.0",
 		"@atlaskit/jql-editor-autocomplete-rest": "^2.1.0",
 		"@atlaskit/layering": "^0.7.0",
 		"@atlaskit/link-client-extension": "^2.4.0",