@atlaskit/link-picker 1.40.0 → 1.41.1

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/link-picker
 
+## 1.41.1
+
+### Patch Changes
+
+- [#124870](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/124870)
+  [`6f1acda08a4f4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6f1acda08a4f4) -
+  Removes internal usage of React.FC types
+- Updated dependencies
+
+## 1.41.0
+
+### Minor Changes
+
+- [#124114](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/124114)
+  [`0add97fe66134`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0add97fe66134) -
+  A `/lazy` entrypoint has been added.
+
+  Prefer the default export from the default entrypoint if you do not want a lazy-loaded version.
+
+  ```tsx
+  import LinkPicker from '@atlaskit/link-picker';
+  ```
+
+  Prefer the `LazyLinkPicker` export from the `/lazy` entrypoint if you want a lazy-loaded version.
+
+  ```tsx
+  import { LazyLinkPicker } from '@atlaskit/link-picker/lazy';
+  ```
+
 ## 1.40.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "LinkPicker", {
   enumerable: true,
   get: function get() {
-    return _ui.default;
+    return _ui.DeprecatedLazyLinkPickerExport;
   }
 });
 Object.defineProperty(exports, "LoaderFallback", {
@@ -22,6 +22,14 @@ Object.defineProperty(exports, "UnauthenticatedError", {
     return _errors.UnauthenticatedError;
   }
 });
-var _ui = _interopRequireDefault(require("./ui"));
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ui.default;
+  }
+});
+var _ui = _interopRequireWildcard(require("./ui"));
 var _errors = require("./common/utils/errors");
-var _loaderFallback = require("./ui/loader-fallback");
+var _loaderFallback = require("./ui/loader-fallback");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/lazy.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LazyLinkPicker", {
+  enumerable: true,
+  get: function get() {
+    return _lazy.default;
+  }
+});
+var _lazy = _interopRequireDefault(require("./ui/lazy"));

package/dist/cjs/ui/index.js

@@ -4,87 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.default = exports.PACKAGE_DATA = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _reactLooselyLazy = require("react-loosely-lazy");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _constants = require("../common/constants");
-var _sessionProvider = require("../controllers/session-provider");
-var _errorBoundary = require("./error-boundary");
-var _loaderFallback = require("./loader-fallback");
-var _messagesProvider = require("./messages-provider");
-var _styled = require("./styled");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var testIds = exports.testIds = {
-  linkPickerRoot: 'link-picker-root'
-};
-var PACKAGE_DATA = exports.PACKAGE_DATA = {
-  packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.40.0" || '',
-  componentName: _constants.COMPONENT_NAME,
-  source: _constants.COMPONENT_NAME
-};
-var LazyLinkPicker = (0, _reactLooselyLazy.lazyForPaint)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_link-picker" */
-    './link-picker'));
-  }).then(function (_ref) {
-    var LinkPicker = _ref.LinkPicker;
-    return {
-      default: LinkPicker
-    };
-  });
-});
-var DefaultRootComponent = function DefaultRootComponent(_ref2) {
-  var children = _ref2.children;
-  return (0, _react2.jsx)("div", {
-    "data-testid": testIds.linkPickerRoot
-  }, children);
-};
-var FixedWidthContainer = function FixedWidthContainer(props) {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    css: _styled.fixedWidthContainerStyles
-  }, props));
-};
-var ComposedLinkPicker = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom, _ref3;
-  var component = props.component;
-  var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
-
-  /**
-   * When ff enabled: root container will provide width to component + loader + error boundary
-   * When ff disabled: component + loader + error boundary each providing their own width
-   * Cannot make this change easier at risk of regression as external adopters may have css override on the form element
-   */
-  var RootFixedWidthContainer = (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results') ? FixedWidthContainer : _react.Fragment;
-  var LoaderFallbackContainer = (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results') ? _react.Fragment : FixedWidthContainer;
-  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
-    data: PACKAGE_DATA
-  }, (0, _react2.jsx)(_sessionProvider.LinkPickerSessionProvider, null, (0, _react2.jsx)(_messagesProvider.MessagesProvider, null, (0, _react2.jsx)("div", {
-    style: (_ref3 = {}, (0, _defineProperty2.default)(_ref3, '--link-picker-width', props.disableWidth ? '100%' : // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    "".concat(_constants.LINK_PICKER_WIDTH_IN_PX, "px")), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"), _ref3)
-  }, (0, _react2.jsx)(RootFixedWidthContainer, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_reactLooselyLazy.LazySuspense, {
-    fallback: (0, _react2.jsx)(LoaderFallbackContainer, null, (0, _react2.jsx)(_loaderFallback.LoaderFallback, {
-      url: props.url,
-      hideDisplayText: props.hideDisplayText,
-      isLoadingPlugins: props.isLoadingPlugins,
-      plugins: props.plugins
-    }))
-  }, (0, _react2.jsx)(RootComponent, (0, _extends2.default)({}, props, {
-    "data-testid": testIds.linkPickerRoot
-  }), (0, _react2.jsx)(LazyLinkPicker, props)))))))));
-});
+exports.default = exports.DeprecatedLazyLinkPickerExport = void 0;
+var _lazy = _interopRequireDefault(require("./lazy"));
+var _linkPicker = require("./link-picker");
+var _main = require("./main");
+/**
+ * @deprecated A `/lazy` entrypoint has been added.
+ * @example  Prefer the default export from the default entrypoint if you do not want a lazy-loaded version.
+ * ```tsx
+ * import LinkPicker from '@atlaskit/link-picker';
+ * ```
+ * @example Prefer the `LazyLinkPicker` export from the `/lazy` entrypoint if you want a lazy-loaded version.
+ * ```tsx
+ * import { LazyLinkPicker } from '@atlaskit/link-picker/lazy';
+ * ```
+ */
+var DeprecatedLazyLinkPickerExport = exports.DeprecatedLazyLinkPickerExport = _lazy.default;
 
 // Must be a default export to be able to support prop docs
 // eslint-disable-next-line import/no-default-export
-var _default = exports.default = ComposedLinkPicker;
+var _default = exports.default = (0, _main.composeLinkPicker)(_linkPicker.LinkPicker);

package/dist/cjs/ui/lazy.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _reactLooselyLazy = require("react-loosely-lazy");
+var _main = require("./main");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var LazyLinkPickerComponent = (0, _reactLooselyLazy.lazyForPaint)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_link-picker" */
+    './link-picker'));
+  }).then(function (_ref) {
+    var LinkPicker = _ref.LinkPicker;
+    return {
+      default: LinkPicker
+    };
+  });
+});
+
+// Must be a default export to be able to support prop docs
+// eslint-disable-next-line import/no-default-export
+var _default = exports.default = (0, _main.composeLinkPicker)(LazyLinkPickerComponent);

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

@@ -393,7 +393,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? _styled.formFooterMargin : undefined
     /* Show the feature discovery pulse when we're on the Jira tab, we haven't started typing a url and
           the feature flag is enabled */,
-    createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.enable-jira-create'),
+    createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.enable-jira-create'),
     customSubmitButtonLabel: customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined
   }));
 }));

package/dist/cjs/ui/main.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testIds = exports.composeLinkPicker = exports.PACKAGE_DATA = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _reactLooselyLazy = require("react-loosely-lazy");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _constants = require("../common/constants");
+var _sessionProvider = require("../controllers/session-provider");
+var _errorBoundary = require("./error-boundary");
+var _loaderFallback = require("./loader-fallback");
+var _messagesProvider = require("./messages-provider");
+var _styled = require("./styled");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var testIds = exports.testIds = {
+  linkPickerRoot: 'link-picker-root'
+};
+var PACKAGE_DATA = exports.PACKAGE_DATA = {
+  packageName: "@atlaskit/link-picker" || '',
+  packageVersion: "1.41.1" || '',
+  componentName: _constants.COMPONENT_NAME,
+  source: _constants.COMPONENT_NAME
+};
+var DefaultRootComponent = function DefaultRootComponent(_ref) {
+  var children = _ref.children;
+  return (0, _react2.jsx)("div", {
+    "data-testid": testIds.linkPickerRoot
+  }, children);
+};
+var FixedWidthContainer = function FixedWidthContainer(props) {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  return (0, _react2.jsx)("div", (0, _extends2.default)({
+    css: _styled.fixedWidthContainerStyles
+  }, props));
+};
+var composeLinkPicker = exports.composeLinkPicker = function composeLinkPicker(Component) {
+  return /*#__PURE__*/(0, _react.memo)(function (props) {
+    var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom, _ref2;
+    var component = props.component;
+    var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
+
+    /**
+     * When ff enabled: root container will provide width to component + loader + error boundary
+     * When ff disabled: component + loader + error boundary each providing their own width
+     * Cannot make this change easier at risk of regression as external adopters may have css override on the form element
+     */
+    var RootFixedWidthContainer = (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results') ? FixedWidthContainer : _react.Fragment;
+    var LoaderFallbackContainer = (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results') ? _react.Fragment : FixedWidthContainer;
+    return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+      data: PACKAGE_DATA
+    }, (0, _react2.jsx)(_sessionProvider.LinkPickerSessionProvider, null, (0, _react2.jsx)(_messagesProvider.MessagesProvider, null, (0, _react2.jsx)("div", {
+      style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, '--link-picker-width', props.disableWidth ? '100%' : // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      "".concat(_constants.LINK_PICKER_WIDTH_IN_PX, "px")), (0, _defineProperty2.default)(_ref2, '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref2, '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref2, '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref2, '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"), _ref2)
+    }, (0, _react2.jsx)(RootFixedWidthContainer, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_reactLooselyLazy.LazySuspense, {
+      fallback: (0, _react2.jsx)(LoaderFallbackContainer, null, (0, _react2.jsx)(_loaderFallback.LoaderFallback, {
+        url: props.url,
+        hideDisplayText: props.hideDisplayText,
+        isLoadingPlugins: props.isLoadingPlugins,
+        plugins: props.plugins
+      }))
+    }, (0, _react2.jsx)(RootComponent, (0, _extends2.default)({}, props, {
+      "data-testid": testIds.linkPickerRoot
+    }), (0, _react2.jsx)(Component, props)))))))));
+  });
+};

package/dist/es2019/index.js

@@ -1,3 +1,4 @@
-export { default as LinkPicker } from './ui';
+export { default } from './ui';
+export { DeprecatedLazyLinkPickerExport as LinkPicker } from './ui';
 export { UnauthenticatedError } from './common/utils/errors';
 export { LoaderFallback } from './ui/loader-fallback';

package/dist/es2019/lazy.js

@@ -0,0 +1 @@
+export { default as LazyLinkPicker } from './ui/lazy';

package/dist/es2019/ui/index.js

@@ -1,87 +1,20 @@
-import _extends from "@babel/runtime/helpers/extends";
+import { default as LazyLinkPicker } from './lazy';
+import { LinkPicker } from './link-picker';
+import { composeLinkPicker } from './main';
+
 /**
- * @jsxRuntime classic
- * @jsx jsx
+ * @deprecated A `/lazy` entrypoint has been added.
+ * @example  Prefer the default export from the default entrypoint if you do not want a lazy-loaded version.
+ * ```tsx
+ * import LinkPicker from '@atlaskit/link-picker';
+ * ```
+ * @example Prefer the `LazyLinkPicker` export from the `/lazy` entrypoint if you want a lazy-loaded version.
+ * ```tsx
+ * import { LazyLinkPicker } from '@atlaskit/link-picker/lazy';
+ * ```
  */
-import React, { Fragment, memo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { COMPONENT_NAME, LINK_PICKER_WIDTH_IN_PX } from '../common/constants';
-import { LinkPickerSessionProvider } from '../controllers/session-provider';
-import { ErrorBoundary } from './error-boundary';
-import { LoaderFallback } from './loader-fallback';
-import { MessagesProvider } from './messages-provider';
-import { fixedWidthContainerStyles } from './styled';
-export const testIds = {
-  linkPickerRoot: 'link-picker-root'
-};
-export const PACKAGE_DATA = {
-  packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.40.0" || '',
-  componentName: COMPONENT_NAME,
-  source: COMPONENT_NAME
-};
-const LazyLinkPicker = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_link-picker" */
-'./link-picker').then(({
-  LinkPicker
-}) => ({
-  default: LinkPicker
-})));
-const DefaultRootComponent = ({
-  children
-}) => {
-  return jsx("div", {
-    "data-testid": testIds.linkPickerRoot
-  }, children);
-};
-const FixedWidthContainer = props => {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  return jsx("div", _extends({
-    css: fixedWidthContainerStyles
-  }, props));
-};
-const ComposedLinkPicker = /*#__PURE__*/memo(props => {
-  var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom;
-  const {
-    component
-  } = props;
-  const RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
-
-  /**
-   * When ff enabled: root container will provide width to component + loader + error boundary
-   * When ff disabled: component + loader + error boundary each providing their own width
-   * Cannot make this change easier at risk of regression as external adopters may have css override on the form element
-   */
-  const RootFixedWidthContainer = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? FixedWidthContainer : Fragment;
-  const LoaderFallbackContainer = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? Fragment : FixedWidthContainer;
-  return jsx(AnalyticsContext, {
-    data: PACKAGE_DATA
-  }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
-    style: {
-      ['--link-picker-width']: props.disableWidth ? '100%' :
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      `${LINK_PICKER_WIDTH_IN_PX}px`,
-      ['--link-picker-padding-left']: (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)",
-      ['--link-picker-padding-right']: (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)",
-      ['--link-picker-padding-top']: (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)",
-      ['--link-picker-padding-bottom']: (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"
-    }
-  }, jsx(RootFixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
-    fallback: jsx(LoaderFallbackContainer, null, jsx(LoaderFallback, {
-      url: props.url,
-      hideDisplayText: props.hideDisplayText,
-      isLoadingPlugins: props.isLoadingPlugins,
-      plugins: props.plugins
-    }))
-  }, jsx(RootComponent, _extends({}, props, {
-    "data-testid": testIds.linkPickerRoot
-  }), jsx(LazyLinkPicker, props)))))))));
-});
+export const DeprecatedLazyLinkPickerExport = LazyLinkPicker;
 
 // Must be a default export to be able to support prop docs
 // eslint-disable-next-line import/no-default-export
-export default ComposedLinkPicker;
+export default composeLinkPicker(LinkPicker);

package/dist/es2019/ui/lazy.js

@@ -0,0 +1,12 @@
+import { lazyForPaint } from 'react-loosely-lazy';
+import { composeLinkPicker } from './main';
+const LazyLinkPickerComponent = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_link-picker" */
+'./link-picker').then(({
+  LinkPicker
+}) => ({
+  default: LinkPicker
+})));
+
+// Must be a default export to be able to support prop docs
+// eslint-disable-next-line import/no-default-export
+export default composeLinkPicker(LazyLinkPickerComponent);

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

@@ -11,7 +11,7 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
 import { browser } from '@atlaskit/linking-common/user-agent';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
@@ -397,7 +397,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
     /* Show the feature discovery pulse when we're on the Jira tab, we haven't started typing a url and
           the feature flag is enabled */,
-    createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && getBooleanFF('platform.linking-platform.link-picker.enable-jira-create'),
+    createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && fg('platform.linking-platform.link-picker.enable-jira-create'),
     customSubmitButtonLabel: customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined
   }));
 }));

package/dist/es2019/ui/main.js

@@ -0,0 +1,79 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React, { Fragment, memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { LazySuspense } from 'react-loosely-lazy';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { COMPONENT_NAME, LINK_PICKER_WIDTH_IN_PX } from '../common/constants';
+import { LinkPickerSessionProvider } from '../controllers/session-provider';
+import { ErrorBoundary } from './error-boundary';
+import { LoaderFallback } from './loader-fallback';
+import { MessagesProvider } from './messages-provider';
+import { fixedWidthContainerStyles } from './styled';
+export const testIds = {
+  linkPickerRoot: 'link-picker-root'
+};
+export const PACKAGE_DATA = {
+  packageName: "@atlaskit/link-picker" || '',
+  packageVersion: "1.41.1" || '',
+  componentName: COMPONENT_NAME,
+  source: COMPONENT_NAME
+};
+const DefaultRootComponent = ({
+  children
+}) => {
+  return jsx("div", {
+    "data-testid": testIds.linkPickerRoot
+  }, children);
+};
+const FixedWidthContainer = props => {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  return jsx("div", _extends({
+    css: fixedWidthContainerStyles
+  }, props));
+};
+export const composeLinkPicker = Component => {
+  return /*#__PURE__*/memo(props => {
+    var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom;
+    const {
+      component
+    } = props;
+    const RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
+
+    /**
+     * When ff enabled: root container will provide width to component + loader + error boundary
+     * When ff disabled: component + loader + error boundary each providing their own width
+     * Cannot make this change easier at risk of regression as external adopters may have css override on the form element
+     */
+    const RootFixedWidthContainer = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? FixedWidthContainer : Fragment;
+    const LoaderFallbackContainer = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? Fragment : FixedWidthContainer;
+    return jsx(AnalyticsContext, {
+      data: PACKAGE_DATA
+    }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
+      style: {
+        ['--link-picker-width']: props.disableWidth ? '100%' :
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        `${LINK_PICKER_WIDTH_IN_PX}px`,
+        ['--link-picker-padding-left']: (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)",
+        ['--link-picker-padding-right']: (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)",
+        ['--link-picker-padding-top']: (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)",
+        ['--link-picker-padding-bottom']: (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"
+      }
+    }, jsx(RootFixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
+      fallback: jsx(LoaderFallbackContainer, null, jsx(LoaderFallback, {
+        url: props.url,
+        hideDisplayText: props.hideDisplayText,
+        isLoadingPlugins: props.isLoadingPlugins,
+        plugins: props.plugins
+      }))
+    }, jsx(RootComponent, _extends({}, props, {
+      "data-testid": testIds.linkPickerRoot
+    }), jsx(Component, props)))))))));
+  });
+};

package/dist/esm/index.js

@@ -1,3 +1,4 @@
-export { default as LinkPicker } from './ui';
+export { default } from './ui';
+export { DeprecatedLazyLinkPickerExport as LinkPicker } from './ui';
 export { UnauthenticatedError } from './common/utils/errors';
 export { LoaderFallback } from './ui/loader-fallback';

package/dist/esm/lazy.js

@@ -0,0 +1 @@
+export { default as LazyLinkPicker } from './ui/lazy';