@atlaskit/smart-hooks 0.1.7 → 0.1.8

package/dist/esm/services/use-user-recommendations/index.js

@@ -2,11 +2,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 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) { _defineProperty(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; }
-
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import debounce from 'lodash/debounce';
 import memoizeOne from 'memoize-one';
@@ -30,54 +27,46 @@ export var instrumentFailureOption = [{
   entityType: EntityType.USER,
   avatarUrl: ''
 }];
-
 var useUserRecommendations = function useUserRecommendations(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      baseUrl = _defaultProps$props.baseUrl,
-      childObjectId = _defaultProps$props.childObjectId,
-      containerId = _defaultProps$props.containerId,
-      debounceTimeMs = _defaultProps$props.debounceTimeMs,
-      fieldId = _defaultProps$props.fieldId,
-      includeUsers = _defaultProps$props.includeUsers,
-      includeGroups = _defaultProps$props.includeGroups,
-      includeTeams = _defaultProps$props.includeTeams,
-      maxNumberOfResults = _defaultProps$props.maxNumberOfResults,
-      objectId = _defaultProps$props.objectId,
-      preload = _defaultProps$props.preload,
-      principalId = _defaultProps$props.principalId,
-      productAttributes = _defaultProps$props.productAttributes,
-      productKey = _defaultProps$props.productKey,
-      cpusSearchQuery = _defaultProps$props.cpusSearchQuery,
-      tenantId = _defaultProps$props.tenantId;
-
+    baseUrl = _defaultProps$props.baseUrl,
+    childObjectId = _defaultProps$props.childObjectId,
+    containerId = _defaultProps$props.containerId,
+    debounceTimeMs = _defaultProps$props.debounceTimeMs,
+    fieldId = _defaultProps$props.fieldId,
+    includeUsers = _defaultProps$props.includeUsers,
+    includeGroups = _defaultProps$props.includeGroups,
+    includeTeams = _defaultProps$props.includeTeams,
+    maxNumberOfResults = _defaultProps$props.maxNumberOfResults,
+    objectId = _defaultProps$props.objectId,
+    preload = _defaultProps$props.preload,
+    principalId = _defaultProps$props.principalId,
+    productAttributes = _defaultProps$props.productAttributes,
+    productKey = _defaultProps$props.productKey,
+    cpusSearchQuery = _defaultProps$props.cpusSearchQuery,
+    tenantId = _defaultProps$props.tenantId;
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      recommendations = _useState2[0],
-      setRecommendations = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    recommendations = _useState2[0],
+    setRecommendations = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isLoading = _useState4[0],
-      setIsLoading = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      error = _useState6[0],
-      setError = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
   var _useState7 = useState(function () {
-    return uuid();
-  }),
-      _useState8 = _slicedToArray(_useState7, 1),
-      renderId = _useState8[0];
-
+      return uuid();
+    }),
+    _useState8 = _slicedToArray(_useState7, 1),
+    renderId = _useState8[0];
   var sessionId = useRef('');
   var currentQuery = useRef('');
   var lastAbortController = useRef();
-
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var getAnalyticsAttributes = useCallback(function () {
     return _objectSpread({}, createDefaultAttributes({
       fieldId: fieldId,
@@ -95,23 +84,20 @@ var useUserRecommendations = function useUserRecommendations(props) {
   var fetchRecommendations = useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(query) {
       var _lastAbortController$, currentController, recommendedUsersResult;
-
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              setIsLoading(true); // restart session
-
+              setIsLoading(true);
+              // restart session
               sessionId.current = uuid();
               UsersFetchedUfoExperience.getInstance(fieldId).start();
               _context.prev = 3;
-
               if (lastAbortController.current) {
                 (_lastAbortController$ = lastAbortController.current) === null || _lastAbortController$ === void 0 ? void 0 : _lastAbortController$.abort();
-              } // in case there are still IE users, check AbortController before init,
+              }
+              // in case there are still IE users, check AbortController before init,
               // IE has no timeout applied on fetch since AbortController isn't available
-
-
               currentController = typeof AbortController !== 'undefined' ? new AbortController() : null;
               lastAbortController.current = currentController;
               _context.next = 9;
@@ -135,7 +121,6 @@ var useUserRecommendations = function useUserRecommendations(props) {
                 searchQuery: cpusSearchQuery,
                 query: query
               }, currentController === null || currentController === void 0 ? void 0 : currentController.signal);
-
             case 9:
               recommendedUsersResult = _context.sent;
               currentQuery.current = query !== null && query !== void 0 ? query : '';
@@ -147,32 +132,26 @@ var useUserRecommendations = function useUserRecommendations(props) {
               setRecommendations(recommendedUsersResult);
               _context.next = 24;
               break;
-
             case 15:
               _context.prev = 15;
               _context.t0 = _context["catch"](3);
-
               if (!(_context.t0 instanceof Error && _context.t0.name === 'AbortError')) {
                 _context.next = 22;
                 break;
               }
-
               // Request aborted client-side
-              UsersFetchedUfoExperience.getInstance(fieldId).abort(); // return early to prevent disabling isLoading
-
+              UsersFetchedUfoExperience.getInstance(fieldId).abort();
+              // return early to prevent disabling isLoading
               return _context.abrupt("return");
-
             case 22:
               UsersFetchedUfoExperience.getInstance(fieldId).failure({
                 metadata: getAnalyticsAttributes()
               });
               setError(_context.t0);
-
             case 24:
-              setIsLoading(false); // clear abort controller
-
+              setIsLoading(false);
+              // clear abort controller
               lastAbortController.current = undefined;
-
             case 26:
             case "end":
               return _context.stop();
@@ -180,7 +159,6 @@ var useUserRecommendations = function useUserRecommendations(props) {
         }
       }, _callee, null, [[3, 15]]);
     }));
-
     return function (_x) {
       return _ref.apply(this, arguments);
     };
@@ -203,15 +181,12 @@ var useUserRecommendations = function useUserRecommendations(props) {
       position: findUserPosition(recommendations, userId)
     }));
   }, [createAnalyticsEvent, getAnalyticsAttributes, recommendations]);
