@atlaskit/link-picker 1.23.2 → 1.24.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-picker
 
+## 1.24.0
+
+### Minor Changes
+
+- [`5a810cbc8c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a810cbc8c7) - Adds internal MessagesProvider behind `platform.linking-platform.link-picker.lazy-intl-messages` feature flag which, when enabled, lazy loads and self-provides messages for the current locale (as defined by a parent `IntlProvider`).
+
 ## 1.23.2
 
 ### Patch Changes

package/dist/cjs/ui/index.js

@@ -15,6 +15,7 @@ var _version = require("../version.json");
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 var _loaderFallback = require("./loader-fallback");
 var _sessionProvider = require("../controllers/session-provider");
+var _messagesProvider = require("./messages-provider");
 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 || (0, _typeof2.default)(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; }
 var testIds = {
@@ -45,13 +46,13 @@ var ComposedLinkPicker = /*#__PURE__*/(0, _react.memo)(function (props) {
   var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: PACKAGE_DATA
-  }, /*#__PURE__*/_react.default.createElement(_sessionProvider.LinkPickerSessionProvider, null, /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+  }, /*#__PURE__*/_react.default.createElement(_sessionProvider.LinkPickerSessionProvider, null, /*#__PURE__*/_react.default.createElement(_messagesProvider.MessagesProvider, null, /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
     fallback: /*#__PURE__*/_react.default.createElement(_loaderFallback.LoaderFallback, {
       hideDisplayText: props.hideDisplayText
     })
   }, /*#__PURE__*/_react.default.createElement(RootComponent, (0, _extends2.default)({}, props, {
     "data-testid": testIds.linkPickerRoot
-  }), /*#__PURE__*/_react.default.createElement(LazyLinkPicker, props))))));
+  }), /*#__PURE__*/_react.default.createElement(LazyLinkPicker, props)))))));
 });
 exports.ComposedLinkPicker = ComposedLinkPicker;
 var _default = ComposedLinkPicker;

package/dist/cjs/ui/messages-provider/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessagesProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _lazyMessagesProvider = require("./lazy-messages-provider");
+var MessagesProvider = function MessagesProvider(_ref) {
+  var children = _ref.children;
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.lazy-intl-messages')) {
+    return /*#__PURE__*/_react.default.createElement(_lazyMessagesProvider.LazyMessagesProvider, null, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+exports.MessagesProvider = MessagesProvider;

package/dist/cjs/ui/messages-provider/lazy-messages-provider/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LazyMessagesProvider = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _useMessages = require("./utils/use-messages");
+var LazyMessagesProvider = function LazyMessagesProvider(props) {
+  var intl = (0, _reactIntlNext.useIntl)();
+  var messages = (0, _useMessages.useMessages)(intl.locale);
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, (0, _extends2.default)({}, props, {
+    defaultLocale: "en",
+    messages: messages,
+    locale: intl.locale
+  }));
+};
+exports.LazyMessagesProvider = LazyMessagesProvider;

package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchMessagesForLocale = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _en = _interopRequireDefault(require("../../../../i18n/en"));
+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; }
+var fetchMessagesForLocale = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
+    var _messages, parentLocale, _messages2;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return function (specifier) {
+            return new Promise(function (r) {
+              return r(specifier);
+            }).then(function (s) {
+              return _interopRequireWildcard(require(s));
+            });
+          }( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(locale));
+        case 3:
+          _messages = _context.sent;
+          return _context.abrupt("return", _messages.default);
+        case 7:
+          _context.prev = 7;
+          _context.t0 = _context["catch"](0);
+        case 9:
+          _context.prev = 9;
+          parentLocale = locale.split(/[-_]/)[0];
+          _context.next = 13;
+          return function (specifier) {
+            return new Promise(function (r) {
+              return r(specifier);
+            }).then(function (s) {
+              return _interopRequireWildcard(require(s));
+            });
+          }( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(parentLocale));
+        case 13:
+          _messages2 = _context.sent;
+          return _context.abrupt("return", _messages2.default);
+        case 17:
+          _context.prev = 17;
+          _context.t1 = _context["catch"](9);
+        case 19:
+          return _context.abrupt("return", _en.default);
+        case 20:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 7], [9, 17]]);
+  }));
+  return function fetchMessagesForLocale(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+exports.fetchMessagesForLocale = fetchMessagesForLocale;

package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/use-messages.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMessages = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _en = _interopRequireDefault(require("../../../../i18n/en"));
+var _fetchMessagesForLocale = require("./fetch-messages-for-locale");
+/**
+ * Hook to load the messages for a given locale
+ * English is sync/pre-loaded
+ */
+var useMessages = function useMessages(locale) {
+  var _useState = (0, _react.useState)({
+      locale: 'en',
+      messages: _en.default
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    localeState = _useState2[0],
+    setLocaleState = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (locale !== localeState.locale) {
+      var current = true;
+      (0, _fetchMessagesForLocale.fetchMessagesForLocale)(locale).then(function (messages) {
+        if (current) {
+          setLocaleState({
+            messages: messages,
+            locale: locale
+          });
+        }
+      });
+      return function () {
+        current = false;
+      };
+    }
+  }, [localeState, locale]);
+  return localeState.messages;
+};
+exports.useMessages = useMessages;

package/dist/cjs/version.json

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

package/dist/es2019/ui/index.js

@@ -7,6 +7,7 @@ import { name as packageName, version as packageVersion } from '../version.json'
 import ErrorBoundary from './error-boundary';
 import { LoaderFallback } from './loader-fallback';
 import { LinkPickerSessionProvider } from '../controllers/session-provider';
+import { MessagesProvider } from './messages-provider';
 export const testIds = {
   linkPickerRoot: 'link-picker-root'
 };
@@ -32,12 +33,12 @@ export const ComposedLinkPicker = /*#__PURE__*/memo(props => {
   const RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: PACKAGE_DATA
-  }, /*#__PURE__*/React.createElement(LinkPickerSessionProvider, null, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(LazySuspense, {
+  }, /*#__PURE__*/React.createElement(LinkPickerSessionProvider, null, /*#__PURE__*/React.createElement(MessagesProvider, null, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(LazySuspense, {
     fallback: /*#__PURE__*/React.createElement(LoaderFallback, {
       hideDisplayText: props.hideDisplayText
     })
   }, /*#__PURE__*/React.createElement(RootComponent, _extends({}, props, {
     "data-testid": testIds.linkPickerRoot
-  }), /*#__PURE__*/React.createElement(LazyLinkPicker, props))))));
+  }), /*#__PURE__*/React.createElement(LazyLinkPicker, props)))))));
 });
 export default ComposedLinkPicker;

package/dist/es2019/ui/messages-provider/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { LazyMessagesProvider } from './lazy-messages-provider';
+export const MessagesProvider = ({
+  children
+}) => {
+  if (getBooleanFF('platform.linking-platform.link-picker.lazy-intl-messages')) {
+    return /*#__PURE__*/React.createElement(LazyMessagesProvider, null, children);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};

package/dist/es2019/ui/messages-provider/lazy-messages-provider/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IntlProvider, useIntl } from 'react-intl-next';
+import { useMessages } from './utils/use-messages';
+export const LazyMessagesProvider = props => {
+  const intl = useIntl();
+  const messages = useMessages(intl.locale);
+  return /*#__PURE__*/React.createElement(IntlProvider, _extends({}, props, {
+    defaultLocale: "en",
+    messages: messages,
+    locale: intl.locale
+  }));
+};

package/dist/es2019/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js

@@ -0,0 +1,21 @@
+import messages from '../../../../i18n/en';
+export const fetchMessagesForLocale = async locale => {
+  try {
+    const messages = await import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */`../../../../i18n/${locale}`);
+    return messages.default;
+  } catch (e) {
+    // ignore
+  }
+  try {
+    const parentLocale = locale.split(/[-_]/)[0];
+    const messages = await import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */`../../../../i18n/${parentLocale}`);
+    return messages.default;
+  } catch (e) {
+    // ignore
+  }
+
+  /**
+   * English bundled by default as this is the majority of users
+   */
+  return messages;
+};

package/dist/es2019/ui/messages-provider/lazy-messages-provider/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/ui/messages-provider/lazy-messages-provider/utils/use-messages.js

@@ -0,0 +1,30 @@
+import { useEffect, useState } from 'react';
+import messages from '../../../../i18n/en';
+import { fetchMessagesForLocale } from './fetch-messages-for-locale';
+/**
+ * Hook to load the messages for a given locale
+ * English is sync/pre-loaded
+ */
+export const useMessages = locale => {
+  const [localeState, setLocaleState] = useState({
+    locale: 'en',
+    messages
+  });
+  useEffect(() => {
+    if (locale !== localeState.locale) {
+      let current = true;
+      fetchMessagesForLocale(locale).then(messages => {
+        if (current) {
+          setLocaleState({
+            messages,
+            locale
+          });
+        }
+      });
+      return () => {
+        current = false;
+      };
+    }
+  }, [localeState, locale]);
+  return localeState.messages;
+};

package/dist/es2019/version.json

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

package/dist/esm/ui/index.js

@@ -7,6 +7,7 @@ import { name as packageName, version as packageVersion } from '../version.json'
 import ErrorBoundary from './error-boundary';
 import { LoaderFallback } from './loader-fallback';
 import { LinkPickerSessionProvider } from '../controllers/session-provider';
+import { MessagesProvider } from './messages-provider';
 export var testIds = {
   linkPickerRoot: 'link-picker-root'
 };
@@ -31,12 +32,12 @@ export var ComposedLinkPicker = /*#__PURE__*/memo(function (props) {
   var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: PACKAGE_DATA
-  }, /*#__PURE__*/React.createElement(LinkPickerSessionProvider, null, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(LazySuspense, {
+  }, /*#__PURE__*/React.createElement(LinkPickerSessionProvider, null, /*#__PURE__*/React.createElement(MessagesProvider, null, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(LazySuspense, {
     fallback: /*#__PURE__*/React.createElement(LoaderFallback, {
       hideDisplayText: props.hideDisplayText
     })
   }, /*#__PURE__*/React.createElement(RootComponent, _extends({}, props, {
     "data-testid": testIds.linkPickerRoot
-  }), /*#__PURE__*/React.createElement(LazyLinkPicker, props))))));
+  }), /*#__PURE__*/React.createElement(LazyLinkPicker, props)))))));
 });
 export default ComposedLinkPicker;

package/dist/esm/ui/messages-provider/index.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { LazyMessagesProvider } from './lazy-messages-provider';
+export var MessagesProvider = function MessagesProvider(_ref) {
+  var children = _ref.children;
+  if (getBooleanFF('platform.linking-platform.link-picker.lazy-intl-messages')) {
+    return /*#__PURE__*/React.createElement(LazyMessagesProvider, null, children);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};

package/dist/esm/ui/messages-provider/lazy-messages-provider/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IntlProvider, useIntl } from 'react-intl-next';
+import { useMessages } from './utils/use-messages';
+export var LazyMessagesProvider = function LazyMessagesProvider(props) {
+  var intl = useIntl();
+  var messages = useMessages(intl.locale);
+  return /*#__PURE__*/React.createElement(IntlProvider, _extends({}, props, {
+    defaultLocale: "en",
+    messages: messages,
+    locale: intl.locale
+  }));
+};

package/dist/esm/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js

@@ -0,0 +1,41 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import messages from '../../../../i18n/en';
+export var fetchMessagesForLocale = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(locale) {
+    var _messages, parentLocale, _messages2;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(locale));
+        case 3:
+          _messages = _context.sent;
+          return _context.abrupt("return", _messages.default);
+        case 7:
+          _context.prev = 7;
+          _context.t0 = _context["catch"](0);
+        case 9:
+          _context.prev = 9;
+          parentLocale = locale.split(/[-_]/)[0];
+          _context.next = 13;
+          return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(parentLocale));
+        case 13:
+          _messages2 = _context.sent;
+          return _context.abrupt("return", _messages2.default);
+        case 17:
+          _context.prev = 17;
+          _context.t1 = _context["catch"](9);
+        case 19:
+          return _context.abrupt("return", messages);
+        case 20:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 7], [9, 17]]);
+  }));
+  return function fetchMessagesForLocale(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/esm/ui/messages-provider/lazy-messages-provider/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/messages-provider/lazy-messages-provider/utils/use-messages.js

@@ -0,0 +1,34 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useEffect, useState } from 'react';
+import messages from '../../../../i18n/en';
+import { fetchMessagesForLocale } from './fetch-messages-for-locale';
+/**
+ * Hook to load the messages for a given locale
+ * English is sync/pre-loaded
+ */
+export var useMessages = function useMessages(locale) {
+  var _useState = useState({
+      locale: 'en',
+      messages: messages
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    localeState = _useState2[0],
+    setLocaleState = _useState2[1];
+  useEffect(function () {
+    if (locale !== localeState.locale) {
+      var current = true;
+      fetchMessagesForLocale(locale).then(function (messages) {
+        if (current) {
+          setLocaleState({
+            messages: messages,
+            locale: locale
+          });
+        }
+      });
+      return function () {
+        current = false;
+      };
+    }
+  }, [localeState, locale]);
+  return localeState.messages;
+};

package/dist/esm/version.json

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

package/dist/types/ui/messages-provider/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type MessagesIntlProviderProps = {
+    children?: React.ReactNode;
+};
+export declare const MessagesProvider: ({ children }: MessagesIntlProviderProps) => JSX.Element;

package/dist/types/ui/messages-provider/lazy-messages-provider/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type LazyMessagesProviderProps = {
+    children?: React.ReactNode;
+};
+export declare const LazyMessagesProvider: (props: LazyMessagesProviderProps) => JSX.Element;
+export {};

package/dist/types/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.d.ts

@@ -0,0 +1,2 @@
+import { I18NMessages } from './types';
+export declare const fetchMessagesForLocale: (locale: string) => Promise<I18NMessages | undefined>;

package/dist/types/ui/messages-provider/lazy-messages-provider/utils/types.d.ts

@@ -0,0 +1,2 @@
+import { MessageFormatElement } from 'react-intl-next';
+export type I18NMessages = Record<string, string> | Record<string, MessageFormatElement[]>;

package/dist/types/ui/messages-provider/lazy-messages-provider/utils/use-messages.d.ts

@@ -0,0 +1,6 @@
+import { I18NMessages } from './types';
+/**
+ * Hook to load the messages for a given locale
+ * English is sync/pre-loaded
+ */
+export declare const useMessages: (locale: string) => I18NMessages | undefined;

package/dist/types-ts4.5/ui/messages-provider/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type MessagesIntlProviderProps = {
+    children?: React.ReactNode;
+};
+export declare const MessagesProvider: ({ children }: MessagesIntlProviderProps) => JSX.Element;

package/dist/types-ts4.5/ui/messages-provider/lazy-messages-provider/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type LazyMessagesProviderProps = {
+    children?: React.ReactNode;
+};
+export declare const LazyMessagesProvider: (props: LazyMessagesProviderProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.d.ts

@@ -0,0 +1,2 @@
+import { I18NMessages } from './types';
+export declare const fetchMessagesForLocale: (locale: string) => Promise<I18NMessages | undefined>;

package/dist/types-ts4.5/ui/messages-provider/lazy-messages-provider/utils/types.d.ts

@@ -0,0 +1,2 @@
+import { MessageFormatElement } from 'react-intl-next';
+export type I18NMessages = Record<string, string> | Record<string, MessageFormatElement[]>;

package/dist/types-ts4.5/ui/messages-provider/lazy-messages-provider/utils/use-messages.d.ts

@@ -0,0 +1,6 @@
+import { I18NMessages } from './types';
+/**
+ * Hook to load the messages for a given locale
+ * English is sync/pre-loaded
+ */
+export declare const useMessages: (locale: string) => I18NMessages | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.23.2",
+  "version": "1.24.0",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -36,6 +36,9 @@
   "platform-feature-flags": {
     "platform.linking-platform.link-picker.enable-empty-state": {
       "type": "boolean"
+    },
+    "platform.linking-platform.link-picker.lazy-intl-messages": {
+      "type": "boolean"
     }
   },
   "scripts": {