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
Markdown
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