-
   var _useFunctionUsageTrac = useFunctionUsageTracking(onInputChange),
-      isOnInputChangeUsed = _useFunctionUsageTrac.isUsed,
-      usageTrackedOnInputChange = _useFunctionUsageTrac.trackingFunction;
-
+    isOnInputChangeUsed = _useFunctionUsageTrac.isUsed,
+    usageTrackedOnInputChange = _useFunctionUsageTrac.trackingFunction;
   var _useFunctionUsageTrac2 = useFunctionUsageTracking(onUserSelect),
-      isOnUserSelectUsed = _useFunctionUsageTrac2.isUsed,
-      usageTrackedOnUserSelect = _useFunctionUsageTrac2.trackingFunction;
-
+    isOnUserSelectUsed = _useFunctionUsageTrac2.isUsed,
+    usageTrackedOnUserSelect = _useFunctionUsageTrac2.trackingFunction;
   return {
     recommendations: isOnInputChangeUsed && isOnUserSelectUsed ? recommendations : instrumentFailureOption,
     triggerSearchFactory: usageTrackedOnInputChange,
@@ -220,5 +195,4 @@ var useUserRecommendations = function useUserRecommendations(props) {
     error: error
   };
 };
-
 export default useUserRecommendations;

package/dist/esm/utils/transform-recommendations-to-options/index.js

@@ -1,14 +1,11 @@
 import { EntityType } from '@atlaskit/smart-common';
 import { GroupType, TeamType, UserType } from '@atlaskit/user-picker';
 import { messages } from '../../messages';
-
 var getLozenzeProperties = function getLozenzeProperties(entity, intl) {
   var _entity$attributes, _entity$attributes2;
-
   if ((_entity$attributes = entity.attributes) !== null && _entity$attributes !== void 0 && _entity$attributes.workspaceMember) {
     return intl.formatMessage(messages.memberLozengeText);
   }
-
   if ((_entity$attributes2 = entity.attributes) !== null && _entity$attributes2 !== void 0 && _entity$attributes2.isConfluenceExternalCollaborator) {
     var lozengeTooltipMessage = entity.entityType === EntityType.GROUP ? messages.guestGroupLozengeTooltip : messages.guestUserLozengeTooltip;
     return {
@@ -17,13 +14,10 @@ var getLozenzeProperties = function getLozenzeProperties(entity, intl) {
       appearance: 'new'
     };
   }
-
   return undefined;
 };
-
 var transformRecommendation = function transformRecommendation(item, intl) {
   var type = item.entityType;
-
   if (type === EntityType.USER) {
     var user = item;
     var lozenge = getLozenzeProperties(user, intl);
@@ -36,7 +30,6 @@ var transformRecommendation = function transformRecommendation(item, intl) {
       lozenge: lozenge
     };
   }
-
   if (type === EntityType.TEAM) {
     var team = item;
     return {
@@ -49,12 +42,9 @@ var transformRecommendation = function transformRecommendation(item, intl) {
       avatarUrl: team.largeAvatarImageUrl || team.smallAvatarImageUrl
     };
   }
-
   if (type === EntityType.GROUP) {
     var group = item;
-
     var _lozenge = getLozenzeProperties(group, intl);
-
     return {
       id: group.id,
       type: GroupType,
@@ -62,10 +52,8 @@ var transformRecommendation = function transformRecommendation(item, intl) {
       lozenge: _lozenge
     };
   }
-
   return;
 };
-
 export default (function (recommendations, intl) {
   return (recommendations || []).map(function (item) {
     return transformRecommendation(item, intl);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-hooks",
-	"version": "0.1.7",
+	"version": "0.1.8",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-hooks",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -19,11 +19,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.0.5",
-    "@atlaskit/analytics-listeners": "^8.3.0",
-    "@atlaskit/analytics-next": "^8.0.0",
+    "@atlaskit/analytics-listeners": "^8.5.0",
+    "@atlaskit/analytics-next": "^9.0.0",
     "@atlaskit/smart-common": "^0.1.0",
     "@atlaskit/ufo": "^0.1.0",
-    "@atlaskit/user-picker": "^10.0.0",
+    "@atlaskit/user-picker": "^10.1.0",
     "@babel/runtime": "^7.0.0",
     "lodash": "^4.17.21",
     "memoize-one": "^6.0.0",
@@ -68,9 +68,11 @@
       "analytics": [
         "analytics-next"
       ],
+      "design-tokens": [
+        "color"
+      ],
       "theming": [
-        "react-context",
-        "tokens"
+        "react-context"
       ],
       "ui-components": [
         "lite-mode"