@atlaskit/smart-user-picker 4.0.0

package/docs/0-intro.tsx

@@ -0,0 +1,52 @@
+import React from 'react';
+import {
+  code,
+  md,
+  Props,
+  Example,
+  AtlassianInternalWarning,
+} from '@atlaskit/docs';
+
+export default md`
+  ${(<AtlassianInternalWarning />)}
+
+  Smart User Picker extends on [@atlaskit/user-picker](https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/elements/user-picker) by providing a ML-backed list of suggested users
+   when queried.
+
+  Capabilities:
+  * Default provider to [URS](https://developer.atlassian.com/platform/user-recommendations/) for smart-ranked user search
+  * Analytics for usage and relevance
+  * Default value hydrator (props.defaultValues) for Confluence and Jira (hydration for other products not supported yet).
+
+
+  ## Usage
+
+  Smart User Picker can accept all User Picker props. Please refer to [@atlaskit/user-picker](https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/elements/user-picker)
+   for styling.
+
+  Import the component in your React app as follows:
+
+  ${code`import SmartUserPicker from '@atlaskit/smart-user-picker';`}
+
+  ${(
+    <Example
+      packageName="@atlaskit/smart-user-picker"
+      Component={require('../examples/00-smart-user-picker').default}
+      title="Single User Picker"
+      source={require('!!raw-loader!../examples/00-smart-user-picker')}
+    />
+  )}
+
+  ${(<Props src="../src/components" />)}
+
+  ${(
+    <Props
+      heading="Smart User Picker Props"
+      props={require('!!extract-react-types-loader!../src/components/SmartUserPicker')}
+      overrides={{
+        createAnalyticsEvent: () => null,
+      }}
+    />
+  )}
+
+`;

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@atlaskit/smart-user-picker",
+  "version": "4.0.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "description": "Pick users from a ranked user list based on provided context",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "author": "Atlassian Pty Ltd",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "sideEffects": false,
+  "atlaskit:src": "src/index.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "atlassian": {
+    "team": "Search & Smarts: Smart Experience",
+    "inPublicMirror": false,
+    "releaseModel": "continuous"
+  },
+  "dependencies": {
+    "@atlaskit/analytics-next": "^8.2.0",
+    "@atlaskit/ufo": "^0.1.0",
+    "@atlaskit/user-picker": "^8.6.0",
+    "@babel/runtime": "^7.0.0",
+    "lodash": "^4.17.21",
+    "memoize-one": "^6.0.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
+    "uuid": "^3.1.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
+  },
+  "devDependencies": {
+    "@atlaskit/button": "^16.0.0",
+    "@atlaskit/docs": "*",
+    "@atlaskit/elements-test-helpers": "^0.7.0",
+    "@atlaskit/modal-dialog": "^12.2.0",
+    "@atlaskit/select": "^15.2.0",
+    "@atlaskit/textfield": "^5.0.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/util-data-test": "^17.2.0",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "enzyme": "^3.10.0",
+    "enzyme-react-intl": "^2.0.6",
+    "fetch-mock": "^8.0.0",
+    "graphql-tag": "^2.10.1",
+    "mock-apollo-client": "^0.1.0",
+    "typescript": "3.9.6"
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+}

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": [
+    "./src/**/*.ts",
+    "./src/**/*.tsx",
+    "./docs/**/*.ts",
+    "./docs/**/*.tsx",
+    "./example-helpers/**/*.ts",
+    "./example-helpers/**/*.tsx",
+    "./examples/**/*.ts",
+    "./examples/**/*.tsx"
+  ],
+  "compilerOptions": {
+    "baseUrl": "./"
+  }
+}