@atlaskit/link-datasource 4.19.2 → 4.19.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @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

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/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/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/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/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/modal/popup-select/control.js

@@ -10,7 +10,8 @@ import { components } from '@atlaskit/select';
 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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "4.19.2",
+	"version": "4.19.3",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",