-
{menuItems.map(item => (
-
- +-
my icon - - test-text-2 --+ -- 0 + + my icon +-
- - + test-text-2 +
-
+ --
- - - -- terraApplication.navigation.utilityMenu.settings --+ + + + -
+ + 0 ++ +
+
+
-
+ --
- - - -- terraApplication.navigation.utilityMenu.help --+ + + +
{userConfig.name}
{userConfig.detail ? {userConfig.detail}
: null}
{ userActionConfig && (
-
+
)}
diff --git a/packages/terra-application/src/application-navigation/private/drawer-menu/_DrawerMenu.jsx b/packages/terra-application/src/application-navigation/private/drawer-menu/_DrawerMenu.jsx
index 100470451..2744620b5 100644
--- a/packages/terra-application/src/application-navigation/private/drawer-menu/_DrawerMenu.jsx
+++ b/packages/terra-application/src/application-navigation/private/drawer-menu/_DrawerMenu.jsx
@@ -93,13 +93,6 @@ const propTypes = {
* A configuration object to render an action button for user Config.
*/
userActionConfig: userActionConfigPropType,
- /**
- * @private
- * Given a callback function, menuClosingCallback will return a new function
- * that will ensure that the various menu states are reset before the callback function
- * is executed.
- */
- menuClosingCallback: PropTypes.func,
};
const defaultProps = {
@@ -123,18 +116,9 @@ const DrawerMenu = ({
notifications,
intl,
userActionConfig,
- menuClosingCallback,
}) => {
const titleComponent = titleConfig && !(titleConfig.element || titleConfig.hideTitleWithinDrawerMenu) ? {userConfig.name}
{userConfig.detail ? {userConfig.detail}
: null}
{ userActionConfig && (
-
+
)}
Supported `height` values include: `'240'`, `'420'`, `'600'`, `'690'`, `'780'`, `'870'`, `'960'`, `'1140'`.
Supported `width` values include: `'320'`, `'480'`, `'560'`, `'640'`, `'800'`, `'960'`, `'1120'`, `'1280'`, `'1440'`, `'1600'`, `'1760'`, `'1920'`.| |`content`|**required**|An Object containing a key and a component describing the component to be disclosed. See the `content` API below.| +### Content props + `content` Object API: |Key|Is Required|Value| diff --git a/packages/terra-application/src/terra-dev-site/app/demo/AppPage.jsx b/packages/terra-application/src/terra-dev-site/app/demo/AppPage.jsx index 1c53187cb..a6893f4f1 100644 --- a/packages/terra-application/src/terra-dev-site/app/demo/AppPage.jsx +++ b/packages/terra-application/src/terra-dev-site/app/demo/AppPage.jsx @@ -5,7 +5,7 @@ import PropTypes from 'prop-types'; import classNames from 'classnames/bind'; import { ActiveBreakpointContext } from 'terra-application/lib/breakpoints'; import ApplicationLoadingOverlay from 'terra-application/lib/application-loading-overlay'; -import { ApplicationIntlContext } from 'terra-application/lib/application-intl'; +import { useIntl } from 'react-intl'; import { ThemeContext } from 'terra-application/lib/theme'; import { ApplicationNavigationActionsContext } from 'terra-application/lib/application-navigation'; @@ -23,7 +23,7 @@ const AppPage = ({ pageName }) => { const [isInitialized, setIsInitialized] = useState(false); const activeBreakpoint = useContext(ActiveBreakpointContext); - const applicationIntl = useContext(ApplicationIntlContext); + const applicationIntl = useIntl(); const theme = React.useContext(ThemeContext); const [hasError, setHasError] = useState(false); diff --git a/packages/terra-application/src/terra-dev-site/app/demo/ModalPresenter.jsx b/packages/terra-application/src/terra-dev-site/app/demo/ModalPresenter.jsx index 9c56f1866..80152a4d8 100644 --- a/packages/terra-application/src/terra-dev-site/app/demo/ModalPresenter.jsx +++ b/packages/terra-application/src/terra-dev-site/app/demo/ModalPresenter.jsx @@ -7,7 +7,7 @@ import classNames from 'classnames/bind'; import Scroll from 'terra-scroll'; import { ActiveBreakpointContext } from 'terra-application/lib/breakpoints'; import ApplicationLoadingOverlay from 'terra-application/lib/application-loading-overlay'; -import { ApplicationIntlContext } from 'terra-application/lib/application-intl'; +import { useIntl } from 'react-intl'; import { DisclosureManagerContext, DisclosureManagerHeaderAdapter } from 'terra-application/lib/disclosure-manager'; import PendingActionToggle from './PendingActionToggle'; @@ -17,7 +17,7 @@ const cx = classNames.bind(styles); const ModalContent = ({ name, onSubmit }) => { const activeBreakpoint = useContext(ActiveBreakpointContext); - const applicationIntl = useContext(ApplicationIntlContext); + const applicationIntl = useIntl(); const disclosureManager = useContext(DisclosureManagerContext); const [hasError, setHasError] = useState(false); diff --git a/packages/terra-application/src/terra-dev-site/app/how-to.3/use-translated-strings.app.mdx b/packages/terra-application/src/terra-dev-site/app/how-to.3/use-translated-strings.app.mdx index dd4a1240f..d36195c00 100644 --- a/packages/terra-application/src/terra-dev-site/app/how-to.3/use-translated-strings.app.mdx +++ b/packages/terra-application/src/terra-dev-site/app/how-to.3/use-translated-strings.app.mdx @@ -7,15 +7,12 @@ Every child of [ApplicationBase](/application/terra-application/components/appli application's translated strings. Please review Terra's [recommended consumption guides](https://engineering.cerner.com/terra-ui/guides/terra-ui/internationalization/building-components-which-include-translations) for more information. -Additionally, ApplicateBase provides react-intl's APIs through the [ApplicationIntlContext](/application/terra-application/contexts/application-intl-context) -for consumers seeking a modern Context implementation. - ```jsx import React, { useContext } from 'react'; -import { ApplicationIntlContext } from 'terra-application/lib/application-intl'; +import { useIntl } from 'react-intl'; const ExampleComponent = () => { - const applicationIntl = useContext(ApplicationIntlContext); + const applicationIntl = useIntl(); return (
@@ -33,4 +30,4 @@ export default ExampleComponent;
```
> Accessing react-intl's [legacy context value](https://reactjs.org/docs/legacy-context.html) directly is **not recommended**.
-> This API is deprecated and not provided by react-intl v3.x. Terra's recommended usage patterns are supported by versions 2.x and 3.x of react-intl.
+> This API is deprecated and not provided by react-intl v3.x. Terra's recommended usage patterns are supported by versions 5.x of react-intl.
diff --git a/packages/terra-application/src/terra-dev-site/test/application-base/ApplicationBaseTest.test.jsx b/packages/terra-application/src/terra-dev-site/test/application-base/ApplicationBaseTest.test.jsx
index 4365833ce..f675e1564 100644
--- a/packages/terra-application/src/terra-dev-site/test/application-base/ApplicationBaseTest.test.jsx
+++ b/packages/terra-application/src/terra-dev-site/test/application-base/ApplicationBaseTest.test.jsx
@@ -4,7 +4,7 @@ import ApplicationLoadingOverlay from 'terra-application/lib/application-loading
import ApplicationStatusOverlay from 'terra-application/lib/application-status-overlay';
import ApplicationBase from 'terra-application/lib/application-base';
import NavigationPrompt from 'terra-application/lib/navigation-prompt';
-import { ApplicationIntlContext } from 'terra-application/lib/application-intl';
+import { useIntl } from 'react-intl';
import { ThemeContext } from 'terra-application/lib/theme';
const ApplicationContentTest = () => {
@@ -14,7 +14,7 @@ const ApplicationContentTest = () => {
const [showStatusOverlay, setShowStatusOverlay] = useState(false);
const activeBreakpoint = useContext(ActiveBreakpointContext);
- const applicationIntl = useContext(ApplicationIntlContext);
+ const applicationIntl = useIntl();
const theme = useContext(ThemeContext);
if (throwError) {
diff --git a/packages/terra-application/src/terra-dev-site/test/application-base/private/testOverridesTest.test.jsx b/packages/terra-application/src/terra-dev-site/test/application-base/private/testOverridesTest.test.jsx
index e74eec9e1..602ca5457 100644
--- a/packages/terra-application/src/terra-dev-site/test/application-base/private/testOverridesTest.test.jsx
+++ b/packages/terra-application/src/terra-dev-site/test/application-base/private/testOverridesTest.test.jsx
@@ -1,9 +1,9 @@
import React, { useContext } from 'react';
-import { ApplicationIntlContext } from 'terra-application/lib/application-intl';
+import { useIntl } from 'react-intl';
import { ThemeContext } from 'terra-application/lib/theme';
const TestOverrideTest = () => {
- const applicationIntl = useContext(ApplicationIntlContext);
+ const applicationIntl = useIntl();
const theme = useContext(ThemeContext);
return (
));
expect(wrapper).toMatchSnapshot();
});
+
it('should render without scroll', () => {
- const wrapper = enzyme.shallow((
+ const wrapper = enzymeIntl.mountWithIntl((
));
expect(wrapper).toMatchSnapshot();
});
-
- it('should render with theme and density', () => {
- const wrapper = enzyme.shallow((
-
-
- ));
-
- const themeProvider = wrapper.find('ThemeProvider');
- expect(themeProvider.props().themeName).toBe('test-theme');
- expect(themeProvider.props().density).toBe('compact');
-
- const themeContext = wrapper.find('ThemeContextProvider');
- expect(themeContext.props().theme).toStrictEqual({ name: 'test-theme', className: 'test-theme', density: 'compact' });
- });
-
- it('should render with density', () => {
- const wrapper = enzyme.shallow((
-
-
- ));
-
- const themeProvider = wrapper.find('ThemeProvider');
- expect(themeProvider.props().themeName).toBeUndefined();
- expect(themeProvider.props().density).toBe('compact');
-
- const themeContext = wrapper.find('ThemeContextProvider');
- expect(themeContext.props().theme).toStrictEqual({ name: 'terra-default-theme', className: undefined, density: 'compact' });
- });
});
diff --git a/packages/terra-application/tests/jest/application-base/__snapshots__/ApplicationBase.test.jsx.snap b/packages/terra-application/tests/jest/application-base/__snapshots__/ApplicationBase.test.jsx.snap
index 6f1611cba..1f5b0718e 100644
--- a/packages/terra-application/tests/jest/application-base/__snapshots__/ApplicationBase.test.jsx.snap
+++ b/packages/terra-application/tests/jest/application-base/__snapshots__/ApplicationBase.test.jsx.snap
@@ -1,228 +1,23 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ApplicationBase should render with all props 1`] = `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/packages/terra-application/src/terra-dev-site/test/application-navigation/ApplicationNavigationDisabledPromptsTest.test.jsx b/packages/terra-application/src/terra-dev-site/test/application-navigation/ApplicationNavigationDisabledPromptsTest.test.jsx
index 6c102d6ad..efc375831 100644
--- a/packages/terra-application/src/terra-dev-site/test/application-navigation/ApplicationNavigationDisabledPromptsTest.test.jsx
+++ b/packages/terra-application/src/terra-dev-site/test/application-navigation/ApplicationNavigationDisabledPromptsTest.test.jsx
@@ -1,7 +1,7 @@
-import React, { useState, useContext } from 'react';
+import React, { useState } from 'react';
import PropTypes from 'prop-types';
import { ThemeContext } from 'terra-application/lib/theme';
-import { ApplicationIntlContext } from '../../../application-intl';
+import { useIntl } from 'react-intl';
import ApplicationBase from '../../../application-base';
import ApplicationNavigation from '../../../application-navigation';
import NavigationPrompt from '../../../navigation-prompt';
@@ -35,7 +35,7 @@ PageContent.propTypes = {
};
const ApplicationNavigationDisabledPromptsTest = () => {
- const applicationIntl = useContext(ApplicationIntlContext);
+ const applicationIntl = useIntl();
const theme = React.useContext(ThemeContext);
const [activeNavItem, setActiveNavItem] = useState('page_1');
const [loggedOut, setLoggedOut] = useState(false);
diff --git a/packages/terra-application/src/terra-dev-site/test/application-navigation/ApplicationNavigationTest.test.jsx b/packages/terra-application/src/terra-dev-site/test/application-navigation/ApplicationNavigationTest.test.jsx
index 67fe745ae..b7ee683b3 100644
--- a/packages/terra-application/src/terra-dev-site/test/application-navigation/ApplicationNavigationTest.test.jsx
+++ b/packages/terra-application/src/terra-dev-site/test/application-navigation/ApplicationNavigationTest.test.jsx
@@ -1,11 +1,11 @@
-import React, { useState, useContext } from 'react';
+import React, { useState } from 'react';
import PropTypes from 'prop-types';
import { ThemeContext } from 'terra-application/lib/theme';
import ApplicationNavigation, {
ApplicationNavigationActionsContext,
} from 'terra-application/lib/application-navigation';
+import { useIntl } from 'react-intl';
import { WorkspaceContent } from '../../../workspace';
-import { ApplicationIntlContext } from '../../../application-intl';
import ApplicationBase from '../../../application-base';
import NavigationPrompt from '../../../navigation-prompt';
@@ -119,7 +119,7 @@ const workspace = (
);
const ApplicationNavigationTest = () => {
- const applicationIntl = useContext(ApplicationIntlContext);
+ const applicationIntl = useIntl();
const theme = React.useContext(ThemeContext);
const [activeNavItem, setActiveNavItem] = useState('page_1');
const [loggedOut, setLoggedOut] = useState(false);
diff --git a/packages/terra-application/src/workspace/Workspace.jsx b/packages/terra-application/src/workspace/Workspace.jsx
index 2e26f571d..d1ec5a643 100644
--- a/packages/terra-application/src/workspace/Workspace.jsx
+++ b/packages/terra-application/src/workspace/Workspace.jsx
@@ -7,13 +7,13 @@ import IconSettings from 'terra-icon/lib/icon/IconSettings';
import IconPanelRight from 'terra-icon/lib/icon/IconPanelRight';
import Popup from 'terra-popup';
+import { useIntl } from 'react-intl';
import ActionMenu, {
ActionMenuDivider,
ActionMenuItem,
ActionMenuGroup,
ActionMenuRadio,
} from '../action-menu';
-import { ApplicationIntlContext } from '../application-intl';
import usePortalManager, { getPortalElement } from './shared/usePortalManager';
import WorkspaceButton from './subcomponents/_WorkspaceButton';
@@ -118,7 +118,7 @@ const Workspace = ({
}) => {
const [isMenuOpen, setIsMenuOpen] = useState(false);
const theme = React.useContext(ThemeContext);
- const intl = React.useContext(ApplicationIntlContext);
+ const intl = useIntl();
const sizeMenuRef = useRef();
const [workspaceContainerRef, workspacePortalsRef] = usePortalManager(activeItemKey);
diff --git a/packages/terra-application/tests/jest/MockApplication.jsx b/packages/terra-application/tests/jest/MockApplication.jsx
index 184841909..5aef5450e 100644
--- a/packages/terra-application/tests/jest/MockApplication.jsx
+++ b/packages/terra-application/tests/jest/MockApplication.jsx
@@ -1,13 +1,12 @@
import React from 'react';
import { IntlProvider } from 'react-intl';
-import { mockIntl } from 'terra-enzyme-intl';
import { ApplicationIntlContext } from '../../src/application-intl';
/* eslint-disable react/prop-types */
const MockApplication = ({ children }) => (
// eslint-disable-next-line compat/compat
property })}>
-
+
{children}
diff --git a/packages/terra-application/tests/jest/action-menu/__snapshots__/ActionMenu.test.jsx.snap b/packages/terra-application/tests/jest/action-menu/__snapshots__/ActionMenu.test.jsx.snap
index e9a4b7a78..b8e81bd79 100644
--- a/packages/terra-application/tests/jest/action-menu/__snapshots__/ActionMenu.test.jsx.snap
+++ b/packages/terra-application/tests/jest/action-menu/__snapshots__/ActionMenu.test.jsx.snap
@@ -6,7 +6,7 @@ exports[`ActionMenu should render with all props 1`] = `
className="action-container"
fill={true}
header={
-
@@ -12,14 +12,11 @@ describe('ApplicationBase', () => {
});
it('should render with all props', () => {
- const wrapper = enzyme.shallow((
+ const wrapper = enzymeIntl.mountWithIntl((
placeholder
}
+ unloadPromptIsDisabled
themeName="test-theme"
- themeIsGlobal
- fitToParentIsDisabled
>
-
+
- test label
-
-
-
- }
- isBlock={false}
- isCompact={false}
- isDisabled={false}
- isIconOnly={false}
- isLeftAligned={false}
- isReversed={false}
- onClick={[MockFunction]}
- text="terraApplication.actionMenu.headerCloseButtonLabel"
- type="button"
- variant="utility"
- />
-
-
-
+
- test label
-
-
-content
content
@@ -27,50 +24,21 @@ describe('ApplicationBase', () => {
expect(wrapper).toMatchSnapshot();
});
- it('should render with the preferred browser local', () => {
- const wrapper = enzyme.shallow((
+ it('should render with the preferred browser locale', () => {
+ const wrapper = enzymeIntl.mountWithIntl((
content
content
content
- content
-
-
-
-
- }
- >
-
- content
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
- content
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-`;
+exports[`ApplicationBase should render with the preferred browser locale 1`] = `
- content
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
- content
-
-
- Test child
-
+
`;
exports[`ApplicationErrorBoundary Snapshots should render error view when an error is detected 3`] = `
-
+
-
-
+
+
+
-
+
`;
exports[`ApplicationErrorBoundary Snapshots should render with children 1`] = `
@@ -348,29 +254,41 @@ exports[`ApplicationErrorBoundary Snapshots should render with minimal props 1`]
+
@@ -63,5 +47,5 @@ exports[`ApplicationIntlProvider Snapshots should render an ApplicationIntlConte
Test Component
-
+
`;
diff --git a/packages/terra-application/tests/jest/application-navigation/ApplicationNavigation.test.jsx b/packages/terra-application/tests/jest/application-navigation/ApplicationNavigation.test.jsx
index e69423df2..4de579d21 100644
--- a/packages/terra-application/tests/jest/application-navigation/ApplicationNavigation.test.jsx
+++ b/packages/terra-application/tests/jest/application-navigation/ApplicationNavigation.test.jsx
@@ -1,7 +1,18 @@
import React from 'react';
-
import ApplicationNavigation from '../../../src/application-navigation/ApplicationNavigation';
+jest.mock('react-intl', () => {
+ const reactIntl = jest.requireActual('react-intl');
+ const intl = reactIntl.createIntl({
+ locale: 'en',
+ });
+
+ return {
+ ...reactIntl,
+ useIntl: () => intl,
+ };
+});
+
describe('ApplicationNavigation', () => {
it('should render default element', () => {
const shallowComponent = enzyme.shallow(
diff --git a/packages/terra-application/tests/jest/application-navigation/__snapshots__/ApplicationNavigation.test.jsx.snap b/packages/terra-application/tests/jest/application-navigation/__snapshots__/ApplicationNavigation.test.jsx.snap
index 4e0d1b117..fb48bf3af 100644
--- a/packages/terra-application/tests/jest/application-navigation/__snapshots__/ApplicationNavigation.test.jsx.snap
+++ b/packages/terra-application/tests/jest/application-navigation/__snapshots__/ApplicationNavigation.test.jsx.snap
@@ -9,7 +9,7 @@ exports[`ApplicationNavigation should render default element 1`] = `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- terraApplication.errorBoundary.defaultErrorMessage -
-
-
@@ -306,7 +309,7 @@ exports[`ApplicationNavigation should render default element 1`] = `
-
+
`;
exports[`Header should render with navigation and extension item ids 1`] = `
-
-
-
-
+
-
-
my test hero
@@ -562,7 +565,7 @@ exports[`ApplicationNavigation should render with prop data at medium breakpoint
+
`;
exports[`Header should render with function callbacks 1`] = `
-
}
- intl={
- Object {
- "defaultFormats": Object {},
- "defaultLocale": "en",
- "formatDate": [Function],
- "formatHTMLMessage": [Function],
- "formatMessage": [Function],
- "formatNumber": [Function],
- "formatPlural": [Function],
- "formatRelative": [Function],
- "formatTime": [Function],
- "formats": Object {},
- "formatters": Object {
- "getDateTimeFormat": [Function],
- "getMessageFormat": [Function],
- "getNumberFormat": [Function],
- "getPluralFormat": [Function],
- "getRelativeFormat": [Function],
- },
- "locale": "en",
- "messages": null,
- "now": [Function],
- "onError": [Function],
- "textComponent": "span",
- "timeZone": null,
- }
- }
navigationItems={
Array [
Object {
@@ -463,29 +429,41 @@ exports[`Header should render with function callbacks 1`] = `
}
intl={
Object {
+ "$t": [Function],
"defaultFormats": Object {},
"defaultLocale": "en",
+ "defaultRichTextElements": undefined,
+ "fallbackOnEmptyString": true,
"formatDate": [Function],
- "formatHTMLMessage": [Function],
+ "formatDateTimeRange": [Function],
+ "formatDateToParts": [Function],
+ "formatDisplayName": [Function],
+ "formatList": [Function],
+ "formatListToParts": [Function],
"formatMessage": [Function],
"formatNumber": [Function],
+ "formatNumberToParts": [Function],
"formatPlural": [Function],
- "formatRelative": [Function],
+ "formatRelativeTime": [Function],
"formatTime": [Function],
+ "formatTimeToParts": [Function],
"formats": Object {},
"formatters": Object {
"getDateTimeFormat": [Function],
+ "getDisplayNames": [Function],
+ "getListFormat": [Function],
"getMessageFormat": [Function],
"getNumberFormat": [Function],
- "getPluralFormat": [Function],
- "getRelativeFormat": [Function],
+ "getPluralRules": [Function],
+ "getRelativeTimeFormat": [Function],
},
"locale": "en",
"messages": null,
- "now": [Function],
"onError": [Function],
- "textComponent": "span",
- "timeZone": null,
+ "onWarn": [Function],
+ "textComponent": Symbol(react.fragment),
+ "timeZone": undefined,
+ "wrapRichTextChunksInFragment": undefined,
}
}
navigationItems={
@@ -582,7 +560,7 @@ exports[`Header should render with function callbacks 1`] = `
-
@@ -619,7 +622,7 @@ exports[`ApplicationNavigation should render with prop data at medium breakpoint
-
+
-
+
-
-
-
my test hero
diff --git a/packages/terra-application/tests/jest/application-navigation/private/common/__snapshots__/PopupMenu.test.jsx.snap b/packages/terra-application/tests/jest/application-navigation/private/common/__snapshots__/PopupMenu.test.jsx.snap
index 325abee4e..baa3c3205 100644
--- a/packages/terra-application/tests/jest/application-navigation/private/common/__snapshots__/PopupMenu.test.jsx.snap
+++ b/packages/terra-application/tests/jest/application-navigation/private/common/__snapshots__/PopupMenu.test.jsx.snap
@@ -6,7 +6,7 @@ exports[`PopupMenu should render default element 1`] = `
fill={false}
footer={
-
@@ -63,7 +62,7 @@ exports[`DrawerMenuUser should render with large variant 1`] = `
+
`;
exports[`CompactHeader should render with menu callback 1`] = `
-
+
`;
diff --git a/packages/terra-application/tests/jest/application-navigation/private/header/__snapshots__/Header.test.jsx.snap b/packages/terra-application/tests/jest/application-navigation/private/header/__snapshots__/Header.test.jsx.snap
index 8744494ad..95edded34 100644
--- a/packages/terra-application/tests/jest/application-navigation/private/header/__snapshots__/Header.test.jsx.snap
+++ b/packages/terra-application/tests/jest/application-navigation/private/header/__snapshots__/Header.test.jsx.snap
@@ -1,61 +1,45 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Header should render default element 1`] = `
-
+
-
+
-
+
-
+
`;
exports[`Header should render title element 1`] = `
-
-
@@ -113,7 +111,7 @@ exports[`DrawerMenuUser should render with small variant 1`] = `
-
-
diff --git a/packages/terra-application/tests/jest/application-navigation/private/header/__snapshots__/CompactHeader.test.jsx.snap b/packages/terra-application/tests/jest/application-navigation/private/header/__snapshots__/CompactHeader.test.jsx.snap
index 7090a8a96..9f2c492b4 100644
--- a/packages/terra-application/tests/jest/application-navigation/private/header/__snapshots__/CompactHeader.test.jsx.snap
+++ b/packages/terra-application/tests/jest/application-navigation/private/header/__snapshots__/CompactHeader.test.jsx.snap
@@ -1,62 +1,46 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`CompactHeader should render default element 1`] = `
-
+
+
`;
exports[`CompactHeader should render title element 1`] = `
-
-
-
-
+
-
-
-
-
+
-
-
+
-
-
-
-
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- terraApplication.navigation.utilityMenu.headerTitle -
++ terraApplication.navigation.utilityMenu.headerTitle +
+
-
-
-
-
-
+
+
- Terra.actionHeader.maximize.description
-
-
-
-
+
+
- Terra.actionHeader.minimize.description
-
-
+
+
+
-
+
+
+
+
+
-
-
-
-
-
-
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- terraApplication.navigation.utilityMenu.headerTitle -
++ terraApplication.navigation.utilityMenu.headerTitle +
+
-
-
-
-
-
+
+
- Terra.actionHeader.maximize.description
-
-
-
-
+
+
- Terra.actionHeader.minimize.description
-
-
+
+
+
-
+
+
+
+
+
-
-
-
-
+
-
-
+
- my test hero
+
-
+
-
+ my test hero
+
-
-
-
-
-
-
+
+ US
+
+ }
+ src="user-src"
+ variant="default"
+ >
+ 
US
- }
- src="user-src"
- variant="default"
- >
-
-
- US
-
-
-
-
-
-
- user-name
+
+
+
+
- user-detail
-
-
+ user-detail
+
+
-
+
+
+ -
-
-
-
+ 0
+
+
+ icon={
- 0
+ terraApplication.navigation.utilityMenu.settings
-
-
-
+ icon={
- 0
+ terraApplication.navigation.utilityMenu.help
-
-
-
+ 0
+
+
-
+
-
-
-
+
+
+
-
-
-
-
+
+
+
+
`;
exports[`UtilityMenu should render with skip callback 1`] = `
-
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- terraApplication.navigation.utilityMenu.headerTitle -
++ terraApplication.navigation.utilityMenu.headerTitle +
+
-
-
-
-
-
+
+
- Terra.actionHeader.maximize.description
-
-
-
-
+
+
- Terra.actionHeader.minimize.description
-
-
+
+
+
-
+
+
+
+
+
-
-
-
-
-
-
+
-
+
-
-
-
+
+
+
-
-
-
-
+
+
+
diff --git a/packages/terra-dev-site/src/pages/page/PageHeader.jsx b/packages/terra-dev-site/src/pages/page/PageHeader.jsx
index 0c5f08557..c7579b6d8 100644
--- a/packages/terra-dev-site/src/pages/page/PageHeader.jsx
+++ b/packages/terra-dev-site/src/pages/page/PageHeader.jsx
@@ -7,7 +7,7 @@ import Popup from 'terra-popup';
import ThemeContext from 'terra-theme-context';
import ActionMenu, { ActionMenuItem } from 'terra-application/lib/action-menu';
-import { ApplicationIntlContext } from 'terra-application/lib/application-intl';
+import { useIntl } from 'react-intl';
import useElementSize, { breakpointFilter } from '../../shared/useElementSize';
import PageContainerContext from '../../layouts/page-container/PageContainerContext';
@@ -37,7 +37,7 @@ const propTypes = {
const PageHeader = ({
actions, label, onSelectBack,
}) => {
- const intl = React.useContext(ApplicationIntlContext);
+ const intl = useIntl();
const pageContainerContext = React.useContext(PageContainerContext);
const theme = React.useContext(ThemeContext);
diff --git a/packages/terra-polyfill/CHANGELOG.md b/packages/terra-polyfill/CHANGELOG.md
index 64d252b0b..bc89e0a7c 100644
--- a/packages/terra-polyfill/CHANGELOG.md
+++ b/packages/terra-polyfill/CHANGELOG.md
@@ -2,6 +2,17 @@
## Unreleased
+## 1.4.0 - (June 22, 2022)
+
+* Changed
+ * updated condition statement added to check `inert` polyfill is required.
+ * updated `wicg-inert` to latest version.
+
+## 1.3.0 - (June 7, 2022)
+
+* Added
+ * Added `@formatjs/intl-datetimeformat` polyfill to support date-time functions in ie 10.
+
## 1.2.0 - (February 14, 2022)
* Changed
diff --git a/packages/terra-polyfill/package.json b/packages/terra-polyfill/package.json
index cc78fe6cb..fc012c6ac 100644
--- a/packages/terra-polyfill/package.json
+++ b/packages/terra-polyfill/package.json
@@ -1,6 +1,6 @@
{
"name": "@cerner/terra-polyfill",
- "version": "1.2.0",
+ "version": "1.4.0",
"description": "This package contains polyfills to support the minimum requirements and commonly used features of terra-application and its consumers.",
"author": "Cerner Corporation",
"repository": {