@atlaskit/link-datasource 4.11.20 → 4.12.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/link-datasource
 
+## 4.12.0
+
+### Minor Changes
+
+- [#181346](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/181346)
+  [`ac7e60f6123e7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ac7e60f6123e7) -
+  [ux] EDM-13018 migrating Assests modal schema selector to PopupSelect
+
 ## 4.11.20
 
 ### Patch Changes

package/dist/cjs/ui/assets-modal/search-container/object-schema-select/index.js

@@ -13,12 +13,16 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _debouncePromise = _interopRequireDefault(require("debounce-promise"));
 var _reactIntlNext = require("react-intl-next");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _form = require("@atlaskit/form");
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = require("@atlaskit/select");
 var _constants = require("@atlaskit/theme/constants");
 var _useObjectSchemas2 = require("../../../../hooks/useObjectSchemas");
@@ -26,7 +30,8 @@ var _types = require("../../../../types/assets/types");
 var _messages = require("./messages");
 var _utils = require("./utils");
 var _excluded = ["as", "style"],
-  _excluded2 = ["onChange", "onFocus"];
+  _excluded2 = ["onChange", "onFocus"],
+  _excluded3 = ["isOpen"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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) { (0, _defineProperty2.default)(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; }
@@ -71,12 +76,22 @@ var AssetsObjectSchemaSelect = exports.AssetsObjectSchemaSelect = function Asset
     workspaceId = _ref2.workspaceId,
     initialObjectSchemas = _ref2.initialObjectSchemas,
     _ref2$classNamePrefix = _ref2.classNamePrefix,
-    classNamePrefix = _ref2$classNamePrefix === void 0 ? 'assets-datasource-modal--object-schema-select' : _ref2$classNamePrefix;
+    classNamePrefix = _ref2$classNamePrefix === void 0 ? 'assets-datasource-modal--object-schema-select' : _ref2$classNamePrefix,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'assets-datasource-modal--object-schema-select' : _ref2$testId;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useObjectSchemas = (0, _useObjectSchemas2.useObjectSchemas)(workspaceId),
     fetchObjectSchemas = _useObjectSchemas.fetchObjectSchemas,
     objectSchemasLoading = _useObjectSchemas.objectSchemasLoading;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var _useState3 = (0, _react.useState)(mapObjectSchemasToOptions(initialObjectSchemas)),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    options = _useState4[0],
+    setOptions = _useState4[1];
   var selectedObjectSchema = value ? (0, _utils.objectSchemaToSelectOption)(value) : undefined;
   var loadOptions = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(inputValue) {
@@ -107,18 +122,81 @@ var AssetsObjectSchemaSelect = exports.AssetsObjectSchemaSelect = function Asset
     }
     return undefined;
   };
+  var handleInputChange = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(newSearchTerm, actionMeta) {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(actionMeta.action === 'input-change' && newSearchTerm !== searchTerm)) {
+              _context2.next = 7;
+              break;
+            }
+            setSearchTerm(newSearchTerm);
+            _context2.t0 = setOptions;
+            _context2.next = 5;
+            return debouncedLoadOptions(newSearchTerm);
+          case 5:
+            _context2.t1 = _context2.sent;
+            (0, _context2.t0)(_context2.t1);
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x2, _x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [debouncedLoadOptions, searchTerm]);
+  var onClose = (0, _react.useCallback)(function () {
+    setSearchTerm('');
+    setOptions(mapObjectSchemasToOptions(initialObjectSchemas));
+  }, [initialObjectSchemas]);
   return /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(_form.Field, {
     name: _types.objectSchemaKey,
     defaultValue: selectedObjectSchema,
     validate: function validate(value) {
       return validateSchema(value);
-    }
-  }, function (_ref4) {
-    var _ref4$fieldProps = _ref4.fieldProps,
-      _onChange = _ref4$fieldProps.onChange,
-      onFocus = _ref4$fieldProps.onFocus,
-      restFieldProps = (0, _objectWithoutProperties2.default)(_ref4$fieldProps, _excluded2);
-    return /*#__PURE__*/React.createElement(_select.AsyncSelect, (0, _extends2.default)({
+    },
+    testId: testId
+  }, function (_ref5) {
+    var _ref5$fieldProps = _ref5.fieldProps,
+      _onChange = _ref5$fieldProps.onChange,
+      onFocus = _ref5$fieldProps.onFocus,
+      restFieldProps = (0, _objectWithoutProperties2.default)(_ref5$fieldProps, _excluded2);
+    return (0, _platformFeatureFlags.fg)('linking-platform-assests-schema-selector-refresh') ? /*#__PURE__*/React.createElement(_select.PopupSelect, (0, _extends2.default)({
+      autoFocus: true,
+      maxMenuWidth: 300,
+      minMenuWidth: 300,
+      isSearchable: true,
+      searchThreshold: -1,
+      isLoading: objectSchemasLoading,
+      options: options,
+      placeholder: formatMessage(_messages.objectSchemaSelectMessages.placeholder),
+      onChange: function onChange(newOption) {
+        return newOption && _onChange(newOption);
+      },
+      inputValue: searchTerm,
+      onInputChange: handleInputChange,
+      onMenuClose: onClose
+    }, restFieldProps, {
+      label: formatMessage(_messages.objectSchemaSelectMessages.placeholder),
+      target: function target(_ref6) {
+        var _restFieldProps$value;
+        var isOpen = _ref6.isOpen,
+          triggerProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded3);
+        return /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({}, triggerProps, {
+          isSelected: isOpen,
+          iconAfter: function iconAfter() {
+            return /*#__PURE__*/React.createElement(_chevronDown.default, {
+              label: "",
+              color: "currentColor",
+              size: "small"
+            });
+          }
+        }), ((_restFieldProps$value = restFieldProps.value) === null || _restFieldProps$value === void 0 ? void 0 : _restFieldProps$value.label) || formatMessage(_messages.objectSchemaSelectMessages.placeholder));
+      }
+    })) : /*#__PURE__*/React.createElement(_select.AsyncSelect, (0, _extends2.default)({
       autoFocus: true,
       classNamePrefix: classNamePrefix,
       isLoading: objectSchemasLoading,

package/dist/es2019/ui/assets-modal/search-container/object-schema-select/index.js

@@ -4,10 +4,14 @@ import "./index.compiled.css";
 import { forwardRef } from 'react';
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { useCallback, useState } from 'react';
 import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button/new';
 import { Field } from '@atlaskit/form';
-import { AsyncSelect } from '@atlaskit/select';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { AsyncSelect, PopupSelect } from '@atlaskit/select';
 import { layers } from '@atlaskit/theme/constants';
 import { useObjectSchemas } from '../../../../hooks/useObjectSchemas';
 import { objectSchemaKey } from '../../../../types/assets/types';
@@ -51,7 +55,8 @@ export const AssetsObjectSchemaSelect = ({
   value,
   workspaceId,
   initialObjectSchemas,
-  classNamePrefix = 'assets-datasource-modal--object-schema-select'
+  classNamePrefix = 'assets-datasource-modal--object-schema-select',
+  testId = 'assets-datasource-modal--object-schema-select'
 }) => {
   const {
     formatMessage
@@ -60,6 +65,8 @@ export const AssetsObjectSchemaSelect = ({
     fetchObjectSchemas,
     objectSchemasLoading
   } = useObjectSchemas(workspaceId);
+  const [searchTerm, setSearchTerm] = useState('');
+  const [options, setOptions] = useState(mapObjectSchemasToOptions(initialObjectSchemas));
   const selectedObjectSchema = value ? objectSchemaToSelectOption(value) : undefined;
   const loadOptions = async inputValue => {
     const {
@@ -74,17 +81,57 @@ export const AssetsObjectSchemaSelect = ({
     }
     return undefined;
   };
+  const handleInputChange = useCallback(async (newSearchTerm, actionMeta) => {
+    if (actionMeta.action === 'input-change' && newSearchTerm !== searchTerm) {
+      setSearchTerm(newSearchTerm);
+      setOptions(await debouncedLoadOptions(newSearchTerm));
+    }
+  }, [debouncedLoadOptions, searchTerm]);
+  const onClose = useCallback(() => {
+    setSearchTerm('');
+    setOptions(mapObjectSchemasToOptions(initialObjectSchemas));
+  }, [initialObjectSchemas]);
   return /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Field, {
     name: objectSchemaKey,
     defaultValue: selectedObjectSchema,
-    validate: value => validateSchema(value)
+    validate: value => validateSchema(value),
+    testId: testId
   }, ({
     fieldProps: {
       onChange,
       onFocus,
       ...restFieldProps
     }
-  }) => /*#__PURE__*/React.createElement(AsyncSelect, _extends({
+  }) => fg('linking-platform-assests-schema-selector-refresh') ? /*#__PURE__*/React.createElement(PopupSelect, _extends({
+    autoFocus: true,
+    maxMenuWidth: 300,
+    minMenuWidth: 300,
+    isSearchable: true,
+    searchThreshold: -1,
+    isLoading: objectSchemasLoading,
+    options: options,
+    placeholder: formatMessage(objectSchemaSelectMessages.placeholder),
+    onChange: newOption => newOption && onChange(newOption),
+    inputValue: searchTerm,
+    onInputChange: handleInputChange,
+    onMenuClose: onClose
+  }, restFieldProps, {
+    label: formatMessage(objectSchemaSelectMessages.placeholder),
+    target: ({
+      isOpen,
+      ...triggerProps
+    }) => {
+      var _restFieldProps$value;
+      return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
+        isSelected: isOpen,
+        iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
+          label: "",
+          color: "currentColor",
+          size: "small"
+        })
+      }), ((_restFieldProps$value = restFieldProps.value) === null || _restFieldProps$value === void 0 ? void 0 : _restFieldProps$value.label) || formatMessage(objectSchemaSelectMessages.placeholder));
+    }
+  })) : /*#__PURE__*/React.createElement(AsyncSelect, _extends({
     autoFocus: true,
     classNamePrefix: classNamePrefix,
     isLoading: objectSchemasLoading,

package/dist/esm/ui/assets-modal/search-container/object-schema-select/index.js

@@ -1,10 +1,12 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "style"],
-  _excluded2 = ["onChange", "onFocus"];
+  _excluded2 = ["onChange", "onFocus"],
+  _excluded3 = ["isOpen"];
 import "./index.compiled.css";
 import { forwardRef } from 'react';
 import * as React from 'react';
@@ -12,10 +14,14 @@ import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 { useCallback, useState } from 'react';
 import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button/new';
 import { Field } from '@atlaskit/form';
-import { AsyncSelect } from '@atlaskit/select';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { AsyncSelect, PopupSelect } from '@atlaskit/select';
 import { layers } from '@atlaskit/theme/constants';
 import { useObjectSchemas } from '../../../../hooks/useObjectSchemas';
 import { objectSchemaKey } from '../../../../types/assets/types';
@@ -63,12 +69,22 @@ export var AssetsObjectSchemaSelect = function AssetsObjectSchemaSelect(_ref2) {
     workspaceId = _ref2.workspaceId,
     initialObjectSchemas = _ref2.initialObjectSchemas,
     _ref2$classNamePrefix = _ref2.classNamePrefix,
-    classNamePrefix = _ref2$classNamePrefix === void 0 ? 'assets-datasource-modal--object-schema-select' : _ref2$classNamePrefix;
+    classNamePrefix = _ref2$classNamePrefix === void 0 ? 'assets-datasource-modal--object-schema-select' : _ref2$classNamePrefix,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'assets-datasource-modal--object-schema-select' : _ref2$testId;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useObjectSchemas = useObjectSchemas(workspaceId),
     fetchObjectSchemas = _useObjectSchemas.fetchObjectSchemas,
     objectSchemasLoading = _useObjectSchemas.objectSchemasLoading;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var _useState3 = useState(mapObjectSchemasToOptions(initialObjectSchemas)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    options = _useState4[0],
+    setOptions = _useState4[1];
   var selectedObjectSchema = value ? objectSchemaToSelectOption(value) : undefined;
   var loadOptions = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(inputValue) {
@@ -99,18 +115,81 @@ export var AssetsObjectSchemaSelect = function AssetsObjectSchemaSelect(_ref2) {
     }
     return undefined;
   };
+  var handleInputChange = useCallback( /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(newSearchTerm, actionMeta) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(actionMeta.action === 'input-change' && newSearchTerm !== searchTerm)) {
+              _context2.next = 7;
+              break;
+            }
+            setSearchTerm(newSearchTerm);
+            _context2.t0 = setOptions;
+            _context2.next = 5;
+            return debouncedLoadOptions(newSearchTerm);
+          case 5:
+            _context2.t1 = _context2.sent;
+            (0, _context2.t0)(_context2.t1);
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x2, _x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [debouncedLoadOptions, searchTerm]);
+  var onClose = useCallback(function () {
+    setSearchTerm('');
+    setOptions(mapObjectSchemasToOptions(initialObjectSchemas));
+  }, [initialObjectSchemas]);
   return /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Field, {
     name: objectSchemaKey,
     defaultValue: selectedObjectSchema,
     validate: function validate(value) {
       return validateSchema(value);
-    }
-  }, function (_ref4) {
-    var _ref4$fieldProps = _ref4.fieldProps,
-      _onChange = _ref4$fieldProps.onChange,
-      onFocus = _ref4$fieldProps.onFocus,
-      restFieldProps = _objectWithoutProperties(_ref4$fieldProps, _excluded2);
-    return /*#__PURE__*/React.createElement(AsyncSelect, _extends({
+    },
+    testId: testId
+  }, function (_ref5) {
+    var _ref5$fieldProps = _ref5.fieldProps,
+      _onChange = _ref5$fieldProps.onChange,
+      onFocus = _ref5$fieldProps.onFocus,
+      restFieldProps = _objectWithoutProperties(_ref5$fieldProps, _excluded2);
+    return fg('linking-platform-assests-schema-selector-refresh') ? /*#__PURE__*/React.createElement(PopupSelect, _extends({
+      autoFocus: true,
+      maxMenuWidth: 300,
+      minMenuWidth: 300,
+      isSearchable: true,
+      searchThreshold: -1,
+      isLoading: objectSchemasLoading,
+      options: options,
+      placeholder: formatMessage(objectSchemaSelectMessages.placeholder),
+      onChange: function onChange(newOption) {
+        return newOption && _onChange(newOption);
+      },
+      inputValue: searchTerm,
+      onInputChange: handleInputChange,
+      onMenuClose: onClose
+    }, restFieldProps, {
+      label: formatMessage(objectSchemaSelectMessages.placeholder),
+      target: function target(_ref6) {
+        var _restFieldProps$value;
+        var isOpen = _ref6.isOpen,
+          triggerProps = _objectWithoutProperties(_ref6, _excluded3);
+        return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
+          isSelected: isOpen,
+          iconAfter: function iconAfter() {
+            return /*#__PURE__*/React.createElement(ChevronDownIcon, {
+              label: "",
+              color: "currentColor",
+              size: "small"
+            });
+          }
+        }), ((_restFieldProps$value = restFieldProps.value) === null || _restFieldProps$value === void 0 ? void 0 : _restFieldProps$value.label) || formatMessage(objectSchemaSelectMessages.placeholder));
+      }
+    })) : /*#__PURE__*/React.createElement(AsyncSelect, _extends({
       autoFocus: true,
       classNamePrefix: classNamePrefix,
       isLoading: objectSchemasLoading,

package/dist/types/ui/assets-modal/search-container/object-schema-select/index.d.ts

@@ -9,6 +9,7 @@ type AssetsObjectSchemaSelectProps = {
     workspaceId: string;
     initialObjectSchemas: ObjectSchema[] | undefined;
     classNamePrefix?: string;
+    testId?: string;
 };
 export declare const SEARCH_DEBOUNCE_MS = 350;
 /**
@@ -21,5 +22,5 @@ export declare const selectInAModalStyleFixProps: {
     };
     menuPortalTarget: HTMLElement;
 };
-export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, initialObjectSchemas, classNamePrefix, }: AssetsObjectSchemaSelectProps) => JSX.Element;
+export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, initialObjectSchemas, classNamePrefix, testId, }: AssetsObjectSchemaSelectProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/assets-modal/search-container/object-schema-select/index.d.ts

@@ -9,6 +9,7 @@ type AssetsObjectSchemaSelectProps = {
     workspaceId: string;
     initialObjectSchemas: ObjectSchema[] | undefined;
     classNamePrefix?: string;
+    testId?: string;
 };
 export declare const SEARCH_DEBOUNCE_MS = 350;
 /**
@@ -21,5 +22,5 @@ export declare const selectInAModalStyleFixProps: {
     };
     menuPortalTarget: HTMLElement;
 };
-export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, initialObjectSchemas, classNamePrefix, }: AssetsObjectSchemaSelectProps) => JSX.Element;
+export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, initialObjectSchemas, classNamePrefix, testId, }: AssetsObjectSchemaSelectProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "4.11.20",
+	"version": "4.12.0",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,8 +29,7 @@
 		"i18n": true,
 		"website": {
 			"name": "Link Datasource"
-		},
-		"runReact18": true
+		}
 	},
 	"scripts": {
 		"analytics:codegen": "yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource --output ./src/analytics/generated",
@@ -41,7 +40,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/atlassian-context": "^0.3.0",
 		"@atlaskit/avatar": "^25.1.0",
-		"@atlaskit/avatar-group": "^12.0.0",
+		"@atlaskit/avatar-group": "^12.1.0",
 		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/css": "^0.12.0",
@@ -76,9 +75,9 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^2.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^14.10.0",
-		"@atlaskit/react-select": "^3.0.0",
+		"@atlaskit/react-select": "^3.1.0",
 		"@atlaskit/select": "^21.0.0",
-		"@atlaskit/smart-card": "^38.19.0",
+		"@atlaskit/smart-card": "^38.21.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tag": "^14.0.0",
@@ -108,7 +107,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/json-ld-types": "^1.4.0",
 		"@atlaskit/link-provider": "^3.4.0",
-		"@atlaskit/link-test-helpers": "^8.1.0",
+		"@atlaskit/link-test-helpers": "^8.2.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
@@ -177,8 +176,7 @@
 			"type": "boolean"
 		},
 		"platform-linking-visual-refresh-v1": {
-			"type": "boolean",
-			"showOnWebsiteForTransitiveDependencies": true
+			"type": "boolean"
 		},
 		"platform-linking-visual-refresh-sllv": {
 			"type": "boolean"
@@ -200,6 +198,9 @@
 		},
 		"platform_linking_set_should_show_calender_button": {
 			"type": "boolean"
+		},
+		"linking-platform-assests-schema-selector-refresh": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/9c893299-a527-4457-9b46-f3bc4c828766"