@atlaskit/link-picker 1.3.0 → 1.5.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/link-picker
 
+## 1.5.0
+
+### Minor Changes
+
+- [`e54051625bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e54051625bc) - Convert Link Picker from class component to functional component to comply with tangerine guidelines.
+  https://tangerine.staging.atl-paas.net/guides/components-and-hooks-patterns/prefer-functional-components-over-classes/
+
+## 1.4.1
+
+### Patch Changes
+
+- [`140453ba9f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/140453ba9f6) - [ux] Move tabs to be below input fields
+
+## 1.4.0
+
+### Minor Changes
+
+- [`3b5e61f9b3b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3b5e61f9b3b) - [ux] Adds in TAB UI support for Link Picker
+
 ## 1.3.0
 
 ### Minor Changes

package/dist/cjs/services/use-plugins/index.js

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePlugins = usePlugins;
+
+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 _react = require("react");
+
+var _linkPicker = require("../../ui/link-picker");
+
+var _url = require("../../ui/link-picker/url");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function reducer(state, payload) {
+  return _objectSpread(_objectSpread({}, state), payload);
+}
+
+function usePlugins(state, plugins) {
+  var _useReducer = (0, _react.useReducer)(reducer, {
+    items: [],
+    isLoading: false
+  }),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      pluginState = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var url = state.url,
+      selectedIndex = state.selectedIndex;
+  var items = pluginState.items,
+      isLoading = pluginState.isLoading;
+  var activePlugin = !plugins || plugins.length === 0 ? null : plugins[state.activeTab];
+  var queryVersion = (0, _react.useRef)(0);
+  var pluginRef = (0, _react.useRef)(activePlugin);
+  var selectedItem = items[selectedIndex];
+  var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
+  (0, _react.useEffect)(function () {
+    if (!activePlugin) {
+      return;
+    }
+
+    if (isSelectedItem) {
+      return;
+    }
+
+    if ((0, _url.isSafeUrl)(url) && url.length) {
+      dispatch({
+        items: [],
+        isLoading: false
+      });
+      return;
+    }
+
+    var updates = activePlugin.resolve({
+      query: url
+    });
+
+    if (pluginRef.current !== activePlugin) {
+      dispatch({
+        items: [],
+        isLoading: true
+      });
+    } else {
+      dispatch({
+        isLoading: true
+      });
+    }
+
+    var newQuery = ++queryVersion.current;
+
+    var updateResults = /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var done, value, _result$done, result;
+
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+
+              case 1:
+                if (!(newQuery === queryVersion.current)) {
+                  _context.next = 23;
+                  break;
+                }
+
+                done = false;
+                value = void 0;
+
+                if (!(updates instanceof Promise)) {
+                  _context.next = 11;
+                  break;
+                }
+
+                done = true;
+                _context.next = 8;
+                return updates;
+
+              case 8:
+                value = _context.sent;
+                _context.next = 16;
+                break;
+
+              case 11:
+                _context.next = 13;
+                return updates.next();
+
+              case 13:
+                result = _context.sent;
+                done = (_result$done = result.done) !== null && _result$done !== void 0 ? _result$done : false;
+                value = result.value;
+
+              case 16:
+                if (!(newQuery !== queryVersion.current)) {
+                  _context.next = 18;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 18:
+                dispatch({
+                  items: limit(value.data),
+                  isLoading: !done
+                });
+
+                if (!done) {
+                  _context.next = 21;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 21:
+                _context.next = 1;
+                break;
+
+              case 23:
+                _context.next = 28;
+                break;
+
+              case 25:
+                _context.prev = 25;
+                _context.t0 = _context["catch"](0);
+                dispatch({
+                  isLoading: false
+                });
+
+              case 28:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[0, 25]]);
+      }));
+
+      return function updateResults() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+
+    updateResults();
+  }, [activePlugin, queryVersion, url, isSelectedItem]);
+  var tabs = (0, _react.useMemo)(function () {
+    if (!plugins || plugins.length <= 1) {
+      return [];
+    }
+
+    return plugins.filter(function (plugin) {
+      return !!plugin.tabTitle;
+    }).map(function (plugin) {
+      return {
+        tabTitle: plugin.tabTitle
+      };
+    });
+  }, [plugins]);
+  return {
+    tabs: tabs,
+    items: items,
+    isLoading: isLoading,
+    isSelectedItem: isSelectedItem,
+    isActivePlugin: !!activePlugin
+  };
+}
+
+function limit(items) {
+  return items.slice(0, _linkPicker.RECENT_SEARCH_LIST_SIZE);
+}