@atlaskit/link-picker 1.30.10 → 1.30.12

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-picker
 
+## 1.30.12
+
+### Patch Changes
+
+- [#61649](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61649) [`b3da85b3276a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b3da85b3276a) - Replaces internal lazy messages provider implementation with @atlaskit/intl-messages-provider with no expected functional change beyond now supporting inherting messages from parent intl provider. Use of lazy messages provider still is feature flagged behind 'platform.linking-platform.link-picker.lazy-intl-messages'.
+
+## 1.30.11
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.30.10
 
 ### Patch Changes

package/dist/cjs/ui/index.js

@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.30.10" || '',
+  packageVersion: "1.30.12" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

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

@@ -5,16 +5,14 @@ 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 = exports.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
-  }));
+var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _en = _interopRequireDefault(require("../../../i18n/en"));
+var _fetchMessagesForLocale = require("./utils/fetch-messages-for-locale");
+var LazyMessagesProvider = exports.LazyMessagesProvider = function LazyMessagesProvider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_intlMessagesProvider.IntlMessagesProvider, {
+    defaultMessages: _en.default,
+    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
+  }, children);
 };

package/dist/es2019/ui/index.js

@@ -16,7 +16,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.30.10" || '',
+  packageVersion: "1.30.12" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -1,13 +1,12 @@
-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
-  }));
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import en from '../../../i18n/en';
+import { fetchMessagesForLocale } from './utils/fetch-messages-for-locale';
+export const LazyMessagesProvider = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(IntlMessagesProvider, {
+    defaultMessages: en,
+    loaderFn: fetchMessagesForLocale
+  }, children);
 };

package/dist/esm/ui/index.js

@@ -17,7 +17,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.30.10" || '',
+  packageVersion: "1.30.12" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -1,13 +1,11 @@
-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
-  }));
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import en from '../../../i18n/en';
+import { fetchMessagesForLocale } from './utils/fetch-messages-for-locale';
+export var LazyMessagesProvider = function LazyMessagesProvider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(IntlMessagesProvider, {
+    defaultMessages: en,
+    loaderFn: fetchMessagesForLocale
+  }, children);
 };

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.30.10",
+  "version": "1.30.12",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -11,6 +11,7 @@
     "team": "Linking Platform",
     "inPublicMirror": false,
     "releaseModel": "continuous",
+    "i18n": true,
     "productPushConsumption": [
       "jira"
     ],
@@ -56,11 +57,12 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.18.0",
+    "@atlaskit/button": "^17.1.0",
     "@atlaskit/empty-state": "^7.6.0",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/intl-messages-provider": "^1.0.2",
     "@atlaskit/linking-common": "^4.21.0",
     "@atlaskit/onboarding": "^11.1.2",
     "@atlaskit/platform-feature-flags": "^0.2.1",
@@ -68,7 +70,7 @@
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.29.0",
+    "@atlaskit/tokens": "^1.30.0",
     "@atlaskit/tooltip": "^18.0.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -90,6 +92,7 @@
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/link-test-helpers": "^6.2.0",
+    "@atlaskit/primitives": "^1.15.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",

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

@@ -1,41 +0,0 @@
-"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 = exports.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;
-};

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

@@ -1,30 +0,0 @@
-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/esm/ui/messages-provider/lazy-messages-provider/utils/use-messages.js

@@ -1,34 +0,0 @@
-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/types/ui/messages-provider/lazy-messages-provider/utils/use-messages.d.ts

@@ -1,6 +0,0 @@
-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/lazy-messages-provider/utils/use-messages.d.ts

@@ -1,6 +0,0 @@
-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;