UNPKG

terra-overlay

Version:

The Overlay component is a component that creates an semi-transparent overlay screen that blocks interactions with the elements underneath the display. There are two types of overlays: fullscreen and relative to its container.

853 lines (527 loc) 16.3 kB
# Changelog ## Unreleased ## 3.84.0 - (May 24, 2024) * Changed * Minor dependency version bump. ## 3.83.0 - (May 8, 2024) * Changed * Minor dependency version bump. ## 3.82.0 - (February 20, 2024) * Changed * Minor dependency version bump ## 3.81.0 - (February 15, 2024) * Added * Added support for the Redwood theme. ## 3.80.0 - (November 13, 2023) * Changed * Minor dependency version bump ## 3.79.0 - (October 16, 2023) * Changed * Minor dependency version bump ## 3.78.0 - (September 21, 2023) * Changed * Minor dependency version bump ## 3.77.0 - (September 19, 2023) * Changed * Minor dependency version bump ## 3.76.0 - (August 23, 2023) * Changed * Minor dependency version bump ## 3.75.0 - (August 1, 2023) * Changed * Minor dependency version bump ## 3.74.0 - (April 27, 2023) * Changed * Minor dependency version bump ## 3.73.0 - (February 15, 2023) * Changed * Minor dependency version bump ## 3.72.0 - (February 7, 2023) * Changed * Minor dependency version bump ## 3.71.1 - (January 31, 2023) * Changed * Updated wdio screenshots due to functional-testing upgrade. * Changed * Jest snapshots updated due to decorative / informative icon changes in terra-icon. ## 3.71.0 - (January 9, 2023) * Changed * Minor dependency version bump of terra-icon ## 3.70.0 - (December 7, 2022) * Changed * Minor dependency version bump ## 3.69.5 - (July 5, 2022) * Changed * Minor dependency version bump ## 3.69.4 - (May 3, 2022) * Changed * Minor dependency version bump ## 3.69.3 - (April 29, 2022) * Changed * Minor dependency version bump ## 3.69.2 - (January 4, 2022) * Changed * Minor dependency version bump ## 3.69.1 - (December 14, 2021) * Changed * Updated dependencies to not be hard-coded. * Migrate docs to terra-core-docs. ## 3.69.0 - (November 2, 2021) * Changed * Minor dependency version bump ## 3.68.0 - (September 21, 2021) * Changed * Updated WDIO Screenshots due to webpack-config-terra sass upgrade. ## 3.67.0 - (August 25, 2021) * Changed * Updated assertion in WDIO tests due to changes in expect-webdriverio v3. ## 3.66.0 - (June 22, 2021) * Changed * Minor dependency version bump ## 3.65.0 - (June 8, 2021) * Changed * Updated `keycode-js` from `v2.0.1` to `v3.1.0`. ## 3.64.0 - (April 13, 2021) * Changed * Minor dependency version bump ## 3.63.0 - (April 6, 2021) * Changed * Removed unnecessary `wdio.conf.js` file * Upgrade tests to terra-functional-testing and WebDriverIO v6 * Updated Jest command ## 3.62.0 - (February 2, 2021) * Changed * Minor dependency version bump ## 3.61.0 - (January 5, 2021) * Changed * Minor dependency version bump ## 3.60.0 - (December 8, 2020) * Changed * Updated to be compatible with `react-intl` v2-v5 * Update wdio tests to remove deprecated Terra.it helpers ## 3.59.0 - (November 17, 2020) * Changed * Minor dependency version bump ## 3.58.0 - (November 10, 2020) * Fixed * Fixed build failures due to the react/sort-comp rule ## 3.57.0 - (October 27, 2020) * Changed * Minor dependency version bump ## 3.56.0 - (August 18, 2020) * Changed * Minor dependency version bump ## 3.55.0 - (August 6, 2020) * Changed * Minor dependency version bump ## 3.54.0 - (August 4, 2020) * Changed * Minor dependency version bump ## 3.53.0 - (July 29, 2020) * Changed * Update changelog formatting ## 3.52.0 - (July 7, 2020) * Changed * Minor dependency version bump ## 3.51.0 - (June 11, 2020) * Changed * Minor dependency version bump ## 3.50.0 - (June 9, 2020) * Changed * Minor file changes to comply with eslint rules * Update wdio test configuration to use root wdio config ## 3.49.0 - (June 2, 2020) * Changed * Apply themes by context and directly include packaged themes. * Updated wdio test to support testing against firefox * Update Custom Content test examples to remove timeouts that executed faster than IE tests ## 3.48.0 - (May 19, 2020) * Changed * Minor dependency version bump ## 3.47.0 - (May 5, 2020) * Changed * Minor dependency version bump ## 3.46.0 - (April 28, 2020) * Changed * Removed "View Component Source Code" from docs in favour of source code badge * Added * Added clinical-lowlight-theme wdio screenshots ## 3.45.0 - (April 22, 2020) * Changed * Minor dependency version bump ## 3.44.0 - (April 22, 2020) * Changed * Updated documentation link in README ## 3.43.0 - (March 31, 2020) * Changed * Minor dependency version bump ## 3.42.0 - (March 10, 2020) * Changed * Update docs to use mdx syntax. ## 3.41.0 - (February 18, 2020) * Added * Added clinical-lowlight-theme theming files * Changed * Update dependency `wicg-inert` from `v2` to `v3`. ## 3.40.0 - (February 4, 2020) * Changed * Minor dependency version bump ## 3.39.0 - (January 28, 2020) * Changed * Minor dependency version bump ## 3.38.0 - (January 7, 2020) * Changed * Minor dependency version bump ## 3.37.0 - (December 10, 2019) * Changed * Minor dependency version bump ## 3.36.0 - (December 3, 2019) * Added * Added orion-fusion-theme and generated the respective reference wdio screenshots. ## 3.35.0 - (November 26, 2019) * Fixed * Added `aria-live` to `LoadingOverlay` for screenreader AT ## 3.34.0 - (November 7, 2019) * Changed * Updating tests to be better isolated from terra-dev-site markup. ## 3.33.0 - (October 30, 2019) * Fixed * Fixed lint warnings for multiple empty lines * Changed * Updated wdio tests to cover update lifecycle handling ## 3.32.0 - (October 15, 2019) * Fixed * Fixed inert property management during component update lifecycle ## 3.31.0 - (October 14, 2019) * Changed * Minor dependency version bump * Move imperative code for handling DOM manipulation for inert and aria-hidden attributes into componentDidUpdate ## 3.30.0 - (October 3, 2019) * Changed * Minor dependency version bump ## 3.29.0 - (September 19, 2019) * Changed * Removed `details` tag from doc-site. * Added * Added en-CA translations. ## 3.28.0 - (September 6, 2019) * Added * Props table markdown file import added to doc site page * Changed * Moved running the wicg-inert script to when 'terra-overlay' is mounted to resolve issues in IE 10 * Update wcig-inert path to import directly the ES5 version of the package ## 3.27.0 - (September 3, 2019) * Changed * Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'. ## 3.26.0 - (August 21, 2019) * Changed * Import for package version from package.json added to doc page * Update bracket positioning lint * Cleaned up imports in examples and test files ## 3.25.0 - (August 14, 2019) * Changed * Components updated to use `FormattedMessage` to interface with `react-intl's` `intl` context. * Update tests for dev-site v6 * updated package.json test scripts ## 3.23.0 - (July 24, 2019) * Changed * Minor dependency version bump ## 3.22.0 - (July 17, 2019) * Changed * Revert components updated to use `injectIntl` to interface with `react-intl's` `intl` context. ## 3.21.0 - (July 17, 2019) * Fixed * Fixed issue in IE 10 when trying to pull value from data attribute * Changed * Components updated to use `injectIntl` to interface with `react-intl's` `intl` context. ## 3.20.0 - (July 16, 2019) * Added * Added documentation on required peerDependencies * Updated jest snapshots * Changed * Update tests to use `Terra.describeViewports` for setting viewports and use `Terra.it.validatesElement` ## 3.19.0 - (July 11, 2019) * Changed * Updated Docs around the requirement of terra-base and aggregate-translations. * Fixed * Disabled document scroll if Overlay is not relative to the triggering container. ## 3.18.0 - (July 9, 2019) * Fixed * Added `data-overlay-count` attribute to root document when overlay is opened * Added check for `data-modal-count` attribute on root document to track opening and closing of overlays and modals, to prevent the removal of the `inert` attribute from the root element if another overlay or abstract modal exists. * Added Node.contains polyfill to better support IE 10 / IE 11 ## 3.17.0 - (June 28, 2019) * Changed * Removed all inline styles from Dev-site components and implemented the same styles using external css. * Removed conditional logic required to import wicg-inert polyfill * Fixed * Fixed freezing of Loading Overlay test pages by wrapping them in Overlay Containers. ## 3.16.0 - (June 18, 2019) * Added * Added missing WDIO screenshots ## 3.15.1 - (June 12, 2019) * Changed * Patch dependency version bump ## 3.15.0 - (June 11, 2019) * Added * Added check to only load inert polyfill if it is not already defined on the Element prototype * Removed * Removed node_modules from .npmignore * Changed * Made required updates to consume terra-toolkit v5 and terra-dev-site v5 * Update overlay-spec and screenshots ## 3.14.0 - (May 14, 2019) * Changed * Updated overlay to use WICG inert polyfill to handle focus management when overlay is open ## 3.13.0 - (May 9, 2019) * Changed * Upgrade focus-trap-react to version ^6.0.1 * Added wrapping div to account for breaking change in focus-trap-react ## 3.12.0 - (May 1, 2019) * Changed * Minor dependency version bump ## 3.11.0 - (April 16, 2019) * Changed * Minor dependency version bump ## 3.10.0 - (April 9, 2019) * Changed * Minor dependency version bump ## 3.9.0 - (April 2, 2019) * Changed * Minor dependency version bump ## 3.8.1 - (March 27, 2019) * Changed * Changed default rootProp value to `#root` ## 3.8.0 - (March 26, 2019) * Changed * Update react/react-dom peer-dependency to latest stable minor release * Removed * Removed peer dependency on terra-base * Removed baseStyles import from terra-base ## 3.7.0 - (March 21, 2019) * Added * Added overlay prop to OverlayContainer to separate overlay from container-content * Added condition in overlay setNode method to prevent screen reader from reading container-content * Changed * Replaced local keyCode values with keycode-js npm package * Update Jest tests to use terra-enzyme-intl ## 3.6.0 - (February 26, 2019) * Changed * Minor dependency version bump * Added * Added en-AU translations * Fixed * Changed expected selenium driver error to be non-Chrome specific for IE and FF driver compatibility ## 3.5.0 - (February 12, 2019) * Changed * Minor dependency version bump ## 3.4.0 - (February 5, 2019) * Changed * Minor dependency version bump * Changed * Removed stylelint overrides in Overlay.module.scss ## 3.3.0 - (January 26, 2019) * Changed * Minor dependency version bump ## 3.2.0 - (January 22, 2019) * Changed * Minor dependency version bump ## 3.1.0 - (January 22, 2019) * Changed * Minor dependency version bump ## 3.0.0 - (January 8, 2019) * Changed * Updated theme variables ## 2.37.0 - (January 2, 2019) * Changed * Minor dependency version bump * Added * Added missing ar translations. ## 2.36.1 - (November 20, 2018) * Changed * Patch dependency version bump ## 2.36.0 - (November 19, 2018) * Changed * Minor dependency version bump ## 2.35.0 - (November 14, 2018) * Changed * Removed automatic focus shift to relative overlay when it is displayed ## 2.34.0 - (November 13, 2018) * Changed * Minor dependency version bump ## 2.33.0 - (November 9, 2018) * Fixed * LoadingOverlay Opts includes zIndexes ## 2.32.0 - (October 30, 2018) * Fixed * Fixed issue where body scrolling is not restored on unmount. * Changed * Updated overlay to be portalled * Added * Added hidden div to catch scrolling behind Overlay * zIndex prop ## 2.31.0 - (October 24, 2018) * Changed * Minor dependency version bump ## 2.30.0 - (October 16, 2018) * Changed * Minor dependency version bump ## 2.29.0 - (October 8, 2018) * Changed * Upgrade focus-trap-react to ^4.0.1 ## 2.28.0 - (October 2, 2018) * Changed * Minor dependency version bump ## 2.27.0 - (September 25, 2018) * Changed * Minor dependency version bump ## 2.26.1 - (September 6, 2018) * Changed * Patch dependency version bump ## 2.26.0 - (September 5, 2018) * Changed * Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2 * Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2 ## 2.25.0 - (September 4, 2018) * Changed * Minor dependency version bump ## 2.24.0 - (August 29, 2018) * Changed * Minor dependency version bump ## 2.23.0 - (August 21, 2018) * Changed * Minor dependency version bump ## 2.22.1 - (August 14, 2018) * Changed * Updated backgroundStyle documentation ## 2.22.0 - (August 8, 2018) * Changed * Updated component internationalization error message ## 2.21.0 - (August 1, 2018) * Changed * Minor dependency version bump ## 2.20.0 - (July 25, 2018) * Added * Add sv and sv-SE translations ## 2.19.0 - (July 19, 2018) * Changed * Add .module extension to SCSS file(s) ## 2.18.0 - (July 17, 2018) * Changed * Minor dependency version bump * Formatting changes per eslint v4 update ## 2.17.0 - (July 10, 2018) * Changed * Minor dependency version bump ## 2.16.0 - (June 28, 2018) * Changed * Minor dependency version bump * Added * Added change log to the documentation on terra-dev-site ## 2.15.0 - (June 22, 2018) * Changed * Moved terra-base from dependency to peerDependency ## 2.14.0 - (June 12, 2018) * Changed * Updated "test:jest" script to work on windows. * Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base. ## 2.13.0 - (May 30, 2018) * Changed * Updated structure to match terra-dev-site 1.0 and moved doc examples internal. ## 2.12.0 - (May 25, 2018) * Changed * Minor dependency version bump ## 2.11.0 - (May 23, 2018) * Changed * Minor dependency version bump * Updated README example code documentation ## 2.10.0 - (May 16, 2018) * Changed * Minor dependency version bump ## 2.9.0 - (May 9, 2018) * Changed * Minor dependency version bump ## 2.8.0 - (May 2, 2018) * Changed * Minor dependency version bump ## 2.7.0 - (April 20, 2018) * Changed * Minor dependency version bump ## 2.6.0 - (April 15, 2018) * Changed * Minor dependency version bump ## 2.5.0 - (April 5, 2018) * Changed * Minor dependency version bump ## 2.4.0 - (March 30, 2018) * Changed * Minor dependency version bump ## 2.3.0 - (March 14, 2018) * Changed * Updated to add user defined class along with default class on DOM element rendered by OverlayContainer. ## 2.2.0 - (March 6, 2018) * Removed * Removed props-table script from package.json ## 2.1.0 - (February 26, 2018) * Changed * Added theming variables in Overlay ## 2.0.1 - (February 13, 2018) * Changed * Updated peerDependencies ## 2.0.0 - (February 12, 2018) * Changed * Updated to use React 16 ## 1.17.0 - (February 1, 2018) * Changed * Minor dependency version bump ## 1.16.0 - (January 18, 2018) * Changed * Minor dependency version bump ## 1.15.0 - (January 5, 2018) * Changed * Export overlay container ## 1.14.0 - (November 28, 2017) * Changed * Minor dependency version bump ## 1.13.0 - (November 16, 2017) * Changed * Minor dependency version bump ## 1.12.0 - (November 7, 2017) * Changed * Minor dependency version bump ## 1.11.0 - (October 6, 2017) * Changed * Minor dependency version bump ## 1.10.0 - (September 26, 2017) * Removed * Remove stylelint-disable selector-class-pattern ## 1.9.0 - (September 19, 2017) * Changed * Minor dependency version bump ## 1.8.0 - (September 12, 2017) * Changed * Minor dependency version bump ## 1.7.0 - (September 7, 2017) * Changed * Minor dependency version bump ## 1.6.0 - (September 5, 2017) * Changed * Update nightwatch tests and test scripts. ## 1.5.0 - (August 31, 2017) * Changed * Minor dependency version bump ## 1.4.0 - (August 15, 2017) * Changed * Minor dependency version bump ## 1.3.0 - (August 8, 2017) * Changed * Minor dependency version bump ## 1.2.0 - (August 1, 2017) * Changed * Updated example code in overlay documentation ## 1.1.0 - (July 26, 2017) * Changed * Minor dependency version bump ## 1.0.0 - (July 18, 2017) Initial stable release