@atlaskit/link-picker 1.10.4 → 1.11.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/link-picker
 
+## 1.11.1
+
+### Patch Changes
+
+- [`af6e73a1e17`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af6e73a1e17) - Bumping dependencies via Renovate:
+
+  - react-loosely-lazy
+
+## 1.11.0
+
+### Minor Changes
+
+- [`2cbf4131640`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2cbf4131640) - Make LinkPicker to accept a custom root component
+  And now we offer a new useLinkPickerEditorProps hook
+  useForgeSearchProviders hook will now get client from SmartCardContext
+
 ## 1.10.4
 
 ### Patch Changes

package/dist/cjs/ui/link-picker/index.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.testIds = exports.default = exports.RECENT_SEARCH_LIST_SIZE = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -65,6 +67,8 @@ var _experiences = require("../../common/analytics/experiences");
 
 var _sessionProvider = require("../../controllers/session-provider");
 
+var _excluded = ["component"];
+
 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; }
@@ -77,6 +81,7 @@ var RECENT_SEARCH_LIST_SIZE = 5;
 exports.RECENT_SEARCH_LIST_SIZE = RECENT_SEARCH_LIST_SIZE;
 
 var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
   urlInputField: 'link-url',
   textInputField: 'link-text',
@@ -432,6 +437,20 @@ function LinkPicker(_ref) {
   }));
 }
 
-var _default = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(LinkPicker));
+var DefaultRootComponent = function DefaultRootComponent(_ref2) {
+  var children = _ref2.children;
+  return (0, _react2.jsx)("div", {
+    "data-testid": testIds.linkPickerRoot
+  }, children);
+};
+
+var _default = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref3) {
+  var component = _ref3.component,
+      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+  var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
+  return (0, _react2.jsx)(RootComponent, (0, _extends2.default)({}, props, {
+    "data-testid": testIds.linkPickerRoot
+  }), (0, _react2.jsx)(LinkPicker, props));
+}));
 
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.10.4",
+	"version": "1.11.1",
 	"sideEffects": false
 }

package/dist/es2019/ui/link-picker/index.js

@@ -28,6 +28,7 @@ import { succeedUfoExperience, ufoExperience } from '../../common/analytics/expe
 import { useLinkPickerSessionId } from '../../controllers/session-provider';
 export const RECENT_SEARCH_LIST_SIZE = 5;
 export const testIds = {
+  linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
   urlInputField: 'link-url',
   textInputField: 'link-text',
@@ -377,4 +378,20 @@ function LinkPicker({
   }));
 }
 
-export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));
+const DefaultRootComponent = ({
+  children
+}) => {
+  return jsx("div", {
+    "data-testid": testIds.linkPickerRoot
+  }, children);
+};
+
+export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
+  component,
+  ...props
+}) => {
+  const RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
+  return jsx(RootComponent, _extends({}, props, {
+    "data-testid": testIds.linkPickerRoot
+  }), jsx(LinkPicker, props));
+}));

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.10.4",
+	"version": "1.11.1",
 	"sideEffects": false
 }

package/dist/esm/ui/link-picker/index.js

@@ -1,6 +1,8 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["component"];
 
 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; }
 
@@ -34,6 +36,7 @@ import { succeedUfoExperience, ufoExperience } from '../../common/analytics/expe
 import { useLinkPickerSessionId } from '../../controllers/session-provider';
 export var RECENT_SEARCH_LIST_SIZE = 5;
 export var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
   urlInputField: 'link-url',
   textInputField: 'link-text',
@@ -387,4 +390,19 @@ function LinkPicker(_ref) {
   }));
 }
 
-export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));
+var DefaultRootComponent = function DefaultRootComponent(_ref2) {
+  var children = _ref2.children;
+  return jsx("div", {
+    "data-testid": testIds.linkPickerRoot
+  }, children);
+};
+
+export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(function (_ref3) {
+  var component = _ref3.component,
+      props = _objectWithoutProperties(_ref3, _excluded);
+
+  var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
+  return jsx(RootComponent, _extends({}, props, {
+    "data-testid": testIds.linkPickerRoot
+  }), jsx(LinkPicker, props));
+}));

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.10.4",
+	"version": "1.11.1",
 	"sideEffects": false
 }

