@atlaskit/help-layout 3.0.0 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,65 @@
 # @atlaskit/help-layout
 
+## 4.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.0.2
+
+### Patch Changes
+
+- [`df9dc928897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9dc928897) - Update the team information in the packages maintained by the In Product Help team
+
+## 3.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.0.0
 
 ### Major Changes

package/build/tsconfig.json

@@ -5,6 +5,13 @@
     "target": "es5",
     "paths": {}
   },
-  "include": ["../src/**/*.ts", "../src/**/*.tsx"],
-  "exclude": ["../src/**/__tests__/*"]
-}
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ]
+}

package/dist/cjs/analytics.js

@@ -1,16 +1,20 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultAnalyticsAttributes = exports.createAndFire = exports.withAnalyticsContext = exports.withAnalyticsEvents = void 0;
+exports.withAnalyticsEvents = exports.withAnalyticsContext = exports.defaultAnalyticsAttributes = exports.createAndFire = void 0;
 
 var x = _interopRequireWildcard(require("@atlaskit/analytics-next"));
 
 var _version = require("./version.json");
 
+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 withAnalyticsEvents = x.withAnalyticsEvents;
 exports.withAnalyticsEvents = withAnalyticsEvents;
 var withAnalyticsContext = x.withAnalyticsContext;

package/dist/cjs/components/Header/BackButton.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
@@ -37,7 +37,11 @@ var _constants2 = require("../constants");
 
 var _styled = require("./styled");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -125,6 +129,6 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
   }, /*#__PURE__*/_react.default.createElement(BackButton, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(BackButtonWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(BackButtonWithContext);
 
 exports.default = _default;

package/dist/cjs/components/Header/CloseButton.js

@@ -9,7 +9,7 @@ exports.default = exports.CloseButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
@@ -73,6 +73,6 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
   }, /*#__PURE__*/_react.default.createElement(CloseButton, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(CloseButtonWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(CloseButtonWithContext);
 
 exports.default = _default;

package/dist/cjs/components/Header/index.js

@@ -9,7 +9,7 @@ exports.default = exports.HelpContent = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
@@ -44,6 +44,6 @@ var HelpContent = function HelpContent(_ref) {
 
 exports.HelpContent = HelpContent;
 
-var _default = (0, _reactIntl.injectIntl)(HelpContent);
+var _default = (0, _reactIntlNext.injectIntl)(HelpContent);
 
 exports.default = _default;

package/dist/cjs/components/Header/styled.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HeaderContent = exports.HeaderTitle = exports.BackButtonContainer = exports.CloseButtonContainer = exports.HeaderContainer = void 0;
+exports.HeaderTitle = exports.HeaderContent = exports.HeaderContainer = exports.CloseButtonContainer = exports.BackButtonContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -17,75 +17,31 @@ var _constants = require("@atlaskit/theme/constants");
 
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", "px ", "px ", "px;\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  text-align: center;\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: ", "px;\n  width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: inline-block;\n  overflow: hidden;\n  vertical-align: middle;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: ", "px;\n  top: ", "px;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-bottom: ", "px solid ", ";\n  justify-content: space-between;\n  position: relative;\n"]);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
+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); }
 
-  return data;
-}
+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 HEADER_TITLE_HEIGHT = (0, _constants.gridSize)() * 7;
 var HEADER_TITLE_BORDER_BOTTOM = 2;
 
-var HeaderContainer = _styled.default.div(_templateObject(), colors.N10, HEADER_TITLE_BORDER_BOTTOM, colors.N30);
+var HeaderContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-bottom: ", "px solid ", ";\n  justify-content: space-between;\n  position: relative;\n"])), colors.N10, HEADER_TITLE_BORDER_BOTTOM, colors.N30);
 
 exports.HeaderContainer = HeaderContainer;
 
-var CloseButtonContainer = _styled.default.div(_templateObject2(), (0, _constants.gridSize)(), (0, _constants.gridSize)() * 1.5);
+var CloseButtonContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: ", "px;\n  top: ", "px;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)() * 1.5);
 
 exports.CloseButtonContainer = CloseButtonContainer;
 
-var BackButtonContainer = _styled.default.div(_templateObject3(), (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)());
+var BackButtonContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n"])), (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)());
 
 exports.BackButtonContainer = BackButtonContainer;
 
-var HeaderTitle = _styled.default.div(_templateObject4(), colors.N500, HEADER_TITLE_HEIGHT);
+var HeaderTitle = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  text-align: center;\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: ", "px;\n  width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: inline-block;\n  overflow: hidden;\n  vertical-align: middle;\n"])), colors.N500, HEADER_TITLE_HEIGHT);
 
 exports.HeaderTitle = HeaderTitle;
 
-var HeaderContent = _styled.default.div(_templateObject5(), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2);
+var HeaderContent = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", "px ", "px ", "px;\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2);
 
 exports.HeaderContent = HeaderContent;

package/dist/cjs/components/HelpLayout.js

@@ -29,7 +29,7 @@ var _HelpLayoutContent = _interopRequireDefault(require("./HelpLayoutContent"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var HelpLayout = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HelpLayout, _React$PureComponent);

package/dist/cjs/components/HelpLayoutContent.js

@@ -11,7 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _Header = _interopRequireDefault(require("./Header"));
 
@@ -55,6 +55,6 @@ var HelpContent = function HelpContent(props) {
 
 exports.HelpContent = HelpContent;
 
-var _default = (0, _reactIntl.injectIntl)(HelpContent);
+var _default = (0, _reactIntlNext.injectIntl)(HelpContent);
 
 exports.default = _default;

package/dist/cjs/components/MessagesIntlProvider.js

@@ -9,20 +9,20 @@ exports.default = exports.MessagesIntlProvider = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
-
-var _i18nUtil = require("../util/i18n-util");
+var _reactIntlNext = require("react-intl-next");
 
 var MessagesIntlProvider = function MessagesIntlProvider(_ref) {
-  var intl = _ref.intl,
+  var _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en' : _ref$locale,
       children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
-    messages: (0, _i18nUtil.getMessagesForLocale)(intl.locale)
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    key: locale,
+    locale: locale
   }, children);
 };
 
 exports.MessagesIntlProvider = MessagesIntlProvider;
 
-var _default = (0, _reactIntl.injectIntl)(MessagesIntlProvider);
+var _default = (0, _reactIntlNext.injectIntl)(MessagesIntlProvider);
 
 exports.default = _default;

package/dist/cjs/components/styled.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LoadingRectangle = exports.LoadingContainer = exports.HelpFooter = exports.DividerLine = exports.Section = exports.Container = void 0;
+exports.Section = exports.LoadingRectangle = exports.LoadingContainer = exports.HelpFooter = exports.DividerLine = exports.Container = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -19,90 +19,26 @@ var _constants = require("@atlaskit/theme/constants");
 
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
-function _templateObject7() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: 2px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n    0% {\n        background-position: -300px 0;\n    }\n    100% {\n        background-position: 1000px 0;\n    }\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px;\n  height: 100%;\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px 0;\n  box-sizing: border-box;\n  background-color: ", ";\n  border-top: ", "px solid ", ";\n  justify-content: space-between;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  height: 2px;\n  width: 100%;\n  padding: 0 ", "px;\n  margin-top: ", "px;\n  box-sizing: border-box;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n"]);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
+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); }
 
-  return data;
-}
+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 Container = _styled.default.div(_templateObject());
+var Container = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n"])));
 
 exports.Container = Container;
 
-var Section = _styled.default.div(_templateObject2());
+var Section = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n"])));
 
 exports.Section = Section;
 
-var DividerLine = _styled.default.div(_templateObject3(), colors.N30A, 2 * (0, _constants.gridSize)(), (0, _constants.gridSize)() * 2);
+var DividerLine = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  height: 2px;\n  width: 100%;\n  padding: 0 ", "px;\n  margin-top: ", "px;\n  box-sizing: border-box;\n"])), colors.N30A, 2 * (0, _constants.gridSize)(), (0, _constants.gridSize)() * 2);
 
 exports.DividerLine = DividerLine;
 var FOOTER_BORDER_TOP = 2;
 
-var HelpFooter = _styled.default.div(_templateObject4(), (0, _constants.gridSize)(), colors.N10, FOOTER_BORDER_TOP, colors.N30);
+var HelpFooter = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px 0;\n  box-sizing: border-box;\n  background-color: ", ";\n  border-top: ", "px solid ", ";\n  justify-content: space-between;\n"])), (0, _constants.gridSize)(), colors.N10, FOOTER_BORDER_TOP, colors.N30);
 /**
  * Loading
  */
@@ -110,12 +46,12 @@ var HelpFooter = _styled.default.div(_templateObject4(), (0, _constants.gridSize
 
 exports.HelpFooter = HelpFooter;
 
-var LoadingContainer = _styled.default.div(_templateObject5(), 2 * (0, _constants.gridSize)());
+var LoadingContainer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px;\n  height: 100%;\n"])), 2 * (0, _constants.gridSize)());
 
 exports.LoadingContainer = LoadingContainer;
-var shimmer = (0, _core.keyframes)(_templateObject6());
+var shimmer = (0, _core.keyframes)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    0% {\n        background-position: -300px 0;\n    }\n    100% {\n        background-position: 1000px 0;\n    }\n"])));
 
-var LoadingRectangle = _styled.default.div(_templateObject7(), function (props) {
+var LoadingRectangle = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: 2px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"])), function (props) {
   return props.contentHeight ? props.contentHeight : '1rem';
 }, function (props) {
   return props.marginTop ? props.marginTop : (0, _constants.gridSize)() + 'px';

package/dist/cjs/i18n/index.js

@@ -5,12 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "zh", {
-  enumerable: true,
-  get: function get() {
-    return _zh.default;
-  }
-});
 Object.defineProperty(exports, "cs", {
   enumerable: true,
   get: function get() {
@@ -23,10 +17,10 @@ Object.defineProperty(exports, "da", {
     return _da.default;
   }
 });
-Object.defineProperty(exports, "nl", {
+Object.defineProperty(exports, "de", {
   enumerable: true,
   get: function get() {
-    return _nl.default;
+    return _de.default;
   }
 });
 Object.defineProperty(exports, "en", {
@@ -41,6 +35,12 @@ Object.defineProperty(exports, "en_GB", {
     return _en_GB.default;
   }
 });
+Object.defineProperty(exports, "es", {
+  enumerable: true,
+  get: function get() {
+    return _es.default;
+  }
+});
 Object.defineProperty(exports, "et", {
   enumerable: true,
   get: function get() {
@@ -59,12 +59,6 @@ Object.defineProperty(exports, "fr", {
     return _fr.default;
   }
 });
-Object.defineProperty(exports, "de", {
-  enumerable: true,
-  get: function get() {
-    return _de.default;
-  }
-});
 Object.defineProperty(exports, "hu", {
   enumerable: true,
   get: function get() {
@@ -101,6 +95,12 @@ Object.defineProperty(exports, "nb", {
     return _nb.default;
   }
 });
+Object.defineProperty(exports, "nl", {
+  enumerable: true,
+  get: function get() {
+    return _nl.default;
+  }
+});
 Object.defineProperty(exports, "pl", {
   enumerable: true,
   get: function get() {
@@ -137,16 +137,16 @@ Object.defineProperty(exports, "sk", {
     return _sk.default;
   }
 });
-Object.defineProperty(exports, "es", {
+Object.defineProperty(exports, "sv", {
   enumerable: true,
   get: function get() {
-    return _es.default;
+    return _sv.default;
   }
 });
-Object.defineProperty(exports, "sv", {
+Object.defineProperty(exports, "zh", {
   enumerable: true,
   get: function get() {
-    return _sv.default;
+    return _zh.default;
   }
 });
 

package/dist/cjs/messages.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   help_loading: {
     id: 'helpPanel.loading',
     defaultMessage: 'Loading',

package/dist/cjs/model/HelpLayout.js

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

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/help-layout",
-	"version": "3.0.0",
+	"version": "4.0.0",
 	"sideEffects": false
 }

package/dist/es2019/components/Header/BackButton.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';

package/dist/es2019/components/Header/CloseButton.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Tooltip from '@atlaskit/tooltip';
 import Button from '@atlaskit/button/custom-theme-button';

package/dist/es2019/components/Header/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../../messages';
 import CloseButton from './CloseButton';
 import BackButton from './BackButton';

package/dist/es2019/components/HelpLayoutContent.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import Header from './Header';
 import { messages } from '../messages';
 import { Container, Section, HelpFooter, LoadingContainer, LoadingRectangle } from './styled';

package/dist/es2019/components/MessagesIntlProvider.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { IntlProvider, injectIntl } from 'react-intl';
-import { getMessagesForLocale } from '../util/i18n-util';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 export const MessagesIntlProvider = ({
-  intl,
+  locale = 'en',
   children
 }) => /*#__PURE__*/React.createElement(IntlProvider, {
-  messages: getMessagesForLocale(intl.locale)
+  key: locale,
+  locale: locale
 }, children);
 export default injectIntl(MessagesIntlProvider);

package/dist/es2019/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   help_loading: {
     id: 'helpPanel.loading',