diff --git a/pull/339/109-875a9b88ce4bb0520cbd.js b/pull/339/109-e502c8d1d23f7ba50176.js
similarity index 100%
rename from pull/339/109-875a9b88ce4bb0520cbd.js
rename to pull/339/109-e502c8d1d23f7ba50176.js
diff --git a/pull/339/1104-56dbf6558ba51736353f.js b/pull/339/1104-ed47c336c60e76028f6e.js
similarity index 100%
rename from pull/339/1104-56dbf6558ba51736353f.js
rename to pull/339/1104-ed47c336c60e76028f6e.js
diff --git a/pull/339/1183-392ed2703624f69e9286.js b/pull/339/1183-26f28ce44f42b4e5971c.js
similarity index 100%
rename from pull/339/1183-392ed2703624f69e9286.js
rename to pull/339/1183-26f28ce44f42b4e5971c.js
diff --git a/pull/339/1215-9fa2579df879207ec471.js b/pull/339/1215-084f6dcd1576a1bff7f1.js
similarity index 100%
rename from pull/339/1215-9fa2579df879207ec471.js
rename to pull/339/1215-084f6dcd1576a1bff7f1.js
diff --git a/pull/339/1410-49af4a161c826248fa55.js b/pull/339/1410-b7dec8bfca7b0acb34d0.js
similarity index 100%
rename from pull/339/1410-49af4a161c826248fa55.js
rename to pull/339/1410-b7dec8bfca7b0acb34d0.js
diff --git a/pull/339/147-d926d7e3116be94069a9.js b/pull/339/147-d926d7e3116be94069a9.js
deleted file mode 100644
index b9bd148b4..000000000
--- a/pull/339/147-d926d7e3116be94069a9.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[147],{40457:(e,t,a)=>{var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l.default}});var l=n(a(96572))},50147:(e,t,a)=>{var n=a(64836),l=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(a(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}n.default=e,a&&a.set(e,n);return n}(a(67294)),o=n(a(45697)),u=a(48720),f=a(97132),c=n(a(40457)),p=n(a(10557)),d=n(a(77797));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var g=function(e){var t=e.title,a=(0,i.useState)(!1),n=(0,r.default)(a,2),l=n[0],o=n[1];return i.default.createElement("div",null,i.default.createElement("p",null,t),i.default.createElement("p",null,"Toggle pending action:"," ",i.default.createElement("button",{id:"pending-action-toggle",type:"button",onClick:function(){o(!l)}},l?"Disable":"Enable")),l?i.default.createElement(d.default,{description:"Testing ApplicationNavigation's navigation prompt handling"}):void 0)};g.propTypes={title:o.default.string};var v=function(){var e=(0,f.useIntl)(),t=i.default.useContext(u.ThemeContext),a=(0,i.useState)("page_1"),n=(0,r.default)(a,2),l=n[0],o=n[1],d=(0,i.useState)(!1),s=(0,r.default)(d,2),v=s[0],m=s[1];return i.default.createElement("div",{style:{height:"500px"}},i.default.createElement(c.default,{locale:e.locale,themeName:t.className},v?i.default.createElement("p",null,"Logged Out"):i.default.createElement(p.default,{titleConfig:{title:"ApplicationNavigation Disabled Prompts Test"},navigationItems:[{key:"page_1",text:"Page 1"},{key:"page_2",text:"Page 2"},{key:"page_3",text:"Page 3"}],activeNavigationItemKey:l,onSelectNavigationItem:function(e){o(e)},onSelectLogout:function(){m(!0)},disablePromptsForLogout:!0,disablePromptsForNavigationItems:!0},i.default.createElement(g,{key:l,title:l}))))};t.default=v}}]);
\ No newline at end of file
diff --git a/pull/339/147-ed67c5fe6435a8c1e3fe.js b/pull/339/147-ed67c5fe6435a8c1e3fe.js
new file mode 100644
index 000000000..0891a3192
--- /dev/null
+++ b/pull/339/147-ed67c5fe6435a8c1e3fe.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[147],{40457:(e,t,a)=>{var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l.default}});var l=n(a(96572))},50147:(e,t,a)=>{var n=a(64836),l=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(a(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,a&&a.set(e,n),n}(a(67294)),i=n(a(45697)),u=a(48720),f=a(97132),c=n(a(40457)),p=n(a(10557)),d=n(a(77797));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var g=function(e){var t=e.title,a=(0,o.useState)(!1),n=(0,r.default)(a,2),l=n[0],i=n[1];return o.default.createElement("div",null,o.default.createElement("p",null,t),o.default.createElement("p",null,"Toggle pending action:"," ",o.default.createElement("button",{id:"pending-action-toggle",type:"button",onClick:function(){i(!l)}},l?"Disable":"Enable")),l?o.default.createElement(d.default,{description:"Testing ApplicationNavigation's navigation prompt handling"}):void 0)};g.propTypes={title:i.default.string};t.default=function(){var e=(0,f.useIntl)(),t=o.default.useContext(u.ThemeContext),a=(0,o.useState)("page_1"),n=(0,r.default)(a,2),l=n[0],i=n[1],d=(0,o.useState)(!1),s=(0,r.default)(d,2),v=s[0],m=s[1];return o.default.createElement("div",{style:{height:"500px"}},o.default.createElement(c.default,{locale:e.locale,themeName:t.className},v?o.default.createElement("p",null,"Logged Out"):o.default.createElement(p.default,{titleConfig:{title:"ApplicationNavigation Disabled Prompts Test"},navigationItems:[{key:"page_1",text:"Page 1"},{key:"page_2",text:"Page 2"},{key:"page_3",text:"Page 3"}],activeNavigationItemKey:l,onSelectNavigationItem:function(e){i(e)},onSelectLogout:function(){m(!0)},disablePromptsForLogout:!0,disablePromptsForNavigationItems:!0},o.default.createElement(g,{key:l,title:l}))))}}}]);
\ No newline at end of file
diff --git a/pull/339/1503-81a0dab926587805cbde.js b/pull/339/1503-2f4fd40ea0f9a31b2aea.js
similarity index 100%
rename from pull/339/1503-81a0dab926587805cbde.js
rename to pull/339/1503-2f4fd40ea0f9a31b2aea.js
diff --git a/pull/339/1541-604c4b9ce21f39625dd3.css b/pull/339/1541-6d6f3b896bf09438b1ce.css
similarity index 100%
rename from pull/339/1541-604c4b9ce21f39625dd3.css
rename to pull/339/1541-6d6f3b896bf09438b1ce.css
diff --git a/pull/339/1541-604c4b9ce21f39625dd3.js b/pull/339/1541-6d6f3b896bf09438b1ce.js
similarity index 68%
rename from pull/339/1541-604c4b9ce21f39625dd3.js
rename to pull/339/1541-6d6f3b896bf09438b1ce.js
index ffc232a68..59024ea12 100644
--- a/pull/339/1541-604c4b9ce21f39625dd3.js
+++ b/pull/339/1541-6d6f3b896bf09438b1ce.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1541],{61541:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var a=n(87462),o=n(44925),l=n(67294),m=n(81254),r=n(44514),i=["components"],s={};function p(e){var t=e.components,n=(0,o.Z)(e,i);return(0,m.mdx)("wrapper",(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { ThemeContext } from 'terra-application/lib/theme';\nimport styles from './ExampleComponent.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ExampleComponent = () => {\n const theme = React.useContext(ThemeContext);\n\n return (\n
\n This is an example component.\n
\n );\n};\n\nexport default ExampleComponent;\n\n")))}p.isMDXComponent=!0;var c=n(82778),d=["components"],u={},h="wrapper";function f(e){var t=e.components,n=(0,o.Z)(e,d);return(0,m.mdx)(h,(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},"// Import each theme.\n@import './clinical-lowlight-theme/ExampleComponent.module';\n@import './orion-fusion-theme/ExampleComponent.module';\n\n:local {\n .example-component {\n background-color: var(--terra-application-example-component-background-color, #fff);\n color: var(--terra-application-example-component-color, inherit);\n font-size: var(--terra-application-example-component-font-size, 1rem);\n }\n}\n\n")))}f.isMDXComponent=!0;const x=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(c.Z,{title:t||"Example Component",description:n,example:l.createElement(r.Z,null),exampleCssSrc:l.createElement(f,null),exampleSrc:l.createElement(p,null),isExpanded:a})};var g=["components"],b={},v="wrapper";function _(e){var t=e.components,n=(0,o.Z)(e,g);return(0,m.mdx)(v,(0,a.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .clinical-lowlight-theme {\n --terra-application-example-component-background-color: rgb(34, 42, 46);\n --terra-application-example-component-color: rgb(178, 181, 182);\n --terra-application-example-component-font-size: 1rem;\n }\n}\n\n")))}_.isMDXComponent=!0;var y=["components"],T={},C="wrapper";function E(e){var t=e.components,n=(0,o.Z)(e,y);return(0,m.mdx)(C,(0,a.Z)({},T,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .orion-fusion-theme {\n --terra-application-example-component-background-color: #f6f8fa;\n --terra-application-example-component-color: rgb(36, 41, 46);\n --terra-application-example-component-font-size: 2rem;\n }\n}\n\n")))}E.isMDXComponent=!0;var N=["components"],w={},S="wrapper";function k(e){var t=e.components,n=(0,o.Z)(e,N);return(0,m.mdx)(S,(0,a.Z)({},w,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"theming-guide"},"Theming Guide"),(0,m.mdx)("p",null,"Welcome to the Terra theming strategy guide. This guide will walk through the recommended approach for theming custom components."),(0,m.mdx)("h2",{id:"summary"},"Summary"),(0,m.mdx)("p",null,"Terra provides a default, clinical-lowlight-theme, and orion-fusion-theme. This guide is for theming custom components. Custom components are any non Terra-UI component created by teams that need to be integrated into an application using a supported Terra theme. Teams should not create new themes or theme Terra components."),(0,m.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,m.mdx)("p",null,"This guide will walk through theming an example component. The example component is using the base component from terra-application to provide an API for interacting with the theme."),(0,m.mdx)("h2",{id:"theme-context"},"Theme Context"),(0,m.mdx)("p",null,"An application's theme is provided through ",(0,m.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/context.html"},"React context")," by a theme provider. ",(0,m.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-base"},"Application Base")," initializes a theme provider automatically. The theme value is accessed using the ",(0,m.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/theme-context"},"theme context")," from terra-application."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { ThemeContext } from 'terra-application/lib/theme';\n")),(0,m.mdx)("p",null,"Use the theme context to read the active theme value."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { ThemeContext } from 'terra-application/lib/theme';\n\nconst ExampleComponent = () => {\n // Access the active theme context value.\n const theme = React.useContext(ThemeContext);\n};\n")),(0,m.mdx)("p",null,"The active theme's class name is stored in a ",(0,m.mdx)("inlineCode",{parentName:"p"},"className")," key in the context value. To apply the theme, bind the className to the component using ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/JedWatson/classnames#alternate-bind-version-for-css-modules"},"classnames/bind"),". Some additional documentation for CSS Modules and classNames can be found on the ",(0,m.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/contributing/conventions"},"conventions page"),". Please note that generally an empty or undefined className indicates the default theme is active. The ",(0,m.mdx)("inlineCode",{parentName:"p"},"className")," key maps directly to the anticipated theme css class name. Using the correct theme className is required."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { ThemeContext } from 'terra-application/lib/theme';\nimport styles from './ThemedComponent.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ExampleComponent = () => {\n const theme = React.useContext(ThemeContext);\n\n return (\n
\n This is an example component.\n
\n );\n};\n")),(0,m.mdx)("h2",{id:"scss"},"SCSS"),(0,m.mdx)("p",null,"Once the theme className has been bound, the component can be appropriately themed. Start by defining the variables for the CSS properties that are expected to change between themes. SCSS variables are defined using ",(0,m.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/--*"},"custom properties"),". These values should utilize the SCSS ",(0,m.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/var"},"var()")," functionality. The var() function works by applying a variable if the value has been set. If no value has been set the default value is used."),(0,m.mdx)("h3",{id:"examplecomponentmodulescss"},"ExampleComponent.module.scss"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},"// The values in this file represent the default theme. The default theme is applied using the default values in the var() function.\n:local {\n .example-component {\n background-color: var(--terra-application-example-component-background-color, #fff);\n color: var(--terra-application-example-component-color, inherit);\n font-size: var(--terra-application-example-component-font-size, 1rem);\n }\n}\n")),(0,m.mdx)("p",null,"To add themes, create new files for each theme and include them in the original SCSS file. Theme are regular SCSS files that define variables to be applied when the theme becomes active. Themes must be locally scoped and must use a supported theme class name. It is recommended to define all available theme variables for each theme. If the component, example component in this case, defines three themable variables, all three variables should be assigned a value in each of the created theme files. This ensures a more robust theme."),(0,m.mdx)("h3",{id:"orion-fusion-themeexamplecomponentmodulescss"},"orion-fusion-theme/ExampleComponent.module.scss"),(0,m.mdx)(E,{mdxType:"OrionFusionThemeSCSS"}),(0,m.mdx)("h3",{id:"clinical-lowlight-themeexamplecomponentmodulescss"},"clinical-lowlight-theme/ExampleComponent.module.scss"),(0,m.mdx)(_,{mdxType:"ClinicalLowLightSCSS"}),(0,m.mdx)("p",null,"Include the new theme files in the original SCSS file."),(0,m.mdx)(f,{mdxType:"ExampleComponentSCSS"}),(0,m.mdx)("p",null,"The recommended file structure looks like this:"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre"},".\n├── example-component\n│ ├── ExampleComponent.jsx\n│ ├── ExampleComponent.module.scss\n│ ├── clinical-lowlight-theme\n│ │ └── ExampleComponent.module.scss\n│ └── orion-fusion-theme\n│ └── ExampleComponent.module.scss\n")),(0,m.mdx)("h2",{id:"webpack"},"Webpack"),(0,m.mdx)("p",null,"To enable themes a ",(0,m.mdx)("inlineCode",{parentName:"p"},"terra-theme.config.js")," configuration file must be defined. This file is read by the ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/tree/main/config/webpack/postcss"},"terra-toolkit postcss loader")," to apply default themes. The loader runs automatically for webpack configurations using ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/blob/main/config/webpack/webpack.config.js"},"terra-toolkit's webpack config"),"."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-js"},"const themeConfig = {\n theme: 'terra-dark-theme', // The default theme to be enabled on page load.\n scoped: ['terra-light-theme', 'terra-lowlight-theme'], // An array of scoped themes. Note: Scoped themes do not work in IE 10.\n};\n\nmodule.exports = themeConfig;\n")),(0,m.mdx)("h2",{id:"example"},"Example"),(0,m.mdx)("p",null,"Toggle the theme from the dropdown at the top of the page to see changes."),(0,m.mdx)(x,{isExpanded:!0,mdxType:"ExampleComponent"}),(0,m.mdx)("h2",{id:"testing"},"Testing"),(0,m.mdx)("p",null,"Applications can opt into running WDIO tests against multiple themes."),(0,m.mdx)("p",null,"Themes testing can be enabled via the CLI using ",(0,m.mdx)("inlineCode",{parentName:"p"},"--themes"),"."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-json"},"{\n \"test:wdio\": \"npm run pack; tt-wdio --config ./wdio.conf.js --locales ['en','es'] --themes ['orion-fusion-theme']; rm -rf ./build\"\n}\n")),(0,m.mdx)("p",null,"See the ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/tree/main/scripts/wdio#terra-toolkit-wdio-helpers"},"WDIO documentation")," for additional configuration options."),(0,m.mdx)("h2",{id:"faq"},"FAQ"),(0,m.mdx)("h3",{id:"are-terra-theme-variables-reusable"},"Are Terra Theme Variables Reusable?"),(0,m.mdx)("p",null,"No, theme variables are considered private and should never be used by consuming applications. Do not use Terra theme variables in custom CSS."),(0,m.mdx)("h3",{id:"is-it-okay-to-override-terra-component-styles"},"Is It Okay To Override Terra Component Styles?"),(0,m.mdx)("p",null,"It is not recommended to override Terra component styles. The exceptions are layout and positioning concerns such as width or margins."),(0,m.mdx)("h3",{id:"do-i-have-to-use-terra-toolkits-webpack-configuration"},"Do I Have To Use Terra Toolkit's Webpack Configuration?"),(0,m.mdx)("p",null,"It is highly recommended that teams use the terra-toolkit webpack configuration to ensure the appropriate loaders are used."),(0,m.mdx)("h3",{id:"can-i-use-multiple-themes-providers-at-once"},"Can I Use Multiple Themes Providers At Once?"),(0,m.mdx)("p",null,"Technically yes, officially no. Multiple themes will apply all CSS styles for all themes to the root element. This will result in style collisions, specifically the base font-size themes depend on. An incorrect font-size will impact all rem based CSS (padding, margins, line-heights, etc...). The theme context supports a single theme in context at a time."),(0,m.mdx)("h3",{id:"can-i-create-an-entirely-new-theme"},"Can I Create An Entirely New Theme?"),(0,m.mdx)("p",null,"No, the internal implementation of Terra components is considered private and changes frequently. All Terra component theme variables must be maintained by the Terra team."))}k.isMDXComponent=!0},44514:(e,t,n)=>{var a=n(64836);t.Z=void 0;var o=a(n(67294)),l=a(n(47166)),m=n(48720),r=a(n(90872)),i=l.default.bind(r.default),s=function(){var e=o.default.useContext(m.ThemeContext);return o.default.createElement("div",{className:i("example-component",e.className)},"This is an example component.")};t.Z=s},82778:(e,t,n)=>{var a=n(64836),o=n(18698);t.Z=void 0;var l=a(n(27424)),m=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var r=l?Object.getOwnPropertyDescriptor(e,m):null;r&&(r.get||r.set)?Object.defineProperty(a,m,r):a[m]=e[m]}a.default=e,n&&n.set(e,a);return a}(n(67294)),r=a(n(45697)),i=a(n(47166)),s=n(48720),p=a(n(33864)),c=a(n(23399)),d=n(51051),u=a(n(95507));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(h=function(e){return e?n:t})(e)}var f=i.default.bind(u.default),x={example:r.default.element,exampleSrc:r.default.element,exampleCssSrc:r.default.element,title:r.default.string,description:r.default.node,isExpanded:r.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,r=e.description,i=e.isExpanded,u=(0,m.useState)(i),h=(0,l.default)(u,2),x=h[0],v=h[1],_=(0,m.useState)(!1),y=(0,l.default)(_,2),T=y[0],C=y[1],E=m.default.useContext(s.ThemeContext),N=void 0!==a,w=function(){C(!T),x&&v(!x)},S=function(){v(!x),T&&C(!T)},k=function(e,t){e.nativeEvent.keyCode!==d.KEY_SPACE&&e.nativeEvent.keyCode!==d.KEY_RETURN||(e.preventDefault(),t())};return m.default.createElement("div",{className:f("template",E.className)},m.default.createElement("div",{className:f("header")},o&&m.default.createElement("h2",{className:f("title")},o)),m.default.createElement("div",{className:f("content")},r&&m.default.createElement("div",{className:f("description")},r),t),m.default.createElement("div",{className:f("footer")},n?m.default.createElement("div",{className:f("button-container")},N&&m.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":T}),onClick:w,onKeyDown:function(e){return k(e,w)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(p.default,{className:f("chevron")}),m.default.createElement("span",null,"CSS"),m.default.createElement(c.default,{className:f("chevron")})),m.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":x}),onClick:S,onKeyDown:function(e){return k(e,S)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(p.default,{className:f("chevron")}),m.default.createElement("span",null,"Code"),m.default.createElement(c.default,{className:f("chevron")}))):null,m.default.createElement("div",null,T&&m.default.createElement("div",{className:f("css")},a),x&&m.default.createElement("div",{className:f("code")},n))))};v.propTypes=x,v.defaultProps={isExpanded:!1};var _=v;t.Z=_},90872:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ExampleComponent-module__clinical-lowlight-theme___FnE-+","orion-fusion-theme":"ExampleComponent-module__orion-fusion-theme___o6Evx","example-component":"ExampleComponent-module__example-component___u95Ev"}},95507:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___FATtk","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___s6uZH",template:"ExampleTemplate-module__template___ffP6g",header:"ExampleTemplate-module__header___vIWDI",content:"ExampleTemplate-module__content___rbhnH",description:"ExampleTemplate-module__description___+FEIq",footer:"ExampleTemplate-module__footer___D7QJv","button-container":"ExampleTemplate-module__button-container___3zfGj",css:"ExampleTemplate-module__css___i6lpu",code:"ExampleTemplate-module__code___-yR3s","css-toggle":"ExampleTemplate-module__css-toggle___DsZuN","code-toggle":"ExampleTemplate-module__code-toggle___3pWSV","is-selected":"ExampleTemplate-module__is-selected___UZtM1",item:"ExampleTemplate-module__item___56MkH",chevron:"ExampleTemplate-module__chevron___ljb6a",title:"ExampleTemplate-module__title___GjcWJ","dynamic-content":"ExampleTemplate-module__dynamic-content___SslvG"}},33864:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),o=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,o=function(e,t){if(null==e)return{};var n,a,o={},l=Object.keys(e);for(a=0;a=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1541],{61541:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var a=n(87462),o=n(44925),l=n(67294),m=n(81254),r=n(44514),i=["components"],s={};function p(e){var t=e.components,n=(0,o.Z)(e,i);return(0,m.mdx)("wrapper",(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { ThemeContext } from 'terra-application/lib/theme';\nimport styles from './ExampleComponent.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ExampleComponent = () => {\n const theme = React.useContext(ThemeContext);\n\n return (\n
\n This is an example component.\n
\n );\n};\n\nexport default ExampleComponent;\n\n")))}p.isMDXComponent=!0;var c=n(82778),d=["components"],u={},h="wrapper";function f(e){var t=e.components,n=(0,o.Z)(e,d);return(0,m.mdx)(h,(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},"// Import each theme.\n@import './clinical-lowlight-theme/ExampleComponent.module';\n@import './orion-fusion-theme/ExampleComponent.module';\n\n:local {\n .example-component {\n background-color: var(--terra-application-example-component-background-color, #fff);\n color: var(--terra-application-example-component-color, inherit);\n font-size: var(--terra-application-example-component-font-size, 1rem);\n }\n}\n\n")))}f.isMDXComponent=!0;const x=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(c.Z,{title:t||"Example Component",description:n,example:l.createElement(r.Z,null),exampleCssSrc:l.createElement(f,null),exampleSrc:l.createElement(p,null),isExpanded:a})};var g=["components"],b={},v="wrapper";function _(e){var t=e.components,n=(0,o.Z)(e,g);return(0,m.mdx)(v,(0,a.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .clinical-lowlight-theme {\n --terra-application-example-component-background-color: rgb(34, 42, 46);\n --terra-application-example-component-color: rgb(178, 181, 182);\n --terra-application-example-component-font-size: 1rem;\n }\n}\n\n")))}_.isMDXComponent=!0;var y=["components"],T={},C="wrapper";function E(e){var t=e.components,n=(0,o.Z)(e,y);return(0,m.mdx)(C,(0,a.Z)({},T,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .orion-fusion-theme {\n --terra-application-example-component-background-color: #f6f8fa;\n --terra-application-example-component-color: rgb(36, 41, 46);\n --terra-application-example-component-font-size: 2rem;\n }\n}\n\n")))}E.isMDXComponent=!0;var N=["components"],w={},S="wrapper";function k(e){var t=e.components,n=(0,o.Z)(e,N);return(0,m.mdx)(S,(0,a.Z)({},w,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"theming-guide"},"Theming Guide"),(0,m.mdx)("p",null,"Welcome to the Terra theming strategy guide. This guide will walk through the recommended approach for theming custom components."),(0,m.mdx)("h2",{id:"summary"},"Summary"),(0,m.mdx)("p",null,"Terra provides a default, clinical-lowlight-theme, and orion-fusion-theme. This guide is for theming custom components. Custom components are any non Terra-UI component created by teams that need to be integrated into an application using a supported Terra theme. Teams should not create new themes or theme Terra components."),(0,m.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,m.mdx)("p",null,"This guide will walk through theming an example component. The example component is using the base component from terra-application to provide an API for interacting with the theme."),(0,m.mdx)("h2",{id:"theme-context"},"Theme Context"),(0,m.mdx)("p",null,"An application's theme is provided through ",(0,m.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/context.html"},"React context")," by a theme provider. ",(0,m.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-base"},"Application Base")," initializes a theme provider automatically. The theme value is accessed using the ",(0,m.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/theme-context"},"theme context")," from terra-application."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { ThemeContext } from 'terra-application/lib/theme';\n")),(0,m.mdx)("p",null,"Use the theme context to read the active theme value."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { ThemeContext } from 'terra-application/lib/theme';\n\nconst ExampleComponent = () => {\n // Access the active theme context value.\n const theme = React.useContext(ThemeContext);\n};\n")),(0,m.mdx)("p",null,"The active theme's class name is stored in a ",(0,m.mdx)("inlineCode",{parentName:"p"},"className")," key in the context value. To apply the theme, bind the className to the component using ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/JedWatson/classnames#alternate-bind-version-for-css-modules"},"classnames/bind"),". Some additional documentation for CSS Modules and classNames can be found on the ",(0,m.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/contributing/conventions"},"conventions page"),". Please note that generally an empty or undefined className indicates the default theme is active. The ",(0,m.mdx)("inlineCode",{parentName:"p"},"className")," key maps directly to the anticipated theme css class name. Using the correct theme className is required."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { ThemeContext } from 'terra-application/lib/theme';\nimport styles from './ThemedComponent.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ExampleComponent = () => {\n const theme = React.useContext(ThemeContext);\n\n return (\n
\n This is an example component.\n
\n );\n};\n")),(0,m.mdx)("h2",{id:"scss"},"SCSS"),(0,m.mdx)("p",null,"Once the theme className has been bound, the component can be appropriately themed. Start by defining the variables for the CSS properties that are expected to change between themes. SCSS variables are defined using ",(0,m.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/--*"},"custom properties"),". These values should utilize the SCSS ",(0,m.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/var"},"var()")," functionality. The var() function works by applying a variable if the value has been set. If no value has been set the default value is used."),(0,m.mdx)("h3",{id:"examplecomponentmodulescss"},"ExampleComponent.module.scss"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},"// The values in this file represent the default theme. The default theme is applied using the default values in the var() function.\n:local {\n .example-component {\n background-color: var(--terra-application-example-component-background-color, #fff);\n color: var(--terra-application-example-component-color, inherit);\n font-size: var(--terra-application-example-component-font-size, 1rem);\n }\n}\n")),(0,m.mdx)("p",null,"To add themes, create new files for each theme and include them in the original SCSS file. Theme are regular SCSS files that define variables to be applied when the theme becomes active. Themes must be locally scoped and must use a supported theme class name. It is recommended to define all available theme variables for each theme. If the component, example component in this case, defines three themable variables, all three variables should be assigned a value in each of the created theme files. This ensures a more robust theme."),(0,m.mdx)("h3",{id:"orion-fusion-themeexamplecomponentmodulescss"},"orion-fusion-theme/ExampleComponent.module.scss"),(0,m.mdx)(E,{mdxType:"OrionFusionThemeSCSS"}),(0,m.mdx)("h3",{id:"clinical-lowlight-themeexamplecomponentmodulescss"},"clinical-lowlight-theme/ExampleComponent.module.scss"),(0,m.mdx)(_,{mdxType:"ClinicalLowLightSCSS"}),(0,m.mdx)("p",null,"Include the new theme files in the original SCSS file."),(0,m.mdx)(f,{mdxType:"ExampleComponentSCSS"}),(0,m.mdx)("p",null,"The recommended file structure looks like this:"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre"},".\n├── example-component\n│ ├── ExampleComponent.jsx\n│ ├── ExampleComponent.module.scss\n│ ├── clinical-lowlight-theme\n│ │ └── ExampleComponent.module.scss\n│ └── orion-fusion-theme\n│ └── ExampleComponent.module.scss\n")),(0,m.mdx)("h2",{id:"webpack"},"Webpack"),(0,m.mdx)("p",null,"To enable themes a ",(0,m.mdx)("inlineCode",{parentName:"p"},"terra-theme.config.js")," configuration file must be defined. This file is read by the ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/tree/main/config/webpack/postcss"},"terra-toolkit postcss loader")," to apply default themes. The loader runs automatically for webpack configurations using ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/blob/main/config/webpack/webpack.config.js"},"terra-toolkit's webpack config"),"."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-js"},"const themeConfig = {\n theme: 'terra-dark-theme', // The default theme to be enabled on page load.\n scoped: ['terra-light-theme', 'terra-lowlight-theme'], // An array of scoped themes. Note: Scoped themes do not work in IE 10.\n};\n\nmodule.exports = themeConfig;\n")),(0,m.mdx)("h2",{id:"example"},"Example"),(0,m.mdx)("p",null,"Toggle the theme from the dropdown at the top of the page to see changes."),(0,m.mdx)(x,{isExpanded:!0,mdxType:"ExampleComponent"}),(0,m.mdx)("h2",{id:"testing"},"Testing"),(0,m.mdx)("p",null,"Applications can opt into running WDIO tests against multiple themes."),(0,m.mdx)("p",null,"Themes testing can be enabled via the CLI using ",(0,m.mdx)("inlineCode",{parentName:"p"},"--themes"),"."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-json"},"{\n \"test:wdio\": \"npm run pack; tt-wdio --config ./wdio.conf.js --locales ['en','es'] --themes ['orion-fusion-theme']; rm -rf ./build\"\n}\n")),(0,m.mdx)("p",null,"See the ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/tree/main/scripts/wdio#terra-toolkit-wdio-helpers"},"WDIO documentation")," for additional configuration options."),(0,m.mdx)("h2",{id:"faq"},"FAQ"),(0,m.mdx)("h3",{id:"are-terra-theme-variables-reusable"},"Are Terra Theme Variables Reusable?"),(0,m.mdx)("p",null,"No, theme variables are considered private and should never be used by consuming applications. Do not use Terra theme variables in custom CSS."),(0,m.mdx)("h3",{id:"is-it-okay-to-override-terra-component-styles"},"Is It Okay To Override Terra Component Styles?"),(0,m.mdx)("p",null,"It is not recommended to override Terra component styles. The exceptions are layout and positioning concerns such as width or margins."),(0,m.mdx)("h3",{id:"do-i-have-to-use-terra-toolkits-webpack-configuration"},"Do I Have To Use Terra Toolkit's Webpack Configuration?"),(0,m.mdx)("p",null,"It is highly recommended that teams use the terra-toolkit webpack configuration to ensure the appropriate loaders are used."),(0,m.mdx)("h3",{id:"can-i-use-multiple-themes-providers-at-once"},"Can I Use Multiple Themes Providers At Once?"),(0,m.mdx)("p",null,"Technically yes, officially no. Multiple themes will apply all CSS styles for all themes to the root element. This will result in style collisions, specifically the base font-size themes depend on. An incorrect font-size will impact all rem based CSS (padding, margins, line-heights, etc...). The theme context supports a single theme in context at a time."),(0,m.mdx)("h3",{id:"can-i-create-an-entirely-new-theme"},"Can I Create An Entirely New Theme?"),(0,m.mdx)("p",null,"No, the internal implementation of Terra components is considered private and changes frequently. All Terra component theme variables must be maintained by the Terra team."))}k.isMDXComponent=!0},44514:(e,t,n)=>{var a=n(64836);t.Z=void 0;var o=a(n(67294)),l=a(n(47166)),m=n(48720),r=a(n(90872)),i=l.default.bind(r.default);t.Z=function(){var e=o.default.useContext(m.ThemeContext);return o.default.createElement("div",{className:i("example-component",e.className)},"This is an example component.")}},82778:(e,t,n)=>{var a=n(64836),o=n(18698);t.Z=void 0;var l=a(n(27424)),m=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var r=l?Object.getOwnPropertyDescriptor(e,m):null;r&&(r.get||r.set)?Object.defineProperty(a,m,r):a[m]=e[m]}return a.default=e,n&&n.set(e,a),a}(n(67294)),r=a(n(45697)),i=a(n(47166)),s=n(48720),p=a(n(33864)),c=a(n(23399)),d=n(51051),u=a(n(95507));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(h=function(e){return e?n:t})(e)}var f=i.default.bind(u.default),x={example:r.default.element,exampleSrc:r.default.element,exampleCssSrc:r.default.element,title:r.default.string,description:r.default.node,isExpanded:r.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,r=e.description,i=e.isExpanded,u=(0,m.useState)(i),h=(0,l.default)(u,2),x=h[0],v=h[1],_=(0,m.useState)(!1),y=(0,l.default)(_,2),T=y[0],C=y[1],E=m.default.useContext(s.ThemeContext),N=void 0!==a,w=function(){C(!T),x&&v(!x)},S=function(){v(!x),T&&C(!T)},k=function(e,t){e.nativeEvent.keyCode!==d.KEY_SPACE&&e.nativeEvent.keyCode!==d.KEY_RETURN||(e.preventDefault(),t())};return m.default.createElement("div",{className:f("template",E.className)},m.default.createElement("div",{className:f("header")},o&&m.default.createElement("h2",{className:f("title")},o)),m.default.createElement("div",{className:f("content")},r&&m.default.createElement("div",{className:f("description")},r),t),m.default.createElement("div",{className:f("footer")},n?m.default.createElement("div",{className:f("button-container")},N&&m.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":T}),onClick:w,onKeyDown:function(e){return k(e,w)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(p.default,{className:f("chevron")}),m.default.createElement("span",null,"CSS"),m.default.createElement(c.default,{className:f("chevron")})),m.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":x}),onClick:S,onKeyDown:function(e){return k(e,S)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(p.default,{className:f("chevron")}),m.default.createElement("span",null,"Code"),m.default.createElement(c.default,{className:f("chevron")}))):null,m.default.createElement("div",null,T&&m.default.createElement("div",{className:f("css")},a),x&&m.default.createElement("div",{className:f("code")},n))))};v.propTypes=x,v.defaultProps={isExpanded:!1};t.Z=v},90872:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ExampleComponent-module__clinical-lowlight-theme___FnE-+","orion-fusion-theme":"ExampleComponent-module__orion-fusion-theme___o6Evx","example-component":"ExampleComponent-module__example-component___u95Ev"}},95507:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___FATtk","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___s6uZH",template:"ExampleTemplate-module__template___ffP6g",header:"ExampleTemplate-module__header___vIWDI",content:"ExampleTemplate-module__content___rbhnH",description:"ExampleTemplate-module__description___+FEIq",footer:"ExampleTemplate-module__footer___D7QJv","button-container":"ExampleTemplate-module__button-container___3zfGj",css:"ExampleTemplate-module__css___i6lpu",code:"ExampleTemplate-module__code___-yR3s","css-toggle":"ExampleTemplate-module__css-toggle___DsZuN","code-toggle":"ExampleTemplate-module__code-toggle___3pWSV","is-selected":"ExampleTemplate-module__is-selected___UZtM1",item:"ExampleTemplate-module__item___56MkH",chevron:"ExampleTemplate-module__chevron___ljb6a",title:"ExampleTemplate-module__title___GjcWJ","dynamic-content":"ExampleTemplate-module__dynamic-content___SslvG"}},33864:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),o=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,o=function(e,t){if(null==e)return{};var n,a,o={},l=Object.keys(e);for(a=0;a=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
diff --git a/pull/339/1582-4832536ea555462c1fce.js b/pull/339/1582-034d4a865d5193c16f54.js
similarity index 78%
rename from pull/339/1582-4832536ea555462c1fce.js
rename to pull/339/1582-034d4a865d5193c16f54.js
index ced82a393..c94d357c5 100644
--- a/pull/339/1582-4832536ea555462c1fce.js
+++ b/pull/339/1582-034d4a865d5193c16f54.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1582],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),l=c(n(45697)),r=c(n(47166)),o=c(n(50026)),u=c(n(66983)),i=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var _=r.default.bind(u.default),f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},p={children:l.default.string},h=function(e){var t=e.children,n=s(e,i),l=a.default.useContext(o.default),u=(0,r.default)(_(["button",l.className]),n.className);return a.default.createElement("button",d({},n,{type:"button",className:u,onBlur:f,onMouseDown:m,"data-focus-styles-enabled":!0}),t)};h.propTypes=p;var b=h;t.default=b},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),l=i(n(45697)),r=i(n(47166)),o=i(n(50026)),u=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(u.default),d={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,n=e.variant,l=e.children,r=a.default.useContext(o.default);return a.default.createElement("div",{className:c("notice",n,r.className)},a.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:c("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:c("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:c("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(l,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};s.propTypes=d,s.defaultProps={ariaLevel:"2",variant:"important"};var _=s;t.default=_},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),l=d(n(45697)),r=d(n(94184)),o=d(n(47166)),u=d(n(50026)),i=d(n(42620)),c=["title"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var f=o.default.bind(i.default),m={title:l.default.string},p=function(e){var t=e.title,n=_(e,c),l=a.default.useContext(u.default),o=(0,r.default)(f(["placeholder",l.className]),n.className),i=f(["inner"]);return a.default.createElement("div",s({},n,{className:o}),a.default.createElement("div",{className:i},a.default.createElement("p",{className:f("title")},t)))};p.propTypes=m,p.defaultProps={title:""};var h=p;t.default=h},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var a=o(n(59278)),l=o(n(47306)),r=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},31582:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(67294)),r=a(n(29564)),o=n(34261),u=l.default.createElement(o.Placeholder,{title:"Test Hero"}),i={name:"Test Name",initials:"TN",detail:"Test Detail"},c=function(){return l.default.createElement(r.default,{hero:u,userConfig:i})};t.default=c},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1582],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),l=c(n(45697)),r=c(n(47166)),o=c(n(50026)),u=c(n(66983)),i=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var _=r.default.bind(u.default),f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},p={children:l.default.string},h=function(e){var t=e.children,n=s(e,i),l=a.default.useContext(o.default),u=(0,r.default)(_(["button",l.className]),n.className);return a.default.createElement("button",d({},n,{type:"button",className:u,onBlur:f,onMouseDown:m,"data-focus-styles-enabled":!0}),t)};h.propTypes=p;var b=h;t.default=b},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),l=i(n(45697)),r=i(n(47166)),o=i(n(50026)),u=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(u.default),d={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,n=e.variant,l=e.children,r=a.default.useContext(o.default);return a.default.createElement("div",{className:c("notice",n,r.className)},a.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:c("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:c("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:c("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(l,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};s.propTypes=d,s.defaultProps={ariaLevel:"2",variant:"important"};var _=s;t.default=_},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),l=d(n(45697)),r=d(n(94184)),o=d(n(47166)),u=d(n(50026)),i=d(n(42620)),c=["title"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var f=o.default.bind(i.default),m={title:l.default.string},p=function(e){var t=e.title,n=_(e,c),l=a.default.useContext(u.default),o=(0,r.default)(f(["placeholder",l.className]),n.className),i=f(["inner"]);return a.default.createElement("div",s({},n,{className:o}),a.default.createElement("div",{className:i},a.default.createElement("p",{className:f("title")},t)))};p.propTypes=m,p.defaultProps={title:""};var h=p;t.default=h},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var a=o(n(59278)),l=o(n(47306)),r=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},31582:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(67294)),r=a(n(29564)),o=n(34261),u=l.default.createElement(o.Placeholder,{title:"Test Hero"}),i={name:"Test Name",initials:"TN",detail:"Test Detail"};t.default=function(){return l.default.createElement(r.default,{hero:u,userConfig:i})}},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]);
\ No newline at end of file
diff --git a/pull/339/1595-bd697ba90af82382b8e4.css b/pull/339/1595-107fff1bfb0846ccac1f.css
similarity index 100%
rename from pull/339/1595-bd697ba90af82382b8e4.css
rename to pull/339/1595-107fff1bfb0846ccac1f.css
diff --git a/pull/339/1595-bd697ba90af82382b8e4.js b/pull/339/1595-107fff1bfb0846ccac1f.js
similarity index 88%
rename from pull/339/1595-bd697ba90af82382b8e4.js
rename to pull/339/1595-107fff1bfb0846ccac1f.js
index 8cc681dc0..02f9a8361 100644
--- a/pull/339/1595-bd697ba90af82382b8e4.js
+++ b/pull/339/1595-107fff1bfb0846ccac1f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1595],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),i=s(n(47166)),o=s(n(50026)),l=s(n(66983)),d=["children"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.default.bind(l.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:r.default.string},g=function(e){var t=e.children,n=c(e,d),r=a.default.useContext(o.default),l=(0,i.default)(p(["button",r.className]),n.className);return a.default.createElement("button",u({},n,{type:"button",className:l,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};g.propTypes=h;var v=g;t.default=v},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),i=d(n(47166)),o=d(n(50026)),l=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var s=i.default.bind(l.default),u={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(o.default);return a.default.createElement("div",{className:s("notice",n,i.className)},a.default.createElement("div",{className:s("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:s("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:s("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:s("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:s("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:s("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};var p=c;t.default=p},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),i=u(n(94184)),o=u(n(47166)),l=u(n(50026)),d=u(n(42620)),s=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=o.default.bind(d.default),f={title:r.default.string},h=function(e){var t=e.title,n=p(e,s),r=a.default.useContext(l.default),o=(0,i.default)(m(["placeholder",r.className]),n.className),d=m(["inner"]);return a.default.createElement("div",c({},n,{className:o}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:m("title")},t)))};h.propTypes=f,h.defaultProps={title:""};var g=h;t.default=g},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=o(n(59278)),r=o(n(47306)),i=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},1595:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var a=n(87462),r=n(44925),i=(n(67294),n(81254)),o=n(66722),l=n(34261),d=["components"],s={},u="wrapper";function c(e){var t=e.components,n=(0,r.Z)(e,d);return(0,i.mdx)(u,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(o.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terradevsite"},"TerraDevSite"),(0,i.mdx)("p",null,"TerraDevSite is a webpack plugin for generating a documentation and testing site for content built with the terra application framework."),(0,i.mdx)("h2",{id:"installation"},"Installation"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"npm install --save-dev @cerner/terra-dev-site\n")),(0,i.mdx)("h2",{id:"prerequisites"},"Prerequisites"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"node 10"),(0,i.mdx)("li",{parentName:"ul"},"babel 7.5"),(0,i.mdx)("li",{parentName:"ul"},"webpack 4/5"),(0,i.mdx)("li",{parentName:"ul"},"webpack config from either terra-toolkit or @cerner/webpack-config-terra")),(0,i.mdx)("h2",{id:"setting-up-webpack-config"},"Setting up webpack config"),(0,i.mdx)("p",null,"Below is an example webpack config that applies the TerraDevSite Plugin."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)("h2",{id:"adding-content"},"Adding content"),(0,i.mdx)("p",null,"The TerraDevSite Plugin will search the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," folder for files with a defined content extension, typically ",(0,i.mdx)("inlineCode",{parentName:"p"},"test")," or ",(0,i.mdx)("inlineCode",{parentName:"p"},"doc"),". The default export from those files will be imported into the generated dev site and organized based on file structure."),(0,i.mdx)("h3",{id:"file-naming"},"File Naming"),(0,i.mdx)("p",null,"Files need to be named using the correct 'contentExtension' and file extension to be added to the site. This will allow you to add any additional files to support your examples and only have the specified files added as entries to the site. The file name pattern is:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"...\n")),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"filename - This is the name that will be added to the secondary navigation layout for the site. These are sorted alphabetically."),(0,i.mdx)("li",{parentName:"ul"},"group - (optional) This allows you to sort menu items. The group is sorted alphabetically before items without a group."),(0,i.mdx)("li",{parentName:"ul"},"contentExtension - This indicates which primary navigation item the content will be rendered under. The default pageTypes are ",(0,i.mdx)("inlineCode",{parentName:"li"},"home"),", ",(0,i.mdx)("inlineCode",{parentName:"li"},"doc"),", and ",(0,i.mdx)("inlineCode",{parentName:"li"},"test"),"."),(0,i.mdx)("li",{parentName:"ul"},"extension - .md and .mdx extensions are supported by default. Other extensions can be added by updating the projects webpack config by adding additional extensions to the resolve field.")),(0,i.mdx)("h3",{id:"directories"},"Directories"),(0,i.mdx)("p",null,"The directories within the entry point folder, TerraDevSite, will be translated into the menu structure. The one exception is if you have a 'contentExtension' directory inside the entry point folder, it will be ignored. This lets you group page types together without impacting your site."),(0,i.mdx)("h3",{id:"example"},"Example"),(0,i.mdx)("p",null,"Given a directory structure like this:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"src/\n terra-dev-site/\n doc/\n upgradeGuide.a.doc.md\n examples.c/\n supportingFile.js\n myGreatExample.doc.jsx\n example.b.doc.js\n test/\n testfile.test.js\n docInTestFolder.doc.js\n")),(0,i.mdx)("p",null,"The menu navigation result will be:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"-Components-\n Upgrade Guide\n Example\n Examples >\n My Great Example\n Test >\n Doc In Test Folder\n-Test-\n Testfile\n")),(0,i.mdx)("h2",{id:"url-generation"},"URL generation"),(0,i.mdx)("p",null,"Urls are generated with the following pattern:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"/////\n")),(0,i.mdx)("h2",{id:"path-based-routing-deployments"},"Path based routing deployments"),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"To support path based routing for gh-pages style deployments, you must supply an env variable, ",(0,i.mdx)("inlineCode",{parentName:"p"},"TERRA_DEV_SITE_PUBLIC_PATH"),", describing the path for assets to be served from.")),(0,i.mdx)("p",null,"For example, for a page hosted on github pages with a url of: ",(0,i.mdx)("a",{parentName:"p",href:"http://cerner.github.com/terra-dev-site"},"http://cerner.github.com/terra-dev-site"),". The environment variable should be set as follows."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"TERRA_DEV_SITE_PUBLIC_PATH='/terra-dev-site/'\n")),(0,i.mdx)("p",null,"Without the environment variable set assets will assume they are served from ",(0,i.mdx)("inlineCode",{parentName:"p"},"/")," when they should be served from ",(0,i.mdx)("inlineCode",{parentName:"p"},"/terra-dev-site/")),(0,i.mdx)("h2",{id:"further-configuration"},"Further configuration:"),(0,i.mdx)("p",null,"TerraDevSite is built to work out of the box but it also provides many configuration options to allow you to customize your site."),(0,i.mdx)("p",null,"Check out our ",(0,i.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/dev_tools/cerner-terra-application-docs/terra-dev-site/configuration"},"configuration docs"),"."),(0,i.mdx)("h2",{id:"hot-reloading"},"Hot reloading"),(0,i.mdx)("p",null,"When building for development TerraDevSite will search for content in the defined ",(0,i.mdx)("inlineCode",{parentName:"p"},"sourceFolder"),", src by default. Any imports that point to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"distributionFolder"),", 'lib' by default, will automatically be redirected to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"sourceFolder")," instead. Hot reloading watches for any changes in the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," directory and will re generate the site."),(0,i.mdx)("p",null,"When building for production, hot reloading will be disabled."),(0,i.mdx)("p",null,"It is recommend that if a directory must be defined, imports should pull from the lib directory. With the exception of the props table loader which must pull from the source directory."),(0,i.mdx)("h2",{id:"auto-package-aliasing"},"Auto Package Aliasing"),(0,i.mdx)("p",null,"TerraDevSite will automatically alias the current directory as the package name, allowing examples to import files as if they were a consumer of the package. This results in examples that are representative of actual consumer implementations."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},"- import Component from '../../Component';\n+ import Component from 'PackageName/Component';\n")),(0,i.mdx)("h2",{id:"pulling-content-from-node-modules"},"Pulling content from node modules"),(0,i.mdx)("p",null,"TerraDevSite allows for distributed documentation to be pulled together in a single site. We use this extensively for our terra-ui doc site."),(0,i.mdx)("p",null,"To add additional search directories, simply provide the full path to the additional directories you'd like to search in the terra config using the ",(0,i.mdx)("inlineCode",{parentName:"p"},"additionalSearchDirectories")," config option."),(0,i.mdx)("p",null,"For Example:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const path = require('path');\nconst terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n additionalSearchDirectories: [\n path.resolve(process.cwd(), 'node_modules', 'package name', 'lib', 'terra-dev-site'),\n ],\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)("p",null,"Additional Search Directories will not be hot reloaded."),(0,i.mdx)("h2",{id:"testing"},"Testing"),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"To Flex the locale with the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-functional-testing")," package, ",(0,i.mdx)("inlineCode",{parentName:"p"},"env.defaultLocale")," must be passed to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"defaultLocale")," env is set as a part of the WDIO test service and must be passed into the ",(0,i.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin to ensure locale tests are run appropriately.")),(0,i.mdx)("h2",{id:"stacking-devsites"},"Stacking DevSites"),(0,i.mdx)("p",null,"TerraDevSites plugins can be stacked and will automatically add an application switcher to allow switching between dev sites.\nThis can be used to provide different default setups for TerraDevSites, for example an unauthenticated site that provides a link to an authenticated site."),(0,i.mdx)("p",null,"The webpack config would look like this:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n new TerraDevSite({\n pathPrefix: 'anotherSite',\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,(0,i.mdx)("inlineCode",{parentName:"p"},"pathPrefix")," must be unique for all instances of the TerraDevSite Plugin as it is used in the url.")))}c.isMDXComponent=!0},66722:(e,t,n)=>{n.d(t,{C:()=>i});var a=n(67294),r=n(96862),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-application/tree/main/packages/terra-dev-site",name:"@cerner/terra-dev-site",version:"8.1.0",url:t})}},96862:(e,t,n)=>{var a=n(64836);t.Z=void 0;var r=a(n(67294)),i=a(n(45697)),o=a(n(47166)),l=a(n(55138)),d=o.default.bind(l.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(i))),l=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,l)};u.propTypes=s;var c=u;t.Z=c},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},55138:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={badge:"Badges-module__badge___mqZdQ","badge-container":"Badges-module__badge-container___Fuva8","badge-name":"Badges-module__badge-name___o7WE3","badge-version":"Badges-module__badge-version___4AQGw"}},87462:(e,t,n)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1595],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),i=s(n(47166)),o=s(n(50026)),l=s(n(66983)),d=["children"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.default.bind(l.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:r.default.string},g=function(e){var t=e.children,n=c(e,d),r=a.default.useContext(o.default),l=(0,i.default)(p(["button",r.className]),n.className);return a.default.createElement("button",u({},n,{type:"button",className:l,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};g.propTypes=h;var v=g;t.default=v},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),i=d(n(47166)),o=d(n(50026)),l=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var s=i.default.bind(l.default),u={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(o.default);return a.default.createElement("div",{className:s("notice",n,i.className)},a.default.createElement("div",{className:s("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:s("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:s("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:s("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:s("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:s("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};var p=c;t.default=p},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),i=u(n(94184)),o=u(n(47166)),l=u(n(50026)),d=u(n(42620)),s=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=o.default.bind(d.default),f={title:r.default.string},h=function(e){var t=e.title,n=p(e,s),r=a.default.useContext(l.default),o=(0,i.default)(m(["placeholder",r.className]),n.className),d=m(["inner"]);return a.default.createElement("div",c({},n,{className:o}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:m("title")},t)))};h.propTypes=f,h.defaultProps={title:""};var g=h;t.default=g},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=o(n(59278)),r=o(n(47306)),i=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},1595:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var a=n(87462),r=n(44925),i=(n(67294),n(81254)),o=n(66722),l=n(34261),d=["components"],s={},u="wrapper";function c(e){var t=e.components,n=(0,r.Z)(e,d);return(0,i.mdx)(u,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(o.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terradevsite"},"TerraDevSite"),(0,i.mdx)("p",null,"TerraDevSite is a webpack plugin for generating a documentation and testing site for content built with the terra application framework."),(0,i.mdx)("h2",{id:"installation"},"Installation"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"npm install --save-dev @cerner/terra-dev-site\n")),(0,i.mdx)("h2",{id:"prerequisites"},"Prerequisites"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"node 10"),(0,i.mdx)("li",{parentName:"ul"},"babel 7.5"),(0,i.mdx)("li",{parentName:"ul"},"webpack 4/5"),(0,i.mdx)("li",{parentName:"ul"},"webpack config from either terra-toolkit or @cerner/webpack-config-terra")),(0,i.mdx)("h2",{id:"setting-up-webpack-config"},"Setting up webpack config"),(0,i.mdx)("p",null,"Below is an example webpack config that applies the TerraDevSite Plugin."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)("h2",{id:"adding-content"},"Adding content"),(0,i.mdx)("p",null,"The TerraDevSite Plugin will search the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," folder for files with a defined content extension, typically ",(0,i.mdx)("inlineCode",{parentName:"p"},"test")," or ",(0,i.mdx)("inlineCode",{parentName:"p"},"doc"),". The default export from those files will be imported into the generated dev site and organized based on file structure."),(0,i.mdx)("h3",{id:"file-naming"},"File Naming"),(0,i.mdx)("p",null,"Files need to be named using the correct 'contentExtension' and file extension to be added to the site. This will allow you to add any additional files to support your examples and only have the specified files added as entries to the site. The file name pattern is:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"...\n")),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"filename - This is the name that will be added to the secondary navigation layout for the site. These are sorted alphabetically."),(0,i.mdx)("li",{parentName:"ul"},"group - (optional) This allows you to sort menu items. The group is sorted alphabetically before items without a group."),(0,i.mdx)("li",{parentName:"ul"},"contentExtension - This indicates which primary navigation item the content will be rendered under. The default pageTypes are ",(0,i.mdx)("inlineCode",{parentName:"li"},"home"),", ",(0,i.mdx)("inlineCode",{parentName:"li"},"doc"),", and ",(0,i.mdx)("inlineCode",{parentName:"li"},"test"),"."),(0,i.mdx)("li",{parentName:"ul"},"extension - .md and .mdx extensions are supported by default. Other extensions can be added by updating the projects webpack config by adding additional extensions to the resolve field.")),(0,i.mdx)("h3",{id:"directories"},"Directories"),(0,i.mdx)("p",null,"The directories within the entry point folder, TerraDevSite, will be translated into the menu structure. The one exception is if you have a 'contentExtension' directory inside the entry point folder, it will be ignored. This lets you group page types together without impacting your site."),(0,i.mdx)("h3",{id:"example"},"Example"),(0,i.mdx)("p",null,"Given a directory structure like this:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"src/\n terra-dev-site/\n doc/\n upgradeGuide.a.doc.md\n examples.c/\n supportingFile.js\n myGreatExample.doc.jsx\n example.b.doc.js\n test/\n testfile.test.js\n docInTestFolder.doc.js\n")),(0,i.mdx)("p",null,"The menu navigation result will be:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"-Components-\n Upgrade Guide\n Example\n Examples >\n My Great Example\n Test >\n Doc In Test Folder\n-Test-\n Testfile\n")),(0,i.mdx)("h2",{id:"url-generation"},"URL generation"),(0,i.mdx)("p",null,"Urls are generated with the following pattern:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"/////\n")),(0,i.mdx)("h2",{id:"path-based-routing-deployments"},"Path based routing deployments"),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"To support path based routing for gh-pages style deployments, you must supply an env variable, ",(0,i.mdx)("inlineCode",{parentName:"p"},"TERRA_DEV_SITE_PUBLIC_PATH"),", describing the path for assets to be served from.")),(0,i.mdx)("p",null,"For example, for a page hosted on github pages with a url of: ",(0,i.mdx)("a",{parentName:"p",href:"http://cerner.github.com/terra-dev-site"},"http://cerner.github.com/terra-dev-site"),". The environment variable should be set as follows."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"TERRA_DEV_SITE_PUBLIC_PATH='/terra-dev-site/'\n")),(0,i.mdx)("p",null,"Without the environment variable set assets will assume they are served from ",(0,i.mdx)("inlineCode",{parentName:"p"},"/")," when they should be served from ",(0,i.mdx)("inlineCode",{parentName:"p"},"/terra-dev-site/")),(0,i.mdx)("h2",{id:"further-configuration"},"Further configuration:"),(0,i.mdx)("p",null,"TerraDevSite is built to work out of the box but it also provides many configuration options to allow you to customize your site."),(0,i.mdx)("p",null,"Check out our ",(0,i.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/dev_tools/cerner-terra-application-docs/terra-dev-site/configuration"},"configuration docs"),"."),(0,i.mdx)("h2",{id:"hot-reloading"},"Hot reloading"),(0,i.mdx)("p",null,"When building for development TerraDevSite will search for content in the defined ",(0,i.mdx)("inlineCode",{parentName:"p"},"sourceFolder"),", src by default. Any imports that point to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"distributionFolder"),", 'lib' by default, will automatically be redirected to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"sourceFolder")," instead. Hot reloading watches for any changes in the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," directory and will re generate the site."),(0,i.mdx)("p",null,"When building for production, hot reloading will be disabled."),(0,i.mdx)("p",null,"It is recommend that if a directory must be defined, imports should pull from the lib directory. With the exception of the props table loader which must pull from the source directory."),(0,i.mdx)("h2",{id:"auto-package-aliasing"},"Auto Package Aliasing"),(0,i.mdx)("p",null,"TerraDevSite will automatically alias the current directory as the package name, allowing examples to import files as if they were a consumer of the package. This results in examples that are representative of actual consumer implementations."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},"- import Component from '../../Component';\n+ import Component from 'PackageName/Component';\n")),(0,i.mdx)("h2",{id:"pulling-content-from-node-modules"},"Pulling content from node modules"),(0,i.mdx)("p",null,"TerraDevSite allows for distributed documentation to be pulled together in a single site. We use this extensively for our terra-ui doc site."),(0,i.mdx)("p",null,"To add additional search directories, simply provide the full path to the additional directories you'd like to search in the terra config using the ",(0,i.mdx)("inlineCode",{parentName:"p"},"additionalSearchDirectories")," config option."),(0,i.mdx)("p",null,"For Example:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const path = require('path');\nconst terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n additionalSearchDirectories: [\n path.resolve(process.cwd(), 'node_modules', 'package name', 'lib', 'terra-dev-site'),\n ],\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)("p",null,"Additional Search Directories will not be hot reloaded."),(0,i.mdx)("h2",{id:"testing"},"Testing"),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"To Flex the locale with the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-functional-testing")," package, ",(0,i.mdx)("inlineCode",{parentName:"p"},"env.defaultLocale")," must be passed to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"defaultLocale")," env is set as a part of the WDIO test service and must be passed into the ",(0,i.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin to ensure locale tests are run appropriately.")),(0,i.mdx)("h2",{id:"stacking-devsites"},"Stacking DevSites"),(0,i.mdx)("p",null,"TerraDevSites plugins can be stacked and will automatically add an application switcher to allow switching between dev sites.\nThis can be used to provide different default setups for TerraDevSites, for example an unauthenticated site that provides a link to an authenticated site."),(0,i.mdx)("p",null,"The webpack config would look like this:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n new TerraDevSite({\n pathPrefix: 'anotherSite',\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,(0,i.mdx)("inlineCode",{parentName:"p"},"pathPrefix")," must be unique for all instances of the TerraDevSite Plugin as it is used in the url.")))}c.isMDXComponent=!0},66722:(e,t,n)=>{n.d(t,{C:()=>i});var a=n(67294),r=n(96862),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-application/tree/main/packages/terra-dev-site",name:"@cerner/terra-dev-site",version:"8.1.0",url:t})}},96862:(e,t,n)=>{var a=n(64836);t.Z=void 0;var r=a(n(67294)),i=a(n(45697)),o=a(n(47166)),l=a(n(55138)),d=o.default.bind(l.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(i))),l=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,l)};u.propTypes=s;t.Z=u},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},55138:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={badge:"Badges-module__badge___mqZdQ","badge-container":"Badges-module__badge-container___Fuva8","badge-name":"Badges-module__badge-name___o7WE3","badge-version":"Badges-module__badge-version___4AQGw"}},87462:(e,t,n)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
diff --git a/pull/339/1654-db0d64f6edac0ebf50b5.js b/pull/339/1654-3557f04a9ea0adc546de.js
similarity index 100%
rename from pull/339/1654-db0d64f6edac0ebf50b5.js
rename to pull/339/1654-3557f04a9ea0adc546de.js
diff --git a/pull/339/1687-3edc70f5c500ddb3739d.js b/pull/339/1687-f939f380f5ede1f5147a.js
similarity index 100%
rename from pull/339/1687-3edc70f5c500ddb3739d.js
rename to pull/339/1687-f939f380f5ede1f5147a.js
diff --git a/pull/339/1693-c4e9ec526e2d3a27ea81.js b/pull/339/1693-afa59f7fe7aaa9bd6f68.js
similarity index 100%
rename from pull/339/1693-c4e9ec526e2d3a27ea81.js
rename to pull/339/1693-afa59f7fe7aaa9bd6f68.js
diff --git a/pull/339/170-b4230eaae2c0416b41b0.js b/pull/339/170-b4230eaae2c0416b41b0.js
deleted file mode 100644
index ee8c91323..000000000
--- a/pull/339/170-b4230eaae2c0416b41b0.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[170],{70170:(e,t,n)=>{var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(27424)),o=a(n(67294)),c=a(n(45697)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var c=l?Object.getOwnPropertyDescriptor(e,o):null;c&&(c.get||c.set)?Object.defineProperty(a,o,c):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(10557)),i=n(86072),f=a(n(72562));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var s=function(e){var t=e.title,n=o.default.useContext(u.ApplicationNavigationActionsContext);return o.default.createElement("div",{"data-nav-test-content":!0},o.default.createElement("p",null,t),o.default.createElement("p",null,"Layout Actions:"," ",n.actions&&n.actions.map((function(e,t){return o.default.createElement("button",{id:"test-action-id-".concat(t),key:e.key,type:"button",onClick:e.onSelect,"aria-label":e.label},e.icon)}))))};s.propTypes={title:c.default.string};var d=function(){return o.default.createElement(i.WorkspaceContent,null,o.default.createElement("p",{id:"test-workspace-0"},"Example Workspace Content 1"))},m=function(){return o.default.createElement(i.WorkspaceContent,null,o.default.createElement("p",{id:"test-workspace-1"},"Example Workspace Content 2"))},k=o.default.createElement(u.default.Workspace,{id:"application-workspace-example",initialActiveItemKey:"tab-1",initialSize:{scale:.5},onActiveItemChange:function(e){console.log("Workspace active item: ".concat(e))},onSizeChange:function(e){console.log("Workspace size changed: ".concat(e))},onPresentationStateChange:function(e){console.log("Workspace presentation changed. isOpen - ".concat(e))}},o.default.createElement(u.default.Workspace.Item,{itemKey:"tab-1",label:"Tab 1",metaData:{key:"tab-1"},render:function(){return o.default.createElement(d,null)}}),o.default.createElement(u.default.Workspace.Item,{itemKey:"tab-2",label:"Tab 2",metaData:{key:"tab-2"},render:function(){return o.default.createElement(m,null)}})),b=function(){var e=o.default.useRef(),t=o.default.useState(!1),n=(0,l.default)(t,2),a=n[0],r=n[1];return o.default.createElement(f.default,{id:"workspace-layout-test",workspace:k,skipToCallback:function(t){e.current=t,r(!!e.current)}},o.default.createElement(s,{title:"Main Content Region",action:a?function(){return e.current()}:null}))};t.default=b}}]);
\ No newline at end of file
diff --git a/pull/339/170-c2f07081b1c44b7fc234.js b/pull/339/170-c2f07081b1c44b7fc234.js
new file mode 100644
index 000000000..5ac95a02c
--- /dev/null
+++ b/pull/339/170-c2f07081b1c44b7fc234.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[170],{70170:(e,t,n)=>{var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(27424)),o=a(n(67294)),c=a(n(45697)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var c=l?Object.getOwnPropertyDescriptor(e,o):null;c&&(c.get||c.set)?Object.defineProperty(a,o,c):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(10557)),i=n(86072),f=a(n(72562));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var s=function(e){var t=e.title,n=o.default.useContext(u.ApplicationNavigationActionsContext);return o.default.createElement("div",{"data-nav-test-content":!0},o.default.createElement("p",null,t),o.default.createElement("p",null,"Layout Actions:"," ",n.actions&&n.actions.map((function(e,t){return o.default.createElement("button",{id:"test-action-id-".concat(t),key:e.key,type:"button",onClick:e.onSelect,"aria-label":e.label},e.icon)}))))};s.propTypes={title:c.default.string};var d=function(){return o.default.createElement(i.WorkspaceContent,null,o.default.createElement("p",{id:"test-workspace-0"},"Example Workspace Content 1"))},m=function(){return o.default.createElement(i.WorkspaceContent,null,o.default.createElement("p",{id:"test-workspace-1"},"Example Workspace Content 2"))},k=o.default.createElement(u.default.Workspace,{id:"application-workspace-example",initialActiveItemKey:"tab-1",initialSize:{scale:.5},onActiveItemChange:function(e){console.log("Workspace active item: ".concat(e))},onSizeChange:function(e){console.log("Workspace size changed: ".concat(e))},onPresentationStateChange:function(e){console.log("Workspace presentation changed. isOpen - ".concat(e))}},o.default.createElement(u.default.Workspace.Item,{itemKey:"tab-1",label:"Tab 1",metaData:{key:"tab-1"},render:function(){return o.default.createElement(d,null)}}),o.default.createElement(u.default.Workspace.Item,{itemKey:"tab-2",label:"Tab 2",metaData:{key:"tab-2"},render:function(){return o.default.createElement(m,null)}}));t.default=function(){var e=o.default.useRef(),t=o.default.useState(!1),n=(0,l.default)(t,2),a=n[0],r=n[1];return o.default.createElement(f.default,{id:"workspace-layout-test",workspace:k,skipToCallback:function(t){e.current=t,r(!!e.current)}},o.default.createElement(s,{title:"Main Content Region",action:a?function(){return e.current()}:null}))}}}]);
\ No newline at end of file
diff --git a/pull/339/1703-c5a999c86e7478f0c377.js b/pull/339/1703-697d44703fd89b05236f.js
similarity index 100%
rename from pull/339/1703-c5a999c86e7478f0c377.js
rename to pull/339/1703-697d44703fd89b05236f.js
diff --git a/pull/339/1721-64f0ded7e3b668becfb8.js b/pull/339/1721-64f0ded7e3b668becfb8.js
new file mode 100644
index 000000000..ec6119b09
--- /dev/null
+++ b/pull/339/1721-64f0ded7e3b668becfb8.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1721],{41721:(e,t,a)=>{var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(67294)),r=n(a(50826)),u=n(a(76895)),o=n(a(75852)),c=n(a(59552)),i=n(a(29564)),d=[{icon:l.default.createElement(r.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:l.default.createElement(u.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:l.default.createElement(o.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:l.default.createElement(c.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],f=function(e,t){alert("itemKey: ".concat(e,", metaData: ").concat(t.test))};t.default=function(){return l.default.createElement(i.default,{onSelectSettings:function(){return alert("Settings Selected")},onSelectHelp:function(){return alert("Help Selected")},onSelectLogout:function(){return alert("Logout Selected")},utilityItems:d,onSelectUtilityItem:f})}},59552:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(67294)),r=n(a(50826)),u=n(a(76895)),o=n(a(75852)),c=n(a(59552)),i=n(a(29564)),d=[{icon:l.default.createElement(r.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:l.default.createElement(u.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:l.default.createElement(o.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:l.default.createElement(c.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],f=function(e,t){alert("itemKey: ".concat(e,", metaData: ").concat(t.test))},s=function(){return l.default.createElement(i.default,{onSelectSettings:function(){return alert("Settings Selected")},onSelectHelp:function(){return alert("Help Selected")},onSelectLogout:function(){return alert("Logout Selected")},utilityItems:d,onSelectUtilityItem:f})};t.default=s},59552:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l.default}});var l=a(n(96572))},72058:(e,t,n)=>{var a=n(64836),l=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(27424)),i=g(n(67294)),r=a(n(45697)),u=n(48720),c=g(n(10557)),f=n(97132),d=n(86072),p=a(n(40457)),s=a(n(77797));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function g(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var r=o?Object.getOwnPropertyDescriptor(e,i):null;r&&(r.get||r.set)?Object.defineProperty(a,i,r):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}var v=function(e){var t=e.index,n=e.onClick,a=e.navDisabled;return i.default.createElement("p",null,"Toggle pending action","".concat(t,": "),i.default.createElement("button",{id:"pending-action-toggle-".concat(t),type:"button",onClick:n},a?"Disable":"Enable"))};v.propTypes={index:r.default.string,onClick:r.default.func,navDisabled:r.default.bool};var b=function(e){var t=e.title,n=(0,i.useState)(!1),a=(0,o.default)(n,2),l=a[0],r=a[1],u=(0,i.useState)(!1),f=(0,o.default)(u,2),d=f[0],p=f[1],m=i.default.useContext(c.ApplicationNavigationActionsContext);return i.default.createElement("div",{"data-nav-test-content":!0},i.default.createElement("p",null,t),i.default.createElement(v,{index:"1",navDisabled:l,onClick:function(){r(!l)}}),i.default.createElement(v,{index:"2",navDisabled:d,onClick:function(){p(!d)}}),l?i.default.createElement(s.default,{description:"Pending Action 1"}):void 0,d?i.default.createElement(s.default,{description:"Pending Action 2"}):void 0,i.default.createElement("p",null,"Layout Actions:"," ",m.actions&&m.actions.map((function(e){return i.default.createElement("button",{key:e.key,type:"button",onClick:e.onSelect,"aria-label":e.label},e.icon)}))))};b.propTypes={title:r.default.string};var k=function(){return i.default.createElement(d.WorkspaceContent,null,i.default.createElement("p",null,"Example Workspace Content 1"))},y=function(){return i.default.createElement(d.WorkspaceContent,null,i.default.createElement("p",null,"Example Workspace Content 2"))},E=i.default.createElement(c.default.Workspace,{id:"application-workspace-example",initialActiveItemKey:"tab-1",initialSize:{scale:.5},initialIsOpen:!0,onActiveItemChange:function(e){console.log("Workspace active item: ".concat(e))},onSizeChange:function(e){console.log("Workspace size changed: ".concat(e))},onPresentationStateChange:function(e){console.log("Workspace presentation changed. isOpen - ".concat(e))}},i.default.createElement(c.default.Workspace.Item,{itemKey:"tab-1",label:"Tab 1",metaData:{key:"tab-1"},render:function(){return i.default.createElement(k,null)}}),i.default.createElement(c.default.Workspace.Item,{itemKey:"tab-2",label:"Tab 2",metaData:{key:"tab-2"},render:function(){return i.default.createElement(y,null)}}));t.default=function(){var e=(0,f.useIntl)(),t=i.default.useContext(u.ThemeContext),n=(0,i.useState)("page_1"),a=(0,o.default)(n,2),l=a[0],r=a[1],d=(0,i.useState)(!1),s=(0,o.default)(d,2),m=s[0],g=s[1];return i.default.createElement("div",{style:{height:"500px"}},i.default.createElement(p.default,{unloadPromptIsDisabled:!0,locale:e.locale,themeName:t.className},m?i.default.createElement("p",null,"Logged Out"):i.default.createElement(c.default,{titleConfig:{title:"ApplicationNavigation Test"},navigationItems:[{key:"page_1",text:"Page 1"},{key:"page_2",text:"Page 2"},{key:"page_3",text:"Page 3"}],activeNavigationItemKey:l,onSelectNavigationItem:function(e){r(e)},onSelectLogout:function(){g(!0)},workspace:E},i.default.createElement(b,{key:l,title:l}))))}}}]);
\ No newline at end of file
diff --git a/pull/339/2058-bc6537719b5c14e23b85.js b/pull/339/2058-bc6537719b5c14e23b85.js
deleted file mode 100644
index 711aa0d26..000000000
--- a/pull/339/2058-bc6537719b5c14e23b85.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2058],{40457:(e,t,a)=>{var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l.default}});var l=n(a(96572))},72058:(e,t,a)=>{var n=a(64836),l=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(a(27424)),i=g(a(67294)),r=n(a(45697)),u=a(48720),c=g(a(10557)),f=a(97132),d=a(86072),p=n(a(40457)),s=n(a(77797));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(m=function(e){return e?a:t})(e)}function g(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var a=m(t);if(a&&a.has(e))return a.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var r=o?Object.getOwnPropertyDescriptor(e,i):null;r&&(r.get||r.set)?Object.defineProperty(n,i,r):n[i]=e[i]}return n.default=e,a&&a.set(e,n),n}var v=function(e){var t=e.index,a=e.onClick,n=e.navDisabled;return i.default.createElement("p",null,"Toggle pending action","".concat(t,": "),i.default.createElement("button",{id:"pending-action-toggle-".concat(t),type:"button",onClick:a},n?"Disable":"Enable"))};v.propTypes={index:r.default.string,onClick:r.default.func,navDisabled:r.default.bool};var b=function(e){var t=e.title,a=(0,i.useState)(!1),n=(0,o.default)(a,2),l=n[0],r=n[1],u=(0,i.useState)(!1),f=(0,o.default)(u,2),d=f[0],p=f[1],m=i.default.useContext(c.ApplicationNavigationActionsContext);return i.default.createElement("div",{"data-nav-test-content":!0},i.default.createElement("p",null,t),i.default.createElement(v,{index:"1",navDisabled:l,onClick:function(){r(!l)}}),i.default.createElement(v,{index:"2",navDisabled:d,onClick:function(){p(!d)}}),l?i.default.createElement(s.default,{description:"Pending Action 1"}):void 0,d?i.default.createElement(s.default,{description:"Pending Action 2"}):void 0,i.default.createElement("p",null,"Layout Actions:"," ",m.actions&&m.actions.map((function(e){return i.default.createElement("button",{key:e.key,type:"button",onClick:e.onSelect,"aria-label":e.label},e.icon)}))))};b.propTypes={title:r.default.string};var k=function(){return i.default.createElement(d.WorkspaceContent,null,i.default.createElement("p",null,"Example Workspace Content 1"))},y=function(){return i.default.createElement(d.WorkspaceContent,null,i.default.createElement("p",null,"Example Workspace Content 2"))},E=i.default.createElement(c.default.Workspace,{id:"application-workspace-example",initialActiveItemKey:"tab-1",initialSize:{scale:.5},initialIsOpen:!0,onActiveItemChange:function(e){console.log("Workspace active item: ".concat(e))},onSizeChange:function(e){console.log("Workspace size changed: ".concat(e))},onPresentationStateChange:function(e){console.log("Workspace presentation changed. isOpen - ".concat(e))}},i.default.createElement(c.default.Workspace.Item,{itemKey:"tab-1",label:"Tab 1",metaData:{key:"tab-1"},render:function(){return i.default.createElement(k,null)}}),i.default.createElement(c.default.Workspace.Item,{itemKey:"tab-2",label:"Tab 2",metaData:{key:"tab-2"},render:function(){return i.default.createElement(y,null)}})),C=function(){var e=(0,f.useIntl)(),t=i.default.useContext(u.ThemeContext),a=(0,i.useState)("page_1"),n=(0,o.default)(a,2),l=n[0],r=n[1],d=(0,i.useState)(!1),s=(0,o.default)(d,2),m=s[0],g=s[1];return i.default.createElement("div",{style:{height:"500px"}},i.default.createElement(p.default,{unloadPromptIsDisabled:!0,locale:e.locale,themeName:t.className},m?i.default.createElement("p",null,"Logged Out"):i.default.createElement(c.default,{titleConfig:{title:"ApplicationNavigation Test"},navigationItems:[{key:"page_1",text:"Page 1"},{key:"page_2",text:"Page 2"},{key:"page_3",text:"Page 3"}],activeNavigationItemKey:l,onSelectNavigationItem:function(e){r(e)},onSelectLogout:function(){g(!0)},workspace:E},i.default.createElement(b,{key:l,title:l}))))};t.default=C}}]);
\ No newline at end of file
diff --git a/pull/339/2100-063003c41b10ec2bf1ea.css b/pull/339/2100-6ecc4023c8a214f29ba6.css
similarity index 100%
rename from pull/339/2100-063003c41b10ec2bf1ea.css
rename to pull/339/2100-6ecc4023c8a214f29ba6.css
diff --git a/pull/339/2148-934d557b1519c5b98d4f.js b/pull/339/2148-77d86bc12bdd17cc8f16.js
similarity index 100%
rename from pull/339/2148-934d557b1519c5b98d4f.js
rename to pull/339/2148-77d86bc12bdd17cc8f16.js
diff --git a/pull/339/2235-b0053a47d4802892bbf2.js b/pull/339/2235-b0053a47d4802892bbf2.js
deleted file mode 100644
index f12970576..000000000
--- a/pull/339/2235-b0053a47d4802892bbf2.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2235],{33389:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),i=a(n(45697)),o=n(55877),u=a(n(40017)),d={bannerAction:i.default.shape({text:i.default.string,onClick:i.default.func}),description:i.default.node,onRequestClose:i.default.func,variant:i.default.oneOf(["hazard-high","hazard-medium","hazard-low","error","unsatisfied","unverified","custom"]).isRequired,custom:i.default.shape({signalWord:i.default.string,iconClassName:i.default.string})},l=function(e){var t=e.bannerAction,n=e.custom,a=e.description,i=e.onRequestClose,d=e.variant,l=r.default.useContext(u.default),f=r.default.useRef((0,o.v4)());return r.default.useEffect((function(){if(!l)throw new Error("A NotificationBanner was not rendered within the context of a NotificationBannerProvider. If this is unexpected, validate that the expected version of the terra-application package is installed.");l.registerNotificationBanner(f.current,{bannerAction:t,custom:n,description:a,key:f.current,onRequestClose:i,variant:d})}),[l,a,n,t,i,d]),r.default.useEffect((function(){return function(){l.unregisterNotificationBanner(f.current,d)}}),[l,d]),null};l.propTypes=d;var f=l;t.default=f},66280:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r.default}});var r=a(n(33389))},12235:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),i=a(n(96745)),o=a(n(55692)),u=function(){var e=(0,o.default)(),t=e.NotificationBannerProvider,n=e.NotificationBanners;return r.default.createElement(t,null,r.default.createElement(n,null),r.default.createElement(i.default,{id:"1"}))};t.default=u},96745:(e,t,n)=>{var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),u=a(n(45697)),d=a(n(66280));function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}var f=function(e){var t=e.id,n=(0,o.useState)(!1),a=(0,i.default)(n,2),r=a[0],u=a[1],l=(0,o.useState)(!1),f=(0,i.default)(l,2),c=f[0],s=f[1],p=(0,o.useState)(!0),h=(0,i.default)(p,2),v=h[0],b=h[1],m=(0,o.useState)(!1),g=(0,i.default)(m,2),w=g[0],E=g[1],y=(0,o.useState)(!1),k=(0,i.default)(y,2),C=k[0],O=k[1];return(0,o.useEffect)((function(){setTimeout((function(){u(!0)}),1e4)}),[]),(0,o.useEffect)((function(){setTimeout((function(){s(!0)}),3e4)}),[]),(0,o.useEffect)((function(){setTimeout((function(){E(!0)}),6e4)}),[]),o.default.createElement(o.default.Fragment,null,r&&o.default.createElement(d.default,{variant:"error",id:"error-banner-".concat(t),description:"Something happened..."}),v&&o.default.createElement(d.default,{variant:"unsatisfied",id:"unsatisfied-banner-".concat(t)}),c&&o.default.createElement(d.default,{variant:"hazard-medium",id:"hazard-medium-banner-".concat(t),onRequestClose:function(){return s(!1)}}),w&&o.default.createElement(d.default,{variant:"unverified",id:"unverified-banner-".concat(t),description:o.default.createElement("div",null,"There are records that have been included that need to be verified before they are officially added. Please review and ensure they should be included."),bannerAction:{text:"Verify Records",onClick:function(){alert("records verified."),E(!1)}}}),C&&o.default.createElement(d.default,{variant:"hazard-low",id:"hazard-low-banner-".concat(t)}),o.default.createElement("p",null,"The error banner will appear after 10 seconds."),o.default.createElement("button",{onClick:function(){return u(!r)},type:"button",id:"toggle-error-banner-".concat(t)},"Show/Hide Error Banner"),o.default.createElement("p",null,"The hazard-medium banner will appear after 30 seconds."),o.default.createElement("button",{onClick:function(){return s(!c)},type:"button",id:"toggle-hazard-medium-banner-".concat(t)},"Show/Hide Hazard Medium Banner"),o.default.createElement("p",null,"Click to toggle Unsatisfied Banner."),o.default.createElement("button",{onClick:function(){return b(!v)},type:"button",id:"toggle-unsatisfied-banner-".concat(t)},"Show/Hide Unsatisfied Banner"),o.default.createElement("p",null,"The Unverified banner will appear after 60 seconds."),o.default.createElement("button",{onClick:function(){return E(!w)},type:"button",id:"toggle-unverified-banner-".concat(t)},"Show/Hide Unverified Banner"),o.default.createElement("p",null,"Click to toggle Hazard-Low Banner."),o.default.createElement("button",{onClick:function(){return O(!C)},type:"button",id:"toggle-hazard-low-banner-".concat(t)},"Show/Hide Hazard-Low Banner"),o.default.createElement("p",null,"This is a bunch of random page content to make the screen reader talk a lot longer. This is to help keep the reader going while we wait for the 60 second timeout to show the unverified banner. This contents does not add value to this example except to add a bunch of words for the voice over screen reader to read out loud. This could be cut-off when an banner is rendered unless the banner is polite and waits for the screen reader to finish so the user can understand what is happening on the page."))};f.propTypes={id:u.default.string},f.defaultProps={id:"1"};var c=f;t.default=c}}]);
\ No newline at end of file
diff --git a/pull/339/2235-f83dac86b0a03b49dc13.js b/pull/339/2235-f83dac86b0a03b49dc13.js
new file mode 100644
index 000000000..9c28e9c1f
--- /dev/null
+++ b/pull/339/2235-f83dac86b0a03b49dc13.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2235],{33389:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),i=a(n(45697)),o=n(55877),u=a(n(40017)),d={bannerAction:i.default.shape({text:i.default.string,onClick:i.default.func}),description:i.default.node,onRequestClose:i.default.func,variant:i.default.oneOf(["hazard-high","hazard-medium","hazard-low","error","unsatisfied","unverified","custom"]).isRequired,custom:i.default.shape({signalWord:i.default.string,iconClassName:i.default.string})},l=function(e){var t=e.bannerAction,n=e.custom,a=e.description,i=e.onRequestClose,d=e.variant,l=r.default.useContext(u.default),f=r.default.useRef((0,o.v4)());return r.default.useEffect((function(){if(!l)throw new Error("A NotificationBanner was not rendered within the context of a NotificationBannerProvider. If this is unexpected, validate that the expected version of the terra-application package is installed.");l.registerNotificationBanner(f.current,{bannerAction:t,custom:n,description:a,key:f.current,onRequestClose:i,variant:d})}),[l,a,n,t,i,d]),r.default.useEffect((function(){return function(){l.unregisterNotificationBanner(f.current,d)}}),[l,d]),null};l.propTypes=d;t.default=l},66280:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r.default}});var r=a(n(33389))},12235:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),i=a(n(96745)),o=a(n(55692));t.default=function(){var e=(0,o.default)(),t=e.NotificationBannerProvider,n=e.NotificationBanners;return r.default.createElement(t,null,r.default.createElement(n,null),r.default.createElement(i.default,{id:"1"}))}},96745:(e,t,n)=>{var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(67294)),u=a(n(45697)),d=a(n(66280));function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}var f=function(e){var t=e.id,n=(0,o.useState)(!1),a=(0,i.default)(n,2),r=a[0],u=a[1],l=(0,o.useState)(!1),f=(0,i.default)(l,2),c=f[0],s=f[1],p=(0,o.useState)(!0),h=(0,i.default)(p,2),v=h[0],b=h[1],m=(0,o.useState)(!1),g=(0,i.default)(m,2),w=g[0],E=g[1],y=(0,o.useState)(!1),k=(0,i.default)(y,2),_=k[0],C=k[1];return(0,o.useEffect)((function(){setTimeout((function(){u(!0)}),1e4)}),[]),(0,o.useEffect)((function(){setTimeout((function(){s(!0)}),3e4)}),[]),(0,o.useEffect)((function(){setTimeout((function(){E(!0)}),6e4)}),[]),o.default.createElement(o.default.Fragment,null,r&&o.default.createElement(d.default,{variant:"error",id:"error-banner-".concat(t),description:"Something happened..."}),v&&o.default.createElement(d.default,{variant:"unsatisfied",id:"unsatisfied-banner-".concat(t)}),c&&o.default.createElement(d.default,{variant:"hazard-medium",id:"hazard-medium-banner-".concat(t),onRequestClose:function(){return s(!1)}}),w&&o.default.createElement(d.default,{variant:"unverified",id:"unverified-banner-".concat(t),description:o.default.createElement("div",null,"There are records that have been included that need to be verified before they are officially added. Please review and ensure they should be included."),bannerAction:{text:"Verify Records",onClick:function(){alert("records verified."),E(!1)}}}),_&&o.default.createElement(d.default,{variant:"hazard-low",id:"hazard-low-banner-".concat(t)}),o.default.createElement("p",null,"The error banner will appear after 10 seconds."),o.default.createElement("button",{onClick:function(){return u(!r)},type:"button",id:"toggle-error-banner-".concat(t)},"Show/Hide Error Banner"),o.default.createElement("p",null,"The hazard-medium banner will appear after 30 seconds."),o.default.createElement("button",{onClick:function(){return s(!c)},type:"button",id:"toggle-hazard-medium-banner-".concat(t)},"Show/Hide Hazard Medium Banner"),o.default.createElement("p",null,"Click to toggle Unsatisfied Banner."),o.default.createElement("button",{onClick:function(){return b(!v)},type:"button",id:"toggle-unsatisfied-banner-".concat(t)},"Show/Hide Unsatisfied Banner"),o.default.createElement("p",null,"The Unverified banner will appear after 60 seconds."),o.default.createElement("button",{onClick:function(){return E(!w)},type:"button",id:"toggle-unverified-banner-".concat(t)},"Show/Hide Unverified Banner"),o.default.createElement("p",null,"Click to toggle Hazard-Low Banner."),o.default.createElement("button",{onClick:function(){return C(!_)},type:"button",id:"toggle-hazard-low-banner-".concat(t)},"Show/Hide Hazard-Low Banner"),o.default.createElement("p",null,"This is a bunch of random page content to make the screen reader talk a lot longer. This is to help keep the reader going while we wait for the 60 second timeout to show the unverified banner. This contents does not add value to this example except to add a bunch of words for the voice over screen reader to read out loud. This could be cut-off when an banner is rendered unless the banner is polite and waits for the screen reader to finish so the user can understand what is happening on the page."))};f.propTypes={id:u.default.string},f.defaultProps={id:"1"};t.default=f}}]);
\ No newline at end of file
diff --git a/pull/339/2254-67c07b23cc5ce82ddee6.js b/pull/339/2254-67c07b23cc5ce82ddee6.js
deleted file mode 100644
index 714a18b83..000000000
--- a/pull/339/2254-67c07b23cc5ce82ddee6.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2254],{2254:(e,t,r)=>{r.r(t),r.d(t,{default:()=>j});var n=r(87462),l=r(44925),a=r(67294),o=r(81254),u=r(2010),d=["components"],c={},i="wrapper";function p(e){var t=e.components,r=(0,l.Z)(e,d);return(0,o.mdx)(i,(0,n.Z)({},c,r,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(u.ZP,{mdxType:"PropsTable"},(0,o.mdx)(u.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(u.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(u.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(u.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(u.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(u.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Components to render within the context of the ApplicationErrorBoundary. Exceptions thrown\nby these components during their render lifecycle will be caught by the ApplicationErrorBoundary.")))))}p.isMDXComponent=!0;var s=r(34094),f=["components"],m={};function _(e){var t=e.components,r=(0,l.Z)(e,f);return(0,o.mdx)("wrapper",(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\n\nimport ApplicationErrorBoundary from 'terra-application/lib/application-error-boundary/ApplicationErrorBoundary';\nimport styles from './ApplicationErrorBoundaryExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ErrorThrowingComponent = () => {\n const [throwError, setThrowError] = useState(false);\n\n if (throwError) {\n throw new Error('whoops');\n }\n\n return (\n <>\n
\n );\n};\n\nApplicationErrorBoundaryExampleWrapper.propTypes = {\n children: PropTypes.node,\n};\n\nconst ApplicationErrorBoundaryExample = () => (\n \n \n \n);\n\nexport default ApplicationErrorBoundaryExample;\n\n")))}_.isMDXComponent=!0;var y=r(82778),b=["components"],v={};function h(e){var t=e.components,r=(0,l.Z)(e,b);return(0,o.mdx)("wrapper",(0,n.Z)({},v,r,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .example {\n height: 30rem;\n width: 100%;\n }\n}\n\n")))}h.isMDXComponent=!0;const E=function(e){var t=e.title,r=e.description,n=e.isExpanded;return a.createElement(y.Z,{title:t||"Application Error Boundary Example",description:r,example:a.createElement(s.Z,null),exampleCssSrc:a.createElement(h,null),exampleSrc:a.createElement(_,null),isExpanded:n})};var x=["components"],g={},O="wrapper";function j(e){var t=e.components,r=(0,l.Z)(e,x);return(0,o.mdx)(O,(0,n.Z)({},g,r,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"applicationerrorboundary"},"ApplicationErrorBoundary"),(0,o.mdx)("p",null,"The ApplicationErrorBoundary catches exceptions thrown during its children's render lifecycle and renders the error for the user's benefit. The ApplicationErrorBoundary can be rendered at various levels of an application to isolate errors to various parts of the component tree."),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ApplicationErrorBoundary from 'terra-application/lib/application-error-boundary';\n")),(0,o.mdx)("h2",{id:"props"},"Props"),(0,o.mdx)(p,{mdxType:"PropsTable"}),(0,o.mdx)("h2",{id:"example"},"Example"),(0,o.mdx)(E,{mdxType:"ApplicationErrorBoundaryExample"}))}j.isMDXComponent=!0},34094:(e,t,r)=>{var n=r(64836),l=r(18698);t.Z=void 0;var a=n(r(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var r=p(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}(r(67294)),u=n(r(45697)),d=n(r(47166)),c=n(r(34805)),i=n(r(87226));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(p=function(e){return e?r:t})(e)}var s=d.default.bind(i.default),f=function(){var e=(0,o.useState)(!1),t=(0,a.default)(e,2),r=t[0],n=t[1];if(r)throw new Error("whoops");return o.default.createElement(o.default.Fragment,null,o.default.createElement("p",null,"Press the button below to trigger an error."),o.default.createElement("button",{type:"button",onClick:function(){n(!0)}},"Trigger Error"))},m=function(e){var t=e.children,r=(0,o.useState)(!1),n=(0,a.default)(r,2),l=n[0],u=n[1];return o.default.createElement("div",{className:s("example")},o.default.createElement("button",{type:"button",onClick:function(){u(!l)}},"Refresh Component"),o.default.createElement(c.default,null,t))};m.propTypes={children:u.default.node};t.Z=function(){return o.default.createElement(m,null,o.default.createElement(f,null))}},82778:(e,t,r)=>{var n=r(64836),l=r(18698);t.Z=void 0;var a=n(r(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var r=m(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}(r(67294)),u=n(r(45697)),d=n(r(47166)),c=r(48720),i=n(r(33864)),p=n(r(23399)),s=r(51051),f=n(r(95507));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(m=function(e){return e?r:t})(e)}var _=d.default.bind(f.default),y={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,r=e.exampleSrc,n=e.exampleCssSrc,l=e.title,u=e.description,d=e.isExpanded,f=(0,o.useState)(d),m=(0,a.default)(f,2),y=m[0],h=m[1],E=(0,o.useState)(!1),x=(0,a.default)(E,2),g=x[0],O=x[1],j=o.default.useContext(c.ThemeContext),w=void 0!==n,T=function(){O(!g),y&&h(!y)},P=function(){h(!y),g&&O(!g)},C=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",j.className)},o.default.createElement("div",{className:_("header")},l&&o.default.createElement("h2",{className:_("title")},l)),o.default.createElement("div",{className:_("content")},u&&o.default.createElement("div",{className:_("description")},u),t),o.default.createElement("div",{className:_("footer")},r?o.default.createElement("div",{className:_("button-container")},w&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":g}),onClick:T,onKeyDown:function(e){return C(e,T)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(p.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":y}),onClick:P,onKeyDown:function(e){return C(e,P)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(p.default,{className:_("chevron")}))):null,o.default.createElement("div",null,g&&o.default.createElement("div",{className:_("css")},n),y&&o.default.createElement("div",{className:_("code")},r))))};h.propTypes=y,h.defaultProps={isExpanded:!1};t.Z=h},2010:(e,t,r)=>{var n=r(64836),l=r(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return c.Row}}),t.ZP=t.Di=void 0;var a=s(r(67294)),o=n(r(45697)),u=n(r(47166)),d=r(48720),c=s(r(98364)),i=n(r(50007));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(p=function(e){return e?r:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var r=p(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}var f=u.default.bind(i.default),m={children:o.default.node},_={isRequired:o.default.bool};(t.O=function(e){var t=e.children;return a.default.createElement(c.Cell,{className:f("bold")},t)}).propTypes=m,(t.Di=function(e){var t=e.children;return a.default.createElement(c.Cell,{className:f("code-block-override")},t)}).propTypes=m,(t.dS=function(e){var t=e.isRequired;return a.default.createElement(c.Cell,{className:f([t?["required"]:[]])},t?"required":"optional")}).propTypes=_,(t.mW=function(e){var t=e.children;return a.default.createElement(c.Cell,{className:f("code-block-override")},t)}).propTypes=m,(t.Ex=function(e){var t=e.children;return a.default.createElement(c.Cell,null,t)}).propTypes=m;var y=function(e){var t=e.children,r=(0,a.useContext)(d.ThemeContext);return a.default.createElement(c.default,{paddingStyle:"compact",className:f("table",r.className)},a.default.createElement(c.Header,{className:f("header")},a.default.createElement(c.HeaderCell,null,"Prop"),a.default.createElement(c.HeaderCell,null,"Type"),a.default.createElement(c.HeaderCell,null,"Required"),a.default.createElement(c.HeaderCell,null,"Default"),a.default.createElement(c.HeaderCell,null,"Description")),a.default.createElement(c.Body,null,t))};y.propTypes=m;t.ZP=y},17893:(e,t,r)=>{r.r(t),r.d(t,{default:()=>n});const n={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},87226:(e,t,r)=>{r.r(t),r.d(t,{default:()=>n});const n={example:"ApplicationErrorBoundaryExample-module__example___Apc56"}},95507:(e,t,r)=>{r.r(t),r.d(t,{default:()=>n});const n={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___FATtk","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___s6uZH",template:"ExampleTemplate-module__template___ffP6g",header:"ExampleTemplate-module__header___vIWDI",content:"ExampleTemplate-module__content___rbhnH",description:"ExampleTemplate-module__description___+FEIq",footer:"ExampleTemplate-module__footer___D7QJv","button-container":"ExampleTemplate-module__button-container___3zfGj",css:"ExampleTemplate-module__css___i6lpu",code:"ExampleTemplate-module__code___-yR3s","css-toggle":"ExampleTemplate-module__css-toggle___DsZuN","code-toggle":"ExampleTemplate-module__code-toggle___3pWSV","is-selected":"ExampleTemplate-module__is-selected___UZtM1",item:"ExampleTemplate-module__item___56MkH",chevron:"ExampleTemplate-module__chevron___ljb6a",title:"ExampleTemplate-module__title___GjcWJ","dynamic-content":"ExampleTemplate-module__dynamic-content___SslvG"}},50007:(e,t,r)=>{r.r(t),r.d(t,{default:()=>n});const n={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(r(67294)),l=i(r(45697)),a=i(r(94184)),o=i(r(47166)),u=i(r(50026)),d=i(r(17893)),c=["children","disableStripes","paddingStyle"];function i(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var f=o.default.bind(d.default),m={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},_=function(e){var t=e.children,r=e.disableStripes,l=e.paddingStyle,o=s(e,c),d=n.default.useContext(u.default),i=(0,a.default)(f("table",{striped:!r},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),o.className);return n.default.createElement("table",p({},o,{className:i}),t)};_.propTypes=m,_.defaultProps={disableStripes:!1,paddingStyle:"none"};var y=_;t.default=y},51523:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(67294)),l=o(r(45697)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},c=function(e){var t=e.children,r=u(e,a);return n.default.createElement("tbody",r,t)};c.propTypes=d,c.defaultProps={children:[]};var i=c;t.default=i},58741:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(67294)),l=o(r(45697)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},c=function(e){var t=e.children,r=u(e,a);return n.default.createElement("td",r,t)};c.propTypes=d,c.defaultProps={children:[]};var i=c;t.default=i},90703:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(r(67294)),l=u(r(45697)),a=u(r(96576)),o=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var c={children:l.default.node},i=function(e){var t=e.children,r=d(e,o);return n.default.createElement("thead",r,n.default.createElement("tr",null,a.default.addScope(t,"col")))};i.propTypes=c,i.defaultProps={children:[]};var p=i;t.default=p},8078:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(67294)),l=o(r(45697)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},c=function(e){var t=e.children,r=u(e,a);return n.default.createElement("th",r,t)};c.propTypes=d,c.defaultProps={children:[]};var i=c;t.default=i},73045:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(r(67294)),l=c(r(45697)),a=c(r(47166)),o=c(r(17893)),u=c(r(96576)),d=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var s=a.default.bind(o.default),f={children:l.default.node},m=function(e){var t=e.children,r=p(e,d),l=s(["row"]);return n.default.createElement("tr",i({},r,{className:r.className?"".concat(l," ").concat(r.className):l}),u.default.addScope(t,"row"))};m.propTypes=f,m.defaultProps={children:[]};var _=m;t.default=_},96576:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,l=(n=r(67294))&&n.__esModule?n:{default:n};var a={addScope:function(e,t){var r=[];return l.default.Children.forEach(e,(function(e){r.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),r}};t.default=a},98364:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var n=c(r(89650)),l=c(r(51523)),a=c(r(73045)),o=c(r(58741)),u=c(r(90703)),d=c(r(8078));function c(e){return e&&e.__esModule?e:{default:e}}var i=n.default;t.default=i},33864:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(r(67294)),l=a(r(99139));function a(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t{function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;tn})},44925:(e,t,r)=>{function n(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}r.d(t,{Z:()=>n})}}]);
\ No newline at end of file
diff --git a/pull/339/2299-d44097a356544686ea09.js b/pull/339/2299-5a6263410c2436c59ea1.js
similarity index 63%
rename from pull/339/2299-d44097a356544686ea09.js
rename to pull/339/2299-5a6263410c2436c59ea1.js
index 02385e4c0..c3dc01b90 100644
--- a/pull/339/2299-d44097a356544686ea09.js
+++ b/pull/339/2299-5a6263410c2436c59ea1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2299],{15534:(t,e,r)=>{r.d(e,{Z:()=>u});var n=r(87462),o=r(44925),a=(r(67294),r(81254)),l=["components"],p={},i="wrapper";function u(t){var e=t.components,r=(0,o.Z)(t,l);return(0,a.mdx)(i,(0,n.Z)({},p,r,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"filler"},"Filler"))}u.isMDXComponent=!0},62299:(t,e,r)=>{r.r(e),r.d(e,{default:()=>s});var n=r(87462),o=r(44925),a=(r(67294),r(81254)),l=r(15534),p=r(51056),i=["components"],u={},c="wrapper";function s(t){var e=t.components,r=(0,o.Z)(t,i);return(0,a.mdx)(c,(0,n.Z)({},u,r,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)(l.Z,{mdxType:"Filler"}),(0,a.mdx)(p.Z,{className:"filler-02",path:"/secondary-nav-test/cerner-terra-application-docs/secondary-scroll-test/filler-04/filler-04-test",mdxType:"GoToButton"}))}s.isMDXComponent=!0},51056:(t,e,r)=>{var n=r(64836);e.Z=void 0;var o=n(r(67294)),a=n(r(45697)),l=r(39711),p={path:a.default.string,history:a.default.object},i={history:void 0},u=function(t){var e,r=t.path,n=t.history;return n&&(e=o.default.createElement("button",{type:"button",onClick:function(){!function(t,e){e.push(t)}(r,n)}},"Push me")),o.default.createElement(o.default.Fragment,null,e)};u.propTypes=p,u.defaultProps=i;var c=(0,l.withRouter)(u);e.Z=c},87462:(t,e,r)=>{function n(){return n=Object.assign?Object.assign.bind():function(t){for(var e=1;en})},44925:(t,e,r)=>{function n(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},a=Object.keys(t);for(n=0;n=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}r.d(e,{Z:()=>n})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2299],{15534:(t,e,r)=>{r.d(e,{Z:()=>u});var n=r(87462),o=r(44925),a=(r(67294),r(81254)),l=["components"],p={},i="wrapper";function u(t){var e=t.components,r=(0,o.Z)(t,l);return(0,a.mdx)(i,(0,n.Z)({},p,r,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"filler"},"Filler"))}u.isMDXComponent=!0},62299:(t,e,r)=>{r.r(e),r.d(e,{default:()=>s});var n=r(87462),o=r(44925),a=(r(67294),r(81254)),l=r(15534),p=r(51056),i=["components"],u={},c="wrapper";function s(t){var e=t.components,r=(0,o.Z)(t,i);return(0,a.mdx)(c,(0,n.Z)({},u,r,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)(l.Z,{mdxType:"Filler"}),(0,a.mdx)(p.Z,{className:"filler-02",path:"/secondary-nav-test/cerner-terra-application-docs/secondary-scroll-test/filler-04/filler-04-test",mdxType:"GoToButton"}))}s.isMDXComponent=!0},51056:(t,e,r)=>{var n=r(64836);e.Z=void 0;var o=n(r(67294)),a=n(r(45697)),l=r(39711),p={path:a.default.string,history:a.default.object},i={history:void 0},u=function(t){var e,r=t.path,n=t.history;return n&&(e=o.default.createElement("button",{type:"button",onClick:function(){!function(t,e){e.push(t)}(r,n)}},"Push me")),o.default.createElement(o.default.Fragment,null,e)};u.propTypes=p,u.defaultProps=i;e.Z=(0,l.withRouter)(u)},87462:(t,e,r)=>{function n(){return n=Object.assign?Object.assign.bind():function(t){for(var e=1;en})},44925:(t,e,r)=>{function n(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},a=Object.keys(t);for(n=0;n=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}r.d(e,{Z:()=>n})}}]);
\ No newline at end of file
diff --git a/pull/339/2366-f9f8d75977b5c7f55581.js b/pull/339/2366-d6a1a04e8860510c1988.js
similarity index 100%
rename from pull/339/2366-f9f8d75977b5c7f55581.js
rename to pull/339/2366-d6a1a04e8860510c1988.js
diff --git a/pull/339/2368-d3d5e0a4c118daa1fdf5.js b/pull/339/2368-8f70a605ea5e4c41dd6b.js
similarity index 100%
rename from pull/339/2368-d3d5e0a4c118daa1fdf5.js
rename to pull/339/2368-8f70a605ea5e4c41dd6b.js
diff --git a/pull/339/2430-c4c8f8ed4524e0f292c5.js b/pull/339/2430-21085f79f1b5e0f3cd4d.js
similarity index 100%
rename from pull/339/2430-c4c8f8ed4524e0f292c5.js
rename to pull/339/2430-21085f79f1b5e0f3cd4d.js
diff --git a/pull/339/2479-2fa8e90f36d561c49758.js b/pull/339/2479-9fa0b70821852dff8e09.js
similarity index 100%
rename from pull/339/2479-2fa8e90f36d561c49758.js
rename to pull/339/2479-9fa0b70821852dff8e09.js
diff --git a/pull/339/2585-00d92dce1cc9c3f8be67.js b/pull/339/2585-3483d49c25eeabb48982.js
similarity index 100%
rename from pull/339/2585-00d92dce1cc9c3f8be67.js
rename to pull/339/2585-3483d49c25eeabb48982.js
diff --git a/pull/339/2671-7dcdbe6be0723fbd8752.js b/pull/339/2671-92dc374e19dbcd9cd0f6.js
similarity index 100%
rename from pull/339/2671-7dcdbe6be0723fbd8752.js
rename to pull/339/2671-92dc374e19dbcd9cd0f6.js
diff --git a/pull/339/268-8a5906a7d8ee8fddceb5.js b/pull/339/268-0177381fcdd3c0bbf2cf.js
similarity index 100%
rename from pull/339/268-8a5906a7d8ee8fddceb5.js
rename to pull/339/268-0177381fcdd3c0bbf2cf.js
diff --git a/pull/339/2697-cb7777ceed5a9237c0c3.js b/pull/339/2697-d268d109f9de72d35566.js
similarity index 100%
rename from pull/339/2697-cb7777ceed5a9237c0c3.js
rename to pull/339/2697-d268d109f9de72d35566.js
diff --git a/pull/339/2701-6610d21887abfb4d5de4.js b/pull/339/2701-a72e8af80ea8fb293aab.js
similarity index 100%
rename from pull/339/2701-6610d21887abfb4d5de4.js
rename to pull/339/2701-a72e8af80ea8fb293aab.js
diff --git a/pull/339/2754-4dff6a91449bb4741b34.js b/pull/339/2754-4dff6a91449bb4741b34.js
deleted file mode 100644
index c22810aa5..000000000
--- a/pull/339/2754-4dff6a91449bb4741b34.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2754],{74094:(e,t,l)=>{var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(67294)),o=a(l(47166)),d=l(97132),m=l(48720),u=a(l(74363)),r=o.default.bind(u.default),c=function(){var e=n.default.useContext(m.ThemeContext),t=(0,d.useIntl)();return n.default.createElement("div",{className:r("themed",e.className)},n.default.createElement("h1",null,"Themed block below"),n.default.createElement("div",{className:r("themed-block")}),n.default.createElement("h1",null,"Translated block below"),n.default.createElement("h1",null,t.formatMessage({id:"Terra.applicationDocs.themed.help"})))};t.default=c},22754:(e,t,l)=>{var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n.default}});var n=a(l(74094))},74363:(e,t,l)=>{l.r(t),l.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ThemedComponent-module__clinical-lowlight-theme___rXEnJ","orion-fusion-theme":"ThemedComponent-module__orion-fusion-theme___pAMdU",themed:"ThemedComponent-module__themed___BXbhR","themed-block":"ThemedComponent-module__themed-block___RGHDn"}}}]);
\ No newline at end of file
diff --git a/pull/339/2754-4dff6a91449bb4741b34.css b/pull/339/2754-912f0e963ad0c4d28523.css
similarity index 100%
rename from pull/339/2754-4dff6a91449bb4741b34.css
rename to pull/339/2754-912f0e963ad0c4d28523.css
diff --git a/pull/339/2754-912f0e963ad0c4d28523.js b/pull/339/2754-912f0e963ad0c4d28523.js
new file mode 100644
index 000000000..17f55b6e9
--- /dev/null
+++ b/pull/339/2754-912f0e963ad0c4d28523.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2754],{74094:(e,t,l)=>{var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(67294)),o=a(l(47166)),d=l(97132),m=l(48720),u=a(l(74363)),r=o.default.bind(u.default);t.default=function(){var e=n.default.useContext(m.ThemeContext),t=(0,d.useIntl)();return n.default.createElement("div",{className:r("themed",e.className)},n.default.createElement("h1",null,"Themed block below"),n.default.createElement("div",{className:r("themed-block")}),n.default.createElement("h1",null,"Translated block below"),n.default.createElement("h1",null,t.formatMessage({id:"Terra.applicationDocs.themed.help"})))}},22754:(e,t,l)=>{var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n.default}});var n=a(l(74094))},74363:(e,t,l)=>{l.r(t),l.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ThemedComponent-module__clinical-lowlight-theme___rXEnJ","orion-fusion-theme":"ThemedComponent-module__orion-fusion-theme___pAMdU",themed:"ThemedComponent-module__themed___BXbhR","themed-block":"ThemedComponent-module__themed-block___RGHDn"}}}]);
\ No newline at end of file
diff --git a/pull/339/2793-887ea8a823f48db94b35.css b/pull/339/2793-7aa268e1b7e0a5ee94ac.css
similarity index 100%
rename from pull/339/2793-887ea8a823f48db94b35.css
rename to pull/339/2793-7aa268e1b7e0a5ee94ac.css
diff --git a/pull/339/2793-887ea8a823f48db94b35.js b/pull/339/2793-7aa268e1b7e0a5ee94ac.js
similarity index 61%
rename from pull/339/2793-887ea8a823f48db94b35.js
rename to pull/339/2793-7aa268e1b7e0a5ee94ac.js
index 558400617..2039d9cbb 100644
--- a/pull/339/2793-887ea8a823f48db94b35.js
+++ b/pull/339/2793-7aa268e1b7e0a5ee94ac.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2793],{92793:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});var a=n(87462),r=n(44925),l=(n(67294),n(81254)),d=n(66722),i=n(2010),o=["components"],p={},m="wrapper";function u(e){var t=e.components,n=(0,r.Z)(e,o);return(0,l.mdx)(m,(0,a.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.ZP,{mdxType:"PropsTable"},(0,l.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"primaryNavigationItems"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n path: {\n type: 'string',\n required: true,\n description: 'The url path to the primary navigation item.',\n },\n text: {\n type: 'string',\n required: true,\n description: 'The text for the title of the primary navigation item.',\n },\n contentExtension: {\n type: 'string',\n required: true,\n description: 'The extension to search for when generating pages for this primary navigation item.',\n },\n additionalContent: {\n arrayOf: [{\n shape: {\n title: {\n type: 'string',\n required: true,\n description: 'The page title for the content.',\n },\n filePath: {\n type: 'string',\n required: true,\n description: 'The file path to use to import the content.',\n },\n },\n }],\n },\n },\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[{\n path: '/home',\n text: 'Home',\n contentExtension: 'home',\n additionalContent: [\n {\n title: 'Home',\n filePath: 'full/path/to/package/README.md',\n },\n ],\n}, {\n path: '/components',\n text: 'Components',\n contentExtension: 'doc',\n}, {\n path: '/tests',\n text: 'Tests',\n contentExtension: 'test',\n}]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"An array describing the primary navigation items for the site."),(0,l.mdx)("p",null,"Each navigation item must include a path, text and the content extension to include."),(0,l.mdx)("p",null,"Optionally additional content may be included if it wouldn't be found by the extension search. Additional content must have a title and path and can only be displayed as a first level item in secondary navigation."))),(0,l.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"additionalSearchDirectories"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Additional directories to search for each primary navigation item extension. Can be any folder. Commonly used to pull documentation from packages contained in node_modules."))),(0,l.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"sideEffectImportFilePaths"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Side effect files to import. This can be used for setting up mock testing data."))),(0,l.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"polyFillSideEffectImportFilePath"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'@cerner/terra-polyfill'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A Polyfill file to be imported as a side effect. If no polyfills are desired, set to 'none'."))),(0,l.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"titleConfig"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n title: {\n type: 'string',\n required: true,\n description: 'Title to be displayed or set as the aria-label if a title element is passed.',\n },\n subline: {\n type: 'string',\n description: 'Sub text to be display below the main title text.',\n },\n headline: {\n type: 'string',\n description: 'Super text to be display above the main title text.',\n },\n},\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"{\n title: 'package title',\n}\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A configuration object that defines the strings rendered within the ApplicationNavigation header."))),(0,l.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"defaultTheme"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'terra-default-theme'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"By default the site is set to this theme."))),(0,l.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"defaultLocale"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'en'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The sites default locale."))),(0,l.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"defaultDirection"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'ltr'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The Sites default direction."))),(0,l.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"faviconFilePath"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'terra favicon path'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The favicon for the site."))),(0,l.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"extensionItems"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n key: {\n type: 'string',\n description: 'A key rendered to be used as a unique react key as well as returned with the onSelectExtensionItem.',\n },\n text: {\n type: 'string',\n description: 'The text to either be set as an aria-label or display text.',\n },\n iconPath: {\n type: 'elementType',\n description: 'The Filepath to a React element representing the themable icon for the extension.',\n },\n modal: {\n type: 'elementType',\n description: 'The modal to launch from the extension.',\n },\n },\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A configuration object with information specifying the creation of the Extension buttons rendered within the ApplicationNavigation header."))),(0,l.mdx)(i.X2,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"headHtml"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Html strings to include in the head."))),(0,l.mdx)(i.X2,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"pathPrefix"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The pathPrefix is placed in front of the generated site's URL to allow for multiple dev sites to be generated and displayed from the same webpack config."),(0,l.mdx)("p",null,"Required when there are more that one dev site plugins defined for a site."))),(0,l.mdx)(i.X2,{key:"ROW13",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"sourceFolder"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'src'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The dev directory housing non-transpiled code. Used to swap with the ",(0,l.mdx)("inlineCode",{parentName:"p"},"distributionFolder")," when running webpack in dev mode, to enable hot reloading."))),(0,l.mdx)(i.X2,{key:"ROW14",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"distributionFolder"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'lib'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The dev directory housing non-transpiled code."))),(0,l.mdx)(i.X2,{key:"ROW15",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"excludeChunks"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Allows you to skip adding some webpack chunks to the html template.")))))}u.isMDXComponent=!0;var s=["components"],c={},f="wrapper";function x(e){var t=e.components,n=(0,r.Z)(e,s);return(0,l.mdx)(f,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(d.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"configuration"},"Configuration"),(0,l.mdx)("p",null,"Terra dev site can be configured in a number of ways. Whenever possible, we will use configuration files already in use for the terra-ecosystem to eliminate duplicate config."),(0,l.mdx)("h2",{id:"theme-config"},"Theme config"),(0,l.mdx)("p",null,"Terra dev site is a great place to test and develop a themed component. To configure theme switching in terra dev site, add a ",(0,l.mdx)("inlineCode",{parentName:"p"},"terra-theme.config.js")," file to your root directory specifying the default theme, if any, and any additional scoped themes."),(0,l.mdx)("h3",{id:"terra-themeconfigjs"},(0,l.mdx)("inlineCode",{parentName:"h3"},"terra-theme.config.js")),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-js"},"module.exports = {\n theme: 'terra-dark-theme', // The default theme to be enabled on page load.\n scoped: ['orion-fusion-theme', 'clinical-lowlight-theme'], // An array of scoped themes. Note: Scoped themes do not work in IE 10.\n};\n")),(0,l.mdx)("h2",{id:"locale-config"},"Locale config"),(0,l.mdx)("p",null,"TerraDevSite also offers locale switching. To enable locale switching add a ",(0,l.mdx)("inlineCode",{parentName:"p"},"terraI18n.config.js")," file to your root directory specifying the locales available to terra dev site."),(0,l.mdx)("h3",{id:"terrai18nconfigjs"},(0,l.mdx)("inlineCode",{parentName:"h3"},"terraI18n.config.js")),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-js"},"module.exports = {\n locales: ['en', 'en-US'],\n};\n")),(0,l.mdx)("h2",{id:"webpack-plugin-config"},"Webpack Plugin config"),(0,l.mdx)("p",null,"The following table describes the TerraDevSite webpack plugin options."),(0,l.mdx)(u,{mdxType:"ConfigPropsTable"}))}x.isMDXComponent=!0},66722:(e,t,n)=>{n.d(t,{C:()=>l});var a=n(67294),r=n(96862),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-application/tree/main/packages/terra-dev-site",name:"@cerner/terra-dev-site",version:"8.1.0",url:t})}},96862:(e,t,n)=>{var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),d=a(n(47166)),i=a(n(55138)),o=d.default.bind(i.default),p={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,d=r.default.createElement("a",{className:o("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:o("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:o("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:o("badge"),href:t},r.default.createElement("span",{className:o("badge-name")},"github"),r.default.createElement("span",{className:o("badge-version")},"source")):void 0;return r.default.createElement("div",{className:o("badge-container")},d,i)};m.propTypes=p;var u=m;t.Z=u},2010:(e,t,n)=>{var a=n(64836),r=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return p.Row}}),t.ZP=t.Di=void 0;var l=s(n(67294)),d=a(n(45697)),i=a(n(47166)),o=n(48720),p=s(n(98364)),m=a(n(50007));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var i=l?Object.getOwnPropertyDescriptor(e,d):null;i&&(i.get||i.set)?Object.defineProperty(a,d,i):a[d]=e[d]}return a.default=e,n&&n.set(e,a),a}var c=i.default.bind(m.default),f={children:d.default.node},x={isRequired:d.default.bool},y=function(e){var t=e.children;return l.default.createElement(p.Cell,{className:c("bold")},t)};t.O=y,y.propTypes=f;var g=function(e){var t=e.children;return l.default.createElement(p.Cell,{className:c("code-block-override")},t)};t.Di=g,g.propTypes=f;var h=function(e){var t=e.isRequired;return l.default.createElement(p.Cell,{className:c([t?["required"]:[]])},t?"required":"optional")};t.dS=h,h.propTypes=x;var b=function(e){var t=e.children;return l.default.createElement(p.Cell,{className:c("code-block-override")},t)};t.mW=b,b.propTypes=f;var v=function(e){var t=e.children;return l.default.createElement(p.Cell,null,t)};t.Ex=v,v.propTypes=f;var T=function(e){var t=e.children,n=(0,l.useContext)(o.ThemeContext);return l.default.createElement(p.default,{paddingStyle:"compact",className:c("table",n.className)},l.default.createElement(p.Header,{className:c("header")},l.default.createElement(p.HeaderCell,null,"Prop"),l.default.createElement(p.HeaderCell,null,"Type"),l.default.createElement(p.HeaderCell,null,"Required"),l.default.createElement(p.HeaderCell,null,"Default"),l.default.createElement(p.HeaderCell,null,"Description")),l.default.createElement(p.Body,null,t))};T.propTypes=f;var O=T;t.ZP=O},17893:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},55138:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={badge:"Badges-module__badge___mqZdQ","badge-container":"Badges-module__badge-container___Fuva8","badge-name":"Badges-module__badge-name___o7WE3","badge-version":"Badges-module__badge-version___4AQGw"}},50007:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(67294)),r=m(n(45697)),l=m(n(94184)),d=m(n(47166)),i=m(n(50026)),o=m(n(17893)),p=["children","disableStripes","paddingStyle"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=d.default.bind(o.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,r=e.paddingStyle,d=s(e,p),o=a.default.useContext(i.default),m=(0,l.default)(c("table",{striped:!n},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},o.className),d.className);return a.default.createElement("table",u({},d,{className:m}),t)};x.propTypes=f,x.defaultProps={disableStripes:!1,paddingStyle:"none"};var y=x;t.default=y},51523:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={children:r.default.node},p=function(e){var t=e.children,n=i(e,l);return a.default.createElement("tbody",n,t)};p.propTypes=o,p.defaultProps={children:[]};var m=p;t.default=m},58741:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={children:r.default.node},p=function(e){var t=e.children,n=i(e,l);return a.default.createElement("td",n,t)};p.propTypes=o,p.defaultProps={children:[]};var m=p;t.default=m},90703:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),r=i(n(45697)),l=i(n(96576)),d=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={children:r.default.node},m=function(e){var t=e.children,n=o(e,d);return a.default.createElement("thead",n,a.default.createElement("tr",null,l.default.addScope(t,"col")))};m.propTypes=p,m.defaultProps={children:[]};var u=m;t.default=u},8078:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={children:r.default.node},p=function(e){var t=e.children,n=i(e,l);return a.default.createElement("th",n,t)};p.propTypes=o,p.defaultProps={children:[]};var m=p;t.default=m},73045:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(67294)),r=p(n(45697)),l=p(n(47166)),d=p(n(17893)),i=p(n(96576)),o=["children"];function p(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=l.default.bind(d.default),c={children:r.default.node},f=function(e){var t=e.children,n=u(e,o),r=s(["row"]);return a.default.createElement("tr",m({},n,{className:n.className?"".concat(r," ").concat(n.className):r}),i.default.addScope(t,"row"))};f.propTypes=c,f.defaultProps={children:[]};var x=f;t.default=x},96576:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=n(67294))&&a.__esModule?a:{default:a};var l={addScope:function(e,t){var n=[];return r.default.Children.forEach(e,(function(e){n.push(r.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},98364:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var a=p(n(89650)),r=p(n(51523)),l=p(n(73045)),d=p(n(58741)),i=p(n(90703)),o=p(n(8078));function p(e){return e&&e.__esModule?e:{default:e}}var m=a.default;t.default=m},87462:(e,t,n)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2793],{92793:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});var a=n(87462),r=n(44925),l=(n(67294),n(81254)),d=n(66722),i=n(2010),o=["components"],p={},m="wrapper";function u(e){var t=e.components,n=(0,r.Z)(e,o);return(0,l.mdx)(m,(0,a.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.ZP,{mdxType:"PropsTable"},(0,l.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"primaryNavigationItems"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n path: {\n type: 'string',\n required: true,\n description: 'The url path to the primary navigation item.',\n },\n text: {\n type: 'string',\n required: true,\n description: 'The text for the title of the primary navigation item.',\n },\n contentExtension: {\n type: 'string',\n required: true,\n description: 'The extension to search for when generating pages for this primary navigation item.',\n },\n additionalContent: {\n arrayOf: [{\n shape: {\n title: {\n type: 'string',\n required: true,\n description: 'The page title for the content.',\n },\n filePath: {\n type: 'string',\n required: true,\n description: 'The file path to use to import the content.',\n },\n },\n }],\n },\n },\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[{\n path: '/home',\n text: 'Home',\n contentExtension: 'home',\n additionalContent: [\n {\n title: 'Home',\n filePath: 'full/path/to/package/README.md',\n },\n ],\n}, {\n path: '/components',\n text: 'Components',\n contentExtension: 'doc',\n}, {\n path: '/tests',\n text: 'Tests',\n contentExtension: 'test',\n}]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"An array describing the primary navigation items for the site."),(0,l.mdx)("p",null,"Each navigation item must include a path, text and the content extension to include."),(0,l.mdx)("p",null,"Optionally additional content may be included if it wouldn't be found by the extension search. Additional content must have a title and path and can only be displayed as a first level item in secondary navigation."))),(0,l.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"additionalSearchDirectories"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Additional directories to search for each primary navigation item extension. Can be any folder. Commonly used to pull documentation from packages contained in node_modules."))),(0,l.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"sideEffectImportFilePaths"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Side effect files to import. This can be used for setting up mock testing data."))),(0,l.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"polyFillSideEffectImportFilePath"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'@cerner/terra-polyfill'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A Polyfill file to be imported as a side effect. If no polyfills are desired, set to 'none'."))),(0,l.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"titleConfig"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n title: {\n type: 'string',\n required: true,\n description: 'Title to be displayed or set as the aria-label if a title element is passed.',\n },\n subline: {\n type: 'string',\n description: 'Sub text to be display below the main title text.',\n },\n headline: {\n type: 'string',\n description: 'Super text to be display above the main title text.',\n },\n},\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"{\n title: 'package title',\n}\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A configuration object that defines the strings rendered within the ApplicationNavigation header."))),(0,l.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"defaultTheme"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'terra-default-theme'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"By default the site is set to this theme."))),(0,l.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"defaultLocale"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'en'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The sites default locale."))),(0,l.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"defaultDirection"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'ltr'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The Sites default direction."))),(0,l.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"faviconFilePath"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'terra favicon path'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The favicon for the site."))),(0,l.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"extensionItems"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n key: {\n type: 'string',\n description: 'A key rendered to be used as a unique react key as well as returned with the onSelectExtensionItem.',\n },\n text: {\n type: 'string',\n description: 'The text to either be set as an aria-label or display text.',\n },\n iconPath: {\n type: 'elementType',\n description: 'The Filepath to a React element representing the themable icon for the extension.',\n },\n modal: {\n type: 'elementType',\n description: 'The modal to launch from the extension.',\n },\n },\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A configuration object with information specifying the creation of the Extension buttons rendered within the ApplicationNavigation header."))),(0,l.mdx)(i.X2,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"headHtml"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Html strings to include in the head."))),(0,l.mdx)(i.X2,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"pathPrefix"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The pathPrefix is placed in front of the generated site's URL to allow for multiple dev sites to be generated and displayed from the same webpack config."),(0,l.mdx)("p",null,"Required when there are more that one dev site plugins defined for a site."))),(0,l.mdx)(i.X2,{key:"ROW13",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"sourceFolder"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'src'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The dev directory housing non-transpiled code. Used to swap with the ",(0,l.mdx)("inlineCode",{parentName:"p"},"distributionFolder")," when running webpack in dev mode, to enable hot reloading."))),(0,l.mdx)(i.X2,{key:"ROW14",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"distributionFolder"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'lib'\n"))),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The dev directory housing non-transpiled code."))),(0,l.mdx)(i.X2,{key:"ROW15",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"excludeChunks"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Allows you to skip adding some webpack chunks to the html template.")))))}u.isMDXComponent=!0;var s=["components"],c={},f="wrapper";function x(e){var t=e.components,n=(0,r.Z)(e,s);return(0,l.mdx)(f,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(d.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"configuration"},"Configuration"),(0,l.mdx)("p",null,"Terra dev site can be configured in a number of ways. Whenever possible, we will use configuration files already in use for the terra-ecosystem to eliminate duplicate config."),(0,l.mdx)("h2",{id:"theme-config"},"Theme config"),(0,l.mdx)("p",null,"Terra dev site is a great place to test and develop a themed component. To configure theme switching in terra dev site, add a ",(0,l.mdx)("inlineCode",{parentName:"p"},"terra-theme.config.js")," file to your root directory specifying the default theme, if any, and any additional scoped themes."),(0,l.mdx)("h3",{id:"terra-themeconfigjs"},(0,l.mdx)("inlineCode",{parentName:"h3"},"terra-theme.config.js")),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-js"},"module.exports = {\n theme: 'terra-dark-theme', // The default theme to be enabled on page load.\n scoped: ['orion-fusion-theme', 'clinical-lowlight-theme'], // An array of scoped themes. Note: Scoped themes do not work in IE 10.\n};\n")),(0,l.mdx)("h2",{id:"locale-config"},"Locale config"),(0,l.mdx)("p",null,"TerraDevSite also offers locale switching. To enable locale switching add a ",(0,l.mdx)("inlineCode",{parentName:"p"},"terraI18n.config.js")," file to your root directory specifying the locales available to terra dev site."),(0,l.mdx)("h3",{id:"terrai18nconfigjs"},(0,l.mdx)("inlineCode",{parentName:"h3"},"terraI18n.config.js")),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-js"},"module.exports = {\n locales: ['en', 'en-US'],\n};\n")),(0,l.mdx)("h2",{id:"webpack-plugin-config"},"Webpack Plugin config"),(0,l.mdx)("p",null,"The following table describes the TerraDevSite webpack plugin options."),(0,l.mdx)(u,{mdxType:"ConfigPropsTable"}))}x.isMDXComponent=!0},66722:(e,t,n)=>{n.d(t,{C:()=>l});var a=n(67294),r=n(96862),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-application/tree/main/packages/terra-dev-site",name:"@cerner/terra-dev-site",version:"8.1.0",url:t})}},96862:(e,t,n)=>{var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),d=a(n(47166)),i=a(n(55138)),o=d.default.bind(i.default),p={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,d=r.default.createElement("a",{className:o("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:o("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:o("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:o("badge"),href:t},r.default.createElement("span",{className:o("badge-name")},"github"),r.default.createElement("span",{className:o("badge-version")},"source")):void 0;return r.default.createElement("div",{className:o("badge-container")},d,i)};m.propTypes=p;t.Z=m},2010:(e,t,n)=>{var a=n(64836),r=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return p.Row}}),t.ZP=t.Di=void 0;var l=s(n(67294)),d=a(n(45697)),i=a(n(47166)),o=n(48720),p=s(n(98364)),m=a(n(50007));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var i=l?Object.getOwnPropertyDescriptor(e,d):null;i&&(i.get||i.set)?Object.defineProperty(a,d,i):a[d]=e[d]}return a.default=e,n&&n.set(e,a),a}var c=i.default.bind(m.default),f={children:d.default.node},x={isRequired:d.default.bool};(t.O=function(e){var t=e.children;return l.default.createElement(p.Cell,{className:c("bold")},t)}).propTypes=f,(t.Di=function(e){var t=e.children;return l.default.createElement(p.Cell,{className:c("code-block-override")},t)}).propTypes=f,(t.dS=function(e){var t=e.isRequired;return l.default.createElement(p.Cell,{className:c([t?["required"]:[]])},t?"required":"optional")}).propTypes=x,(t.mW=function(e){var t=e.children;return l.default.createElement(p.Cell,{className:c("code-block-override")},t)}).propTypes=f,(t.Ex=function(e){var t=e.children;return l.default.createElement(p.Cell,null,t)}).propTypes=f;var y=function(e){var t=e.children,n=(0,l.useContext)(o.ThemeContext);return l.default.createElement(p.default,{paddingStyle:"compact",className:c("table",n.className)},l.default.createElement(p.Header,{className:c("header")},l.default.createElement(p.HeaderCell,null,"Prop"),l.default.createElement(p.HeaderCell,null,"Type"),l.default.createElement(p.HeaderCell,null,"Required"),l.default.createElement(p.HeaderCell,null,"Default"),l.default.createElement(p.HeaderCell,null,"Description")),l.default.createElement(p.Body,null,t))};y.propTypes=f;t.ZP=y},17893:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},55138:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={badge:"Badges-module__badge___mqZdQ","badge-container":"Badges-module__badge-container___Fuva8","badge-name":"Badges-module__badge-name___o7WE3","badge-version":"Badges-module__badge-version___4AQGw"}},50007:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(67294)),r=m(n(45697)),l=m(n(94184)),d=m(n(47166)),i=m(n(50026)),o=m(n(17893)),p=["children","disableStripes","paddingStyle"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=d.default.bind(o.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,r=e.paddingStyle,d=s(e,p),o=a.default.useContext(i.default),m=(0,l.default)(c("table",{striped:!n},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},o.className),d.className);return a.default.createElement("table",u({},d,{className:m}),t)};x.propTypes=f,x.defaultProps={disableStripes:!1,paddingStyle:"none"};var y=x;t.default=y},51523:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={children:r.default.node},p=function(e){var t=e.children,n=i(e,l);return a.default.createElement("tbody",n,t)};p.propTypes=o,p.defaultProps={children:[]};var m=p;t.default=m},58741:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={children:r.default.node},p=function(e){var t=e.children,n=i(e,l);return a.default.createElement("td",n,t)};p.propTypes=o,p.defaultProps={children:[]};var m=p;t.default=m},90703:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),r=i(n(45697)),l=i(n(96576)),d=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={children:r.default.node},m=function(e){var t=e.children,n=o(e,d);return a.default.createElement("thead",n,a.default.createElement("tr",null,l.default.addScope(t,"col")))};m.propTypes=p,m.defaultProps={children:[]};var u=m;t.default=u},8078:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={children:r.default.node},p=function(e){var t=e.children,n=i(e,l);return a.default.createElement("th",n,t)};p.propTypes=o,p.defaultProps={children:[]};var m=p;t.default=m},73045:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(67294)),r=p(n(45697)),l=p(n(47166)),d=p(n(17893)),i=p(n(96576)),o=["children"];function p(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=l.default.bind(d.default),c={children:r.default.node},f=function(e){var t=e.children,n=u(e,o),r=s(["row"]);return a.default.createElement("tr",m({},n,{className:n.className?"".concat(r," ").concat(n.className):r}),i.default.addScope(t,"row"))};f.propTypes=c,f.defaultProps={children:[]};var x=f;t.default=x},96576:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=n(67294))&&a.__esModule?a:{default:a};var l={addScope:function(e,t){var n=[];return r.default.Children.forEach(e,(function(e){n.push(r.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},98364:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var a=p(n(89650)),r=p(n(51523)),l=p(n(73045)),d=p(n(58741)),i=p(n(90703)),o=p(n(8078));function p(e){return e&&e.__esModule?e:{default:e}}var m=a.default;t.default=m},87462:(e,t,n)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
diff --git a/pull/339/2993-5e78154cb12de148f893.js b/pull/339/2993-57df0150db6ad06eb9f7.js
similarity index 100%
rename from pull/339/2993-5e78154cb12de148f893.js
rename to pull/339/2993-57df0150db6ad06eb9f7.js
diff --git a/pull/339/3030-6e6735bdb1190e2798e3.js b/pull/339/3030-6e6735bdb1190e2798e3.js
deleted file mode 100644
index aff92ddcd..000000000
--- a/pull/339/3030-6e6735bdb1190e2798e3.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3030],{73030:(e,t,n)=>{var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var a={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var o=u?Object.getOwnPropertyDescriptor(e,l):null;o&&(o.get||o.set)?Object.defineProperty(a,l,o):a[l]=e[l]}a.default=e,n&&n.set(e,a);return a}(n(67294)),o=a(n(66025)),f=a(n(51399));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}var c=function(){var e=(0,l.useState)(!1),t=(0,u.default)(e,2),n=t[0],a=t[1],r=(0,l.useState)(!1),i=(0,u.default)(r,2),c=i[0],d=i[1],p=(0,l.useState)(!1),b=(0,u.default)(p,2),s=b[0],y=b[1];return l.default.createElement(l.default.Fragment,null,l.default.createElement("button",{id:"reset-button",type:"button",onClick:function(){a(!1),d(!1),y(!1)}},"Reset"),l.default.createElement("button",{id:"clear-button",type:"button",onClick:function(){a(!0)}},"Show Clear Loading Overlay"),l.default.createElement("button",{id:"light-button",type:"button",onClick:function(){d(!0)}},"Show Light Loading Overlay"),l.default.createElement("button",{id:"dark-button",type:"button",onClick:function(){y(!0)}},"Show Dark Loading Overlay"),l.default.createElement(f.default,null,l.default.createElement(o.default,{isOpen:n}),l.default.createElement(o.default,{isOpen:c,backgroundStyle:"light"}),l.default.createElement(o.default,{isOpen:s,backgroundStyle:"dark"})))};t.default=c}}]);
\ No newline at end of file
diff --git a/pull/339/3030-c0cd8f0d0f176e9627df.js b/pull/339/3030-c0cd8f0d0f176e9627df.js
new file mode 100644
index 000000000..dff3c2640
--- /dev/null
+++ b/pull/339/3030-c0cd8f0d0f176e9627df.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3030],{73030:(e,t,n)=>{var a=n(64836),u=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=u(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var o=r?Object.getOwnPropertyDescriptor(e,l):null;o&&(o.get||o.set)?Object.defineProperty(a,l,o):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(67294)),o=a(n(66025)),f=a(n(51399));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}t.default=function(){var e=(0,l.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],u=(0,l.useState)(!1),i=(0,r.default)(u,2),c=i[0],d=i[1],p=(0,l.useState)(!1),b=(0,r.default)(p,2),s=b[0],y=b[1];return l.default.createElement(l.default.Fragment,null,l.default.createElement("button",{id:"reset-button",type:"button",onClick:function(){a(!1),d(!1),y(!1)}},"Reset"),l.default.createElement("button",{id:"clear-button",type:"button",onClick:function(){a(!0)}},"Show Clear Loading Overlay"),l.default.createElement("button",{id:"light-button",type:"button",onClick:function(){d(!0)}},"Show Light Loading Overlay"),l.default.createElement("button",{id:"dark-button",type:"button",onClick:function(){y(!0)}},"Show Dark Loading Overlay"),l.default.createElement(f.default,null,l.default.createElement(o.default,{isOpen:n}),l.default.createElement(o.default,{isOpen:c,backgroundStyle:"light"}),l.default.createElement(o.default,{isOpen:s,backgroundStyle:"dark"})))}}}]);
\ No newline at end of file
diff --git a/pull/339/307-4720c63c495f98994d88.js b/pull/339/307-e5aa772a37cc8690f47e.js
similarity index 100%
rename from pull/339/307-4720c63c495f98994d88.js
rename to pull/339/307-e5aa772a37cc8690f47e.js
diff --git a/pull/339/3070-6d6852ac3d5d43ad3518.js b/pull/339/3070-69999fc2109ea5951593.js
similarity index 100%
rename from pull/339/3070-6d6852ac3d5d43ad3518.js
rename to pull/339/3070-69999fc2109ea5951593.js
diff --git a/pull/339/3285-0c5e1a7bf98c97fa320b.css b/pull/339/3285-bca907a1d035b569ac63.css
similarity index 100%
rename from pull/339/3285-0c5e1a7bf98c97fa320b.css
rename to pull/339/3285-bca907a1d035b569ac63.css
diff --git a/pull/339/3285-0c5e1a7bf98c97fa320b.js b/pull/339/3285-bca907a1d035b569ac63.js
similarity index 56%
rename from pull/339/3285-0c5e1a7bf98c97fa320b.js
rename to pull/339/3285-bca907a1d035b569ac63.js
index a059b5aef..0c8fef1df 100644
--- a/pull/339/3285-0c5e1a7bf98c97fa320b.js
+++ b/pull/339/3285-bca907a1d035b569ac63.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3285],{10105:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(87462),a=n(44925),o=(n(67294),n(81254)),l=n(2010),i=["components"],d={},p="wrapper";function u(e){var t=e.components,n=(0,a.Z)(e,i);return(0,o.mdx)(p,(0,r.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.ZP,{mdxType:"PropsTable"},(0,o.mdx)(l.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Components to render within the context of the NavigationPromptCheckpoint. Any NavigationPrompts rendered within\nthese child components will be registered to this NavigationPromptCheckpoint instance."))),(0,o.mdx)(l.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"onPromptChange"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"A function that will be executed when NavigationPrompts are registered to or unregistered from the NavigationPromptCheckpoint instance.\nThis can be used to track registered prompts outside of a NavigationPromptCheckpoint and handle prompt resolution directly, if necessary.\nThe function will be provided with an array of data objects representing the registered NavigationPrompts as the sole argument. An empty\nArray will be provided when no prompts are registered."),(0,o.mdx)("p",null,"Function Example:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre"},"(arrayOfPrompts) => {\n arrayOfPrompts.forEach((prompt) => {\n console.log(prompt.description);\n console.log(prompt.metaData);\n })\n this.myLocalPromptRegistry = arrayOfPrompts;\n}\n"))))))}u.isMDXComponent=!0;var m=["components"],c={},s="wrapper";function f(e){var t=e.components,n=(0,a.Z)(e,m);return(0,o.mdx)(s,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"navigationpromptcheckpoint"},"NavigationPromptCheckpoint"),(0,o.mdx)("p",null,"The NavigationPromptCheckpoint serves as a registration gateway for ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/navigation-prompt"},"NavigationPrompts"),"\nrendered within it. Any NavigationPrompt rendered within the context of a NavigationPromptCheckpoint will register itself with the NavigationPromptCheckpoint\n(and any other ancestor checkpoints). The component that implements the NavigationPromptCheckpoint can use the presence of registered NavigationPrompts to\ninfluence its navigational workflows as necessary."),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { NavigationPromptCheckpoint } from 'terra-application/lib/navigation-prompt';\n")),(0,o.mdx)("h2",{id:"props"},"Props"),(0,o.mdx)(u,{mdxType:"NavigationPromptCheckpointProps"}),(0,o.mdx)("h2",{id:"details"},"Details"),(0,o.mdx)("p",null,"Any component that navigates between stateful child components should render NavigationPromptCheckpoints around those children.\nEach NavigationPrompt rendered by a child will be registered to the NavigationPromptCheckpoints above it in the component tree.\nThe implementer of each NavigationPromptCheckpoint can use the registered data to prompt the user before navigating or prevent navigation altogether."),(0,o.mdx)("h3",{id:"onpromptchange"},(0,o.mdx)("inlineCode",{parentName:"h3"},"onPromptChange")),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," function prop is used to communicate NavigationPrompt registrations to the implementer of a NavigationPromptCheckpoint.\nThe function is called with an array of objects containing each registered NavigationPrompt's ",(0,o.mdx)("inlineCode",{parentName:"p"},"description")," and ",(0,o.mdx)("inlineCode",{parentName:"p"},"metaData")," properties."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"Note: The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," prop will be called after each NavigationPrompt registration and removal.\nIt may be called more than once with the same array of NavigationPrompt data. Calls to ",(0,o.mdx)("inlineCode",{parentName:"p"},"setState")," within onPromptChange\nshould be performed only when necessary to minimize component updates.")),(0,o.mdx)("h3",{id:"resolveprompts"},(0,o.mdx)("inlineCode",{parentName:"h3"},"resolvePrompts")),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," function can be accessed from the ref to a NavigationPromptCheckpoint. Calling ",(0,o.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," results in a\nPromise being returned and a NotificationDialog being presented to the user with options to either confirm or cancel their action.\nIf the user confirms the action, the dialog will close, and the returned Promise will be resolved. If the user cancels the action,\nthe dialog will close, and the returned Promise will be rejected. If no NavigationPrompts are detected, no dialog is presented, and\nthe returned Promise will be resolved."),(0,o.mdx)("p",null,(0,o.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," accepts either an Object or function argument. The Object should contain the text strings used to render the NotificationDialog.\nThe function should return an Object containing the text strings used to render the NotificationDialog. Additionally, the function will receive\nan array of registered NavigationPrompts as an argument. The array of prompts can be used to create dynamic strings based on the current set of registered prompts."),(0,o.mdx)("p",null,"The keys expected in the resolvePrompts Object or return value include:"),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Key"),(0,o.mdx)("th",{parentName:"tr",align:null},"Type"),(0,o.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"title")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The title of the NotificationDialog.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"startMessage")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The starting message of the NotificationDialog.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"content")),(0,o.mdx)("td",{parentName:"tr",align:null},"Node"),(0,o.mdx)("td",{parentName:"tr",align:null},"The content of the NotificationDialog.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"endMessage")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The ending message of the NotificationDialog.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"acceptButtonText")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The text to render within the NotificationDialog's accept button.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"rejectButtonText")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The text to render within the NotificationDialog's reject button.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"buttonOrder")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"A string indicating which action should be rendered first, required. Supported values include: ",(0,o.mdx)("inlineCode",{parentName:"td"},"acceptFirst"),", ",(0,o.mdx)("inlineCode",{parentName:"td"},"rejectFirst"),".")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"emphasizedAction")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"A string indicating which action should be rendered as emphasized. Supported values include: ",(0,o.mdx)("inlineCode",{parentName:"td"},"accept"),", ",(0,o.mdx)("inlineCode",{parentName:"td"},"reject"),", and ",(0,o.mdx)("inlineCode",{parentName:"td"},"none"),". Defaults to ",(0,o.mdx)("inlineCode",{parentName:"td"},"none"),".")))),(0,o.mdx)("p",null,"A utility function called ",(0,o.mdx)("inlineCode",{parentName:"p"},"getUnsavedChangesPromptOptions")," allows direct consumers of the NavigationPromptCheckpoint\nto match the prompt messaging provided by the components within ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application"),"."),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useContext, useRef } from 'react';\nimport { useIntl } from 'react-intl';\nimport { NavigationPromptCheckpoint, getUnsavedChangesPromptOptions } from 'terra-application/lib/navigation-prompt';\n\nconst ExampleComponent = () => {\n const checkpointRef = useRef();\n const applicationIntl = useIntl();\n\n function resolvePrompts() {\n checkpointRef.current.resolvePrompts(getUnsavedChangesPromptOptions(applicationIntl)).then(() => { ... });\n }\n\n return (\n \n {...}\n \n );\n}\n")))}f.isMDXComponent=!0},2010:(e,t,n)=>{var r=n(64836),a=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return p.Row}}),t.ZP=t.Di=void 0;var o=c(n(67294)),l=r(n(45697)),i=r(n(47166)),d=n(48720),p=c(n(98364)),u=r(n(50007));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,n&&n.set(e,r),r}var s=i.default.bind(u.default),f={children:l.default.node},h={isRequired:l.default.bool},g=function(e){var t=e.children;return o.default.createElement(p.Cell,{className:s("bold")},t)};t.O=g,g.propTypes=f;var b=function(e){var t=e.children;return o.default.createElement(p.Cell,{className:s("code-block-override")},t)};t.Di=b,b.propTypes=f;var v=function(e){var t=e.isRequired;return o.default.createElement(p.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")};t.dS=v,v.propTypes=h;var x=function(e){var t=e.children;return o.default.createElement(p.Cell,{className:s("code-block-override")},t)};t.mW=x,x.propTypes=f;var y=function(e){var t=e.children;return o.default.createElement(p.Cell,null,t)};t.Ex=y,y.propTypes=f;var N=function(e){var t=e.children,n=(0,o.useContext)(d.ThemeContext);return o.default.createElement(p.default,{paddingStyle:"compact",className:s("table",n.className)},o.default.createElement(p.Header,{className:s("header")},o.default.createElement(p.HeaderCell,null,"Prop"),o.default.createElement(p.HeaderCell,null,"Type"),o.default.createElement(p.HeaderCell,null,"Required"),o.default.createElement(p.HeaderCell,null,"Default"),o.default.createElement(p.HeaderCell,null,"Description")),o.default.createElement(p.Body,null,t))};N.propTypes=f;var P=N;t.ZP=P},17893:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},50007:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),o=u(n(94184)),l=u(n(47166)),i=u(n(50026)),d=u(n(17893)),p=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=l.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},h=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,l=c(e,p),d=r.default.useContext(i.default),u=(0,o.default)(s("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),l.className);return r.default.createElement("table",m({},l,{className:u}),t)};h.propTypes=f,h.defaultProps={disableStripes:!1,paddingStyle:"none"};var g=h;t.default=g},51523:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(45697)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},p=function(e){var t=e.children,n=i(e,o);return r.default.createElement("tbody",n,t)};p.propTypes=d,p.defaultProps={children:[]};var u=p;t.default=u},58741:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(45697)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},p=function(e){var t=e.children,n=i(e,o);return r.default.createElement("td",n,t)};p.propTypes=d,p.defaultProps={children:[]};var u=p;t.default=u},90703:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(67294)),a=i(n(45697)),o=i(n(96576)),l=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p={children:a.default.node},u=function(e){var t=e.children,n=d(e,l);return r.default.createElement("thead",n,r.default.createElement("tr",null,o.default.addScope(t,"col")))};u.propTypes=p,u.defaultProps={children:[]};var m=u;t.default=m},8078:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(45697)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},p=function(e){var t=e.children,n=i(e,o);return r.default.createElement("th",n,t)};p.propTypes=d,p.defaultProps={children:[]};var u=p;t.default=u},73045:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(67294)),a=p(n(45697)),o=p(n(47166)),l=p(n(17893)),i=p(n(96576)),d=["children"];function p(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=o.default.bind(l.default),s={children:a.default.node},f=function(e){var t=e.children,n=m(e,d),a=c(["row"]);return r.default.createElement("tr",u({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=s,f.defaultProps={children:[]};var h=f;t.default=h},96576:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(67294))&&r.__esModule?r:{default:r};var o={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=o},98364:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var r=p(n(89650)),a=p(n(51523)),o=p(n(73045)),l=p(n(58741)),i=p(n(90703)),d=p(n(8078));function p(e){return e&&e.__esModule?e:{default:e}}var u=r.default;t.default=u},87462:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})},44925:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(t,{Z:()=>r})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3285],{10105:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(87462),a=n(44925),o=(n(67294),n(81254)),l=n(2010),i=["components"],d={},p="wrapper";function u(e){var t=e.components,n=(0,a.Z)(e,i);return(0,o.mdx)(p,(0,r.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.ZP,{mdxType:"PropsTable"},(0,o.mdx)(l.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Components to render within the context of the NavigationPromptCheckpoint. Any NavigationPrompts rendered within\nthese child components will be registered to this NavigationPromptCheckpoint instance."))),(0,o.mdx)(l.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"onPromptChange"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"A function that will be executed when NavigationPrompts are registered to or unregistered from the NavigationPromptCheckpoint instance.\nThis can be used to track registered prompts outside of a NavigationPromptCheckpoint and handle prompt resolution directly, if necessary.\nThe function will be provided with an array of data objects representing the registered NavigationPrompts as the sole argument. An empty\nArray will be provided when no prompts are registered."),(0,o.mdx)("p",null,"Function Example:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre"},"(arrayOfPrompts) => {\n arrayOfPrompts.forEach((prompt) => {\n console.log(prompt.description);\n console.log(prompt.metaData);\n })\n this.myLocalPromptRegistry = arrayOfPrompts;\n}\n"))))))}u.isMDXComponent=!0;var m=["components"],c={},s="wrapper";function f(e){var t=e.components,n=(0,a.Z)(e,m);return(0,o.mdx)(s,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"navigationpromptcheckpoint"},"NavigationPromptCheckpoint"),(0,o.mdx)("p",null,"The NavigationPromptCheckpoint serves as a registration gateway for ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/navigation-prompt"},"NavigationPrompts"),"\nrendered within it. Any NavigationPrompt rendered within the context of a NavigationPromptCheckpoint will register itself with the NavigationPromptCheckpoint\n(and any other ancestor checkpoints). The component that implements the NavigationPromptCheckpoint can use the presence of registered NavigationPrompts to\ninfluence its navigational workflows as necessary."),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { NavigationPromptCheckpoint } from 'terra-application/lib/navigation-prompt';\n")),(0,o.mdx)("h2",{id:"props"},"Props"),(0,o.mdx)(u,{mdxType:"NavigationPromptCheckpointProps"}),(0,o.mdx)("h2",{id:"details"},"Details"),(0,o.mdx)("p",null,"Any component that navigates between stateful child components should render NavigationPromptCheckpoints around those children.\nEach NavigationPrompt rendered by a child will be registered to the NavigationPromptCheckpoints above it in the component tree.\nThe implementer of each NavigationPromptCheckpoint can use the registered data to prompt the user before navigating or prevent navigation altogether."),(0,o.mdx)("h3",{id:"onpromptchange"},(0,o.mdx)("inlineCode",{parentName:"h3"},"onPromptChange")),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," function prop is used to communicate NavigationPrompt registrations to the implementer of a NavigationPromptCheckpoint.\nThe function is called with an array of objects containing each registered NavigationPrompt's ",(0,o.mdx)("inlineCode",{parentName:"p"},"description")," and ",(0,o.mdx)("inlineCode",{parentName:"p"},"metaData")," properties."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"Note: The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," prop will be called after each NavigationPrompt registration and removal.\nIt may be called more than once with the same array of NavigationPrompt data. Calls to ",(0,o.mdx)("inlineCode",{parentName:"p"},"setState")," within onPromptChange\nshould be performed only when necessary to minimize component updates.")),(0,o.mdx)("h3",{id:"resolveprompts"},(0,o.mdx)("inlineCode",{parentName:"h3"},"resolvePrompts")),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," function can be accessed from the ref to a NavigationPromptCheckpoint. Calling ",(0,o.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," results in a\nPromise being returned and a NotificationDialog being presented to the user with options to either confirm or cancel their action.\nIf the user confirms the action, the dialog will close, and the returned Promise will be resolved. If the user cancels the action,\nthe dialog will close, and the returned Promise will be rejected. If no NavigationPrompts are detected, no dialog is presented, and\nthe returned Promise will be resolved."),(0,o.mdx)("p",null,(0,o.mdx)("inlineCode",{parentName:"p"},"resolvePrompts")," accepts either an Object or function argument. The Object should contain the text strings used to render the NotificationDialog.\nThe function should return an Object containing the text strings used to render the NotificationDialog. Additionally, the function will receive\nan array of registered NavigationPrompts as an argument. The array of prompts can be used to create dynamic strings based on the current set of registered prompts."),(0,o.mdx)("p",null,"The keys expected in the resolvePrompts Object or return value include:"),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Key"),(0,o.mdx)("th",{parentName:"tr",align:null},"Type"),(0,o.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"title")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The title of the NotificationDialog.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"startMessage")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The starting message of the NotificationDialog.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"content")),(0,o.mdx)("td",{parentName:"tr",align:null},"Node"),(0,o.mdx)("td",{parentName:"tr",align:null},"The content of the NotificationDialog.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"endMessage")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The ending message of the NotificationDialog.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"acceptButtonText")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The text to render within the NotificationDialog's accept button.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"rejectButtonText")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"The text to render within the NotificationDialog's reject button.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"buttonOrder")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"A string indicating which action should be rendered first, required. Supported values include: ",(0,o.mdx)("inlineCode",{parentName:"td"},"acceptFirst"),", ",(0,o.mdx)("inlineCode",{parentName:"td"},"rejectFirst"),".")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"emphasizedAction")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"A string indicating which action should be rendered as emphasized. Supported values include: ",(0,o.mdx)("inlineCode",{parentName:"td"},"accept"),", ",(0,o.mdx)("inlineCode",{parentName:"td"},"reject"),", and ",(0,o.mdx)("inlineCode",{parentName:"td"},"none"),". Defaults to ",(0,o.mdx)("inlineCode",{parentName:"td"},"none"),".")))),(0,o.mdx)("p",null,"A utility function called ",(0,o.mdx)("inlineCode",{parentName:"p"},"getUnsavedChangesPromptOptions")," allows direct consumers of the NavigationPromptCheckpoint\nto match the prompt messaging provided by the components within ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application"),"."),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useContext, useRef } from 'react';\nimport { useIntl } from 'react-intl';\nimport { NavigationPromptCheckpoint, getUnsavedChangesPromptOptions } from 'terra-application/lib/navigation-prompt';\n\nconst ExampleComponent = () => {\n const checkpointRef = useRef();\n const applicationIntl = useIntl();\n\n function resolvePrompts() {\n checkpointRef.current.resolvePrompts(getUnsavedChangesPromptOptions(applicationIntl)).then(() => { ... });\n }\n\n return (\n \n {...}\n \n );\n}\n")))}f.isMDXComponent=!0},2010:(e,t,n)=>{var r=n(64836),a=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return p.Row}}),t.ZP=t.Di=void 0;var o=c(n(67294)),l=r(n(45697)),i=r(n(47166)),d=n(48720),p=c(n(98364)),u=r(n(50007));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,n&&n.set(e,r),r}var s=i.default.bind(u.default),f={children:l.default.node},h={isRequired:l.default.bool};(t.O=function(e){var t=e.children;return o.default.createElement(p.Cell,{className:s("bold")},t)}).propTypes=f,(t.Di=function(e){var t=e.children;return o.default.createElement(p.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.dS=function(e){var t=e.isRequired;return o.default.createElement(p.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")}).propTypes=h,(t.mW=function(e){var t=e.children;return o.default.createElement(p.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.Ex=function(e){var t=e.children;return o.default.createElement(p.Cell,null,t)}).propTypes=f;var g=function(e){var t=e.children,n=(0,o.useContext)(d.ThemeContext);return o.default.createElement(p.default,{paddingStyle:"compact",className:s("table",n.className)},o.default.createElement(p.Header,{className:s("header")},o.default.createElement(p.HeaderCell,null,"Prop"),o.default.createElement(p.HeaderCell,null,"Type"),o.default.createElement(p.HeaderCell,null,"Required"),o.default.createElement(p.HeaderCell,null,"Default"),o.default.createElement(p.HeaderCell,null,"Description")),o.default.createElement(p.Body,null,t))};g.propTypes=f;t.ZP=g},17893:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},50007:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),o=u(n(94184)),l=u(n(47166)),i=u(n(50026)),d=u(n(17893)),p=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=l.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},h=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,l=c(e,p),d=r.default.useContext(i.default),u=(0,o.default)(s("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),l.className);return r.default.createElement("table",m({},l,{className:u}),t)};h.propTypes=f,h.defaultProps={disableStripes:!1,paddingStyle:"none"};var g=h;t.default=g},51523:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(45697)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},p=function(e){var t=e.children,n=i(e,o);return r.default.createElement("tbody",n,t)};p.propTypes=d,p.defaultProps={children:[]};var u=p;t.default=u},58741:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(45697)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},p=function(e){var t=e.children,n=i(e,o);return r.default.createElement("td",n,t)};p.propTypes=d,p.defaultProps={children:[]};var u=p;t.default=u},90703:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(67294)),a=i(n(45697)),o=i(n(96576)),l=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p={children:a.default.node},u=function(e){var t=e.children,n=d(e,l);return r.default.createElement("thead",n,r.default.createElement("tr",null,o.default.addScope(t,"col")))};u.propTypes=p,u.defaultProps={children:[]};var m=u;t.default=m},8078:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(45697)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},p=function(e){var t=e.children,n=i(e,o);return r.default.createElement("th",n,t)};p.propTypes=d,p.defaultProps={children:[]};var u=p;t.default=u},73045:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(67294)),a=p(n(45697)),o=p(n(47166)),l=p(n(17893)),i=p(n(96576)),d=["children"];function p(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=o.default.bind(l.default),s={children:a.default.node},f=function(e){var t=e.children,n=m(e,d),a=c(["row"]);return r.default.createElement("tr",u({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=s,f.defaultProps={children:[]};var h=f;t.default=h},96576:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(67294))&&r.__esModule?r:{default:r};var o={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=o},98364:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var r=p(n(89650)),a=p(n(51523)),o=p(n(73045)),l=p(n(58741)),i=p(n(90703)),d=p(n(8078));function p(e){return e&&e.__esModule?e:{default:e}}var u=r.default;t.default=u},87462:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})},44925:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(t,{Z:()=>r})}}]);
\ No newline at end of file
diff --git a/pull/339/329-818b04c1be77a153c8a9.css b/pull/339/329-5692ad3cd8f27f2ac70f.css
similarity index 100%
rename from pull/339/329-818b04c1be77a153c8a9.css
rename to pull/339/329-5692ad3cd8f27f2ac70f.css
diff --git a/pull/339/329-818b04c1be77a153c8a9.js b/pull/339/329-5692ad3cd8f27f2ac70f.js
similarity index 62%
rename from pull/339/329-818b04c1be77a153c8a9.js
rename to pull/339/329-5692ad3cd8f27f2ac70f.js
index 7d943e35b..581014e3e 100644
--- a/pull/339/329-818b04c1be77a153c8a9.js
+++ b/pull/339/329-5692ad3cd8f27f2ac70f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[329],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),l=u(n(47166)),o=u(n(50026)),i=u(n(66983)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=l.default.bind(i.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:a.default.string},b=function(e){var t=e.children,n=s(e,d),a=r.default.useContext(o.default),i=(0,l.default)(p(["button",a.className]),n.className);return r.default.createElement("button",c({},n,{type:"button",className:i,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};b.propTypes=h;var y=b;t.default=y},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(67294)),a=d(n(45697)),l=d(n(47166)),o=d(n(50026)),i=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var u=l.default.bind(i.default),c={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,l=r.default.useContext(o.default);return r.default.createElement("div",{className:u("notice",n,l.className)},r.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:u("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(a,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};s.propTypes=c,s.defaultProps={ariaLevel:"2",variant:"important"};var p=s;t.default=p},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(67294)),a=c(n(45697)),l=c(n(94184)),o=c(n(47166)),i=c(n(50026)),d=c(n(42620)),u=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(d.default),f={title:a.default.string},h=function(e){var t=e.title,n=p(e,u),a=r.default.useContext(i.default),o=(0,l.default)(m(["placeholder",a.className]),n.className),d=m(["inner"]);return r.default.createElement("div",s({},n,{className:o}),r.default.createElement("div",{className:d},r.default.createElement("p",{className:m("title")},t)))};h.propTypes=f,h.defaultProps={title:""};var b=h;t.default=b},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var r=o(n(59278)),a=o(n(47306)),l=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},50329:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var r=n(87462),a=n(44925),l=(n(67294),n(81254)),o=n(34261),i=n(2010),d=["components"],u={},c="wrapper";function s(e){var t=e.components,n=(0,a.Z)(e,d);return(0,l.mdx)(c,(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.ZP,{mdxType:"PropsTable"},(0,l.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"bannerAction"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n text: {\n type: 'string',\n description: 'The text to display in the banner button.',\n },\n onClick: {\n type: 'func',\n description: 'The Callback function triggered when the action button is clicked. No parameters are passed.',\n },\n},\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The text and corresponding callback to populate the action button of the banner."))),(0,l.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"description"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The message content to display in the banner."))),(0,l.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered when the dismiss button is clicked. The presence of this prop will cause\nthe dismiss button to be included on the banner. No parameters are passed."))),(0,l.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"variant"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'hazard-high'\n 'hazard-medium'\n 'hazard-low'\n 'error'\n 'unsatisfied'\n 'unverified'\n 'custom'\n],\n"))),(0,l.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The variant of notification banner to be rendered. This renders the banner with the corresponding header and icon to the\nvariant concept."))),(0,l.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"custom"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n signalWord: {\n type: 'string',\n description: 'The keyword used to represent & emphasis the intention of banner description that is being shown to the user.',\n },\n iconClassName: {\n type: 'string',\n description: 'The class name used to set the icon as the background image to be used as the icon in the banner.',\n },\n},\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The pieces to populate a banner when ",(0,l.mdx)("inlineCode",{parentName:"p"},'variant="custom"'),".")))))}s.isMDXComponent=!0;var p=["components"],m={},f="wrapper";function h(e){var t=e.components,n=(0,a.Z)(e,p);return(0,l.mdx)(f,(0,r.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"notification-banner"},"Notification Banner"),(0,l.mdx)("p",null,"A Notification Banner should be rendered by a component that needs to render a notification with information that needs to be brought to the user's attention. This is a non-disruptive notification that does not require immediate input or attention by the user."),(0,l.mdx)("p",null,"When rendered, the Notification Banner registers itself with the framework so it is prioritized correctly when any other rendered notification banners before they are is displayed in a list above all other content."),(0,l.mdx)(o.Notice,{ariaLevel:"2",variant:"caution",mdxType:"Notice"},(0,l.mdx)("p",null,"NotificationBanners are only supported when rendered within the following components:"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"/terra-application/pull/339/application/terra-application/components/workspace-content"},"WorkspaceContent")),(0,l.mdx)("li",{parentName:"ul"},"Modal components disclosed by the ",(0,l.mdx)("a",{parentName:"li",href:"/terra-application/pull/339/application/terra-application/components/modal-manager"},"ModalManager")),(0,l.mdx)("li",{parentName:"ul"},"Panel components disclosed by the ",(0,l.mdx)("a",{parentName:"li",href:"/terra-application/pull/339/application/terra-application/components/slide-panel-manager"},"SlidePanelManager"))),(0,l.mdx)("p",null,"Rendering a NotificationBanner outside these locations will result in an exception being thrown.")),(0,l.mdx)("h2",{id:"banner-variants"},"Banner Variants"),(0,l.mdx)("p",null,"The Notification Banner can be used to bring awareness to a user’s risk and non-risk situations that may occur within an application; there are multiple variants provided for common situations. "),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Notification Banners shown for risk situations are intended to notify the user of hazards, such as risks to patient safety or causing financial harm, and provide options to mitigate or remove the hazard. There are three variants of risk oriented notification banners, based on the severity: ",(0,l.mdx)("inlineCode",{parentName:"p"},"hazard-high"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"hazard-medium")," and ",(0,l.mdx)("inlineCode",{parentName:"p"},"hazard-low"),". These variants are rigid to provide consistent icon and signal word pairs to prevent accidental confusion by the user of the banner's severity.")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Notification Banners used in non-risk situations are intended to inform a user of system activity or required actions considered to be non-hazards. Currently there are three pre-defined non-risk oriented notification banner variants: ",(0,l.mdx)("inlineCode",{parentName:"p"},"error"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"unsatisfied")," and ",(0,l.mdx)("inlineCode",{parentName:"p"},"unverified"),".")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"The custom variant allows for less common standardized non-hazard situations, requiring an icon and signal word be provided in addition to the common props. By choosing to create a custom Notification Banner, you are responsible for providing an icon that is themed correctly for the terra-default-theme, orion-fusion-theme, and clinical-lowlight-theme. See Terra’s ",(0,l.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/guides/terra-application/theme-strategy"},"Theme Strategy Guide")," for more info."))),(0,l.mdx)("h2",{id:"banner-priority-order"},"Banner Priority Order"),(0,l.mdx)("p",null,"Notification Banners are prioritized by variant and in the following order:"),(0,l.mdx)("ol",null,(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-high")," - displays a critical notification for current emergencies or situations of high severity that need to be addressed promptly"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-medium")," - recommended to show moderately urgent notifications that are cautionary in nature and forecast potential risk"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-low")," - recommended to provide the user with guidance and/or advice for completing an action"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"error")," - recommended to provide feedback of a negative system status such as failures or limitations of the system"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"unsatisfied")," - recommended to show the user that an unsatisfied or incomplete action needs to be addressed"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"unverified")," - recommended to provide feedback that information from outside systems has been included but has yet to be verified by the user"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"custom")," - not recommended but can be used to create a custom signal word-icon banner to display information to the user")),(0,l.mdx)("h3",{id:"notification-banners-in-the-fusion-theme"},"Notification Banners in the Fusion Theme"),(0,l.mdx)("p",null,"When Notification Banners are rendered within an application that has the orion-fusion-theme applied, the banners will be prioritized in the following order:"),(0,l.mdx)("ol",null,(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-high")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"error")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-medium")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"unsatisfied")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"unverified")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-low")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"custom"))),(0,l.mdx)("p",null,"The expected banner's usage when in the orion-fusion-theme are consistent with the descriptions above, the order is just changed."),(0,l.mdx)("h2",{id:"props"},"Props"),(0,l.mdx)(s,{mdxType:"PropsTable"}),(0,l.mdx)("h2",{id:"testing"},"Testing"),(0,l.mdx)("p",null,"The Notification Banner has the following data attribute available for browser tests:"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"The data attribute, ",(0,l.mdx)("inlineCode",{parentName:"li"},"data-terra-application-notification-banner")," can be used to validate the expected banner exists")),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-js"},"describe('Notification Banner', () => {\n it('renders a notification banner', () => {\n $('#triggerErrorNotificationBanner').click();\n $('[data-terra-application-notification-banner=\"error]').waitForExist();\n Terra.validates.element('shows error banner', { selector: '#root' });\n });\n});\n")))}h.isMDXComponent=!0},2010:(e,t,n)=>{var r=n(64836),a=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return u.Row}}),t.ZP=t.Di=void 0;var l=p(n(67294)),o=r(n(45697)),i=r(n(47166)),d=n(48720),u=p(n(98364)),c=r(n(50007));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var m=i.default.bind(c.default),f={children:o.default.node},h={isRequired:o.default.bool},b=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("bold")},t)};t.O=b,b.propTypes=f;var y=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)};t.Di=y,y.propTypes=f;var _=function(e){var t=e.isRequired;return l.default.createElement(u.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")};t.dS=_,_.propTypes=h;var x=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)};t.mW=x,x.propTypes=f;var v=function(e){var t=e.children;return l.default.createElement(u.Cell,null,t)};t.Ex=v,v.propTypes=f;var g=function(e){var t=e.children,n=(0,l.useContext)(d.ThemeContext);return l.default.createElement(u.default,{paddingStyle:"compact",className:m("table",n.className)},l.default.createElement(u.Header,{className:m("header")},l.default.createElement(u.HeaderCell,null,"Prop"),l.default.createElement(u.HeaderCell,null,"Type"),l.default.createElement(u.HeaderCell,null,"Required"),l.default.createElement(u.HeaderCell,null,"Default"),l.default.createElement(u.HeaderCell,null,"Description")),l.default.createElement(u.Body,null,t))};g.propTypes=f;var O=g;t.ZP=O},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},17893:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},50007:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(67294)),a=c(n(45697)),l=c(n(94184)),o=c(n(47166)),i=c(n(50026)),d=c(n(17893)),u=["children","disableStripes","paddingStyle"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},h=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=p(e,u),d=r.default.useContext(i.default),c=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),o.className);return r.default.createElement("table",s({},o,{className:c}),t)};h.propTypes=f,h.defaultProps={disableStripes:!1,paddingStyle:"none"};var b=h;t.default=b},51523:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(45697)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("tbody",n,t)};u.propTypes=d,u.defaultProps={children:[]};var c=u;t.default=c},58741:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(45697)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("td",n,t)};u.propTypes=d,u.defaultProps={children:[]};var c=u;t.default=c},90703:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(67294)),a=i(n(45697)),l=i(n(96576)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},c=function(e){var t=e.children,n=d(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};c.propTypes=u,c.defaultProps={children:[]};var s=c;t.default=s},8078:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(45697)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("th",n,t)};u.propTypes=d,u.defaultProps={children:[]};var c=u;t.default=c},73045:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),l=u(n(47166)),o=u(n(17893)),i=u(n(96576)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=l.default.bind(o.default),m={children:a.default.node},f=function(e){var t=e.children,n=s(e,d),a=p(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};var h=f;t.default=h},96576:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(67294))&&r.__esModule?r:{default:r};var l={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},98364:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=u(n(89650)),a=u(n(51523)),l=u(n(73045)),o=u(n(58741)),i=u(n(90703)),d=u(n(8078));function u(e){return e&&e.__esModule?e:{default:e}}var c=r.default;t.default=c},87462:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})},44925:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(t,{Z:()=>r})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[329],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),l=u(n(47166)),o=u(n(50026)),i=u(n(66983)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=l.default.bind(i.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:a.default.string},b=function(e){var t=e.children,n=s(e,d),a=r.default.useContext(o.default),i=(0,l.default)(p(["button",a.className]),n.className);return r.default.createElement("button",c({},n,{type:"button",className:i,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};b.propTypes=h;var y=b;t.default=y},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(67294)),a=d(n(45697)),l=d(n(47166)),o=d(n(50026)),i=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var u=l.default.bind(i.default),c={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,l=r.default.useContext(o.default);return r.default.createElement("div",{className:u("notice",n,l.className)},r.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:u("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(a,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};s.propTypes=c,s.defaultProps={ariaLevel:"2",variant:"important"};var p=s;t.default=p},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(67294)),a=c(n(45697)),l=c(n(94184)),o=c(n(47166)),i=c(n(50026)),d=c(n(42620)),u=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(d.default),f={title:a.default.string},h=function(e){var t=e.title,n=p(e,u),a=r.default.useContext(i.default),o=(0,l.default)(m(["placeholder",a.className]),n.className),d=m(["inner"]);return r.default.createElement("div",s({},n,{className:o}),r.default.createElement("div",{className:d},r.default.createElement("p",{className:m("title")},t)))};h.propTypes=f,h.defaultProps={title:""};var b=h;t.default=b},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var r=o(n(59278)),a=o(n(47306)),l=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},50329:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var r=n(87462),a=n(44925),l=(n(67294),n(81254)),o=n(34261),i=n(2010),d=["components"],u={},c="wrapper";function s(e){var t=e.components,n=(0,a.Z)(e,d);return(0,l.mdx)(c,(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.ZP,{mdxType:"PropsTable"},(0,l.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"bannerAction"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n text: {\n type: 'string',\n description: 'The text to display in the banner button.',\n },\n onClick: {\n type: 'func',\n description: 'The Callback function triggered when the action button is clicked. No parameters are passed.',\n },\n},\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The text and corresponding callback to populate the action button of the banner."))),(0,l.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"description"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The message content to display in the banner."))),(0,l.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered when the dismiss button is clicked. The presence of this prop will cause\nthe dismiss button to be included on the banner. No parameters are passed."))),(0,l.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"variant"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'hazard-high'\n 'hazard-medium'\n 'hazard-low'\n 'error'\n 'unsatisfied'\n 'unverified'\n 'custom'\n],\n"))),(0,l.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The variant of notification banner to be rendered. This renders the banner with the corresponding header and icon to the\nvariant concept."))),(0,l.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(i.O,{mdxType:"PropNameCell"},"custom"),(0,l.mdx)(i.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n signalWord: {\n type: 'string',\n description: 'The keyword used to represent & emphasis the intention of banner description that is being shown to the user.',\n },\n iconClassName: {\n type: 'string',\n description: 'The class name used to set the icon as the background image to be used as the icon in the banner.',\n },\n},\n"))),(0,l.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The pieces to populate a banner when ",(0,l.mdx)("inlineCode",{parentName:"p"},'variant="custom"'),".")))))}s.isMDXComponent=!0;var p=["components"],m={},f="wrapper";function h(e){var t=e.components,n=(0,a.Z)(e,p);return(0,l.mdx)(f,(0,r.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"notification-banner"},"Notification Banner"),(0,l.mdx)("p",null,"A Notification Banner should be rendered by a component that needs to render a notification with information that needs to be brought to the user's attention. This is a non-disruptive notification that does not require immediate input or attention by the user."),(0,l.mdx)("p",null,"When rendered, the Notification Banner registers itself with the framework so it is prioritized correctly when any other rendered notification banners before they are is displayed in a list above all other content."),(0,l.mdx)(o.Notice,{ariaLevel:"2",variant:"caution",mdxType:"Notice"},(0,l.mdx)("p",null,"NotificationBanners are only supported when rendered within the following components:"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"/terra-application/pull/339/application/terra-application/components/workspace-content"},"WorkspaceContent")),(0,l.mdx)("li",{parentName:"ul"},"Modal components disclosed by the ",(0,l.mdx)("a",{parentName:"li",href:"/terra-application/pull/339/application/terra-application/components/modal-manager"},"ModalManager")),(0,l.mdx)("li",{parentName:"ul"},"Panel components disclosed by the ",(0,l.mdx)("a",{parentName:"li",href:"/terra-application/pull/339/application/terra-application/components/slide-panel-manager"},"SlidePanelManager"))),(0,l.mdx)("p",null,"Rendering a NotificationBanner outside these locations will result in an exception being thrown.")),(0,l.mdx)("h2",{id:"banner-variants"},"Banner Variants"),(0,l.mdx)("p",null,"The Notification Banner can be used to bring awareness to a user’s risk and non-risk situations that may occur within an application; there are multiple variants provided for common situations. "),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Notification Banners shown for risk situations are intended to notify the user of hazards, such as risks to patient safety or causing financial harm, and provide options to mitigate or remove the hazard. There are three variants of risk oriented notification banners, based on the severity: ",(0,l.mdx)("inlineCode",{parentName:"p"},"hazard-high"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"hazard-medium")," and ",(0,l.mdx)("inlineCode",{parentName:"p"},"hazard-low"),". These variants are rigid to provide consistent icon and signal word pairs to prevent accidental confusion by the user of the banner's severity.")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Notification Banners used in non-risk situations are intended to inform a user of system activity or required actions considered to be non-hazards. Currently there are three pre-defined non-risk oriented notification banner variants: ",(0,l.mdx)("inlineCode",{parentName:"p"},"error"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"unsatisfied")," and ",(0,l.mdx)("inlineCode",{parentName:"p"},"unverified"),".")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"The custom variant allows for less common standardized non-hazard situations, requiring an icon and signal word be provided in addition to the common props. By choosing to create a custom Notification Banner, you are responsible for providing an icon that is themed correctly for the terra-default-theme, orion-fusion-theme, and clinical-lowlight-theme. See Terra’s ",(0,l.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/guides/terra-application/theme-strategy"},"Theme Strategy Guide")," for more info."))),(0,l.mdx)("h2",{id:"banner-priority-order"},"Banner Priority Order"),(0,l.mdx)("p",null,"Notification Banners are prioritized by variant and in the following order:"),(0,l.mdx)("ol",null,(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-high")," - displays a critical notification for current emergencies or situations of high severity that need to be addressed promptly"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-medium")," - recommended to show moderately urgent notifications that are cautionary in nature and forecast potential risk"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-low")," - recommended to provide the user with guidance and/or advice for completing an action"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"error")," - recommended to provide feedback of a negative system status such as failures or limitations of the system"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"unsatisfied")," - recommended to show the user that an unsatisfied or incomplete action needs to be addressed"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"unverified")," - recommended to provide feedback that information from outside systems has been included but has yet to be verified by the user"),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"custom")," - not recommended but can be used to create a custom signal word-icon banner to display information to the user")),(0,l.mdx)("h3",{id:"notification-banners-in-the-fusion-theme"},"Notification Banners in the Fusion Theme"),(0,l.mdx)("p",null,"When Notification Banners are rendered within an application that has the orion-fusion-theme applied, the banners will be prioritized in the following order:"),(0,l.mdx)("ol",null,(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-high")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"error")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-medium")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"unsatisfied")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"unverified")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"hazard-low")),(0,l.mdx)("li",{parentName:"ol"},(0,l.mdx)("inlineCode",{parentName:"li"},"custom"))),(0,l.mdx)("p",null,"The expected banner's usage when in the orion-fusion-theme are consistent with the descriptions above, the order is just changed."),(0,l.mdx)("h2",{id:"props"},"Props"),(0,l.mdx)(s,{mdxType:"PropsTable"}),(0,l.mdx)("h2",{id:"testing"},"Testing"),(0,l.mdx)("p",null,"The Notification Banner has the following data attribute available for browser tests:"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"The data attribute, ",(0,l.mdx)("inlineCode",{parentName:"li"},"data-terra-application-notification-banner")," can be used to validate the expected banner exists")),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-js"},"describe('Notification Banner', () => {\n it('renders a notification banner', () => {\n $('#triggerErrorNotificationBanner').click();\n $('[data-terra-application-notification-banner=\"error]').waitForExist();\n Terra.validates.element('shows error banner', { selector: '#root' });\n });\n});\n")))}h.isMDXComponent=!0},2010:(e,t,n)=>{var r=n(64836),a=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return u.Row}}),t.ZP=t.Di=void 0;var l=p(n(67294)),o=r(n(45697)),i=r(n(47166)),d=n(48720),u=p(n(98364)),c=r(n(50007));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var m=i.default.bind(c.default),f={children:o.default.node},h={isRequired:o.default.bool};(t.O=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("bold")},t)}).propTypes=f,(t.Di=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.dS=function(e){var t=e.isRequired;return l.default.createElement(u.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=h,(t.mW=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.Ex=function(e){var t=e.children;return l.default.createElement(u.Cell,null,t)}).propTypes=f;var b=function(e){var t=e.children,n=(0,l.useContext)(d.ThemeContext);return l.default.createElement(u.default,{paddingStyle:"compact",className:m("table",n.className)},l.default.createElement(u.Header,{className:m("header")},l.default.createElement(u.HeaderCell,null,"Prop"),l.default.createElement(u.HeaderCell,null,"Type"),l.default.createElement(u.HeaderCell,null,"Required"),l.default.createElement(u.HeaderCell,null,"Default"),l.default.createElement(u.HeaderCell,null,"Description")),l.default.createElement(u.Body,null,t))};b.propTypes=f;t.ZP=b},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},17893:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},50007:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(67294)),a=c(n(45697)),l=c(n(94184)),o=c(n(47166)),i=c(n(50026)),d=c(n(17893)),u=["children","disableStripes","paddingStyle"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},h=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=p(e,u),d=r.default.useContext(i.default),c=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),o.className);return r.default.createElement("table",s({},o,{className:c}),t)};h.propTypes=f,h.defaultProps={disableStripes:!1,paddingStyle:"none"};var b=h;t.default=b},51523:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(45697)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("tbody",n,t)};u.propTypes=d,u.defaultProps={children:[]};var c=u;t.default=c},58741:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(45697)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("td",n,t)};u.propTypes=d,u.defaultProps={children:[]};var c=u;t.default=c},90703:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(67294)),a=i(n(45697)),l=i(n(96576)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},c=function(e){var t=e.children,n=d(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};c.propTypes=u,c.defaultProps={children:[]};var s=c;t.default=s},8078:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(45697)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("th",n,t)};u.propTypes=d,u.defaultProps={children:[]};var c=u;t.default=c},73045:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),l=u(n(47166)),o=u(n(17893)),i=u(n(96576)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=l.default.bind(o.default),m={children:a.default.node},f=function(e){var t=e.children,n=s(e,d),a=p(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};var h=f;t.default=h},96576:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(67294))&&r.__esModule?r:{default:r};var l={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},98364:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=u(n(89650)),a=u(n(51523)),l=u(n(73045)),o=u(n(58741)),i=u(n(90703)),d=u(n(8078));function u(e){return e&&e.__esModule?e:{default:e}}var c=r.default;t.default=c},87462:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})},44925:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(t,{Z:()=>r})}}]);
\ No newline at end of file
diff --git a/pull/339/3311-c10b65e16f94b3e5d0e5.js b/pull/339/3311-d487fadf25998bdc4278.js
similarity index 100%
rename from pull/339/3311-c10b65e16f94b3e5d0e5.js
rename to pull/339/3311-d487fadf25998bdc4278.js
diff --git a/pull/339/344-c21ee4d463ed6606c414.js b/pull/339/344-402c4cff3fef8c4fd1ab.js
similarity index 100%
rename from pull/339/344-c21ee4d463ed6606c414.js
rename to pull/339/344-402c4cff3fef8c4fd1ab.js
diff --git a/pull/339/3472-348501b2f04cca8b37ba.js b/pull/339/3472-348501b2f04cca8b37ba.js
deleted file mode 100644
index 3984f67e8..000000000
--- a/pull/339/3472-348501b2f04cca8b37ba.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3472],{73472:(t,e,n)=>{var u=n(64836),a=n(18698);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=u(n(27424)),r=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!==a(t)&&"function"!=typeof t)return{default:t};var n=c(e);if(n&&n.has(t))return n.get(t);var u={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in t)if("default"!==r&&Object.prototype.hasOwnProperty.call(t,r)){var i=o?Object.getOwnPropertyDescriptor(t,r):null;i&&(i.get||i.set)?Object.defineProperty(u,r,i):u[r]=t[r]}u.default=t,n&&n.set(t,u);return u}(n(67294)),i=u(n(24536)),l=u(n(30187));function c(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,n=new WeakMap;return(c=function(t){return t?n:e})(t)}var f=function(){var t=(0,r.useState)(),e=(0,o.default)(t,2),n=e[0],u=e[1],a=(0,r.useState)(!1),c=(0,o.default)(a,2),f=c[0],d=c[1];return r.default.createElement(r.default.Fragment,null,r.default.createElement("button",{id:"reset-button",type:"button",onClick:function(){d(!1)}},"Reset"),r.default.createElement("button",{id:"no-data-button",type:"button",onClick:function(){d(!0),u("no-data")}},"Show No Data Status View"),r.default.createElement("button",{id:"error-button",type:"button",onClick:function(){d(!0),u("error")}},"Show Error Status View"),r.default.createElement("button",{id:"no-matching-results-button",type:"button",onClick:function(){d(!0),u("no-matching-results")}},"Show No Matching Results Status View"),r.default.createElement("button",{id:"not-authorized-button",type:"button",onClick:function(){d(!0),u("not-authorized")}},"Show Not Authorized Status View"),r.default.createElement(l.default,{id:"test-status-view-container"},f&&r.default.createElement(i.default,{variant:n})))};e.default=f}}]);
\ No newline at end of file
diff --git a/pull/339/3472-3c858175cb6b013b5a9b.js b/pull/339/3472-3c858175cb6b013b5a9b.js
new file mode 100644
index 000000000..6894eb454
--- /dev/null
+++ b/pull/339/3472-3c858175cb6b013b5a9b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3472],{73472:(t,e,n)=>{var u=n(64836),o=n(18698);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=u(n(27424)),r=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=o(t)&&"function"!=typeof t)return{default:t};var n=c(e);if(n&&n.has(t))return n.get(t);var u={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in t)if("default"!==r&&Object.prototype.hasOwnProperty.call(t,r)){var l=a?Object.getOwnPropertyDescriptor(t,r):null;l&&(l.get||l.set)?Object.defineProperty(u,r,l):u[r]=t[r]}return u.default=t,n&&n.set(t,u),u}(n(67294)),l=u(n(24536)),i=u(n(30187));function c(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,n=new WeakMap;return(c=function(t){return t?n:e})(t)}e.default=function(){var t=(0,r.useState)(),e=(0,a.default)(t,2),n=e[0],u=e[1],o=(0,r.useState)(!1),c=(0,a.default)(o,2),f=c[0],d=c[1];return r.default.createElement(r.default.Fragment,null,r.default.createElement("button",{id:"reset-button",type:"button",onClick:function(){d(!1)}},"Reset"),r.default.createElement("button",{id:"no-data-button",type:"button",onClick:function(){d(!0),u("no-data")}},"Show No Data Status View"),r.default.createElement("button",{id:"error-button",type:"button",onClick:function(){d(!0),u("error")}},"Show Error Status View"),r.default.createElement("button",{id:"no-matching-results-button",type:"button",onClick:function(){d(!0),u("no-matching-results")}},"Show No Matching Results Status View"),r.default.createElement("button",{id:"not-authorized-button",type:"button",onClick:function(){d(!0),u("not-authorized")}},"Show Not Authorized Status View"),r.default.createElement(i.default,{id:"test-status-view-container"},f&&r.default.createElement(l.default,{variant:n})))}}}]);
\ No newline at end of file
diff --git a/pull/339/3480-0f5585f269fa5469c1fc.js b/pull/339/3480-afee898aac6fe9334437.js
similarity index 100%
rename from pull/339/3480-0f5585f269fa5469c1fc.js
rename to pull/339/3480-afee898aac6fe9334437.js
diff --git a/pull/339/3524-ce7f615b990d736d6dff.js b/pull/339/3524-4b7d882d62f697d54e1b.js
similarity index 100%
rename from pull/339/3524-ce7f615b990d736d6dff.js
rename to pull/339/3524-4b7d882d62f697d54e1b.js
diff --git a/pull/339/3545-bb46d1a1382696c71f57.js b/pull/339/3545-764da7ae811947f7132e.js
similarity index 100%
rename from pull/339/3545-bb46d1a1382696c71f57.js
rename to pull/339/3545-764da7ae811947f7132e.js
diff --git a/pull/339/3641-42699b4bfc03c7284ea2.js b/pull/339/3641-42699b4bfc03c7284ea2.js
deleted file mode 100644
index 1f9d23b0a..000000000
--- a/pull/339/3641-42699b4bfc03c7284ea2.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3641],{74094:(e,t,l)=>{var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(67294)),o=a(l(47166)),d=l(97132),m=l(48720),u=a(l(74363)),r=o.default.bind(u.default),c=function(){var e=n.default.useContext(m.ThemeContext),t=(0,d.useIntl)();return n.default.createElement("div",{className:r("themed",e.className)},n.default.createElement("h1",null,"Themed block below"),n.default.createElement("div",{className:r("themed-block")}),n.default.createElement("h1",null,"Translated block below"),n.default.createElement("h1",null,t.formatMessage({id:"Terra.applicationDocs.themed.help"})))};t.default=c},53641:(e,t,l)=>{var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n.default}});var n=a(l(74094))},74363:(e,t,l)=>{l.r(t),l.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ThemedComponent-module__clinical-lowlight-theme___rXEnJ","orion-fusion-theme":"ThemedComponent-module__orion-fusion-theme___pAMdU",themed:"ThemedComponent-module__themed___BXbhR","themed-block":"ThemedComponent-module__themed-block___RGHDn"}}}]);
\ No newline at end of file
diff --git a/pull/339/3641-42699b4bfc03c7284ea2.css b/pull/339/3641-de2582bccad9325bcdea.css
similarity index 100%
rename from pull/339/3641-42699b4bfc03c7284ea2.css
rename to pull/339/3641-de2582bccad9325bcdea.css
diff --git a/pull/339/3641-de2582bccad9325bcdea.js b/pull/339/3641-de2582bccad9325bcdea.js
new file mode 100644
index 000000000..fe89e2a1a
--- /dev/null
+++ b/pull/339/3641-de2582bccad9325bcdea.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3641],{74094:(e,t,l)=>{var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(67294)),o=a(l(47166)),d=l(97132),m=l(48720),u=a(l(74363)),r=o.default.bind(u.default);t.default=function(){var e=n.default.useContext(m.ThemeContext),t=(0,d.useIntl)();return n.default.createElement("div",{className:r("themed",e.className)},n.default.createElement("h1",null,"Themed block below"),n.default.createElement("div",{className:r("themed-block")}),n.default.createElement("h1",null,"Translated block below"),n.default.createElement("h1",null,t.formatMessage({id:"Terra.applicationDocs.themed.help"})))}},53641:(e,t,l)=>{var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n.default}});var n=a(l(74094))},74363:(e,t,l)=>{l.r(t),l.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ThemedComponent-module__clinical-lowlight-theme___rXEnJ","orion-fusion-theme":"ThemedComponent-module__orion-fusion-theme___pAMdU",themed:"ThemedComponent-module__themed___BXbhR","themed-block":"ThemedComponent-module__themed-block___RGHDn"}}}]);
\ No newline at end of file
diff --git a/pull/339/3643-ae31ff869870677b4469.css b/pull/339/3643-860f492ec97aa007bc16.css
similarity index 100%
rename from pull/339/3643-ae31ff869870677b4469.css
rename to pull/339/3643-860f492ec97aa007bc16.css
diff --git a/pull/339/3643-ae31ff869870677b4469.js b/pull/339/3643-860f492ec97aa007bc16.js
similarity index 60%
rename from pull/339/3643-ae31ff869870677b4469.js
rename to pull/339/3643-860f492ec97aa007bc16.js
index 43ed4a149..89f7868de 100644
--- a/pull/339/3643-ae31ff869870677b4469.js
+++ b/pull/339/3643-860f492ec97aa007bc16.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3643],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),l=u(n(45697)),a=u(n(47166)),o=u(n(50026)),d=u(n(66983)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m=a.default.bind(d.default),s=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y={children:l.default.string},x=function(e){var t=e.children,n=c(e,i),l=r.default.useContext(o.default),d=(0,a.default)(m(["button",l.className]),n.className);return r.default.createElement("button",p({},n,{type:"button",className:d,onBlur:s,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};x.propTypes=y;var _=x;t.default=_},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(67294)),l=i(n(45697)),a=i(n(47166)),o=i(n(50026)),d=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var u=a.default.bind(d.default),p={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,l=e.children,a=r.default.useContext(o.default);return r.default.createElement("div",{className:u("notice",n,a.className)},r.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:u("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(l,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};c.propTypes=p,c.defaultProps={ariaLevel:"2",variant:"important"};var m=c;t.default=m},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(67294)),l=p(n(45697)),a=p(n(94184)),o=p(n(47166)),d=p(n(50026)),i=p(n(42620)),u=["title"];function p(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=o.default.bind(i.default),f={title:l.default.string},y=function(e){var t=e.title,n=m(e,u),l=r.default.useContext(d.default),o=(0,a.default)(s(["placeholder",l.className]),n.className),i=s(["inner"]);return r.default.createElement("div",c({},n,{className:o}),r.default.createElement("div",{className:i},r.default.createElement("p",{className:s("title")},t)))};y.propTypes=f,y.defaultProps={title:""};var x=y;t.default=x},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var r=o(n(59278)),l=o(n(47306)),a=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},43643:(e,t,n)=>{n.r(t),n.d(t,{default:()=>N});var r=n(87462),l=n(44925),a=(n(67294),n(81254)),o=n(2010),d=["components"],i={},u="wrapper";function p(e){var t=e.components,n=(0,l.Z)(e,d);return(0,a.mdx)(u,(0,r.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child node content to be displayed within the content region."))),(0,a.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"label"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Text to be displayed as the title of the workspace content.\nSpecial Note: this prop is optional and should be used with caution. If this prop is not provided, the workspace content title is injected by default using the label specified in ",(0,a.mdx)("inlineCode",{parentName:"p"},"WorkspaceItem")," ",(0,a.mdx)("em",{parentName:"p"},"(recommended without additional guidance)"),". Providing this prop will override the default text and will need to follow proper accessibility guidelines."))),(0,a.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"toolbar"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Optional toolbar to be displayed outside of the content region."))),(0,a.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"statusOverlay"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A WorkspaceContent.StatusOverlay component instance to be rendered on top of the provided children."))),(0,a.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"activityOverlay"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A WorkspaceContent.ActivityOverlay component instance to be rendered on top of the provided children.")))))}p.isMDXComponent=!0;var c=["components"],m={},s="wrapper";function f(e){var t=e.components,n=(0,l.Z)(e,c);return(0,a.mdx)(s,(0,r.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'no-data'\n 'no-matching-results'\n 'not-authorized'\n 'error'\n],\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The status variant indicating which messaging should be rendered."))),(0,a.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"message"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The message to render within the overlay."))),(0,a.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The StatusOverlay.Button components to render within the status overlay.")))))}f.isMDXComponent=!0;var y=["components"],x={},_="wrapper";function v(e){var t=e.components,n=(0,l.Z)(e,y);return(0,a.mdx)(_,(0,r.Z)({},x,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Text to render within the button."))),(0,a.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function executed on button selection.")))))}v.isMDXComponent=!0;var b=["components"],h={},O="wrapper";function g(e){var t=e.components,n=(0,l.Z)(e,b);return(0,a.mdx)(O,(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'loading'\n],\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String determining which activity variant to render.")))))}g.isMDXComponent=!0;n(34261);var T=["components"],C={},P="wrapper";function N(e){var t=e.components,n=(0,l.Z)(e,T);return(0,a.mdx)(P,(0,r.Z)({},C,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"workspacecontent"},"WorkspaceContent"),(0,a.mdx)("p",null,"The WorkspaceContent component is essential for integrating into the workspace. It provides the necessary UI and API hooks to present content consistently in the workspace ecosystem. "),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { WorkspaceContent } from 'terra-application/lib/workspace';\n")),(0,a.mdx)("p",null,"Please see the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/how-to/create-workspace-content"},"How To Create Workspace Content")," guide for more usage information."),(0,a.mdx)("h2",{id:"props"},"Props"),(0,a.mdx)(p,{mdxType:"WorkspaceContentProps"}),(0,a.mdx)("h2",{id:"subcomponents"},"Subcomponents"),(0,a.mdx)("h3",{id:"workspacecontentstatusoverlay"},"WorkspaceContent.StatusOverlay"),(0,a.mdx)("p",null,"An instance of the ",(0,a.mdx)("inlineCode",{parentName:"p"},"WorkspaceContent.StatusOverlay")," component can be provided to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"statusOverlay")," prop to present an interaction-blocking status indicator over the WorkspaceContent's children."),(0,a.mdx)("h4",{id:"props-1"},"Props"),(0,a.mdx)(f,{mdxType:"WorkspaceContentStatusOverlayProps"}),(0,a.mdx)("h3",{id:"workspacecontentstatusoverlaybutton"},"WorkspaceContent.StatusOverlay.Button"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"StatusOverlay.Button")," component should be supplied as children to the StatusOverlay when actions are desired within the status view."),(0,a.mdx)("h4",{id:"props-2"},"Props"),(0,a.mdx)(v,{mdxType:"WorkspaceContentStatusOverlayButtonProps"}),(0,a.mdx)("h3",{id:"workspacecontentactivityoverlay"},"WorkspaceContent.ActivityOverlay"),(0,a.mdx)("p",null,"An instance of the ",(0,a.mdx)("inlineCode",{parentName:"p"},"WorkspaceContent.ActivityOverlay")," component can be provided to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"activityOverlay")," prop to present an interaction-blocking overlay over the WorkspaceContent's children."),(0,a.mdx)("h4",{id:"props-3"},"Props"),(0,a.mdx)(g,{mdxType:"WorkspaceContentActivityOverlayProps"}))}N.isMDXComponent=!0},2010:(e,t,n)=>{var r=n(64836),l=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return u.Row}}),t.ZP=t.Di=void 0;var a=m(n(67294)),o=r(n(45697)),d=r(n(47166)),i=n(48720),u=m(n(98364)),p=r(n(50007));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function m(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var s=d.default.bind(p.default),f={children:o.default.node},y={isRequired:o.default.bool},x=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:s("bold")},t)};t.O=x,x.propTypes=f;var _=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:s("code-block-override")},t)};t.Di=_,_.propTypes=f;var v=function(e){var t=e.isRequired;return a.default.createElement(u.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")};t.dS=v,v.propTypes=y;var b=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:s("code-block-override")},t)};t.mW=b,b.propTypes=f;var h=function(e){var t=e.children;return a.default.createElement(u.Cell,null,t)};t.Ex=h,h.propTypes=f;var O=function(e){var t=e.children,n=(0,a.useContext)(i.ThemeContext);return a.default.createElement(u.default,{paddingStyle:"compact",className:s("table",n.className)},a.default.createElement(u.Header,{className:s("header")},a.default.createElement(u.HeaderCell,null,"Prop"),a.default.createElement(u.HeaderCell,null,"Type"),a.default.createElement(u.HeaderCell,null,"Required"),a.default.createElement(u.HeaderCell,null,"Default"),a.default.createElement(u.HeaderCell,null,"Description")),a.default.createElement(u.Body,null,t))};O.propTypes=f;var g=O;t.ZP=g},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},17893:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},50007:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(67294)),l=p(n(45697)),a=p(n(94184)),o=p(n(47166)),d=p(n(50026)),i=p(n(17893)),u=["children","disableStripes","paddingStyle"];function p(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=o.default.bind(i.default),f={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,o=m(e,u),i=r.default.useContext(d.default),p=(0,a.default)(s("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},i.className),o.className);return r.default.createElement("table",c({},o,{className:p}),t)};y.propTypes=f,y.defaultProps={disableStripes:!1,paddingStyle:"none"};var x=y;t.default=x},51523:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),l=o(n(45697)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},u=function(e){var t=e.children,n=d(e,a);return r.default.createElement("tbody",n,t)};u.propTypes=i,u.defaultProps={children:[]};var p=u;t.default=p},58741:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),l=o(n(45697)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},u=function(e){var t=e.children,n=d(e,a);return r.default.createElement("td",n,t)};u.propTypes=i,u.defaultProps={children:[]};var p=u;t.default=p},90703:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(67294)),l=d(n(45697)),a=d(n(96576)),o=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var u={children:l.default.node},p=function(e){var t=e.children,n=i(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.default.addScope(t,"col")))};p.propTypes=u,p.defaultProps={children:[]};var c=p;t.default=c},8078:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),l=o(n(45697)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},u=function(e){var t=e.children,n=d(e,a);return r.default.createElement("th",n,t)};u.propTypes=i,u.defaultProps={children:[]};var p=u;t.default=p},73045:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),l=u(n(45697)),a=u(n(47166)),o=u(n(17893)),d=u(n(96576)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m=a.default.bind(o.default),s={children:l.default.node},f=function(e){var t=e.children,n=c(e,i),l=m(["row"]);return r.default.createElement("tr",p({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),d.default.addScope(t,"row"))};f.propTypes=s,f.defaultProps={children:[]};var y=f;t.default=y},96576:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,l=(r=n(67294))&&r.__esModule?r:{default:r};var a={addScope:function(e,t){var n=[];return l.default.Children.forEach(e,(function(e){n.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=a},98364:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=u(n(89650)),l=u(n(51523)),a=u(n(73045)),o=u(n(58741)),d=u(n(90703)),i=u(n(8078));function u(e){return e&&e.__esModule?e:{default:e}}var p=r.default;t.default=p},87462:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})},44925:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{Z:()=>r})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3643],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),l=u(n(45697)),a=u(n(47166)),o=u(n(50026)),d=u(n(66983)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m=a.default.bind(d.default),s=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y={children:l.default.string},x=function(e){var t=e.children,n=c(e,i),l=r.default.useContext(o.default),d=(0,a.default)(m(["button",l.className]),n.className);return r.default.createElement("button",p({},n,{type:"button",className:d,onBlur:s,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};x.propTypes=y;var _=x;t.default=_},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(67294)),l=i(n(45697)),a=i(n(47166)),o=i(n(50026)),d=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var u=a.default.bind(d.default),p={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,l=e.children,a=r.default.useContext(o.default);return r.default.createElement("div",{className:u("notice",n,a.className)},r.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:u("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(l,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};c.propTypes=p,c.defaultProps={ariaLevel:"2",variant:"important"};var m=c;t.default=m},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(67294)),l=p(n(45697)),a=p(n(94184)),o=p(n(47166)),d=p(n(50026)),i=p(n(42620)),u=["title"];function p(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=o.default.bind(i.default),f={title:l.default.string},y=function(e){var t=e.title,n=m(e,u),l=r.default.useContext(d.default),o=(0,a.default)(s(["placeholder",l.className]),n.className),i=s(["inner"]);return r.default.createElement("div",c({},n,{className:o}),r.default.createElement("div",{className:i},r.default.createElement("p",{className:s("title")},t)))};y.propTypes=f,y.defaultProps={title:""};var x=y;t.default=x},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var r=o(n(59278)),l=o(n(47306)),a=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},43643:(e,t,n)=>{n.r(t),n.d(t,{default:()=>N});var r=n(87462),l=n(44925),a=(n(67294),n(81254)),o=n(2010),d=["components"],i={},u="wrapper";function p(e){var t=e.components,n=(0,l.Z)(e,d);return(0,a.mdx)(u,(0,r.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child node content to be displayed within the content region."))),(0,a.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"label"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Text to be displayed as the title of the workspace content.\nSpecial Note: this prop is optional and should be used with caution. If this prop is not provided, the workspace content title is injected by default using the label specified in ",(0,a.mdx)("inlineCode",{parentName:"p"},"WorkspaceItem")," ",(0,a.mdx)("em",{parentName:"p"},"(recommended without additional guidance)"),". Providing this prop will override the default text and will need to follow proper accessibility guidelines."))),(0,a.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"toolbar"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Optional toolbar to be displayed outside of the content region."))),(0,a.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"statusOverlay"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A WorkspaceContent.StatusOverlay component instance to be rendered on top of the provided children."))),(0,a.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"activityOverlay"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A WorkspaceContent.ActivityOverlay component instance to be rendered on top of the provided children.")))))}p.isMDXComponent=!0;var c=["components"],m={},s="wrapper";function f(e){var t=e.components,n=(0,l.Z)(e,c);return(0,a.mdx)(s,(0,r.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'no-data'\n 'no-matching-results'\n 'not-authorized'\n 'error'\n],\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The status variant indicating which messaging should be rendered."))),(0,a.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"message"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The message to render within the overlay."))),(0,a.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The StatusOverlay.Button components to render within the status overlay.")))))}f.isMDXComponent=!0;var y=["components"],x={},_="wrapper";function v(e){var t=e.components,n=(0,l.Z)(e,y);return(0,a.mdx)(_,(0,r.Z)({},x,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Text to render within the button."))),(0,a.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function executed on button selection.")))))}v.isMDXComponent=!0;var b=["components"],h={},O="wrapper";function g(e){var t=e.components,n=(0,l.Z)(e,b);return(0,a.mdx)(O,(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'loading'\n],\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String determining which activity variant to render.")))))}g.isMDXComponent=!0;n(34261);var T=["components"],C={},P="wrapper";function N(e){var t=e.components,n=(0,l.Z)(e,T);return(0,a.mdx)(P,(0,r.Z)({},C,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"workspacecontent"},"WorkspaceContent"),(0,a.mdx)("p",null,"The WorkspaceContent component is essential for integrating into the workspace. It provides the necessary UI and API hooks to present content consistently in the workspace ecosystem. "),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { WorkspaceContent } from 'terra-application/lib/workspace';\n")),(0,a.mdx)("p",null,"Please see the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/how-to/create-workspace-content"},"How To Create Workspace Content")," guide for more usage information."),(0,a.mdx)("h2",{id:"props"},"Props"),(0,a.mdx)(p,{mdxType:"WorkspaceContentProps"}),(0,a.mdx)("h2",{id:"subcomponents"},"Subcomponents"),(0,a.mdx)("h3",{id:"workspacecontentstatusoverlay"},"WorkspaceContent.StatusOverlay"),(0,a.mdx)("p",null,"An instance of the ",(0,a.mdx)("inlineCode",{parentName:"p"},"WorkspaceContent.StatusOverlay")," component can be provided to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"statusOverlay")," prop to present an interaction-blocking status indicator over the WorkspaceContent's children."),(0,a.mdx)("h4",{id:"props-1"},"Props"),(0,a.mdx)(f,{mdxType:"WorkspaceContentStatusOverlayProps"}),(0,a.mdx)("h3",{id:"workspacecontentstatusoverlaybutton"},"WorkspaceContent.StatusOverlay.Button"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"StatusOverlay.Button")," component should be supplied as children to the StatusOverlay when actions are desired within the status view."),(0,a.mdx)("h4",{id:"props-2"},"Props"),(0,a.mdx)(v,{mdxType:"WorkspaceContentStatusOverlayButtonProps"}),(0,a.mdx)("h3",{id:"workspacecontentactivityoverlay"},"WorkspaceContent.ActivityOverlay"),(0,a.mdx)("p",null,"An instance of the ",(0,a.mdx)("inlineCode",{parentName:"p"},"WorkspaceContent.ActivityOverlay")," component can be provided to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"activityOverlay")," prop to present an interaction-blocking overlay over the WorkspaceContent's children."),(0,a.mdx)("h4",{id:"props-3"},"Props"),(0,a.mdx)(g,{mdxType:"WorkspaceContentActivityOverlayProps"}))}N.isMDXComponent=!0},2010:(e,t,n)=>{var r=n(64836),l=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return u.Row}}),t.ZP=t.Di=void 0;var a=m(n(67294)),o=r(n(45697)),d=r(n(47166)),i=n(48720),u=m(n(98364)),p=r(n(50007));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function m(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var s=d.default.bind(p.default),f={children:o.default.node},y={isRequired:o.default.bool};(t.O=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:s("bold")},t)}).propTypes=f,(t.Di=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.dS=function(e){var t=e.isRequired;return a.default.createElement(u.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")}).propTypes=y,(t.mW=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.Ex=function(e){var t=e.children;return a.default.createElement(u.Cell,null,t)}).propTypes=f;var x=function(e){var t=e.children,n=(0,a.useContext)(i.ThemeContext);return a.default.createElement(u.default,{paddingStyle:"compact",className:s("table",n.className)},a.default.createElement(u.Header,{className:s("header")},a.default.createElement(u.HeaderCell,null,"Prop"),a.default.createElement(u.HeaderCell,null,"Type"),a.default.createElement(u.HeaderCell,null,"Required"),a.default.createElement(u.HeaderCell,null,"Default"),a.default.createElement(u.HeaderCell,null,"Description")),a.default.createElement(u.Body,null,t))};x.propTypes=f;t.ZP=x},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},17893:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},50007:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(67294)),l=p(n(45697)),a=p(n(94184)),o=p(n(47166)),d=p(n(50026)),i=p(n(17893)),u=["children","disableStripes","paddingStyle"];function p(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=o.default.bind(i.default),f={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,o=m(e,u),i=r.default.useContext(d.default),p=(0,a.default)(s("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},i.className),o.className);return r.default.createElement("table",c({},o,{className:p}),t)};y.propTypes=f,y.defaultProps={disableStripes:!1,paddingStyle:"none"};var x=y;t.default=x},51523:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),l=o(n(45697)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},u=function(e){var t=e.children,n=d(e,a);return r.default.createElement("tbody",n,t)};u.propTypes=i,u.defaultProps={children:[]};var p=u;t.default=p},58741:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),l=o(n(45697)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},u=function(e){var t=e.children,n=d(e,a);return r.default.createElement("td",n,t)};u.propTypes=i,u.defaultProps={children:[]};var p=u;t.default=p},90703:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(67294)),l=d(n(45697)),a=d(n(96576)),o=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var u={children:l.default.node},p=function(e){var t=e.children,n=i(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.default.addScope(t,"col")))};p.propTypes=u,p.defaultProps={children:[]};var c=p;t.default=c},8078:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),l=o(n(45697)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},u=function(e){var t=e.children,n=d(e,a);return r.default.createElement("th",n,t)};u.propTypes=i,u.defaultProps={children:[]};var p=u;t.default=p},73045:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),l=u(n(45697)),a=u(n(47166)),o=u(n(17893)),d=u(n(96576)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m=a.default.bind(o.default),s={children:l.default.node},f=function(e){var t=e.children,n=c(e,i),l=m(["row"]);return r.default.createElement("tr",p({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),d.default.addScope(t,"row"))};f.propTypes=s,f.defaultProps={children:[]};var y=f;t.default=y},96576:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,l=(r=n(67294))&&r.__esModule?r:{default:r};var a={addScope:function(e,t){var n=[];return l.default.Children.forEach(e,(function(e){n.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=a},98364:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=u(n(89650)),l=u(n(51523)),a=u(n(73045)),o=u(n(58741)),d=u(n(90703)),i=u(n(8078));function u(e){return e&&e.__esModule?e:{default:e}}var p=r.default;t.default=p},87462:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})},44925:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{Z:()=>r})}}]);
\ No newline at end of file
diff --git a/pull/339/3682-8e1a767f102158f2df50.js b/pull/339/3682-8e1a767f102158f2df50.js
deleted file mode 100644
index 28ba2602b..000000000
--- a/pull/339/3682-8e1a767f102158f2df50.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3682],{83682:(t,e,a)=>{var n=a(64836),u=a(18698);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=n(a(27424)),o=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!==u(t)&&"function"!=typeof t)return{default:t};var a=i(e);if(a&&a.has(t))return a.get(t);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if("default"!==o&&Object.prototype.hasOwnProperty.call(t,o)){var l=r?Object.getOwnPropertyDescriptor(t,o):null;l&&(l.get||l.set)?Object.defineProperty(n,o,l):n[o]=t[o]}n.default=t,a&&a.set(t,n);return n}(a(67294)),l=n(a(24536)),f=n(a(30187));function i(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,a=new WeakMap;return(i=function(t){return t?a:e})(t)}var c=function(){var t=(0,o.useState)("error"),e=(0,r.default)(t,2),a=e[0],n=e[1],u=(0,o.useState)("no-data"),i=(0,r.default)(u,2),c=i[0],d=i[1],s=(0,o.useState)("not-authorized"),p=(0,r.default)(s,2),b=p[0],v=p[1],m=(0,o.useState)(!1),w=(0,r.default)(m,2),y=w[0],h=w[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement("button",{id:"show-status",type:"button",onClick:function(){h(!0)}},"Show Status Views"),o.default.createElement("button",{id:"button1",type:"button",onClick:function(){n("no-data")}},"Change Status View 1"),o.default.createElement("button",{id:"button2",type:"button",onClick:function(){d("no-matching-results")}},"Change Status View 1"),o.default.createElement("button",{id:"button3",type:"button",onClick:function(){v("error")}},"Change Status View 1"),o.default.createElement(f.default,null,y&&o.default.createElement(l.default,{variant:a}),y&&o.default.createElement(l.default,{variant:c}),y&&o.default.createElement(l.default,{variant:b})))};e.default=c}}]);
\ No newline at end of file
diff --git a/pull/339/3682-a501f5eaddaff39f2341.js b/pull/339/3682-a501f5eaddaff39f2341.js
new file mode 100644
index 000000000..3dff252db
--- /dev/null
+++ b/pull/339/3682-a501f5eaddaff39f2341.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3682],{83682:(t,e,n)=>{var a=n(64836),u=n(18698);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=a(n(27424)),o=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=u(t)&&"function"!=typeof t)return{default:t};var n=i(e);if(n&&n.has(t))return n.get(t);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if("default"!==o&&Object.prototype.hasOwnProperty.call(t,o)){var l=r?Object.getOwnPropertyDescriptor(t,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=t[o]}return a.default=t,n&&n.set(t,a),a}(n(67294)),l=a(n(24536)),f=a(n(30187));function i(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,n=new WeakMap;return(i=function(t){return t?n:e})(t)}e.default=function(){var t=(0,o.useState)("error"),e=(0,r.default)(t,2),n=e[0],a=e[1],u=(0,o.useState)("no-data"),i=(0,r.default)(u,2),c=i[0],d=i[1],p=(0,o.useState)("not-authorized"),s=(0,r.default)(p,2),b=s[0],m=s[1],v=(0,o.useState)(!1),w=(0,r.default)(v,2),y=w[0],h=w[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement("button",{id:"show-status",type:"button",onClick:function(){h(!0)}},"Show Status Views"),o.default.createElement("button",{id:"button1",type:"button",onClick:function(){a("no-data")}},"Change Status View 1"),o.default.createElement("button",{id:"button2",type:"button",onClick:function(){d("no-matching-results")}},"Change Status View 1"),o.default.createElement("button",{id:"button3",type:"button",onClick:function(){m("error")}},"Change Status View 1"),o.default.createElement(f.default,null,y&&o.default.createElement(l.default,{variant:n}),y&&o.default.createElement(l.default,{variant:c}),y&&o.default.createElement(l.default,{variant:b})))}}}]);
\ No newline at end of file
diff --git a/pull/339/3705-fea3c1c26f84e452dee6.css b/pull/339/3705-1285bee5039d6c1403e0.css
similarity index 100%
rename from pull/339/3705-fea3c1c26f84e452dee6.css
rename to pull/339/3705-1285bee5039d6c1403e0.css
diff --git a/pull/339/3705-fea3c1c26f84e452dee6.js b/pull/339/3705-1285bee5039d6c1403e0.js
similarity index 73%
rename from pull/339/3705-fea3c1c26f84e452dee6.js
rename to pull/339/3705-1285bee5039d6c1403e0.js
index 6756206d9..c3bba1b1a 100644
--- a/pull/339/3705-fea3c1c26f84e452dee6.js
+++ b/pull/339/3705-1285bee5039d6c1403e0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3705],{83705:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var a=n(87462),r=n(44925),o=(n(67294),n(81254)),l=n(2010),d=["components"],i={},p="wrapper";function s(e){var t=e.components,n=(0,r.Z)(e,d);return(0,o.mdx)(p,(0,a.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.ZP,{mdxType:"PropsTable"},(0,o.mdx)(l.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The components to be rendered in the body of the ModalManager. These components will receive the\ndisclosure capabilities through the DisclosureManger's context API."))),(0,o.mdx)(l.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"disclosureAccessory"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The component to render within the Modal above the disclosed content."))),(0,o.mdx)(l.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"navigationPromptResolutionOptions"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The Object (or function that returns an Object) that specifies the messages\nused to prompt the user when disclosure dismissal occurs when pending state\nis present. If not provided, the default messaging will be used.")))))}s.isMDXComponent=!0;var m=["components"],c={},u="wrapper";function h(e){var t=e.components,n=(0,r.Z)(e,m);return(0,o.mdx)(u,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"modalmanager"},"ModalManager"),(0,o.mdx)("p",null,"The ModalManager exposes its children to modal presentation APIs through the\n",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/disclosure-manager-context"},"DisclosureManagerContext"),"."),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ModalManager from 'terra-application/lib/modal-manager';\n")),(0,o.mdx)("h2",{id:"props"},"Props"),(0,o.mdx)(s,{mdxType:"PropsTable"}),(0,o.mdx)("h2",{id:"features"},"Features"),(0,o.mdx)("h3",{id:"exception-handling"},"Exception Handling"),(0,o.mdx)("p",null,"ModalManager renders an ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-error-boundary"},"ApplicationErrorBoundary"),"\naround its disclosed components. If the disclosed components throw exceptions during React lifecycle functions, ModalManager will\ncatch the exceptions and render a styled error component in place of the children."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"If the disclosed modal contents do not utilize the DisclosureManagerHeaderAdapter and render their own modal header instead,\nit is recommended that those components render an additional ApplicationErrorBoundary below their modal header to keep the\nheader controls for modal dismissal exposed.")),(0,o.mdx)("h3",{id:"loading-overlays"},"Loading Overlays"),(0,o.mdx)("p",null,"ModalManager renders an ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-loading-overlay-provider"},"ApplicationLoadingOverlayProvider"),"\naround its disclosed components. Any ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-loading-overlay"},"ApplicationLoadingOverlay"),"\ncomponents rendered by children will cause a loading overlay to be rendered over the modal's contents."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"If the disclosed modal contents do not utilize the DisclosureManagerHeaderAdapter and render their own modal header instead,\nit is recommended that those components render an additional ApplicationLoadingOverlayProvider below their modal header to keep\nthe header controls for modal dismissal exposed while the overlay is active.")),(0,o.mdx)("h3",{id:"status-views"},"Status Views"),(0,o.mdx)("p",null,"ModalManager renders an ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-status-overlay-provider"},"ApplicationStatusOverlayProvider"),"\naround its disclosed components. Any ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-status-overlay"},"ApplicationStatusOverlay"),"\ncomponents rendered by children will cause a status view to be rendered over the modal's contents."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"If the disclosed modal contents do not utilize the DisclosureManagerHeaderAdapter and render their own modal header instead,\nit is recommended that those components render an additional ApplicationStatusOverlayProvider below their modal header to keep\nthe header controls for modal dismissal exposed while the status view is active.")),(0,o.mdx)("h3",{id:"unsaved-changes"},"Unsaved Changes"),(0,o.mdx)("p",null,"ModalManager monitors its disclosed content for the presence of rendered ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/navigation-prompt"},"NavigationPrompts"),"\nwithin its disclosed content. ModalManager will ensure that the user is prompted prior to dismissing the presented modal if any\n",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/navigation-prompt"},"NavigationPrompts")," are rendered at the time of the dismissal request."),(0,o.mdx)("h2",{id:"details"},"Details"),(0,o.mdx)("h3",{id:"implementation-requirements"},"Implementation Requirements"),(0,o.mdx)("p",null,"The ModalManager utilizes the ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/disclosure-manager-context"},"DisclosureManagerContext")," to manage disclosure requests."),(0,o.mdx)("p",null,"The ModalManager responds to ",(0,o.mdx)("inlineCode",{parentName:"p"},'"modal"')," disclosure type requests. Components that wish to disclose content using the ModalManager\nshould provide a preferred type of ",(0,o.mdx)("inlineCode",{parentName:"p"},'"modal"'),"."),(0,o.mdx)("h3",{id:"disclosuremanagerheaderadapter-support"},"DisclosureManagerHeaderAdapter Support"),(0,o.mdx)("p",null,"If a component disclosed by the ModalManager renders a ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the ModalManager will render an ActionHeader\nand provide the standard disclosure navigation controls (close, go back, maximize/minimize, etc.) within it. The disclosed component\ncan use the ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," to inject its own title and CollapsibleButtonView into the ActionHeader."),(0,o.mdx)("p",null,"If the disclosed component does ",(0,o.mdx)("strong",{parentName:"p"},"not")," render a ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the ModalManager will ",(0,o.mdx)("strong",{parentName:"p"},"not")," render an ActionHeader itself.\nIn this case, it is assumed that the disclosed component is rendering its own header. The disclosed component is responsible for rendering\nthe appropriate controls to navigate the disclosure stack."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"Note: The DisclosureManagerHeaderAdapter is the preferred way to present a header within the ModalManager.\nIn a future major release, the ModalManager will ",(0,o.mdx)("strong",{parentName:"p"},"always")," render the header and navigation controls, regardless of the presence of a DisclosureManagerHeaderAdapter.")),(0,o.mdx)("h3",{id:"disclosure-accessory"},"Disclosure Accessory"),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"disclosureAccessory")," prop allows consumers of the ModalManager to render a static component above the disclosed modal content.\nThe provided component will be rendered below the standard ActionHeader and above the disclosed content. This can be used to easily\nprovide additional context to every disclosed component. This component is provided once to the ModalManager instance, not on a per-disclosure basis,\nand each component in the disclosure stack will be decorated with the same accessory component."),(0,o.mdx)("h3",{id:"static-height-vs-dynamic-height"},"Static Height vs. Dynamic Height"),(0,o.mdx)("p",null,"ModalManager was intentionally designed to have static preset heights in order to work in conjunction with Terra content that can adjust responsively using the ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/responsive-element/about"},"terra-responsive-element"),", as well as any conditionally positioned UI elements like a ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/popup/popup"},"popup"),", ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/form-select/multi-select"},"multi-select dropdown"),", or ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/date-picker/date-picker"},"date picker"),". Having static preset heights allows for Terra to quickly present modal content without requiring extensive browser multiple-render drawing calculations that results in poor application performance."),(0,o.mdx)("p",null,"Some may be used to other libraries that commonly offer simple modals that can adjust the modal's height dynamically based on the content provided, but those situations only work well for when content is designed for a single presentation (i.e. is not responsive), and ones that have no higher z-index layers that require position calculation relative to the base content (i.e. no popups with pointers)."),(0,o.mdx)("h3",{id:"creating-modal-content"},"Creating Modal Content"),(0,o.mdx)("p",null,"The ModalManager is intended for content which has regularly composed & designed layouts, including responsive variations. It is very grid-based, so it comes with standard heights and widths to accommodate the highly-structured assembly of content."),(0,o.mdx)("p",null,"When the preset size of the modal's width or height is ",(0,o.mdx)("em",{parentName:"p"},"larger"),' than the available device-screen or viewport (e.g. if you shrink down your window smaller than what the modal size was set to be), at that point the ModalManager will then "stick" near to the edge of the viewport as it\'s outer size and not flow offscreen. It is recommended to build the inner content with a responsive design, so when the modal is smaller than it’s preset size, the content will then know to adapt and adjust to alternate layouts accordingly to the new maximum available height and/or width as the outer size. If content is not built responsively, or if you intentionally build the content to overflow in one direction, it will then force scrolling inside of the modal. Scrolling is perfectly acceptable, but should be limited to one direction, preferably vertical-only.'),(0,o.mdx)("p",null,'The key thing to remember is that the ModalManager, similar to a page layout, works based on the "',(0,o.mdx)("strong",{parentName:"p"},"outside-in"),'" layout principal, which allows the ',(0,o.mdx)("em",{parentName:"p"},"inside")," content to respond when the ",(0,o.mdx)("em",{parentName:"p"},"outside"),' container changes in size. The ModalManager unfortunately cannot simultaneously also follow the "',(0,o.mdx)("strong",{parentName:"p"},"inside-out"),'" layout principal, which would mean the ',(0,o.mdx)("em",{parentName:"p"},"outside")," container height grows or shrinks based on the ",(0,o.mdx)("em",{parentName:"p"},"inside")," content size. The reason is that the inside content cannot dictate what size it would like to be at the same as as listening for when it no longer has any space remaining, which is required in order to be able to change itself to a new layout, and cannot do both (or at least not without attempting many redraws). Designers are encouraged to create structured and grid based layout designs that work well for the modal layout size options that best utilize space, similar to designing base pages within applications."),(0,o.mdx)("h3",{id:"sizing-height--width-options"},"Sizing: Height & Width Options"),(0,o.mdx)("p",null,"The ModalManager has two methods of setting the preferred modal height & width. The first method is by choosing from a list of easy shorthand size options that combine a predefined height and width pair, which works standard application screen ratios. The second method is more advanced and provides the ability to choose from a list of grid-based dimensions to set the height and width independently. ",(0,o.mdx)("em",{parentName:"p"},"(Note: all values used for ModalManager are true pixels and not rem, relative em units.)")),(0,o.mdx)("p",null,"Using the ",(0,o.mdx)("inlineCode",{parentName:"p"},"size")," prop within the ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/disclosure-manager-context"},"disclose argument API")," allows the consumer to provide a simpler implementation to set the modal preferred dimension, and typically might be used for common application disclosures of similarly sized content. ",(0,o.mdx)("em",{parentName:"p"},"(Note: ",(0,o.mdx)("inlineCode",{parentName:"em"},"size")," should not be provided if ",(0,o.mdx)("inlineCode",{parentName:"em"},"dimensions")," are specified.)")),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"th"},"size")," prop: Shorthand options"),(0,o.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"tiny")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 320px, h: 240px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"small")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 640px, h: 420px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"medium")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 960px, h: 600px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("strong",{parentName:"td"},"default")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1120px, h: 690px ",(0,o.mdx)("em",{parentName:"td"},"(modal size if no other details are provided)"))),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"large")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1280px, h: 870px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"huge")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1600px, h: 960px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"fullscreen")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: screen width less ~10px, h: screen height less ~10px")))),(0,o.mdx)("p",null,"For application content that needs more specific dimensional control of modal sizes, using the ",(0,o.mdx)("inlineCode",{parentName:"p"},"dimension")," prop within the ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/disclosure-manager-context"},"disclose argument API")," will be the implementation to choose. Consumers supply a simple object that contains both height wand width values: ",(0,o.mdx)("inlineCode",{parentName:"p"},"{ height: '480', width: '600' }"),". ",(0,o.mdx)("em",{parentName:"p"},"(Note: ",(0,o.mdx)("inlineCode",{parentName:"em"},"dimensions")," should not be provided if a ",(0,o.mdx)("inlineCode",{parentName:"em"},"size")," is specified.)")),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"th"},"dimensions")," prop: Width options"),(0,o.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '320'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 320px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '480'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 480px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '560'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 560px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '640'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 640px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '800'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 800px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '960'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 960px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1120'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1120px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1280'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1280px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1440'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1440px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1600'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1600px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1760'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1760px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1920'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1920px, h: --")))),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"th"},"dimensions")," prop: Height options"),(0,o.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '240'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 240px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '420'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 420px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '600'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 600px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '690'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 690px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '780'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 780px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '870'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 870px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '960'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 960px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '1140'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 1140px")))),(0,o.mdx)("h3",{id:"example"},"Example"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport ModalManager, { disclosureType } from 'terra-application/lib/modal-manager';\nimport { withDisclosureManager, DisclosureManagerContext, DisclosureManagerHeaderAdapter } from 'terra-application/lib/disclosure-manager';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\n\nconst ModalComponentB = () => (\n \n \n
\n));\n\nMyContentComponent.propTypes = {\n disclosureManager: disclosureManagerShape,\n}\n\nconst MyModalManagerComponent = () => (\n Disclosure Accessory}\n >\n \n \n);\n")))}h.isMDXComponent=!0},2010:(e,t,n)=>{var a=n(64836),r=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return p.Row}}),t.ZP=t.Di=void 0;var o=c(n(67294)),l=a(n(45697)),d=a(n(47166)),i=n(48720),p=c(n(98364)),s=a(n(50007));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var d=o?Object.getOwnPropertyDescriptor(e,l):null;d&&(d.get||d.set)?Object.defineProperty(a,l,d):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}var u=d.default.bind(s.default),h={children:l.default.node},x={isRequired:l.default.bool},f=function(e){var t=e.children;return o.default.createElement(p.Cell,{className:u("bold")},t)};t.O=f,f.propTypes=h;var g=function(e){var t=e.children;return o.default.createElement(p.Cell,{className:u("code-block-override")},t)};t.Di=g,g.propTypes=h;var y=function(e){var t=e.isRequired;return o.default.createElement(p.Cell,{className:u([t?["required"]:[]])},t?"required":"optional")};t.dS=y,y.propTypes=x;var b=function(e){var t=e.children;return o.default.createElement(p.Cell,{className:u("code-block-override")},t)};t.mW=b,b.propTypes=h;var N=function(e){var t=e.children;return o.default.createElement(p.Cell,null,t)};t.Ex=N,N.propTypes=h;var v=function(e){var t=e.children,n=(0,o.useContext)(i.ThemeContext);return o.default.createElement(p.default,{paddingStyle:"compact",className:u("table",n.className)},o.default.createElement(p.Header,{className:u("header")},o.default.createElement(p.HeaderCell,null,"Prop"),o.default.createElement(p.HeaderCell,null,"Type"),o.default.createElement(p.HeaderCell,null,"Required"),o.default.createElement(p.HeaderCell,null,"Default"),o.default.createElement(p.HeaderCell,null,"Description")),o.default.createElement(p.Body,null,t))};v.propTypes=h;var w=v;t.ZP=w},17893:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},50007:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___dcxNv","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___SuGon",bold:"PropsTable-module__bold___MKqSx",table:"PropsTable-module__table___-hq3I",required:"PropsTable-module__required___KqgCN","code-block-override":"PropsTable-module__code-block-override___R4XGf"}},89650:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),o=s(n(94184)),l=s(n(47166)),d=s(n(50026)),i=s(n(17893)),p=["children","disableStripes","paddingStyle"];function s(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u=l.default.bind(i.default),h={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,r=e.paddingStyle,l=c(e,p),i=a.default.useContext(d.default),s=(0,o.default)(u("table",{striped:!n},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},i.className),l.className);return a.default.createElement("table",m({},l,{className:s}),t)};x.propTypes=h,x.defaultProps={disableStripes:!1,paddingStyle:"none"};var f=x;t.default=f},51523:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(45697)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={children:r.default.node},p=function(e){var t=e.children,n=d(e,o);return a.default.createElement("tbody",n,t)};p.propTypes=i,p.defaultProps={children:[]};var s=p;t.default=s},58741:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(45697)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={children:r.default.node},p=function(e){var t=e.children,n=d(e,o);return a.default.createElement("td",n,t)};p.propTypes=i,p.defaultProps={children:[]};var s=p;t.default=s},90703:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),o=d(n(96576)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={children:r.default.node},s=function(e){var t=e.children,n=i(e,l);return a.default.createElement("thead",n,a.default.createElement("tr",null,o.default.addScope(t,"col")))};s.propTypes=p,s.defaultProps={children:[]};var m=s;t.default=m},8078:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(45697)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={children:r.default.node},p=function(e){var t=e.children,n=d(e,o);return a.default.createElement("th",n,t)};p.propTypes=i,p.defaultProps={children:[]};var s=p;t.default=s},73045:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(67294)),r=p(n(45697)),o=p(n(47166)),l=p(n(17893)),d=p(n(96576)),i=["children"];function p(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=o.default.bind(l.default),u={children:r.default.node},h=function(e){var t=e.children,n=m(e,i),r=c(["row"]);return a.default.createElement("tr",s({},n,{className:n.className?"".concat(r," ").concat(n.className):r}),d.default.addScope(t,"row"))};h.propTypes=u,h.defaultProps={children:[]};var x=h;t.default=x},96576:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=n(67294))&&a.__esModule?a:{default:a};var o={addScope:function(e,t){var n=[];return r.default.Children.forEach(e,(function(e){n.push(r.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=o},98364:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var a=p(n(89650)),r=p(n(51523)),o=p(n(73045)),l=p(n(58741)),d=p(n(90703)),i=p(n(8078));function p(e){return e&&e.__esModule?e:{default:e}}var s=a.default;t.default=s},87462:(e,t,n)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[3705],{83705:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var a=n(87462),r=n(44925),o=(n(67294),n(81254)),l=n(2010),d=["components"],i={},p="wrapper";function s(e){var t=e.components,n=(0,r.Z)(e,d);return(0,o.mdx)(p,(0,a.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.ZP,{mdxType:"PropsTable"},(0,o.mdx)(l.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The components to be rendered in the body of the ModalManager. These components will receive the\ndisclosure capabilities through the DisclosureManger's context API."))),(0,o.mdx)(l.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"disclosureAccessory"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The component to render within the Modal above the disclosed content."))),(0,o.mdx)(l.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(l.O,{mdxType:"PropNameCell"},"navigationPromptResolutionOptions"),(0,o.mdx)(l.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,o.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The Object (or function that returns an Object) that specifies the messages\nused to prompt the user when disclosure dismissal occurs when pending state\nis present. If not provided, the default messaging will be used.")))))}s.isMDXComponent=!0;var m=["components"],c={},u="wrapper";function h(e){var t=e.components,n=(0,r.Z)(e,m);return(0,o.mdx)(u,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"modalmanager"},"ModalManager"),(0,o.mdx)("p",null,"The ModalManager exposes its children to modal presentation APIs through the\n",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/disclosure-manager-context"},"DisclosureManagerContext"),"."),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ModalManager from 'terra-application/lib/modal-manager';\n")),(0,o.mdx)("h2",{id:"props"},"Props"),(0,o.mdx)(s,{mdxType:"PropsTable"}),(0,o.mdx)("h2",{id:"features"},"Features"),(0,o.mdx)("h3",{id:"exception-handling"},"Exception Handling"),(0,o.mdx)("p",null,"ModalManager renders an ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-error-boundary"},"ApplicationErrorBoundary"),"\naround its disclosed components. If the disclosed components throw exceptions during React lifecycle functions, ModalManager will\ncatch the exceptions and render a styled error component in place of the children."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"If the disclosed modal contents do not utilize the DisclosureManagerHeaderAdapter and render their own modal header instead,\nit is recommended that those components render an additional ApplicationErrorBoundary below their modal header to keep the\nheader controls for modal dismissal exposed.")),(0,o.mdx)("h3",{id:"loading-overlays"},"Loading Overlays"),(0,o.mdx)("p",null,"ModalManager renders an ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-loading-overlay-provider"},"ApplicationLoadingOverlayProvider"),"\naround its disclosed components. Any ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-loading-overlay"},"ApplicationLoadingOverlay"),"\ncomponents rendered by children will cause a loading overlay to be rendered over the modal's contents."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"If the disclosed modal contents do not utilize the DisclosureManagerHeaderAdapter and render their own modal header instead,\nit is recommended that those components render an additional ApplicationLoadingOverlayProvider below their modal header to keep\nthe header controls for modal dismissal exposed while the overlay is active.")),(0,o.mdx)("h3",{id:"status-views"},"Status Views"),(0,o.mdx)("p",null,"ModalManager renders an ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-status-overlay-provider"},"ApplicationStatusOverlayProvider"),"\naround its disclosed components. Any ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/application-status-overlay"},"ApplicationStatusOverlay"),"\ncomponents rendered by children will cause a status view to be rendered over the modal's contents."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"If the disclosed modal contents do not utilize the DisclosureManagerHeaderAdapter and render their own modal header instead,\nit is recommended that those components render an additional ApplicationStatusOverlayProvider below their modal header to keep\nthe header controls for modal dismissal exposed while the status view is active.")),(0,o.mdx)("h3",{id:"unsaved-changes"},"Unsaved Changes"),(0,o.mdx)("p",null,"ModalManager monitors its disclosed content for the presence of rendered ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/navigation-prompt"},"NavigationPrompts"),"\nwithin its disclosed content. ModalManager will ensure that the user is prompted prior to dismissing the presented modal if any\n",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/components/navigation-prompt"},"NavigationPrompts")," are rendered at the time of the dismissal request."),(0,o.mdx)("h2",{id:"details"},"Details"),(0,o.mdx)("h3",{id:"implementation-requirements"},"Implementation Requirements"),(0,o.mdx)("p",null,"The ModalManager utilizes the ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/disclosure-manager-context"},"DisclosureManagerContext")," to manage disclosure requests."),(0,o.mdx)("p",null,"The ModalManager responds to ",(0,o.mdx)("inlineCode",{parentName:"p"},'"modal"')," disclosure type requests. Components that wish to disclose content using the ModalManager\nshould provide a preferred type of ",(0,o.mdx)("inlineCode",{parentName:"p"},'"modal"'),"."),(0,o.mdx)("h3",{id:"disclosuremanagerheaderadapter-support"},"DisclosureManagerHeaderAdapter Support"),(0,o.mdx)("p",null,"If a component disclosed by the ModalManager renders a ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the ModalManager will render an ActionHeader\nand provide the standard disclosure navigation controls (close, go back, maximize/minimize, etc.) within it. The disclosed component\ncan use the ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," to inject its own title and CollapsibleButtonView into the ActionHeader."),(0,o.mdx)("p",null,"If the disclosed component does ",(0,o.mdx)("strong",{parentName:"p"},"not")," render a ",(0,o.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the ModalManager will ",(0,o.mdx)("strong",{parentName:"p"},"not")," render an ActionHeader itself.\nIn this case, it is assumed that the disclosed component is rendering its own header. The disclosed component is responsible for rendering\nthe appropriate controls to navigate the disclosure stack."),(0,o.mdx)("blockquote",null,(0,o.mdx)("p",{parentName:"blockquote"},"Note: The DisclosureManagerHeaderAdapter is the preferred way to present a header within the ModalManager.\nIn a future major release, the ModalManager will ",(0,o.mdx)("strong",{parentName:"p"},"always")," render the header and navigation controls, regardless of the presence of a DisclosureManagerHeaderAdapter.")),(0,o.mdx)("h3",{id:"disclosure-accessory"},"Disclosure Accessory"),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"disclosureAccessory")," prop allows consumers of the ModalManager to render a static component above the disclosed modal content.\nThe provided component will be rendered below the standard ActionHeader and above the disclosed content. This can be used to easily\nprovide additional context to every disclosed component. This component is provided once to the ModalManager instance, not on a per-disclosure basis,\nand each component in the disclosure stack will be decorated with the same accessory component."),(0,o.mdx)("h3",{id:"static-height-vs-dynamic-height"},"Static Height vs. Dynamic Height"),(0,o.mdx)("p",null,"ModalManager was intentionally designed to have static preset heights in order to work in conjunction with Terra content that can adjust responsively using the ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/responsive-element/about"},"terra-responsive-element"),", as well as any conditionally positioned UI elements like a ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/popup/popup"},"popup"),", ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/form-select/multi-select"},"multi-select dropdown"),", or ",(0,o.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/date-picker/date-picker"},"date picker"),". Having static preset heights allows for Terra to quickly present modal content without requiring extensive browser multiple-render drawing calculations that results in poor application performance."),(0,o.mdx)("p",null,"Some may be used to other libraries that commonly offer simple modals that can adjust the modal's height dynamically based on the content provided, but those situations only work well for when content is designed for a single presentation (i.e. is not responsive), and ones that have no higher z-index layers that require position calculation relative to the base content (i.e. no popups with pointers)."),(0,o.mdx)("h3",{id:"creating-modal-content"},"Creating Modal Content"),(0,o.mdx)("p",null,"The ModalManager is intended for content which has regularly composed & designed layouts, including responsive variations. It is very grid-based, so it comes with standard heights and widths to accommodate the highly-structured assembly of content."),(0,o.mdx)("p",null,"When the preset size of the modal's width or height is ",(0,o.mdx)("em",{parentName:"p"},"larger"),' than the available device-screen or viewport (e.g. if you shrink down your window smaller than what the modal size was set to be), at that point the ModalManager will then "stick" near to the edge of the viewport as it\'s outer size and not flow offscreen. It is recommended to build the inner content with a responsive design, so when the modal is smaller than it’s preset size, the content will then know to adapt and adjust to alternate layouts accordingly to the new maximum available height and/or width as the outer size. If content is not built responsively, or if you intentionally build the content to overflow in one direction, it will then force scrolling inside of the modal. Scrolling is perfectly acceptable, but should be limited to one direction, preferably vertical-only.'),(0,o.mdx)("p",null,'The key thing to remember is that the ModalManager, similar to a page layout, works based on the "',(0,o.mdx)("strong",{parentName:"p"},"outside-in"),'" layout principal, which allows the ',(0,o.mdx)("em",{parentName:"p"},"inside")," content to respond when the ",(0,o.mdx)("em",{parentName:"p"},"outside"),' container changes in size. The ModalManager unfortunately cannot simultaneously also follow the "',(0,o.mdx)("strong",{parentName:"p"},"inside-out"),'" layout principal, which would mean the ',(0,o.mdx)("em",{parentName:"p"},"outside")," container height grows or shrinks based on the ",(0,o.mdx)("em",{parentName:"p"},"inside")," content size. The reason is that the inside content cannot dictate what size it would like to be at the same as as listening for when it no longer has any space remaining, which is required in order to be able to change itself to a new layout, and cannot do both (or at least not without attempting many redraws). Designers are encouraged to create structured and grid based layout designs that work well for the modal layout size options that best utilize space, similar to designing base pages within applications."),(0,o.mdx)("h3",{id:"sizing-height--width-options"},"Sizing: Height & Width Options"),(0,o.mdx)("p",null,"The ModalManager has two methods of setting the preferred modal height & width. The first method is by choosing from a list of easy shorthand size options that combine a predefined height and width pair, which works standard application screen ratios. The second method is more advanced and provides the ability to choose from a list of grid-based dimensions to set the height and width independently. ",(0,o.mdx)("em",{parentName:"p"},"(Note: all values used for ModalManager are true pixels and not rem, relative em units.)")),(0,o.mdx)("p",null,"Using the ",(0,o.mdx)("inlineCode",{parentName:"p"},"size")," prop within the ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/disclosure-manager-context"},"disclose argument API")," allows the consumer to provide a simpler implementation to set the modal preferred dimension, and typically might be used for common application disclosures of similarly sized content. ",(0,o.mdx)("em",{parentName:"p"},"(Note: ",(0,o.mdx)("inlineCode",{parentName:"em"},"size")," should not be provided if ",(0,o.mdx)("inlineCode",{parentName:"em"},"dimensions")," are specified.)")),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"th"},"size")," prop: Shorthand options"),(0,o.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"tiny")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 320px, h: 240px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"small")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 640px, h: 420px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"medium")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 960px, h: 600px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("strong",{parentName:"td"},"default")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1120px, h: 690px ",(0,o.mdx)("em",{parentName:"td"},"(modal size if no other details are provided)"))),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"large")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1280px, h: 870px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"huge")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1600px, h: 960px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"fullscreen")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: screen width less ~10px, h: screen height less ~10px")))),(0,o.mdx)("p",null,"For application content that needs more specific dimensional control of modal sizes, using the ",(0,o.mdx)("inlineCode",{parentName:"p"},"dimension")," prop within the ",(0,o.mdx)("a",{parentName:"p",href:"/terra-application/pull/339/application/terra-application/contexts/disclosure-manager-context"},"disclose argument API")," will be the implementation to choose. Consumers supply a simple object that contains both height wand width values: ",(0,o.mdx)("inlineCode",{parentName:"p"},"{ height: '480', width: '600' }"),". ",(0,o.mdx)("em",{parentName:"p"},"(Note: ",(0,o.mdx)("inlineCode",{parentName:"em"},"dimensions")," should not be provided if a ",(0,o.mdx)("inlineCode",{parentName:"em"},"size")," is specified.)")),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"th"},"dimensions")," prop: Width options"),(0,o.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '320'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 320px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '480'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 480px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '560'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 560px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '640'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 640px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '800'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 800px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '960'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 960px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1120'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1120px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1280'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1280px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1440'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1440px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1600'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1600px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1760'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1760px, h: --")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"width: '1920'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: 1920px, h: --")))),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"th"},"dimensions")," prop: Height options"),(0,o.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '240'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 240px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '420'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 420px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '600'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 600px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '690'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 690px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '780'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 780px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '870'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 870px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '960'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 960px")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"height: '1140'")),(0,o.mdx)("td",{parentName:"tr",align:null},"w: --, h: 1140px")))),(0,o.mdx)("h3",{id:"example"},"Example"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport ModalManager, { disclosureType } from 'terra-application/lib/modal-manager';\nimport { withDisclosureManager, DisclosureManagerContext, DisclosureManagerHeaderAdapter } from 'terra-application/lib/disclosure-manager';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\n\nconst ModalComponentB = () => (\n \n \n