package/dist/types/ui/link-picker/index.d.ts

@@ -15,6 +15,7 @@ export declare const testIds: {
     readonly searchError: string;
     readonly insertButton: "link-picker-insert-button";
     readonly cancelButton: "link-picker-cancel-button";
+    readonly linkPickerRoot: "link-picker-root";
     readonly linkPicker: "link-picker";
     readonly urlInputField: "link-url";
     readonly textInputField: "link-text";
@@ -56,6 +57,10 @@ export interface LinkPickerProps {
     displayText?: string | null;
     /** Plugins that provide link suggestions / search capabilities. */
     plugins?: LinkPickerPlugin[];
+    /** Customise the link picker root component */
+    component?: React.ComponentType<Partial<LinkPickerProps> & {
+        children: React.ReactElement;
+    }>;
 }
 export interface PickerState {
     selectedIndex: number;

package/dist/types-ts4.0/ui/link-picker/index.d.ts

@@ -15,6 +15,7 @@ export declare const testIds: {
     readonly searchError: string;
     readonly insertButton: "link-picker-insert-button";
     readonly cancelButton: "link-picker-cancel-button";
+    readonly linkPickerRoot: "link-picker-root";
     readonly linkPicker: "link-picker";
     readonly urlInputField: "link-url";
     readonly textInputField: "link-text";
@@ -56,6 +57,10 @@ export interface LinkPickerProps {
     displayText?: string | null;
     /** Plugins that provide link suggestions / search capabilities. */
     plugins?: LinkPickerPlugin[];
+    /** Customise the link picker root component */
+    component?: React.ComponentType<Partial<LinkPickerProps> & {
+        children: React.ReactElement;
+    }>;
 }
 export interface PickerState {
     selectedIndex: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.10.4",
+  "version": "1.11.1",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -45,7 +45,7 @@
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/tabs": "^13.3.0",
-    "@atlaskit/textfield": "^5.2.0",
+    "@atlaskit/textfield": "^5.3.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.0",
@@ -53,9 +53,10 @@
     "@atlaskit/visually-hidden": "^1.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
+    "@react-loosely-lazy/manifest": "^1.0.0",
     "date-fns": "^2.17.0",
     "linkify-it": "^2.0.3",
-    "react-loosely-lazy": "^0.5.0",
+    "react-loosely-lazy": "^1.0.0",
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
@@ -67,6 +68,7 @@
     "@atlaskit/activity-provider": "^2.3.2",
     "@atlaskit/docs": "*",
     "@atlaskit/link-analytics": "^1.1.0",
+    "@atlaskit/link-provider": "^1.2.9",
     "@atlaskit/link-test-helpers": "^1.5.0",
     "@atlaskit/popup": "^1.4.0",
     "@atlaskit/ssr": "*",
@@ -74,8 +76,8 @@
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
-    "@atlassian/link-picker-atlassian-plugin": "^20.0.0",
-    "@atlassian/link-picker-plugins": "^7.0.0",
+    "@atlassian/link-picker-atlassian-plugin": "^21.0.0",
+    "@atlassian/link-picker-plugins": "^8.0.0",
     "@atlassian/recent-work-client": "^1.6.0",
     "@atlassian/search-provider": "^2.3.0",
     "@testing-library/dom": "^8.17.1",

package/report.api.md

@@ -46,6 +46,11 @@ export type LinkPickerPluginErrorFallback = (
 
 // @public (undocumented)
 export interface LinkPickerProps {
+  component?: React.ComponentType<
+    Partial<LinkPickerProps> & {
+      children: React.ReactElement;
+    }
+  >;
   displayText?: string | null;
   onCancel: () => void;
   onContentResize?: () => void;