@atlaskit/link-datasource 4.19.1 → 4.19.3

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/link-datasource
 
+## 4.19.3
+
+### Patch Changes
+
+- [#199487](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199487)
+  [`13c28edd2823a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/13c28edd2823a) -
+  [ux] NAVX-1053 fixing the debounce for asset modal schema selector input
+- [#199353](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199353)
+  [`f2d4ca35574b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2d4ca35574b8) -
+  Internal changes to how border radius values are applied. No visual change.
+- Updated dependencies
+
+## 4.19.2
+
+### Patch Changes
+
+- [`493a31bb8da8e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/493a31bb8da8e) -
+  [ux] Clean up FG replace-legacy-button-in-sllv
+
 ## 4.19.1
 
 ### Patch Changes

package/dist/cjs/ui/assets-modal/search-container/aql-search-input/index.js

@@ -14,14 +14,12 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _reactIntlNext = require("react-intl-next");
-var _button = require("@atlaskit/button");
 var _new = require("@atlaskit/button/new");
 var _form = require("@atlaskit/form");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
 var _searchEditorSearch = _interopRequireDefault(require("@atlaskit/icon/core/migration/search--editor-search"));
 var _statusSuccessCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--check-circle"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
@@ -49,7 +47,6 @@ if (process.env.NODE_ENV !== 'production') {
 }
 var buttonBaseStyles = null;
 var AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-assets-query-language-aql/';
-var searchButtonStyles = null;
 var styles = {
   searchButtonContainer: "_2hwx12x7"
 };
@@ -125,7 +122,7 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref2) {
         LEGACY_size: "medium",
         testId: "assets-datasource-modal-help",
         spacing: "spacious"
-      }))), (0, _platformFeatureFlags.fg)('replace-legacy-button-in-sllv') ? /*#__PURE__*/React.createElement(_compiled.Box, {
+      }))), /*#__PURE__*/React.createElement(_compiled.Box, {
         xcss: styles.searchButtonContainer
       }, /*#__PURE__*/React.createElement(_new.IconButton, {
         appearance: "primary",
@@ -142,21 +139,7 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref2) {
         label: formatMessage(_messages.searchInputMessages.placeholder),
         isDisabled: lastValidationResult.type !== 'valid',
         testId: "assets-datasource-modal--aql-search-button"
-      })) : /*#__PURE__*/React.createElement(_button.LoadingButton, {
-        appearance: "primary",
-        iconBefore: /*#__PURE__*/React.createElement(_searchEditorSearch.default, {
-          label: formatMessage(_messages.searchInputMessages.placeholder),
-          LEGACY_size: "medium",
-          color: "currentColor",
-          spacing: "spacious"
-        }),
-        isLoading: isSearching,
-        spacing: "none",
-        testId: "assets-datasource-modal--aql-search-button",
-        type: "submit",
-        isDisabled: lastValidationResult.type !== 'valid',
-        className: (0, _runtime.ax)(["_2hwx12x7"])
-      })),
+      }))),
       placeholder: formatMessage(_messages.searchInputMessages.placeholder),
       testId: testId,
       "aria-label": formatMessage(_messages.searchInputMessages.placeholder)

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

@@ -122,27 +122,39 @@ var AssetsObjectSchemaSelect = exports.AssetsObjectSchemaSelect = function Asset
     }
     return undefined;
   };
+  var debounceTimeout = (0, _react.useRef)(null);
   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) {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(newSearchTerm, actionMeta) {
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            if (!(actionMeta.action === 'input-change' && newSearchTerm !== searchTerm)) {
-              _context2.next = 7;
-              break;
+            if (actionMeta.action === 'input-change' && newSearchTerm !== searchTerm) {
+              setSearchTerm(newSearchTerm);
+              if (debounceTimeout.current) {
+                clearTimeout(debounceTimeout.current);
+              }
+              debounceTimeout.current = setTimeout( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+                return _regenerator.default.wrap(function _callee2$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      _context2.t0 = setOptions;
+                      _context2.next = 3;
+                      return debouncedLoadOptions(newSearchTerm);
+                    case 3:
+                      _context2.t1 = _context2.sent;
+                      (0, _context2.t0)(_context2.t1);
+                    case 5:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _callee2);
+              })), SEARCH_DEBOUNCE_MS);
             }
-            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 1:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function (_x2, _x3) {
       return _ref4.apply(this, arguments);
@@ -159,11 +171,11 @@ var AssetsObjectSchemaSelect = exports.AssetsObjectSchemaSelect = function Asset
       return validateSchema(value);
     },
     testId: testId
-  }, function (_ref5) {
-    var _ref5$fieldProps = _ref5.fieldProps,
-      _onChange = _ref5$fieldProps.onChange,
-      onFocus = _ref5$fieldProps.onFocus,
-      restFieldProps = (0, _objectWithoutProperties2.default)(_ref5$fieldProps, _excluded2);
+  }, function (_ref6) {
+    var _ref6$fieldProps = _ref6.fieldProps,
+      _onChange = _ref6$fieldProps.onChange,
+      onFocus = _ref6$fieldProps.onFocus,
+      restFieldProps = (0, _objectWithoutProperties2.default)(_ref6$fieldProps, _excluded2);
     return (0, _platformFeatureFlags.fg)('linking-platform-assests-schema-selector-refresh') ? /*#__PURE__*/React.createElement(_select.PopupSelect, (0, _extends2.default)({
       autoFocus: true,
       maxMenuWidth: 300,
@@ -181,10 +193,10 @@ var AssetsObjectSchemaSelect = exports.AssetsObjectSchemaSelect = function Asset
       onMenuClose: onClose
     }, restFieldProps, {
       label: formatMessage(_messages.objectSchemaSelectMessages.placeholder),
-      target: function target(_ref6) {
+      target: function target(_ref7) {
         var _restFieldProps$value;
-        var isOpen = _ref6.isOpen,
-          triggerProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded3);
+        var isOpen = _ref7.isOpen,
+          triggerProps = (0, _objectWithoutProperties2.default)(_ref7, _excluded3);
         return /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({}, triggerProps, {
           isSelected: isOpen,
           iconAfter: function iconAfter() {

package/dist/cjs/ui/common/error-state/provider-auth-required.js

@@ -14,18 +14,15 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
 var _outboundAuthFlowClient = require("@atlaskit/outbound-auth-flow-client");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../../../analytics");
 var _useErrorLogger2 = _interopRequireDefault(require("../../../hooks/useErrorLogger"));
 var _messages = require("./messages");
 var _providerAuthRequiredSvg = require("./provider-auth-required-svg");
 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); }
-var buttonStyles = null;
 var styles = {
   buttonContainer: "_19pkpxbi"
 };
@@ -99,16 +96,12 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
     }, formatMessage(_messages.loadingErrorMessages.learnMoreAboutSmartLinks)));
   };
   var renderAuthConnectButton = function renderAuthConnectButton() {
-    return (0, _platformFeatureFlags.fg)('replace-legacy-button-in-sllv') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       xcss: styles.buttonContainer
     }, /*#__PURE__*/_react.default.createElement(_new.default, {
       onClick: onAuthRequest,
       appearance: "primary"
-    }, formatMessage(_messages.loadingErrorMessages.authConnectButtonText))) : /*#__PURE__*/_react.default.createElement(_button.default, {
-      onClick: onAuthRequest,
-      appearance: "primary",
-      className: (0, _runtime.ax)(["_19pkpxbi"])
-    }, formatMessage(_messages.loadingErrorMessages.authConnectButtonText));
+    }, formatMessage(_messages.loadingErrorMessages.authConnectButtonText)));
   };
   return /*#__PURE__*/_react.default.createElement(_emptyState.default, {
     testId: "datasource--access-required-with-auth",

package/dist/cjs/ui/common/modal/basic-search-input/index.js

@@ -12,7 +12,6 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntlNext = require("react-intl-next");
-var _button = require("@atlaskit/button");
 var _new = require("@atlaskit/button/new");
 var _searchEditorSearch = _interopRequireDefault(require("@atlaskit/icon/core/migration/search--editor-search"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -21,7 +20,6 @@ var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _analytics = require("../../../../analytics");
 var _messages = require("./messages");
 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); }
-var searchButtonStyles = null;
 var styles = {
   searchButtonContainer: "_2hwx12x7"
 };
@@ -52,7 +50,7 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
     onSubmit: handleFormSubmit,
     className: (0, _runtime.ax)([fullWidth ? "_16jlkb7n _1o9zkb7n _i0dlf1ug" : "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12f1mjv"])
   }, /*#__PURE__*/React.createElement(_textfield.default, {
-    elemAfterInput: (0, _platformFeatureFlags.fg)('replace-legacy-button-in-sllv') ? /*#__PURE__*/React.createElement(_compiled.Box, {
+    elemAfterInput: /*#__PURE__*/React.createElement(_compiled.Box, {
       xcss: styles.searchButtonContainer
     }, /*#__PURE__*/React.createElement(_new.IconButton, {
       appearance: "primary",
@@ -70,21 +68,7 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
       isDisabled: isDisabled,
       testId: "".concat(testId, "--basic-search-button"),
       onClick: handleSearchWithAnalytics
-    })) : /*#__PURE__*/React.createElement(_button.LoadingButton, {
-      appearance: "primary",
-      iconBefore: /*#__PURE__*/React.createElement(_searchEditorSearch.default, {
-        label: formatMessage((0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? _messages.basicSearchInputMessages.basicTextSearchLabelIssueTermRefresh : _messages.basicSearchInputMessages.basicTextSearchLabel),
-        LEGACY_size: "medium",
-        color: "currentColor",
-        spacing: "spacious"
-      }),
-      isDisabled: isDisabled,
-      isLoading: isSearching,
-      onClick: handleSearchWithAnalytics,
-      spacing: "none",
-      testId: "".concat(testId, "--basic-search-button"),
-      className: (0, _runtime.ax)(["_2hwx12x7"])
-    }),
+    })),
     autoFocus: true,
     onChange: onChange,
     testId: "".concat(testId, "--basic-search-input"),

package/dist/cjs/ui/common/modal/popup-select/control.js

@@ -17,7 +17,8 @@ var _excluded = ["children"];
 var getPopupCustomControlStyles = function getPopupCustomControlStyles() {
   return {
     display: 'flex',
-    borderRadius: '3px',
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
+    borderRadius: "var(--ds-border-radius-100, 3px)",
     border: "solid 1px ".concat("var(--ds-border-input, #8C8F97)"),
     minHeight: 'auto'
   };

package/dist/es2019/ui/assets-modal/search-container/aql-search-input/index.js

@@ -6,14 +6,12 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment } from 'react';
 import { useIntl } from 'react-intl-next';
-import { LoadingButton } from '@atlaskit/button';
 import { IconButton } from '@atlaskit/button/new';
 import { ErrorMessage, Field } from '@atlaskit/form';
 import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
 import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
 import SearchIcon from '@atlaskit/icon/core/migration/search--editor-search';
 import CheckCircleIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import Textfield from '@atlaskit/textfield';
@@ -40,7 +38,6 @@ if (process.env.NODE_ENV !== 'production') {
 }
 const buttonBaseStyles = null;
 const AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-assets-query-language-aql/';
-const searchButtonStyles = null;
 const styles = {
   searchButtonContainer: "_2hwx12x7"
 };
@@ -118,7 +115,7 @@ export const AqlSearchInput = ({
       LEGACY_size: "medium",
       testId: "assets-datasource-modal-help",
       spacing: "spacious"
-    }))), fg('replace-legacy-button-in-sllv') ? /*#__PURE__*/React.createElement(Box, {
+    }))), /*#__PURE__*/React.createElement(Box, {
       xcss: styles.searchButtonContainer
     }, /*#__PURE__*/React.createElement(IconButton, {
       appearance: "primary",
@@ -133,21 +130,7 @@ export const AqlSearchInput = ({
       label: formatMessage(searchInputMessages.placeholder),
       isDisabled: lastValidationResult.type !== 'valid',
       testId: "assets-datasource-modal--aql-search-button"
-    })) : /*#__PURE__*/React.createElement(LoadingButton, {
-      appearance: "primary",
-      iconBefore: /*#__PURE__*/React.createElement(SearchIcon, {
-        label: formatMessage(searchInputMessages.placeholder),
-        LEGACY_size: "medium",
-        color: "currentColor",
-        spacing: "spacious"
-      }),
-      isLoading: isSearching,
-      spacing: "none",
-      testId: "assets-datasource-modal--aql-search-button",
-      type: "submit",
-      isDisabled: lastValidationResult.type !== 'valid',
-      className: ax(["_2hwx12x7"])
-    })),
+    }))),
     placeholder: formatMessage(searchInputMessages.placeholder),
     testId: testId,
     "aria-label": formatMessage(searchInputMessages.placeholder)

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

@@ -4,7 +4,7 @@ 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 { useCallback, useRef, useState } from 'react';
 import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
@@ -81,10 +81,16 @@ export const AssetsObjectSchemaSelect = ({
     }
     return undefined;
   };
+  const debounceTimeout = useRef(null);
   const handleInputChange = useCallback(async (newSearchTerm, actionMeta) => {
     if (actionMeta.action === 'input-change' && newSearchTerm !== searchTerm) {
       setSearchTerm(newSearchTerm);
-      setOptions(await debouncedLoadOptions(newSearchTerm));
+      if (debounceTimeout.current) {
+        clearTimeout(debounceTimeout.current);
+      }
+      debounceTimeout.current = setTimeout(async () => {
+        setOptions(await debouncedLoadOptions(newSearchTerm));
+      }, SEARCH_DEBOUNCE_MS);
     }
   }, [debouncedLoadOptions, searchTerm]);
   const onClose = useCallback(() => {

package/dist/es2019/ui/common/error-state/provider-auth-required.js

@@ -3,17 +3,14 @@ import "./provider-auth-required.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect } from 'react';
 import { useIntl } from 'react-intl-next';
-import ButtonOld from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
 import EmptyState from '@atlaskit/empty-state';
 import { AuthError, auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Box } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import useErrorLogger from '../../../hooks/useErrorLogger';
 import { loadingErrorMessages } from './messages';
 import { ProviderAuthRequiredSVG } from './provider-auth-required-svg';
-const buttonStyles = null;
 const styles = {
   buttonContainer: "_19pkpxbi"
 };
@@ -68,16 +65,12 @@ export const ProviderAuthRequired = ({
     target: "_blank",
     rel: "noreferrer noopener"
   }, formatMessage(loadingErrorMessages.learnMoreAboutSmartLinks)));
-  const renderAuthConnectButton = () => fg('replace-legacy-button-in-sllv') ? /*#__PURE__*/React.createElement(Box, {
+  const renderAuthConnectButton = () => /*#__PURE__*/React.createElement(Box, {
     xcss: styles.buttonContainer
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: onAuthRequest,
     appearance: "primary"
-  }, formatMessage(loadingErrorMessages.authConnectButtonText))) : /*#__PURE__*/React.createElement(ButtonOld, {
-    onClick: onAuthRequest,
-    appearance: "primary",
-    className: ax(["_19pkpxbi"])
-  }, formatMessage(loadingErrorMessages.authConnectButtonText));
+  }, formatMessage(loadingErrorMessages.authConnectButtonText)));
   return /*#__PURE__*/React.createElement(EmptyState, {
     testId: "datasource--access-required-with-auth",
     header: formatMessage(loadingErrorMessages.authScreenHeaderText, {

package/dist/es2019/ui/common/modal/basic-search-input/index.js

@@ -4,7 +4,6 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl-next';
-import { LoadingButton } from '@atlaskit/button';
 import { IconButton } from '@atlaskit/button/new';
 import SearchIcon from '@atlaskit/icon/core/migration/search--editor-search';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -12,7 +11,6 @@ import { Box } from '@atlaskit/primitives/compiled';
 import Textfield from '@atlaskit/textfield';
 import { useDatasourceAnalyticsEvents } from '../../../../analytics';
 import { basicSearchInputMessages } from './messages';
-const searchButtonStyles = null;
 const styles = {
   searchButtonContainer: "_2hwx12x7"
 };
@@ -46,7 +44,7 @@ export const BasicSearchInput = ({
     onSubmit: handleFormSubmit,
     className: ax([fullWidth ? "_16jlkb7n _1o9zkb7n _i0dlf1ug" : "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12f1mjv"])
   }, /*#__PURE__*/React.createElement(Textfield, {
-    elemAfterInput: fg('replace-legacy-button-in-sllv') ? /*#__PURE__*/React.createElement(Box, {
+    elemAfterInput: /*#__PURE__*/React.createElement(Box, {
       xcss: styles.searchButtonContainer
     }, /*#__PURE__*/React.createElement(IconButton, {
       appearance: "primary",
@@ -62,21 +60,7 @@ export const BasicSearchInput = ({
       isDisabled: isDisabled,
       testId: `${testId}--basic-search-button`,
       onClick: handleSearchWithAnalytics
-    })) : /*#__PURE__*/React.createElement(LoadingButton, {
-      appearance: "primary",
-      iconBefore: /*#__PURE__*/React.createElement(SearchIcon, {
-        label: formatMessage(fg('confluence-issue-terminology-refresh') ? basicSearchInputMessages.basicTextSearchLabelIssueTermRefresh : basicSearchInputMessages.basicTextSearchLabel),
-        LEGACY_size: "medium",
-        color: "currentColor",
-        spacing: "spacious"
-      }),
-      isDisabled: isDisabled,
-      isLoading: isSearching,
-      onClick: handleSearchWithAnalytics,
-      spacing: "none",
-      testId: `${testId}--basic-search-button`,
-      className: ax(["_2hwx12x7"])
-    }),
+    })),
     autoFocus: true,
     onChange: onChange,
     testId: `${testId}--basic-search-input`,

package/dist/es2019/ui/common/modal/popup-select/control.js

@@ -7,7 +7,8 @@ import { Box } from '@atlaskit/primitives/compiled';
 import { components } from '@atlaskit/select';
 const getPopupCustomControlStyles = () => ({
   display: 'flex',
-  borderRadius: '3px',
+  // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   border: `solid 1px ${"var(--ds-border-input, #8C8F97)"}`,
   minHeight: 'auto'
 });

package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.js

@@ -8,14 +8,12 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment } from 'react';
 import { useIntl } from 'react-intl-next';
-import { LoadingButton } from '@atlaskit/button';
 import { IconButton } from '@atlaskit/button/new';
 import { ErrorMessage, Field } from '@atlaskit/form';
 import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
 import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
 import SearchIcon from '@atlaskit/icon/core/migration/search--editor-search';
 import CheckCircleIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import Textfield from '@atlaskit/textfield';
@@ -42,7 +40,6 @@ if (process.env.NODE_ENV !== 'production') {
 }
 var buttonBaseStyles = null;
 var AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-assets-query-language-aql/';
-var searchButtonStyles = null;
 var styles = {
   searchButtonContainer: "_2hwx12x7"
 };
@@ -118,7 +115,7 @@ export var AqlSearchInput = function AqlSearchInput(_ref2) {
         LEGACY_size: "medium",
         testId: "assets-datasource-modal-help",
         spacing: "spacious"
-      }))), fg('replace-legacy-button-in-sllv') ? /*#__PURE__*/React.createElement(Box, {
+      }))), /*#__PURE__*/React.createElement(Box, {
         xcss: styles.searchButtonContainer
       }, /*#__PURE__*/React.createElement(IconButton, {
         appearance: "primary",
@@ -135,21 +132,7 @@ export var AqlSearchInput = function AqlSearchInput(_ref2) {
         label: formatMessage(searchInputMessages.placeholder),
         isDisabled: lastValidationResult.type !== 'valid',
         testId: "assets-datasource-modal--aql-search-button"
-      })) : /*#__PURE__*/React.createElement(LoadingButton, {
-        appearance: "primary",
-        iconBefore: /*#__PURE__*/React.createElement(SearchIcon, {
-          label: formatMessage(searchInputMessages.placeholder),
-          LEGACY_size: "medium",
-          color: "currentColor",
-          spacing: "spacious"
-        }),
-        isLoading: isSearching,
-        spacing: "none",
-        testId: "assets-datasource-modal--aql-search-button",
-        type: "submit",
-        isDisabled: lastValidationResult.type !== 'valid',
-        className: ax(["_2hwx12x7"])
-      })),
+      }))),
       placeholder: formatMessage(searchInputMessages.placeholder),
       testId: testId,
       "aria-label": formatMessage(searchInputMessages.placeholder)

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

@@ -14,7 +14,7 @@ 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 { useCallback, useRef, useState } from 'react';
 import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
@@ -115,27 +115,39 @@ export var AssetsObjectSchemaSelect = function AssetsObjectSchemaSelect(_ref2) {
     }
     return undefined;
   };
+  var debounceTimeout = useRef(null);
   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) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(newSearchTerm, actionMeta) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            if (!(actionMeta.action === 'input-change' && newSearchTerm !== searchTerm)) {
-              _context2.next = 7;
-              break;
+            if (actionMeta.action === 'input-change' && newSearchTerm !== searchTerm) {
+              setSearchTerm(newSearchTerm);
+              if (debounceTimeout.current) {
+                clearTimeout(debounceTimeout.current);
+              }
+              debounceTimeout.current = setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      _context2.t0 = setOptions;
+                      _context2.next = 3;
+                      return debouncedLoadOptions(newSearchTerm);
+                    case 3:
+                      _context2.t1 = _context2.sent;
+                      (0, _context2.t0)(_context2.t1);
+                    case 5:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _callee2);
+              })), SEARCH_DEBOUNCE_MS);
             }
-            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 1:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function (_x2, _x3) {
       return _ref4.apply(this, arguments);
@@ -152,11 +164,11 @@ export var AssetsObjectSchemaSelect = function AssetsObjectSchemaSelect(_ref2) {
       return validateSchema(value);
     },
     testId: testId
-  }, function (_ref5) {
-    var _ref5$fieldProps = _ref5.fieldProps,
-      _onChange = _ref5$fieldProps.onChange,
-      onFocus = _ref5$fieldProps.onFocus,
-      restFieldProps = _objectWithoutProperties(_ref5$fieldProps, _excluded2);
+  }, function (_ref6) {
+    var _ref6$fieldProps = _ref6.fieldProps,
+      _onChange = _ref6$fieldProps.onChange,
+      onFocus = _ref6$fieldProps.onFocus,
+      restFieldProps = _objectWithoutProperties(_ref6$fieldProps, _excluded2);
     return fg('linking-platform-assests-schema-selector-refresh') ? /*#__PURE__*/React.createElement(PopupSelect, _extends({
       autoFocus: true,
       maxMenuWidth: 300,
@@ -174,10 +186,10 @@ export var AssetsObjectSchemaSelect = function AssetsObjectSchemaSelect(_ref2) {
       onMenuClose: onClose
     }, restFieldProps, {
       label: formatMessage(objectSchemaSelectMessages.placeholder),
-      target: function target(_ref6) {
+      target: function target(_ref7) {
         var _restFieldProps$value;
-        var isOpen = _ref6.isOpen,
-          triggerProps = _objectWithoutProperties(_ref6, _excluded3);
+        var isOpen = _ref7.isOpen,
+          triggerProps = _objectWithoutProperties(_ref7, _excluded3);
         return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
           isSelected: isOpen,
           iconAfter: function iconAfter() {

package/dist/esm/ui/common/error-state/provider-auth-required.js

@@ -6,17 +6,14 @@ import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect } from 'react';
 import { useIntl } from 'react-intl-next';
-import ButtonOld from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
 import EmptyState from '@atlaskit/empty-state';
 import { AuthError, auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Box } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import useErrorLogger from '../../../hooks/useErrorLogger';
 import { loadingErrorMessages } from './messages';
 import { ProviderAuthRequiredSVG } from './provider-auth-required-svg';
-var buttonStyles = null;
 var styles = {
   buttonContainer: "_19pkpxbi"
 };
@@ -90,16 +87,12 @@ export var ProviderAuthRequired = function ProviderAuthRequired(_ref) {
     }, formatMessage(loadingErrorMessages.learnMoreAboutSmartLinks)));
   };
   var renderAuthConnectButton = function renderAuthConnectButton() {
-    return fg('replace-legacy-button-in-sllv') ? /*#__PURE__*/React.createElement(Box, {
+    return /*#__PURE__*/React.createElement(Box, {
       xcss: styles.buttonContainer
     }, /*#__PURE__*/React.createElement(Button, {
       onClick: onAuthRequest,
       appearance: "primary"
-    }, formatMessage(loadingErrorMessages.authConnectButtonText))) : /*#__PURE__*/React.createElement(ButtonOld, {
-      onClick: onAuthRequest,
-      appearance: "primary",
-      className: ax(["_19pkpxbi"])
-    }, formatMessage(loadingErrorMessages.authConnectButtonText));
+    }, formatMessage(loadingErrorMessages.authConnectButtonText)));
   };
   return /*#__PURE__*/React.createElement(EmptyState, {
     testId: "datasource--access-required-with-auth",