@atlaskit/smart-user-picker 4.0.0

package/CHANGELOG.md

@@ -0,0 +1,140 @@
+# @atlassian/smart-user-picker
+
+## 4.0.0
+
+### Major Changes
+
+- [`5df1ae17438`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5df1ae17438) - @atlassian/smart-user-picker will now be made public and renamed @atlaskit/smart-user-picker to provide a 1-1 replacement for @atlaskit/user-picker/smart-user-picker (UR-3417).
+
+## 3.1.0
+
+### Minor Changes
+
+- [`d2a8de20d08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2a8de20d08) - Add support in SmartUserPicker for org id for team search
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.0.5
+
+### Patch Changes
+
+- [`e4109a66653`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4109a66653) - Smart user picker initial render performance is now measured using @atlassian/ufo
+
+## 3.0.4
+
+### Patch Changes
+
+- [`7f48efc8487`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f48efc8487) - Use baseUrl prop in default user value hydration query
+
+## 3.0.3
+
+### Patch Changes
+
+- [`405d07e48fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/405d07e48fa) - updating props doc
+
+## 3.0.2
+
+### Patch Changes
+
+- [`9fd6117d5e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9fd6117d5e4) - Fix behavior of base URL so that API calls use baseUrl as base url
+
+## 3.0.1
+
+### Patch Changes
+
+- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
+
+## 3.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.1.4
+
+### Patch Changes
+
+- [`b85e7ce12cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b85e7ce12cd) - Internal upgrade of memoize-one to 6.0.0
+
+## 2.1.3
+
+### Patch Changes
+
+- [`a92e3bdb515`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a92e3bdb515) - Relaxed product enum typing to take in any string
+
+## 2.1.2
+
+### Patch Changes
+
+- [`93c8a8f0bd5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/93c8a8f0bd5) - Expose types from @atlaskit/user-picker from smart-user-picker
+
+## 2.1.1
+
+### Patch Changes
+
+- [`4ac918aad80`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ac918aad80) - Added helper documentation for easier onboarding onto Atlaskit Editor
+
+## 2.1.0
+
+### Minor Changes
+
+- [`674d31d565e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/674d31d565e) - Added default value hydration for non-jira/conf products, team default value hydration, and changed default debounce time to 150ms
+
+## 2.0.0
+
+### Major Changes
+
+- [`ccda387eede`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ccda387eede) - smart-user-picker extracted out from user-picker to smart-user-picker package. smart-user-picker in user-picker is now deprecated but still backwards compatible. Please use @atlassian/smart-user-picker for smart-user-picker.
+
+### Patch Changes
+
+- [`5ac7831fc59`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ac7831fc59) - updating UP dependency
+- Updated dependencies
+
+## 1.0.1
+
+### Patch Changes
+
+- [`869e1fdef2f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/869e1fdef2f) - [ux] Prioritize filterOptions prop over onEmpty. Now, filterOptions is called AFTER onEmpty is applied to URS suggestions. This means that SUP can show empty results if filterOptions filters out all results. This fixes a bug where updated filterOptions does not get applied to suggestions.

package/LICENSE

@@ -0,0 +1,13 @@
+Copyright 2019 Atlassian Pty Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/build/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "../tsconfig",
+  "compilerOptions": {
+    "target": "es5",
+    "paths": {}
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ]
+}

package/dist/cjs/analytics.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.successfulRequestUsersEvent = exports.startSession = exports.requestUsersEvent = exports.preparedUsersLoadedEvent = exports.mountedWithPrefetchEvent = exports.filterUsersEvent = exports.failedRequestUsersEvent = exports.createAndFireEventInElementsChannel = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _uuid = require("uuid");
+
+var _version = require("./version.json");
+
+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; }
+
+var startSession = function startSession() {
+  return {
+    id: (0, _uuid.v4)(),
+    start: Date.now(),
+    inputChangeTime: Date.now(),
+    upCount: 0,
+    downCount: 0,
+    lastKey: undefined
+  };
+};
+
+exports.startSession = startSession;
+var createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
+exports.createAndFireEventInElementsChannel = createAndFireEventInElementsChannel;
+
+var createEvent = function createEvent(eventType, action, actionSubject) {
+  var attributes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  return {
+    eventType: eventType,
+    action: action,
+    actionSubject: actionSubject,
+    attributes: _objectSpread({
+      packageName: _version.name,
+      packageVersion: _version.version
+    }, attributes)
+  };
+};
+
+var createDefaultSmartPickerAttributes = function createDefaultSmartPickerAttributes(props, state) {
+  var fieldId = props.fieldId,
+      objectId = props.objectId,
+      containerId = props.containerId,
+      childObjectId = props.childObjectId,
+      prefetch = props.prefetch,
+      maxOptions = props.maxOptions,
+      includeTeams = props.includeTeams,
+      productKey = props.productKey,
+      principalId = props.principalId,
+      siteId = props.siteId,
+      orgId = props.orgId,
+      filterOptions = props.filterOptions;
+  var sessionId = state.sessionId,
+      query = state.query;
+  var maxNumberOfResults = maxOptions || 100;
+  return {
+    context: fieldId,
+    childObjectId: childObjectId,
+    containerId: containerId,
+    hasFilterOptions: Boolean(filterOptions),
+    includeTeams: includeTeams,
+    maxNumberOfResults: maxNumberOfResults,
+    objectId: objectId,
+    prefetch: prefetch,
+    principalId: principalId,
+    productKey: productKey,
+    queryLength: (query || '').length,
+    siteId: siteId,
+    orgId: orgId,
+    sessionId: sessionId
+  };
+};
+
+var createSmartUserPickerEvent = function createSmartUserPickerEvent(action, actionSubect) {
+  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return _objectSpread({
+    source: 'smart-user-picker'
+  }, createEvent('operational', action, actionSubect, attributes));
+};
+
+var preparedUsersLoadedEvent = function preparedUsersLoadedEvent(props, state) {
+  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return createSmartUserPickerEvent('loaded', 'preparedUsers', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
+};
+
+exports.preparedUsersLoadedEvent = preparedUsersLoadedEvent;
+
+var mountedWithPrefetchEvent = function mountedWithPrefetchEvent(props, state) {
+  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return createSmartUserPickerEvent('mounted', 'prefetch', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
+};
+
+exports.mountedWithPrefetchEvent = mountedWithPrefetchEvent;
+
+var filterUsersEvent = function filterUsersEvent(props, state) {
+  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return createSmartUserPickerEvent('filtered', 'users', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
+};
+
+exports.filterUsersEvent = filterUsersEvent;
+
+var requestUsersEvent = function requestUsersEvent(props, state) {
+  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return createSmartUserPickerEvent('requested', 'users', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
+};
+
+exports.requestUsersEvent = requestUsersEvent;
+
+var successfulRequestUsersEvent = function successfulRequestUsersEvent(props, state) {
+  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return createSmartUserPickerEvent('successful', 'usersRequest', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
+};
+
+exports.successfulRequestUsersEvent = successfulRequestUsersEvent;
+
+var failedRequestUsersEvent = function failedRequestUsersEvent(props, state) {
+  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return createSmartUserPickerEvent('failed', 'usersRequest', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
+};
+
+exports.failedRequestUsersEvent = failedRequestUsersEvent;

package/dist/cjs/components/MessagesIntlProvider.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _i18nUtil = require("../util/i18n-util");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+var EMPTY = {};
+
+var useI18n = function useI18n(locale) {
+  var _React$useState = _react.default.useState(EMPTY),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      messages = _React$useState2[0],
+      setMessages = _React$useState2[1];
+
+  _react.default.useEffect(function () {
+    var aborted = false;
+    setMessages(EMPTY);
+    (0, _i18nUtil.getMessagesForLocale)(locale).then(function (messages) {
+      if (!aborted) {
+        setMessages(messages);
+      }
+    }).catch(function (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    });
+    return function () {
+      aborted = true;
+    };
+  }, [locale]);
+
+  return messages;
+};
+
+var MessagesIntlProvider = function MessagesIntlProvider(props) {
+  var intl = props.intl,
+      children = props.children;
+  var messages = useI18n(intl.locale);
+  var mergedMessages = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, intl.messages), messages);
+  }, [intl.messages, messages]);
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    locale: intl.locale,
+    messages: mergedMessages
+  }, children);
+};
+
+var _default = (0, _reactIntlNext.injectIntl)(MessagesIntlProvider);
+
+exports.default = _default;