The disclosed component can disclose content within the same panel.
\n
It can also render a header (like above) that implements the various DisclosureManager control functions.
\n \n \n \n \n
The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.
\n );\n};\n\nexport default SlidePanelManagerExample;\n\n")))}g.isMDXComponent=!0;var x=t(49271),v=["components"],y={};function b(e){var n=e.components,t=(0,l.Z)(e,v);return(0,r.mdx)("wrapper",(0,a.Z)({},y,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .example-wrapper {\n border: 1px solid #d3d3d3;\n height: 35rem;\n }\n\n .content-wrapper {\n padding: 0.7rem;\n }\n\n .disclosure-accessory {\n background-color: #add8e6;\n padding: 1rem;\n }\n\n .form-select {\n margin-left: 1rem;\n max-width: 300px;\n }\n}\n\n")))}b.isMDXComponent=!0;var C=function(e){var n=e.title,t=e.description,a=e.isExpanded;return s.createElement(x.Z,{title:n||"Slide Panel Manager Example",description:t,example:s.createElement(m.Z,null),exampleCssSrc:s.createElement(b,null),exampleSrc:s.createElement(g,null),isExpanded:a})},D=t(91710),k=["components"],S={};function T(e){var n=e.components,t=(0,l.Z)(e,k);return(0,r.mdx)("wrapper",(0,a.Z)({},S,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable max-classes-per-file */\n/* Slide Panel Manager example with panel behavior as \"squish\" */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\nimport ContentContainer from 'terra-content-container';\nimport {\n availableDisclosureHeights, availableDisclosureWidths, DisclosureManagerHeaderAdapter, DisclosureManagerContext,\n} from 'terra-disclosure-manager';\nimport NativeSelect from 'terra-form-select/lib/native-select/NativeSelect';\n\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport styles from './SlidePanelManager.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DisclosureComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.checkLockState = this.checkLockState.bind(this);\n\n this.state = {\n text: undefined,\n };\n }\n\n componentDidMount() {\n const disclosureManager = this.context;\n\n if (disclosureManager && disclosureManager.registerDismissCheck) {\n disclosureManager.registerDismissCheck(this.checkLockState);\n }\n }\n\n checkLockState() {\n if (this.state.text && this.state.text.length) {\n return new Promise((resolve, reject) => {\n // eslint-disable-next-line no-restricted-globals\n if (!confirm(`${this.props.name} has unsaved changes that will be lost. Do you wish to continue?`)) { // eslint-disable-line no-alert\n reject();\n return;\n }\n\n resolve();\n });\n }\n\n return Promise.resolve();\n }\n\n render() {\n const { name, disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n \n \n {\n this.setState({\n selectedHeaderAction: 'Button 1',\n });\n }}\n />\n {\n this.setState({\n selectedHeaderAction: 'Button 2',\n });\n }}\n />\n \n )}\n />\n
\n
{name}
\n
The disclosed component can disclose content within the same panel.
\n
It can also render a header (like above) that implements the various DisclosureManager control functions.
\n \n \n \n \n
The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.
\n );\n};\n\nexport default SlidePanelManagerExample;\n\n")))}T.isMDXComponent=!0;var E=function(e){var n=e.title,t=e.description,a=e.isExpanded;return s.createElement(x.Z,{title:n||"Slide Panel Manager Squish Example",description:t,example:s.createElement(D.Z,null),exampleCssSrc:s.createElement(b,null),exampleSrc:s.createElement(T,null),isExpanded:a})},M=t(87983),w=["components"],N={};function P(e){var n=e.components,t=(0,l.Z)(e,w);return(0,r.mdx)("wrapper",(0,a.Z)({},N,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable max-classes-per-file */\n/* Slide Panel Manager example with panel behavior as \"squish\" */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\nimport ContentContainer from 'terra-content-container';\nimport {\n availableDisclosureHeights, availableDisclosureWidths, DisclosureManagerHeaderAdapter, DisclosureManagerContext,\n} from 'terra-disclosure-manager';\n\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport styles from './SlidePanelManager.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DisclosureComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.checkLockState = this.checkLockState.bind(this);\n\n this.state = {\n text: undefined,\n };\n }\n\n componentDidMount() {\n const disclosureManager = this.context;\n\n if (disclosureManager && disclosureManager.registerDismissCheck) {\n disclosureManager.registerDismissCheck(this.checkLockState);\n }\n }\n\n checkLockState() {\n if (this.state.text && this.state.text.length) {\n return new Promise((resolve, reject) => {\n // eslint-disable-next-line no-restricted-globals\n if (!confirm(`${this.props.name} has unsaved changes that will be lost. Do you wish to continue?`)) { // eslint-disable-line no-alert\n reject();\n return;\n }\n\n resolve();\n });\n }\n\n return Promise.resolve();\n }\n\n render() {\n const { name, disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n \n \n {\n this.setState({\n selectedHeaderAction: 'Button 1',\n });\n }}\n />\n {\n this.setState({\n selectedHeaderAction: 'Button 2',\n });\n }}\n />\n \n )}\n />\n
\n
{name}
\n
The disclosed component can disclose content within the same panel.
\n
It can also render a header (like above) that implements the various DisclosureManager control functions.
\n \n \n \n \n
The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.
\n)}\n >\n \n \n \n);\n\nexport default SlidePanelManagerExample;\n\n")))}P.isMDXComponent=!0;var H=function(e){var n=e.title,t=e.description,a=e.isExpanded;return s.createElement(x.Z,{title:n||"Slide Panel Manager Accessory Example",description:t,example:s.createElement(M.Z,null),exampleCssSrc:s.createElement(b,null),exampleSrc:s.createElement(P,null),isExpanded:a})},B=["components"],A={},I="wrapper";function W(e){var n=e.components,t=(0,l.Z)(e,B);return(0,r.mdx)(I,(0,a.Z)({},A,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(i.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-slidepanel-manager"},"Terra SlidePanel Manager"),(0,r.mdx)("p",null,"The SlidePanelManager is a DisclosureManager implementation that presents disclosed content using a SlidePanel."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-slide-panel-manager"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"terra-disclosure-manager"),(0,r.mdx)("td",{parentName:"tr",align:null},"^4.16.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SlidePanelManager, { disclosureType } from 'terra-slide-panel-manager';\n")),(0,r.mdx)("h2",{id:"implementation-requirements"},"Implementation Requirements"),(0,r.mdx)("p",null,"The SlidePanelManager utilizes the DisclosureManager API to manage disclosure requests. The components provided as children to the SlidePanelManager, and the components disclosed within it, must interface with the SlidePanelManager's context using the ",(0,r.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()")," higher-order component generator provided by the ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-disclosure-manager")," package. Alternatively, ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerContext")," can be consumed directly using the ",(0,r.mdx)("inlineCode",{parentName:"p"},"useContext")," hook."),(0,r.mdx)("p",null,"The SlidePanelManager responds to ",(0,r.mdx)("inlineCode",{parentName:"p"},'"panel"')," disclosure type requests. Components that wish to disclose content using the SlidePanelManager should provide a preferred type of ",(0,r.mdx)("inlineCode",{parentName:"p"},'"panel"'),". This value is exported from the package as ",(0,r.mdx)("inlineCode",{parentName:"p"},"disclosureType"),". Please see the ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/#/components/terra-disclosure-manager/disclosure-manager/disclosure-manager-api"},"DisclosureManager API documentation")," for a full description of the SlidePanelManager's capabilities."),(0,r.mdx)("h2",{id:"disclosuremanagerheaderadapter-support"},"DisclosureManagerHeaderAdapter Support"),(0,r.mdx)("p",null,"If a component disclosed by the SlidePanelManager renders a ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the SlidePanelManager will render an ActionHeader and provide the standard disclosure navigation controls (close, go back, etc.) within it. The disclosed component can use the ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," to inject its own title and CollapsibleButtonView into the ActionHeader."),(0,r.mdx)("p",null,"If the disclosed component does ",(0,r.mdx)("strong",{parentName:"p"},"not")," render a ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the SlidePanelManager will ",(0,r.mdx)("strong",{parentName:"p"},"not")," render an ActionHeader itself. In this case, it is assumed that the disclosed component is rendering its own header. The disclosed component is responsible for rendering the appropriate controls to navigate the disclosure stack."),(0,r.mdx)("blockquote",null,(0,r.mdx)("p",{parentName:"blockquote"},"Note: The DisclosureManagerHeaderAdapter is the preferred way to present a header within the SlidePanelManager. In a future major release, the SlidePanelManager will ",(0,r.mdx)("strong",{parentName:"p"},"always")," render the header and navigation controls, regardless of the presence of a DisclosureManagerHeaderAdapter.")),(0,r.mdx)("h2",{id:"disclosure-accessory"},"Disclosure Accessory"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"disclosureAccessory")," prop allows consumers of the SlidePanelManager to render a static component above the disclosed panel content. The provided component will be rendered below the standard ActionHeader and above the disclosed content. This can be used to easily provide additional context to every disclosed component. This component is provided once to the SlidePanelManager instance, not on a per-disclosure basis, and each component in the disclosure stack will be decorated with the same accessory component."),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(C,{title:"Overlay Example",mdxType:"SlidePanelManagerExample"}),(0,r.mdx)(E,{title:"Squish Example",mdxType:"SlidePanelManagerSquishExample"}),(0,r.mdx)(H,{title:"Disclosure Accessory Example",mdxType:"SlidePanelManagerAccessoryExample"}),(0,r.mdx)("h2",{id:"slide-panel-manager-props-table"},"Slide Panel Manager Props Table"),(0,r.mdx)(p,{mdxType:"SlidePanelManagerPropsTable"}))}W.isMDXComponent=!0},89708:function(e,n,t){t.d(n,{C:function(){return s}});var a=t(67294),l=t(22863),s=function(e){var n=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.83.0",url:n})}},87983:function(e,n,t){var a=t(64836);n.Z=void 0;var l=a(t(38416)),s=a(t(56690)),r=a(t(89728)),i=a(t(66115)),o=a(t(61655)),c=a(t(94993)),d=a(t(73808)),u=a(t(67294)),p=a(t(45697)),m=a(t(47166)),h=a(t(17092)),f=a(t(57927)),g=a(t(10027)),x=t(56019),v=a(t(34653)),y=a(t(46765));function b(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,d.default)(e);if(n){var l=(0,d.default)(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return(0,c.default)(this,t)}}var C=m.default.bind(y.default),D=function(e){(0,o.default)(t,e);var n=b(t);function t(e){var a;return(0,s.default)(this,t),(a=n.call(this,e)).checkLockState=a.checkLockState.bind((0,i.default)(a)),a.state={text:void 0},a}return(0,r.default)(t,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(n,t){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?n():t()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,s=this.context;return u.default.createElement(g.default,{fill:!0},u.default.createElement(x.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:u.default.createElement(f.default,null,u.default.createElement(f.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),u.default.createElement(f.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),u.default.createElement("div",{className:C("content-wrapper")},u.default.createElement("h3",null,a),u.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),u.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),u.default.createElement("button",{type:"button",onClick:function(){s.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),u.default.createElement("button",{type:"button",onClick:function(){s.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:u.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),u.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(n){e.setState({text:n.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?u.default.createElement("p",null,"Component has unsaved changes!"):null,u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("p",null,"Selected Header Action:"," ",u.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),t}(u.default.Component);D.contextType=x.DisclosureManagerContext,D.propTypes={name:p.default.string,disclosureType:p.default.string},D.defaultProps={name:"Disclosure Component"};var k=Object.keys(x.availableDisclosureHeights),S=Object.keys(x.availableDisclosureWidths),T=function(e){return e.map((function(e,n){var t=n;return u.default.createElement("option",{key:t,value:e},e)}))},E=function(e){(0,o.default)(t,e);var n=b(t);function t(e){var a;return(0,s.default)(this,t),(a=n.call(this,e)).renderButton=a.renderButton.bind((0,i.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,i.default)(a)),a.getId=a.getId.bind((0,i.default)(a)),a.state={id:"dimensions",disclosureHeight:k[0],disclosureWidth:S[0]},a}return(0,r.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,l.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var n=this.context;return u.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",size:e,content:{key:"Content-Disclosure-".concat(e),component:u.default.createElement(D,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,n=this.context,t="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return u.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:u.default.createElement(D,{name:"Disclosure Component",disclosureType:"panel"})}})}},t)}},{key:"renderForm",value:function(){return u.default.createElement("form",null,u.default.createElement("label",{htmlFor:this.getId("disclosureHeightSquish")},"Pop Content Height"),u.default.createElement("select",{id:this.getId("disclosureHeightSquish"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},T(k)),u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("label",{htmlFor:this.getId("disclosureWidthSquish")},"Pop Content Width"),u.default.createElement("select",{id:this.getId("disclosureWidthSquish"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},T(S)),u.default.createElement("br",null),u.default.createElement("br",null))}},{key:"render",value:function(){return u.default.createElement(g.default,{header:u.default.createElement(h.default,{text:"SlidePanelManager Child Component"})},u.default.createElement("div",{className:C("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),u.default.createElement("br",null),u.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),u.default.createElement("p",null,"The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")),u.default.createElement("div",{className:C("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),t}(u.default.Component);E.contextType=x.DisclosureManagerContext;n.Z=function(){return u.default.createElement("div",{className:C("example-wrapper")},u.default.createElement(v.default,{panelBehavior:"squish",disclosureAccessory:u.default.createElement("div",{className:C("disclosure-accessory")},"Disclosure Accessory")},u.default.createElement(E,null)))}},91823:function(e,n,t){var a=t(64836),l=t(18698);n.Z=void 0;var s=a(t(27424)),r=a(t(38416)),i=a(t(56690)),o=a(t(89728)),c=a(t(66115)),d=a(t(61655)),u=a(t(94993)),p=a(t(73808)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=k(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=s?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,t&&t.set(e,a),a}(t(67294)),h=a(t(45697)),f=a(t(47166)),g=a(t(17092)),x=a(t(57927)),v=a(t(10027)),y=t(56019),b=a(t(20251)),C=a(t(34653)),D=a(t(46765));function k(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(k=function(e){return e?t:n})(e)}function S(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,p.default)(e);if(n){var l=(0,p.default)(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return(0,u.default)(this,t)}}var T=f.default.bind(D.default),E=function(e){(0,d.default)(t,e);var n=S(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).checkLockState=a.checkLockState.bind((0,c.default)(a)),a.state={text:void 0},a}return(0,o.default)(t,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(n,t){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?n():t()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,s=this.context;return m.default.createElement(v.default,{fill:!0},m.default.createElement(y.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:m.default.createElement(x.default,null,m.default.createElement(x.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),m.default.createElement(x.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),m.default.createElement("div",{className:T("content-wrapper")},m.default.createElement("h3",null,a),m.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),m.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),m.default.createElement("button",{type:"button",onClick:function(){s.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),m.default.createElement("button",{type:"button",onClick:function(){s.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:m.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),m.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(n){e.setState({text:n.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?m.default.createElement("p",null,"Component has unsaved changes!"):null,m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"Selected Header Action:"," ",m.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),t}(m.default.Component);E.contextType=y.DisclosureManagerContext,E.propTypes={name:h.default.string,disclosureType:h.default.string},E.defaultProps={name:"Disclosure Component"};var M=Object.keys(y.availableDisclosureHeights),w=Object.keys(y.availableDisclosureWidths),N=function(e){return e.map((function(e,n){var t=n;return m.default.createElement("option",{key:t,value:e},e)}))},P=function(e){(0,d.default)(t,e);var n=S(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).renderButton=a.renderButton.bind((0,c.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,c.default)(a)),a.getId=a.getId.bind((0,c.default)(a)),a.state={id:"dimensions",disclosureHeight:M[0],disclosureWidth:w[0]},a}return(0,o.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,r.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var n=this.context;return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",size:e,content:{key:"Content-Disclosure-".concat(e),component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,n=this.context,t="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",typeConfig:{panelBehavior:"overlay"},dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},t)}},{key:"renderForm",value:function(){return m.default.createElement("form",null,m.default.createElement("label",{htmlFor:this.getId("disclosureHeightOverlay")},"Pop Content Height"),m.default.createElement("select",{id:this.getId("disclosureHeightOverlay"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},N(M)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("label",{htmlFor:this.getId("disclosureWidthOverlay")},"Pop Content Width"),m.default.createElement("select",{id:this.getId("disclosureWidthOverlay"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},N(w)),m.default.createElement("br",null),m.default.createElement("br",null))}},{key:"render",value:function(){return m.default.createElement(v.default,{header:m.default.createElement(g.default,{text:"SlidePanelManager Child Component"})},m.default.createElement("div",{className:T("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),m.default.createElement("br",null),m.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),m.default.createElement("p",null,"The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")),m.default.createElement("div",{className:T("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),t}(m.default.Component);P.contextType=y.DisclosureManagerContext;n.Z=function(){var e=(0,m.useState)(0),n=(0,s.default)(e,2),t=n[0],a=n[1];return m.default.createElement("div",{className:T("example-wrapper")},m.default.createElement(C.default,{level:0===t?void 0:t},m.default.createElement(P,null),m.default.createElement("br",null),m.default.createElement("div",{id:"headingLevel",className:T("form-select")},"Select panel heading level:"),m.default.createElement(b.default,{ariaLabel:"Panel heading level",className:T("form-select"),isFilterStyle:!0,onChange:function(e){return a(Number(e.currentTarget.value))},options:[{value:"0",display:"Default"},{value:1,display:"1"},{value:2,display:"2"},{value:3,display:"3"},{value:4,display:"4"},{value:5,display:"5"},{value:6,display:"6"}],value:t})))}},91710:function(e,n,t){var a=t(64836),l=t(18698);n.Z=void 0;var s=a(t(27424)),r=a(t(38416)),i=a(t(56690)),o=a(t(89728)),c=a(t(66115)),d=a(t(61655)),u=a(t(94993)),p=a(t(73808)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=k(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=s?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,t&&t.set(e,a),a}(t(67294)),h=a(t(45697)),f=a(t(47166)),g=a(t(17092)),x=a(t(57927)),v=a(t(10027)),y=t(56019),b=a(t(20251)),C=a(t(34653)),D=a(t(46765));function k(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(k=function(e){return e?t:n})(e)}function S(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,p.default)(e);if(n){var l=(0,p.default)(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return(0,u.default)(this,t)}}var T=f.default.bind(D.default),E=function(e){(0,d.default)(t,e);var n=S(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).checkLockState=a.checkLockState.bind((0,c.default)(a)),a.state={text:void 0},a}return(0,o.default)(t,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(n,t){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?n():t()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,s=this.context;return m.default.createElement(v.default,{fill:!0},m.default.createElement(y.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:m.default.createElement(x.default,null,m.default.createElement(x.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),m.default.createElement(x.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),m.default.createElement("div",{className:T("content-wrapper")},m.default.createElement("h3",null,a),m.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),m.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),m.default.createElement("button",{type:"button",onClick:function(){s.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),m.default.createElement("button",{type:"button",onClick:function(){s.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:m.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),m.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(n){e.setState({text:n.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?m.default.createElement("p",null,"Component has unsaved changes!"):null,m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"Selected Header Action:"," ",m.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),t}(m.default.Component);E.contextType=y.DisclosureManagerContext,E.propTypes={name:h.default.string,disclosureType:h.default.string},E.defaultProps={name:"Disclosure Component"};var M=Object.keys(y.availableDisclosureHeights),w=Object.keys(y.availableDisclosureWidths),N=function(e){return e.map((function(e,n){var t=n;return m.default.createElement("option",{key:t,value:e},e)}))},P=function(e){(0,d.default)(t,e);var n=S(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).renderButton=a.renderButton.bind((0,c.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,c.default)(a)),a.getId=a.getId.bind((0,c.default)(a)),a.state={id:"dimensions",disclosureHeight:M[0],disclosureWidth:w[0]},a}return(0,o.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,r.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var n=this.context;return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",size:e,typeConfig:{panelBehavior:"squish"},content:{key:"Content-Disclosure-".concat(e),component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,n=this.context,t="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},t)}},{key:"renderForm",value:function(){return m.default.createElement("form",null,m.default.createElement("label",{htmlFor:this.getId("disclosureHeightSquish")},"Pop Content Height"),m.default.createElement("select",{id:this.getId("disclosureHeightSquish"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},N(M)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("label",{htmlFor:this.getId("disclosureWidthSquish")},"Pop Content Width"),m.default.createElement("select",{id:this.getId("disclosureWidthSquish"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},N(w)),m.default.createElement("br",null),m.default.createElement("br",null))}},{key:"render",value:function(){return m.default.createElement(v.default,{header:m.default.createElement(g.default,{text:"SlidePanelManager Child Component"})},m.default.createElement("div",{className:T("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),m.default.createElement("br",null),m.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),m.default.createElement("p",null,"The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")),m.default.createElement("div",{className:T("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),t}(m.default.Component);P.contextType=y.DisclosureManagerContext;n.Z=function(){var e=(0,m.useState)(0),n=(0,s.default)(e,2),t=n[0],a=n[1];return m.default.createElement("div",{className:T("example-wrapper")},m.default.createElement(C.default,{level:0===t?void 0:t},m.default.createElement(P,null),m.default.createElement("br",null),m.default.createElement("div",{id:"headingLevel",className:T("form-select")},"Select panel heading level:"),m.default.createElement(b.default,{ariaLabel:"Panel heading level",className:T("form-select"),isFilterStyle:!0,onChange:function(e){return a(Number(e.currentTarget.value))},options:[{value:"0",display:"Default"},{value:1,display:"1"},{value:2,display:"2"},{value:3,display:"3"},{value:4,display:"4"},{value:5,display:"5"},{value:6,display:"6"}],value:t})))}},46765:function(e,n,t){t.r(n),n.default={"example-wrapper":"SlidePanelManager-module__example-wrapper___O3eL3","content-wrapper":"SlidePanelManager-module__content-wrapper___ztw-M","disclosure-accessory":"SlidePanelManager-module__disclosure-accessory___MW01K","form-select":"SlidePanelManager-module__form-select___YyZ10"}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[10548],{71812:function(e,n,t){t.r(n),t.d(n,{default:function(){return W}});var a=t(87462),l=t(44925),s=t(67294),r=t(81254),i=t(89708),o=t(78530),c=["components"],d={},u="wrapper";function p(e){var n=e.components,t=(0,l.Z)(e,c);return(0,r.mdx)(u,(0,a.Z)({},d,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The components to be rendered in the body of the SlidePanelManager. These components will receive the\ndisclosure capabilities through the DisclosureManger's context API."))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"level"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the heading level of the disclosed panel. One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"6"),". This helps screen readers to announce appropriate heading levels.\nChanging 'level' will not visually change the style of the content."))),(0,r.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"panelBehavior"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'overlay'\n 'squish'\n],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'overlay'\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The desired panel behavior. Either 'squish' or 'overlay'."))),(0,r.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"disclosureAccessory"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The component to render within the panel above the disclosed content."))),(0,r.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"panelAriaLabel"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The aria label for the panel region. This should be provided if the header does not contain a title\nto make the panel more accessible to assistive technologies."))),(0,r.mdx)(o.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"mainAriaLabel"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The aria label for the main region.")))))}p.isMDXComponent=!0;var m=t(91823),h=["components"],f={};function g(e){var n=e.components,t=(0,l.Z)(e,h);return(0,r.mdx)("wrapper",(0,a.Z)({},f,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable max-classes-per-file */\n/* Slide Panel Manager example with panel behavior as \"overlay\" */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\nimport ContentContainer from 'terra-content-container';\nimport {\n availableDisclosureHeights, availableDisclosureWidths, DisclosureManagerHeaderAdapter, DisclosureManagerContext,\n} from 'terra-disclosure-manager';\nimport NativeSelect from 'terra-form-select/lib/native-select/NativeSelect';\n\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport styles from './SlidePanelManager.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DisclosureComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.checkLockState = this.checkLockState.bind(this);\n\n this.state = {\n text: undefined,\n };\n }\n\n componentDidMount() {\n const disclosureManager = this.context;\n\n if (disclosureManager && disclosureManager.registerDismissCheck) {\n disclosureManager.registerDismissCheck(this.checkLockState);\n }\n }\n\n checkLockState() {\n if (this.state.text && this.state.text.length) {\n return new Promise((resolve, reject) => {\n // eslint-disable-next-line no-restricted-globals\n if (!confirm(`${this.props.name} has unsaved changes that will be lost. Do you wish to continue?`)) { // eslint-disable-line no-alert\n reject();\n return;\n }\n\n resolve();\n });\n }\n\n return Promise.resolve();\n }\n\n render() {\n const { name, disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n \n \n {\n this.setState({\n selectedHeaderAction: 'Button 1',\n });\n }}\n />\n {\n this.setState({\n selectedHeaderAction: 'Button 2',\n });\n }}\n />\n \n )}\n />\n
\n
{name}
\n
The disclosed component can disclose content within the same panel.
\n
It can also render a header (like above) that implements the various DisclosureManager control functions.
\n \n \n \n \n
The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.
\n );\n};\n\nexport default SlidePanelManagerExample;\n\n")))}g.isMDXComponent=!0;var x=t(49271),v=["components"],y={};function b(e){var n=e.components,t=(0,l.Z)(e,v);return(0,r.mdx)("wrapper",(0,a.Z)({},y,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .example-wrapper {\n border: 1px solid #d3d3d3;\n height: 35rem;\n }\n\n .content-wrapper {\n padding: 0.7rem;\n }\n\n .disclosure-accessory {\n background-color: #add8e6;\n padding: 1rem;\n }\n\n .form-select {\n margin-left: 1rem;\n max-width: 300px;\n }\n}\n\n")))}b.isMDXComponent=!0;var C=function(e){var n=e.title,t=e.description,a=e.isExpanded;return s.createElement(x.Z,{title:n||"Slide Panel Manager Example",description:t,example:s.createElement(m.Z,null),exampleCssSrc:s.createElement(b,null),exampleSrc:s.createElement(g,null),isExpanded:a})},D=t(91710),k=["components"],S={};function T(e){var n=e.components,t=(0,l.Z)(e,k);return(0,r.mdx)("wrapper",(0,a.Z)({},S,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable max-classes-per-file */\n/* Slide Panel Manager example with panel behavior as \"squish\" */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\nimport ContentContainer from 'terra-content-container';\nimport {\n availableDisclosureHeights, availableDisclosureWidths, DisclosureManagerHeaderAdapter, DisclosureManagerContext,\n} from 'terra-disclosure-manager';\nimport NativeSelect from 'terra-form-select/lib/native-select/NativeSelect';\n\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport styles from './SlidePanelManager.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DisclosureComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.checkLockState = this.checkLockState.bind(this);\n\n this.state = {\n text: undefined,\n };\n }\n\n componentDidMount() {\n const disclosureManager = this.context;\n\n if (disclosureManager && disclosureManager.registerDismissCheck) {\n disclosureManager.registerDismissCheck(this.checkLockState);\n }\n }\n\n checkLockState() {\n if (this.state.text && this.state.text.length) {\n return new Promise((resolve, reject) => {\n // eslint-disable-next-line no-restricted-globals\n if (!confirm(`${this.props.name} has unsaved changes that will be lost. Do you wish to continue?`)) { // eslint-disable-line no-alert\n reject();\n return;\n }\n\n resolve();\n });\n }\n\n return Promise.resolve();\n }\n\n render() {\n const { name, disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n \n \n {\n this.setState({\n selectedHeaderAction: 'Button 1',\n });\n }}\n />\n {\n this.setState({\n selectedHeaderAction: 'Button 2',\n });\n }}\n />\n \n )}\n />\n
\n
{name}
\n
The disclosed component can disclose content within the same panel.
\n
It can also render a header (like above) that implements the various DisclosureManager control functions.
\n \n \n \n \n
The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.
\n );\n};\n\nexport default SlidePanelManagerExample;\n\n")))}T.isMDXComponent=!0;var E=function(e){var n=e.title,t=e.description,a=e.isExpanded;return s.createElement(x.Z,{title:n||"Slide Panel Manager Squish Example",description:t,example:s.createElement(D.Z,null),exampleCssSrc:s.createElement(b,null),exampleSrc:s.createElement(T,null),isExpanded:a})},M=t(87983),w=["components"],N={};function P(e){var n=e.components,t=(0,l.Z)(e,w);return(0,r.mdx)("wrapper",(0,a.Z)({},N,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable max-classes-per-file */\n/* Slide Panel Manager example with panel behavior as \"squish\" */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\nimport ContentContainer from 'terra-content-container';\nimport {\n availableDisclosureHeights, availableDisclosureWidths, DisclosureManagerHeaderAdapter, DisclosureManagerContext,\n} from 'terra-disclosure-manager';\n\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport styles from './SlidePanelManager.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DisclosureComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.checkLockState = this.checkLockState.bind(this);\n\n this.state = {\n text: undefined,\n };\n }\n\n componentDidMount() {\n const disclosureManager = this.context;\n\n if (disclosureManager && disclosureManager.registerDismissCheck) {\n disclosureManager.registerDismissCheck(this.checkLockState);\n }\n }\n\n checkLockState() {\n if (this.state.text && this.state.text.length) {\n return new Promise((resolve, reject) => {\n // eslint-disable-next-line no-restricted-globals\n if (!confirm(`${this.props.name} has unsaved changes that will be lost. Do you wish to continue?`)) { // eslint-disable-line no-alert\n reject();\n return;\n }\n\n resolve();\n });\n }\n\n return Promise.resolve();\n }\n\n render() {\n const { name, disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n \n \n {\n this.setState({\n selectedHeaderAction: 'Button 1',\n });\n }}\n />\n {\n this.setState({\n selectedHeaderAction: 'Button 2',\n });\n }}\n />\n \n )}\n />\n
\n
{name}
\n
The disclosed component can disclose content within the same panel.
\n
It can also render a header (like above) that implements the various DisclosureManager control functions.
\n \n \n \n \n
The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.
\n)}\n >\n \n \n \n);\n\nexport default SlidePanelManagerExample;\n\n")))}P.isMDXComponent=!0;var H=function(e){var n=e.title,t=e.description,a=e.isExpanded;return s.createElement(x.Z,{title:n||"Slide Panel Manager Accessory Example",description:t,example:s.createElement(M.Z,null),exampleCssSrc:s.createElement(b,null),exampleSrc:s.createElement(P,null),isExpanded:a})},B=["components"],A={},I="wrapper";function W(e){var n=e.components,t=(0,l.Z)(e,B);return(0,r.mdx)(I,(0,a.Z)({},A,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(i.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-slidepanel-manager"},"Terra SlidePanel Manager"),(0,r.mdx)("p",null,"The SlidePanelManager is a DisclosureManager implementation that presents disclosed content using a SlidePanel."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-slide-panel-manager"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"terra-disclosure-manager"),(0,r.mdx)("td",{parentName:"tr",align:null},"^4.16.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SlidePanelManager, { disclosureType } from 'terra-slide-panel-manager';\n")),(0,r.mdx)("h2",{id:"implementation-requirements"},"Implementation Requirements"),(0,r.mdx)("p",null,"The SlidePanelManager utilizes the DisclosureManager API to manage disclosure requests. The components provided as children to the SlidePanelManager, and the components disclosed within it, must interface with the SlidePanelManager's context using the ",(0,r.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()")," higher-order component generator provided by the ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-disclosure-manager")," package. Alternatively, ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerContext")," can be consumed directly using the ",(0,r.mdx)("inlineCode",{parentName:"p"},"useContext")," hook."),(0,r.mdx)("p",null,"The SlidePanelManager responds to ",(0,r.mdx)("inlineCode",{parentName:"p"},'"panel"')," disclosure type requests. Components that wish to disclose content using the SlidePanelManager should provide a preferred type of ",(0,r.mdx)("inlineCode",{parentName:"p"},'"panel"'),". This value is exported from the package as ",(0,r.mdx)("inlineCode",{parentName:"p"},"disclosureType"),". Please see the ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/#/components/terra-disclosure-manager/disclosure-manager/disclosure-manager-api"},"DisclosureManager API documentation")," for a full description of the SlidePanelManager's capabilities."),(0,r.mdx)("h2",{id:"disclosuremanagerheaderadapter-support"},"DisclosureManagerHeaderAdapter Support"),(0,r.mdx)("p",null,"If a component disclosed by the SlidePanelManager renders a ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the SlidePanelManager will render an ActionHeader and provide the standard disclosure navigation controls (close, go back, etc.) within it. The disclosed component can use the ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," to inject its own title and CollapsibleButtonView into the ActionHeader."),(0,r.mdx)("p",null,"If the disclosed component does ",(0,r.mdx)("strong",{parentName:"p"},"not")," render a ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the SlidePanelManager will ",(0,r.mdx)("strong",{parentName:"p"},"not")," render an ActionHeader itself. In this case, it is assumed that the disclosed component is rendering its own header. The disclosed component is responsible for rendering the appropriate controls to navigate the disclosure stack."),(0,r.mdx)("blockquote",null,(0,r.mdx)("p",{parentName:"blockquote"},"Note: The DisclosureManagerHeaderAdapter is the preferred way to present a header within the SlidePanelManager. In a future major release, the SlidePanelManager will ",(0,r.mdx)("strong",{parentName:"p"},"always")," render the header and navigation controls, regardless of the presence of a DisclosureManagerHeaderAdapter.")),(0,r.mdx)("h2",{id:"disclosure-accessory"},"Disclosure Accessory"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"disclosureAccessory")," prop allows consumers of the SlidePanelManager to render a static component above the disclosed panel content. The provided component will be rendered below the standard ActionHeader and above the disclosed content. This can be used to easily provide additional context to every disclosed component. This component is provided once to the SlidePanelManager instance, not on a per-disclosure basis, and each component in the disclosure stack will be decorated with the same accessory component."),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(C,{title:"Overlay Example",mdxType:"SlidePanelManagerExample"}),(0,r.mdx)(E,{title:"Squish Example",mdxType:"SlidePanelManagerSquishExample"}),(0,r.mdx)(H,{title:"Disclosure Accessory Example",mdxType:"SlidePanelManagerAccessoryExample"}),(0,r.mdx)("h2",{id:"slide-panel-manager-props-table"},"Slide Panel Manager Props Table"),(0,r.mdx)(p,{mdxType:"SlidePanelManagerPropsTable"}))}W.isMDXComponent=!0},89708:function(e,n,t){t.d(n,{C:function(){return s}});var a=t(67294),l=t(22863),s=function(e){var n=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.84.0",url:n})}},87983:function(e,n,t){var a=t(64836);n.Z=void 0;var l=a(t(38416)),s=a(t(56690)),r=a(t(89728)),i=a(t(66115)),o=a(t(61655)),c=a(t(94993)),d=a(t(73808)),u=a(t(67294)),p=a(t(45697)),m=a(t(47166)),h=a(t(17092)),f=a(t(57927)),g=a(t(10027)),x=t(56019),v=a(t(34653)),y=a(t(46765));function b(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,d.default)(e);if(n){var l=(0,d.default)(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return(0,c.default)(this,t)}}var C=m.default.bind(y.default),D=function(e){(0,o.default)(t,e);var n=b(t);function t(e){var a;return(0,s.default)(this,t),(a=n.call(this,e)).checkLockState=a.checkLockState.bind((0,i.default)(a)),a.state={text:void 0},a}return(0,r.default)(t,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(n,t){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?n():t()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,s=this.context;return u.default.createElement(g.default,{fill:!0},u.default.createElement(x.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:u.default.createElement(f.default,null,u.default.createElement(f.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),u.default.createElement(f.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),u.default.createElement("div",{className:C("content-wrapper")},u.default.createElement("h3",null,a),u.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),u.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),u.default.createElement("button",{type:"button",onClick:function(){s.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),u.default.createElement("button",{type:"button",onClick:function(){s.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:u.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),u.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(n){e.setState({text:n.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?u.default.createElement("p",null,"Component has unsaved changes!"):null,u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("p",null,"Selected Header Action:"," ",u.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),t}(u.default.Component);D.contextType=x.DisclosureManagerContext,D.propTypes={name:p.default.string,disclosureType:p.default.string},D.defaultProps={name:"Disclosure Component"};var k=Object.keys(x.availableDisclosureHeights),S=Object.keys(x.availableDisclosureWidths),T=function(e){return e.map((function(e,n){var t=n;return u.default.createElement("option",{key:t,value:e},e)}))},E=function(e){(0,o.default)(t,e);var n=b(t);function t(e){var a;return(0,s.default)(this,t),(a=n.call(this,e)).renderButton=a.renderButton.bind((0,i.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,i.default)(a)),a.getId=a.getId.bind((0,i.default)(a)),a.state={id:"dimensions",disclosureHeight:k[0],disclosureWidth:S[0]},a}return(0,r.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,l.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var n=this.context;return u.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",size:e,content:{key:"Content-Disclosure-".concat(e),component:u.default.createElement(D,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,n=this.context,t="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return u.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:u.default.createElement(D,{name:"Disclosure Component",disclosureType:"panel"})}})}},t)}},{key:"renderForm",value:function(){return u.default.createElement("form",null,u.default.createElement("label",{htmlFor:this.getId("disclosureHeightSquish")},"Pop Content Height"),u.default.createElement("select",{id:this.getId("disclosureHeightSquish"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},T(k)),u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("label",{htmlFor:this.getId("disclosureWidthSquish")},"Pop Content Width"),u.default.createElement("select",{id:this.getId("disclosureWidthSquish"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},T(S)),u.default.createElement("br",null),u.default.createElement("br",null))}},{key:"render",value:function(){return u.default.createElement(g.default,{header:u.default.createElement(h.default,{text:"SlidePanelManager Child Component"})},u.default.createElement("div",{className:C("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),u.default.createElement("br",null),u.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),u.default.createElement("p",null,"The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")),u.default.createElement("div",{className:C("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),t}(u.default.Component);E.contextType=x.DisclosureManagerContext;n.Z=function(){return u.default.createElement("div",{className:C("example-wrapper")},u.default.createElement(v.default,{panelBehavior:"squish",disclosureAccessory:u.default.createElement("div",{className:C("disclosure-accessory")},"Disclosure Accessory")},u.default.createElement(E,null)))}},91823:function(e,n,t){var a=t(64836),l=t(18698);n.Z=void 0;var s=a(t(27424)),r=a(t(38416)),i=a(t(56690)),o=a(t(89728)),c=a(t(66115)),d=a(t(61655)),u=a(t(94993)),p=a(t(73808)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=k(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=s?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,t&&t.set(e,a),a}(t(67294)),h=a(t(45697)),f=a(t(47166)),g=a(t(17092)),x=a(t(57927)),v=a(t(10027)),y=t(56019),b=a(t(20251)),C=a(t(34653)),D=a(t(46765));function k(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(k=function(e){return e?t:n})(e)}function S(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,p.default)(e);if(n){var l=(0,p.default)(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return(0,u.default)(this,t)}}var T=f.default.bind(D.default),E=function(e){(0,d.default)(t,e);var n=S(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).checkLockState=a.checkLockState.bind((0,c.default)(a)),a.state={text:void 0},a}return(0,o.default)(t,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(n,t){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?n():t()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,s=this.context;return m.default.createElement(v.default,{fill:!0},m.default.createElement(y.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:m.default.createElement(x.default,null,m.default.createElement(x.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),m.default.createElement(x.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),m.default.createElement("div",{className:T("content-wrapper")},m.default.createElement("h3",null,a),m.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),m.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),m.default.createElement("button",{type:"button",onClick:function(){s.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),m.default.createElement("button",{type:"button",onClick:function(){s.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:m.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),m.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(n){e.setState({text:n.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?m.default.createElement("p",null,"Component has unsaved changes!"):null,m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"Selected Header Action:"," ",m.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),t}(m.default.Component);E.contextType=y.DisclosureManagerContext,E.propTypes={name:h.default.string,disclosureType:h.default.string},E.defaultProps={name:"Disclosure Component"};var M=Object.keys(y.availableDisclosureHeights),w=Object.keys(y.availableDisclosureWidths),N=function(e){return e.map((function(e,n){var t=n;return m.default.createElement("option",{key:t,value:e},e)}))},P=function(e){(0,d.default)(t,e);var n=S(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).renderButton=a.renderButton.bind((0,c.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,c.default)(a)),a.getId=a.getId.bind((0,c.default)(a)),a.state={id:"dimensions",disclosureHeight:M[0],disclosureWidth:w[0]},a}return(0,o.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,r.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var n=this.context;return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",size:e,content:{key:"Content-Disclosure-".concat(e),component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,n=this.context,t="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",typeConfig:{panelBehavior:"overlay"},dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},t)}},{key:"renderForm",value:function(){return m.default.createElement("form",null,m.default.createElement("label",{htmlFor:this.getId("disclosureHeightOverlay")},"Pop Content Height"),m.default.createElement("select",{id:this.getId("disclosureHeightOverlay"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},N(M)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("label",{htmlFor:this.getId("disclosureWidthOverlay")},"Pop Content Width"),m.default.createElement("select",{id:this.getId("disclosureWidthOverlay"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},N(w)),m.default.createElement("br",null),m.default.createElement("br",null))}},{key:"render",value:function(){return m.default.createElement(v.default,{header:m.default.createElement(g.default,{text:"SlidePanelManager Child Component"})},m.default.createElement("div",{className:T("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),m.default.createElement("br",null),m.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),m.default.createElement("p",null,"The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")),m.default.createElement("div",{className:T("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),t}(m.default.Component);P.contextType=y.DisclosureManagerContext;n.Z=function(){var e=(0,m.useState)(0),n=(0,s.default)(e,2),t=n[0],a=n[1];return m.default.createElement("div",{className:T("example-wrapper")},m.default.createElement(C.default,{level:0===t?void 0:t},m.default.createElement(P,null),m.default.createElement("br",null),m.default.createElement("div",{id:"headingLevel",className:T("form-select")},"Select panel heading level:"),m.default.createElement(b.default,{ariaLabel:"Panel heading level",className:T("form-select"),isFilterStyle:!0,onChange:function(e){return a(Number(e.currentTarget.value))},options:[{value:"0",display:"Default"},{value:1,display:"1"},{value:2,display:"2"},{value:3,display:"3"},{value:4,display:"4"},{value:5,display:"5"},{value:6,display:"6"}],value:t})))}},91710:function(e,n,t){var a=t(64836),l=t(18698);n.Z=void 0;var s=a(t(27424)),r=a(t(38416)),i=a(t(56690)),o=a(t(89728)),c=a(t(66115)),d=a(t(61655)),u=a(t(94993)),p=a(t(73808)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=k(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=s?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,t&&t.set(e,a),a}(t(67294)),h=a(t(45697)),f=a(t(47166)),g=a(t(17092)),x=a(t(57927)),v=a(t(10027)),y=t(56019),b=a(t(20251)),C=a(t(34653)),D=a(t(46765));function k(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(k=function(e){return e?t:n})(e)}function S(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,p.default)(e);if(n){var l=(0,p.default)(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return(0,u.default)(this,t)}}var T=f.default.bind(D.default),E=function(e){(0,d.default)(t,e);var n=S(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).checkLockState=a.checkLockState.bind((0,c.default)(a)),a.state={text:void 0},a}return(0,o.default)(t,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(n,t){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?n():t()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,s=this.context;return m.default.createElement(v.default,{fill:!0},m.default.createElement(y.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:m.default.createElement(x.default,null,m.default.createElement(x.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),m.default.createElement(x.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),m.default.createElement("div",{className:T("content-wrapper")},m.default.createElement("h3",null,a),m.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),m.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),m.default.createElement("button",{type:"button",onClick:function(){s.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),m.default.createElement("button",{type:"button",onClick:function(){s.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:m.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),m.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(n){e.setState({text:n.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?m.default.createElement("p",null,"Component has unsaved changes!"):null,m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"Selected Header Action:"," ",m.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),t}(m.default.Component);E.contextType=y.DisclosureManagerContext,E.propTypes={name:h.default.string,disclosureType:h.default.string},E.defaultProps={name:"Disclosure Component"};var M=Object.keys(y.availableDisclosureHeights),w=Object.keys(y.availableDisclosureWidths),N=function(e){return e.map((function(e,n){var t=n;return m.default.createElement("option",{key:t,value:e},e)}))},P=function(e){(0,d.default)(t,e);var n=S(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).renderButton=a.renderButton.bind((0,c.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,c.default)(a)),a.getId=a.getId.bind((0,c.default)(a)),a.state={id:"dimensions",disclosureHeight:M[0],disclosureWidth:w[0]},a}return(0,o.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,r.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var n=this.context;return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",size:e,typeConfig:{panelBehavior:"squish"},content:{key:"Content-Disclosure-".concat(e),component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,n=this.context,t="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},t)}},{key:"renderForm",value:function(){return m.default.createElement("form",null,m.default.createElement("label",{htmlFor:this.getId("disclosureHeightSquish")},"Pop Content Height"),m.default.createElement("select",{id:this.getId("disclosureHeightSquish"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},N(M)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("label",{htmlFor:this.getId("disclosureWidthSquish")},"Pop Content Width"),m.default.createElement("select",{id:this.getId("disclosureWidthSquish"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},N(w)),m.default.createElement("br",null),m.default.createElement("br",null))}},{key:"render",value:function(){return m.default.createElement(v.default,{header:m.default.createElement(g.default,{text:"SlidePanelManager Child Component"})},m.default.createElement("div",{className:T("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),m.default.createElement("br",null),m.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),m.default.createElement("p",null,"The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")),m.default.createElement("div",{className:T("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),t}(m.default.Component);P.contextType=y.DisclosureManagerContext;n.Z=function(){var e=(0,m.useState)(0),n=(0,s.default)(e,2),t=n[0],a=n[1];return m.default.createElement("div",{className:T("example-wrapper")},m.default.createElement(C.default,{level:0===t?void 0:t},m.default.createElement(P,null),m.default.createElement("br",null),m.default.createElement("div",{id:"headingLevel",className:T("form-select")},"Select panel heading level:"),m.default.createElement(b.default,{ariaLabel:"Panel heading level",className:T("form-select"),isFilterStyle:!0,onChange:function(e){return a(Number(e.currentTarget.value))},options:[{value:"0",display:"Default"},{value:1,display:"1"},{value:2,display:"2"},{value:3,display:"3"},{value:4,display:"4"},{value:5,display:"5"},{value:6,display:"6"}],value:t})))}},46765:function(e,n,t){t.r(n),n.default={"example-wrapper":"SlidePanelManager-module__example-wrapper___O3eL3","content-wrapper":"SlidePanelManager-module__content-wrapper___ztw-M","disclosure-accessory":"SlidePanelManager-module__disclosure-accessory___MW01K","form-select":"SlidePanelManager-module__form-select___YyZ10"}}}]);
\ No newline at end of file
diff --git a/pull/1885/11448-1d5770669cde115194cc.css b/pull/1885/11448-e0a3b4fd7c383e8d2a78.css
similarity index 90%
rename from pull/1885/11448-1d5770669cde115194cc.css
rename to pull/1885/11448-e0a3b4fd7c383e8d2a78.css
index 0813bf03f8c..b8d6a058adf 100644
--- a/pull/1885/11448-1d5770669cde115194cc.css
+++ b/pull/1885/11448-e0a3b4fd7c383e8d2a78.css
@@ -1,12 +1,12 @@
-.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%}
.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer}
.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto}
.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
-.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
+.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:right}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l.ColumnHeaderCell-module__hidden___Tu-Xs{color:rgba(0,0,0,0)}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
+.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%}
.DataGrid-module__data-grid-container___4LJj1{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none}
.FlowsheetDataGrid-module__flowsheet-data-grid-container___O1y8B{height:100%;width:100%}
[dir] .DisclosureComponent-module__content-wrapper___2tYpZ{padding:.7rem}
diff --git a/pull/1885/11448-1d5770669cde115194cc.js b/pull/1885/11448-e0a3b4fd7c383e8d2a78.js
similarity index 100%
rename from pull/1885/11448-1d5770669cde115194cc.js
rename to pull/1885/11448-e0a3b4fd7c383e8d2a78.js
diff --git a/pull/1885/12810-18c0bf45f9b5cacea70c.js b/pull/1885/12810-18c0bf45f9b5cacea70c.js
new file mode 100644
index 00000000000..44c105fee30
--- /dev/null
+++ b/pull/1885/12810-18c0bf45f9b5cacea70c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[12810],{87253:function(e,t,l){var n=l(64836),a=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(l(10434)),o=n(l(861)),i=n(l(38416)),u=n(l(27424)),d=P(l(67294)),s=n(l(45697)),c=l(25387),f=l(55877),m=P(l(51051)),b=n(l(47166)),p=n(l(32018)),_=n(l(47341)),h=n(l(29270)),g=n(l(89152)),v=n(l(52075)),w=n(l(27876)),C=n(l(65602)),y=n(l(412)),I=P(l(63127)),R=n(l(23902)),O=n(l(15821)),x=n(l(28255)),E=n(l(20318)),S=n(l(9462));function M(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(M=function(e){return e?l: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 l=M(t);if(l&&l.has(e))return l.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,l&&l.set(e,n),n}function H(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function j(e){for(var t=1;t0&&0===me.current.length)he(q.formatMessage({id:"Terra.table.all-rows-unselected"}));else if(me.current.length===t.length)he(q.formatMessage({id:"Terra.table.all-rows-selected"}));else{var l=me.current.filter((function(t){return!e.includes(t)})),n=e.filter((function(e){return!me.current.includes(e)})),a="";if(1===l.length){var r=ae.current.querySelector("tr[data-row-id='".concat(l[0],"']")).getAttribute("aria-rowindex");a=q.formatMessage({id:"Terra.table.row-selection-template"},{row:r})}else l.length>1&&(a=q.formatMessage({id:"Terra.table.multiple-rows-selected"},{rowCount:l.length}));if(1===n.length){var i=ae.current.querySelector("tr[data-row-id='".concat(n[0],"']")).getAttribute("data-row-id");a+=q.formatMessage({id:"Terra.table.row-selection-cleared-template"},{row:i})}else n.length>1&&(a+=q.formatMessage({id:"Terra.table.multiple-rows-unselected"},{rowCount:n.length}));a&&he(a)}}),[q,Ne]),(0,d.useEffect)((function(){De(Me.map((function(e){return Ee(e)})))}),[C,R]),(0,d.useEffect)((function(){var e,t=[],l=0;if(z&&0===C.length)return e=0,t.push(l),void le(t);C.length>0&&(t.push(l),e=z?C.length:C.length-1,je.slice(0,e).forEach((function(e){l+=e.width,t.push(l)}))),le(t)}),[je]),(0,d.useEffect)((function(){var e=new p.default((function(){U(ae.current.offsetHeight-1);var e=ne.current;ue(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)}));return e.observe(ae.current),function(){e.disconnect()}}),[ae]);var Te=(0,d.useCallback)((function(e){se.tableRef&&(se.tableRef.current=e),ae.current=e}),[se.tableRef]),Ae=(0,d.useCallback)((function(e){se.tableContainerRef&&(se.tableContainerRef.current=e),ne.current=e}),[se.tableContainerRef]),Le=(0,d.useCallback)((function(e){e===Se.id?W&&W():P&&P(e)}),[P,W,Se.id]),qe=(0,d.useCallback)((function(e,t,l){Z.current=ae.current.offsetWidth,J.current=e.pageX,Q.current=l,B(t)}),[]),Ge=function(){O&&O(je[F].id,je[F].width),B(null)},Ke=(0,d.useCallback)((function(e,t){var l=je[e],n=l.minimumWidth,a=l.maximumWidth,r=l.width,i=Math.min(Math.max(r+t,n),a),u=(0,o.default)(je);u[e].width=i,De(u),ae.current.style.width="".concat(ae.current.offsetWidth+(i-r),"px"),O&&O(je[e].id,je[e].width)}),[je,O]);return d.default.createElement("div",{ref:Ae,className:D("table-container"),tabIndex:!ce&&ie?0:void 0},d.default.createElement("table",(0,r.default)({ref:Te,id:t,role:se.role,"aria-labelledby":l,"aria-label":n,"aria-rowcount":We,className:D("table",de.className,{headerless:!T}),onKeyDown:ce?void 0:function(e){var t,l=e.target;e.keyCode!==m.KEY_TAB&&(function(e){if("input"===e.tagName.toLowerCase()){var t=e.type;return["text","password","number","email","tel","url","search","date","datetime","datetime-local","time","month","week"].indexOf(t)>=0}return!1}(l)||["textarea","select"].indexOf(l.tagName.toLowerCase())>=0||l.hasAttribute("contentEditable")&&!1!==l.getAttribute("contentEditable"))||(e.keyCode===m.KEY_HOME?(t=(0,S.default)(ae.current))&&t[0].focus():e.keyCode===m.KEY_END&&(t=(0,S.default)(ae.current))&&t[t.length-1].focus())}},null!=F&&{onMouseUp:Ge,onMouseMove:function(e){if(null!=F){var t=e.pageX-J.current,l=je[F],n=l.minimumWidth,a=l.maximumWidth,r=Math.min(Math.max(Q.current+t,n),a),i=(0,o.default)(je);i[F].width=r,De(i),ae.current.style.width="".concat(Z+(r-Q.current),"px")}},onMouseLeave:Ge}),d.default.createElement(w.default.Provider,{value:xe},d.default.createElement("colgroup",null,je.map((function(e){return d.default.createElement("col",{key:e.id,style:{width:"".concat(e.width,"px")}})}))),d.default.createElement(v.default,{tableId:t,isActiveColumnResizing:i,activeColumnIndex:a,columns:je,hasVisibleColumnHeaders:T,headerHeight:E,columnResizeIncrement:s,tableHeight:Y,onResizeMouseDown:qe,onColumnSelect:Le,onResizeHandleChange:Ke}),Ne.map((function(e){return d.default.createElement(g.default,{id:e.id,tableId:t,key:e.id,sectionRowIndex:e.sectionRowIndex,isCollapsible:e.isCollapsible,isCollapsed:e.isCollapsed,isHidden:e.id===ke.current,isTableStriped:A,text:e.text,rows:e.rows,rowHeight:M,hasRowSelection:z,displayedColumns:Me,rowHeaderIndex:L,onCellSelect:ce||z?ze:void 0,onSectionSelect:k})})))),d.default.createElement(h.default,{className:D("row-selection-mode-region"),"aria-live":"polite",text:we}),d.default.createElement(h.default,{className:D("row-selection-region"),"aria-live":"polite",text:_e}),d.default.createElement(h.default,{className:D("column-header-region"),"aria-live":"polite","aria-atomic":"true",text:Re}))}N.propTypes=k,N.defaultProps={rowHeaderIndex:0,defaultColumnWidth:200,columnHeaderHeight:"2.5rem",rowHeight:"2.5rem",pinnedColumns:[],overflowColumns:[],rows:[],hasVisibleColumnHeaders:!0};t.default=d.default.memo((0,c.injectIntl)(N))},12810:function(e,t,l){var n=l(64836),a=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"GridConstants",{enumerable:!0,get:function(){return o.GridConstants}}),Object.defineProperty(t,"GridContext",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"cellShape",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"columnShape",{enumerable:!0,get:function(){return u.default}}),t.default=void 0,Object.defineProperty(t,"rowShape",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"sectionShape",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,"validateRowHeaderIndex",{enumerable:!0,get:function(){return c.default}});var r=n(l(87253)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=f(t);if(l&&l.has(e))return l.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,l&&l.set(e,n),n}(l(63127)),i=n(l(98526)),u=n(l(65602)),d=n(l(23902)),s=n(l(20318)),c=n(l(15821));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(f=function(e){return e?l:t})(e)}t.default=r.default},98526:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(45697)),r=a.default.shape({content:a.default.node,isMasked:a.default.bool,maskedLabel:a.default.string,isSelectable:a.default.bool,isSelected:a.default.bool});t.default=r},65602:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.SortIndicators=void 0;var a=n(l(45697)),r=t.SortIndicators={ASCENDING:"ascending",DESCENDING:"descending"},o=a.default.shape({id:a.default.string.isRequired,displayName:a.default.string,hasError:a.default.bool,isResizable:a.default.bool,isSelectable:a.default.bool,minimumWidth:a.default.number,maximumWidth:a.default.number,width:a.default.number,sortIndicator:a.default.oneOf(Object.values(r))});t.default=o},23902:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(45697)),r=n(l(98526)),o=a.default.shape({id:a.default.string.isRequired,cells:a.default.arrayOf(r.default),isSelected:a.default.bool,ariaLabel:a.default.string});t.default=o},20318:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(45697)),r=n(l(23902)),o=a.default.shape({id:a.default.string.isRequired,isCollapsible:a.default.bool,isCollapsed:a.default.bool,text:a.default.string,rows:a.default.arrayOf(r.default)});t.default=o},15821:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(412));t.default=function(e){return Number.isInteger(e.rowHeaderIndex)?e.rowHeaderIndex<0?new Error(a.default.ROW_HEADER_INDEX_LESS_THAN_ZERO):e.pinnedColumns.length&&e.rowHeaderIndex>=e.pinnedColumns.length?new Error(a.default.ROW_HEADER_INDEX_EXCEEDS_PINNED):void 0:new Error(a.default.ROW_HEADER_INDEX_NOT_AN_INTEGER)}},4845:function(e,t,l){var n=l(64836),a=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(l(10434)),o=n(l(27424)),i=w(l(67294)),u=w(l(51051)),d=n(l(47166)),s=n(l(54483)),c=l(25387),f=n(l(45697)),m=n(l(47341)),b=n(l(29270)),p=n(l(27876)),_=w(l(63127)),h=n(l(9462)),g=n(l(2981));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(v=function(e){return e?l:t})(e)}function w(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=v(t);if(l&&l.has(e))return l.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,l&&l.set(e,n),n}var C=d.default.bind(g.default),y={intl:f.default.shape({formatMessage:f.default.func}).isRequired,rowId:f.default.string.isRequired,columnId:f.default.string.isRequired,rowIndex:f.default.number,columnIndex:f.default.number,sectionId:f.default.string,tableId:f.default.string.isRequired,children:f.default.node,isMasked:f.default.bool,maskedLabel:f.default.string,isSelectable:f.default.bool,isSelected:f.default.bool,ariaLabel:f.default.string,isRowHeader:f.default.bool,isHighlighted:f.default.bool,onCellSelect:f.default.func,height:f.default.string};function I(e){var t=e.rowId,l=e.columnId,n=e.rowIndex,a=e.columnIndex,d=e.sectionId,c=e.tableId,f=e.ariaLabel,g=e.isMasked,v=e.maskedLabel,w=e.isRowHeader,y=e.isSelectable,I=e.isSelected,R=e.isHighlighted,O=e.children,x=e.onCellSelect,E=e.height,S=e.intl,M=(0,i.useRef)(),P=(0,i.useContext)(m.default),H=(0,i.useContext)(_.default),j=(0,i.useContext)(p.default),D=(0,i.useState)(!1),k=(0,o.default)(D,2),N=k[0],W=k[1],z=(0,i.useState)(!1),T=(0,o.default)(z,2),A=T[0],L=T[1],q=H.role===_.GridConstants.GRID,G=function(){return(0,h.default)(M.current).length>0};(0,i.useEffect)((function(){q&&W(G())}),[q]);var K,Y=function(){L(!1),H.setCellAriaLiveMessage&&H.setCellAriaLiveMessage(S.formatMessage({id:"Terra.table.resume-navigation"}))};K=g?i.default.createElement("span",{className:C("no-data-cell",P.className)},v||S.formatMessage({id:"Terra.table.maskedCell"})):O||i.default.createElement("span",{className:C("no-data-cell",P.className)},S.formatMessage({id:"Terra.table.blank"}));var U=C("cell",{masked:g,pinned:a=0}return["textarea","select"].indexOf(t.toLowerCase())>=0||!(!e.hasAttribute("contentEditable")||!1===e.getAttribute("contentEditable"))}(o)||e.preventDefault()}},style:{left:V}}),F,N&&i.default.createElement(b.default,{text:S.formatMessage({id:"Terra.table.cell-interactable"})}))}I.propTypes=y,I.defaultProps={isRowHeader:!1,isSelectable:!1,isMasked:!1,sectionId:""};t.default=i.default.memo((0,c.injectIntl)(I))},52075:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(67294)),r=n(l(45697)),o=n(l(47166)),i=n(l(63043)),u=n(l(65602)),d=n(l(59246)),s=o.default.bind(d.default),c={tableId:r.default.string.isRequired,columns:r.default.arrayOf(u.default).isRequired,headerHeight:r.default.string.isRequired,tableHeight:r.default.number,activeColumnIndex:r.default.number,isActiveColumnResizing:r.default.bool,columnResizeIncrement:r.default.number,onColumnSelect:r.default.func,onResizeMouseDown:r.default.func,onResizeHandleChange:r.default.func,hasVisibleColumnHeaders:r.default.bool},f=function(e){var t=e.tableId,l=e.activeColumnIndex,n=e.isActiveColumnResizing,r=e.columnResizeIncrement,o=e.columns,u=e.headerHeight,d=e.tableHeight,c=e.onColumnSelect,f=e.onResizeMouseDown,m=e.onResizeHandleChange,b=e.hasVisibleColumnHeaders;return a.default.createElement("thead",null,a.default.createElement("tr",{className:s("column-header-row",{hidden:!b}),height:b?u:void 0},o.map((function(e,o){return a.default.createElement(i.default,{key:e.id,id:e.id,tableId:t,rowIndex:0,columnIndex:o,displayName:e.displayName,isDisplayVisible:e.isDisplayVisible,width:e.width,minimumWidth:e.minimumWidth,maximumWidth:e.maximumWidth,headerHeight:u,isResizable:b&&e.isResizable,isSelectable:b&&e.isSelectable,tableHeight:d,isActive:l===o,isResizeActive:l===o&&n,columnResizeIncrement:r,hasError:e.hasError,sortIndicator:e.sortIndicator,onColumnSelect:c,onResizeMouseDown:f,onResizeHandleChange:m})}))))};f.propTypes=c,f.defaultProps={hasVisibleColumnHeaders:!0};t.default=a.default.memo(f)},63043:function(e,t,l){var n=l(64836),a=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(l(10434)),o=n(l(27424)),i=C(l(67294)),u=n(l(45697)),d=l(25387),s=C(l(51051)),c=n(l(47166)),f=n(l(47341)),m=n(l(29270)),b=l(34614),p=n(l(62225)),_=C(l(63127)),h=l(65602),g=n(l(27876)),v=n(l(23194));function w(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(w=function(e){return e?l: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 l=w(t);if(l&&l.has(e))return l.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,l&&l.set(e,n),n}var y=c.default.bind(v.default),I={id:u.default.string.isRequired,tableId:u.default.string.isRequired,displayName:u.default.string,sortIndicator:u.default.oneOf(Object.values(h.SortIndicators)),hasError:u.default.bool,minimumWidth:u.default.number,maximumWidth:u.default.number,isActive:u.default.bool,isDisplayVisible:u.default.bool,isSelectable:u.default.bool,isResizable:u.default.bool,tableHeight:u.default.number,isResizeActive:u.default.bool,columnResizeIncrement:u.default.number,width:u.default.number.isRequired,headerHeight:u.default.string.isRequired,rowIndex:u.default.number,columnIndex:u.default.number,onColumnSelect:u.default.func,onResizeMouseDown:u.default.func,onResizeHandleChange:u.default.func,intl:u.default.shape({formatMessage:u.default.func})},R=function(e){var t=e.id,l=e.tableId,n=e.displayName,a=e.sortIndicator,u=e.hasError,d=e.isActive,c=e.isDisplayVisible,v=e.isSelectable,w=e.isResizable,C=e.tableHeight,I=e.isResizeActive,R=e.columnResizeIncrement,O=e.width,x=e.minimumWidth,E=e.maximumWidth,S=e.headerHeight,M=e.onColumnSelect,P=e.intl,H=e.rowIndex,j=e.columnIndex,D=e.onResizeMouseDown,k=e.onResizeHandleChange,N=(0,i.useContext)(g.default),W=(0,i.useContext)(_.default),z=(0,i.useRef)(),T=(0,i.useState)(!1),A=(0,o.default)(T,2),L=A[0],q=A[1],G=W.role===_.GridConstants.GRID;(0,i.useEffect)((function(){d?w&&I?q(!0):(z.current.focus(),q(!1)):q(!1)}),[d,w,I]);var K,Y=(0,i.useCallback)((function(e){e.stopPropagation(),D&&D(e,j,z.current.offsetWidth)}),[j,D]),U=(0,i.useCallback)((function(){z.current.focus(),q(!1)}),[]),V=u&&i.default.createElement(b.IconError,{className:y("error-icon")}),X="";a===h.SortIndicators.ASCENDING?(K=i.default.createElement(b.IconUp,null),X=P.formatMessage({id:"Terra.table.sort-ascending"})):a===h.SortIndicators.DESCENDING&&(K=i.default.createElement(b.IconDown,null),X=P.formatMessage({id:"Terra.table.sort-descending"}));var F=(0,i.useContext)(f.default),B=j0&&0===ce.current.length)pe(A.formatMessage({id:"Terra.table.all-rows-unselected"}));else if(ce.current.length===t.length)pe(A.formatMessage({id:"Terra.table.all-rows-selected"}));else{var n=ce.current.filter((function(t){return!e.includes(t)})),l=e.filter((function(e){return!ce.current.includes(e)})),a="";if(1===n.length){var r=ne.current.querySelector("tr[data-row-id='".concat(n[0],"']")).getAttribute("aria-rowindex");a=A.formatMessage({id:"Terra.table.row-selection-template"},{row:r})}else n.length>1&&(a=A.formatMessage({id:"Terra.table.multiple-rows-selected"},{rowCount:n.length}));if(1===l.length){var u=ne.current.querySelector("tr[data-row-id='".concat(l[0],"']")).getAttribute("data-row-id");a+=A.formatMessage({id:"Terra.table.row-selection-cleared-template"},{row:u})}else l.length>1&&(a+=A.formatMessage({id:"Terra.table.multiple-rows-unselected"},{rowCount:l.length}));a&&pe(a)}}),[A,De]),(0,d.useEffect)((function(){He(Se.map((function(e){return xe(e)})))}),[w,R]),(0,d.useEffect)((function(){var e,t=[],n=0;if(N&&0===w.length)return e=0,t.push(n),void ee(t);w.length>0&&(t.push(n),e=N?w.length:w.length-1,Pe.slice(0,e).forEach((function(e){n+=e.width,t.push(n)}))),ee(t)}),[Pe]),(0,d.useEffect)((function(){var e=new b.default((function(){K(ne.current.offsetHeight-1);var e=te.current;oe(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)}));return e.observe(ne.current),function(){e.disconnect()}}),[ne]);var We=(0,d.useCallback)((function(e){ie.tableRef&&(ie.tableRef.current=e),ne.current=e}),[ie.tableRef]),ze=(0,d.useCallback)((function(e){ie.tableContainerRef&&(ie.tableContainerRef.current=e),te.current=e}),[ie.tableContainerRef]),Te=(0,d.useCallback)((function(e){e===Oe.id?k&&k():E&&E(e)}),[E,k,Oe.id]),Ae=(0,d.useCallback)((function(e,t,n){Q.current=ne.current.offsetWidth,B.current=e.pageX,J.current=n,F(t)}),[]),Le=function(){y&&y(Pe[X].id,Pe[X].width),F(null)},qe=(0,d.useCallback)((function(e,t){var n=Pe[e],l=n.minimumWidth,a=n.maximumWidth,r=n.width,u=Math.min(Math.max(r+t,l),a),i=(0,o.default)(Pe);i[e].width=u,He(i),ne.current.style.width="".concat(ne.current.offsetWidth+(u-r),"px"),y&&y(Pe[e].id,Pe[e].width)}),[Pe,y]);return d.default.createElement("div",{ref:ze,className:H("table-container"),tabIndex:!de&&re?0:void 0},d.default.createElement("table",(0,r.default)({ref:We,id:t,role:ie.role,"aria-labelledby":n,"aria-label":l,"aria-rowcount":ke,className:H("table",ue.className,{headerless:!W})},null!=X&&{onMouseUp:Le,onMouseMove:function(e){if(null!=X){var t=e.pageX-B.current,n=Pe[X],l=n.minimumWidth,a=n.maximumWidth,r=Math.min(Math.max(J.current+t,l),a),u=(0,o.default)(Pe);u[X].width=r,He(u),ne.current.style.width="".concat(Q+(r-J.current),"px")}},onMouseLeave:Le}),d.default.createElement(v.default.Provider,{value:ye},d.default.createElement("colgroup",null,Pe.map((function(e){return d.default.createElement("col",{key:e.id,style:{width:"".concat(e.width,"px")}})}))),d.default.createElement(g.default,{tableId:t,isActiveColumnResizing:u,activeColumnIndex:a,columns:Pe,hasColumnHeaders:W,headerHeight:O,columnResizeIncrement:s,tableHeight:G,onResizeMouseDown:Ae,onColumnSelect:Te,onResizeHandleChange:qe}),De.map((function(e){return d.default.createElement(_.default,{id:e.id,tableId:t,key:e.id,sectionRowIndex:e.sectionRowIndex,isCollapsible:e.isCollapsible,isCollapsed:e.isCollapsed,isHidden:e.id===je.current,isTableStriped:z,text:e.text,rows:e.rows,rowHeight:S,hasRowSelection:N,displayedColumns:Se,rowHeaderIndex:T,onCellSelect:de||N?Ne:void 0,onSectionSelect:j})})))),d.default.createElement(h.default,{"aria-live":"polite",text:ge}),d.default.createElement(h.default,{"aria-live":"polite",text:be}),d.default.createElement(h.default,{"aria-live":"polite","aria-atomic":"true",text:Ie}))}D.propTypes=j,D.defaultProps={rowHeaderIndex:0,defaultColumnWidth:200,columnHeaderHeight:"2.5rem",rowHeight:"2.5rem",pinnedColumns:[],overflowColumns:[],rows:[],hasColumnHeaders:!0};t.default=d.default.memo((0,c.injectIntl)(D))},12810:function(e,t,n){var l=n(64836),a=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"GridConstants",{enumerable:!0,get:function(){return o.GridConstants}}),Object.defineProperty(t,"GridContext",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var r=l(n(87253)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var l={__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(l,o,i):l[o]=e[o]}return l.default=e,n&&n.set(e,l),l}(n(63127));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)}t.default=r.default},98526:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(45697)),r=a.default.shape({content:a.default.node,isMasked:a.default.bool,maskedLabel:a.default.string,isSelectable:a.default.bool,isSelected:a.default.bool});t.default=r},65602:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.columnShape=t.SortIndicators=void 0;var a=l(n(45697)),r=t.SortIndicators={ASCENDING:"ascending",DESCENDING:"descending"};t.columnShape=a.default.shape({id:a.default.string.isRequired,displayName:a.default.string,hasError:a.default.bool,isResizable:a.default.bool,isSelectable:a.default.bool,minimumWidth:a.default.number,maximumWidth:a.default.number,width:a.default.number,sortIndicator:a.default.oneOf(Object.values(r))})},23902:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(45697)),r=l(n(98526)),o=a.default.shape({id:a.default.string.isRequired,cells:a.default.arrayOf(r.default),isSelected:a.default.bool,ariaLabel:a.default.string});t.default=o},20318:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(45697)),r=l(n(23902)),o=a.default.shape({id:a.default.string.isRequired,isCollapsible:a.default.bool,isCollapsed:a.default.bool,text:a.default.string,rows:a.default.arrayOf(r.default)});t.default=o},15821:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(412));t.default=function(e){return Number.isInteger(e.rowHeaderIndex)?e.rowHeaderIndex<0?new Error(a.default.ROW_HEADER_INDEX_LESS_THAN_ZERO):e.pinnedColumns.length&&e.rowHeaderIndex>=e.pinnedColumns.length?new Error(a.default.ROW_HEADER_INDEX_EXCEEDS_PINNED):void 0:new Error(a.default.ROW_HEADER_INDEX_NOT_AN_INTEGER)}},4845:function(e,t,n){var l=n(64836),a=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(10434)),o=l(n(861)),u=l(n(27424)),i=w(n(67294)),d=w(n(51051)),s=l(n(47166)),c=l(n(54483)),f=n(25387),m=l(n(45697)),b=l(n(47341)),p=l(n(29270)),h=l(n(27876)),_=w(n(63127)),g=l(n(2981));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(v=function(e){return e?n:t})(e)}function w(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=v(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=r?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(l,o,u):l[o]=e[o]}return l.default=e,n&&n.set(e,l),l}var C=s.default.bind(g.default),I={intl:m.default.shape({formatMessage:m.default.func}).isRequired,rowId:m.default.string.isRequired,columnId:m.default.string.isRequired,rowIndex:m.default.number,columnIndex:m.default.number,sectionId:m.default.string,tableId:m.default.string.isRequired,children:m.default.node,isMasked:m.default.bool,maskedLabel:m.default.string,isSelectable:m.default.bool,isSelected:m.default.bool,ariaLabel:m.default.string,isRowHeader:m.default.bool,isHighlighted:m.default.bool,onCellSelect:m.default.func,height:m.default.string};function R(e){var t=e.rowId,n=e.columnId,l=e.rowIndex,a=e.columnIndex,s=e.sectionId,f=e.tableId,m=e.ariaLabel,g=e.isMasked,v=e.maskedLabel,w=e.isRowHeader,I=e.isSelectable,R=e.isSelected,y=e.isHighlighted,x=e.children,O=e.onCellSelect,S=e.height,E=e.intl,M=(0,i.useRef)(),P=(0,i.useContext)(b.default),H=(0,i.useContext)(_.default),j=(0,i.useContext)(h.default),D=(0,i.useState)(!1),k=(0,u.default)(D,2),N=k[0],W=k[1],z=(0,i.useState)(!1),T=(0,u.default)(z,2),A=T[0],L=T[1],q=H.role===_.GridConstants.GRID,G=function(){return(0,o.default)(M.current.querySelectorAll("".concat("a[href]:not([tabindex='-1']), area[href]:not([tabindex='-1']), input:not([disabled]):not([tabindex='-1']), select:not([disabled]):not([tabindex='-1']), textarea:not([disabled]):not([tabindex='-1']), button:not([disabled]):not([tabindex='-1']), iframe:not([tabindex='-1']), [tabindex]:not([tabindex='-1']), [contentEditable=true]:not([tabindex='-1'])"))).filter((function(e){return!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden")})).length>0};(0,i.useEffect)((function(){q&&W(G())}),[q]);var K,U=function(){L(!1),H.setCellAriaLiveMessage&&H.setCellAriaLiveMessage(E.formatMessage({id:"Terra.table.resume-navigation"}))};K=g?i.default.createElement("span",{className:C("no-data-cell",P.className)},v||E.formatMessage({id:"Terra.table.maskedCell"})):x||i.default.createElement("span",{className:C("no-data-cell",P.className)},E.formatMessage({id:"Terra.table.blank"}));var Y=C("cell",{masked:g,pinned:a=0}return["textarea","select"].indexOf(t.toLowerCase())>=0||!(!e.hasAttribute("contentEditable")||!1===e.getAttribute("contentEditable"))}(o)||e.preventDefault()}},style:{left:X}}),B,N&&i.default.createElement(p.default,{text:E.formatMessage({id:"Terra.table.cell-interactable"})}))}R.propTypes=I,R.defaultProps={isRowHeader:!1,isSelectable:!1,isMasked:!1,sectionId:""};t.default=i.default.memo((0,f.injectIntl)(R))},52075:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(45697)),o=l(n(47166)),u=l(n(63043)),i=n(65602),d=l(n(59246)),s=o.default.bind(d.default),c={tableId:r.default.string.isRequired,columns:r.default.arrayOf(i.columnShape).isRequired,headerHeight:r.default.string.isRequired,tableHeight:r.default.number,activeColumnIndex:r.default.number,isActiveColumnResizing:r.default.bool,columnResizeIncrement:r.default.number,onColumnSelect:r.default.func,onResizeMouseDown:r.default.func,onResizeHandleChange:r.default.func,hasColumnHeaders:r.default.bool},f=function(e){var t=e.tableId,n=e.activeColumnIndex,l=e.isActiveColumnResizing,r=e.columnResizeIncrement,o=e.columns,i=e.headerHeight,d=e.tableHeight,c=e.onColumnSelect,f=e.onResizeMouseDown,m=e.onResizeHandleChange,b=e.hasColumnHeaders;return a.default.createElement("thead",null,a.default.createElement("tr",{"aria-rowindex":1,className:s("column-header-row",{hidden:!b}),height:b?i:void 0},o.map((function(e,o){return a.default.createElement(u.default,{key:e.id,id:e.id,tableId:t,rowIndex:0,columnIndex:o,displayName:e.displayName,width:e.width,minimumWidth:e.minimumWidth,maximumWidth:e.maximumWidth,headerHeight:i,isResizable:b&&e.isResizable,isSelectable:b&&e.isSelectable,tableHeight:d,isActive:n===o,isResizeActive:n===o&&l,columnResizeIncrement:r,hasError:e.hasError,sortIndicator:e.sortIndicator,onColumnSelect:c,onResizeMouseDown:f,onResizeHandleChange:m})}))))};f.propTypes=c,f.defaultProps={hasColumnHeaders:!0};t.default=a.default.memo(f)},63043:function(e,t,n){var l=n(64836),a=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(10434)),o=l(n(27424)),u=w(n(67294)),i=l(n(45697)),d=n(25387),s=w(n(51051)),c=l(n(47166)),f=l(n(47341)),m=n(34614),b=l(n(62225)),p=w(n(63127)),h=n(65602),_=l(n(27876)),g=l(n(23194));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(v=function(e){return e?n:t})(e)}function w(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=v(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=r?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(l,o,u):l[o]=e[o]}return l.default=e,n&&n.set(e,l),l}var C=c.default.bind(g.default),I={id:i.default.string.isRequired,tableId:i.default.string.isRequired,displayName:i.default.string,sortIndicator:i.default.oneOf(Object.values(h.SortIndicators)),hasError:i.default.bool,minimumWidth:i.default.number,maximumWidth:i.default.number,isActive:i.default.bool,isSelectable:i.default.bool,isResizable:i.default.bool,tableHeight:i.default.number,isResizeActive:i.default.bool,columnResizeIncrement:i.default.number,width:i.default.number.isRequired,headerHeight:i.default.string.isRequired,rowIndex:i.default.number,columnIndex:i.default.number,onColumnSelect:i.default.func,onResizeMouseDown:i.default.func,onResizeHandleChange:i.default.func,intl:i.default.shape({formatMessage:i.default.func})},R=function(e){var t=e.id,n=e.tableId,l=e.displayName,a=e.sortIndicator,i=e.hasError,d=e.isActive,c=e.isSelectable,g=e.isResizable,v=e.tableHeight,w=e.isResizeActive,I=e.columnResizeIncrement,R=e.width,y=e.minimumWidth,x=e.maximumWidth,O=e.headerHeight,S=e.onColumnSelect,E=e.intl,M=e.rowIndex,P=e.columnIndex,H=e.onResizeMouseDown,j=e.onResizeHandleChange,D=(0,u.useContext)(_.default),k=(0,u.useContext)(p.default),N=(0,u.useRef)(),W=(0,u.useRef)(),z=(0,u.useState)(!1),T=(0,o.default)(z,2),A=T[0],L=T[1],q=k.role===p.GridConstants.GRID,G=(0,u.useCallback)((function(){return W.current?W.current:N.current}),[]);(0,u.useEffect)((function(){d?g&&w?L(!0):(G().focus(),L(!1)):L(!1)}),[G,d,g,w]);var K,U=(0,u.useCallback)((function(e){e.stopPropagation(),H&&H(e,P,N.current.offsetWidth)}),[P,H]),Y=(0,u.useCallback)((function(){G().focus(),L(!1)}),[G]),X=i&&u.default.createElement(m.IconError,{a11yLabel:E.formatMessage({id:"Terra.table.columnError"}),className:C("error-icon")});a===h.SortIndicators.ASCENDING?K=u.default.createElement(m.IconUp,null):a===h.SortIndicators.DESCENDING&&(K=u.default.createElement(m.IconDown,null));var F=(0,u.useContext)(f.default),B=P=0||(r[a]=e[a]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}a.d(n,{Z:function(){return t}})}}]);
\ No newline at end of file
diff --git a/pull/1885/13106-436baccb0e800ae1f885.css b/pull/1885/13106-f7eac372c0a137dd7ef9.css
similarity index 100%
rename from pull/1885/13106-436baccb0e800ae1f885.css
rename to pull/1885/13106-f7eac372c0a137dd7ef9.css
diff --git a/pull/1885/13106-f7eac372c0a137dd7ef9.js b/pull/1885/13106-f7eac372c0a137dd7ef9.js
new file mode 100644
index 00000000000..229b725ee22
--- /dev/null
+++ b/pull/1885/13106-f7eac372c0a137dd7ef9.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[13106],{22863:function(e,n,a){var t=a(64836);n.Z=void 0;var r=t(a(67294)),o=t(a(45697)),d=t(a(47166)),l=t(a(17422)),i=d.default.bind(l.default),u={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},m=function(e){var n=e.src,a=e.name,t=e.url,o=e.version,d=r.default.createElement("a",{className:i("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},r.default.createElement("span",{className:i("badge-name")},t?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(o))),l=n?r.default.createElement("a",{className:i("badge"),href:n},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},d,l)};m.propTypes=u;var s=m;n.Z=s},13106:function(e,n,a){a.r(n),a.d(n,{default:function(){return f}});var t=a(87462),r=a(44925),o=(a(67294),a(81254)),d=a(33615),l=["components"],i={},u="wrapper";function m(e){var n=e.components,a=(0,r.Z)(e,l);return(0,o.mdx)(u,(0,t.Z)({},i,a,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"changelog"},"Changelog"),(0,o.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,o.mdx)("h2",{id:"101---november-9-2023"},"1.0.1 - (November 9, 2023)"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Changed",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},"The component has been marked as deprecated as it is only intended to be used with the fusion passthrough effort."))),(0,o.mdx)("li",{parentName:"ul"},"Fixed",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},"Fixed an issue where ",(0,o.mdx)("inlineCode",{parentName:"li"},"iconText")," was used instead of ",(0,o.mdx)("inlineCode",{parentName:"li"},"menuIconText"),".")))),(0,o.mdx)("h2",{id:"100---october-25-2023"},"1.0.0 - (October 25, 2023)"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Initial working component release.")),(0,o.mdx)("h2",{id:"030---october-17-2023"},"0.3.0 - (October 17, 2023)"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Initial package release.")))}m.isMDXComponent=!0;var s=["components"],c={},p="wrapper";function f(e){var n=e.components,a=(0,r.Z)(e,s);return(0,o.mdx)(p,(0,t.Z)({},c,a,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)(d.C,{mdxType:"Badge"}),(0,o.mdx)(m,{mdxType:"ChangeLog"}))}f.isMDXComponent=!0},33615:function(e,n,a){a.d(n,{C:function(){return o}});var t=a(67294),r=a(22863),o=function(e){var n=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-file-path",name:"terra-file-path",version:"1.0.1",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,n,a){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[a]=e[a]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}a.d(n,{Z:function(){return t}})}}]);
\ No newline at end of file
diff --git a/pull/1885/13893-264995ac1165a7c6bafb.css b/pull/1885/13893-e4e65b3771d6988b0244.css
similarity index 100%
rename from pull/1885/13893-264995ac1165a7c6bafb.css
rename to pull/1885/13893-e4e65b3771d6988b0244.css
diff --git a/pull/1885/13893-264995ac1165a7c6bafb.js b/pull/1885/13893-e4e65b3771d6988b0244.js
similarity index 99%
rename from pull/1885/13893-264995ac1165a7c6bafb.js
rename to pull/1885/13893-e4e65b3771d6988b0244.js
index 85b1f9946ec..34b6544813f 100644
--- a/pull/1885/13893-264995ac1165a7c6bafb.js
+++ b/pull/1885/13893-e4e65b3771d6988b0244.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[13893],{22863:function(t,a,r){var e=r(64836);a.Z=void 0;var n=e(r(67294)),l=e(r(45697)),d=e(r(47166)),o=e(r(17422)),m=d.default.bind(o.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(t){var a=t.src,r=t.name,e=t.url,l=t.version,d=n.default.createElement("a",{className:m("badge"),href:e||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},n.default.createElement("span",{className:m("badge-name")},e?"package":"npm"),n.default.createElement("span",{className:m("badge-version")},"v".concat(l))),o=a?n.default.createElement("a",{className:m("badge"),href:a},n.default.createElement("span",{className:m("badge-name")},"github"),n.default.createElement("span",{className:m("badge-version")},"source")):void 0;return n.default.createElement("div",{className:m("badge-container")},d,o)};s.propTypes=u;var b=s;a.Z=b},13893:function(t,a,r){r.r(a),r.d(a,{default:function(){return s}});var e=r(87462),n=r(44925),l=(r(67294),r(81254)),d=r(63718),o=["components"],m={},u="wrapper";function s(t){var a=t.components,r=(0,n.Z)(t,o);return(0,l.mdx)(u,(0,e.Z)({},m,r,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(d.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-tabs-upgrade-guide"},"Terra Tabs Upgrade Guide"),(0,l.mdx)("h2",{id:"changes-from-version-6-to-version-7"},"Changes from version 6 to version 7"),(0,l.mdx)("h3",{id:"removed-props"},"Removed props"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Removed responsiveTo")),(0,l.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,l.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,l.mdx)("h4",{id:"renamed"},"Renamed"),(0,l.mdx)("table",null,(0,l.mdx)("thead",{parentName:"table"},(0,l.mdx)("tr",{parentName:"thead"},(0,l.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,l.mdx)("th",{parentName:"tr",align:null},"New"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-bottom-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-bottom-width")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-active-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-hover-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-bottom-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-bottom-width")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-disabled-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-disabled-hover-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-background-image"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-active-focus-background-image")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-focus-border-radius"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-active-focus-border-radius")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-rtl-box-shadow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-active-focus-rtl-box-shadow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-ltr-box-shadow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-active-focus-ltr-box-shadow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-selection-bar-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-selection-bar-background-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-menu-bar-border-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-border-bottom-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-menu-bar-border-radius"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-border-radius")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-bottom-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-bottom-width")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-margin-between-tabs"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-between-tabs-margin-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-timing"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-timing-function")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-duration"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-active-before-transition-duration")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-timing"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-active-before-transition-timing-function")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-background-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-hover-background-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-hover-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-opacity"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-hover-opacity")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-background-image"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-active-focus-background-image")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-rtl-box-shadow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-active-focus-rtl-box-shadow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-ltr-box-shadow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-active-focus-ltr-box-shadow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-label-margin-next-to-icon"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-label-next-to-icon-margin-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-menu-arrow-left-margin"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-menu-arrow-margin-left")))),(0,l.mdx)("h4",{id:"added"},"Added"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-content-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-border-bottom-width"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-position"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-before-content-background"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-before-content-height"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-extended-tabs-border-radius"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-active-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-focus-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-menu-bar-focus-border-bottom-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-menu-bar-focus-border-bottom-width")))}s.isMDXComponent=!0},63718:function(t,a,r){r.d(a,{C:function(){return l}});var e=r(67294),n=r(22863),l=function(t){var a=t.url;return e.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.11.1",url:a})}},17422:function(t,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(t,a,r){function e(){return e=Object.assign?Object.assign.bind():function(t){for(var a=1;a=0||(n[r]=t[r]);return n}(t,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(e=0;e=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}r.d(a,{Z:function(){return e}})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[13893],{22863:function(t,a,r){var e=r(64836);a.Z=void 0;var n=e(r(67294)),l=e(r(45697)),d=e(r(47166)),o=e(r(17422)),m=d.default.bind(o.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(t){var a=t.src,r=t.name,e=t.url,l=t.version,d=n.default.createElement("a",{className:m("badge"),href:e||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},n.default.createElement("span",{className:m("badge-name")},e?"package":"npm"),n.default.createElement("span",{className:m("badge-version")},"v".concat(l))),o=a?n.default.createElement("a",{className:m("badge"),href:a},n.default.createElement("span",{className:m("badge-name")},"github"),n.default.createElement("span",{className:m("badge-version")},"source")):void 0;return n.default.createElement("div",{className:m("badge-container")},d,o)};s.propTypes=u;var b=s;a.Z=b},13893:function(t,a,r){r.r(a),r.d(a,{default:function(){return s}});var e=r(87462),n=r(44925),l=(r(67294),r(81254)),d=r(63718),o=["components"],m={},u="wrapper";function s(t){var a=t.components,r=(0,n.Z)(t,o);return(0,l.mdx)(u,(0,e.Z)({},m,r,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(d.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-tabs-upgrade-guide"},"Terra Tabs Upgrade Guide"),(0,l.mdx)("h2",{id:"changes-from-version-6-to-version-7"},"Changes from version 6 to version 7"),(0,l.mdx)("h3",{id:"removed-props"},"Removed props"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Removed responsiveTo")),(0,l.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,l.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,l.mdx)("h4",{id:"renamed"},"Renamed"),(0,l.mdx)("table",null,(0,l.mdx)("thead",{parentName:"table"},(0,l.mdx)("tr",{parentName:"thead"},(0,l.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,l.mdx)("th",{parentName:"tr",align:null},"New"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-bottom-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-bottom-width")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-active-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-hover-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-bottom-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-bottom-width")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-disabled-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-disabled-hover-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-background-image"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-active-focus-background-image")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-focus-border-radius"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-active-focus-border-radius")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-rtl-box-shadow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-active-focus-rtl-box-shadow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-ltr-box-shadow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-active-focus-ltr-box-shadow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-selection-bar-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-selection-bar-background-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-menu-bar-border-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-border-bottom-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-menu-bar-border-radius"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-border-radius")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-bottom-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-width"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-bottom-width")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-margin-between-tabs"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-between-tabs-margin-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-timing"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-timing-function")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-duration"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-active-before-transition-duration")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-timing"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-active-before-transition-timing-function")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-background-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-hover-background-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-color"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-hover-color")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-opacity"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-hover-opacity")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-background-image"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-active-focus-background-image")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-rtl-box-shadow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-active-focus-rtl-box-shadow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-ltr-box-shadow"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-active-focus-ltr-box-shadow")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-label-margin-next-to-icon"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-label-next-to-icon-margin-left")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-menu-arrow-left-margin"),(0,l.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-menu-arrow-margin-left")))),(0,l.mdx)("h4",{id:"added"},"Added"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-content-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-border-bottom-width"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-position"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-before-content-background"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-before-content-height"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-extended-tabs-border-radius"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-active-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-focus-background-image"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-menu-bar-focus-border-bottom-color"),(0,l.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-menu-bar-focus-border-bottom-width")))}s.isMDXComponent=!0},63718:function(t,a,r){r.d(a,{C:function(){return l}});var e=r(67294),n=r(22863),l=function(t){var a=t.url;return e.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.11.2",url:a})}},17422:function(t,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(t,a,r){function e(){return e=Object.assign?Object.assign.bind():function(t){for(var a=1;a=0||(n[r]=t[r]);return n}(t,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(e=0;e=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}r.d(a,{Z:function(){return e}})}}]);
\ No newline at end of file
diff --git a/pull/1885/14152-3b6f43682a6981cd48a8.js b/pull/1885/14152-df020963c6b2827aaf2c.js
similarity index 100%
rename from pull/1885/14152-3b6f43682a6981cd48a8.js
rename to pull/1885/14152-df020963c6b2827aaf2c.js
diff --git a/pull/1885/14258-ef81d6e6ad7b509e6c5f.css b/pull/1885/14258-aa0276df94ff8971e85c.css
similarity index 100%
rename from pull/1885/14258-ef81d6e6ad7b509e6c5f.css
rename to pull/1885/14258-aa0276df94ff8971e85c.css
diff --git a/pull/1885/14258-aa0276df94ff8971e85c.js b/pull/1885/14258-aa0276df94ff8971e85c.js
new file mode 100644
index 00000000000..60621e7fe0a
--- /dev/null
+++ b/pull/1885/14258-aa0276df94ff8971e85c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14258],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),u=d(l(17422)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=a?m.default.createElement("a",{className:i("badge"),href:a},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;var x=p;a.Z=x},14258:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(87462),m=l(44925),n=(l(67294),l(81254)),r=l(89708),u=["components"],i={},t="wrapper";function p(e){var a=e.components,l=(0,m.Z)(e,u);return(0,n.mdx)(t,(0,d.Z)({},i,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"5840---november-9-2023"},"5.84.0 - (November 9, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5830---october-25-2023"},"5.83.0 - (October 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5820---october-17-2023"},"5.82.0 - (October 17, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5810---october-11-2023"},"5.81.0 - (October 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5800---october-3-2023"},"5.80.0 - (October 3, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5790---september-21-2023"},"5.79.0 - (September 21, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5780---august-31-2023"},"5.78.0 - (August 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5770---august-10-2023"},"5.77.0 - (August 10, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5761---august-4-2023"},"5.76.1 - (August 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5760---august-2-2023"},"5.76.0 - (August 2, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5750---july-31-2023"},"5.75.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5740---july-25-2023"},"5.74.0 - (July 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5730---july-19-2023"},"5.73.0 - (July 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5720---july-4-2023"},"5.72.0 - (July 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5710---june-12-2023"},"5.71.0 - (June 12, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5700---june-5-2023"},"5.70.0 - (June 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5690---may-11-2023"},"5.69.0 - (May 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5680---april-27-2023"},"5.68.0 - (April 27, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added programmatic context when slides are opened and closed.")))),(0,n.mdx)("h2",{id:"5670---april-12-2023"},"5.67.0 - (April 12, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5660---april-5-2023"},"5.66.0 - (April 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"level")," prop as a passthrough for the underlying ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-action-header"))))),(0,n.mdx)("h2",{id:"5650---march-29-2023"},"5.65.0 - (March 29, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update jest snapshot.")))),(0,n.mdx)("h2",{id:"5640---march-1-2023"},"5.64.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5630---february-14-2023"},"5.63.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"5621---february-1-2023"},"5.62.1 - (February 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-collapsible-menu-view"),".")))),(0,n.mdx)("h2",{id:"5620---march-15-2022"},"5.62.0 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,n.mdx)("h2",{id:"5610---november-16-2021"},"5.61.0 - (November 16, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5600---november-9-2021"},"5.60.0 - (November 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5590---october-14-2021"},"5.59.0 - (October 14, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5580---october-12-2021"},"5.58.0 - (October 12, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5570---september-20-2021"},"5.57.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,n.mdx)("h2",{id:"5560---july-21-2021"},"5.56.0 - (July 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5550---july-13-2021"},"5.55.0 - (July 13, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5540---june-8-2021"},"5.54.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5530---may-4-2021"},"5.53.0 - (May 4, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed the onMaximize and onMinimize defaulted implementation to prevent usability risk")))),(0,n.mdx)("h2",{id:"5520---april-6-2021"},"5.52.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"5510---march-9-2021"},"5.51.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,n.mdx)("h2",{id:"5500---february-9-2021"},"5.50.0 - (February 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5490---february-2-2021"},"5.49.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5480---january-26-2021"},"5.48.0 - (January 26, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5470---january-5-2021"},"5.47.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"5460---december-8-2020"},"5.46.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5450---november-24-2020"},"5.45.0 - (November 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5440---november-10-2020"},"5.44.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,n.mdx)("h2",{id:"5430---october-20-2020"},"5.43.0 - (October 20, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5420---october-13-2020"},"5.42.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5410---august-18-2020"},"5.41.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5400---august-11-2020"},"5.40.0 - (August 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5390---august-4-2020"},"5.39.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Disclosure Manager disclose API accepts a ",(0,n.mdx)("inlineCode",{parentName:"li"},"typeConfig")," property for custom properties."),(0,n.mdx)("li",{parentName:"ul"},"Currently setting ",(0,n.mdx)("inlineCode",{parentName:"li"},"typeConfig: { panelBehavior: 'squish' }")," allows to set/override panelBehavior prop."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"5380---july-14-2020"},"5.38.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,n.mdx)("h2",{id:"5370---june-16-2020"},"5.37.0 - (June 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5360---june-9-2020"},"5.36.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5350---june-2-2020"},"5.35.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5340---may-19-2020"},"5.34.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5330---april-28-2020"},"5.33.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Regenerate wdio fusion screenshots due to bottom border style changes in terra-action-header."),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"5320---april-22-2020"},"5.32.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax"),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"5310---april-6-2020"},"5.31.0 - (April 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5300---march-31-2020"},"5.30.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"5290---march-17-2020"},"5.29.0 - (March 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshot for terra-slide-panel change")))),(0,n.mdx)("h2",{id:"5280---march-10-2020"},"5.28.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5270---march-3-2020"},"5.27.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"5260---february-25-2020"},"5.26.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5250---february-18-2020"},"5.25.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,n.mdx)("h2",{id:"5240---february-4-2020"},"5.24.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update link to docs for Disclosure Manager's API")))),(0,n.mdx)("h2",{id:"5230---january-28-2020"},"5.23.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"5220---january-7-2020"},"5.22.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5210---december-16-2019"},"5.21.0 - (December 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5200---december-10-2019"},"5.20.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"5190---november-20-2019"},"5.19.0 - (November 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added support for application-level panel content wrapping")))),(0,n.mdx)("h2",{id:"5180---november-18-2019"},"5.18.0 - (November 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"WDIO snapshot updates")))),(0,n.mdx)("h2",{id:"5170---november-7-2019"},"5.17.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5160---october-30-2019"},"5.16.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Duplicate IDs in examples changed."),(0,n.mdx)("li",{parentName:"ul"},"Jest snapshot updates.")))),(0,n.mdx)("h2",{id:"5150---october-21-2019"},"5.15.0 - (October 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5140---october-16-2019"},"5.14.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5130---october-3-2019"},"5.13.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5120---september-26-2019"},"5.12.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5110---september-19-2019"},"5.11.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,n.mdx)("h2",{id:"5100---september-6-2019"},"5.10.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"590---august-21-2019"},"5.9.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Disabled max-classes-per-file eslint rule in doc example")))),(0,n.mdx)("h2",{id:"580---august-14-2019"},"5.8.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"570---july-30-2019"},"5.7.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed linter issue in doc")))),(0,n.mdx)("h2",{id:"561---july-23-2019"},"5.6.1 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,n.mdx)("h2",{id:"560---july-23-2019"},"5.6.0 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added support for DisclosureManagerHeaderAdapter integration"),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"disclosureAccessory")," prop")))),(0,n.mdx)("h2",{id:"550---july-16-2019"},"5.5.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"540---july-10-2019"},"5.4.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure the disclosure discloses as a panel even if a modal manager is present.")))),(0,n.mdx)("h2",{id:"530---july-2-2019"},"5.3.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"520---june-19-2019"},"5.2.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"510---june-12-2019"},"5.1.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles and implemented the same styles using external css."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes")))),(0,n.mdx)("h2",{id:"500---may-13-2019"},"5.0.0 - (May 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed terra-disclosure-manager dependency"),(0,n.mdx)("li",{parentName:"ul"},"Added terra-disclosure-manager peer-dependency")))),(0,n.mdx)("h2",{id:"4130---may-7-2019"},"4.13.0 - (May 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"4120---april-24-2019"},"4.12.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,n.mdx)("inlineCode",{parentName:"li"},"requestFocus")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," from Slide Panel Manager test files"),(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"4110---april-18-2019"},"4.11.0 - (April 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"4100---april-16-2019"},"4.10.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"490---april-9-2019"},"4.9.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"480---april-2-2019"},"4.8.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Doc Updates")))),(0,n.mdx)("h2",{id:"470---march-26-2019"},"4.7.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"460---march-20-2019"},"4.6.0 - (March 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"450---march-12-2019"},"4.5.0 - (March 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated doc page to remove duplicate ID's")))),(0,n.mdx)("h2",{id:"440---march-5-2019"},"4.4.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated docs")))),(0,n.mdx)("h2",{id:"430---february-26-2019"},"4.3.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"420---february-13-2019"},"4.2.0 - (February 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"410---february-5-2019"},"4.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"400---january-25-2019"},"4.0.0 - (January 25, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,n.mdx)("h2",{id:"330---january-5-2019"},"3.3.0 - (January 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"320---january-2-2019"},"3.2.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"310---december-5-2018"},"3.1.0 - (December 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"300---december-3-2018"},"3.0.0 - (December 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Consumed DisclosureManager v3.0 - Updated to Context-provided consumer API vs. prop injection"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed dependency on terra-app-delegate package.")))),(0,n.mdx)("h2",{id:"2200---november-15-2018"},"2.20.0 - (November 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2190---october-24-2018"},"2.19.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2180---october-16-2018"},"2.18.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2170---october-8-2018"},"2.17.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,n.mdx)("h2",{id:"2160---september-25-2018"},"2.16.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"2150---september-5-2018"},"2.15.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"2140---august-30-2018"},"2.14.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,n.mdx)("h2",{id:"2130---august-13-2018"},"2.13.0 - (August 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,n.mdx)("h2",{id:"2120---july-25-2018"},"2.12.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"2110---july-10-2018"},"2.11.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"2100---july-3-2018"},"2.10.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"290---june-29-2018"},"2.9.0 - (June 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"280---june-12-2018"},"2.8.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"270---may-30-2018"},"2.7.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,n.mdx)("h2",{id:"260---may-22-2018"},"2.6.0 - (May 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"250---may-8-2018"},"2.5.0 - (May 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"240---april-30-2018"},"2.4.0 - (April 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,n.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,n.mdx)("h2",{id:"230---april-13-2018"},"2.3.0 - (April 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Dependencies are now pointing to react 16 version.")))),(0,n.mdx)("h2",{id:"220---march-23-2018"},"2.2.0 - (March 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"200---february-21-2018"},"2.0.0 - (February 21, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"100---february-15-2018"},"1.0.0 - (February 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},89708:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.84.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{Z:function(){return d}})}}]);
\ No newline at end of file
diff --git a/pull/1885/14258-ef81d6e6ad7b509e6c5f.js b/pull/1885/14258-ef81d6e6ad7b509e6c5f.js
deleted file mode 100644
index 5894e6f6424..00000000000
--- a/pull/1885/14258-ef81d6e6ad7b509e6c5f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14258],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),u=d(l(17422)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=a?m.default.createElement("a",{className:i("badge"),href:a},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;var x=p;a.Z=x},14258:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(87462),m=l(44925),n=(l(67294),l(81254)),r=l(89708),u=["components"],i={},t="wrapper";function p(e){var a=e.components,l=(0,m.Z)(e,u);return(0,n.mdx)(t,(0,d.Z)({},i,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"5830---october-25-2023"},"5.83.0 - (October 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5820---october-17-2023"},"5.82.0 - (October 17, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5810---october-11-2023"},"5.81.0 - (October 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5800---october-3-2023"},"5.80.0 - (October 3, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5790---september-21-2023"},"5.79.0 - (September 21, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5780---august-31-2023"},"5.78.0 - (August 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5770---august-10-2023"},"5.77.0 - (August 10, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5761---august-4-2023"},"5.76.1 - (August 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5760---august-2-2023"},"5.76.0 - (August 2, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5750---july-31-2023"},"5.75.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5740---july-25-2023"},"5.74.0 - (July 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5730---july-19-2023"},"5.73.0 - (July 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5720---july-4-2023"},"5.72.0 - (July 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5710---june-12-2023"},"5.71.0 - (June 12, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5700---june-5-2023"},"5.70.0 - (June 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5690---may-11-2023"},"5.69.0 - (May 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5680---april-27-2023"},"5.68.0 - (April 27, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added programmatic context when slides are opened and closed.")))),(0,n.mdx)("h2",{id:"5670---april-12-2023"},"5.67.0 - (April 12, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5660---april-5-2023"},"5.66.0 - (April 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"level")," prop as a passthrough for the underlying ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-action-header"))))),(0,n.mdx)("h2",{id:"5650---march-29-2023"},"5.65.0 - (March 29, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update jest snapshot.")))),(0,n.mdx)("h2",{id:"5640---march-1-2023"},"5.64.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5630---february-14-2023"},"5.63.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"5621---february-1-2023"},"5.62.1 - (February 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-collapsible-menu-view"),".")))),(0,n.mdx)("h2",{id:"5620---march-15-2022"},"5.62.0 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,n.mdx)("h2",{id:"5610---november-16-2021"},"5.61.0 - (November 16, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5600---november-9-2021"},"5.60.0 - (November 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5590---october-14-2021"},"5.59.0 - (October 14, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5580---october-12-2021"},"5.58.0 - (October 12, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5570---september-20-2021"},"5.57.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,n.mdx)("h2",{id:"5560---july-21-2021"},"5.56.0 - (July 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5550---july-13-2021"},"5.55.0 - (July 13, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5540---june-8-2021"},"5.54.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5530---may-4-2021"},"5.53.0 - (May 4, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed the onMaximize and onMinimize defaulted implementation to prevent usability risk")))),(0,n.mdx)("h2",{id:"5520---april-6-2021"},"5.52.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"5510---march-9-2021"},"5.51.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,n.mdx)("h2",{id:"5500---february-9-2021"},"5.50.0 - (February 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5490---february-2-2021"},"5.49.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5480---january-26-2021"},"5.48.0 - (January 26, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5470---january-5-2021"},"5.47.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"5460---december-8-2020"},"5.46.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5450---november-24-2020"},"5.45.0 - (November 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5440---november-10-2020"},"5.44.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,n.mdx)("h2",{id:"5430---october-20-2020"},"5.43.0 - (October 20, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5420---october-13-2020"},"5.42.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5410---august-18-2020"},"5.41.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5400---august-11-2020"},"5.40.0 - (August 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5390---august-4-2020"},"5.39.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Disclosure Manager disclose API accepts a ",(0,n.mdx)("inlineCode",{parentName:"li"},"typeConfig")," property for custom properties."),(0,n.mdx)("li",{parentName:"ul"},"Currently setting ",(0,n.mdx)("inlineCode",{parentName:"li"},"typeConfig: { panelBehavior: 'squish' }")," allows to set/override panelBehavior prop."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"5380---july-14-2020"},"5.38.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,n.mdx)("h2",{id:"5370---june-16-2020"},"5.37.0 - (June 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5360---june-9-2020"},"5.36.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5350---june-2-2020"},"5.35.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5340---may-19-2020"},"5.34.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5330---april-28-2020"},"5.33.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Regenerate wdio fusion screenshots due to bottom border style changes in terra-action-header."),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"5320---april-22-2020"},"5.32.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax"),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"5310---april-6-2020"},"5.31.0 - (April 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5300---march-31-2020"},"5.30.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"5290---march-17-2020"},"5.29.0 - (March 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshot for terra-slide-panel change")))),(0,n.mdx)("h2",{id:"5280---march-10-2020"},"5.28.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5270---march-3-2020"},"5.27.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"5260---february-25-2020"},"5.26.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5250---february-18-2020"},"5.25.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,n.mdx)("h2",{id:"5240---february-4-2020"},"5.24.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update link to docs for Disclosure Manager's API")))),(0,n.mdx)("h2",{id:"5230---january-28-2020"},"5.23.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"5220---january-7-2020"},"5.22.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5210---december-16-2019"},"5.21.0 - (December 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5200---december-10-2019"},"5.20.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"5190---november-20-2019"},"5.19.0 - (November 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added support for application-level panel content wrapping")))),(0,n.mdx)("h2",{id:"5180---november-18-2019"},"5.18.0 - (November 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"WDIO snapshot updates")))),(0,n.mdx)("h2",{id:"5170---november-7-2019"},"5.17.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5160---october-30-2019"},"5.16.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Duplicate IDs in examples changed."),(0,n.mdx)("li",{parentName:"ul"},"Jest snapshot updates.")))),(0,n.mdx)("h2",{id:"5150---october-21-2019"},"5.15.0 - (October 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5140---october-16-2019"},"5.14.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5130---october-3-2019"},"5.13.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5120---september-26-2019"},"5.12.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5110---september-19-2019"},"5.11.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,n.mdx)("h2",{id:"5100---september-6-2019"},"5.10.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"590---august-21-2019"},"5.9.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Disabled max-classes-per-file eslint rule in doc example")))),(0,n.mdx)("h2",{id:"580---august-14-2019"},"5.8.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"570---july-30-2019"},"5.7.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed linter issue in doc")))),(0,n.mdx)("h2",{id:"561---july-23-2019"},"5.6.1 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,n.mdx)("h2",{id:"560---july-23-2019"},"5.6.0 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added support for DisclosureManagerHeaderAdapter integration"),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"disclosureAccessory")," prop")))),(0,n.mdx)("h2",{id:"550---july-16-2019"},"5.5.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"540---july-10-2019"},"5.4.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure the disclosure discloses as a panel even if a modal manager is present.")))),(0,n.mdx)("h2",{id:"530---july-2-2019"},"5.3.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"520---june-19-2019"},"5.2.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"510---june-12-2019"},"5.1.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles and implemented the same styles using external css."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes")))),(0,n.mdx)("h2",{id:"500---may-13-2019"},"5.0.0 - (May 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed terra-disclosure-manager dependency"),(0,n.mdx)("li",{parentName:"ul"},"Added terra-disclosure-manager peer-dependency")))),(0,n.mdx)("h2",{id:"4130---may-7-2019"},"4.13.0 - (May 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"4120---april-24-2019"},"4.12.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,n.mdx)("inlineCode",{parentName:"li"},"requestFocus")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," from Slide Panel Manager test files"),(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"4110---april-18-2019"},"4.11.0 - (April 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"4100---april-16-2019"},"4.10.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"490---april-9-2019"},"4.9.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"480---april-2-2019"},"4.8.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Doc Updates")))),(0,n.mdx)("h2",{id:"470---march-26-2019"},"4.7.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"460---march-20-2019"},"4.6.0 - (March 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"450---march-12-2019"},"4.5.0 - (March 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated doc page to remove duplicate ID's")))),(0,n.mdx)("h2",{id:"440---march-5-2019"},"4.4.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated docs")))),(0,n.mdx)("h2",{id:"430---february-26-2019"},"4.3.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"420---february-13-2019"},"4.2.0 - (February 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"410---february-5-2019"},"4.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"400---january-25-2019"},"4.0.0 - (January 25, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,n.mdx)("h2",{id:"330---january-5-2019"},"3.3.0 - (January 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"320---january-2-2019"},"3.2.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"310---december-5-2018"},"3.1.0 - (December 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"300---december-3-2018"},"3.0.0 - (December 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Consumed DisclosureManager v3.0 - Updated to Context-provided consumer API vs. prop injection"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed dependency on terra-app-delegate package.")))),(0,n.mdx)("h2",{id:"2200---november-15-2018"},"2.20.0 - (November 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2190---october-24-2018"},"2.19.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2180---october-16-2018"},"2.18.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2170---october-8-2018"},"2.17.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,n.mdx)("h2",{id:"2160---september-25-2018"},"2.16.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"2150---september-5-2018"},"2.15.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"2140---august-30-2018"},"2.14.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,n.mdx)("h2",{id:"2130---august-13-2018"},"2.13.0 - (August 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,n.mdx)("h2",{id:"2120---july-25-2018"},"2.12.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"2110---july-10-2018"},"2.11.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"2100---july-3-2018"},"2.10.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"290---june-29-2018"},"2.9.0 - (June 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"280---june-12-2018"},"2.8.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"270---may-30-2018"},"2.7.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,n.mdx)("h2",{id:"260---may-22-2018"},"2.6.0 - (May 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"250---may-8-2018"},"2.5.0 - (May 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"240---april-30-2018"},"2.4.0 - (April 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,n.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,n.mdx)("h2",{id:"230---april-13-2018"},"2.3.0 - (April 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Dependencies are now pointing to react 16 version.")))),(0,n.mdx)("h2",{id:"220---march-23-2018"},"2.2.0 - (March 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"200---february-21-2018"},"2.0.0 - (February 21, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"100---february-15-2018"},"1.0.0 - (February 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},89708:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.83.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{Z:function(){return d}})}}]);
\ No newline at end of file
diff --git a/pull/1885/16004-245878692cd4d2048fa6.js b/pull/1885/16004-245878692cd4d2048fa6.js
deleted file mode 100644
index 9c64c8881b9..00000000000
--- a/pull/1885/16004-245878692cd4d2048fa6.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[16004],{41483:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(67294)),i=r(n(12810)),a=[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"},{id:"Column-10",displayName:"Not Selectable",isSelectable:!1}],c=[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0},{isMasked:!0},{content:"Admitting Physician"},{content:"",isSelectable:!1}]},{id:"2",isSelected:!0,cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"},{content:"",isSelectable:!1}]},{id:"3",cells:[{content:"Parker, Peter"},{content:"1018-MTN-DR"},{content:"Severe"},{content:"Inpatient, 2 days"},{content:"Aspirin"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Primary Care Physician"},{content:"",isSelectable:!1}]}];t.default=function(){var e=a,t=c;return o.default.createElement(i.default,{id:"table-without-headers",overflowColumns:e,rows:t,hasColumnHeaders:!1})}},9197:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"SectionHeader-module__clinical-lowlight-theme___M-5zo","orion-fusion-theme":"SectionHeader-module__orion-fusion-theme___MGUT7","section-header":"SectionHeader-module__section-header___wbdJQ","is-interactable":"SectionHeader-module__is-interactable___4Hj3Z","is-active":"SectionHeader-module__is-active___Qfdbq","is-transparent":"SectionHeader-module__is-transparent___3L6Q5","title-arrange":"SectionHeader-module__title-arrange___t4JW1",title:"SectionHeader-module__title___EPyaG","accordion-icon-wrapper":"SectionHeader-module__accordion-icon-wrapper___BOHqG","accordion-icon":"SectionHeader-module__accordion-icon___VQmOf","is-open":"SectionHeader-module__is-open___naqpt","arrange-wrapper":"SectionHeader-module__arrange-wrapper___jwEJm"}},16772:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=y(n(67294)),i=y(n(45697)),a=y(n(94184)),c=y(n(47166)),l=y(n(47341)),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=d(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var c=i?Object.getOwnPropertyDescriptor(e,a):null;c&&(c.get||c.set)?Object.defineProperty(o,a,c):o[a]=e[a]}o.default=e,n&&n.set(e,o);return o}(n(51051)),s=y(n(78490)),p=y(n(9197)),f=["text","title","onClick","isOpen","isTransparent","level"];function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function y(e){return e&&e.__esModule?e:{default:e}}function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function h(e,t){for(var n=0;n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function h(e,t){for(var n=0;n=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 s=r.default.bind(m.default),c=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},N={children:l.default.string},h=function(e){var t=e.children,n=u(e,i),l=a.default.useContext(d.default),m=(0,r.default)(s(["button",l.className]),n.className);return a.default.createElement("button",p({},n,{type:"button",className:m,onBlur:c,onMouseDown:x,"data-focus-styles-enabled":!0}),t)};h.propTypes=N;var g=h;t.default=g},59278:function(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)),d=i(n(47341)),m=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var o=r.default.bind(m.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"])},u=function(e){var t=e.ariaLevel,n=e.variant,l=e.children,r=a.default.useContext(d.default);return a.default.createElement("div",{className:o("notice",n,r.className)},a.default.createElement("div",{className:o("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:o("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:o("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:o("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:o("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:o("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}))))};u.propTypes=p,u.defaultProps={ariaLevel:"2",variant:"important"};var s=u;t.default=s},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(67294)),l=p(n(45697)),r=p(n(94184)),d=p(n(47166)),m=p(n(47341)),i=p(n(42620)),o=["title"];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||(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 c=d.default.bind(i.default),x={title:l.default.string},N=function(e){var t=e.title,n=s(e,o),l=a.default.useContext(m.default),d=(0,r.default)(c(["placeholder",l.className]),n.className),i=c(["inner"]);return a.default.createElement("div",u({},n,{className:d}),a.default.createElement("div",{className:i},a.default.createElement("p",{className:c("title")},t)))};N.propTypes=x,N.defaultProps={title:""};var h=N;t.default=h},34261:function(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=d(n(59278)),l=d(n(47306)),r=d(n(40996));function d(e){return e&&e.__esModule?e:{default:e}}},39888:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(87462),l=n(44925),r=(n(67294),n(81254)),d=n(34261),m=n(61701),i=n(98108),o=n(78530),p=["components"],u={},s="wrapper";function c(e){var t=e.components,n=(0,l.Z)(e,p);return(0,r.mdx)(s,(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"id"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Unique id used to identify the table."))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"rows"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Data for content in the body of the table when sections do not exist. Rows will be rendered in the order given.\nThe sections prop will text precedence over this prop."))),(0,r.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"sections"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Data for content in the body of the table. Sections will be rendered in the order given."))),(0,r.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that identifies the element (or elements) that labels the table."))),(0,r.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the table for accessibility. If ariaLabelledBy is specified, ariaLabel will not be used."))),(0,r.mdx)(o.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"columnResizeIncrement"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Numeric increment in pixels to adjust column width when resizing via the keyboard."))),(0,r.mdx)(o.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"pinnedColumns"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Data for pinned columns. Pinned columns are the stickied leftmost columns of the table.\nColumns will be presented in the order given."))),(0,r.mdx)(o.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"overflowColumns"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Data for overflow columns. Overflow columns are rendered in the table's horizontal overflow.\nColumns will be presented in the order given."))),(0,r.mdx)(o.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"defaultColumnWidth"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"200\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Number indicating the default column width in px. This value will be used if no overriding width value is provided on a per-column basis."))),(0,r.mdx)(o.X2,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"columnHeaderHeight"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that specifies the column height. Any valid CSS height value is accepted."))),(0,r.mdx)(o.X2,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"rowHeight"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that specifies the height for the rows in the table. Any valid CSS value is accepted."))),(0,r.mdx)(o.X2,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"rowHeaderIndex"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"0\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Number indicating the index of the column that represents row header. Index is 0 based and cannot exceed one less than the number of columns in the table."))),(0,r.mdx)(o.X2,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"onColumnResize"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function that is called when a resizable column is resized. Parameters:\n@param {string} columnId columnId\n@param {string} requestedWidth requestedWidth"))),(0,r.mdx)(o.X2,{key:"ROW14",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"onRowSelect"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when one or more rows are selected or unselected. Parameters:\n@param {string} rowId row id of the selected row"))),(0,r.mdx)(o.X2,{key:"ROW15",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"onColumnSelect"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function that is called when a selectable column is selected. Parameters:\n@param {string} columnId columnId"))),(0,r.mdx)(o.X2,{key:"ROW16",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"onSectionSelect"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function that is called when a collapsible section is selected. Parameters: ",(0,r.mdx)("inlineCode",{parentName:"p"},"onSectionSelect(sectionId)")))),(0,r.mdx)(o.X2,{key:"ROW17",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"onRowSelectionHeaderSelect"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"})),(0,r.mdx)(o.X2,{key:"ROW18",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"hasSelectableRows"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Boolean indicating whether or not the table should allow entire rows to be selectable. An additional column will be\nrendered to allow for row selection to occur."))),(0,r.mdx)(o.X2,{key:"ROW19",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"hasVisibleColumnHeaders"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Boolean indicating whether or not the table columns should be displayed. Setting the value to false will hide the columns,\nbut the voice reader will use the column header values for a11y."))),(0,r.mdx)(o.X2,{key:"ROW20",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"isStriped"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"}))))}c.isMDXComponent=!0;var x=["components"],N={},h="wrapper";function g(e){var t=e.components,n=(0,l.Z)(e,x);return(0,r.mdx)(h,(0,a.Z)({},N,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(m.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-table"},"Terra Table"),(0,r.mdx)("p",null,"Terra Table is a structural component used to display tabular data. Table provides means to handle row selection and hooks for sortable columns."),(0,r.mdx)(d.Notice,{variant:"caution",ariaLevel:"2",mdxType:"Notice"},"Due to poor support in VoiceOver for spanned table headings, Table sections are not currently recommended for applications intended to be used on Apple devices."),(0,r.mdx)("h2",{id:"overview"},"Overview"),(0,r.mdx)("p",null,"The Table is an ",(0,r.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/table/"},"accessible table")," component that is a static tabular structure containing one or more rows that each contain one or more cells.\nThe Table is not an interactive widget. Thus, its cells are not focusable or selectable."),(0,r.mdx)("p",null,"Tables are often used to present a combination of information and interactive widgets. Since a table is not a widget, each widget contained in a table is a separate stop in the page tab sequence.\nIf the number of widgets is large, replacing the table with a grid can dramatically reduce the length of the page tab sequence because a grid is a composite widget that can contain other widgets."),(0,r.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,r.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Keys"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Home"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus to the first focusable element in the table when the current focus is not within an editable field.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"End"),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus to the last focusable element in the table when the current focus is not within an editable field.")))),(0,r.mdx)("h3",{id:"assistive-technology-support"},"Assistive Technology Support"),(0,r.mdx)("h4",{id:"wai-aria-roles-and-states"},"WAI ARIA Roles and States"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"Table"),": When the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/pull/1885/components/cerner-terra-framework-docs/table/about"},(0,r.mdx)("em",{parentName:"a"},"ariaLabel"))," prop is specified, the screen reader will use the ",(0,r.mdx)("em",{parentName:"li"},"aria-label")," as the ",(0,r.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the grid."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"Row"),": When the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/pull/1885/components/cerner-terra-framework-docs/table/about"},(0,r.mdx)("em",{parentName:"a"},"ariaLabel"))," prop is specified, the screen reader will use the ",(0,r.mdx)("em",{parentName:"li"},"aria-label")," as the ",(0,r.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," to announce interactions with the row."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby"},"aria-labelledby"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"Table"),": When the ",(0,r.mdx)("a",{parentName:"li",href:"/terra-framework/pull/1885/components/cerner-terra-framework-docs/table/about"},(0,r.mdx)("em",{parentName:"a"},"ariaLabelledBy"))," prop is specified, the screen reader will use the ",(0,r.mdx)("em",{parentName:"li"},"aria-labelledby")," element to determine the ",(0,r.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the grid.")))),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-table"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import Table from "terra-table";\n')),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h1",{id:"default-table"},"Default Table"),(0,r.mdx)(i.Z,{mdxType:"DefaultTable"}),(0,r.mdx)("h2",{id:"table-props"},"Table Props"),(0,r.mdx)(c,{mdxType:"TablePropsTable"}),(0,r.mdx)("h3",{id:"column"},"Column"),(0,r.mdx)("p",null,"A column specifies the data to render a cell in the header row of the Worklist Data Grid."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Name"),(0,r.mdx)("th",{parentName:"tr",align:null},"Type"),(0,r.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,r.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"id")),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("span",{style:{color:"#d53040"}},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the column within the grid.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"displayName")),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"String of text to render within the column header cell.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"hasError")),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the column has an error in the data.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"isResizable")),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the column header is resizable.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"isSelectable")),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the column header is selectable.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"minimumWidth")),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"Number that specifies the minimum column width in pixels.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"maximumWidth")),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"Number that specifies the maximum column width in pixels.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"width")),(0,r.mdx)("td",{parentName:"tr",align:null},"number"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"A number (in px) specifying the width of the column. If not provided, the Data Grid's default column width will be used.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"sortIndicator")),(0,r.mdx)("td",{parentName:"tr",align:null},"custom"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"A string indicating which sorting indicator should be rendered. If not provided, no sorting indicator will be rendered. One of ",(0,r.mdx)("inlineCode",{parentName:"td"},"ascending"),", ",(0,r.mdx)("inlineCode",{parentName:"td"},"descending"),".")))),(0,r.mdx)("h3",{id:"section"},"Section"),(0,r.mdx)("p",null,"A section defines the rows rendered within the section."),(0,r.mdx)("p",null,(0,r.mdx)("strong",{parentName:"p"},(0,r.mdx)("em",{parentName:"strong"},"Due to poor support in VoiceOver for spanned table headings, Table sections are not currently recommended for applications intended to be used on Apple devices."))),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Name"),(0,r.mdx)("th",{parentName:"tr",align:null},"Type"),(0,r.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,r.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"id")),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("span",{style:{color:"#d53040"}},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the section within the grid.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"isCollapsible")),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"false"),(0,r.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the the section is collapsible."),(0,r.mdx)("td",{parentName:"tr",align:null})),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"isCollapsed")),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"false"),(0,r.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the section is collapsed. If true, contents of the section will not be displayed.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"text")),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"A text string to render within the section header.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"rows")),(0,r.mdx)("td",{parentName:"tr",align:null},"array"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"[]"),(0,r.mdx)("td",{parentName:"tr",align:null},"An array of row objects to be rendered within the section.")))),(0,r.mdx)("h3",{id:"row"},"Row"),(0,r.mdx)("p",null,"A row defines the cells rendered within the row."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Name"),(0,r.mdx)("th",{parentName:"tr",align:null},"Type"),(0,r.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,r.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"id")),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("span",{style:{color:"#d53040"}},"required")),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the row within the grid.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"cells")),(0,r.mdx)("td",{parentName:"tr",align:null},"array"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"[]"),(0,r.mdx)("td",{parentName:"tr",align:null},"An array of cell objects that define the content to be rendered in the row. Cells will be rendered in the order given and are expected to be in the same order as the columns.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"isSelected")),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the row should render as selected.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"ariaLabel")),(0,r.mdx)("td",{parentName:"tr",align:null},"string"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"A string identifier used to describe the row contents. This value will be used for accessibility when announcing the row (un)selection.")))),(0,r.mdx)("h3",{id:"cell"},"Cell"),(0,r.mdx)("p",null,"A cell defines the content rendered at the intersection of a row and a column."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Name"),(0,r.mdx)("th",{parentName:"tr",align:null},"Type"),(0,r.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,r.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"content")),(0,r.mdx)("td",{parentName:"tr",align:null},"content"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"The content to render within the cell.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"isMasked")),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"A boolean indicating if the cell content is masked.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("strong",{parentName:"td"},"maskedLabel")),(0,r.mdx)("td",{parentName:"tr",align:null},"bool"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"none"),(0,r.mdx)("td",{parentName:"tr",align:null},"Provides a custom string for masked cells to be read by screen readers. This value is only applied if the cell is masked.")))))}g.isMDXComponent=!0},98108:function(e,t,n){n.d(t,{Z:function(){return s}});var a=n(67294),l=n(7871),r=n(87462),d=n(44925),m=n(81254),i=["components"],o={};function p(e){var t=e.components,n=(0,d.Z)(e,i);return(0,m.mdx)("wrapper",(0,r.Z)({},o,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true, maskedLabel: 'Age Hidden' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst DefaultTable = () => (\n
\n);\n\nexport default DefaultTable;\n\n")))}p.isMDXComponent=!0;var u=n(49271),s=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Default Table",description:n,example:a.createElement(l.Z,null),exampleSrc:a.createElement(p,null),isExpanded:r})}},61701:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),l=n(22863),r=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.1.1-alpha.1",url:t})}},7871:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),r=a(n(12810)),d={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0,maskedLabel:"Age Hidden"},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.Z=function(){return l.default.createElement(r.default,{id:"my-table-id",overflowColumns:d.cols,rows:d.rows,ariaLabel:"Table"})}},66983:function(e,t,n){n.r(t),t.default={"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:function(e,t,n){n.r(t),t.default={"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:function(e,t,n){n.r(t),t.default={"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/1885/18175-f68568ad4c983a212ab3.js b/pull/1885/18175-f68568ad4c983a212ab3.js
deleted file mode 100644
index b331f38ed84..00000000000
--- a/pull/1885/18175-f68568ad4c983a212ab3.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[18175],{40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),l=o(n(45697)),d=o(n(47166)),r=o(n(47341)),m=o(n(66983)),i=["children"];function o(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 d=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=d.default.bind(m.default),x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},c=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},N={children:l.default.string},g=function(e){var t=e.children,n=u(e,i),l=a.default.useContext(r.default),m=(0,d.default)(s(["button",l.className]),n.className);return a.default.createElement("button",p({},n,{type:"button",className:m,onBlur:x,onMouseDown:c,"data-focus-styles-enabled":!0}),t)};g.propTypes=N;var y=g;t.default=y},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),l=i(n(45697)),d=i(n(47166)),r=i(n(47341)),m=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var o=d.default.bind(m.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"])},u=function(e){var t=e.ariaLevel,n=e.variant,l=e.children,d=a.default.useContext(r.default);return a.default.createElement("div",{className:o("notice",n,d.className)},a.default.createElement("div",{className:o("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:o("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:o("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:o("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:o("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:o("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}))))};u.propTypes=p,u.defaultProps={ariaLevel:"2",variant:"important"};var s=u;t.default=s},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(67294)),l=p(n(45697)),d=p(n(94184)),r=p(n(47166)),m=p(n(47341)),i=p(n(42620)),o=["title"];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||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var x=r.default.bind(i.default),c={title:l.default.string},N=function(e){var t=e.title,n=s(e,o),l=a.default.useContext(m.default),r=(0,d.default)(x(["placeholder",l.className]),n.className),i=x(["inner"]);return a.default.createElement("div",u({},n,{className:r}),a.default.createElement("div",{className:i},a.default.createElement("p",{className:x("title")},t)))};N.propTypes=c,N.defaultProps={title:""};var g=N;t.default=g},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return d.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=r(n(59278)),l=r(n(47306)),d=r(n(40996));function r(e){return e&&e.__esModule?e:{default:e}}},39888:function(e,t,n){n.r(t),n.d(t,{default:function(){return y}});var a=n(87462),l=n(44925),d=(n(67294),n(81254)),r=n(34261),m=n(61701),i=n(98108),o=n(78530),p=["components"],u={},s="wrapper";function x(e){var t=e.components,n=(0,l.Z)(e,p);return(0,d.mdx)(s,(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(o.ZP,{mdxType:"PropsTable"},(0,d.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"id"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(o.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Unique id used to identify the table."))),(0,d.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"rows"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Data for content in the body of the table when sections do not exist. Rows will be rendered in the order given.\nThe sections prop will text precedence over this prop."))),(0,d.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"sections"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Data for content in the body of the table. Sections will be rendered in the order given."))),(0,d.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"String that identifies the element (or elements) that labels the table."))),(0,d.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"String that labels the table for accessibility. If ariaLabelledBy is specified, ariaLabel will not be used."))),(0,d.mdx)(o.X2,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"columnResizeIncrement"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Numeric increment in pixels to adjust column width when resizing via the keyboard."))),(0,d.mdx)(o.X2,{key:"ROW7",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"pinnedColumns"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Data for pinned columns. Pinned columns are the stickied leftmost columns of the table.\nColumns will be presented in the order given."))),(0,d.mdx)(o.X2,{key:"ROW8",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"overflowColumns"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Data for overflow columns. Overflow columns are rendered in the table's horizontal overflow.\nColumns will be presented in the order given."))),(0,d.mdx)(o.X2,{key:"ROW9",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"defaultColumnWidth"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"200\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Number indicating the default column width in px. This value will be used if no overriding width value is provided on a per-column basis."))),(0,d.mdx)(o.X2,{key:"ROW10",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"columnHeaderHeight"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"String that specifies the column height. Any valid CSS height value is accepted."))),(0,d.mdx)(o.X2,{key:"ROW11",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"rowHeight"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"String that specifies the height for the rows in the table. Any valid CSS value is accepted."))),(0,d.mdx)(o.X2,{key:"ROW12",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"rowHeaderIndex"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"0\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Number indicating the index of the column that represents row header. Index is 0 based and cannot exceed one less than the number of columns in the table."))),(0,d.mdx)(o.X2,{key:"ROW13",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"onColumnResize"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Function that is called when a resizable column is resized. Parameters:\n@param {string} columnId columnId\n@param {string} requestedWidth requestedWidth"))),(0,d.mdx)(o.X2,{key:"ROW14",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"onRowSelect"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function that is called when one or more rows are selected or unselected. Parameters:\n@param {string} rowId row id of the selected row"))),(0,d.mdx)(o.X2,{key:"ROW15",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"onColumnSelect"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function that is called when a selectable column is selected. Parameters:\n@param {string} columnId columnId"))),(0,d.mdx)(o.X2,{key:"ROW16",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"onSectionSelect"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Function that is called when a collapsible section is selected. Parameters: ",(0,d.mdx)("inlineCode",{parentName:"p"},"onSectionSelect(sectionId)")))),(0,d.mdx)(o.X2,{key:"ROW17",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"onRowSelectionHeaderSelect"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"})),(0,d.mdx)(o.X2,{key:"ROW18",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"hasSelectableRows"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Boolean indicating whether or not the table should allow entire rows to be selectable. An additional column will be\nrendered to allow for row selection to occur."))),(0,d.mdx)(o.X2,{key:"ROW19",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"hasColumnHeaders"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Boolean indicating whether or not the table columns should be displayed. Setting the value to false will hide the columns,\nbut the voice reader will use the column header values for a11y."))),(0,d.mdx)(o.X2,{key:"ROW20",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"isStriped"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"}))))}x.isMDXComponent=!0;var c=["components"],N={},g="wrapper";function y(e){var t=e.components,n=(0,l.Z)(e,c);return(0,d.mdx)(g,(0,a.Z)({},N,n,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-table"},"Terra Table"),(0,d.mdx)("p",null,"Terra Table is a structural component used to display tabular data. Table provides means to handle row selection and hooks for sortable columns."),(0,d.mdx)(r.Notice,{variant:"caution",ariaLevel:"2",mdxType:"Notice"},"Due to poor support in VoiceOver for spanned table headings, Table sections are not currently recommended for applications intended to be used on Apple devices."),(0,d.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Install with ",(0,d.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"npm install terra-table"))))),(0,d.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,d.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,d.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,d.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,d.mdx)("h2",{id:"usage"},"Usage"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import Table from "terra-table";\n')),(0,d.mdx)("h2",{id:"component-features"},"Component Features"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,d.mdx)("h1",{id:"default-table"},"Default Table"),(0,d.mdx)(i.Z,{mdxType:"DefaultTable"}),(0,d.mdx)("h2",{id:"table-props"},"Table Props"),(0,d.mdx)(x,{mdxType:"TablePropsTable"}),(0,d.mdx)("h3",{id:"column"},"Column"),(0,d.mdx)("p",null,"A column specifies the data to render a cell in the header row of the Worklist Data Grid."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Name"),(0,d.mdx)("th",{parentName:"tr",align:null},"Type"),(0,d.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,d.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,d.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"id")),(0,d.mdx)("td",{parentName:"tr",align:null},"string"),(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("span",{style:{color:"#d53040"}},"required")),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the column within the grid.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"displayName")),(0,d.mdx)("td",{parentName:"tr",align:null},"string"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"String of text to render within the column header cell.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"hasError")),(0,d.mdx)("td",{parentName:"tr",align:null},"bool"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the column has an error in the data.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"isResizable")),(0,d.mdx)("td",{parentName:"tr",align:null},"bool"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the column header is resizable.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"isSelectable")),(0,d.mdx)("td",{parentName:"tr",align:null},"bool"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the column header is selectable.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"minimumWidth")),(0,d.mdx)("td",{parentName:"tr",align:null},"number"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"Number that specifies the minimum column width in pixels.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"maximumWidth")),(0,d.mdx)("td",{parentName:"tr",align:null},"number"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"Number that specifies the maximum column width in pixels.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"width")),(0,d.mdx)("td",{parentName:"tr",align:null},"number"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"A number (in px) specifying the width of the column. If not provided, the Data Grid's default column width will be used.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"sortIndicator")),(0,d.mdx)("td",{parentName:"tr",align:null},"custom"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"A string indicating which sorting indicator should be rendered. If not provided, no sorting indicator will be rendered. One of ",(0,d.mdx)("inlineCode",{parentName:"td"},"ascending"),", ",(0,d.mdx)("inlineCode",{parentName:"td"},"descending"),".")))),(0,d.mdx)("h3",{id:"section"},"Section"),(0,d.mdx)("p",null,"A section defines the rows rendered within the section."),(0,d.mdx)("p",null,(0,d.mdx)("strong",{parentName:"p"},(0,d.mdx)("em",{parentName:"strong"},"Due to poor support in VoiceOver for spanned table headings, Table sections are not currently recommended for applications intended to be used on Apple devices."))),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Name"),(0,d.mdx)("th",{parentName:"tr",align:null},"Type"),(0,d.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,d.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,d.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"id")),(0,d.mdx)("td",{parentName:"tr",align:null},"string"),(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("span",{style:{color:"#d53040"}},"required")),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the section within the grid.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"isCollapsible")),(0,d.mdx)("td",{parentName:"tr",align:null},"bool"),(0,d.mdx)("td",{parentName:"tr",align:null},"false"),(0,d.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the the section is collapsible."),(0,d.mdx)("td",{parentName:"tr",align:null})),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"isCollapsed")),(0,d.mdx)("td",{parentName:"tr",align:null},"bool"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"false"),(0,d.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the section is collapsed. If true, contents of the section will not be displayed.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"text")),(0,d.mdx)("td",{parentName:"tr",align:null},"string"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"A text string to render within the section header.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"rows")),(0,d.mdx)("td",{parentName:"tr",align:null},"array"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"[]"),(0,d.mdx)("td",{parentName:"tr",align:null},"An array of row objects to be rendered within the section.")))),(0,d.mdx)("h3",{id:"row"},"Row"),(0,d.mdx)("p",null,"A row defines the cells rendered within the row."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Name"),(0,d.mdx)("th",{parentName:"tr",align:null},"Type"),(0,d.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,d.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,d.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"id")),(0,d.mdx)("td",{parentName:"tr",align:null},"string"),(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("span",{style:{color:"#d53040"}},"required")),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the row within the grid.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"cells")),(0,d.mdx)("td",{parentName:"tr",align:null},"array"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"[]"),(0,d.mdx)("td",{parentName:"tr",align:null},"An array of cell objects that define the content to be rendered in the row. Cells will be rendered in the order given and are expected to be in the same order as the columns.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"isSelected")),(0,d.mdx)("td",{parentName:"tr",align:null},"bool"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the row should render as selected.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"ariaLabel")),(0,d.mdx)("td",{parentName:"tr",align:null},"string"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"A string identifier used to describe the row contents. This value will be used for accessibility when announcing the row (un)selection.")))),(0,d.mdx)("h3",{id:"cell"},"Cell"),(0,d.mdx)("p",null,"A cell defines the content rendered at the intersection of a row and a column."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Name"),(0,d.mdx)("th",{parentName:"tr",align:null},"Type"),(0,d.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,d.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,d.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"content")),(0,d.mdx)("td",{parentName:"tr",align:null},"content"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"The content to render within the cell.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"isMasked")),(0,d.mdx)("td",{parentName:"tr",align:null},"bool"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"A boolean indicating if the cell content is masked.")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},(0,d.mdx)("strong",{parentName:"td"},"maskedLabel")),(0,d.mdx)("td",{parentName:"tr",align:null},"bool"),(0,d.mdx)("td",{parentName:"tr",align:null},"optional"),(0,d.mdx)("td",{parentName:"tr",align:null},"none"),(0,d.mdx)("td",{parentName:"tr",align:null},"Provides a custom string for masked cells to be read by screen readers. This value is only applied if the cell is masked.")))))}y.isMDXComponent=!0},98108:function(e,t,n){n.d(t,{Z:function(){return s}});var a=n(67294),l=n(7871),d=n(87462),r=n(44925),m=n(81254),i=["components"],o={};function p(e){var t=e.components,n=(0,r.Z)(e,i);return(0,m.mdx)("wrapper",(0,d.Z)({},o,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true, maskedLabel: 'Age Hidden' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst DefaultTable = () => (\n
\n);\n\nexport default DefaultTable;\n\n")))}p.isMDXComponent=!0;var u=n(49271),s=function(e){var t=e.title,n=e.description,d=e.isExpanded;return a.createElement(u.Z,{title:t||"Default Table",description:n,example:a.createElement(l.Z,null),exampleSrc:a.createElement(p,null),isExpanded:d})}},61701:function(e,t,n){n.d(t,{C:function(){return d}});var a=n(67294),l=n(22863),d=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.1.1-alpha.0",url:t})}},7871:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),d=a(n(12810)),r={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0,maskedLabel:"Age Hidden"},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.Z=function(){return l.default.createElement(d.default,{id:"my-table-id",overflowColumns:r.cols,rows:r.rows,ariaLabel:"Table"})}},66983:function(e,t,n){n.r(t),t.default={"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:function(e,t,n){n.r(t),t.default={"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:function(e,t,n){n.r(t),t.default={"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/1885/18846-acde116c8825c1a1e864.css b/pull/1885/18846-5fc31f6ac871e7fe4bfe.css
similarity index 100%
rename from pull/1885/18846-acde116c8825c1a1e864.css
rename to pull/1885/18846-5fc31f6ac871e7fe4bfe.css
diff --git a/pull/1885/18846-acde116c8825c1a1e864.js b/pull/1885/18846-5fc31f6ac871e7fe4bfe.js
similarity index 99%
rename from pull/1885/18846-acde116c8825c1a1e864.js
rename to pull/1885/18846-5fc31f6ac871e7fe4bfe.js
index cede4ba3f24..d1059b81cc1 100644
--- a/pull/1885/18846-acde116c8825c1a1e864.js
+++ b/pull/1885/18846-5fc31f6ac871e7fe4bfe.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[18846],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(45697)),d=n(a(47166)),i=n(a(17422)),m=d.default.bind(i.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,a=e.name,n=e.url,l=e.version,d=r.default.createElement("a",{className:m("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(l)},r.default.createElement("span",{className:m("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:m("badge"),href:t},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},d,i)};u.propTypes=o;var s=u;t.Z=s},18846:function(e,t,a){a.r(t),a.d(t,{default:function(){return u}});var n=a(87462),r=a(44925),l=(a(67294),a(81254)),d=a(10362),i=["components"],m={},o="wrapper";function u(e){var t=e.components,a=(0,r.Z)(e,i);return(0,l.mdx)(o,(0,n.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(d.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"keyboard-shortcuts-for-terra-date-time-picker"},"Keyboard Shortcuts for Terra Date Time Picker"),(0,l.mdx)("p",null,"The Terra Date Time Picker offers additional functionality with specific keyboard shortcuts to save time when interacting with date and time inputs in terra-date-time-picker."),(0,l.mdx)("p",null,(0,l.mdx)("em",{parentName:"p"},"Note: these commands assume a QWERTY keyboard layout. Other layouts will probably still work, but they have not yet been tested.")),(0,l.mdx)("p",null,"Pressing any of the supported keys while the input is in focus will populate the inputs with the listed shortcut response."),(0,l.mdx)("table",null,(0,l.mdx)("thead",{parentName:"table"},(0,l.mdx)("tr",{parentName:"thead"},(0,l.mdx)("th",{parentName:"tr",align:null},"Key / Sequence"),(0,l.mdx)("th",{parentName:"tr",align:null},"Input"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"T"),(0,l.mdx)("td",{parentName:"tr",align:null},"Date"),(0,l.mdx)("td",{parentName:"tr",align:null},"Sets the date value to the current date (Today).")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"-"),(0,l.mdx)("td",{parentName:"tr",align:null},"Date"),(0,l.mdx)("td",{parentName:"tr",align:null},"Decrements the day value by 1 day. If blank or not a valid date, input will set value to current date minus 1 day.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"+"),(0,l.mdx)("td",{parentName:"tr",align:null},"Date"),(0,l.mdx)("td",{parentName:"tr",align:null},"Increments the day value by 1 day. If blank or not a valid time, input will set value to current date plus 1 day.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"N"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"Sets the time value to the current time (Now). Also sets date to the current date if there is no date or invalid date")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"-"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"Decrements the minute value by 1 minute. If blank or not a valid time or date, input will set date to current date and value to current time minus 1 minute.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"+"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"Increments the minute value by 1 minute. If blank or not a valid time or date, input will set date to current date and value to current time plus 1 minute.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"A"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to antemeridiem. If blank or not a valid time or date, input will set date to current date and value to midnight. If not a 12 hour clock, will do nothing.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"P"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to postmeridiem. If blank or not a valid time or date, input will set date to current date and value to noon. If not a 12 hour clock, will do nothing.")))),(0,l.mdx)("p",null,(0,l.mdx)("em",{parentName:"p"},"Note: For any key listed, pressing the designated keyboard character key is not specific to uppercase or lowercase and works for both cases (e.g. if capslock or shift key is also being applied). Uppercase-only usage is not required.")),(0,l.mdx)("h2",{id:"release-notes-for-specific-versions"},"Release notes for specific versions"),(0,l.mdx)("h3",{id:"4730"},"4.73.0"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Initial keyboard shortcut release. This adds the key listeners to the day input, month input, and the year number input.")))}u.isMDXComponent=!0},10362:function(e,t,a){a.d(t,{C:function(){return l}});var n=a(67294),r=a(22863),l=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.98.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,t,a){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}a.d(t,{Z:function(){return n}})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[18846],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(45697)),d=n(a(47166)),i=n(a(17422)),m=d.default.bind(i.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,a=e.name,n=e.url,l=e.version,d=r.default.createElement("a",{className:m("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(l)},r.default.createElement("span",{className:m("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:m("badge"),href:t},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},d,i)};u.propTypes=o;var s=u;t.Z=s},18846:function(e,t,a){a.r(t),a.d(t,{default:function(){return u}});var n=a(87462),r=a(44925),l=(a(67294),a(81254)),d=a(10362),i=["components"],m={},o="wrapper";function u(e){var t=e.components,a=(0,r.Z)(e,i);return(0,l.mdx)(o,(0,n.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(d.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"keyboard-shortcuts-for-terra-date-time-picker"},"Keyboard Shortcuts for Terra Date Time Picker"),(0,l.mdx)("p",null,"The Terra Date Time Picker offers additional functionality with specific keyboard shortcuts to save time when interacting with date and time inputs in terra-date-time-picker."),(0,l.mdx)("p",null,(0,l.mdx)("em",{parentName:"p"},"Note: these commands assume a QWERTY keyboard layout. Other layouts will probably still work, but they have not yet been tested.")),(0,l.mdx)("p",null,"Pressing any of the supported keys while the input is in focus will populate the inputs with the listed shortcut response."),(0,l.mdx)("table",null,(0,l.mdx)("thead",{parentName:"table"},(0,l.mdx)("tr",{parentName:"thead"},(0,l.mdx)("th",{parentName:"tr",align:null},"Key / Sequence"),(0,l.mdx)("th",{parentName:"tr",align:null},"Input"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"T"),(0,l.mdx)("td",{parentName:"tr",align:null},"Date"),(0,l.mdx)("td",{parentName:"tr",align:null},"Sets the date value to the current date (Today).")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"-"),(0,l.mdx)("td",{parentName:"tr",align:null},"Date"),(0,l.mdx)("td",{parentName:"tr",align:null},"Decrements the day value by 1 day. If blank or not a valid date, input will set value to current date minus 1 day.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"+"),(0,l.mdx)("td",{parentName:"tr",align:null},"Date"),(0,l.mdx)("td",{parentName:"tr",align:null},"Increments the day value by 1 day. If blank or not a valid time, input will set value to current date plus 1 day.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"N"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"Sets the time value to the current time (Now). Also sets date to the current date if there is no date or invalid date")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"-"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"Decrements the minute value by 1 minute. If blank or not a valid time or date, input will set date to current date and value to current time minus 1 minute.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"+"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"Increments the minute value by 1 minute. If blank or not a valid time or date, input will set date to current date and value to current time plus 1 minute.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"A"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to antemeridiem. If blank or not a valid time or date, input will set date to current date and value to midnight. If not a 12 hour clock, will do nothing.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"P"),(0,l.mdx)("td",{parentName:"tr",align:null},"Time"),(0,l.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to postmeridiem. If blank or not a valid time or date, input will set date to current date and value to noon. If not a 12 hour clock, will do nothing.")))),(0,l.mdx)("p",null,(0,l.mdx)("em",{parentName:"p"},"Note: For any key listed, pressing the designated keyboard character key is not specific to uppercase or lowercase and works for both cases (e.g. if capslock or shift key is also being applied). Uppercase-only usage is not required.")),(0,l.mdx)("h2",{id:"release-notes-for-specific-versions"},"Release notes for specific versions"),(0,l.mdx)("h3",{id:"4730"},"4.73.0"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Initial keyboard shortcut release. This adds the key listeners to the day input, month input, and the year number input.")))}u.isMDXComponent=!0},10362:function(e,t,a){a.d(t,{C:function(){return l}});var n=a(67294),r=a(22863),l=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.99.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,t,a){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}a.d(t,{Z:function(){return n}})}}]);
\ No newline at end of file
diff --git a/pull/1885/20048-1c0f045f43d0ecf291c4.css b/pull/1885/20048-1c0f045f43d0ecf291c4.css
new file mode 100644
index 00000000000..e21a0227f87
--- /dev/null
+++ b/pull/1885/20048-1c0f045f43d0ecf291c4.css
@@ -0,0 +1 @@
+.Slider-module__orion-fusion-theme___8lFzi{--terra-slider-label-color: #1c1f21;--terra-slider-range-label-font-size: 0.714rem;--terra-slider-track-selected-range: #26a2e5;--terra-slider-track-unselected-range: #d3d4d5;--terra-slider-track-selected-range-hover: #0092e0;--terra-slider-track-unselected-range-hover: #bcbfc0;--terra-slider-thumb-background: #26a2e5;--terra-slider-thumb-border-color: #26a2e5;--terra-slider-thumb-hover-background: #0092e0;--terra-slider-thumb-active-background: #007cc3}.Slider-module__clinical-lowlight-theme___ou4Xa{--terra-slider-label-color: #b3b5b6;--terra-slider-track-selected-range: #004c76;--terra-slider-track-unselected-range: #6f7477;--terra-slider-track-selected-range-hover: #003f61;--terra-slider-track-unselected-range-hover: #595f62;--terra-slider-thumb-background: #004c76;--terra-slider-thumb-border-color: #003f61;--terra-slider-thumb-hover-background: #003f61;--terra-slider-thumb-active-background: #013a5a;--terra-slider-thumb-focus-outline: 0.143rem dashed #fff}.Slider-module__slider___p5WX-{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;min-height:3.143rem}.Slider-module__label___9ub6Z{color:#1c1f21;color:var(--terra-slider-label-color, #1c1f21);font-weight:700;font-weight:var(--terra-slider-label-font-weight, 700);white-space:initial}[dir=ltr] .Slider-module__label___9ub6Z{margin-right:0.5rem;margin-right:var(--terra-slider-label-margin-right, 0.5rem);text-align:left}[dir=rtl] .Slider-module__label___9ub6Z{margin-left:0.5rem;margin-left:var(--terra-slider-label-margin-right, 0.5rem);text-align:right}.Slider-module__slider-label___fdXlu{color:#6f7477;color:var(--terra-slider-sub-label-color, #6f7477);font-size:0.857rem;font-size:var(--terra-slider-sub-label-font-size, 0.857rem);font-weight:400;font-weight:var(--terra-slider-sub-label-font-weight, 400);white-space:initial}[dir=ltr] .Slider-module__slider-label___fdXlu{text-align:left}[dir=rtl] .Slider-module__slider-label___fdXlu{text-align:right}[dir=ltr] .Slider-module__slider-min-label___zedNZ{margin-right:0.5rem;margin-right:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=rtl] .Slider-module__slider-min-label___zedNZ{margin-left:0.5rem;margin-left:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=ltr] .Slider-module__slider-max-label___6gGpy{margin-left:0.5rem;margin-left:var(--terra-slider-max-label-margin-left, 0.5rem)}[dir=rtl] .Slider-module__slider-max-label___6gGpy{margin-right:0.5rem;margin-right:var(--terra-slider-max-label-margin-left, 0.5rem)}.Slider-module__input-range___9Lrsz{-webkit-appearance:none;min-height:3.143rem;min-height:var(--terra-slider-input-range-min-height, 3.143rem);min-width:17.143rem;min-width:var(--terra-slider-input-range-min-width, 17.143rem)}[dir] .Slider-module__input-range___9Lrsz{background-color:rgba(0,0,0,0);cursor:pointer}[dir=ltr] .Slider-module__input-range___9Lrsz{margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-left, 0.5rem);margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-right, 0.5rem)}[dir=rtl] .Slider-module__input-range___9Lrsz{margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-left, 0.5rem);margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-right, 0.5rem)}.Slider-module__input-range___9Lrsz:disabled{opacity:30%;opacity:var(--terra-slider-input-range-disabled-opacity, 30%)}[dir] .Slider-module__input-range___9Lrsz:disabled{cursor:default}.Slider-module__input-range___9Lrsz:focus{outline:none}.Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-webkit-slider-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-webkit-slider-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-webkit-slider-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-runnable-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-runnable-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-webkit-slider-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___9Lrsz::-ms-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-ms-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-ms-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-ms-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-ms-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-ms-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-ms-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-ms-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-ms-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-ms-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___9Lrsz::-moz-range-track{-moz-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-moz-range-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-moz-range-thumb{-moz-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-moz-range-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-moz-range-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-moz-range-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-moz-range-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-moz-range-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-moz-range-track{-moz-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-moz-range-thumb{-moz-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}
diff --git a/pull/1885/20048-513751b0c8fecd670b0f.js b/pull/1885/20048-1c0f045f43d0ecf291c4.js
similarity index 100%
rename from pull/1885/20048-513751b0c8fecd670b0f.js
rename to pull/1885/20048-1c0f045f43d0ecf291c4.js
diff --git a/pull/1885/20048-513751b0c8fecd670b0f.css b/pull/1885/20048-513751b0c8fecd670b0f.css
deleted file mode 100644
index 7fc77867777..00000000000
--- a/pull/1885/20048-513751b0c8fecd670b0f.css
+++ /dev/null
@@ -1 +0,0 @@
-.Slider-module__orion-fusion-theme___8lFzi{--terra-slider-label-color: #1c1f21;--terra-slider-range-label-font-size: 0.714rem;--terra-slider-track-selected-range: #26a2e5;--terra-slider-track-unselected-range: #d3d4d5;--terra-slider-track-selected-range-hover: #0092e0;--terra-slider-track-unselected-range-hover: #bcbfc0;--terra-slider-thumb-background: #26a2e5;--terra-slider-thumb-border-color: #26a2e5;--terra-slider-thumb-hover-background: #0092e0;--terra-slider-thumb-active-background: #007cc3}.Slider-module__clinical-lowlight-theme___ou4Xa{--terra-slider-label-color: #b3b5b6;--terra-slider-track-selected-range: #004c76;--terra-slider-track-unselected-range: #6f7477;--terra-slider-track-selected-range-hover: #003f61;--terra-slider-track-unselected-range-hover: #595f62;--terra-slider-thumb-background: #004c76;--terra-slider-thumb-border-color: #003f61;--terra-slider-thumb-hover-background: #003f61;--terra-slider-thumb-active-background: #013a5a;--terra-slider-thumb-focus-outline: 0.143rem dashed #fff}.Slider-module__slider___p5WX-{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;min-height:3.143rem}.Slider-module__label___9ub6Z{color:#1c1f21;color:var(--terra-slider-label-color, #1c1f21);font-weight:700;font-weight:var(--terra-slider-label-font-weight, 700);white-space:initial;width:20%}[dir] .Slider-module__label___9ub6Z{text-align:center}[dir=ltr] .Slider-module__label___9ub6Z{margin-right:0.5rem;margin-right:var(--terra-slider-label-margin-right, 0.5rem)}[dir=rtl] .Slider-module__label___9ub6Z{margin-left:0.5rem;margin-left:var(--terra-slider-label-margin-right, 0.5rem)}.Slider-module__slider-label___fdXlu{color:#6f7477;color:var(--terra-slider-sub-label-color, #6f7477);font-size:0.857rem;font-size:var(--terra-slider-sub-label-font-size, 0.857rem);font-weight:400;font-weight:var(--terra-slider-sub-label-font-weight, 400);white-space:initial}[dir=ltr] .Slider-module__slider-label___fdXlu{text-align:left}[dir=rtl] .Slider-module__slider-label___fdXlu{text-align:right}[dir=ltr] .Slider-module__slider-min-label___zedNZ{margin-right:0.5rem;margin-right:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=rtl] .Slider-module__slider-min-label___zedNZ{margin-left:0.5rem;margin-left:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=ltr] .Slider-module__slider-max-label___6gGpy{margin-left:0.5rem;margin-left:var(--terra-slider-max-label-margin-left, 0.5rem)}[dir=rtl] .Slider-module__slider-max-label___6gGpy{margin-right:0.5rem;margin-right:var(--terra-slider-max-label-margin-left, 0.5rem)}.Slider-module__input-range___9Lrsz{-webkit-appearance:none;min-height:3.143rem;min-height:var(--terra-slider-input-range-min-height, 3.143rem);min-width:17.143rem;min-width:var(--terra-slider-input-range-min-width, 17.143rem);width:70%;width:var(--terra-slider-input-range-width, 70%)}[dir] .Slider-module__input-range___9Lrsz{background-color:rgba(0,0,0,0);cursor:pointer}[dir=ltr] .Slider-module__input-range___9Lrsz{margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-left, 0.5rem);margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-right, 0.5rem)}[dir=rtl] .Slider-module__input-range___9Lrsz{margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-left, 0.5rem);margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-right, 0.5rem)}.Slider-module__input-range___9Lrsz:disabled{opacity:30%;opacity:var(--terra-slider-input-range-disabled-opacity, 30%)}[dir] .Slider-module__input-range___9Lrsz:disabled{cursor:default}.Slider-module__input-range___9Lrsz:focus{outline:none}.Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-webkit-slider-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-webkit-slider-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-webkit-slider-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-runnable-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-runnable-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-webkit-slider-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___9Lrsz::-ms-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-ms-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-ms-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-ms-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-ms-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-ms-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-ms-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-ms-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-ms-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-ms-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___9Lrsz::-moz-range-track{-moz-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-moz-range-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-moz-range-thumb{-moz-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-moz-range-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-moz-range-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-moz-range-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-moz-range-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-moz-range-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-moz-range-track{-moz-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-moz-range-thumb{-moz-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}
diff --git a/pull/1885/20297-85d3acb15d28a520032e.css b/pull/1885/20297-1e59b13d17f1fc2feb4a.css
similarity index 100%
rename from pull/1885/20297-85d3acb15d28a520032e.css
rename to pull/1885/20297-1e59b13d17f1fc2feb4a.css
diff --git a/pull/1885/20297-85d3acb15d28a520032e.js b/pull/1885/20297-1e59b13d17f1fc2feb4a.js
similarity index 99%
rename from pull/1885/20297-85d3acb15d28a520032e.js
rename to pull/1885/20297-1e59b13d17f1fc2feb4a.js
index f762d0956bd..86b1c08c547 100644
--- a/pull/1885/20297-85d3acb15d28a520032e.js
+++ b/pull/1885/20297-1e59b13d17f1fc2feb4a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[20297],{20297:function(e,t,n){n.r(t),n.d(t,{default:function(){return V}});var r=n(87462),a=n(44925),i=n(67294),u=n(81254),l=n(8011),o=n(30715),d=n(84475),s=["components"],m={};function c(e){var t=e.components,n=(0,a.Z)(e,s);return(0,u.mdx)("wrapper",(0,r.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,u.mdx)("pre",null,(0,u.mdx)("code",{parentName:"pre",className:"language-jsx"},'/* eslint-disable class-methods-use-this */\n\nimport React from \'react\';\nimport { Form, Field } from \'react-final-form\';\nimport Radio from \'terra-form-radio\';\nimport RadioField from \'terra-form-radio/lib/RadioField\';\nimport Button from \'terra-button\';\nimport Spacer from \'terra-spacer\';\n\nconst required = value => (value && value.length > 0 ? undefined : \'Required\');\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit, errors, submitFailed }) {\n return (\n \n );\n }\n\n render() {\n return (\n \n \n {this.state.submittedValues\n && (\n
\n )}\n \n );\n }\n}\n\n")))}D.isMDXComponent=!0;var I=function(e){var t=e.title,n=e.description,r=e.isExpanded;return i.createElement(p.Z,{title:t||"Form Submit Date Input",description:n,example:i.createElement(_.Z,null),exampleSrc:i.createElement(D,null),isExpanded:r})},R=["components"],T={},w="wrapper";function V(e){var t=e.components,n=(0,a.Z)(e,R);return(0,u.mdx)(w,(0,r.Z)({},T,n,{components:t,mdxType:"MDXLayout"}),(0,u.mdx)(l.C,{mdxType:"Badge"}),(0,u.mdx)("h1",{id:"component-setup"},"Component Setup"),(0,u.mdx)("h2",{id:"inputfields-and-textareafields"},"InputFields and TextareaFields"),(0,u.mdx)("p",null,"Setting up InputFields and TextareaFields is very simple. Encapsulate the desired field inside of a react-final-form Field component like down below. Ensure that the render function contains input and meta in it's props hash, and that the appropriate elements from the meta prop is passed into error and isInvalid."),(0,u.mdx)("h2",{id:"checkboxfield-and-radiofields"},"CheckboxField and RadioFields"),(0,u.mdx)("p",null,"For CheckboxField and RadioField, it's recommended to use the field component provided by terra-form-checkbox and terra-form-radio. They contain props for rendering the error message in a consistent manner."),(0,u.mdx)("p",null,"In the Form render function, ensure that you have the errors prop set in the prop hash. Then set the error and isInvalid states based on the information from that hash."),(0,u.mdx)("p",null,"For each individual Radio or Checkbox, encapsulate that component inside of a react-final-form Field element, using the same name and validate function for each control you wish for the field to contain.\n",(0,u.mdx)("strong",{parentName:"p"},"Note:")," For having checkboxes that have multiple values, be sure to attach the [] to the name of the Field."),(0,u.mdx)("h2",{id:"datepicker"},"DatePicker"),(0,u.mdx)("p",null,"The DatePicker can be used as well with react-final-form. One thing to note is that the onChange function for a DatePicker doesn't store the value on the event object, as that isn't a native input. For your onChange function, be sure that you use both event and value arguments that are returned, and that the onChange function for react-final-form uses the value argument. Finally, a field is not provided with the DatePicker, so it's recommended to combine terra-date-picker with terra-form-field."),(0,u.mdx)("h2",{id:"examples"},"Examples"),(0,u.mdx)(o.Z,{title:"Input/TextareaField Validation",mdxType:"DefaultFormValidation"}),(0,u.mdx)(f,{title:"RadioField Validation",mdxType:"FormSubmitRadioField"}),(0,u.mdx)(y,{title:"CheckboxField Validation",mdxType:"FormSubmitCheckboxField"}),(0,u.mdx)(k,{title:"DatePicker Validation",mdxType:"FormSubmitDatePicker"}),(0,u.mdx)(I,{title:"DateInput Validation",mdxType:"FormSubmitDateInput"}))}V.isMDXComponent=!0},30715:function(e,t,n){n.d(t,{Z:function(){return c}});var r=n(67294),a=n(99906),i=n(87462),u=n(44925),l=n(81254),o=["components"],d={};function s(e){var t=e.components,n=(0,u.Z)(e,o);return(0,l.mdx)("wrapper",(0,i.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Form, Field } from 'react-final-form';\nimport InputField from 'terra-form-input/lib/InputField';\nimport TextareaField from 'terra-form-textarea/lib/TextareaField';\nimport Button from 'terra-button';\nimport Spacer from 'terra-spacer';\n\nconst validateUniqueUser = async (name) => {\n const response = new Promise((resolve) => {\n if (name !== 'TerraUser') {\n return resolve('');\n }\n\n return resolve('Name is Unavailable');\n });\n\n await response;\n return response;\n};\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n this.renderForm = this.renderForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit }) {\n return (\n \n );\n }\n\n render() {\n return (\n \n \n );\n }\n}\n\n")))}s.isMDXComponent=!0;var m=n(49271),c=function(e){var t=e.title,n=e.description,i=e.isExpanded;return r.createElement(m.Z,{title:t||"Default Form Validation",description:n,example:r.createElement(a.Z,null),exampleSrc:r.createElement(s,null),isExpanded:i})}},8011:function(e,t,n){n.d(t,{C:function(){return i}});var r=n(67294),a=n(22863),i=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-form-validation",name:"terra-form-validation",version:"1.89.0",url:t})}},76313:function(e,t,n){var r=n(64836),a=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(38416)),u=r(n(10434)),l=r(n(70215)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=x(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var l=i?Object.getOwnPropertyDescriptor(e,u):null;l&&(l.get||l.set)?Object.defineProperty(r,u,l):r[u]=e[u]}return r.default=e,n&&n.set(e,r),r}(n(67294)),d=r(n(45697)),s=n(25387),m=r(n(94184)),c=r(n(47166)),p=r(n(47341)),f=n(55877),h=r(n(51331)),b=r(n(29270)),v=r(n(91986)),F=r(n(91417)),y=r(n(40873)),g=["dayAttributes","disabled","displayFormat","error","help","hideRequired","isIncomplete","isInline","isInvalid","isLegendHidden","intl","legend","legendAttributes","monthAttributes","maxWidth","name","onBlur","onChange","onFocus","required","showOptional","value","yearAttributes"];function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(x=function(e){return e?n:t})(e)}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t0?void 0:"Required"};t.Z=function(e){(0,o.default)(n,e);var t=y(n);function n(e){var r;return(0,i.default)(this,n),(r=t.call(this,e)).state={},r.submitForm=r.submitForm.bind((0,l.default)(r)),r}return(0,u.default)(n,[{key:"submitForm",value:function(e){this.setState({submittedValues:e})}},{key:"renderForm",value:function(e){var t=e.handleSubmit,n=e.errors,r=e.submitFailed;return m.default.createElement("form",{noValidate:!0,onSubmit:t},m.default.createElement(f.default,{legend:"What are all the conference tracks you plan on attending?",error:n.tracks,isInvalid:r&&void 0!==n.tracks,required:!0},m.default.createElement(c.Field,{name:"tracks[]",type:"checkbox",value:"developer",validate:g,component:function(e){var t=e.input;return m.default.createElement(p.default,{inputAttrs:F({},t),labelText:"Developer",id:t.id,name:t.name,checked:!!t.checked,onChange:t.onChange,value:t.value})}}),m.default.createElement(c.Field,{name:"tracks[]",type:"checkbox",value:"designer",validate:g,component:function(e){var t=e.input;return m.default.createElement(p.default,{inputAttrs:F({},t),labelText:"Designer",id:t.id,name:t.name,checked:!!t.checked,onChange:t.onChange,value:t.value})}}),m.default.createElement(c.Field,{name:"tracks[]",type:"checkbox",value:"soft_skills",validate:g,component:function(e){var t=e.input;return m.default.createElement(p.default,{inputAttrs:F({},t),labelText:"Soft skills",id:t.id,name:t.name,checked:!!t.checked,onChange:t.onChange,value:t.value})}})),m.default.createElement(h.default,{text:"Submit",type:h.default.Opts.Types.SUBMIT}))}},{key:"render",value:function(){return m.default.createElement(b.default,{marginBottom:"small"},m.default.createElement(c.Form,{onSubmit:this.submitForm,render:this.renderForm}),this.state.submittedValues&&m.default.createElement("div",null,m.default.createElement("p",null,"Form Submitted Successfully With"),m.default.createElement("pre",null,JSON.stringify(this.state.submittedValues,0,2))))}}]),n}(m.default.Component)},46389:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(56690)),i=r(n(89728)),u=r(n(66115)),l=r(n(61655)),o=r(n(94993)),d=r(n(73808)),s=r(n(67294)),m=n(57057),c=r(n(76313)),p=r(n(55281)),f=r(n(7017));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,d.default)(e);if(t){var a=(0,d.default)(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return(0,o.default)(this,n)}}var b=function(e){return e?function(e){if(e&&10===e.length){var t=e.split("-"),n=Number(t[2]),r=Number(t[1])-1,a=Number(t[0]),i=new Date(a,r,n),u=i.getUTCFullYear()===a,l=i.getUTCMonth()===r,o=i.getUTCDate()===n;return u&&l&&o}return!1}(e)?e.split("-")[0]<2021?"Year must be after the year 2020":void 0:"Date is Invalid":"Required"};t.Z=function(e){(0,l.default)(n,e);var t=h(n);function n(e){var r;return(0,a.default)(this,n),(r=t.call(this,e)).state={},r.submitForm=r.submitForm.bind((0,u.default)(r)),r}return(0,i.default)(n,[{key:"submitForm",value:function(e){this.setState({submittedValues:e})}},{key:"renderForm",value:function(e){var t=e.handleSubmit;return s.default.createElement("form",{noValidate:!0,onSubmit:t},s.default.createElement(m.Field,{name:"user_date",validate:b},(function(e){var t=e.input,n=e.meta;return s.default.createElement(c.default,{name:"user_date",legend:"Enter your birthday",value:t.value,onChange:function(e,n){t.onChange(n)},error:n.error,isInvalid:n.submitFailed&&void 0!==n.error,required:!0})})),s.default.createElement(p.default,{text:"Submit",type:p.default.Opts.Types.SUBMIT}))}},{key:"render",value:function(){return s.default.createElement(f.default,{marginBottom:"small"},s.default.createElement(m.Form,{onSubmit:this.submitForm,render:this.renderForm}),this.state.submittedValues&&s.default.createElement("div",null,s.default.createElement("p",null,"Form Submitted Successfully With"),s.default.createElement("pre",null,JSON.stringify(this.state.submittedValues,0,2))))}}]),n}(s.default.Component)},91137:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(56690)),i=r(n(89728)),u=r(n(66115)),l=r(n(61655)),o=r(n(94993)),d=r(n(73808)),s=r(n(67294)),m=n(57057),c=r(n(28411)),p=r(n(47717)),f=r(n(55281)),h=r(n(7017));function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,d.default)(e);if(t){var a=(0,d.default)(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return(0,o.default)(this,n)}}var v=function(e){return e?e.search(/[0-1][0-9]\/([0-2][0-9]|3[0-1])\/[0-9]{4}/i)<=-1?"Date is Invalid":void 0:"Required"};t.Z=function(e){(0,l.default)(n,e);var t=b(n);function n(e){var r;return(0,a.default)(this,n),(r=t.call(this,e)).state={},r.submitForm=r.submitForm.bind((0,u.default)(r)),r}return(0,i.default)(n,[{key:"submitForm",value:function(e){this.setState({submittedValues:e})}},{key:"renderForm",value:function(e){var t=e.handleSubmit;return s.default.createElement("form",{noValidate:!0,onSubmit:t},s.default.createElement(m.Field,{name:"user_date",validate:v},(function(e){var t=e.input,n=e.meta;return s.default.createElement(p.default,{label:"Enter your planned start date",htmlFor:"default",error:n.error,isInvalid:n.submitFailed&&void 0!==n.error,required:!0},s.default.createElement(c.default,{name:"user_date",id:"default",onChangeRaw:function(e,n){t.onChange(n)}}))})),s.default.createElement(f.default,{text:"Submit",type:f.default.Opts.Types.SUBMIT}))}},{key:"render",value:function(){return s.default.createElement(h.default,{marginBottom:"small"},s.default.createElement(m.Form,{onSubmit:this.submitForm,render:this.renderForm}),this.state.submittedValues&&s.default.createElement("div",null,s.default.createElement("p",null,"Form Submitted Successfully With"),s.default.createElement("pre",null,JSON.stringify(this.state.submittedValues,0,2))))}}]),n}(s.default.Component)},84475:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(38416)),i=r(n(56690)),u=r(n(89728)),l=r(n(66115)),o=r(n(61655)),d=r(n(94993)),s=r(n(73808)),m=r(n(67294)),c=n(57057),p=r(n(79029)),f=r(n(56931)),h=r(n(55281)),b=r(n(7017));function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t0?void 0:"Required"};t.Z=function(e){(0,o.default)(n,e);var t=y(n);function n(e){var r;return(0,i.default)(this,n),(r=t.call(this,e)).state={},r.submitForm=r.submitForm.bind((0,l.default)(r)),r}return(0,u.default)(n,[{key:"submitForm",value:function(e){this.setState({submittedValues:e})}},{key:"renderForm",value:function(e){var t=e.handleSubmit,n=e.errors,r=e.submitFailed;return m.default.createElement("form",{noValidate:!0,onSubmit:t},m.default.createElement(f.default,{legend:"Which kind of meal would you like?",isInvalid:r&&void 0!==n.meal,error:n.meal,required:!0},m.default.createElement(c.Field,{name:"meal",type:"radio",value:"chicken",validate:g,component:function(e){var t=e.input;return m.default.createElement(p.default,{inputAttrs:F({},t),labelText:"Chicken",id:t.id,name:t.name,checked:!!t.checked,onChange:t.onChange,value:t.value})}}),m.default.createElement(c.Field,{name:"meal",type:"radio",value:"vegetarian",validate:g,component:function(e){var t=e.input;return m.default.createElement(p.default,{inputAttrs:F({},t),labelText:"Vegetarian",id:t.id,name:t.name,checked:!!t.checked,onChange:t.onChange,value:t.value})}}),m.default.createElement(c.Field,{name:"meal",type:"radio",value:"fish",validate:g,component:function(e){var t=e.input;return m.default.createElement(p.default,{inputAttrs:F({},t),labelText:"Fish",id:t.id,name:t.name,checked:!!t.checked,onChange:t.onChange,value:t.value})}})),m.default.createElement(h.default,{text:"Submit",type:h.default.Opts.Types.SUBMIT}))}},{key:"render",value:function(){return m.default.createElement(b.default,{marginBottom:"small"},m.default.createElement(c.Form,{onSubmit:this.submitForm,render:this.renderForm}),this.state.submittedValues&&m.default.createElement("div",null,m.default.createElement("p",null,"Form Submitted Successfully With"),m.default.createElement("pre",null,JSON.stringify(this.state.submittedValues,0,2))))}}]),n}(m.default.Component)},40873:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"DateInputField-module__orion-fusion-theme___6WeUI","clinical-lowlight-theme":"DateInputField-module__clinical-lowlight-theme___ZPdZB","date-input-field":"DateInputField-module__date-input-field___y3E0d","is-inline":"DateInputField-module__is-inline___Y5zYN","legend-group":"DateInputField-module__legend-group___Y8qQh","legend-group-hidden":"DateInputField-module__legend-group-hidden___NubE+",legend:"DateInputField-module__legend___8v6Uw","error-icon":"DateInputField-module__error-icon___9jalk","error-icon-hidden":"DateInputField-module__error-icon-hidden___7yXqb",required:"DateInputField-module__required___c+zgG","required-hidden":"DateInputField-module__required-hidden___udcsO",optional:"DateInputField-module__optional___Jtg7S","help-text":"DateInputField-module__help-text___zQnVy","error-text":"DateInputField-module__error-text___D5gK6"}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[20297],{20297:function(e,t,n){n.r(t),n.d(t,{default:function(){return V}});var r=n(87462),a=n(44925),i=n(67294),u=n(81254),l=n(8011),o=n(30715),d=n(84475),s=["components"],m={};function c(e){var t=e.components,n=(0,a.Z)(e,s);return(0,u.mdx)("wrapper",(0,r.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,u.mdx)("pre",null,(0,u.mdx)("code",{parentName:"pre",className:"language-jsx"},'/* eslint-disable class-methods-use-this */\n\nimport React from \'react\';\nimport { Form, Field } from \'react-final-form\';\nimport Radio from \'terra-form-radio\';\nimport RadioField from \'terra-form-radio/lib/RadioField\';\nimport Button from \'terra-button\';\nimport Spacer from \'terra-spacer\';\n\nconst required = value => (value && value.length > 0 ? undefined : \'Required\');\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit, errors, submitFailed }) {\n return (\n \n );\n }\n\n render() {\n return (\n \n \n {this.state.submittedValues\n && (\n
\n >\n );\n};\n\nexport default DefaultFilePath;\n\n")))}d.isMDXComponent=!0;var m=n(49271),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(m.Z,{title:t||"On Click File Path",description:n,example:l.createElement(r.Z,null),exampleSrc:l.createElement(d,null),isExpanded:a})}},33615:function(e,t,n){n.d(t,{C:function(){return a}});var l=n(67294),r=n(22863),a=function(e){var t=e.url;return l.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-file-path",name:"terra-file-path",version:"1.0.0",url:t})}},82457:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(45697)),i=n(25387),o=l(n(57927)),c={items:a.default.arrayOf(a.default.shape({key:a.default.string,text:a.default.string,title:a.default.string,href:a.default.string,onClick:a.default.func})),intl:a.default.shape({formatMessage:a.default.func}).isRequired},p=function(e){var t=e.items,n=e.intl,l=t.slice(0,t.length-1),a=t[t.length-1];return r.default.createElement(o.default,{isReversedChildrenOrder:!0,useHorizontalIcon:!0,isStartAligned:!0,menuIconText:n.formatMessage({id:"Terra.file-path.icon.text"})},l.map((function(e){return[r.default.createElement(o.default.Hyperlink,{key:e.key,text:e.text,title:e.title,href:e.href,onClick:e.onClick}),r.default.createElement(o.default.Divider,{useChevronRightIcon:!0,key:"divider-".concat(e.key)})]})).flat(),r.default.createElement(o.default.Item,{isTextOnly:!0,text:a.text,key:a.key}))};p.propTypes=c;t.default=(0,i.injectIntl)(p)},38835:function(e,t,n){var l=n(64836);t.Z=void 0;var r=l(n(67294)),a=l(n(82457)),i=[{key:"home",text:"Home",href:"https://oracle.com"},{key:"level-1",text:"Level 1",href:"https://oracle.com"},{key:"level-2",text:"Level 2",href:"https://oracle.com"},{key:"level-3",text:"Level 3",href:"https://oracle.com"},{key:"level-4",text:"Level 4",href:"https://oracle.com"},{key:"level-5",text:"Level 5",href:"https://oracle.com"},{key:"level-6",text:"Level 6",href:"https://oracle.com"},{key:"level-7",text:"Level 7",href:"https://oracle.com"},{key:"level-8",text:"Level 8",href:"https://oracle.com"},{key:"level-9",text:"Level 9",href:"https://oracle.com"},{key:"level-10",text:"Level 10",href:"https://oracle.com"},{key:"level-11",text:"Level 11",href:"https://oracle.com"},{key:"level-12",text:"Level 12",href:"https://oracle.com"}];t.Z=function(){return r.default.createElement(a.default,{items:i})}},29344:function(e,t,n){var l=n(64836),r=n(18698);t.Z=void 0;var a=l(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(l,i,o):l[i]=e[i]}return l.default=e,n&&n.set(e,l),l}(n(67294)),o=l(n(82457));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)}t.Z=function(){var e=(0,i.useState)("Nothing"),t=(0,a.default)(e,2),n=t[0],l=t[1],r=function(e){return function(){l(e)}},c=[{key:"home",text:"Home",onClick:r("Home")},{key:"level-1",text:"Level 1",onClick:r("Level 1")},{key:"level-2",text:"Level 2",onClick:r("Level 2")},{key:"level-3",text:"Level 3",onClick:r("Level 3")},{key:"level-4",text:"Level 4",onClick:r("Level 4")},{key:"level-5",text:"Level 5",onClick:r("Level 5")},{key:"level-6",text:"Level 6",onClick:r("Level 6")},{key:"level-7",text:"Level 7",onClick:r("Level 7")},{key:"level-8",text:"Level 8",onClick:r("Level 8")},{key:"level-9",text:"Level 9",onClick:r("Level 9")},{key:"level-10",text:"Level 10",onClick:r("Level 10")},{key:"level-11",text:"Level 11",onClick:r("Level 11")},{key:"level-12",text:"Level 12",onClick:r("Level 12")}];return i.default.createElement(i.default.Fragment,null,i.default.createElement(o.default,{items:c}),i.default.createElement("h1",{style:{textAlign:"right"}},"".concat(n," clicked!")))}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[2614],{2614:function(e,t,n){n.r(t),n.d(t,{default:function(){return k}});var l=n(87462),r=n(44925),a=(n(67294),n(81254)),i=n(34261),o=n(33615),c=n(78530),p=["components"],d={},m="wrapper";function s(e){var t=e.components,n=(0,r.Z)(e,p);return(0,a.mdx)(m,(0,l.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(c.ZP,{mdxType:"PropsTable"},(0,a.mdx)(c.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(c.O,{mdxType:"PropNameCell"},"items"),(0,a.mdx)(c.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n key: {\n type: 'string',\n description: 'The unique key for the link.',\n },\n text: {\n type: 'string',\n description: 'The content to display inside link.',\n },\n title: {\n type: 'string',\n description: 'Additional information to display as a native tooltip on hover per hyperlink.',\n },\n href: {\n type: 'string',\n description: '![IMPORTANT](https://badgen.net/badge/UX/Accessibility/blue)\nSets the href of the link. href is required for hyperlinks and should be ignored when `onClick` callback is used.',\n },\n onClick: {\n type: 'func',\n description: '![IMPORTANT](https://badgen.net/badge/UX/Accessibility/blue)\nCallback function triggered when clicked. onClick is required to render hyperlink as a button.\n`onClick` should be ignored when `href` is provided.',\n },\n },\n}],\n"))),(0,a.mdx)(c.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(c.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(c.Ex,{mdxType:"DescriptionCell"}))))}s.isMDXComponent=!0;var u=n(32876),h=n(70775),x=["components"],f={},v="wrapper";function k(e){var t=e.components,n=(0,r.Z)(e,x);return(0,a.mdx)(v,(0,l.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.C,{mdxType:"Badge"}),(0,a.mdx)("p",null,(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-dialog-modal#readme"},(0,a.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,a.mdx)("h1",{id:"terra-filepath"},"Terra FilePath"),(0,a.mdx)(i.Notice,{variant:"deprecation",mdxType:"Notice"},(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"terra-file-path")," has been deprecated and is only intended for the fusion passthrough effort.")),(0,a.mdx)(i.Notice,{variant:"caution",ariaLevel:"2",mdxType:"Notice"},"Terra File Path is currently under alpha release. There may be breaking changes between releases until it is stable with the 1.0 release."),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-file-path")," component displays the current location within a hierarchy. The last item is considered the current location and is not interactable."),(0,a.mdx)("p",null,"Each location is rendered as a ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/hyperlink/about"},(0,a.mdx)("inlineCode",{parentName:"a"},"terra-hyperlink")),"."),(0,a.mdx)("p",null,"The component is fully responsive -- links will be displayed face-up and flex based on the space available. Any items that can not fit in the available space will be rolled into an ellipsis menu."),(0,a.mdx)("p",null,"Consumers are responsible for maintaining the state of the component."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-file-path"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,a.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(u.Z,{mdxType:"DefaultFilePath"}),(0,a.mdx)(h.Z,{mdxType:"OnClickFilePath"}),(0,a.mdx)("h2",{id:"filepath-props-table"},"FilePath props table"),(0,a.mdx)(s,{mdxType:"FilePathPropsTable"}))}k.isMDXComponent=!0},32876:function(e,t,n){n.d(t,{Z:function(){return s}});var l=n(67294),r=n(38835),a=n(87462),i=n(44925),o=n(81254),c=["components"],p={};function d(e){var t=e.components,n=(0,i.Z)(e,c);return(0,o.mdx)("wrapper",(0,a.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport FilePath from 'terra-file-path';\n\nconst items = [\n {\n key: 'home',\n text: 'Home',\n href: 'https://oracle.com',\n },\n {\n key: 'level-1',\n text: 'Level 1',\n href: 'https://oracle.com',\n },\n {\n key: 'level-2',\n text: 'Level 2',\n href: 'https://oracle.com',\n },\n {\n key: 'level-3',\n text: 'Level 3',\n href: 'https://oracle.com',\n },\n {\n key: 'level-4',\n text: 'Level 4',\n href: 'https://oracle.com',\n },\n {\n key: 'level-5',\n text: 'Level 5',\n href: 'https://oracle.com',\n },\n {\n key: 'level-6',\n text: 'Level 6',\n href: 'https://oracle.com',\n },\n {\n key: 'level-7',\n text: 'Level 7',\n href: 'https://oracle.com',\n },\n {\n key: 'level-8',\n text: 'Level 8',\n href: 'https://oracle.com',\n },\n {\n key: 'level-9',\n text: 'Level 9',\n href: 'https://oracle.com',\n },\n {\n key: 'level-10',\n text: 'Level 10',\n href: 'https://oracle.com',\n },\n {\n key: 'level-11',\n text: 'Level 11',\n href: 'https://oracle.com',\n },\n {\n key: 'level-12',\n text: 'Level 12',\n href: 'https://oracle.com',\n },\n];\n\nconst DefaultFilePath = () => (\n \n);\n\nexport default DefaultFilePath;\n\n")))}d.isMDXComponent=!0;var m=n(49271),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(m.Z,{title:t||"Default File Path",description:n,example:l.createElement(r.Z,null),exampleSrc:l.createElement(d,null),isExpanded:a})}},70775:function(e,t,n){n.d(t,{Z:function(){return s}});var l=n(67294),r=n(29344),a=n(87462),i=n(44925),o=n(81254),c=["components"],p={};function d(e){var t=e.components,n=(0,i.Z)(e,c);return(0,o.mdx)("wrapper",(0,a.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable react/forbid-dom-props */\nimport React, { useState } from 'react';\nimport FilePath from 'terra-file-path';\n\nconst DefaultFilePath = () => {\n const [displayText, setDisplayText] = useState('Nothing');\n\n const handleOnClick = (text) => () => {\n setDisplayText(text);\n };\n\n const items = [\n {\n key: 'home',\n text: 'Home',\n onClick: handleOnClick('Home'),\n },\n {\n key: 'level-1',\n text: 'Level 1',\n onClick: handleOnClick('Level 1'),\n },\n {\n key: 'level-2',\n text: 'Level 2',\n onClick: handleOnClick('Level 2'),\n },\n {\n key: 'level-3',\n text: 'Level 3',\n onClick: handleOnClick('Level 3'),\n },\n {\n key: 'level-4',\n text: 'Level 4',\n onClick: handleOnClick('Level 4'),\n },\n {\n key: 'level-5',\n text: 'Level 5',\n onClick: handleOnClick('Level 5'),\n },\n {\n key: 'level-6',\n text: 'Level 6',\n onClick: handleOnClick('Level 6'),\n },\n {\n key: 'level-7',\n text: 'Level 7',\n onClick: handleOnClick('Level 7'),\n },\n {\n key: 'level-8',\n text: 'Level 8',\n onClick: handleOnClick('Level 8'),\n },\n {\n key: 'level-9',\n text: 'Level 9',\n onClick: handleOnClick('Level 9'),\n },\n {\n key: 'level-10',\n text: 'Level 10',\n onClick: handleOnClick('Level 10'),\n },\n {\n key: 'level-11',\n text: 'Level 11',\n onClick: handleOnClick('Level 11'),\n },\n {\n key: 'level-12',\n text: 'Level 12',\n onClick: handleOnClick('Level 12'),\n },\n ];\n\n return (\n <>\n \n
{`${displayText} clicked!`}
\n >\n );\n};\n\nexport default DefaultFilePath;\n\n")))}d.isMDXComponent=!0;var m=n(49271),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(m.Z,{title:t||"On Click File Path",description:n,example:l.createElement(r.Z,null),exampleSrc:l.createElement(d,null),isExpanded:a})}},33615:function(e,t,n){n.d(t,{C:function(){return a}});var l=n(67294),r=n(22863),a=function(e){var t=e.url;return l.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-file-path",name:"terra-file-path",version:"1.0.1",url:t})}},82457:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(45697)),i=n(25387),o=l(n(57927)),c={items:a.default.arrayOf(a.default.shape({key:a.default.string,text:a.default.string,title:a.default.string,href:a.default.string,onClick:a.default.func})),intl:a.default.shape({formatMessage:a.default.func}).isRequired},p=function(e){var t=e.items,n=e.intl,l=t.slice(0,t.length-1),a=t[t.length-1];return r.default.createElement(o.default,{isReversedChildrenOrder:!0,useHorizontalIcon:!0,isStartAligned:!0,menuIconText:n.formatMessage({id:"Terra.file-path.icon.text"})},l.map((function(e){return[r.default.createElement(o.default.Hyperlink,{key:e.key,text:e.text,title:e.title,href:e.href,onClick:e.onClick}),r.default.createElement(o.default.Divider,{useChevronRightIcon:!0,key:"divider-".concat(e.key)})]})).flat(),r.default.createElement(o.default.Item,{isTextOnly:!0,text:a.text,key:a.key}))};p.propTypes=c;t.default=(0,i.injectIntl)(p)},38835:function(e,t,n){var l=n(64836);t.Z=void 0;var r=l(n(67294)),a=l(n(82457)),i=[{key:"home",text:"Home",href:"https://oracle.com"},{key:"level-1",text:"Level 1",href:"https://oracle.com"},{key:"level-2",text:"Level 2",href:"https://oracle.com"},{key:"level-3",text:"Level 3",href:"https://oracle.com"},{key:"level-4",text:"Level 4",href:"https://oracle.com"},{key:"level-5",text:"Level 5",href:"https://oracle.com"},{key:"level-6",text:"Level 6",href:"https://oracle.com"},{key:"level-7",text:"Level 7",href:"https://oracle.com"},{key:"level-8",text:"Level 8",href:"https://oracle.com"},{key:"level-9",text:"Level 9",href:"https://oracle.com"},{key:"level-10",text:"Level 10",href:"https://oracle.com"},{key:"level-11",text:"Level 11",href:"https://oracle.com"},{key:"level-12",text:"Level 12",href:"https://oracle.com"}];t.Z=function(){return r.default.createElement(a.default,{items:i})}},29344:function(e,t,n){var l=n(64836),r=n(18698);t.Z=void 0;var a=l(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(l,i,o):l[i]=e[i]}return l.default=e,n&&n.set(e,l),l}(n(67294)),o=l(n(82457));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)}t.Z=function(){var e=(0,i.useState)("Nothing"),t=(0,a.default)(e,2),n=t[0],l=t[1],r=function(e){return function(){l(e)}},c=[{key:"home",text:"Home",onClick:r("Home")},{key:"level-1",text:"Level 1",onClick:r("Level 1")},{key:"level-2",text:"Level 2",onClick:r("Level 2")},{key:"level-3",text:"Level 3",onClick:r("Level 3")},{key:"level-4",text:"Level 4",onClick:r("Level 4")},{key:"level-5",text:"Level 5",onClick:r("Level 5")},{key:"level-6",text:"Level 6",onClick:r("Level 6")},{key:"level-7",text:"Level 7",onClick:r("Level 7")},{key:"level-8",text:"Level 8",onClick:r("Level 8")},{key:"level-9",text:"Level 9",onClick:r("Level 9")},{key:"level-10",text:"Level 10",onClick:r("Level 10")},{key:"level-11",text:"Level 11",onClick:r("Level 11")},{key:"level-12",text:"Level 12",onClick:r("Level 12")}];return i.default.createElement(i.default.Fragment,null,i.default.createElement(o.default,{items:c}),i.default.createElement("h1",{style:{textAlign:"right"}},"".concat(n," clicked!")))}}}]);
\ No newline at end of file
diff --git a/pull/1885/28911-80e21fc59a1c77d1fb59.css b/pull/1885/28911-36c78e1423353ad7f60e.css
similarity index 100%
rename from pull/1885/28911-80e21fc59a1c77d1fb59.css
rename to pull/1885/28911-36c78e1423353ad7f60e.css
diff --git a/pull/1885/28911-80e21fc59a1c77d1fb59.js b/pull/1885/28911-36c78e1423353ad7f60e.js
similarity index 99%
rename from pull/1885/28911-80e21fc59a1c77d1fb59.js
rename to pull/1885/28911-36c78e1423353ad7f60e.js
index b067a60f68d..2ddbcc047af 100644
--- a/pull/1885/28911-80e21fc59a1c77d1fb59.js
+++ b/pull/1885/28911-36c78e1423353ad7f60e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[28911],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(67294)),r=n(a(45697)),d=n(a(47166)),m=n(a(17422)),i=d.default.bind(m.default),o={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},p=function(e){var t=e.src,a=e.name,n=e.url,r=e.version,d=l.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},l.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),l.default.createElement("span",{className:i("badge-version")},"v".concat(r))),m=t?l.default.createElement("a",{className:i("badge"),href:t},l.default.createElement("span",{className:i("badge-name")},"github"),l.default.createElement("span",{className:i("badge-version")},"source")):void 0;return l.default.createElement("div",{className:i("badge-container")},d,m)};p.propTypes=o;var u=p;t.Z=u},49271:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var a=x(t);if(a&&a.has(e))return a.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}n.default=e,a&&a.set(e,n);return n}(a(67294)),m=n(a(45697)),i=n(a(47166)),o=a(21538),p=n(a(33864)),u=n(a(23399)),s=a(51051),c=n(a(53560));function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(x=function(e){return e?a:t})(e)}var f=i.default.bind(c.default),h={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},D=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,l=e.title,m=e.description,i=e.isExpanded,c=(0,d.useState)(i),x=(0,r.default)(c,2),h=x[0],g=x[1],v=(0,d.useState)(!1),N=(0,r.default)(v,2),b=N[0],C=N[1],T=d.default.useContext(o.ThemeContext),E=void 0!==n,w=function(){C(!b),h&&g(!h)},k=function(){g(!h),b&&C(!b)},_=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:f("template",T.className)},d.default.createElement("div",{className:f("header")},l&&d.default.createElement("h2",{className:f("title")},l)),d.default.createElement("div",{className:f("content")},m&&d.default.createElement("div",{className:f("description")},m),t),d.default.createElement("div",{className:f("footer")},a?d.default.createElement("div",{className:f("button-container")},E&&d.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":b}),onClick:w,onKeyDown:function(e){return _(e,w)},onBlur:D,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(p.default,{className:f("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(u.default,{className:f("chevron")})),d.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":h}),onClick:k,onKeyDown:function(e){return _(e,k)},onBlur:D,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(p.default,{className:f("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(u.default,{className:f("chevron")}))):null,d.default.createElement("div",null,b&&d.default.createElement("div",{className:f("css")},n),h&&d.default.createElement("div",{className:f("code")},a))))};g.propTypes=h,g.defaultProps={isExpanded:!1};var v=g;t.Z=v},28911:function(e,t,a){a.r(t),a.d(t,{default:function(){return oe}});var n=a(87462),l=a(44925),r=a(67294),d=a(81254),m=a(4932),i=a(78530),o=["components"],p={},u="wrapper";function s(e){var t=e.components,a=(0,l.Z)(e,o);return(0,d.mdx)(u,(0,n.Z)({},p,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(i.ZP,{mdxType:"PropsTable"},(0,d.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"String that labels the current element. 'aria-label' must be present for accessibility."))),(0,d.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"disabled"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the date input should be disabled."))),(0,d.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"excludeDates"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An array of ISO 8601 string representation of the dates to disable in the picker. The values must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format."))),(0,d.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"filterDate"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A function that gets called for each date in the picker to evaluate which date should be disabled.\nA return value of true will be enabled and false will be disabled."))),(0,d.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"includeDates"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An array of ISO 8601 string representation of the dates to enable in the picker. All Other dates will be disabled. The values must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format."))),(0,d.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"inputAttributes"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Custom input attributes to apply to the date input. Use the name prop to set the name for the input.\nDo not set the name in inputAttribute as it will be ignored."))),(0,d.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the input displays as Incomplete. Use when no value has been provided. ",(0,d.mdx)("em",{parentName:"p"},"(usage note: ",(0,d.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,d.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"isInvalid"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the input displays as Invalid. Use when value does not meet validation pattern."))),(0,d.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"maxDate"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2100-12-31'\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An ISO 8601 string representation of the maximum date that can be selected. The value must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or before ",(0,d.mdx)("inlineCode",{parentName:"p"},"12/31/2100"),"."))),(0,d.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"minDate"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1900-01-01'\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An ISO 8601 string representation of the minimum date that can be selected. The value must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or after ",(0,d.mdx)("inlineCode",{parentName:"p"},"01/01/1900")))),(0,d.mdx)(i.X2,{key:"ROW11",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"name"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Name of the date input. The name should be unique."))),(0,d.mdx)(i.X2,{key:"ROW12",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"onBlur"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function triggered when the date picker component loses focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component.\nThe first parameter is the event. The second parameter is the metadata to describe the current state of the input value at the time when the onBlur callback is triggered."))),(0,d.mdx)(i.X2,{key:"ROW13",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"onChange"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function to execute when a valid date is selected or entered.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChange callback is triggered."))),(0,d.mdx)(i.X2,{key:"ROW14",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"onChangeRaw"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function to execute when a change is made in the date input.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChangeRaw callback is triggered."))),(0,d.mdx)(i.X2,{key:"ROW15",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"onClickOutside"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,(0,d.mdx)("strong",{parentName:"p"},"Deprecated"),", A callback function to execute when clicking outside of the picker to dismiss it. Resolves to ",(0,d.mdx)("inlineCode",{parentName:"p"},"onRequestClose"),"."))),(0,d.mdx)(i.X2,{key:"ROW16",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"onFocus"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function triggered when the date picker component receives focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component."))),(0,d.mdx)(i.X2,{key:"ROW17",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function to execute when picker is dismissed. onRequestClose(event)"))),(0,d.mdx)(i.X2,{key:"ROW18",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"onSelect"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function to execute when a date is selected from within the picker."))),(0,d.mdx)(i.X2,{key:"ROW19",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"required"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether or not the date is required."))),(0,d.mdx)(i.X2,{key:"ROW20",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"selectedDate"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An ISO 8601 string representation of the default value to show in the date input. The value must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format.\nThis is analogous to default value in a form input field."))),(0,d.mdx)(i.X2,{key:"ROW21",mdxType:"Row"},(0,d.mdx)(i.O,{mdxType:"PropNameCell"},"value"),(0,d.mdx)(i.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The date value. This prop should only be used for a controlled date picker.\nWhen this prop is set a handler is needed for both the ",(0,d.mdx)("inlineCode",{parentName:"p"},"onChange")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"onChangeRaw")," props to manage the date value.\nIf both ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," and this prop are set, then ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect.\nThe value must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format or the all-numeric date format based on the locale.")))))}s.isMDXComponent=!0;var c=a(80893),x=["components"],f={};function h(e){var t=e.components,a=(0,l.Z)(e,x);return(0,d.mdx)("wrapper",(0,n.Z)({},f,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleDefault = () => {\n const [date, setDate] = useState('');\n const [invalid, setInValid] = useState(false);\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n setInValid(false);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue && metadata.inputValue.length === 10) {\n setDate(null);\n setInValid(true);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleDefault;\n\n")))}h.isMDXComponent=!0;var D=a(49271),y=a(55336),g=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Default",description:a,example:r.createElement(c.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(h,null),isExpanded:n})},v=a(82737),N=["components"],b={};function C(e){var t=e.components,a=(0,l.Z)(e,N);return(0,d.mdx)("wrapper",(0,n.Z)({},b,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleExcludeDates = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleExcludeDates;\n\n")))}C.isMDXComponent=!0;var T=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Exclude Dates",description:a,example:r.createElement(v.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(C,null),isExpanded:n})},E=a(19324),w=["components"],k={};function _(e){var t=e.components,a=(0,l.Z)(e,w);return(0,d.mdx)("wrapper",(0,n.Z)({},k,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleIncludeDates = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleIncludeDates;\n\n")))}_.isMDXComponent=!0;var O=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Include Dates",description:a,example:r.createElement(E.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(_,null),isExpanded:n})},P=a(10880),R=["components"],S={};function M(e){var t=e.components,a=(0,l.Z)(e,R);return(0,d.mdx)("wrapper",(0,n.Z)({},S,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport moment from 'moment-timezone';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleFilterDates = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n const isWeekday = (dateValue) => {\n const momentDate = moment(dateValue);\n\n if (momentDate && momentDate.isValid()) {\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n return true;\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleFilterDates;\n\n")))}M.isMDXComponent=!0;var j=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Filter Dates",description:a,example:r.createElement(P.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(M,null),isExpanded:n})},Y=a(17630),V=["components"],W={};function Z(e){var t=e.components,a=(0,l.Z)(e,V);return(0,d.mdx)("wrapper",(0,n.Z)({},W,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleMinMax = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleMinMax;\n\n")))}Z.isMDXComponent=!0;var I=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Min Max",description:a,example:r.createElement(Y.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(Z,null),isExpanded:n})},F=a(11381),q=["components"],X={};function A(e){var t=e.components,a=(0,l.Z)(e,q);return(0,d.mdx)("wrapper",(0,n.Z)({},X,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleDefaultDate = () => {\n const todaysDate = moment().format('YYYY-MM-DD');\n const [date, setDate] = useState(todaysDate);\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleDefaultDate;\n\n")))}A.isMDXComponent=!0;var L=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Default Date",description:a,example:r.createElement(F.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(A,null),isExpanded:n})},B=a(89162),z=["components"],U={};function G(e){var t=e.components,a=(0,l.Z)(e,z);return(0,d.mdx)("wrapper",(0,n.Z)({},U,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleControlled = () => {\n const [date, setDate] = useState(moment().format('YYYY-MM-DD'));\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleControlled;\n\n")))}G.isMDXComponent=!0;var K=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Controlled",description:a,example:r.createElement(B.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(G,null),isExpanded:n})},H=a(64215),J=["components"],Q={};function $(e){var t=e.components,a=(0,l.Z)(e,J);return(0,d.mdx)("wrapper",(0,n.Z)({},Q,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleInvalid = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleInvalid;\n\n")))}$.isMDXComponent=!0;var ee=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Invalid",description:a,example:r.createElement(H.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement($,null),isExpanded:n})},te=a(90447),ae=["components"],ne={};function le(e){var t=e.components,a=(0,l.Z)(e,ae);return(0,d.mdx)("wrapper",(0,n.Z)({},ne,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleIncomplete = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleIncomplete;\n\n")))}le.isMDXComponent=!0;var re=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Incomplete",description:a,example:r.createElement(te.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(le,null),isExpanded:n})},de=["components"],me={},ie="wrapper";function oe(e){var t=e.components,a=(0,l.Z)(e,de);return(0,d.mdx)(ie,(0,n.Z)({},me,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-date-picker"},"Terra Date Picker"),(0,d.mdx)("p",null,"DatePicker is an input component that provides users a way to enter or select a date from the date picker. The date format used in the input is localized based on the locale. The display of the month and days of the week in the date picker is also localized based on the locale. DatePicker leverages the ",(0,d.mdx)("a",{parentName:"p",href:"http://momentjs.com/docs/"},"momentjs")," library for date formatting and manipulations. A date can be expressed in many ",(0,d.mdx)("a",{parentName:"p",href:"https://en.wikipedia.org/wiki/ISO_8601"},"ISO 8601")," formats. To reduce confusion and complexity, the date props in terra-date-picker must be expressed in a specific format of the ISO 8601 representation of the date. That is, any date prop must conform to the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Only dates between ",(0,d.mdx)("inlineCode",{parentName:"p"},"01/01/1900")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"12/31/2100")," are supported."),(0,d.mdx)("h2",{id:"controlled-vs-uncontrolled-date-picker"},"Controlled vs. Uncontrolled Date Picker"),(0,d.mdx)("p",null,"Terra-date-picker can be composed either as a controlled or uncontrolled component. This allows you to decide the amount of control you need."),(0,d.mdx)("h3",{id:"uncontrolled-date-picker"},"Uncontrolled Date Picker"),(0,d.mdx)("p",null,"An uncontrolled date picker is the default mode. In the uncontrolled mode, a default date can be passed to the ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," prop to initially set as the default date. The date picker will manage all states internally. See the Default Date example below for implementation details."),(0,d.mdx)("h3",{id:"controlled-date-picker"},"Controlled Date Picker"),(0,d.mdx)("p",null,"In a controlled date picker, the consumer is responsible for managing the state of the date value. The date picker does not manage any of state internally. This mode gives the consumer the flexibility to update the date value as needed. A controlled date picker can be composed by setting the ",(0,d.mdx)("inlineCode",{parentName:"p"},"value")," prop with an ISO date value. A handler is needed for both ",(0,d.mdx)("inlineCode",{parentName:"p"},"onChange")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"onChangeRaw")," to be notified when date selection or input change is made so the state can be updated. If both ",(0,d.mdx)("inlineCode",{parentName:"p"},"value")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," are set, then ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect. See the Controlled Component example below for implementation details."),(0,d.mdx)("h2",{id:"date-formats"},"Date Formats"),(0,d.mdx)("p",null,"The date format used in the date-picker is determined by the locale. The following are the date format for the supported locales."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Locale"),(0,d.mdx)("th",{parentName:"tr",align:null},"Date Format"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"de"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD.MM.YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en"),(0,d.mdx)("td",{parentName:"tr",align:null},"MM/DD/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-AU"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-CA"),(0,d.mdx)("td",{parentName:"tr",align:null},"YYYY-MM-DD")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-GB"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-US"),(0,d.mdx)("td",{parentName:"tr",align:null},"MM/DD/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"es"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"es-ES"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"es-US"),(0,d.mdx)("td",{parentName:"tr",align:null},"MM/DD/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"fr"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"fr-FR"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"nl"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD-MM-YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"nl-BE"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"pt"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"pt-BR"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"sv"),(0,d.mdx)("td",{parentName:"tr",align:null},"YYYY-MM-DD")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"sv-SE"),(0,d.mdx)("td",{parentName:"tr",align:null},"YYYY-MM-DD")))),(0,d.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Install with ",(0,d.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,d.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,d.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,d.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,d.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,d.mdx)("h2",{id:"usage"},"Usage"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-js"},"import DatePicker from 'terra-date-picker';\n")),(0,d.mdx)("h2",{id:"component-features"},"Component Features"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,d.mdx)("h2",{id:"examples"},"Examples"),(0,d.mdx)(g,{title:"Default",mdxType:"DatePickerDefault"}),(0,d.mdx)(T,{title:"Exclude Dates",mdxType:"DatePickerExcludeDates"}),(0,d.mdx)(j,{title:"Filter Dates",mdxType:"DatePickerFilterDates"}),(0,d.mdx)(O,{title:"Include Dates",mdxType:"DatePickerIncludeDates"}),(0,d.mdx)(I,{title:"Min Max Selection Options",mdxType:"DatePickerMinMax"}),(0,d.mdx)(L,{title:"Default Date",mdxType:"DatePickerDefaultDate"}),(0,d.mdx)(K,{title:"Controlled Component",mdxType:"DatePickerControlled"}),(0,d.mdx)(ee,{title:"Invalid",mdxType:"DatePickerInvalid"}),(0,d.mdx)(re,{title:"Incomplete",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"DatePickerIncomplete"}),(0,d.mdx)("h2",{id:"date-picker-props-table"},"Date Picker props table"),(0,d.mdx)(s,{mdxType:"DatePickerPropsTable"}),(0,d.mdx)("h2",{id:"testing"},"Testing"),(0,d.mdx)("h3",{id:"uuid"},"uuid"),(0,d.mdx)("p",null,"Date Picker uses ",(0,d.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,d.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,d.mdx)("p",null,"If Enzyme ",(0,d.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,d.mdx)("inlineCode",{parentName:"p"},"mount")," is used then uuid should be mocked as shown below."),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-js"},"import { v4 as uuidv4 } from 'uuid';\n\nlet mockSpyUuid;\n\n// using a variable may result in failures. For best results, mock return value.\nbeforeAll(() => {\n mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');\n});\n\n// restore the mock\nafterAll(() => {\n mockSpyUuid.mockRestore();\n});\n\n")),(0,d.mdx)("h3",{id:"date-pickers-inputs"},"Date Picker's Inputs"),(0,d.mdx)("p",null,"The Date Picker's input has been split into 3 separate inputs (day, month and year inputs), due to which the values have to be set into each individual input in WDIO as follows:"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-diff"},"- browser.setValue('input[name=\"terra-date-date-input\"]', '06/01/2017');\n+ browser.setValue('input[name=\"terra-date-month-date-input\"]', '06');\n+ browser.setValue('input[name=\"terra-date-day-date-input\"]', '01');\n+ browser.setValue('input[name=\"terra-date-year-date-input\"]', '2017');\n")),(0,d.mdx)("p",null,"Note: Here the ",(0,d.mdx)("inlineCode",{parentName:"p"},"name"),' prop\'s value is "date-input"'))}oe.isMDXComponent=!0},55336:function(e,t,a){a.d(t,{Z:function(){return o}});var n=a(87462),l=a(44925),r=(a(67294),a(81254)),d=["components"],m={},i="wrapper";function o(e){var t=e.components,a=(0,l.Z)(e,d);return(0,r.mdx)(i,(0,n.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}o.isMDXComponent=!0},4932:function(e,t,a){a.d(t,{C:function(){return r}});var n=a(67294),l=a(22863),r=function(e){var t=e.url;return n.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.92.0",url:t})}},89162:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)((0,m.default)().format("YYYY-MM-DD")),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"controlled-dates"},d.default.createElement(o.default,{name:"controlled-input",id:"controlled-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},value:a})))}},80893:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(28411)),o=n(a(47166)),p=n(a(22529));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var s=o.default.bind(p.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1],l=(0,d.useState)(!1),o=(0,r.default)(l,2),p=o[0],u=o[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:s("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"default"},d.default.createElement(i.default,{name:"date-input",id:"default",onChange:function(e,t){n(t),u(!1)},onChangeRaw:function(e,t,a){a.isValidValue||10!==a.inputValue.length||(n(null),u(!0))},isInvalid:p})))}},11381:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,m.default)().format("YYYY-MM-DD"),t=(0,d.useState)(e),a=(0,r.default)(t,2),n=a[0],l=a[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},n)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"defaultedDate"},d.default.createElement(o.default,{name:"date-input",id:"defaultedDate",onChange:function(e,t){l(t)},onChangeRaw:function(e,t,a){a.isValidValue||l(null)},selectedDate:e})))}},82737:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"exclude-dates"},d.default.createElement(o.default,{name:"date-input",id:"exclude-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},excludeDates:[(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},10880:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(80008)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"filter-dates"},d.default.createElement(o.default,{name:"date-input",id:"filter-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},filterDate:function(e){var t=(0,i.default)(e);if(t&&t.isValid()){var a=t.day();return 0!==a&&6!==a}return!0}})))}},19324:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"include-dates"},d.default.createElement(o.default,{name:"date-input",id:"include-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},includeDates:[(0,m.default)().format(),(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},90447:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(28411)),o=n(a(47166)),p=n(a(22529));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var s=o.default.bind(p.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:s("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"default-incomplete"},d.default.createElement(i.default,{name:"date-input",id:"default-incomplete",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},required:!0,isIncomplete:!0})))}},64215:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(28411)),o=n(a(47166)),p=n(a(22529));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var s=o.default.bind(p.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:s("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"default-invalid"},d.default.createElement(i.default,{name:"date-input",id:"default-invalid",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},isInvalid:!0})))}},17630:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"min-max-dates"},d.default.createElement(o.default,{name:"date-input",id:"min-max-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},minDate:(0,m.default)().format(),maxDate:(0,m.default)().add(6,"days").format()})))}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},22529:function(e,t,a){a.r(t),t.default={"date-wrapper":"DatePickerExampleCommon-module__date-wrapper___8UjLh"}},33864:function(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 d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t {\n const [date, setDate] = useState('');\n const [invalid, setInValid] = useState(false);\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n setInValid(false);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue && metadata.inputValue.length === 10) {\n setDate(null);\n setInValid(true);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleDefault;\n\n")))}h.isMDXComponent=!0;var D=a(49271),y=a(55336),g=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Default",description:a,example:r.createElement(c.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(h,null),isExpanded:n})},v=a(82737),N=["components"],b={};function C(e){var t=e.components,a=(0,l.Z)(e,N);return(0,d.mdx)("wrapper",(0,n.Z)({},b,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleExcludeDates = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleExcludeDates;\n\n")))}C.isMDXComponent=!0;var T=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Exclude Dates",description:a,example:r.createElement(v.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(C,null),isExpanded:n})},E=a(19324),w=["components"],k={};function _(e){var t=e.components,a=(0,l.Z)(e,w);return(0,d.mdx)("wrapper",(0,n.Z)({},k,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleIncludeDates = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleIncludeDates;\n\n")))}_.isMDXComponent=!0;var O=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Include Dates",description:a,example:r.createElement(E.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(_,null),isExpanded:n})},P=a(10880),R=["components"],S={};function M(e){var t=e.components,a=(0,l.Z)(e,R);return(0,d.mdx)("wrapper",(0,n.Z)({},S,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport moment from 'moment-timezone';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleFilterDates = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n const isWeekday = (dateValue) => {\n const momentDate = moment(dateValue);\n\n if (momentDate && momentDate.isValid()) {\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n return true;\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleFilterDates;\n\n")))}M.isMDXComponent=!0;var j=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Filter Dates",description:a,example:r.createElement(P.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(M,null),isExpanded:n})},Y=a(17630),V=["components"],W={};function Z(e){var t=e.components,a=(0,l.Z)(e,V);return(0,d.mdx)("wrapper",(0,n.Z)({},W,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleMinMax = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleMinMax;\n\n")))}Z.isMDXComponent=!0;var I=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Min Max",description:a,example:r.createElement(Y.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(Z,null),isExpanded:n})},F=a(15384),q=["components"],X={};function A(e){var t=e.components,a=(0,l.Z)(e,q);return(0,d.mdx)("wrapper",(0,n.Z)({},X,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleDefaultDate = () => {\n const todaysDate = moment().format('YYYY-MM-DD');\n const [date, setDate] = useState(todaysDate);\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleDefaultDate;\n\n")))}A.isMDXComponent=!0;var L=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Default Date",description:a,example:r.createElement(F.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(A,null),isExpanded:n})},B=a(89162),z=["components"],U={};function G(e){var t=e.components,a=(0,l.Z)(e,z);return(0,d.mdx)("wrapper",(0,n.Z)({},U,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleControlled = () => {\n const [date, setDate] = useState(moment().format('YYYY-MM-DD'));\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleControlled;\n\n")))}G.isMDXComponent=!0;var K=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Controlled",description:a,example:r.createElement(B.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(G,null),isExpanded:n})},H=a(64215),J=["components"],Q={};function $(e){var t=e.components,a=(0,l.Z)(e,J);return(0,d.mdx)("wrapper",(0,n.Z)({},Q,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleInvalid = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleInvalid;\n\n")))}$.isMDXComponent=!0;var ee=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Invalid",description:a,example:r.createElement(H.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement($,null),isExpanded:n})},te=a(90447),ae=["components"],ne={};function le(e){var t=e.components,a=(0,l.Z)(e,ae);return(0,d.mdx)("wrapper",(0,n.Z)({},ne,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleIncomplete = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleIncomplete;\n\n")))}le.isMDXComponent=!0;var re=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Incomplete",description:a,example:r.createElement(te.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(le,null),isExpanded:n})},de=["components"],me={},ie="wrapper";function oe(e){var t=e.components,a=(0,l.Z)(e,de);return(0,d.mdx)(ie,(0,n.Z)({},me,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-date-picker"},"Terra Date Picker"),(0,d.mdx)("p",null,"DatePicker is an input component that provides users a way to enter or select a date from the date picker. The date format used in the input is localized based on the locale. The display of the month and days of the week in the date picker is also localized based on the locale. DatePicker leverages the ",(0,d.mdx)("a",{parentName:"p",href:"http://momentjs.com/docs/"},"momentjs")," library for date formatting and manipulations. A date can be expressed in many ",(0,d.mdx)("a",{parentName:"p",href:"https://en.wikipedia.org/wiki/ISO_8601"},"ISO 8601")," formats. To reduce confusion and complexity, the date props in terra-date-picker must be expressed in a specific format of the ISO 8601 representation of the date. That is, any date prop must conform to the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Only dates between ",(0,d.mdx)("inlineCode",{parentName:"p"},"01/01/1900")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"12/31/2100")," are supported."),(0,d.mdx)("h2",{id:"controlled-vs-uncontrolled-date-picker"},"Controlled vs. Uncontrolled Date Picker"),(0,d.mdx)("p",null,"Terra-date-picker can be composed either as a controlled or uncontrolled component. This allows you to decide the amount of control you need."),(0,d.mdx)("h3",{id:"uncontrolled-date-picker"},"Uncontrolled Date Picker"),(0,d.mdx)("p",null,"An uncontrolled date picker is the default mode. In the uncontrolled mode, a default date can be passed to the ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," prop to initially set as the default date. The date picker will manage all states internally. See the Default Date example below for implementation details."),(0,d.mdx)("h3",{id:"controlled-date-picker"},"Controlled Date Picker"),(0,d.mdx)("p",null,"In a controlled date picker, the consumer is responsible for managing the state of the date value. The date picker does not manage any of state internally. This mode gives the consumer the flexibility to update the date value as needed. A controlled date picker can be composed by setting the ",(0,d.mdx)("inlineCode",{parentName:"p"},"value")," prop with an ISO date value. A handler is needed for both ",(0,d.mdx)("inlineCode",{parentName:"p"},"onChange")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"onChangeRaw")," to be notified when date selection or input change is made so the state can be updated. If both ",(0,d.mdx)("inlineCode",{parentName:"p"},"value")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," are set, then ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect. See the Controlled Component example below for implementation details."),(0,d.mdx)("h2",{id:"date-formats"},"Date Formats"),(0,d.mdx)("p",null,"The date format used in the date-picker is determined by the locale. The following are the date format for the supported locales."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Locale"),(0,d.mdx)("th",{parentName:"tr",align:null},"Date Format"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"de"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD.MM.YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en"),(0,d.mdx)("td",{parentName:"tr",align:null},"MM/DD/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-AU"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-CA"),(0,d.mdx)("td",{parentName:"tr",align:null},"YYYY-MM-DD")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-GB"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-US"),(0,d.mdx)("td",{parentName:"tr",align:null},"MM/DD/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"es"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"es-ES"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"es-US"),(0,d.mdx)("td",{parentName:"tr",align:null},"MM/DD/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"fr"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"fr-FR"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"nl"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD-MM-YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"nl-BE"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"pt"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"pt-BR"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"sv"),(0,d.mdx)("td",{parentName:"tr",align:null},"YYYY-MM-DD")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"sv-SE"),(0,d.mdx)("td",{parentName:"tr",align:null},"YYYY-MM-DD")))),(0,d.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Install with ",(0,d.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,d.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,d.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,d.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,d.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,d.mdx)("h2",{id:"usage"},"Usage"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-js"},"import DatePicker from 'terra-date-picker';\n")),(0,d.mdx)("h2",{id:"component-features"},"Component Features"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,d.mdx)("h2",{id:"examples"},"Examples"),(0,d.mdx)(g,{title:"Default",mdxType:"DatePickerDefault"}),(0,d.mdx)(T,{title:"Exclude Dates",mdxType:"DatePickerExcludeDates"}),(0,d.mdx)(j,{title:"Filter Dates",mdxType:"DatePickerFilterDates"}),(0,d.mdx)(O,{title:"Include Dates",mdxType:"DatePickerIncludeDates"}),(0,d.mdx)(I,{title:"Min Max Selection Options",mdxType:"DatePickerMinMax"}),(0,d.mdx)(L,{title:"Default Date",mdxType:"DatePickerDefaultDate"}),(0,d.mdx)(K,{title:"Controlled Component",mdxType:"DatePickerControlled"}),(0,d.mdx)(ee,{title:"Invalid",mdxType:"DatePickerInvalid"}),(0,d.mdx)(re,{title:"Incomplete",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"DatePickerIncomplete"}),(0,d.mdx)("h2",{id:"date-picker-props-table"},"Date Picker props table"),(0,d.mdx)(s,{mdxType:"DatePickerPropsTable"}),(0,d.mdx)("h2",{id:"testing"},"Testing"),(0,d.mdx)("h3",{id:"uuid"},"uuid"),(0,d.mdx)("p",null,"Date Picker uses ",(0,d.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,d.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,d.mdx)("p",null,"If Enzyme ",(0,d.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,d.mdx)("inlineCode",{parentName:"p"},"mount")," is used then uuid should be mocked as shown below."),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-js"},"import { v4 as uuidv4 } from 'uuid';\n\nlet mockSpyUuid;\n\n// using a variable may result in failures. For best results, mock return value.\nbeforeAll(() => {\n mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');\n});\n\n// restore the mock\nafterAll(() => {\n mockSpyUuid.mockRestore();\n});\n\n")),(0,d.mdx)("h3",{id:"date-pickers-inputs"},"Date Picker's Inputs"),(0,d.mdx)("p",null,"The Date Picker's input has been split into 3 separate inputs (day, month and year inputs), due to which the values have to be set into each individual input in WDIO as follows:"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-diff"},"- browser.setValue('input[name=\"terra-date-date-input\"]', '06/01/2017');\n+ browser.setValue('input[name=\"terra-date-month-date-input\"]', '06');\n+ browser.setValue('input[name=\"terra-date-day-date-input\"]', '01');\n+ browser.setValue('input[name=\"terra-date-year-date-input\"]', '2017');\n")),(0,d.mdx)("p",null,"Note: Here the ",(0,d.mdx)("inlineCode",{parentName:"p"},"name"),' prop\'s value is "date-input"'))}oe.isMDXComponent=!0},55336:function(e,t,a){a.d(t,{Z:function(){return o}});var n=a(87462),l=a(44925),r=(a(67294),a(81254)),d=["components"],m={},i="wrapper";function o(e){var t=e.components,a=(0,l.Z)(e,d);return(0,r.mdx)(i,(0,n.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}o.isMDXComponent=!0},4932:function(e,t,a){a.d(t,{C:function(){return r}});var n=a(67294),l=a(22863),r=function(e){var t=e.url;return n.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.93.0",url:t})}},89162:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)((0,m.default)().format("YYYY-MM-DD")),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"controlled-dates"},d.default.createElement(o.default,{name:"controlled-input",id:"controlled-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},value:a})))}},80893:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(28411)),o=n(a(47166)),p=n(a(22529));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var s=o.default.bind(p.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1],l=(0,d.useState)(!1),o=(0,r.default)(l,2),p=o[0],u=o[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:s("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"default"},d.default.createElement(i.default,{name:"date-input",id:"default",onChange:function(e,t){n(t),u(!1)},onChangeRaw:function(e,t,a){a.isValidValue||10!==a.inputValue.length||(n(null),u(!0))},isInvalid:p})))}},15384:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,m.default)().format("YYYY-MM-DD"),t=(0,d.useState)(e),a=(0,r.default)(t,2),n=a[0],l=a[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},n)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"defaultedDate"},d.default.createElement(o.default,{name:"date-input",id:"defaultedDate",onChange:function(e,t){l(t)},onChangeRaw:function(e,t,a){a.isValidValue||l(null)},selectedDate:e})))}},82737:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"exclude-dates"},d.default.createElement(o.default,{name:"date-input",id:"exclude-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},excludeDates:[(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},10880:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(80008)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"filter-dates"},d.default.createElement(o.default,{name:"date-input",id:"filter-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},filterDate:function(e){var t=(0,i.default)(e);if(t&&t.isValid()){var a=t.day();return 0!==a&&6!==a}return!0}})))}},19324:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"include-dates"},d.default.createElement(o.default,{name:"date-input",id:"include-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},includeDates:[(0,m.default)().format(),(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},90447:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(28411)),o=n(a(47166)),p=n(a(22529));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var s=o.default.bind(p.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:s("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"default-incomplete"},d.default.createElement(i.default,{name:"date-input",id:"default-incomplete",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},required:!0,isIncomplete:!0})))}},64215:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(28411)),o=n(a(47166)),p=n(a(22529));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var s=o.default.bind(p.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:s("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"default-invalid"},d.default.createElement(i.default,{name:"date-input",id:"default-invalid",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},isInvalid:!0})))}},17630:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));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 c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"min-max-dates"},d.default.createElement(o.default,{name:"date-input",id:"min-max-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},minDate:(0,m.default)().format(),maxDate:(0,m.default)().add(6,"days").format()})))}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},22529:function(e,t,a){a.r(t),t.default={"date-wrapper":"DatePickerExampleCommon-module__date-wrapper___8UjLh"}},33864:function(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 d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t {\n const response = new Promise((resolve) => {\n if (name.length < 3) {\n return resolve('Not long enough');\n }\n if (name === 'TerraUser') {\n return resolve('Name is Unavailable');\n }\n return resolve('');\n });\n\n await response;\n return response;\n};\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit }) {\n return (\n \n );\n }\n\n render() {\n return (\n \n \n );\n }\n}\n\n")))}c.isMDXComponent=!0;var m=t(49271),p=function(e){var n=e.title,t=e.description,r=e.isExpanded;return i.createElement(m.Z,{title:n||"Validation On Input",description:t,example:i.createElement(o.Z,null),exampleSrc:i.createElement(c,null),isExpanded:r})},f=t(22624),v=["components"],h={};function b(e){var n=e.components,t=(0,a.Z)(e,v);return(0,u.mdx)("wrapper",(0,r.Z)({},h,t,{components:n,mdxType:"MDXLayout"}),(0,u.mdx)("pre",null,(0,u.mdx)("code",{parentName:"pre",className:"language-jsx"},'/* eslint-disable class-methods-use-this */\n\nimport React from \'react\';\nimport { Form, Field } from \'react-final-form\';\nimport InputField from \'terra-form-input/lib/InputField\';\nimport Checkbox from \'terra-form-checkbox\';\nimport CheckboxField from \'terra-form-checkbox/lib/CheckboxField\';\nimport TerraField from \'terra-form-field\';\nimport Radio from \'terra-form-radio\';\nimport RadioField from \'terra-form-radio/lib/RadioField\';\nimport Button from \'terra-button\';\nimport Spacer from \'terra-spacer\';\nimport Select from \'terra-form-select\';\n\nconst required = value => (value && value.length > 0 ? undefined : \'Required\');\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit, errors, submitFailed }) {\n return (\n \n );\n }\n\n render() {\n return (\n \n \n {this.state.submittedValues\n && (\n
\n )}\n \n );\n }\n}\n\n')))}b.isMDXComponent=!0;var y=function(e){var n=e.title,t=e.description,r=e.isExpanded;return i.createElement(m.Z,{title:n||"Validation On Submit",description:t,example:i.createElement(f.Z,null),exampleSrc:i.createElement(b,null),isExpanded:r})},g=t(80999),F=["components"],k={};function O(e){var n=e.components,t=(0,a.Z)(e,F);return(0,u.mdx)("wrapper",(0,r.Z)({},k,t,{components:n,mdxType:"MDXLayout"}),(0,u.mdx)("pre",null,(0,u.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable class-methods-use-this */\n\nimport React from 'react';\nimport { Form, Field } from 'react-final-form';\nimport InputField from 'terra-form-input/lib/InputField';\nimport Button from 'terra-button';\nimport Spacer from 'terra-spacer';\n\nconst validateUniqueUser = async (name) => {\n const response = new Promise((resolve) => {\n if (name !== 'TerraUser') {\n return resolve('');\n }\n\n return resolve('Name is Unavailable');\n });\n\n await response;\n return response;\n};\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit, pristine, invalid }) {\n return (\n \n );\n }\n\n render() {\n return (\n \n \n );\n }\n}\n\n")))}O.isMDXComponent=!0;var x=function(e){var n=e.title,t=e.description,r=e.isExpanded;return i.createElement(m.Z,{title:n||"Validation Disable Submit",description:t,example:i.createElement(g.Z,null),exampleSrc:i.createElement(O,null),isExpanded:r})},S=["components"],w={},E="wrapper";function C(e){var n=e.components,t=(0,a.Z)(e,S);return(0,u.mdx)(E,(0,r.Z)({},w,t,{components:n,mdxType:"MDXLayout"}),(0,u.mdx)(l.C,{mdxType:"Badge"}),(0,u.mdx)("h1",{id:"validation-events"},"Validation Events"),(0,u.mdx)("h2",{id:"dynamic-validation"},"Dynamic Validation"),(0,u.mdx)("p",null,"The default behavior of ",(0,u.mdx)("em",{parentName:"p"},"react-final-form")," is to dynamically validate, meaning it validates the content while the user is interacting with the form, and when a form loads. To use this behavior, simply use the error key of the meta data passed to an individual form component, and pass it to the error prop of the Terra Field component (TextareaField, InputField, ...), like in the example below."),(0,u.mdx)("h2",{id:"display-validation-onsubmit"},"Display Validation onSubmit"),(0,u.mdx)("p",null,"Forms written with react-final-form are always validated dynamically, but you can delay showing the validation errors until the form is submitted. The meta argument contains an attribute submitFailed that indicates the last submit was a failure. To display errors on validation, set the isInvalid prop equal to meta.submitFailed like in the example below."),(0,u.mdx)("h2",{id:"disable-form-submission-for-an-invalid-form"},"Disable form submission for an invalid form"),(0,u.mdx)("p",null,"The form render function contains attributes such as invalid (the form has errors on it) and pristine (the form has not been touched yet by the user) that allow for you to enable and disable the submission button. All you need to do is pass in the attribute you wish to check in order to see if the button should be enabled or not."),(0,u.mdx)("p",null,"Consult ",(0,u.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form"},"react-final-form")," for further functionality that can be used."),(0,u.mdx)("h2",{id:"examples"},"Examples"),(0,u.mdx)(p,{title:"Validation onInput",mdxType:"ValidationOnInput"}),(0,u.mdx)(y,{title:"Validation onSubmit",mdxType:"ValidationOnSubmit"}),(0,u.mdx)(x,{title:"Validation Disable Submit",mdxType:"ValidationDisableSubmit"}))}C.isMDXComponent=!0},8011:function(e,n,t){t.d(n,{C:function(){return i}});var r=t(67294),a=t(22863),i=function(e){var n=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-form-validation",name:"terra-form-validation",version:"1.89.0",url:n})}},80999:function(e,n,t){var r=t(64836);n.Z=void 0;var a=r(t(64687)),i=r(t(56690)),u=r(t(89728)),l=r(t(66115)),o=r(t(61655)),s=r(t(94993)),d=r(t(73808)),c=r(t(17156)),m=r(t(67294)),p=t(57057),f=r(t(11817)),v=r(t(55281)),h=r(t(7017));function b(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=(0,d.default)(e);if(n){var a=(0,d.default)(this).constructor;t=Reflect.construct(r,arguments,a)}else t=r.apply(this,arguments);return(0,s.default)(this,t)}}var y=function(){var e=(0,c.default)(a.default.mark((function e(n){var t;return a.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=new Promise((function(e){return e("TerraUser"!==n?"":"Name is Unavailable")})),e.next=3,t;case 3:return e.abrupt("return",t);case 4:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}();n.Z=function(e){(0,o.default)(t,e);var n=b(t);function t(e){var r;return(0,i.default)(this,t),(r=n.call(this,e)).state={},r.submitForm=r.submitForm.bind((0,l.default)(r)),r}return(0,u.default)(t,[{key:"submitForm",value:function(e){this.setState({submittedValues:e})}},{key:"renderForm",value:function(e){var n=e.handleSubmit,t=e.pristine,r=e.invalid;return m.default.createElement("form",{noValidate:!0,onSubmit:n},m.default.createElement(p.Field,{name:"description"},(function(e){var n=e.input,t=e.meta;return m.default.createElement(f.default,{inputId:"description-input",label:"Description",error:t.error,isInvalid:t.submitFailed&&void 0!==t.error,inputAttrs:n,onChange:function(e){n.onChange(e.target.value)},value:n.value,required:!0})})),m.default.createElement(p.Field,{name:"user_name",validate:y},(function(e){var n=e.input,t=e.meta;return m.default.createElement(f.default,{inputId:"user-name-disabled",label:"User Name",error:t.error,isInvalid:t.submitFailed&&void 0!==t.error,onChange:function(e){n.onChange(e.target.value)},inputAttrs:n,value:n.value,required:!0})})),m.default.createElement(v.default,{text:"Submit",isDisabled:r||t,type:v.default.Opts.Types.SUBMIT}))}},{key:"render",value:function(){return m.default.createElement(h.default,{marginBottom:"small"},m.default.createElement(p.Form,{onSubmit:this.submitForm,render:this.renderForm,initialValues:{description:""},validate:function(e){var n={};return e.description||(n.description="Required"),e.user_name||(n.user_name="Required"),n}}),this.state.submittedValues&&m.default.createElement("div",null,m.default.createElement("p",null,"Form Submitted Successfully With"),m.default.createElement("pre",null,JSON.stringify(this.state.submittedValues,0,2))))}}]),t}(m.default.Component)},83137:function(e,n,t){var r=t(64836);n.Z=void 0;var a=r(t(64687)),i=r(t(38416)),u=r(t(56690)),l=r(t(89728)),o=r(t(66115)),s=r(t(61655)),d=r(t(94993)),c=r(t(73808)),m=r(t(17156)),p=r(t(67294)),f=t(57057),v=r(t(11817)),h=r(t(55281)),b=r(t(7017));function y(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function g(e){for(var n=1;n0?void 0:"Required"};n.Z=function(e){(0,o.default)(t,e);var n=S(t);function t(e){var r;return(0,i.default)(this,t),(r=n.call(this,e)).state={},r.submitForm=r.submitForm.bind((0,l.default)(r)),r}return(0,u.default)(t,[{key:"submitForm",value:function(e){this.setState({submittedValues:e})}},{key:"renderForm",value:function(e){var n=e.handleSubmit,t=e.errors,r=e.submitFailed;return c.default.createElement("form",{noValidate:!0,onSubmit:n},c.default.createElement(m.Field,{name:"description",validate:w},(function(e){var n=e.input,t=e.meta;return c.default.createElement(p.default,{inputId:"description",label:"Description",error:t.error,isInvalid:t.submitFailed,inputAttrs:n,onChange:function(e){n.onChange(e.target.value)},value:n.value,required:!0})})),c.default.createElement("div",null,c.default.createElement(y.default,{legend:"Which kind of meal would you like?",isInvalid:r&&void 0!==t.meal,error:t.meal},c.default.createElement(m.Field,{name:"meal",type:"radio",value:"chicken",validate:w,component:function(e){var n=e.input;return c.default.createElement(b.default,{inputAttrs:x({},n),labelText:"Chicken",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}),c.default.createElement(m.Field,{name:"meal",type:"radio",value:"vegetarian",validate:w,component:function(e){var n=e.input;return c.default.createElement(b.default,{inputAttrs:x({},n),labelText:"Vegetarian",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}),c.default.createElement(m.Field,{name:"meal",type:"radio",value:"fish",validate:w,component:function(e){var n=e.input;return c.default.createElement(b.default,{inputAttrs:x({},n),labelText:"Fish",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}))),c.default.createElement(m.Field,{name:"travel",type:"select",validate:w,component:function(e){var n=e.input,t=e.meta;return c.default.createElement(h.default,{htmlFor:"airliner",label:"Which Airliner are you traveling on?",isInvalid:t.submitFailed&&void 0!==t.error,error:t.error},c.default.createElement(k.default,{id:"airliner",name:n.name,onChange:function(e){n.onChange(e)},defaultValue:n.value,placeholder:"Select an Airline"},c.default.createElement(k.default.Option,{value:"southwest",display:"Southwest",key:"southwest"}),c.default.createElement(k.default.Option,{value:"alaska",display:"Alaska",key:"alaska"}),c.default.createElement(k.default.Option,{value:"hawaii",display:"Hawaii",key:"hawaii"})))}}),c.default.createElement("div",null,c.default.createElement(v.default,{legend:"What are all the conference tracks you plan on attending?",error:t.tracks,isInvalid:r&&void 0!==t.tracks},c.default.createElement(m.Field,{name:"tracks[]",type:"checkbox",value:"developer",validate:w,component:function(e){var n=e.input;return c.default.createElement(f.default,{inputAttrs:x({},n),labelText:"Developer",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}),c.default.createElement(m.Field,{name:"tracks[]",type:"checkbox",value:"designer",validate:w,component:function(e){var n=e.input;return c.default.createElement(f.default,{inputAttrs:x({},n),labelText:"Designer",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}),c.default.createElement(m.Field,{name:"tracks[]",type:"checkbox",value:"soft_skills",validate:w,component:function(e){var n=e.input;return c.default.createElement(f.default,{inputAttrs:x({},n),labelText:"Soft skills",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}))),c.default.createElement(g.default,{text:"Submit",type:g.default.Opts.Types.SUBMIT}))}},{key:"render",value:function(){return c.default.createElement(F.default,{marginBottom:"small"},c.default.createElement(m.Form,{onSubmit:this.submitForm,render:this.renderForm,initialValues:{description:""}}),this.state.submittedValues&&c.default.createElement("div",null,c.default.createElement("p",null,"Form Submitted Successfully With"),c.default.createElement("pre",null,JSON.stringify(this.state.submittedValues,0,2))))}}]),t}(c.default.Component)},68586:function(e,n,t){t.r(n),n.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},55142:function(e,n,t){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=c(t(67294)),i=c(t(45697)),u=c(t(94184)),l=c(t(47166)),o=c(t(47341)),s=c(t(68586)),d=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function h(e,n){for(var t=0;t {\n const response = new Promise((resolve) => {\n if (name.length < 3) {\n return resolve('Not long enough');\n }\n if (name === 'TerraUser') {\n return resolve('Name is Unavailable');\n }\n return resolve('');\n });\n\n await response;\n return response;\n};\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit }) {\n return (\n \n );\n }\n\n render() {\n return (\n \n \n );\n }\n}\n\n")))}c.isMDXComponent=!0;var m=t(49271),p=function(e){var n=e.title,t=e.description,r=e.isExpanded;return i.createElement(m.Z,{title:n||"Validation On Input",description:t,example:i.createElement(o.Z,null),exampleSrc:i.createElement(c,null),isExpanded:r})},f=t(22624),v=["components"],h={};function b(e){var n=e.components,t=(0,a.Z)(e,v);return(0,u.mdx)("wrapper",(0,r.Z)({},h,t,{components:n,mdxType:"MDXLayout"}),(0,u.mdx)("pre",null,(0,u.mdx)("code",{parentName:"pre",className:"language-jsx"},'/* eslint-disable class-methods-use-this */\n\nimport React from \'react\';\nimport { Form, Field } from \'react-final-form\';\nimport InputField from \'terra-form-input/lib/InputField\';\nimport Checkbox from \'terra-form-checkbox\';\nimport CheckboxField from \'terra-form-checkbox/lib/CheckboxField\';\nimport TerraField from \'terra-form-field\';\nimport Radio from \'terra-form-radio\';\nimport RadioField from \'terra-form-radio/lib/RadioField\';\nimport Button from \'terra-button\';\nimport Spacer from \'terra-spacer\';\nimport Select from \'terra-form-select\';\n\nconst required = value => (value && value.length > 0 ? undefined : \'Required\');\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit, errors, submitFailed }) {\n return (\n \n );\n }\n\n render() {\n return (\n \n \n {this.state.submittedValues\n && (\n
\n )}\n \n );\n }\n}\n\n')))}b.isMDXComponent=!0;var y=function(e){var n=e.title,t=e.description,r=e.isExpanded;return i.createElement(m.Z,{title:n||"Validation On Submit",description:t,example:i.createElement(f.Z,null),exampleSrc:i.createElement(b,null),isExpanded:r})},g=t(80999),F=["components"],k={};function O(e){var n=e.components,t=(0,a.Z)(e,F);return(0,u.mdx)("wrapper",(0,r.Z)({},k,t,{components:n,mdxType:"MDXLayout"}),(0,u.mdx)("pre",null,(0,u.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable class-methods-use-this */\n\nimport React from 'react';\nimport { Form, Field } from 'react-final-form';\nimport InputField from 'terra-form-input/lib/InputField';\nimport Button from 'terra-button';\nimport Spacer from 'terra-spacer';\n\nconst validateUniqueUser = async (name) => {\n const response = new Promise((resolve) => {\n if (name !== 'TerraUser') {\n return resolve('');\n }\n\n return resolve('Name is Unavailable');\n });\n\n await response;\n return response;\n};\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit, pristine, invalid }) {\n return (\n \n );\n }\n\n render() {\n return (\n \n \n );\n }\n}\n\n")))}O.isMDXComponent=!0;var x=function(e){var n=e.title,t=e.description,r=e.isExpanded;return i.createElement(m.Z,{title:n||"Validation Disable Submit",description:t,example:i.createElement(g.Z,null),exampleSrc:i.createElement(O,null),isExpanded:r})},S=["components"],w={},E="wrapper";function C(e){var n=e.components,t=(0,a.Z)(e,S);return(0,u.mdx)(E,(0,r.Z)({},w,t,{components:n,mdxType:"MDXLayout"}),(0,u.mdx)(l.C,{mdxType:"Badge"}),(0,u.mdx)("h1",{id:"validation-events"},"Validation Events"),(0,u.mdx)("h2",{id:"dynamic-validation"},"Dynamic Validation"),(0,u.mdx)("p",null,"The default behavior of ",(0,u.mdx)("em",{parentName:"p"},"react-final-form")," is to dynamically validate, meaning it validates the content while the user is interacting with the form, and when a form loads. To use this behavior, simply use the error key of the meta data passed to an individual form component, and pass it to the error prop of the Terra Field component (TextareaField, InputField, ...), like in the example below."),(0,u.mdx)("h2",{id:"display-validation-onsubmit"},"Display Validation onSubmit"),(0,u.mdx)("p",null,"Forms written with react-final-form are always validated dynamically, but you can delay showing the validation errors until the form is submitted. The meta argument contains an attribute submitFailed that indicates the last submit was a failure. To display errors on validation, set the isInvalid prop equal to meta.submitFailed like in the example below."),(0,u.mdx)("h2",{id:"disable-form-submission-for-an-invalid-form"},"Disable form submission for an invalid form"),(0,u.mdx)("p",null,"The form render function contains attributes such as invalid (the form has errors on it) and pristine (the form has not been touched yet by the user) that allow for you to enable and disable the submission button. All you need to do is pass in the attribute you wish to check in order to see if the button should be enabled or not."),(0,u.mdx)("p",null,"Consult ",(0,u.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form"},"react-final-form")," for further functionality that can be used."),(0,u.mdx)("h2",{id:"examples"},"Examples"),(0,u.mdx)(p,{title:"Validation onInput",mdxType:"ValidationOnInput"}),(0,u.mdx)(y,{title:"Validation onSubmit",mdxType:"ValidationOnSubmit"}),(0,u.mdx)(x,{title:"Validation Disable Submit",mdxType:"ValidationDisableSubmit"}))}C.isMDXComponent=!0},8011:function(e,n,t){t.d(n,{C:function(){return i}});var r=t(67294),a=t(22863),i=function(e){var n=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-form-validation",name:"terra-form-validation",version:"1.90.0",url:n})}},80999:function(e,n,t){var r=t(64836);n.Z=void 0;var a=r(t(64687)),i=r(t(56690)),u=r(t(89728)),l=r(t(66115)),o=r(t(61655)),s=r(t(94993)),d=r(t(73808)),c=r(t(17156)),m=r(t(67294)),p=t(57057),f=r(t(11817)),v=r(t(55281)),h=r(t(7017));function b(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=(0,d.default)(e);if(n){var a=(0,d.default)(this).constructor;t=Reflect.construct(r,arguments,a)}else t=r.apply(this,arguments);return(0,s.default)(this,t)}}var y=function(){var e=(0,c.default)(a.default.mark((function e(n){var t;return a.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=new Promise((function(e){return e("TerraUser"!==n?"":"Name is Unavailable")})),e.next=3,t;case 3:return e.abrupt("return",t);case 4:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}();n.Z=function(e){(0,o.default)(t,e);var n=b(t);function t(e){var r;return(0,i.default)(this,t),(r=n.call(this,e)).state={},r.submitForm=r.submitForm.bind((0,l.default)(r)),r}return(0,u.default)(t,[{key:"submitForm",value:function(e){this.setState({submittedValues:e})}},{key:"renderForm",value:function(e){var n=e.handleSubmit,t=e.pristine,r=e.invalid;return m.default.createElement("form",{noValidate:!0,onSubmit:n},m.default.createElement(p.Field,{name:"description"},(function(e){var n=e.input,t=e.meta;return m.default.createElement(f.default,{inputId:"description-input",label:"Description",error:t.error,isInvalid:t.submitFailed&&void 0!==t.error,inputAttrs:n,onChange:function(e){n.onChange(e.target.value)},value:n.value,required:!0})})),m.default.createElement(p.Field,{name:"user_name",validate:y},(function(e){var n=e.input,t=e.meta;return m.default.createElement(f.default,{inputId:"user-name-disabled",label:"User Name",error:t.error,isInvalid:t.submitFailed&&void 0!==t.error,onChange:function(e){n.onChange(e.target.value)},inputAttrs:n,value:n.value,required:!0})})),m.default.createElement(v.default,{text:"Submit",isDisabled:r||t,type:v.default.Opts.Types.SUBMIT}))}},{key:"render",value:function(){return m.default.createElement(h.default,{marginBottom:"small"},m.default.createElement(p.Form,{onSubmit:this.submitForm,render:this.renderForm,initialValues:{description:""},validate:function(e){var n={};return e.description||(n.description="Required"),e.user_name||(n.user_name="Required"),n}}),this.state.submittedValues&&m.default.createElement("div",null,m.default.createElement("p",null,"Form Submitted Successfully With"),m.default.createElement("pre",null,JSON.stringify(this.state.submittedValues,0,2))))}}]),t}(m.default.Component)},83137:function(e,n,t){var r=t(64836);n.Z=void 0;var a=r(t(64687)),i=r(t(38416)),u=r(t(56690)),l=r(t(89728)),o=r(t(66115)),s=r(t(61655)),d=r(t(94993)),c=r(t(73808)),m=r(t(17156)),p=r(t(67294)),f=t(57057),v=r(t(11817)),h=r(t(55281)),b=r(t(7017));function y(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function g(e){for(var n=1;n0?void 0:"Required"};n.Z=function(e){(0,o.default)(t,e);var n=S(t);function t(e){var r;return(0,i.default)(this,t),(r=n.call(this,e)).state={},r.submitForm=r.submitForm.bind((0,l.default)(r)),r}return(0,u.default)(t,[{key:"submitForm",value:function(e){this.setState({submittedValues:e})}},{key:"renderForm",value:function(e){var n=e.handleSubmit,t=e.errors,r=e.submitFailed;return c.default.createElement("form",{noValidate:!0,onSubmit:n},c.default.createElement(m.Field,{name:"description",validate:w},(function(e){var n=e.input,t=e.meta;return c.default.createElement(p.default,{inputId:"description",label:"Description",error:t.error,isInvalid:t.submitFailed,inputAttrs:n,onChange:function(e){n.onChange(e.target.value)},value:n.value,required:!0})})),c.default.createElement("div",null,c.default.createElement(y.default,{legend:"Which kind of meal would you like?",isInvalid:r&&void 0!==t.meal,error:t.meal},c.default.createElement(m.Field,{name:"meal",type:"radio",value:"chicken",validate:w,component:function(e){var n=e.input;return c.default.createElement(b.default,{inputAttrs:x({},n),labelText:"Chicken",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}),c.default.createElement(m.Field,{name:"meal",type:"radio",value:"vegetarian",validate:w,component:function(e){var n=e.input;return c.default.createElement(b.default,{inputAttrs:x({},n),labelText:"Vegetarian",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}),c.default.createElement(m.Field,{name:"meal",type:"radio",value:"fish",validate:w,component:function(e){var n=e.input;return c.default.createElement(b.default,{inputAttrs:x({},n),labelText:"Fish",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}))),c.default.createElement(m.Field,{name:"travel",type:"select",validate:w,component:function(e){var n=e.input,t=e.meta;return c.default.createElement(h.default,{htmlFor:"airliner",label:"Which Airliner are you traveling on?",isInvalid:t.submitFailed&&void 0!==t.error,error:t.error},c.default.createElement(k.default,{id:"airliner",name:n.name,onChange:function(e){n.onChange(e)},defaultValue:n.value,placeholder:"Select an Airline"},c.default.createElement(k.default.Option,{value:"southwest",display:"Southwest",key:"southwest"}),c.default.createElement(k.default.Option,{value:"alaska",display:"Alaska",key:"alaska"}),c.default.createElement(k.default.Option,{value:"hawaii",display:"Hawaii",key:"hawaii"})))}}),c.default.createElement("div",null,c.default.createElement(v.default,{legend:"What are all the conference tracks you plan on attending?",error:t.tracks,isInvalid:r&&void 0!==t.tracks},c.default.createElement(m.Field,{name:"tracks[]",type:"checkbox",value:"developer",validate:w,component:function(e){var n=e.input;return c.default.createElement(f.default,{inputAttrs:x({},n),labelText:"Developer",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}),c.default.createElement(m.Field,{name:"tracks[]",type:"checkbox",value:"designer",validate:w,component:function(e){var n=e.input;return c.default.createElement(f.default,{inputAttrs:x({},n),labelText:"Designer",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}),c.default.createElement(m.Field,{name:"tracks[]",type:"checkbox",value:"soft_skills",validate:w,component:function(e){var n=e.input;return c.default.createElement(f.default,{inputAttrs:x({},n),labelText:"Soft skills",id:n.id,name:n.name,checked:!!n.checked,onChange:n.onChange,value:n.value})}}))),c.default.createElement(g.default,{text:"Submit",type:g.default.Opts.Types.SUBMIT}))}},{key:"render",value:function(){return c.default.createElement(F.default,{marginBottom:"small"},c.default.createElement(m.Form,{onSubmit:this.submitForm,render:this.renderForm,initialValues:{description:""}}),this.state.submittedValues&&c.default.createElement("div",null,c.default.createElement("p",null,"Form Submitted Successfully With"),c.default.createElement("pre",null,JSON.stringify(this.state.submittedValues,0,2))))}}]),t}(c.default.Component)},68586:function(e,n,t){t.r(n),n.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},55142:function(e,n,t){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=c(t(67294)),i=c(t(45697)),u=c(t(94184)),l=c(t(47166)),o=c(t(47341)),s=c(t(68586)),d=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function h(e,n){for(var t=0;t (\n \n);\n\nexport default CustomSlider;\n\n')))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Custom Slider",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},8982:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(38734),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Slider from 'terra-slider';\n\nconst DefaultSlider = () => (\n \n);\n\nexport default DefaultSlider;\n\n")))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Default Slider",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},38643:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(6922),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Slider from 'terra-slider';\n\nconst DisabledSlider = () => (\n \n);\n\nexport default DisabledSlider;\n\n")))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Disabled Slider",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},72930:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(99683),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Slider from 'terra-slider';\n\nconst SliderWithOnChangeCallback = () => {\n const [value, setValue] = useState('20');\n\n const handleChange = (v) => {\n setValue(v);\n };\n const message = `Slider value is: ${value}`;\n\n return (\n <>\n \n
{message}
\n >\n );\n};\n\nexport default SliderWithOnChangeCallback;\n\n")))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Slider With On Change Callback",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},66367:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(83816),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport Slider from \'terra-slider\';\n\nconst SliderWithValueUpdate = () => {\n const [value, setValue] = useState(\'20\');\n\n const setSliderValue = () => {\n setValue(80);\n };\n\n const handleChange = (v) => {\n setValue(v);\n };\n const message = `Slider value is: ${value}`;\n\n return (\n
\n \n
{message}
\n \n
\n );\n};\n\nexport default SliderWithValueUpdate;\n\n')))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Slider With Value Update",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},45811:function(e,n,a){a.d(n,{C:function(){return r}});var l=a(67294),t=a(22863),r=function(e){var n=e.url;return l.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slider",name:"terra-slider",version:"1.0.1",url:n})}},80795:function(e,n,a){var l=a(64836);n.Z=void 0;var t=l(a(67294)),r=l(a(19270));n.Z=function(){return t.default.createElement(r.default,{minimumValue:0,maximumValue:100,label:"Zoom",minimumLabel:"0%",maximumLabel:"100%",value:20})}},38734:function(e,n,a){var l=a(64836);n.Z=void 0;var t=l(a(67294)),r=l(a(19270));n.Z=function(){return t.default.createElement(r.default,{minimumValue:0,maximumValue:100,label:"Size",value:50})}},6922:function(e,n,a){var l=a(64836);n.Z=void 0;var t=l(a(67294)),r=l(a(19270));n.Z=function(){return t.default.createElement(r.default,{isDisabled:!0,minimumValue:0,maximumValue:100,label:"Size",value:50})}},99683:function(e,n,a){var l=a(64836),t=a(18698);n.Z=void 0;var r=l(a(27424)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=d(n);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(l,m,i):l[m]=e[m]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(19270));function d(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(d=function(e){return e?a:n})(e)}n.Z=function(){var e=(0,m.useState)("20"),n=(0,r.default)(e,2),a=n[0],l=n[1],t="Slider value is: ".concat(a);return m.default.createElement(m.default.Fragment,null,m.default.createElement(i.default,{minimumValue:0,maximumValue:100,label:"Zoom",value:a,onChange:function(e){l(e)}}),m.default.createElement("p",null,t))}},83816:function(e,n,a){var l=a(64836),t=a(18698);n.Z=void 0;var r=l(a(27424)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=d(n);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(l,m,i):l[m]=e[m]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(19270));function d(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(d=function(e){return e?a:n})(e)}n.Z=function(){var e=(0,m.useState)("20"),n=(0,r.default)(e,2),a=n[0],l=n[1],t="Slider value is: ".concat(a);return m.default.createElement("div",null,m.default.createElement(i.default,{minimumValue:0,maximumValue:100,label:"Zoom",value:a,onChange:function(e){l(e)}}),m.default.createElement("p",null,t),m.default.createElement("button",{text:"Set slider value",type:"button",onClick:function(){l(80)},id:"slider-set-value-button"}," Set slider value to 80 "))}},19270:function(e,n,a){var l=a(64836),t=a(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=l(a(27424)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=x(n);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(l,m,i):l[m]=e[m]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(45697)),d=l(a(47166)),u=l(a(47341)),o=l(a(29270)),p=a(25387),s=a(55877),c=l(a(86495));function x(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(x=function(e){return e?a:n})(e)}var f=d.default.bind(c.default),y={label:i.default.string.isRequired,minimumValue:i.default.number.isRequired,maximumValue:i.default.number.isRequired,value:i.default.number.isRequired,isDisabled:i.default.bool,minimumLabel:i.default.string,maximumLabel:i.default.string,onChange:i.default.func,intl:i.default.shape({formatMessage:i.default.func}).isRequired},v=function(e){var n=e.isDisabled,a=e.intl,l=e.minimumValue,t=e.maximumValue,i=e.label,d=e.minimumLabel,p=e.maximumLabel,c=e.onChange,x=e.value,y=(0,m.useContext)(u.default),v=f(["slider",y.className]),b=(0,m.useRef)(),g=d||l,h=p||t,T=d&&p?a.formatMessage({id:"Terra.slider.ariaDescribedByTextWithLabels"},{minimumLabel:d,maximumLabel:p,minimumValue:l,maximumValue:t}):a.formatMessage({id:"Terra.slider.ariaDescribedByTextWithoutLabels"},{minimumValue:l,maximumValue:t}),S=(0,s.v4)(),C=(0,m.useState)(x),N=(0,r.default)(C,2),D=N[0],_=N[1];(0,m.useEffect)((function(){_(x)}),[x]);return m.default.createElement("div",{style:{"--terra-slider-progress-status":"".concat(D,"%")},className:v},m.default.createElement("span",{className:f("label"),"aria-hidden":"true"},i),m.default.createElement("span",{className:f("slider-label","slider-min-label"),"aria-hidden":"true"},g),m.default.createElement("input",{className:f("input-range"),type:"range",ref:b,"aria-label":i,"aria-describedby":S,value:D,disabled:n,min:l,max:t,onChange:function(e){_(e.currentTarget.value),c&&c(e.currentTarget.value)}}),m.default.createElement("span",{className:f("slider-label","slider-max-label"),"aria-hidden":"true"},h),m.default.createElement(o.default,{id:S,text:T}))};v.propTypes=y,v.defaultProps={isDisabled:!1};n.default=(0,p.injectIntl)(v)},86495:function(e,n,a){a.r(n),n.default={"orion-fusion-theme":"Slider-module__orion-fusion-theme___8lFzi","clinical-lowlight-theme":"Slider-module__clinical-lowlight-theme___ou4Xa",slider:"Slider-module__slider___p5WX-",label:"Slider-module__label___9ub6Z","slider-label":"Slider-module__slider-label___fdXlu","slider-min-label":"Slider-module__slider-min-label___zedNZ","slider-max-label":"Slider-module__slider-max-label___6gGpy","input-range":"Slider-module__input-range___9Lrsz"}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[33469],{49590:function(e,n,a){a.r(n),a.d(n,{default:function(){return T}});var l=a(87462),t=a(44925),r=(a(67294),a(81254)),m=a(34261),i=a(45811),d=a(78530),u=["components"],o={},p="wrapper";function s(e){var n=e.components,a=(0,t.Z)(e,u);return(0,r.mdx)(p,(0,l.Z)({},o,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(d.ZP,{mdxType:"PropsTable"},(0,r.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"label"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The label for the slider."))),(0,r.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"minimumValue"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(d.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Minimum value in the range."))),(0,r.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"maximumValue"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(d.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Maximum value in the range."))),(0,r.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"value"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(d.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Default or initial value for the slider."))),(0,r.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"isDisabled"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"When true, will disable the field."))),(0,r.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"minimumLabel"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Minimum value label to display on the left side of the slider."))),(0,r.mdx)(d.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"maximumLabel"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Maximum value label to display on the right side of the slider."))),(0,r.mdx)(d.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function to trigger when user changes the input value - function(value).")))))}s.isMDXComponent=!0;var c=a(8982),x=a(63518),f=a(38643),y=a(72930),v=a(66367),b=["components"],g={},h="wrapper";function T(e){var n=e.components,a=(0,t.Z)(e,b);return(0,r.mdx)(h,(0,l.Z)({},g,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(i.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-slider"},"Terra Slider"),(0,r.mdx)("p",null,"Terra Slider provides a way to select a value from a given range by sliding a thumb along a bar to track the value."),(0,r.mdx)(m.Notice,{variant:"caution",ariaLevel:"2",mdxType:"Notice"},"Terra Slider is an input component used to quickly select an imprecise value within a range such as a zoom level. It does not yet include features required for entering precise values."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-slider"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(c.Z,{mdxType:"DefaultSlider"}),(0,r.mdx)(x.Z,{mdxType:"CustomSlider"}),(0,r.mdx)(f.Z,{mdxType:"DisabledSlider"}),(0,r.mdx)(y.Z,{mdxType:"SliderWithOnChangeCallback"}),(0,r.mdx)(v.Z,{mdxType:"SliderWithValueUpdate"}),(0,r.mdx)("h2",{id:"slider-props-table"},"Slider props table"),(0,r.mdx)(s,{mdxType:"SliderPropsTable"}))}T.isMDXComponent=!0},63518:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(80795),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Slider from \'terra-slider\';\n\nconst CustomSlider = () => (\n \n);\n\nexport default CustomSlider;\n\n')))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Custom Slider",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},8982:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(38734),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Slider from 'terra-slider';\n\nconst DefaultSlider = () => (\n \n);\n\nexport default DefaultSlider;\n\n")))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Default Slider",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},38643:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(6922),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Slider from 'terra-slider';\n\nconst DisabledSlider = () => (\n \n);\n\nexport default DisabledSlider;\n\n")))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Disabled Slider",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},72930:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(99683),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Slider from 'terra-slider';\n\nconst SliderWithOnChangeCallback = () => {\n const [value, setValue] = useState('20');\n\n const handleChange = (v) => {\n setValue(v);\n };\n const message = `Slider value is: ${value}`;\n\n return (\n <>\n \n
{message}
\n >\n );\n};\n\nexport default SliderWithOnChangeCallback;\n\n")))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Slider With On Change Callback",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},66367:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(83816),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport Slider from \'terra-slider\';\n\nconst SliderWithValueUpdate = () => {\n const [value, setValue] = useState(\'20\');\n\n const setSliderValue = () => {\n setValue(80);\n };\n\n const handleChange = (v) => {\n setValue(v);\n };\n const message = `Slider value is: ${value}`;\n\n return (\n
\n \n
{message}
\n \n
\n );\n};\n\nexport default SliderWithValueUpdate;\n\n')))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Slider With Value Update",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},45811:function(e,n,a){a.d(n,{C:function(){return r}});var l=a(67294),t=a(22863),r=function(e){var n=e.url;return l.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slider",name:"terra-slider",version:"1.1.0",url:n})}},80795:function(e,n,a){var l=a(64836);n.Z=void 0;var t=l(a(67294)),r=l(a(19270));n.Z=function(){return t.default.createElement(r.default,{minimumValue:0,maximumValue:100,label:"Zoom",minimumLabel:"0%",maximumLabel:"100%",value:20})}},38734:function(e,n,a){var l=a(64836);n.Z=void 0;var t=l(a(67294)),r=l(a(19270));n.Z=function(){return t.default.createElement(r.default,{minimumValue:0,maximumValue:100,label:"Size",value:50})}},6922:function(e,n,a){var l=a(64836);n.Z=void 0;var t=l(a(67294)),r=l(a(19270));n.Z=function(){return t.default.createElement(r.default,{isDisabled:!0,minimumValue:0,maximumValue:100,label:"Size",value:50})}},99683:function(e,n,a){var l=a(64836),t=a(18698);n.Z=void 0;var r=l(a(27424)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=d(n);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(l,m,i):l[m]=e[m]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(19270));function d(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(d=function(e){return e?a:n})(e)}n.Z=function(){var e=(0,m.useState)("20"),n=(0,r.default)(e,2),a=n[0],l=n[1],t="Slider value is: ".concat(a);return m.default.createElement(m.default.Fragment,null,m.default.createElement(i.default,{minimumValue:0,maximumValue:100,label:"Zoom",value:a,onChange:function(e){l(e)}}),m.default.createElement("p",null,t))}},83816:function(e,n,a){var l=a(64836),t=a(18698);n.Z=void 0;var r=l(a(27424)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=d(n);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(l,m,i):l[m]=e[m]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(19270));function d(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(d=function(e){return e?a:n})(e)}n.Z=function(){var e=(0,m.useState)("20"),n=(0,r.default)(e,2),a=n[0],l=n[1],t="Slider value is: ".concat(a);return m.default.createElement("div",null,m.default.createElement(i.default,{minimumValue:0,maximumValue:100,label:"Zoom",value:a,onChange:function(e){l(e)}}),m.default.createElement("p",null,t),m.default.createElement("button",{text:"Set slider value",type:"button",onClick:function(){l(80)},id:"slider-set-value-button"}," Set slider value to 80 "))}},19270:function(e,n,a){var l=a(64836),t=a(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=l(a(27424)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=x(n);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(l,m,i):l[m]=e[m]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(45697)),d=l(a(47166)),u=l(a(47341)),o=l(a(29270)),p=a(25387),s=a(55877),c=l(a(86495));function x(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(x=function(e){return e?a:n})(e)}var f=d.default.bind(c.default),y={label:i.default.string.isRequired,minimumValue:i.default.number.isRequired,maximumValue:i.default.number.isRequired,value:i.default.number.isRequired,isDisabled:i.default.bool,minimumLabel:i.default.string,maximumLabel:i.default.string,onChange:i.default.func,intl:i.default.shape({formatMessage:i.default.func}).isRequired},v=function(e){var n=e.isDisabled,a=e.intl,l=e.minimumValue,t=e.maximumValue,i=e.label,d=e.minimumLabel,p=e.maximumLabel,c=e.onChange,x=e.value,y=(0,m.useContext)(u.default),v=f(["slider",y.className]),b=(0,m.useRef)(),g=d||l,h=p||t,T=d&&p?a.formatMessage({id:"Terra.slider.ariaDescribedByTextWithLabels"},{minimumLabel:d,maximumLabel:p,minimumValue:l,maximumValue:t}):a.formatMessage({id:"Terra.slider.ariaDescribedByTextWithoutLabels"},{minimumValue:l,maximumValue:t}),S=(0,s.v4)(),C=(0,m.useState)(x),N=(0,r.default)(C,2),D=N[0],_=N[1];(0,m.useEffect)((function(){_(x)}),[x]);return m.default.createElement("div",{style:{"--terra-slider-progress-status":"".concat(D,"%")},className:v},m.default.createElement("span",{className:f("label"),"aria-hidden":"true"},i),m.default.createElement("span",{className:f("slider-label","slider-min-label"),"aria-hidden":"true"},g),m.default.createElement("input",{className:f("input-range"),type:"range",ref:b,"aria-label":i,"aria-describedby":S,value:D,disabled:n,min:l,max:t,onChange:function(e){_(e.currentTarget.value),c&&c(e.currentTarget.value)}}),m.default.createElement("span",{className:f("slider-label","slider-max-label"),"aria-hidden":"true"},h),m.default.createElement(o.default,{id:S,text:T}))};v.propTypes=y,v.defaultProps={isDisabled:!1};n.default=(0,p.injectIntl)(v)},86495:function(e,n,a){a.r(n),n.default={"orion-fusion-theme":"Slider-module__orion-fusion-theme___8lFzi","clinical-lowlight-theme":"Slider-module__clinical-lowlight-theme___ou4Xa",slider:"Slider-module__slider___p5WX-",label:"Slider-module__label___9ub6Z","slider-label":"Slider-module__slider-label___fdXlu","slider-min-label":"Slider-module__slider-min-label___zedNZ","slider-max-label":"Slider-module__slider-max-label___6gGpy","input-range":"Slider-module__input-range___9Lrsz"}}}]);
\ No newline at end of file
diff --git a/pull/1885/33681-ffb0f419f9490f40d89b.css b/pull/1885/33681-3d305ec18de1e35bacfb.css
similarity index 100%
rename from pull/1885/33681-ffb0f419f9490f40d89b.css
rename to pull/1885/33681-3d305ec18de1e35bacfb.css
diff --git a/pull/1885/33681-ffb0f419f9490f40d89b.js b/pull/1885/33681-3d305ec18de1e35bacfb.js
similarity index 100%
rename from pull/1885/33681-ffb0f419f9490f40d89b.js
rename to pull/1885/33681-3d305ec18de1e35bacfb.js
diff --git a/pull/1885/34263-0e2b742903b4b49f36b5.css b/pull/1885/34263-cbac03edf25d7b667214.css
similarity index 100%
rename from pull/1885/34263-0e2b742903b4b49f36b5.css
rename to pull/1885/34263-cbac03edf25d7b667214.css
diff --git a/pull/1885/34263-0e2b742903b4b49f36b5.js b/pull/1885/34263-cbac03edf25d7b667214.js
similarity index 99%
rename from pull/1885/34263-0e2b742903b4b49f36b5.js
rename to pull/1885/34263-cbac03edf25d7b667214.js
index c5c5958068a..ef1dadd018d 100644
--- a/pull/1885/34263-0e2b742903b4b49f36b5.js
+++ b/pull/1885/34263-cbac03edf25d7b667214.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[34263],{46795:function(e,t,n){n.r(t),n.d(t,{default:function(){return de}});var l=n(87462),a=n(44925),i=n(67294),o=n(81254),d=n(76899),s=n(78530),r=["components"],u={},c="wrapper";function m(e){var t=e.components,n=(0,a.Z)(e,r);return(0,o.mdx)(c,(0,l.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(s.ZP,{mdxType:"PropsTable"},(0,o.mdx)(s.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"List of Menu.Item(s)/Menu.ItemGroup(s)/Menu.Divider(s) to be displayed as content within the Menu."))),(0,o.mdx)(s.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function indicating a close condition was met, should be combined with isOpen for state management."))),(0,o.mdx)(s.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"targetRef"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Target element for the menu to anchor to."))),(0,o.mdx)(s.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"boundingRef"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Bounding container for the menu, will use window if no value provided."))),(0,o.mdx)(s.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"classNameArrow"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"CSS classnames that are append to the arrow."))),(0,o.mdx)(s.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"classNameContent"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"CSS classnames that are append to the menu content inner."))),(0,o.mdx)(s.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"classNameOverlay"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"CSS classnames that are append to the overlay."))),(0,o.mdx)(s.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isOpen"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Should the menu be presented as open."))),(0,o.mdx)(s.X2,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"contentWidth"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n '160'\n '240'\n '320'\n '640'\n '960'\n '1280'\n '1760'\n 'auto'\n],\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'240'\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"A string representation of the width in px, limited to:\n160, 240, 320, 640, 960, 1280, 1760 or auto"))),(0,o.mdx)(s.X2,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isArrowDisplayed"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if the menu should have an center aligned arrow displayed on dropdown.\nOtherwise, the menu will display without an arrow and right aligned."))),(0,o.mdx)(s.X2,{key:"ROW11",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"headerTitle"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/Important/red",alt:"IMPORTANT"}),"\nHeader Title for main-menu(first-tier).\nHeader Title will only be visible if the main-menu contains at least one sub-menu.\n",(0,o.mdx)("inlineCode",{parentName:"p"},"headerTitle")," is expected to be provided as it is used in cases of responsive\nbehavior when Menu is bounded/fullscreen."))),(0,o.mdx)(s.X2,{key:"ROW12",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"showHeader"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nToggle for the menu display Header Title (first-tier).\nThe default value will be updated to ",(0,o.mdx)("inlineCode",{parentName:"p"},"false")," in the next major release.")))))}m.isMDXComponent=!0;var p=["components"],h={},x="wrapper";function f(e){var t=e.components,n=(0,a.Z)(e,p);return(0,o.mdx)(x,(0,l.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(s.ZP,{mdxType:"PropsTable"},(0,o.mdx)(s.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"text"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Sets the item's text."))),(0,o.mdx)(s.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isDisabled"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if item should be disabled"))),(0,o.mdx)(s.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isSelected"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nisSelected has been deprecated and will be removed on next major version release.\nRename the ",(0,o.mdx)("inlineCode",{parentName:"p"},"isSelected")," prop to ",(0,o.mdx)("inlineCode",{parentName:"p"},"isToggled"),"."))),(0,o.mdx)(s.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isSelectable"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nisSelectable has been deprecated and will be removed on next major version release.\nRename the ",(0,o.mdx)("inlineCode",{parentName:"p"},"isSelectable")," prop to ",(0,o.mdx)("inlineCode",{parentName:"p"},"isToggleable"),"."))),(0,o.mdx)(s.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isToggled"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if the item is toggled. A toggled item is indicated with a checkmark."))),(0,o.mdx)(s.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isToggleable"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if the item should be toggleable."))),(0,o.mdx)(s.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isInstructionsForUse"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Displays the eIFU (electronic instructions for use) icon for menu item if set to true. (This icon is used to indicate Help content that is the equivalent of an instruction manual)"))),(0,o.mdx)(s.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"subMenuItems"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"List of Menu.Items to display in a submenu when this item is clicked."))),(0,o.mdx)(s.X2,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"onClick"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function for when item is clicked"))),(0,o.mdx)(s.X2,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"onChange"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function for when toggleable state changes on a toggleabe item."))),(0,o.mdx)(s.X2,{key:"ROW11",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isActive"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if the item has focus. This is used internally to control focus and does not set initial focus."))),(0,o.mdx)(s.X2,{key:"ROW12",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"icon"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Custom icon to display in the item"))),(0,o.mdx)(s.X2,{key:"ROW13",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"ariaDescribedBy"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"If additional visible information text is used, provide a string containing the IDs for html elements that\nhelp describe the intent of the group of menu.")))))}f.isMDXComponent=!0;var g=["components"],C={},y="wrapper";function k(e){var t=e.components,n=(0,a.Z)(e,g);return(0,o.mdx)(y,(0,l.Z)({},C,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(s.ZP,{mdxType:"PropsTable"},(0,o.mdx)(s.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Menu.Items to be grouped together."))),(0,o.mdx)(s.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"onChange"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function called when selected index changes.")))))}k.isMDXComponent=!0;var v=n(43033),T=["components"],b={};function N(e){var t=e.components,n=(0,a.Z)(e,T);return(0,o.mdx)("wrapper",(0,l.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport PropTypes from \'prop-types\';\nimport Menu from \'terra-menu\';\nimport IconCaretDown from \'terra-icon/lib/icon/IconCaretDown\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./BasicMenu.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst propTypes = {\n isArrowDisplayed: PropTypes.bool,\n contentWidth: PropTypes.string,\n boundingRef: PropTypes.func,\n};\n\nclass BasicMenu extends React.Component {\n constructor(props) {\n super(props);\n this.handleButtonClick = this.handleButtonClick.bind(this);\n this.handleRequestClose = this.handleRequestClose.bind(this);\n this.setButtonNode = this.setButtonNode.bind(this);\n this.getButtonNode = this.getButtonNode.bind(this);\n this.handleToggle1OnClick = this.handleToggle1OnClick.bind(this);\n this.handleToggle2OnClick = this.handleToggle2OnClick.bind(this);\n this.handleOnChange = this.handleOnChange.bind(this);\n this.handleAction = this.handleAction.bind(this);\n this.handleCloseOnClick = this.handleCloseOnClick.bind(this);\n this.state = {\n open: false,\n toggle1Selected: false,\n toggle2Selected: false,\n groupSelectedIndex: undefined,\n actionClickCount: 0,\n };\n }\n\n handleButtonClick() {\n this.setState({ open: true });\n }\n\n handleRequestClose() {\n this.setState({ open: false });\n }\n\n handleCloseOnClick(event) {\n event.preventDefault();\n this.handleRequestClose();\n }\n\n handleToggle1OnClick() {\n this.setState(prevState => ({ toggle1Selected: !prevState.toggle1Selected }));\n this.handleRequestClose();\n }\n\n handleToggle2OnClick() {\n this.setState(prevState => ({ toggle2Selected: !prevState.toggle2Selected }));\n }\n\n handleOnChange(event, index) {\n this.setState({ groupSelectedIndex: index });\n }\n\n handleAction(event) {\n event.preventDefault();\n const newState = this.state;\n newState.actionClickCount += 1;\n this.setState(newState);\n }\n\n setButtonNode(node) {\n this.buttonNode = node;\n }\n\n getButtonNode() {\n return this.buttonNode;\n }\n\n render() {\n return (\n
\n );\n }\n}\n\nMenuWithCustomIcons.propTypes = propTypes;\n\nexport default MenuWithCustomIcons;\n\n")))}ne.isMDXComponent=!0;var le=function(e){var t=e.title,n=e.description,l=e.isExpanded;return i.createElement(S.Z,{title:t||"Menu With Custom Icons",description:n,example:i.createElement($.Z,null),exampleCssSrc:i.createElement(I,null),exampleSrc:i.createElement(ne,null),isExpanded:l})},ae=["components"],ie={},oe="wrapper";function de(e){var t=e.components,n=(0,a.Z)(e,ae);return(0,o.mdx)(oe,(0,l.Z)({},ie,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(d.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-menu"},"Terra Menu"),(0,o.mdx)("p",null,"The menu is a popup component that displays a list of items, item groups, and dividers. Menu Items can be actionable, have toggle-style selection, or have nested submenu items. Menu Item groups are a single-select grouping of menu items.\nThe Menu will determine the height of the popup based on the number of items in the main menu."),(0,o.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Install with ",(0,o.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"npm install terra-menu"))))),(0,o.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,o.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(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},"Peer Dependency"),(0,o.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("p",null,"For ",(0,o.mdx)("inlineCode",{parentName:"p"},"Menu Item")," and ",(0,o.mdx)("inlineCode",{parentName:"p"},"Menu Item Group"),", importing menu is sufficient and one can make use of ",(0,o.mdx)("inlineCode",{parentName:"p"},"")," and ",(0,o.mdx)("inlineCode",{parentName:"p"},"")," to create those components."),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Menu from 'terra-menu';\n")),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(q,{title:"Default Menu",mdxType:"BasicMenu"}),(0,o.mdx)(O,{title:"Menu With Arrow",mdxType:"ArrowMenu"}),(0,o.mdx)(G,{title:"Menu Bounded",mdxType:"MenuBounded"}),(0,o.mdx)(L,{title:"Menu Widths",mdxType:"MenuWidths"}),(0,o.mdx)(Y,{title:"Help Menu Item: Electronic Instructions For Use",description:"The Electronic Instructions For Use (eIFU) icon is a regulatory requirement for CE Mark Certification and Compliance, \nand is used to indicate Help content that is the equivalent of a manufacturer\\'s instruction manual. \nThe label for the Help menu option should be the name of the application followed by 'Help.'",mdxType:"MenuWithInstructionsForUse"}),(0,o.mdx)(le,{title:"Custom Icons for Menu Items",description:"Allow for custom icons for menu items in the menu",mdxType:"MenuWithCustomIcons"}),(0,o.mdx)("h2",{id:"menu-props-table"},"Menu Props Table"),(0,o.mdx)(m,{mdxType:"MenuPropsTable"}),(0,o.mdx)("h2",{id:"menuitem-props-table"},"Menu.Item Props Table"),(0,o.mdx)(f,{mdxType:"MenuItemPropsTable"}),(0,o.mdx)("h2",{id:"menuitemgroup-props-table"},"Menu.ItemGroup Props Table"),(0,o.mdx)(k,{mdxType:"MenuItemGroupPropsTable"}),(0,o.mdx)("h2",{id:"testing"},"Testing"),(0,o.mdx)("p",null,"Menu uses ",(0,o.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,o.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,o.mdx)("p",null,"If Enzyme ",(0,o.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,o.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,o.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-js"},"import { v4 as uuidv4 } from 'uuid';\n\nlet mockSpyUuid;\n\n// using a variable may result in failures. For best results, mock return value.\nbeforeAll(() => {\n mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');\n});\n\n// restore the mock\nafterAll(() => {\n mockSpyUuid.mockRestore();\n});\n\n")))}de.isMDXComponent=!0},76899:function(e,t,n){n.d(t,{C:function(){return i}});var l=n(67294),a=n(22863),i=function(e){var t=e.url;return l.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-menu",name:"terra-menu",version:"6.79.0",url:t})}},43033:function(e,t,n){var l=n(64836);t.Z=void 0;var a=l(n(56690)),i=l(n(89728)),o=l(n(66115)),d=l(n(61655)),s=l(n(94993)),r=l(n(73808)),u=l(n(67294)),c=l(n(55281)),m=l(n(45697)),p=l(n(70419)),h=l(n(51162)),x=l(n(47166)),f=l(n(49243));function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,r.default)(e);if(t){var a=(0,r.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var C=x.default.bind(f.default),y={isArrowDisplayed:m.default.bool,contentWidth:m.default.string,boundingRef:m.default.func},k=function(e){(0,d.default)(n,e);var t=g(n);function n(e){var l;return(0,a.default)(this,n),(l=t.call(this,e)).handleButtonClick=l.handleButtonClick.bind((0,o.default)(l)),l.handleRequestClose=l.handleRequestClose.bind((0,o.default)(l)),l.setButtonNode=l.setButtonNode.bind((0,o.default)(l)),l.getButtonNode=l.getButtonNode.bind((0,o.default)(l)),l.handleToggle1OnClick=l.handleToggle1OnClick.bind((0,o.default)(l)),l.handleToggle2OnClick=l.handleToggle2OnClick.bind((0,o.default)(l)),l.handleOnChange=l.handleOnChange.bind((0,o.default)(l)),l.handleAction=l.handleAction.bind((0,o.default)(l)),l.handleCloseOnClick=l.handleCloseOnClick.bind((0,o.default)(l)),l.state={open:!1,toggle1Selected:!1,toggle2Selected:!1,groupSelectedIndex:void 0,actionClickCount:0},l}return(0,i.default)(n,[{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"handleCloseOnClick",value:function(e){e.preventDefault(),this.handleRequestClose()}},{key:"handleToggle1OnClick",value:function(){this.setState((function(e){return{toggle1Selected:!e.toggle1Selected}})),this.handleRequestClose()}},{key:"handleToggle2OnClick",value:function(){this.setState((function(e){return{toggle2Selected:!e.toggle2Selected}}))}},{key:"handleOnChange",value:function(e,t){this.setState({groupSelectedIndex:t})}},{key:"handleAction",value:function(e){e.preventDefault();var t=this.state;t.actionClickCount+=1,this.setState(t)}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement("div",{className:C("menu-wrapper")},u.default.createElement(p.default,{isOpen:this.state.open,targetRef:this.getButtonNode,onRequestClose:this.handleRequestClose,contentWidth:this.props.contentWidth,isArrowDisplayed:this.props.isArrowDisplayed,boundingRef:this.props.boundingRef},u.default.createElement(p.default.Item,{text:"Close Hospital Details",key:"Toggle1",isSelected:this.state.toggle1Selected,onClick:this.handleToggle1OnClick,isSelectable:!0}),u.default.createElement(p.default.Item,{text:"Hospital events",key:"Toggle2",isSelected:this.state.toggle2Selected,onClick:this.handleToggle2OnClick,isSelectable:!0}),u.default.createElement(p.default.Item,{text:"Hospital Accommodations",key:"Disabled1",isSelected:this.state.toggle1Selected,onClick:this.handleToggle1OnClick,isDisabled:!0}),u.default.createElement(p.default.Divider,{key:"Divider1"}),u.default.createElement(p.default.Item,{text:"Hospital services",key:"Nested1",subMenuItems:[u.default.createElement(p.default.Item,{text:"Imaging",key:"1.1",onClick:this.handleAction}),u.default.createElement(p.default.Item,{text:"Laboratory",key:"1.2",onClick:this.handleAction}),u.default.createElement(p.default.Item,{text:"Rehabilitation services",key:"1.3",onClick:this.handleAction}),u.default.createElement(p.default.Divider,{key:"Divider1.1"}),u.default.createElement(p.default.Item,{text:"Close Hospital Services",key:"1.4",onClick:this.handleCloseOnClick})]}),u.default.createElement(p.default.Item,{text:"View information on patient rights, privacy policies and insurance information",key:"Nested2",isDisabled:!0,subMenuItems:[u.default.createElement(p.default.Item,{text:"Default 2.1",key:"2.1"}),u.default.createElement(p.default.Item,{text:"Default 2.2",key:"2.2"}),u.default.createElement(p.default.Item,{text:"Default 2.3",key:"2.3"})]}),u.default.createElement(p.default.Divider,{key:"Divider2"}),u.default.createElement(p.default.Item,{text:"Close Hospital Details",key:"Action2",onClick:this.handleCloseOnClick}),u.default.createElement(p.default.Item,{text:"Patient Feedback",key:"Action1",onClick:this.handleAction}),u.default.createElement(p.default.Divider,{key:"Divider3"}),u.default.createElement(p.default.ItemGroup,{key:"Group",onChange:this.handleOnChange},u.default.createElement(p.default.Item,{text:"Hospital Careers",key:"GroupItem1",isSelected:0===this.state.groupSelectedIndex}),u.default.createElement(p.default.Item,{text:"Patient Forms",key:"GroupItem2",isSelected:1===this.state.groupSelectedIndex}),u.default.createElement(p.default.Item,{text:"Patient Resources",key:"GroupItem3",isSelected:2===this.state.groupSelectedIndex,isDisabled:!0}))),u.default.createElement(c.default,{onClick:this.handleButtonClick,text:"Hospital Details","aria-haspopup":!0,icon:u.default.createElement(h.default,null),isReversed:!0,refCallback:this.setButtonNode})),u.default.createElement("br",null),u.default.createElement("p",null,"Action button has been clicked"," ",this.state.actionClickCount," ","times."))}}]),n}(u.default.Component);k.propTypes=y;t.Z=function(){return u.default.createElement(k,{isArrowDisplayed:!0})}},34972:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(56690)),i=l(n(89728)),o=l(n(66115)),d=l(n(61655)),s=l(n(94993)),r=l(n(73808)),u=l(n(38416)),c=l(n(67294)),m=l(n(55281)),p=l(n(45697)),h=l(n(70419)),x=l(n(51162)),f=l(n(47166)),g=l(n(49243));function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,r.default)(e);if(t){var a=(0,r.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var y=f.default.bind(g.default),k={isArrowDisplayed:p.default.bool,contentWidth:p.default.string,boundingRef:p.default.func},v=function(e){(0,d.default)(n,e);var t=C(n);function n(e){var l;return(0,a.default)(this,n),l=t.call(this,e),(0,u.default)((0,o.default)(l),"handleToggle21OnClick",(function(){l.setState((function(e){return{toggle21Selected:!e.toggle21Selected}}))})),(0,u.default)((0,o.default)(l),"handleToggle31OnClick",(function(){l.setState((function(e){return{toggle31Selected:!e.toggle31Selected}}))})),(0,u.default)((0,o.default)(l),"handleToggle41OnClick",(function(){l.setState((function(e){return{toggle41Selected:!e.toggle41Selected}}))})),(0,u.default)((0,o.default)(l),"handleToggle51OnClick",(function(){l.setState((function(e){return{toggle51Selected:!e.toggle51Selected}}))})),l.handleButtonClick=l.handleButtonClick.bind((0,o.default)(l)),l.handleRequestClose=l.handleRequestClose.bind((0,o.default)(l)),l.setButtonNode=l.setButtonNode.bind((0,o.default)(l)),l.getButtonNode=l.getButtonNode.bind((0,o.default)(l)),l.handleToggle1OnClick=l.handleToggle1OnClick.bind((0,o.default)(l)),l.handleToggle2OnClick=l.handleToggle2OnClick.bind((0,o.default)(l)),l.handleOnChange=l.handleOnChange.bind((0,o.default)(l)),l.handleAction=l.handleAction.bind((0,o.default)(l)),l.handleCloseOnClick=l.handleCloseOnClick.bind((0,o.default)(l)),l.state={open:!1,toggle1Selected:!1,toggle2Selected:!1,toggle21Selected:!1,toggle31Selected:!1,toggle41Selected:!1,toggle51Selected:!1,groupSelectedIndex:void 0,actionClickCount:0},l}return(0,i.default)(n,[{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"handleCloseOnClick",value:function(e){e.preventDefault(),this.handleRequestClose()}},{key:"handleToggle1OnClick",value:function(){this.setState((function(e){return{toggle1Selected:!e.toggle1Selected}}))}},{key:"handleToggle2OnClick",value:function(){this.setState((function(e){return{toggle2Selected:!e.toggle2Selected}}))}},{key:"handleOnChange",value:function(e,t){this.setState({groupSelectedIndex:t})}},{key:"handleAction",value:function(e){e.preventDefault();var t=this.state;t.actionClickCount+=1,this.setState(t)}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"render",value:function(){return c.default.createElement("div",null,c.default.createElement("div",{className:y("menu-wrapper")},c.default.createElement(h.default,{isOpen:this.state.open,targetRef:this.getButtonNode,onRequestClose:this.handleRequestClose,contentWidth:this.props.contentWidth,isArrowDisplayed:this.props.isArrowDisplayed,boundingRef:this.props.boundingRef,headerTitle:"Clinical Solution"},c.default.createElement(h.default.Item,{text:"Hospital Details",key:"Toggle1",isSelected:this.state.toggle1Selected,onClick:this.handleToggle1OnClick,isSelectable:!0}),c.default.createElement(h.default.Item,{text:"Hospitals & Health Systems",key:"Toggle2",isSelected:this.state.toggle2Selected,onClick:this.handleToggle2OnClick,isSelectable:!0}),c.default.createElement(h.default.Item,{text:"Health System Operations",key:"Toggle3",isSelected:this.state.toggle1Selected,onClick:this.handleToggle1OnClick,isDisabled:!0}),c.default.createElement(h.default.Divider,{key:"Divider1"}),c.default.createElement(h.default.Item,{text:"Our Offerings",key:"Offers",subMenuItems:[c.default.createElement(h.default.Item,{text:"Policies and Guidelines",key:"Policies",isToggled:this.state.toggle21Selected,onClick:this.handleToggle21OnClick,isToggleable:!0}),c.default.createElement(h.default.Item,{text:"Population Health Management",key:"Population",isToggled:this.state.toggle51Selected,onClick:this.handleToggle51OnClick,isToggleable:!0}),c.default.createElement(h.default.Item,{text:"Clinical Solutions",key:"Clinical",subMenuItems:[c.default.createElement(h.default.Item,{text:"Clinical Communication & Collaboration",key:"Communication",isToggled:this.state.toggle31Selected,onClick:this.handleToggle31OnClick,isToggleable:!0}),c.default.createElement(h.default.Item,{text:"Community, Critical Access & Specialty Hospital",key:"Community",isToggled:this.state.toggle41Selected,onClick:this.handleToggle41OnClick,isToggleable:!0})]})]}),c.default.createElement(h.default.Item,{text:"Community, Critical Access & Specialty Hospital",key:"Nested2 disabled",isDisabled:!0,subMenuItems:[c.default.createElement(h.default.Item,{text:"Default 2.1",key:"2.1"}),c.default.createElement(h.default.Item,{text:"Default 2.2",key:"2.2"}),c.default.createElement(h.default.Item,{text:"Default 2.3",key:"2.3"})]}),c.default.createElement(h.default.Divider,{key:"Divider3"}),c.default.createElement(h.default.ItemGroup,{key:"Group","aria-label":"Health Information",id:"health-info",onChange:this.handleOnChange},c.default.createElement(h.default.Item,{ariaDescribedBy:"health-info",text:"Behavioral Health",key:"GroupItem1",isSelected:0===this.state.groupSelectedIndex}),c.default.createElement(h.default.Item,{ariaDescribedBy:"health-info",text:"Ambulatory Surgery Center",key:"GroupItem2",isSelected:1===this.state.groupSelectedIndex}),c.default.createElement(h.default.Item,{ariaDescribedBy:"health-info",text:"Critical Care",key:"GroupItem3",isSelected:2===this.state.groupSelectedIndex,isDisabled:!0}))),c.default.createElement(m.default,{onClick:this.handleButtonClick,text:"Explore Clinical Solution","aria-haspopup":!0,icon:c.default.createElement(x.default,null),isReversed:!0,refCallback:this.setButtonNode})))}}]),n}(c.default.Component);v.propTypes=k;t.default=v},322:function(e,t,n){var l=n(64836);t.Z=void 0;var a=l(n(56690)),i=l(n(89728)),o=l(n(66115)),d=l(n(61655)),s=l(n(94993)),r=l(n(73808)),u=l(n(67294)),c=l(n(47166)),m=l(n(34972)),p=l(n(19300));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,r.default)(e);if(t){var a=(0,r.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var x=c.default.bind(p.default),f=function(e){(0,d.default)(n,e);var t=h(n);function n(e){var l;return(0,a.default)(this,n),(l=t.call(this,e)).setParentNode=l.setParentNode.bind((0,o.default)(l)),l.getParentNode=l.getParentNode.bind((0,o.default)(l)),l}return(0,i.default)(n,[{key:"setParentNode",value:function(e){this.parentNode=e}},{key:"getParentNode",value:function(){return this.parentNode}},{key:"render",value:function(){return u.default.createElement("div",{className:x("content-wrapper"),ref:this.setParentNode},u.default.createElement(m.default,{boundingRef:this.getParentNode}))}}]),n}(u.default.Component);t.Z=f},92215:function(e,t,n){var l=n(64836);t.Z=void 0;var a=l(n(56690)),i=l(n(89728)),o=l(n(66115)),d=l(n(61655)),s=l(n(94993)),r=l(n(73808)),u=l(n(67294)),c=l(n(34972));function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,r.default)(e);if(t){var a=(0,r.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var p=function(e){(0,d.default)(n,e);var t=m(n);function n(e){var l;return(0,a.default)(this,n),(l=t.call(this,e)).handleSelectChange=l.handleSelectChange.bind((0,o.default)(l)),l.state={menuWidth:void 0},l}return(0,i.default)(n,[{key:"handleSelectChange",value:function(e){this.setState({menuWidth:e.target.value})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"menuWidth"},"Select menu width "),u.default.createElement("select",{id:"menuWidth",name:"menuWidth",value:this.state.menuWidth,onChange:this.handleSelectChange},u.default.createElement("option",{value:void 0},"Default"),u.default.createElement("option",{key:"160",value:"160"},"160"),u.default.createElement("option",{key:"240",value:"240"},"240"),u.default.createElement("option",{key:"320",value:"320"},"320"),u.default.createElement("option",{key:"640",value:"640"},"640"),u.default.createElement("option",{key:"960",value:"960"},"960"),u.default.createElement("option",{key:"1280",value:"1280"},"1280"),u.default.createElement("option",{key:"1760",value:"1760"},"1760"),u.default.createElement("option",{key:"auto",value:"auto"},"Auto")),u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement(c.default,{contentWidth:this.state.menuWidth}))}}]),n}(u.default.Component);t.Z=p},46124:function(e,t,n){var l=n(64836);t.Z=void 0;var a=l(n(56690)),i=l(n(89728)),o=l(n(66115)),d=l(n(61655)),s=l(n(94993)),r=l(n(73808)),u=l(n(67294)),c=l(n(55281)),m=l(n(45697)),p=l(n(70419)),h=l(n(50826)),x=l(n(56468)),f=l(n(78878)),g=l(n(88245)),C=l(n(71739)),y=l(n(87491)),k=l(n(51162)),v=l(n(47166)),T=l(n(49243));function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,r.default)(e);if(t){var a=(0,r.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var N=v.default.bind(T.default),S={isArrowDisplayed:m.default.bool,contentWidth:m.default.string,boundingRef:m.default.func},R=function(e){(0,d.default)(n,e);var t=b(n);function n(e){var l;return(0,a.default)(this,n),(l=t.call(this,e)).handleButtonClick=l.handleButtonClick.bind((0,o.default)(l)),l.handleRequestClose=l.handleRequestClose.bind((0,o.default)(l)),l.setButtonNode=l.setButtonNode.bind((0,o.default)(l)),l.getButtonNode=l.getButtonNode.bind((0,o.default)(l)),l.handleAction=l.handleAction.bind((0,o.default)(l)),l.handleOnClick=l.handleOnClick.bind((0,o.default)(l)),l.state={open:!1,actionClickCount:0},l}return(0,i.default)(n,[{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleOnClick",value:function(e){e.preventDefault(),this.handleRequestClose()}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"handleAction",value:function(e){e.preventDefault();var t=this.state.actionClickCount;t+=1,this.setState({actionClickCount:t}),this.handleRequestClose()}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement("div",{className:N("menu-wrapper")},u.default.createElement(p.default,{isOpen:this.state.open,targetRef:this.getButtonNode,onRequestClose:this.handleRequestClose,contentWidth:this.props.contentWidth,isArrowDisplayed:this.props.isArrowDisplayed,boundingRef:this.props.boundingRef},u.default.createElement(p.default.Item,{text:"Search Icon",key:"Search",onClick:this.handleOnClick,icon:u.default.createElement(h.default,null)}),u.default.createElement(p.default.Item,{text:"Briefcase Icon",key:"Briefcase",onClick:this.handleOnClick,icon:u.default.createElement(x.default,null)}),u.default.createElement(p.default.Item,{text:"Bookmark Icon",key:"Bookmark",onClick:this.handleOnClick,icon:u.default.createElement(f.default,null)}),u.default.createElement(p.default.Item,{text:"Calendar Icon",key:"Calendar",onClick:this.handleOnClick,icon:u.default.createElement(g.default,null)}),u.default.createElement(p.default.Item,{text:"Envelope Icon",key:"Envelope",onClick:this.handleOnClick,icon:u.default.createElement(C.default,null)}),u.default.createElement(p.default.Item,{text:"Printer Icon",key:"Printer",onClick:this.handleOnClick,icon:u.default.createElement(y.default,null)})),u.default.createElement(c.default,{onClick:this.handleButtonClick,text:"Click Me","aria-haspopup":!0,icon:u.default.createElement(k.default,null),isReversed:!0,refCallback:this.setButtonNode})))}}]),n}(u.default.Component);R.propTypes=S;t.Z=R},14640:function(e,t,n){var l=n(64836);t.Z=void 0;var a=l(n(56690)),i=l(n(89728)),o=l(n(66115)),d=l(n(61655)),s=l(n(94993)),r=l(n(73808)),u=l(n(67294)),c=l(n(55281)),m=l(n(45697)),p=l(n(70419)),h=l(n(51162)),x=l(n(47166)),f=l(n(49243));function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,r.default)(e);if(t){var a=(0,r.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var C=x.default.bind(f.default),y={isArrowDisplayed:m.default.bool,contentWidth:m.default.string,boundingRef:m.default.func},k=function(e){(0,d.default)(n,e);var t=g(n);function n(e){var l;return(0,a.default)(this,n),(l=t.call(this,e)).handleButtonClick=l.handleButtonClick.bind((0,o.default)(l)),l.handleRequestClose=l.handleRequestClose.bind((0,o.default)(l)),l.setButtonNode=l.setButtonNode.bind((0,o.default)(l)),l.getButtonNode=l.getButtonNode.bind((0,o.default)(l)),l.handleAction=l.handleAction.bind((0,o.default)(l)),l.handleCloseOnClick=l.handleCloseOnClick.bind((0,o.default)(l)),l.state={open:!1,actionClickCount:0},l}return(0,i.default)(n,[{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"handleCloseOnClick",value:function(e){e.preventDefault(),this.handleRequestClose()}},{key:"handleAction",value:function(e){e.preventDefault();var t=this.state;t.actionClickCount+=1,this.setState(t),this.handleRequestClose()}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement("div",{className:C("menu-wrapper")},u.default.createElement(p.default,{isOpen:this.state.open,targetRef:this.getButtonNode,onRequestClose:this.handleRequestClose,contentWidth:this.props.contentWidth,isArrowDisplayed:this.props.isArrowDisplayed,boundingRef:this.props.boundingRef},u.default.createElement(p.default.Item,{text:"{ApplicationName} Help",key:"Help1",onClick:this.handleAction,isInstructionsForUse:!0}),u.default.createElement(p.default.Item,{text:"Getting Started",key:"Help2",onClick:this.handleCloseOnClick,isSelectable:!0}),u.default.createElement(p.default.Item,{text:"About {ApplicationName}",key:"Help3",isSelected:this.state.toggle1Selected,onClick:this.handleCloseOnClick})),u.default.createElement(c.default,{onClick:this.handleButtonClick,text:"Help","aria-haspopup":!0,icon:u.default.createElement(h.default,null),isReversed:!0,refCallback:this.setButtonNode})),u.default.createElement("br",null),u.default.createElement("p",null,"Instructions Icon has been clicked"," ",this.state.actionClickCount," ","times."))}}]),n}(u.default.Component);k.propTypes=y;t.Z=k},49243:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"BasicMenu-module__clinical-lowlight-theme___Csbwp","orion-fusion-theme":"BasicMenu-module__orion-fusion-theme___AWji+","menu-wrapper":"BasicMenu-module__menu-wrapper___UQyp3"}},19300:function(e,t,n){n.r(t),t.default={"content-wrapper":"MenuBounded-module__content-wrapper___h21KS"}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[34263],{46795:function(e,t,n){n.r(t),n.d(t,{default:function(){return de}});var l=n(87462),a=n(44925),i=n(67294),o=n(81254),d=n(76899),s=n(78530),r=["components"],u={},c="wrapper";function m(e){var t=e.components,n=(0,a.Z)(e,r);return(0,o.mdx)(c,(0,l.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(s.ZP,{mdxType:"PropsTable"},(0,o.mdx)(s.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"List of Menu.Item(s)/Menu.ItemGroup(s)/Menu.Divider(s) to be displayed as content within the Menu."))),(0,o.mdx)(s.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function indicating a close condition was met, should be combined with isOpen for state management."))),(0,o.mdx)(s.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"targetRef"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Target element for the menu to anchor to."))),(0,o.mdx)(s.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"boundingRef"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Bounding container for the menu, will use window if no value provided."))),(0,o.mdx)(s.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"classNameArrow"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"CSS classnames that are append to the arrow."))),(0,o.mdx)(s.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"classNameContent"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"CSS classnames that are append to the menu content inner."))),(0,o.mdx)(s.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"classNameOverlay"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"CSS classnames that are append to the overlay."))),(0,o.mdx)(s.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isOpen"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Should the menu be presented as open."))),(0,o.mdx)(s.X2,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"contentWidth"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n '160'\n '240'\n '320'\n '640'\n '960'\n '1280'\n '1760'\n 'auto'\n],\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'240'\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"A string representation of the width in px, limited to:\n160, 240, 320, 640, 960, 1280, 1760 or auto"))),(0,o.mdx)(s.X2,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isArrowDisplayed"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if the menu should have an center aligned arrow displayed on dropdown.\nOtherwise, the menu will display without an arrow and right aligned."))),(0,o.mdx)(s.X2,{key:"ROW11",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"headerTitle"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/Important/red",alt:"IMPORTANT"}),"\nHeader Title for main-menu(first-tier).\nHeader Title will only be visible if the main-menu contains at least one sub-menu.\n",(0,o.mdx)("inlineCode",{parentName:"p"},"headerTitle")," is expected to be provided as it is used in cases of responsive\nbehavior when Menu is bounded/fullscreen."))),(0,o.mdx)(s.X2,{key:"ROW12",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"showHeader"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nToggle for the menu display Header Title (first-tier).\nThe default value will be updated to ",(0,o.mdx)("inlineCode",{parentName:"p"},"false")," in the next major release.")))))}m.isMDXComponent=!0;var p=["components"],h={},x="wrapper";function f(e){var t=e.components,n=(0,a.Z)(e,p);return(0,o.mdx)(x,(0,l.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(s.ZP,{mdxType:"PropsTable"},(0,o.mdx)(s.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"text"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Sets the item's text."))),(0,o.mdx)(s.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isDisabled"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if item should be disabled"))),(0,o.mdx)(s.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isSelected"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nisSelected has been deprecated and will be removed on next major version release.\nRename the ",(0,o.mdx)("inlineCode",{parentName:"p"},"isSelected")," prop to ",(0,o.mdx)("inlineCode",{parentName:"p"},"isToggled"),"."))),(0,o.mdx)(s.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isSelectable"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nisSelectable has been deprecated and will be removed on next major version release.\nRename the ",(0,o.mdx)("inlineCode",{parentName:"p"},"isSelectable")," prop to ",(0,o.mdx)("inlineCode",{parentName:"p"},"isToggleable"),"."))),(0,o.mdx)(s.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isToggled"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if the item is toggled. A toggled item is indicated with a checkmark."))),(0,o.mdx)(s.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isToggleable"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if the item should be toggleable."))),(0,o.mdx)(s.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isInstructionsForUse"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Displays the eIFU (electronic instructions for use) icon for menu item if set to true. (This icon is used to indicate Help content that is the equivalent of an instruction manual)"))),(0,o.mdx)(s.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"subMenuItems"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"List of Menu.Items to display in a submenu when this item is clicked."))),(0,o.mdx)(s.X2,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"onClick"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function for when item is clicked"))),(0,o.mdx)(s.X2,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"onChange"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function for when toggleable state changes on a toggleabe item."))),(0,o.mdx)(s.X2,{key:"ROW11",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"isActive"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Indicates if the item has focus. This is used internally to control focus and does not set initial focus."))),(0,o.mdx)(s.X2,{key:"ROW12",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"icon"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Custom icon to display in the item"))),(0,o.mdx)(s.X2,{key:"ROW13",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"ariaDescribedBy"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"If additional visible information text is used, provide a string containing the IDs for html elements that\nhelp describe the intent of the group of menu.")))))}f.isMDXComponent=!0;var g=["components"],C={},y="wrapper";function k(e){var t=e.components,n=(0,a.Z)(e,g);return(0,o.mdx)(y,(0,l.Z)({},C,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(s.ZP,{mdxType:"PropsTable"},(0,o.mdx)(s.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Menu.Items to be grouped together."))),(0,o.mdx)(s.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(s.O,{mdxType:"PropNameCell"},"onChange"),(0,o.mdx)(s.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function called when selected index changes.")))))}k.isMDXComponent=!0;var v=n(43033),T=["components"],b={};function N(e){var t=e.components,n=(0,a.Z)(e,T);return(0,o.mdx)("wrapper",(0,l.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport PropTypes from \'prop-types\';\nimport Menu from \'terra-menu\';\nimport IconCaretDown from \'terra-icon/lib/icon/IconCaretDown\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./BasicMenu.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst propTypes = {\n isArrowDisplayed: PropTypes.bool,\n contentWidth: PropTypes.string,\n boundingRef: PropTypes.func,\n};\n\nclass BasicMenu extends React.Component {\n constructor(props) {\n super(props);\n this.handleButtonClick = this.handleButtonClick.bind(this);\n this.handleRequestClose = this.handleRequestClose.bind(this);\n this.setButtonNode = this.setButtonNode.bind(this);\n this.getButtonNode = this.getButtonNode.bind(this);\n this.handleToggle1OnClick = this.handleToggle1OnClick.bind(this);\n this.handleToggle2OnClick = this.handleToggle2OnClick.bind(this);\n this.handleOnChange = this.handleOnChange.bind(this);\n this.handleAction = this.handleAction.bind(this);\n this.handleCloseOnClick = this.handleCloseOnClick.bind(this);\n this.state = {\n open: false,\n toggle1Selected: false,\n toggle2Selected: false,\n groupSelectedIndex: undefined,\n actionClickCount: 0,\n };\n }\n\n handleButtonClick() {\n this.setState({ open: true });\n }\n\n handleRequestClose() {\n this.setState({ open: false });\n }\n\n handleCloseOnClick(event) {\n event.preventDefault();\n this.handleRequestClose();\n }\n\n handleToggle1OnClick() {\n this.setState(prevState => ({ toggle1Selected: !prevState.toggle1Selected }));\n this.handleRequestClose();\n }\n\n handleToggle2OnClick() {\n this.setState(prevState => ({ toggle2Selected: !prevState.toggle2Selected }));\n }\n\n handleOnChange(event, index) {\n this.setState({ groupSelectedIndex: index });\n }\n\n handleAction(event) {\n event.preventDefault();\n const newState = this.state;\n newState.actionClickCount += 1;\n this.setState(newState);\n }\n\n setButtonNode(node) {\n this.buttonNode = node;\n }\n\n getButtonNode() {\n return this.buttonNode;\n }\n\n render() {\n return (\n
\n );\n};\n\nTabsTemplate.propTypes = propTypes;\n\nconst TabExpanded = () => (\n \n);\nexport default TabExpanded;\n\n')))}D.isMDXComponent=!0;var _=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(g.Z,{title:n||"Tabs Template Expanded",description:a,example:o.createElement(k.Z,null),exampleCssSrc:o.createElement(w,null),exampleSrc:o.createElement(D,null),isExpanded:t})},A=a(76465),O=["components"],S={};function R(e){var n=e.components,a=(0,l.Z)(e,O);return(0,r.mdx)("wrapper",(0,t.Z)({},S,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport Tabs from \'terra-tabs\';\nimport TabContent from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst TabsWithFilledContent = () => {\n const tab1 = (\n \n \n
\n Users need to know what is going on, and get appropriate feedback during interaction. For example, users need confirmation messages when actions are completed, such as when forms are submitted. Also, error messages must provide clear directions rather than confuse users.\n People with some cognitive and learning disabilities, who may be easily confused by unexpected behavior and unclear error messages.\n People with partial sight and blindness, who rely on notifications, instructions, and errors messages to understand the context and interactions.\n Content is more usable for people who are new to the particular website or application.\n
\n
\n Content is more usable for people who are not confident using computers and the web.\n Content is less confusing and daunting to everyone, regardless of skills.\n Use clear and simple language to make error messages more understandable. For example, describe how to fix an error. When forms are submitted, provide a confirmation message. When a change is made on the screen, such as new content added, alert users to the change.\n Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. For some complex content such as medical information, separate, easy-to-read information may be necessary.\n People with learning disabilities who cannot understand complex sentence structures and vocabulary.\n
\n
\n People with cognitive disabilities who have difficulty focusing on long passages of dense text.\n Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy.\n Content is easier to understand by users who are not familiar with the topic.\n Content is easier to skim, and get an overview of the information.\n
\n
\n Avoid overly complex words, jargon, and acronyms, or provide explanations when they need to be used. Provide structure using headings, lists, and spacing. Provide illustrations that clarify the content, when helpful. Provide clear layout and design with consistent orientation and navigation cues.\n Some users need to be able to change the way text is displayed so that they can read the text. This includes changing the size, spacing, font, color, and other text properties. When users change these properties, no information or functionality should be lost, and the text should re-flow so users don’t have to scroll horizontally to read sentences. Text customization is more than the zoom functionality, which only changes the text size.\n People with low vision who are not using screen magnification software.\n People with some forms of dyslexia and other cognitive and learning disabilities who need a particular presentation of text to read it.\n Content is more adaptable to smaller and larger screen sizes.\n Content is more adaptable to personal preferences and comfort.\n
\n
\n Content is more adaptable when translated, since words and sentences are different lengths in different languages.\n Content must be properly designed and coded so that it can adapt to different customization settings. This includes using relative rather than absolute units for the size of fonts, controls, and other objects. Applications should use the operating system and web browser text settings. Websites and applications could also provide information to help users change their settings. Web browsers and other web tools need to provide users with text customization functionality.\n The area for clicking and tapping controls must be large enough for people to activate them. This includes links, buttons, checkboxes, and other controls. Small controls, and controls that are placed too close to each other, are difficult for many people to use. This is particularly relevant on mobile devices with small screens.\n People with physical disabilities who have reduced dexterity.\n Content is more usable on touch screens, especially on smaller mobile devices.\n
\n
\n Content is more usable for people who are not experienced with the mouse or touch-pad on the computer they are using.\n Content is more usable in situations where the device cannot be held steady.\n Design large controls or activation areas around the controls. (Increasing the font size of the control sometimes isn’t enough.) Provide adequate separation between selectable controls. Provide labels for controls, which enlarges the activation area in many browsers because the label for checkboxes and option buttons is also clickable.\n
\n Radiology represents a branch of medicine that deals with radiant energy in the diagnosis and treatment of diseases.\n This field can be divided into two broad areas - diagnostic radiology and interventional radiology.\n A physician who specializes in radiology is called radiologist.\n
\n \n );\n\n const tab2 = (\n \n
\n Hematology is the study of blood and blood disorders.\n Hematologists and hematopathologists are highly trained healthcare providers who specialize in diseases of the blood and blood components.\n These include blood and bone marrow cells.\n
\n \n );\n\n const tab3 = (\n \n
\n The term cardiology is derived from the Greek words “cardia,” which refers to the heart and “logy” meaning “study of.”\n Cardiology is a branch of medicine that concerns diseases and disorders of the heart.\n It may range from congenital defects through to acquired heart diseases such as coronary artery disease and congestive heart failure.\n Physicians who specialize in cardiology are called cardiologists and they are responsible for the medical management of various heart diseases.\n Cardiac surgeons are the specialist physicians who perform surgical procedures to correct heart disorders.\n
\n Orthopaedic surgery refers to surgical intervention in the case of diseases or injuries concerning the musculoskeletal system.\n After proper diagnoses and consultation, orthopaedic surgeons treat several conditions that affect the bones, joints, ligaments, nerves and muscles.\n
\n Pediatrics is the branch of medicine dealing with the health and medical care of infants, children, and adolescents from birth up to the age of 18.\n The word “paediatrics” means “healer of children”; they are derived from two Greek words: (pais = child) and (iatros = doctor or healer).\n Paediatrics is a relatively new medical specialty, developing only in the mid-19th century. Abraham Jacobi (1830–1919) is known as the father of paediatrics.\n
\n \n );\n\n const tab6 = (\n \n
\n Oncology is the study of cancer.\n An oncologist is a doctor who treats cancer and provides medical care for a person diagnosed with cancer.\n An oncologist may also be called a cancer specialist.\n The field of oncology has 3 major areas based on treatments: medical oncology, radiation oncology, and surgical oncology.\n
\n );\n};\n\nexport default VerticalTabs;\n\n')))}Pe.isMDXComponent=!0;var ke=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(g.Z,{title:n||"Vertical Tabs",description:a,example:o.createElement(Ce.Z,null),exampleCssSrc:o.createElement(w,null),exampleSrc:o.createElement(Pe,null),isExpanded:t})},Ne=["components"],Ie={},De="wrapper";function _e(e){var n=e.components,a=(0,l.Z)(e,Ne);return(0,r.mdx)(De,(0,t.Z)({},Ie,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(i.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-tabs"},"Terra Tabs"),(0,r.mdx)("p",null,"Tabs are containers used to organize content. They allow for quick switching between groups of contextually related content. Content is divided into different containers and each container is viewable one at a time. The user can switch between containers by selecting the corresponding tab control."),(0,r.mdx)("p",null,"Tabs are meant to organize content as to provide quick access to a group of contextually related content that does not need to be compared or accessed simultaneously. Tabs are not intended for navigation."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-tabs"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("h3",{id:"note"},"Note"),(0,r.mdx)("p",null,"The tabs component will apply the prop ",(0,r.mdx)("inlineCode",{parentName:"p"},"isLabelHidden")," to all components passed as content for Tabs.Pane. This will indicate if any of the tabs are icon only or have been truncated. When this prop is true a header should be rendered in the content area to for accessibility purposes."),(0,r.mdx)("h3",{id:"controlled-vs-uncontrolled-tabs"},"Controlled vs. Uncontrolled Tabs"),(0,r.mdx)("p",null,"Terra-tabs allows you to use either a controlled or uncontrolled mode in order to have the amount control over the state that you need."),(0,r.mdx)("h3",{id:"uncontrolled-tabs"},"Uncontrolled Tabs"),(0,r.mdx)("p",null,"Uncontrolled tabs is the default mode of terra-tabs. In this mode the tabs will handle all state internally and the initial active tab can optionally be set using ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," on the ",(0,r.mdx)("inlineCode",{parentName:"p"},"")," component."),(0,r.mdx)("h3",{id:"controlled-tabs"},"Controlled Tabs"),(0,r.mdx)("p",null,"In controlled mode terra-tabs does not handle any of the selection state internally, it is left up to the consumer. This mode is enabled by setting the ",(0,r.mdx)("inlineCode",{parentName:"p"},"activeKey")," prop on the ",(0,r.mdx)("inlineCode",{parentName:"p"},"")," component. A handler is needed for ",(0,r.mdx)("inlineCode",{parentName:"p"},"onChange")," to be notified of user selection and update the state. If both ",(0,r.mdx)("inlineCode",{parentName:"p"},"activeKey")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," are set, then ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," will have no effect."),(0,r.mdx)("h3",{id:"keyboard-navigation-guide"},"Keyboard Navigation Guide"),(0,r.mdx)("h4",{id:"performing-drag-and-drop"},"Performing Drag and Drop"),(0,r.mdx)("p",null,"When a draggable tab has focus press the ",(0,r.mdx)("inlineCode",{parentName:"p"},"Spacebar")," key to start the drag. Once a drag is started, the following keyboard shortcuts can be used:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Spacebar")," - Drop the tab"),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Escape")," - Cancel the drag"),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Left arrow")," - move the tab to the left."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Right arrow")," - move the tab to the right.")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Tabs from 'terra-tabs';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(P,{title:"Compact",mdxType:"TabsTemplate"}),(0,r.mdx)(_,{title:"Expanded",mdxType:"TabsTemplateExpanded"}),(0,r.mdx)(V,{title:"Icon Only",mdxType:"IconOnlyTabs"}),(0,r.mdx)(G,{title:"Will Display Icons in Menu When Collapsed",mdxType:"IconsInMenuTabs"}),(0,r.mdx)(M,{title:"Fill Parent Container",mdxType:"TabsWithFilledContent"}),(0,r.mdx)(z,{title:"Toggle responsiveTo Variants",mdxType:"ResponsiveTabsVariant"}),(0,r.mdx)(ne,{title:"Draggable Tabs",mdxType:"DraggableTabs"}),(0,r.mdx)(re,{title:"Add New Tab",mdxType:"AddTab"}),(0,r.mdx)(me,{title:"Closable Tabs",mdxType:"ClosableTab"}),(0,r.mdx)(ye,{title:"Add and Close Tab",mdxType:"AddCloseTab"}),(0,r.mdx)(ge,{title:"Add and Close with Interactive Content",mdxType:"AddCloseTabInteractive"}),(0,r.mdx)(ke,{title:"Vertical Tabs",mdxType:"VerticalTabs"}),(0,r.mdx)("h2",{id:"tabs-props-table"},"Tabs Props Table"),(0,r.mdx)(u,{mdxType:"TabsPropsTable"}),(0,r.mdx)("h2",{id:"tabs-pane-props-table"},"Tabs Pane Props Table"),(0,r.mdx)(y,{mdxType:"PanePropsTable"}),(0,r.mdx)("h2",{id:"testing"},"Testing"),(0,r.mdx)("p",null,"Tabs uses ",(0,r.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,r.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,r.mdx)("p",null,"If Enzyme ",(0,r.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,r.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,r.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import { v4 as uuidv4 } from 'uuid';\n\nlet mockSpyUuid;\n\n// using a variable may result in failures. For best results, mock return value.\nbeforeAll(() => {\n mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');\n});\n\n// restore the mock\nafterAll(() => {\n mockSpyUuid.mockRestore();\n});\n\n")))}_e.isMDXComponent=!0},63718:function(e,n,a){"use strict";a.d(n,{C:function(){return o}});var t=a(67294),l=a(22863),o=function(e){var n=e.url;return t.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.11.1",url:n})}},19747:function(e,n,a){"use strict";var t=a(64836),l=a(18698);n.Z=void 0;var o=t(a(861)),r=t(a(27424)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=b(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(67294)),s=t(a(47166)),d=t(a(68766)),c=t(a(50826)),m=t(a(76414)),u=t(a(2331)),p=t(a(85492));function b(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(b=function(e){return e?a:n})(e)}var f=s.default.bind(p.default),y=-1;n.Z=function(){var e=[],n=(0,i.useState)(e),a=(0,r.default)(n,2),t=a[0],l=a[1],s=(0,i.useState)(),p=(0,r.default)(s,2),b=p[0],h=p[1];e.push({label:"Patient Information",key:"AddcloseLabelTab",content:"Patient Information"}),e.push({label:"Add Patient",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"AddcloseIconTab",content:"Add Patient"}),e.push({label:"TPA & Insurance",customDisplay:i.default.createElement("div",{className:f("custom-display")},"TPA & Insurance"),key:"AddcloseCustomTab",content:"TPA & Insurance"}),e.push({label:"Disabled Tab",key:"AddcloseDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of Out-Patient Details Department Wise",key:"AddcloselongLabel",content:"List of Out-Patient Details Department Wise"}),e.push({label:"Ambulance Service",key:"AddcloselastTab",content:"Ambulance Service"});return i.default.createElement("div",{className:f("content-wrapper")},i.default.createElement(m.default,{id:"Addclose",onChange:function(e,n){n!==b&&h(n)},activeKey:b,setFocusOnContent:!0,isClosable:!0,onSelectAddButton:function(){y+=1;var e=t;e.push({label:"Added New Tab_".concat(y),isIconOnly:!1,key:"AddcloseTab_".concat(y),content:"Added New Tab_".concat(y),isActive:!0}),h("AddcloseTab_".concat(y)),l(e)},ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var a=(0,o.default)(t),r=a.findIndex((function(e){return e.key===n}));-1!==r&&(a.splice(r,1),l(a))}},t.map((function(e){return i.default.createElement(m.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(u.default,{label:e.content}))}))))}},10514:function(e,n,a){"use strict";var t=a(64836),l=a(18698);n.Z=void 0;var o=t(a(861)),r=t(a(27424)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=T(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(67294)),s=t(a(47166)),d=t(a(68766)),c=t(a(50826)),m=t(a(76414)),u=t(a(79029)),p=t(a(47717)),b=t(a(55142)),f=t(a(96388)),y=t(a(2331)),h=t(a(85492));function T(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(T=function(e){return e?a:n})(e)}var x=s.default.bind(h.default),v=-1;n.Z=function(){var e=[],n=(0,i.useState)(e),a=(0,r.default)(n,2),t=a[0],l=a[1],s=(0,i.useState)(),h=(0,r.default)(s,2),T=h[0],g=h[1];e.push({label:"Patient Information",key:"AddcloseInteractiveLabelTab",content:"Patient Information",children:i.default.createElement(i.default.Fragment,null,i.default.createElement(u.default,{id:"default-radio",labelText:"Default Radio",name:"default",disabled:!0}),i.default.createElement(u.default,{id:"default1-radio",labelText:"Default Radio",name:"default"}))}),e.push({label:"Add Patient",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"AddcloseInteractiveIconTab",children:i.default.createElement(i.default.Fragment,null,i.default.createElement("div",null,i.default.createElement(f.default,{type:"checkbox",legend:"Give your full name here",name:"children_present",value:"children_present",error:"All fields must be filled out",required:!0},i.default.createElement(p.default,{label:"First",isInline:!0,required:!0,htmlFor:"first"},i.default.createElement(b.default,{id:"first",type:"text",name:"first",defaultValue:""})),i.default.createElement(p.default,{label:"Middle",isInline:!0,required:!0,htmlFor:"middle"},i.default.createElement(b.default,{id:"middle",type:"text",name:"middle",defaultValue:""})),i.default.createElement(p.default,{label:"Last",isInline:!0,required:!0,htmlFor:"last"},i.default.createElement(b.default,{id:"last",type:"text",name:"last",defaultValue:""})))))}),e.push({label:"TPA & Insurance",customDisplay:i.default.createElement("div",{className:x("custom-display")},"TPA & Insurance"),key:"AddcloseInteractiveCustomTab",content:"TPA & Insurance",children:i.default.createElement(i.default.Fragment,null,i.default.createElement(u.default,{id:"default-radio",labelText:"Default Radio",name:"default",disabled:!0}),i.default.createElement(u.default,{id:"default1-radio",labelText:"Default Radio",name:"default"}))}),e.push({label:"Disabled Tab",key:"AddcloseInteractiveDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of Out-Patient Details Department Wise",key:"AddcloseInteractivelongLabel",content:"List of Out-Patient Details Department Wise"}),e.push({label:"Ambulance Service",key:"AddcloseInteractivelastTab",content:"Ambulance Service"});return i.default.createElement("div",{className:x("content-wrapper")},i.default.createElement(m.default,{id:"AddcloseInteractive",onChange:function(e,n){n!==T&&g(n)},activeKey:T,isClosable:!0,onSelectAddButton:function(){v+=1;var e=t;e.push({label:"Added New Tab_".concat(v),isIconOnly:!1,key:"AddcloseInteractiveTab_".concat(v),content:"Added New Tab_".concat(v),isActive:!0}),g("AddcloseInteractiveTab_".concat(v)),l(e)},ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var a=(0,o.default)(t),r=a.findIndex((function(e){return e.key===n}));-1!==r&&(a.splice(r,1),l(a))}},t.map((function(e){return i.default.createElement(m.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(y.default,{label:e.content},e.children))}))))}},90643:function(e,n,a){"use strict";var t=a(64836),l=a(18698);n.Z=void 0;var o=t(a(27424)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=p(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(67294)),i=t(a(47166)),s=t(a(56468)),d=t(a(50826)),c=t(a(76414)),m=t(a(2331)),u=t(a(85492));function p(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:n})(e)}var b=i.default.bind(u.default),f=-1;n.Z=function(){var e=[],n=(0,r.useState)(e),a=(0,o.default)(n,2),t=a[0],l=a[1],i=(0,r.useState)(),u=(0,o.default)(i,2),p=u[0],y=u[1];e.push({label:"Self Registration",key:"AddLabelTab",content:"Self Registration"}),e.push({label:"Find A Doctor",icon:r.default.createElement(d.default,null),isIconOnly:!0,key:"AddIconTab",content:"Find A Doctor"}),e.push({label:"View Specialities",customDisplay:r.default.createElement("div",{className:b("custom-display")},"View Specialities"),key:"AddCustomTab",content:"View Specialities"}),e.push({label:"Pharmacy",key:"AddDisabledTab",icon:r.default.createElement(s.default,null)}),e.push({label:"Billing, Insurance & Payment",key:"AddlongLabel",content:"Billing, Insurance & Payment"}),e.push({label:"Lab Medicine",key:"AddlastTab",content:"Lab Medicine"});return r.default.createElement("div",{className:b("content-wrapper")},r.default.createElement(c.default,{id:"AddTab",onChange:function(e,n){n!==p&&y(n)},isDraggable:!0,setFocusOnContent:!0,activeKey:p,onSelectAddButton:function(){f+=1;var e=t;e.push({label:"Added New Tab_".concat(f),isIconOnly:!1,key:"AddTab_".concat(f),content:"Added New Tab_".concat(f),isActive:!0}),y("AddTab_".concat(f)),l(e)},ariaLabelAddTab:"Add Tab"},t.map((function(e){return r.default.createElement(c.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},r.default.createElement(m.default,{label:e.content}))}))))}},37902:function(e,n,a){"use strict";var t=a(64836),l=a(18698);n.Z=void 0;var o=t(a(861)),r=t(a(27424)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=b(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(67294)),s=t(a(47166)),d=t(a(56468)),c=t(a(50826)),m=t(a(76414)),u=t(a(2331)),p=t(a(85492));function b(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(b=function(e){return e?a:n})(e)}var f=s.default.bind(p.default);n.Z=function(){var e=[],n=(0,i.useState)(e),a=(0,r.default)(n,2),t=a[0],l=a[1];e.push({label:"Doctors",key:"CloseLabelTab",content:"Doctor details"}),e.push({label:"Pharmacy",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"CloseIconTab",content:"Pharmacy details"}),e.push({label:"Customized Tab",customDisplay:i.default.createElement("div",{className:f("custom-display")},"Customized Tab"),key:"CloseCustomTab",content:"Custom display"}),e.push({label:"Disabled Tab",key:"CloseDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of In-Patient Details Department Wise",key:"CloselongLabel",content:"List for In-Patient Details Department Wise"}),e.push({label:"Appointments",key:"CloselastTab",content:"Appointments"});return i.default.createElement("div",{className:f("content-wrapper")},i.default.createElement(m.default,{id:"Closabletab",setFocusOnContent:!0,isClosable:!0,ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var a=(0,o.default)(t),r=a.findIndex((function(e){return e.key===n}));-1!==r&&(a.splice(r,1),l(a))}},t.map((function(e){return i.default.createElement(m.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(u.default,{label:e.content}))}))))}},19762:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(56690)),o=t(a(89728)),r=t(a(66115)),i=t(a(61655)),s=t(a(94993)),d=t(a(73808)),c=t(a(67294)),m=t(a(76414)),u=t(a(62936));function p(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,t=(0,d.default)(e);if(n){var l=(0,d.default)(this).constructor;a=Reflect.construct(t,arguments,l)}else a=t.apply(this,arguments);return(0,s.default)(this,a)}}var b=function(e){(0,i.default)(a,e);var n=p(a);function a(e){var t;return(0,l.default)(this,a),(t=n.call(this,e)).state={activeKey:"Hematology"},t.handleSelection=t.handleSelection.bind((0,r.default)(t)),t.handleTabActivation=t.handleTabActivation.bind((0,r.default)(t)),t}return(0,o.default)(a,[{key:"handleSelection",value:function(e,n){n!==this.state.activeKey&&this.setState({activeKey:n})}},{key:"handleTabActivation",value:function(){this.setState({activeKey:"Radiology"})}},{key:"render",value:function(){var e=c.default.createElement(m.default.Pane,{label:"Radiology",key:"Radiology",id:"tab1"},c.default.createElement("p",{id:"tab1"},"Radiology represents a branch of medicine that deals with radiant energy in the diagnosis and treatment of diseases. This field can be divided into two broad areas - diagnostic radiology and interventional radiology. A physician who specializes in radiology is called radiologist.")),n=c.default.createElement(m.default.Pane,{label:"Hematology",key:"Hematology",id:"tab2"},c.default.createElement("p",{id:"tab2"},"Hematology is the study of blood and blood disorders. Hematologists and hematopathologists are highly trained healthcare providers who specialize in diseases of the blood and blood components. These include blood and bone marrow cells.")),a=c.default.createElement(m.default.Pane,{label:"Cardiology",key:"Cardiology",id:"tab3"},c.default.createElement("p",{id:"tab3"},"The term cardiology is derived from the Greek words “cardia,” which refers to the heart and “logy” meaning “study of.” Cardiology is a branch of medicine that concerns diseases and disorders of the heart. It may range from congenital defects through to acquired heart diseases such as coronary artery disease and congestive heart failure. Physicians who specialize in cardiology are called cardiologists and they are responsible for the medical management of various heart diseases. Cardiac surgeons are the specialist physicians who perform surgical procedures to correct heart disorders.")),t=c.default.createElement(m.default.Pane,{icon:c.default.createElement(u.default,null),isIconOnly:!0,label:"Orthopaedics",key:"Orthopaedics",id:"tab4"},c.default.createElement("p",{id:"tab4"},"Orthopaedic surgery refers to surgical intervention in the case of diseases or injuries concerning the musculoskeletal system. After proper diagnoses and consultation, orthopaedic surgeons treat several conditions that affect the bones, joints, ligaments, nerves and muscles.")),l=c.default.createElement(m.default.Pane,{icon:c.default.createElement(u.default,null),showIcon:!0,label:"Paediatrics",key:"Paediatrics",id:"tab5"},c.default.createElement("p",{id:"tab5"},"Pediatrics is the branch of medicine dealing with the health and medical care of infants, children, and adolescents from birth up to the age of 18. The word “paediatrics” means “healer of children”; they are derived from two Greek words: (pais = child) and (iatros = doctor or healer). Paediatrics is a relatively new medical specialty, developing only in the mid-19th century. Abraham Jacobi (1830–1919) is known as the father of paediatrics.")),o=c.default.createElement(m.default.Pane,{label:"Oncology",key:"Oncology",id:"tab6"},c.default.createElement("p",{id:"tab6"},"Oncology is the study of cancer. An oncologist is a doctor who treats cancer and provides medical care for a person diagnosed with cancer. An oncologist may also be called a cancer specialist. The field of oncology has 3 major areas based on treatments: medical oncology, radiation oncology, and surgical oncology."));return c.default.createElement("div",null,c.default.createElement("button",{id:"activate-tab",type:"button",onClick:this.handleTabActivation},"Activate Tab"),c.default.createElement("div",{id:"current-selection"},c.default.createElement("p",null,"Last Triggered Tab:",this.state.activeKey)),c.default.createElement(m.default,{setFocusOnContent:!0,isDraggable:!0,id:"controlledTabs",onChange:this.handleSelection,activeKey:this.state.activeKey},e,n,a,t,l,o))}}]),a}(c.default.Component);n.Z=b},29230:function(e,n,a){"use strict";var t=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(56468)),i=t(a(50826)),s=t(a(78878)),d=t(a(45697)),c=t(a(88245)),m=t(a(76414)),u=t(a(2331)),p=t(a(85492)),b=o.default.bind(p.default),f={id:d.default.string},y=function(e){var n=l.default.createElement(m.default.Pane,{label:"Search",icon:l.default.createElement(i.default,null),isIconOnly:!0,key:"Search"},l.default.createElement(u.default,{label:"Search"})),a=l.default.createElement(m.default.Pane,{label:"Briefcase",icon:l.default.createElement(r.default,null),isIconOnly:!0,key:"Briefcase"},l.default.createElement(u.default,{label:"Briefcase"})),t=l.default.createElement(m.default.Pane,{label:"Bookmark",icon:l.default.createElement(s.default,null),isIconOnly:!0,key:"Bookmark"},l.default.createElement(u.default,{label:"Bookmark"})),o=l.default.createElement(m.default.Pane,{label:"Calendar",icon:l.default.createElement(c.default,null),isIconOnly:!0,key:"Calendar"},l.default.createElement(u.default,{label:"Calendar"}));return l.default.createElement("div",{className:b("content-wrapper")},l.default.createElement(m.default,{id:e.id,setFocusOnContent:!0},n,a,t,o))};y.propTypes=f;n.default=y},86196:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(76414)),i=t(a(50826)),s=t(a(56468)),d=t(a(78878)),c=t(a(88245)),m=t(a(71739)),u=t(a(87491)),p=t(a(2331)),b=t(a(85492)),f=o.default.bind(b.default);n.Z=function(){var e=l.default.createElement(r.default.Pane,{label:"Search",icon:l.default.createElement(i.default,null),showIcon:!0,key:"MenuTabSearch"},l.default.createElement(p.default,{label:"Search",id:"MenuTabSearchContent"})),n=l.default.createElement(r.default.Pane,{label:"Briefcase",icon:l.default.createElement(s.default,null),showIcon:!0,key:"MenuTabBriefcase"},l.default.createElement(p.default,{label:"Briefcase",id:"MenuTabBriefcaseContent"})),a=l.default.createElement(r.default.Pane,{label:"Bookmark",icon:l.default.createElement(d.default,null),showIcon:!0,key:"MenuTabBookmark"},l.default.createElement(p.default,{label:"Bookmark",id:"MenuTabBookmarkContent"})),t=l.default.createElement(r.default.Pane,{label:"Calendar",icon:l.default.createElement(c.default,null),showIcon:!0,key:"MenuTabCalendar"},l.default.createElement(p.default,{label:"Calendar",id:"MenuTabCalendarContent"})),o=l.default.createElement(r.default.Pane,{label:"Envelope",icon:l.default.createElement(m.default,null),showIcon:!0,key:"MenuTabEnvelope"},l.default.createElement(p.default,{label:"Envelope",id:"MenuTabEnvelopeContent"})),b=l.default.createElement(r.default.Pane,{label:"Printer",icon:l.default.createElement(u.default,null),showIcon:!0,key:"MenuTabPrinter"},l.default.createElement(p.default,{label:"Printer",id:"MenuTabPrinterContent"}));return l.default.createElement("div",{className:f("content-wrapper")},l.default.createElement(r.default,{setFocusOnContent:!0,id:"icons-only-menu"},e,n,a,t,o,b))}},74584:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(10434)),o=t(a(13012)),r=t(a(67294)),i=t(a(45697)),s=t(a(84423)),d=t(a(55653)),c=t(a(29230)),m={renderIconTabs:i.default.bool},u=function(e){var n=(0,l.default)({},((0,o.default)(e),e));return n.renderIconTabs?r.default.createElement(c.default,(0,l.default)({},n,{id:"iconOnlyTabsId"})):r.default.createElement(d.default,(0,l.default)({},n,{id:"responsive"}))};u.propTypes=m;n.Z=(0,s.default)(u)},84423:function(e,n,a){"use strict";var t=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(10434)),o=t(a(56690)),r=t(a(89728)),i=t(a(66115)),s=t(a(61655)),d=t(a(94993)),c=t(a(73808)),m=t(a(67294)),u=t(a(47166)),p=t(a(91940));function b(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,t=(0,c.default)(e);if(n){var l=(0,c.default)(this).constructor;a=Reflect.construct(t,arguments,l)}else a=t.apply(this,arguments);return(0,d.default)(this,a)}}var f=u.default.bind(p.default);n.default=function(e){return function(n){(0,s.default)(t,n);var a=b(t);function t(e){var n;return(0,o.default)(this,t),(n=a.call(this,e)).handleOnSelect=n.handleOnSelect.bind((0,i.default)(n)),n.state={containerClassName:"parent-container-650",renderIconTabs:!1},n}return(0,r.default)(t,[{key:"handleOnSelect",value:function(e){this.setState({renderIconTabs:"default"!==e.target.value.split("-")[0],containerClassName:e.target.value})}},{key:"render",value:function(){return m.default.createElement("div",{className:f(this.state.containerClassName)},m.default.createElement(e,(0,l.default)({renderIconTabs:this.state.renderIconTabs},this.props)),m.default.createElement("div",{className:f("options-container")},m.default.createElement("p",null,m.default.createElement("label",{htmlFor:"responsiveTabsVariant"},"Select a responsiveTo variant:")),m.default.createElement("select",{className:f("options"),id:"responsiveTabsVariant",name:"responsiveTabsVariant",value:this.state.containerClassName,onChange:this.handleOnSelect},m.default.createElement("option",{value:"default-window"},"Default Tabs - Window"),m.default.createElement("option",{value:"default-parent-container-220"},"Default Tabs - Parent (Container Width: 220px)"),m.default.createElement("option",{value:"default-parent-container-650"},"Default Tabs - Parent (Container Width: 650px)"),m.default.createElement("option",{value:"icon-window"},"Icon Only Tabs - Window"),m.default.createElement("option",{value:"icon-none-container-220"},"Icon Only Tabs - None (Container Width: 220px)"),m.default.createElement("option",{value:"icon-none-container-650"},"Icon Only Tabs - None (Container Width: 650px)"),m.default.createElement("option",{value:"icon-parent-container-220"},"Icon Only Tabs - Parent (Container Width: 220px)"))))}}]),t}(m.default.Component)}},2331:function(e,n,a){"use strict";var t=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(45697)),i=t(a(85492)),s=o.default.bind(i.default),d={isLabelHidden:r.default.bool,label:r.default.string,children:r.default.node,id:r.default.string},c=function(e){var n=e.isLabelHidden,a=e.label,t=e.id,o=e.children;return l.default.createElement("div",{className:s("tab-content-template"),id:t},n?l.default.createElement("h3",null,a):null,o||l.default.createElement("div",null,"Content for"," ",l.default.createElement("i",null,a)))};c.propTypes=d;n.default=c},55653:function(e,n,a){"use strict";var t=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(45697)),i=t(a(56468)),s=t(a(76414)),d=t(a(2331)),c=t(a(85492)),m=o.default.bind(c.default),u={id:r.default.string},p=function(e){var n=e.id?e.id:"compact",a=l.default.createElement(s.default.Pane,{label:"Tab with label",key:"".concat(n,"LabelTab"),id:"".concat(n,"LabelTab")},l.default.createElement(d.default,{label:"Tab with label",id:"".concat(n,"LabelTabContent")})),t=l.default.createElement(s.default.Pane,{label:"Tab with icon",icon:l.default.createElement(i.default,null),key:"".concat(n,"IconTab"),id:"".concat(n,"IconTab")},l.default.createElement(d.default,{id:"".concat(n,"IconTabContent"),label:"Tab with icon"}));return l.default.createElement("div",{className:m("content-wrapper"),id:"".concat(n,"content")},l.default.createElement(s.default,{setFocusOnContent:!0,defaultActiveKey:"".concat(n,"LabelTab"),id:n},a,t))};p.propTypes=u;n.default=p},45856:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(45697)),i=t(a(56468)),s=t(a(50826)),d=t(a(76414)),c=t(a(2331)),m=t(a(85492)),u=o.default.bind(m.default),p={tabFill:r.default.bool},b=function(e){var n=l.default.createElement(d.default.Pane,{label:"Tab with label",key:"ExpandedLabelTab"},l.default.createElement(c.default,{label:"Tab with label",id:"ExpandedLabelTab"})),a=l.default.createElement(d.default.Pane,{label:"Tab with icon",icon:l.default.createElement(i.default,null),key:"ExpandedIconTab"},l.default.createElement(c.default,{label:"Tab with icon",id:"ExpandedIconTabContent"})),t=l.default.createElement(d.default.Pane,{customDisplay:l.default.createElement("div",{className:u("custom-display")},"Custom display"),label:"Custom display",key:"ExpandedCustomTab"},l.default.createElement(c.default,{id:"ExpandedCustomTabContent",label:"Custom display"})),o=l.default.createElement(d.default.Pane,{label:"Longer text tab name with label for application",key:"ExpandedlongLabel"},l.default.createElement(c.default,{id:"ExpandedlongLabelContent",label:"Longer text tab name with label for application"})),r=l.default.createElement(d.default.Pane,{label:"Last Tab",key:"ExpandedlastTab"},l.default.createElement(c.default,{id:"ExpandedlastTabContent",label:"Last Tab"})),m=l.default.createElement(d.default.Pane,{label:"Disabled Tab",icon:l.default.createElement(s.default,null),isDisabled:!0,key:"ExpandedDisabledTab"});return l.default.createElement("div",{className:u("content-wrapper")},l.default.createElement(d.default,{setFocusOnContent:!0,defaultActiveKey:"ExpandedLabelTab",tabFill:e.tabFill,id:"icon-in-menu"},n,a,t,m,o,r))};b.propTypes=p;n.Z=function(){return l.default.createElement(b,{tabFill:!0,id:"expanded"})}},76465:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(76414)),i=t(a(2331)),s=t(a(85492)),d=o.default.bind(s.default),c=function(){var e=l.default.createElement(r.default.Pane,{label:"Large content",key:"LargeContent"},l.default.createElement(i.default,{label:"Large Content"},l.default.createElement("p",null,"Users need to know what is going on, and get appropriate feedback during interaction. For example, users need confirmation messages when actions are completed, such as when forms are submitted. Also, error messages must provide clear directions rather than confuse users. People with some cognitive and learning disabilities, who may be easily confused by unexpected behavior and unclear error messages. People with partial sight and blindness, who rely on notifications, instructions, and errors messages to understand the context and interactions. Content is more usable for people who are new to the particular website or application."),l.default.createElement("p",null,"Content is more usable for people who are not confident using computers and the web. Content is less confusing and daunting to everyone, regardless of skills. Use clear and simple language to make error messages more understandable. For example, describe how to fix an error. When forms are submitted, provide a confirmation message. When a change is made on the screen, such as new content added, alert users to the change. Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. For some complex content such as medical information, separate, easy-to-read information may be necessary. People with learning disabilities who cannot understand complex sentence structures and vocabulary."),l.default.createElement("p",null,"People with cognitive disabilities who have difficulty focusing on long passages of dense text. Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy. Content is easier to understand by users who are not familiar with the topic. Content is easier to skim, and get an overview of the information."),l.default.createElement("p",null,"Avoid overly complex words, jargon, and acronyms, or provide explanations when they need to be used. Provide structure using headings, lists, and spacing. Provide illustrations that clarify the content, when helpful. Provide clear layout and design with consistent orientation and navigation cues. Some users need to be able to change the way text is displayed so that they can read the text. This includes changing the size, spacing, font, color, and other text properties. When users change these properties, no information or functionality should be lost, and the text should re-flow so users don’t have to scroll horizontally to read sentences. Text customization is more than the zoom functionality, which only changes the text size. People with low vision who are not using screen magnification software. People with some forms of dyslexia and other cognitive and learning disabilities who need a particular presentation of text to read it. Content is more adaptable to smaller and larger screen sizes. Content is more adaptable to personal preferences and comfort."),l.default.createElement("p",null,"Content is more adaptable when translated, since words and sentences are different lengths in different languages. Content must be properly designed and coded so that it can adapt to different customization settings. This includes using relative rather than absolute units for the size of fonts, controls, and other objects. Applications should use the operating system and web browser text settings. Websites and applications could also provide information to help users change their settings. Web browsers and other web tools need to provide users with text customization functionality. The area for clicking and tapping controls must be large enough for people to activate them. This includes links, buttons, checkboxes, and other controls. Small controls, and controls that are placed too close to each other, are difficult for many people to use. This is particularly relevant on mobile devices with small screens. People with physical disabilities who have reduced dexterity. Content is more usable on touch screens, especially on smaller mobile devices."),l.default.createElement("p",null,"Content is more usable for people who are not experienced with the mouse or touch-pad on the computer they are using. Content is more usable in situations where the device cannot be held steady. Design large controls or activation areas around the controls. (Increasing the font size of the control sometimes isn’t enough.) Provide adequate separation between selectable controls. Provide labels for controls, which enlarges the activation area in many browsers because the label for checkboxes and option buttons is also clickable."))),n=l.default.createElement(r.default.Pane,{label:"Short Content",key:"ShortContent"},l.default.createElement(i.default,{label:"Short Content"}));return l.default.createElement("div",{className:d("content-container")},l.default.createElement(r.default,{setFocusOnContent:!0,fill:!0,id:"filledcontent"},e,n))};n.Z=function(){return l.default.createElement(c,{fill:!0})}},89527:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(30217)),i=t(a(41086)),s=t(a(76414)),d=t(a(2331)),c=t(a(85492)),m=o.default.bind(c.default);n.Z=function(){var e=l.default.createElement(s.default.Pane,{label:"Medical Department",key:"tLabelTab"},l.default.createElement(d.default,{label:"Medical Department"})),n=l.default.createElement(s.default.Pane,{label:"Pharmacy Deparment",isIconOnly:!0,icon:l.default.createElement(r.default,null),key:"tonlyIconTab"},l.default.createElement(d.default,{label:"Pharmacy Deparment"})),a=l.default.createElement(s.default.Pane,{label:"Patient Department",icon:l.default.createElement(i.default,null),key:"tIconTab"},l.default.createElement(d.default,{label:"Patient Department"})),t=l.default.createElement(s.default.Pane,{customDisplay:l.default.createElement("div",{className:m("custom-display")},"Surgical Department"),label:"Surgical Department",key:"tCustomTab"},l.default.createElement(d.default,{label:"Surgical Department"})),o=l.default.createElement(s.default.Pane,{label:"Department of Hospital Administration",key:"tlongLabel"},l.default.createElement(d.default,{label:"Department of Hospital Administration"})),c=l.default.createElement(s.default.Pane,{label:"Academic Department",key:"tlastTab"},l.default.createElement(d.default,{label:"Academic Department"}));return l.default.createElement("div",{className:m("content-container-vertical")},l.default.createElement(s.default,{isDraggable:!0,fill:!0,verticalOrientation:!0,setFocusOnContent:!0,id:"verticaltab"},n,e,a,t,o,c))}},17422:function(e,n,a){"use strict";a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,n,a){"use strict";a.r(n),n.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},91940:function(e,n,a){"use strict";a.r(n),n.default={"default-window":"ResponsiveTabsVariantWrapper-module__default-window___OILOY","icon-window":"ResponsiveTabsVariantWrapper-module__icon-window___rE8aT","default-parent-container-220":"ResponsiveTabsVariantWrapper-module__default-parent-container-220___rR3aL","icon-parent-container-220":"ResponsiveTabsVariantWrapper-module__icon-parent-container-220___puNHZ","default-parent-container-650":"ResponsiveTabsVariantWrapper-module__default-parent-container-650___nY0Av","icon-none-container-220":"ResponsiveTabsVariantWrapper-module__icon-none-container-220___zM+OX","icon-none-container-650":"ResponsiveTabsVariantWrapper-module__icon-none-container-650___TvPPB","options-container":"ResponsiveTabsVariantWrapper-module__options-container___CijBI",options:"ResponsiveTabsVariantWrapper-module__options___62gtP"}},85492:function(e,n,a){"use strict";a.r(n),n.default={"content-wrapper":"TabExample-module__content-wrapper___SHHo6","tab-content-template":"TabExample-module__tab-content-template___eY-9-","custom-display":"TabExample-module__custom-display___DNeb7","content-container":"TabExample-module__content-container___eAfPQ","content-container-vertical":"TabExample-module__content-container-vertical___nzztQ"}},78878:function(e,n,a){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=o(a(67294)),l=o(a(99139));function o(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n {\n const tabKey = props.id ? props.id : 'compact';\n const labelTab = (\n \n \n \n );\n\n const iconTab = (\n } key={`${tabKey}IconTab`} id={`${tabKey}IconTab`}>\n \n \n );\n return (\n
\n );\n};\n\nTabsTemplate.propTypes = propTypes;\n\nconst TabExpanded = () => (\n \n);\nexport default TabExpanded;\n\n')))}D.isMDXComponent=!0;var _=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(g.Z,{title:n||"Tabs Template Expanded",description:a,example:o.createElement(k.Z,null),exampleCssSrc:o.createElement(w,null),exampleSrc:o.createElement(D,null),isExpanded:t})},A=a(76465),O=["components"],S={};function R(e){var n=e.components,a=(0,l.Z)(e,O);return(0,r.mdx)("wrapper",(0,t.Z)({},S,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport Tabs from \'terra-tabs\';\nimport TabContent from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst TabsWithFilledContent = () => {\n const tab1 = (\n \n \n
\n Users need to know what is going on, and get appropriate feedback during interaction. For example, users need confirmation messages when actions are completed, such as when forms are submitted. Also, error messages must provide clear directions rather than confuse users.\n People with some cognitive and learning disabilities, who may be easily confused by unexpected behavior and unclear error messages.\n People with partial sight and blindness, who rely on notifications, instructions, and errors messages to understand the context and interactions.\n Content is more usable for people who are new to the particular website or application.\n
\n
\n Content is more usable for people who are not confident using computers and the web.\n Content is less confusing and daunting to everyone, regardless of skills.\n Use clear and simple language to make error messages more understandable. For example, describe how to fix an error. When forms are submitted, provide a confirmation message. When a change is made on the screen, such as new content added, alert users to the change.\n Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. For some complex content such as medical information, separate, easy-to-read information may be necessary.\n People with learning disabilities who cannot understand complex sentence structures and vocabulary.\n
\n
\n People with cognitive disabilities who have difficulty focusing on long passages of dense text.\n Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy.\n Content is easier to understand by users who are not familiar with the topic.\n Content is easier to skim, and get an overview of the information.\n
\n
\n Avoid overly complex words, jargon, and acronyms, or provide explanations when they need to be used. Provide structure using headings, lists, and spacing. Provide illustrations that clarify the content, when helpful. Provide clear layout and design with consistent orientation and navigation cues.\n Some users need to be able to change the way text is displayed so that they can read the text. This includes changing the size, spacing, font, color, and other text properties. When users change these properties, no information or functionality should be lost, and the text should re-flow so users don’t have to scroll horizontally to read sentences. Text customization is more than the zoom functionality, which only changes the text size.\n People with low vision who are not using screen magnification software.\n People with some forms of dyslexia and other cognitive and learning disabilities who need a particular presentation of text to read it.\n Content is more adaptable to smaller and larger screen sizes.\n Content is more adaptable to personal preferences and comfort.\n
\n
\n Content is more adaptable when translated, since words and sentences are different lengths in different languages.\n Content must be properly designed and coded so that it can adapt to different customization settings. This includes using relative rather than absolute units for the size of fonts, controls, and other objects. Applications should use the operating system and web browser text settings. Websites and applications could also provide information to help users change their settings. Web browsers and other web tools need to provide users with text customization functionality.\n The area for clicking and tapping controls must be large enough for people to activate them. This includes links, buttons, checkboxes, and other controls. Small controls, and controls that are placed too close to each other, are difficult for many people to use. This is particularly relevant on mobile devices with small screens.\n People with physical disabilities who have reduced dexterity.\n Content is more usable on touch screens, especially on smaller mobile devices.\n
\n
\n Content is more usable for people who are not experienced with the mouse or touch-pad on the computer they are using.\n Content is more usable in situations where the device cannot be held steady.\n Design large controls or activation areas around the controls. (Increasing the font size of the control sometimes isn’t enough.) Provide adequate separation between selectable controls. Provide labels for controls, which enlarges the activation area in many browsers because the label for checkboxes and option buttons is also clickable.\n
\n Radiology represents a branch of medicine that deals with radiant energy in the diagnosis and treatment of diseases.\n This field can be divided into two broad areas - diagnostic radiology and interventional radiology.\n A physician who specializes in radiology is called radiologist.\n
\n \n );\n\n const tab2 = (\n \n
\n Hematology is the study of blood and blood disorders.\n Hematologists and hematopathologists are highly trained healthcare providers who specialize in diseases of the blood and blood components.\n These include blood and bone marrow cells.\n
\n \n );\n\n const tab3 = (\n \n
\n The term cardiology is derived from the Greek words “cardia,” which refers to the heart and “logy” meaning “study of.”\n Cardiology is a branch of medicine that concerns diseases and disorders of the heart.\n It may range from congenital defects through to acquired heart diseases such as coronary artery disease and congestive heart failure.\n Physicians who specialize in cardiology are called cardiologists and they are responsible for the medical management of various heart diseases.\n Cardiac surgeons are the specialist physicians who perform surgical procedures to correct heart disorders.\n
\n Orthopaedic surgery refers to surgical intervention in the case of diseases or injuries concerning the musculoskeletal system.\n After proper diagnoses and consultation, orthopaedic surgeons treat several conditions that affect the bones, joints, ligaments, nerves and muscles.\n
\n Pediatrics is the branch of medicine dealing with the health and medical care of infants, children, and adolescents from birth up to the age of 18.\n The word “paediatrics” means “healer of children”; they are derived from two Greek words: (pais = child) and (iatros = doctor or healer).\n Paediatrics is a relatively new medical specialty, developing only in the mid-19th century. Abraham Jacobi (1830–1919) is known as the father of paediatrics.\n
\n \n );\n\n const tab6 = (\n \n
\n Oncology is the study of cancer.\n An oncologist is a doctor who treats cancer and provides medical care for a person diagnosed with cancer.\n An oncologist may also be called a cancer specialist.\n The field of oncology has 3 major areas based on treatments: medical oncology, radiation oncology, and surgical oncology.\n
\n );\n};\n\nexport default VerticalTabs;\n\n')))}Pe.isMDXComponent=!0;var ke=function(e){var n=e.title,a=e.description,t=e.isExpanded;return o.createElement(g.Z,{title:n||"Vertical Tabs",description:a,example:o.createElement(Ce.Z,null),exampleCssSrc:o.createElement(w,null),exampleSrc:o.createElement(Pe,null),isExpanded:t})},Ne=["components"],Ie={},De="wrapper";function _e(e){var n=e.components,a=(0,l.Z)(e,Ne);return(0,r.mdx)(De,(0,t.Z)({},Ie,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(i.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-tabs"},"Terra Tabs"),(0,r.mdx)("p",null,"Tabs are containers used to organize content. They allow for quick switching between groups of contextually related content. Content is divided into different containers and each container is viewable one at a time. The user can switch between containers by selecting the corresponding tab control."),(0,r.mdx)("p",null,"Tabs are meant to organize content as to provide quick access to a group of contextually related content that does not need to be compared or accessed simultaneously. Tabs are not intended for navigation."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-tabs"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("h3",{id:"note"},"Note"),(0,r.mdx)("p",null,"The tabs component will apply the prop ",(0,r.mdx)("inlineCode",{parentName:"p"},"isLabelHidden")," to all components passed as content for Tabs.Pane. This will indicate if any of the tabs are icon only or have been truncated. When this prop is true a header should be rendered in the content area to for accessibility purposes."),(0,r.mdx)("h3",{id:"controlled-vs-uncontrolled-tabs"},"Controlled vs. Uncontrolled Tabs"),(0,r.mdx)("p",null,"Terra-tabs allows you to use either a controlled or uncontrolled mode in order to have the amount control over the state that you need."),(0,r.mdx)("h3",{id:"uncontrolled-tabs"},"Uncontrolled Tabs"),(0,r.mdx)("p",null,"Uncontrolled tabs is the default mode of terra-tabs. In this mode the tabs will handle all state internally and the initial active tab can optionally be set using ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," on the ",(0,r.mdx)("inlineCode",{parentName:"p"},"")," component."),(0,r.mdx)("h3",{id:"controlled-tabs"},"Controlled Tabs"),(0,r.mdx)("p",null,"In controlled mode terra-tabs does not handle any of the selection state internally, it is left up to the consumer. This mode is enabled by setting the ",(0,r.mdx)("inlineCode",{parentName:"p"},"activeKey")," prop on the ",(0,r.mdx)("inlineCode",{parentName:"p"},"")," component. A handler is needed for ",(0,r.mdx)("inlineCode",{parentName:"p"},"onChange")," to be notified of user selection and update the state. If both ",(0,r.mdx)("inlineCode",{parentName:"p"},"activeKey")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," are set, then ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," will have no effect."),(0,r.mdx)("h3",{id:"keyboard-navigation-guide"},"Keyboard Navigation Guide"),(0,r.mdx)("h4",{id:"performing-drag-and-drop"},"Performing Drag and Drop"),(0,r.mdx)("p",null,"When a draggable tab has focus press the ",(0,r.mdx)("inlineCode",{parentName:"p"},"Spacebar")," key to start the drag. Once a drag is started, the following keyboard shortcuts can be used:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Spacebar")," - Drop the tab"),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Escape")," - Cancel the drag"),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Left arrow")," - move the tab to the left."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"Right arrow")," - move the tab to the right.")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Tabs from 'terra-tabs';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(P,{title:"Compact",mdxType:"TabsTemplate"}),(0,r.mdx)(_,{title:"Expanded",mdxType:"TabsTemplateExpanded"}),(0,r.mdx)(V,{title:"Icon Only",mdxType:"IconOnlyTabs"}),(0,r.mdx)(G,{title:"Will Display Icons in Menu When Collapsed",mdxType:"IconsInMenuTabs"}),(0,r.mdx)(M,{title:"Fill Parent Container",mdxType:"TabsWithFilledContent"}),(0,r.mdx)(z,{title:"Toggle responsiveTo Variants",mdxType:"ResponsiveTabsVariant"}),(0,r.mdx)(ne,{title:"Draggable Tabs",mdxType:"DraggableTabs"}),(0,r.mdx)(re,{title:"Add New Tab",mdxType:"AddTab"}),(0,r.mdx)(me,{title:"Closable Tabs",mdxType:"ClosableTab"}),(0,r.mdx)(ye,{title:"Add and Close Tab",mdxType:"AddCloseTab"}),(0,r.mdx)(ge,{title:"Add and Close with Interactive Content",mdxType:"AddCloseTabInteractive"}),(0,r.mdx)(ke,{title:"Vertical Tabs",mdxType:"VerticalTabs"}),(0,r.mdx)("h2",{id:"tabs-props-table"},"Tabs Props Table"),(0,r.mdx)(u,{mdxType:"TabsPropsTable"}),(0,r.mdx)("h2",{id:"tabs-pane-props-table"},"Tabs Pane Props Table"),(0,r.mdx)(y,{mdxType:"PanePropsTable"}),(0,r.mdx)("h2",{id:"testing"},"Testing"),(0,r.mdx)("p",null,"Tabs uses ",(0,r.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,r.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,r.mdx)("p",null,"If Enzyme ",(0,r.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,r.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,r.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import { v4 as uuidv4 } from 'uuid';\n\nlet mockSpyUuid;\n\n// using a variable may result in failures. For best results, mock return value.\nbeforeAll(() => {\n mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');\n});\n\n// restore the mock\nafterAll(() => {\n mockSpyUuid.mockRestore();\n});\n\n")))}_e.isMDXComponent=!0},63718:function(e,n,a){"use strict";a.d(n,{C:function(){return o}});var t=a(67294),l=a(22863),o=function(e){var n=e.url;return t.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.11.2",url:n})}},19747:function(e,n,a){"use strict";var t=a(64836),l=a(18698);n.Z=void 0;var o=t(a(861)),r=t(a(27424)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=b(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(67294)),s=t(a(47166)),d=t(a(68766)),c=t(a(50826)),m=t(a(76414)),u=t(a(2331)),p=t(a(85492));function b(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(b=function(e){return e?a:n})(e)}var f=s.default.bind(p.default),y=-1;n.Z=function(){var e=[],n=(0,i.useState)(e),a=(0,r.default)(n,2),t=a[0],l=a[1],s=(0,i.useState)(),p=(0,r.default)(s,2),b=p[0],h=p[1];e.push({label:"Patient Information",key:"AddcloseLabelTab",content:"Patient Information"}),e.push({label:"Add Patient",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"AddcloseIconTab",content:"Add Patient"}),e.push({label:"TPA & Insurance",customDisplay:i.default.createElement("div",{className:f("custom-display")},"TPA & Insurance"),key:"AddcloseCustomTab",content:"TPA & Insurance"}),e.push({label:"Disabled Tab",key:"AddcloseDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of Out-Patient Details Department Wise",key:"AddcloselongLabel",content:"List of Out-Patient Details Department Wise"}),e.push({label:"Ambulance Service",key:"AddcloselastTab",content:"Ambulance Service"});return i.default.createElement("div",{className:f("content-wrapper")},i.default.createElement(m.default,{id:"Addclose",onChange:function(e,n){n!==b&&h(n)},activeKey:b,setFocusOnContent:!0,isClosable:!0,onSelectAddButton:function(){y+=1;var e=t;e.push({label:"Added New Tab_".concat(y),isIconOnly:!1,key:"AddcloseTab_".concat(y),content:"Added New Tab_".concat(y),isActive:!0}),h("AddcloseTab_".concat(y)),l(e)},ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var a=(0,o.default)(t),r=a.findIndex((function(e){return e.key===n}));-1!==r&&(a.splice(r,1),l(a))}},t.map((function(e){return i.default.createElement(m.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(u.default,{label:e.content}))}))))}},10514:function(e,n,a){"use strict";var t=a(64836),l=a(18698);n.Z=void 0;var o=t(a(861)),r=t(a(27424)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=T(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(67294)),s=t(a(47166)),d=t(a(68766)),c=t(a(50826)),m=t(a(76414)),u=t(a(79029)),p=t(a(47717)),b=t(a(55142)),f=t(a(96388)),y=t(a(2331)),h=t(a(85492));function T(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(T=function(e){return e?a:n})(e)}var x=s.default.bind(h.default),v=-1;n.Z=function(){var e=[],n=(0,i.useState)(e),a=(0,r.default)(n,2),t=a[0],l=a[1],s=(0,i.useState)(),h=(0,r.default)(s,2),T=h[0],g=h[1];e.push({label:"Patient Information",key:"AddcloseInteractiveLabelTab",content:"Patient Information",children:i.default.createElement(i.default.Fragment,null,i.default.createElement(u.default,{id:"default-radio",labelText:"Default Radio",name:"default",disabled:!0}),i.default.createElement(u.default,{id:"default1-radio",labelText:"Default Radio",name:"default"}))}),e.push({label:"Add Patient",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"AddcloseInteractiveIconTab",children:i.default.createElement(i.default.Fragment,null,i.default.createElement("div",null,i.default.createElement(f.default,{type:"checkbox",legend:"Give your full name here",name:"children_present",value:"children_present",error:"All fields must be filled out",required:!0},i.default.createElement(p.default,{label:"First",isInline:!0,required:!0,htmlFor:"first"},i.default.createElement(b.default,{id:"first",type:"text",name:"first",defaultValue:""})),i.default.createElement(p.default,{label:"Middle",isInline:!0,required:!0,htmlFor:"middle"},i.default.createElement(b.default,{id:"middle",type:"text",name:"middle",defaultValue:""})),i.default.createElement(p.default,{label:"Last",isInline:!0,required:!0,htmlFor:"last"},i.default.createElement(b.default,{id:"last",type:"text",name:"last",defaultValue:""})))))}),e.push({label:"TPA & Insurance",customDisplay:i.default.createElement("div",{className:x("custom-display")},"TPA & Insurance"),key:"AddcloseInteractiveCustomTab",content:"TPA & Insurance",children:i.default.createElement(i.default.Fragment,null,i.default.createElement(u.default,{id:"default-radio",labelText:"Default Radio",name:"default",disabled:!0}),i.default.createElement(u.default,{id:"default1-radio",labelText:"Default Radio",name:"default"}))}),e.push({label:"Disabled Tab",key:"AddcloseInteractiveDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of Out-Patient Details Department Wise",key:"AddcloseInteractivelongLabel",content:"List of Out-Patient Details Department Wise"}),e.push({label:"Ambulance Service",key:"AddcloseInteractivelastTab",content:"Ambulance Service"});return i.default.createElement("div",{className:x("content-wrapper")},i.default.createElement(m.default,{id:"AddcloseInteractive",onChange:function(e,n){n!==T&&g(n)},activeKey:T,isClosable:!0,onSelectAddButton:function(){v+=1;var e=t;e.push({label:"Added New Tab_".concat(v),isIconOnly:!1,key:"AddcloseInteractiveTab_".concat(v),content:"Added New Tab_".concat(v),isActive:!0}),g("AddcloseInteractiveTab_".concat(v)),l(e)},ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var a=(0,o.default)(t),r=a.findIndex((function(e){return e.key===n}));-1!==r&&(a.splice(r,1),l(a))}},t.map((function(e){return i.default.createElement(m.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(y.default,{label:e.content},e.children))}))))}},90643:function(e,n,a){"use strict";var t=a(64836),l=a(18698);n.Z=void 0;var o=t(a(27424)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=p(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(67294)),i=t(a(47166)),s=t(a(56468)),d=t(a(50826)),c=t(a(76414)),m=t(a(2331)),u=t(a(85492));function p(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:n})(e)}var b=i.default.bind(u.default),f=-1;n.Z=function(){var e=[],n=(0,r.useState)(e),a=(0,o.default)(n,2),t=a[0],l=a[1],i=(0,r.useState)(),u=(0,o.default)(i,2),p=u[0],y=u[1];e.push({label:"Self Registration",key:"AddLabelTab",content:"Self Registration"}),e.push({label:"Find A Doctor",icon:r.default.createElement(d.default,null),isIconOnly:!0,key:"AddIconTab",content:"Find A Doctor"}),e.push({label:"View Specialities",customDisplay:r.default.createElement("div",{className:b("custom-display")},"View Specialities"),key:"AddCustomTab",content:"View Specialities"}),e.push({label:"Pharmacy",key:"AddDisabledTab",icon:r.default.createElement(s.default,null)}),e.push({label:"Billing, Insurance & Payment",key:"AddlongLabel",content:"Billing, Insurance & Payment"}),e.push({label:"Lab Medicine",key:"AddlastTab",content:"Lab Medicine"});return r.default.createElement("div",{className:b("content-wrapper")},r.default.createElement(c.default,{id:"AddTab",onChange:function(e,n){n!==p&&y(n)},isDraggable:!0,setFocusOnContent:!0,activeKey:p,onSelectAddButton:function(){f+=1;var e=t;e.push({label:"Added New Tab_".concat(f),isIconOnly:!1,key:"AddTab_".concat(f),content:"Added New Tab_".concat(f),isActive:!0}),y("AddTab_".concat(f)),l(e)},ariaLabelAddTab:"Add Tab"},t.map((function(e){return r.default.createElement(c.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},r.default.createElement(m.default,{label:e.content}))}))))}},37902:function(e,n,a){"use strict";var t=a(64836),l=a(18698);n.Z=void 0;var o=t(a(861)),r=t(a(27424)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=b(n);if(a&&a.has(e))return a.get(e);var t={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}return t.default=e,a&&a.set(e,t),t}(a(67294)),s=t(a(47166)),d=t(a(56468)),c=t(a(50826)),m=t(a(76414)),u=t(a(2331)),p=t(a(85492));function b(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(b=function(e){return e?a:n})(e)}var f=s.default.bind(p.default);n.Z=function(){var e=[],n=(0,i.useState)(e),a=(0,r.default)(n,2),t=a[0],l=a[1];e.push({label:"Doctors",key:"CloseLabelTab",content:"Doctor details"}),e.push({label:"Pharmacy",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"CloseIconTab",content:"Pharmacy details"}),e.push({label:"Customized Tab",customDisplay:i.default.createElement("div",{className:f("custom-display")},"Customized Tab"),key:"CloseCustomTab",content:"Custom display"}),e.push({label:"Disabled Tab",key:"CloseDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of In-Patient Details Department Wise",key:"CloselongLabel",content:"List for In-Patient Details Department Wise"}),e.push({label:"Appointments",key:"CloselastTab",content:"Appointments"});return i.default.createElement("div",{className:f("content-wrapper")},i.default.createElement(m.default,{id:"Closabletab",setFocusOnContent:!0,isClosable:!0,ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var a=(0,o.default)(t),r=a.findIndex((function(e){return e.key===n}));-1!==r&&(a.splice(r,1),l(a))}},t.map((function(e){return i.default.createElement(m.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(u.default,{label:e.content}))}))))}},19762:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(56690)),o=t(a(89728)),r=t(a(66115)),i=t(a(61655)),s=t(a(94993)),d=t(a(73808)),c=t(a(67294)),m=t(a(76414)),u=t(a(62936));function p(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,t=(0,d.default)(e);if(n){var l=(0,d.default)(this).constructor;a=Reflect.construct(t,arguments,l)}else a=t.apply(this,arguments);return(0,s.default)(this,a)}}var b=function(e){(0,i.default)(a,e);var n=p(a);function a(e){var t;return(0,l.default)(this,a),(t=n.call(this,e)).state={activeKey:"Hematology"},t.handleSelection=t.handleSelection.bind((0,r.default)(t)),t.handleTabActivation=t.handleTabActivation.bind((0,r.default)(t)),t}return(0,o.default)(a,[{key:"handleSelection",value:function(e,n){n!==this.state.activeKey&&this.setState({activeKey:n})}},{key:"handleTabActivation",value:function(){this.setState({activeKey:"Radiology"})}},{key:"render",value:function(){var e=c.default.createElement(m.default.Pane,{label:"Radiology",key:"Radiology",id:"tab1"},c.default.createElement("p",{id:"tab1"},"Radiology represents a branch of medicine that deals with radiant energy in the diagnosis and treatment of diseases. This field can be divided into two broad areas - diagnostic radiology and interventional radiology. A physician who specializes in radiology is called radiologist.")),n=c.default.createElement(m.default.Pane,{label:"Hematology",key:"Hematology",id:"tab2"},c.default.createElement("p",{id:"tab2"},"Hematology is the study of blood and blood disorders. Hematologists and hematopathologists are highly trained healthcare providers who specialize in diseases of the blood and blood components. These include blood and bone marrow cells.")),a=c.default.createElement(m.default.Pane,{label:"Cardiology",key:"Cardiology",id:"tab3"},c.default.createElement("p",{id:"tab3"},"The term cardiology is derived from the Greek words “cardia,” which refers to the heart and “logy” meaning “study of.” Cardiology is a branch of medicine that concerns diseases and disorders of the heart. It may range from congenital defects through to acquired heart diseases such as coronary artery disease and congestive heart failure. Physicians who specialize in cardiology are called cardiologists and they are responsible for the medical management of various heart diseases. Cardiac surgeons are the specialist physicians who perform surgical procedures to correct heart disorders.")),t=c.default.createElement(m.default.Pane,{icon:c.default.createElement(u.default,null),isIconOnly:!0,label:"Orthopaedics",key:"Orthopaedics",id:"tab4"},c.default.createElement("p",{id:"tab4"},"Orthopaedic surgery refers to surgical intervention in the case of diseases or injuries concerning the musculoskeletal system. After proper diagnoses and consultation, orthopaedic surgeons treat several conditions that affect the bones, joints, ligaments, nerves and muscles.")),l=c.default.createElement(m.default.Pane,{icon:c.default.createElement(u.default,null),showIcon:!0,label:"Paediatrics",key:"Paediatrics",id:"tab5"},c.default.createElement("p",{id:"tab5"},"Pediatrics is the branch of medicine dealing with the health and medical care of infants, children, and adolescents from birth up to the age of 18. The word “paediatrics” means “healer of children”; they are derived from two Greek words: (pais = child) and (iatros = doctor or healer). Paediatrics is a relatively new medical specialty, developing only in the mid-19th century. Abraham Jacobi (1830–1919) is known as the father of paediatrics.")),o=c.default.createElement(m.default.Pane,{label:"Oncology",key:"Oncology",id:"tab6"},c.default.createElement("p",{id:"tab6"},"Oncology is the study of cancer. An oncologist is a doctor who treats cancer and provides medical care for a person diagnosed with cancer. An oncologist may also be called a cancer specialist. The field of oncology has 3 major areas based on treatments: medical oncology, radiation oncology, and surgical oncology."));return c.default.createElement("div",null,c.default.createElement("button",{id:"activate-tab",type:"button",onClick:this.handleTabActivation},"Activate Tab"),c.default.createElement("div",{id:"current-selection"},c.default.createElement("p",null,"Last Triggered Tab:",this.state.activeKey)),c.default.createElement(m.default,{setFocusOnContent:!0,isDraggable:!0,id:"controlledTabs",onChange:this.handleSelection,activeKey:this.state.activeKey},e,n,a,t,l,o))}}]),a}(c.default.Component);n.Z=b},29230:function(e,n,a){"use strict";var t=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(56468)),i=t(a(50826)),s=t(a(78878)),d=t(a(45697)),c=t(a(88245)),m=t(a(76414)),u=t(a(2331)),p=t(a(85492)),b=o.default.bind(p.default),f={id:d.default.string},y=function(e){var n=l.default.createElement(m.default.Pane,{label:"Search",icon:l.default.createElement(i.default,null),isIconOnly:!0,key:"Search"},l.default.createElement(u.default,{label:"Search"})),a=l.default.createElement(m.default.Pane,{label:"Briefcase",icon:l.default.createElement(r.default,null),isIconOnly:!0,key:"Briefcase"},l.default.createElement(u.default,{label:"Briefcase"})),t=l.default.createElement(m.default.Pane,{label:"Bookmark",icon:l.default.createElement(s.default,null),isIconOnly:!0,key:"Bookmark"},l.default.createElement(u.default,{label:"Bookmark"})),o=l.default.createElement(m.default.Pane,{label:"Calendar",icon:l.default.createElement(c.default,null),isIconOnly:!0,key:"Calendar"},l.default.createElement(u.default,{label:"Calendar"}));return l.default.createElement("div",{className:b("content-wrapper")},l.default.createElement(m.default,{id:e.id,setFocusOnContent:!0},n,a,t,o))};y.propTypes=f;n.default=y},86196:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(76414)),i=t(a(50826)),s=t(a(56468)),d=t(a(78878)),c=t(a(88245)),m=t(a(71739)),u=t(a(87491)),p=t(a(2331)),b=t(a(85492)),f=o.default.bind(b.default);n.Z=function(){var e=l.default.createElement(r.default.Pane,{label:"Search",icon:l.default.createElement(i.default,null),showIcon:!0,key:"MenuTabSearch"},l.default.createElement(p.default,{label:"Search",id:"MenuTabSearchContent"})),n=l.default.createElement(r.default.Pane,{label:"Briefcase",icon:l.default.createElement(s.default,null),showIcon:!0,key:"MenuTabBriefcase"},l.default.createElement(p.default,{label:"Briefcase",id:"MenuTabBriefcaseContent"})),a=l.default.createElement(r.default.Pane,{label:"Bookmark",icon:l.default.createElement(d.default,null),showIcon:!0,key:"MenuTabBookmark"},l.default.createElement(p.default,{label:"Bookmark",id:"MenuTabBookmarkContent"})),t=l.default.createElement(r.default.Pane,{label:"Calendar",icon:l.default.createElement(c.default,null),showIcon:!0,key:"MenuTabCalendar"},l.default.createElement(p.default,{label:"Calendar",id:"MenuTabCalendarContent"})),o=l.default.createElement(r.default.Pane,{label:"Envelope",icon:l.default.createElement(m.default,null),showIcon:!0,key:"MenuTabEnvelope"},l.default.createElement(p.default,{label:"Envelope",id:"MenuTabEnvelopeContent"})),b=l.default.createElement(r.default.Pane,{label:"Printer",icon:l.default.createElement(u.default,null),showIcon:!0,key:"MenuTabPrinter"},l.default.createElement(p.default,{label:"Printer",id:"MenuTabPrinterContent"}));return l.default.createElement("div",{className:f("content-wrapper")},l.default.createElement(r.default,{setFocusOnContent:!0,id:"icons-only-menu"},e,n,a,t,o,b))}},74584:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(10434)),o=t(a(13012)),r=t(a(67294)),i=t(a(45697)),s=t(a(84423)),d=t(a(55653)),c=t(a(29230)),m={renderIconTabs:i.default.bool},u=function(e){var n=(0,l.default)({},((0,o.default)(e),e));return n.renderIconTabs?r.default.createElement(c.default,(0,l.default)({},n,{id:"iconOnlyTabsId"})):r.default.createElement(d.default,(0,l.default)({},n,{id:"responsive"}))};u.propTypes=m;n.Z=(0,s.default)(u)},84423:function(e,n,a){"use strict";var t=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(10434)),o=t(a(56690)),r=t(a(89728)),i=t(a(66115)),s=t(a(61655)),d=t(a(94993)),c=t(a(73808)),m=t(a(67294)),u=t(a(47166)),p=t(a(91940));function b(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,t=(0,c.default)(e);if(n){var l=(0,c.default)(this).constructor;a=Reflect.construct(t,arguments,l)}else a=t.apply(this,arguments);return(0,d.default)(this,a)}}var f=u.default.bind(p.default);n.default=function(e){return function(n){(0,s.default)(t,n);var a=b(t);function t(e){var n;return(0,o.default)(this,t),(n=a.call(this,e)).handleOnSelect=n.handleOnSelect.bind((0,i.default)(n)),n.state={containerClassName:"parent-container-650",renderIconTabs:!1},n}return(0,r.default)(t,[{key:"handleOnSelect",value:function(e){this.setState({renderIconTabs:"default"!==e.target.value.split("-")[0],containerClassName:e.target.value})}},{key:"render",value:function(){return m.default.createElement("div",{className:f(this.state.containerClassName)},m.default.createElement(e,(0,l.default)({renderIconTabs:this.state.renderIconTabs},this.props)),m.default.createElement("div",{className:f("options-container")},m.default.createElement("p",null,m.default.createElement("label",{htmlFor:"responsiveTabsVariant"},"Select a responsiveTo variant:")),m.default.createElement("select",{className:f("options"),id:"responsiveTabsVariant",name:"responsiveTabsVariant",value:this.state.containerClassName,onChange:this.handleOnSelect},m.default.createElement("option",{value:"default-window"},"Default Tabs - Window"),m.default.createElement("option",{value:"default-parent-container-220"},"Default Tabs - Parent (Container Width: 220px)"),m.default.createElement("option",{value:"default-parent-container-650"},"Default Tabs - Parent (Container Width: 650px)"),m.default.createElement("option",{value:"icon-window"},"Icon Only Tabs - Window"),m.default.createElement("option",{value:"icon-none-container-220"},"Icon Only Tabs - None (Container Width: 220px)"),m.default.createElement("option",{value:"icon-none-container-650"},"Icon Only Tabs - None (Container Width: 650px)"),m.default.createElement("option",{value:"icon-parent-container-220"},"Icon Only Tabs - Parent (Container Width: 220px)"))))}}]),t}(m.default.Component)}},2331:function(e,n,a){"use strict";var t=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(45697)),i=t(a(85492)),s=o.default.bind(i.default),d={isLabelHidden:r.default.bool,label:r.default.string,children:r.default.node,id:r.default.string},c=function(e){var n=e.isLabelHidden,a=e.label,t=e.id,o=e.children;return l.default.createElement("div",{className:s("tab-content-template"),id:t},n?l.default.createElement("h3",null,a):null,o||l.default.createElement("div",null,"Content for"," ",l.default.createElement("i",null,a)))};c.propTypes=d;n.default=c},55653:function(e,n,a){"use strict";var t=a(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(45697)),i=t(a(56468)),s=t(a(76414)),d=t(a(2331)),c=t(a(85492)),m=o.default.bind(c.default),u={id:r.default.string},p=function(e){var n=e.id?e.id:"compact",a=l.default.createElement(s.default.Pane,{label:"Tab with label",key:"".concat(n,"LabelTab"),id:"".concat(n,"LabelTab")},l.default.createElement(d.default,{label:"Tab with label",id:"".concat(n,"LabelTabContent")})),t=l.default.createElement(s.default.Pane,{label:"Tab with icon",icon:l.default.createElement(i.default,null),key:"".concat(n,"IconTab"),id:"".concat(n,"IconTab")},l.default.createElement(d.default,{id:"".concat(n,"IconTabContent"),label:"Tab with icon"}));return l.default.createElement("div",{className:m("content-wrapper"),id:"".concat(n,"content")},l.default.createElement(s.default,{setFocusOnContent:!0,defaultActiveKey:"".concat(n,"LabelTab"),id:n},a,t))};p.propTypes=u;n.default=p},45856:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(45697)),i=t(a(56468)),s=t(a(50826)),d=t(a(76414)),c=t(a(2331)),m=t(a(85492)),u=o.default.bind(m.default),p={tabFill:r.default.bool},b=function(e){var n=l.default.createElement(d.default.Pane,{label:"Tab with label",key:"ExpandedLabelTab"},l.default.createElement(c.default,{label:"Tab with label",id:"ExpandedLabelTab"})),a=l.default.createElement(d.default.Pane,{label:"Tab with icon",icon:l.default.createElement(i.default,null),key:"ExpandedIconTab"},l.default.createElement(c.default,{label:"Tab with icon",id:"ExpandedIconTabContent"})),t=l.default.createElement(d.default.Pane,{customDisplay:l.default.createElement("div",{className:u("custom-display")},"Custom display"),label:"Custom display",key:"ExpandedCustomTab"},l.default.createElement(c.default,{id:"ExpandedCustomTabContent",label:"Custom display"})),o=l.default.createElement(d.default.Pane,{label:"Longer text tab name with label for application",key:"ExpandedlongLabel"},l.default.createElement(c.default,{id:"ExpandedlongLabelContent",label:"Longer text tab name with label for application"})),r=l.default.createElement(d.default.Pane,{label:"Last Tab",key:"ExpandedlastTab"},l.default.createElement(c.default,{id:"ExpandedlastTabContent",label:"Last Tab"})),m=l.default.createElement(d.default.Pane,{label:"Disabled Tab",icon:l.default.createElement(s.default,null),isDisabled:!0,key:"ExpandedDisabledTab"});return l.default.createElement("div",{className:u("content-wrapper")},l.default.createElement(d.default,{setFocusOnContent:!0,defaultActiveKey:"ExpandedLabelTab",tabFill:e.tabFill,id:"icon-in-menu"},n,a,t,m,o,r))};b.propTypes=p;n.Z=function(){return l.default.createElement(b,{tabFill:!0,id:"expanded"})}},76465:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(76414)),i=t(a(2331)),s=t(a(85492)),d=o.default.bind(s.default),c=function(){var e=l.default.createElement(r.default.Pane,{label:"Large content",key:"LargeContent"},l.default.createElement(i.default,{label:"Large Content"},l.default.createElement("p",null,"Users need to know what is going on, and get appropriate feedback during interaction. For example, users need confirmation messages when actions are completed, such as when forms are submitted. Also, error messages must provide clear directions rather than confuse users. People with some cognitive and learning disabilities, who may be easily confused by unexpected behavior and unclear error messages. People with partial sight and blindness, who rely on notifications, instructions, and errors messages to understand the context and interactions. Content is more usable for people who are new to the particular website or application."),l.default.createElement("p",null,"Content is more usable for people who are not confident using computers and the web. Content is less confusing and daunting to everyone, regardless of skills. Use clear and simple language to make error messages more understandable. For example, describe how to fix an error. When forms are submitted, provide a confirmation message. When a change is made on the screen, such as new content added, alert users to the change. Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. For some complex content such as medical information, separate, easy-to-read information may be necessary. People with learning disabilities who cannot understand complex sentence structures and vocabulary."),l.default.createElement("p",null,"People with cognitive disabilities who have difficulty focusing on long passages of dense text. Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy. Content is easier to understand by users who are not familiar with the topic. Content is easier to skim, and get an overview of the information."),l.default.createElement("p",null,"Avoid overly complex words, jargon, and acronyms, or provide explanations when they need to be used. Provide structure using headings, lists, and spacing. Provide illustrations that clarify the content, when helpful. Provide clear layout and design with consistent orientation and navigation cues. Some users need to be able to change the way text is displayed so that they can read the text. This includes changing the size, spacing, font, color, and other text properties. When users change these properties, no information or functionality should be lost, and the text should re-flow so users don’t have to scroll horizontally to read sentences. Text customization is more than the zoom functionality, which only changes the text size. People with low vision who are not using screen magnification software. People with some forms of dyslexia and other cognitive and learning disabilities who need a particular presentation of text to read it. Content is more adaptable to smaller and larger screen sizes. Content is more adaptable to personal preferences and comfort."),l.default.createElement("p",null,"Content is more adaptable when translated, since words and sentences are different lengths in different languages. Content must be properly designed and coded so that it can adapt to different customization settings. This includes using relative rather than absolute units for the size of fonts, controls, and other objects. Applications should use the operating system and web browser text settings. Websites and applications could also provide information to help users change their settings. Web browsers and other web tools need to provide users with text customization functionality. The area for clicking and tapping controls must be large enough for people to activate them. This includes links, buttons, checkboxes, and other controls. Small controls, and controls that are placed too close to each other, are difficult for many people to use. This is particularly relevant on mobile devices with small screens. People with physical disabilities who have reduced dexterity. Content is more usable on touch screens, especially on smaller mobile devices."),l.default.createElement("p",null,"Content is more usable for people who are not experienced with the mouse or touch-pad on the computer they are using. Content is more usable in situations where the device cannot be held steady. Design large controls or activation areas around the controls. (Increasing the font size of the control sometimes isn’t enough.) Provide adequate separation between selectable controls. Provide labels for controls, which enlarges the activation area in many browsers because the label for checkboxes and option buttons is also clickable."))),n=l.default.createElement(r.default.Pane,{label:"Short Content",key:"ShortContent"},l.default.createElement(i.default,{label:"Short Content"}));return l.default.createElement("div",{className:d("content-container")},l.default.createElement(r.default,{setFocusOnContent:!0,fill:!0,id:"filledcontent"},e,n))};n.Z=function(){return l.default.createElement(c,{fill:!0})}},89527:function(e,n,a){"use strict";var t=a(64836);n.Z=void 0;var l=t(a(67294)),o=t(a(47166)),r=t(a(30217)),i=t(a(41086)),s=t(a(76414)),d=t(a(2331)),c=t(a(85492)),m=o.default.bind(c.default);n.Z=function(){var e=l.default.createElement(s.default.Pane,{label:"Medical Department",key:"tLabelTab"},l.default.createElement(d.default,{label:"Medical Department"})),n=l.default.createElement(s.default.Pane,{label:"Pharmacy Deparment",isIconOnly:!0,icon:l.default.createElement(r.default,null),key:"tonlyIconTab"},l.default.createElement(d.default,{label:"Pharmacy Deparment"})),a=l.default.createElement(s.default.Pane,{label:"Patient Department",icon:l.default.createElement(i.default,null),key:"tIconTab"},l.default.createElement(d.default,{label:"Patient Department"})),t=l.default.createElement(s.default.Pane,{customDisplay:l.default.createElement("div",{className:m("custom-display")},"Surgical Department"),label:"Surgical Department",key:"tCustomTab"},l.default.createElement(d.default,{label:"Surgical Department"})),o=l.default.createElement(s.default.Pane,{label:"Department of Hospital Administration",key:"tlongLabel"},l.default.createElement(d.default,{label:"Department of Hospital Administration"})),c=l.default.createElement(s.default.Pane,{label:"Academic Department",key:"tlastTab"},l.default.createElement(d.default,{label:"Academic Department"}));return l.default.createElement("div",{className:m("content-container-vertical")},l.default.createElement(s.default,{isDraggable:!0,fill:!0,verticalOrientation:!0,setFocusOnContent:!0,id:"verticaltab"},n,e,a,t,o,c))}},17422:function(e,n,a){"use strict";a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,n,a){"use strict";a.r(n),n.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},91940:function(e,n,a){"use strict";a.r(n),n.default={"default-window":"ResponsiveTabsVariantWrapper-module__default-window___OILOY","icon-window":"ResponsiveTabsVariantWrapper-module__icon-window___rE8aT","default-parent-container-220":"ResponsiveTabsVariantWrapper-module__default-parent-container-220___rR3aL","icon-parent-container-220":"ResponsiveTabsVariantWrapper-module__icon-parent-container-220___puNHZ","default-parent-container-650":"ResponsiveTabsVariantWrapper-module__default-parent-container-650___nY0Av","icon-none-container-220":"ResponsiveTabsVariantWrapper-module__icon-none-container-220___zM+OX","icon-none-container-650":"ResponsiveTabsVariantWrapper-module__icon-none-container-650___TvPPB","options-container":"ResponsiveTabsVariantWrapper-module__options-container___CijBI",options:"ResponsiveTabsVariantWrapper-module__options___62gtP"}},85492:function(e,n,a){"use strict";a.r(n),n.default={"content-wrapper":"TabExample-module__content-wrapper___SHHo6","tab-content-template":"TabExample-module__tab-content-template___eY-9-","custom-display":"TabExample-module__custom-display___DNeb7","content-container":"TabExample-module__content-container___eAfPQ","content-container-vertical":"TabExample-module__content-container-vertical___nzztQ"}},78878:function(e,n,a){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=o(a(67294)),l=o(a(99139));function o(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Error Icon to display when the input is invalid."))),(0,r.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"excludeDates"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of ISO 8601 string representation of the dates to disable in the picker."))),(0,r.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"filterDate"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A function that gets called for each date in the picker to evaluate which date should be disabled.\nA return value of true will be enabled and false will be disabled."))),(0,r.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"help"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Help element to display with the input."))),(0,r.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"hideRequired"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not to hide the required indicator on the label."))),(0,r.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"includeDates"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of ISO 8601 string representation of the dates to enable in the picker. All Other dates will be disabled."))),(0,r.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"inputAttributes"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Custom input attributes to apply to the date input. Use the name prop to set the name for the input.\nDo not set the name in inputAttribute as it will be ignored."))),(0,r.mdx)(i.X2,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,r.mdx)("em",{parentName:"p"},"(usage note: ",(0,r.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,r.mdx)(i.X2,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"isInline"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the field is an inline field."))),(0,r.mdx)(i.X2,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"isInvalid"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,r.mdx)(i.X2,{key:"ROW14",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"isLabelHidden"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the label is visible. Use this props to hide a label while still creating it on the DOM for accessibility."))),(0,r.mdx)(i.X2,{key:"ROW15",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"label"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The label of the form control children."))),(0,r.mdx)(i.X2,{key:"ROW16",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"labelAttrs"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Attributes to attach to the label."))),(0,r.mdx)(i.X2,{key:"ROW17",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"maxDate"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the maximum date that can be selected. The value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or before ",(0,r.mdx)("inlineCode",{parentName:"p"},"12/31/2100"),"."))),(0,r.mdx)(i.X2,{key:"ROW18",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"minDate"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the minimum date that can be selected. The value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or after ",(0,r.mdx)("inlineCode",{parentName:"p"},"01/01/1900")))),(0,r.mdx)(i.X2,{key:"ROW19",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"name"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Name of the date input. The name should be unique."))),(0,r.mdx)(i.X2,{key:"ROW20",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onBlur"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function triggered when the date picker component loses focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component.\nThe first parameter is the event. The second parameter is the metadata to describe the current state of the input value at the time when the onBlur callback is triggered."))),(0,r.mdx)(i.X2,{key:"ROW21",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a valid date is selected or entered.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChange callback is triggered."))),(0,r.mdx)(i.X2,{key:"ROW22",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onChangeRaw"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a change is made in the date input.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChangeRaw callback is triggered."))),(0,r.mdx)(i.X2,{key:"ROW23",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onClickOutside"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("strong",{parentName:"p"},"Deprecated"),", A callback function to execute when clicking outside of the picker to dismiss it. Resolves to ",(0,r.mdx)("inlineCode",{parentName:"p"},"onRequestClose"),"."))),(0,r.mdx)(i.X2,{key:"ROW24",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onFocus"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function triggered when the date picker component receives focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component."))),(0,r.mdx)(i.X2,{key:"ROW25",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when picker is dismissed. onRequestClose(event)"))),(0,r.mdx)(i.X2,{key:"ROW26",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onSelect"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a date is selected from within the picker."))),(0,r.mdx)(i.X2,{key:"ROW27",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"required"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the date field is required."))),(0,r.mdx)(i.X2,{key:"ROW28",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"maxWidth"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Set the max-width of a field using ",(0,r.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,r.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,r.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,r.mdx)(i.X2,{key:"ROW29",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"selectedDate"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the initial value to show in the date input.\nThis prop name is derived from react-datepicker but is analogous to value in a form input field."))),(0,r.mdx)(i.X2,{key:"ROW30",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"showOptional"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not to append the 'optional' label to a non-required field label."))),(0,r.mdx)(i.X2,{key:"ROW31",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"value"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The date value. This prop should only be used for a controlled date picker field.\nWhen this prop is set a handler is needed for both the ",(0,r.mdx)("inlineCode",{parentName:"p"},"onChange")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"onChangeRaw")," props to manage the date value.\nIf both ",(0,r.mdx)("inlineCode",{parentName:"p"},"selectedDate")," and this prop are set, then ",(0,r.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect.\nThe value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format or the all-numeric date format based on the locale.")))))}s.isMDXComponent=!0;var c=t(77266),x=["components"],f={};function y(e){var a=e.components,t=(0,d.Z)(e,x);return(0,r.mdx)("wrapper",(0,l.Z)({},f,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport DatePickerField from 'terra-date-picker/lib/DatePickerField';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerFieldExample = () => {\n const [date, setDate] = useState('');\n const [invalid, setInValid] = useState(false);\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n setInValid(false);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue && metadata.inputValue.length === 10) {\n setDate(null);\n setInValid(true);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n Enter valid date}\n />\n
\n );\n};\n\nexport default DatePickerFieldExample;\n\n")))}y.isMDXComponent=!0;var h=t(49271),g=t(55336),T=function(e){var a=e.title,t=e.description,l=e.isExpanded;return n.createElement(h.Z,{title:a||"Date Picker Field",description:t,example:n.createElement(c.Z,null),exampleCssSrc:n.createElement(g.Z,null),exampleSrc:n.createElement(y,null),isExpanded:l})},C=["components"],v={},N="wrapper";function b(e){var a=e.components,t=(0,d.Z)(e,C);return(0,r.mdx)(N,(0,l.Z)({},v,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(m.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-date-picker-field"},"Terra Date Picker Field"),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker"},"terra-date-picker")," component that is wrapped inside a\n",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field")," component."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(T,{title:"Date Picker Field",mdxType:"DatePickerFieldExample"}),(0,r.mdx)("h2",{id:"date-picker-field-props-table"},"Date Picker field props table"),(0,r.mdx)(s,{mdxType:"DatePickerFieldPropsTable"}))}b.isMDXComponent=!0},55336:function(e,a,t){t.d(a,{Z:function(){return p}});var l=t(87462),d=t(44925),n=(t(67294),t(81254)),r=["components"],m={},i="wrapper";function p(e){var a=e.components,t=(0,d.Z)(e,r);return(0,n.mdx)(i,(0,l.Z)({},m,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}p.isMDXComponent=!0},4932:function(e,a,t){t.d(a,{C:function(){return n}});var l=t(67294),d=t(22863),n=function(e){var a=e.url;return l.createElement(d.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.92.0",url:a})}},64233:function(e,a,t){var l=t(64836);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var d=l(t(10434)),n=l(t(38416)),r=l(t(70215)),m=l(t(67294)),i=l(t(45697)),p=l(t(47717)),o=t(25387),u=l(t(51331)),s=l(t(28411)),c=["datePickerId","disabled","inputAttributes","error","errorIcon","excludeDates","filterDate","help","hideRequired","isIncomplete","isInvalid","isInline","isLabelHidden","includeDates","intl","label","labelAttrs","maxDate","minDate","maxWidth","name","onBlur","onChange","onChangeRaw","onClickOutside","onFocus","onRequestClose","onSelect","required","selectedDate","showOptional","value"];function x(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);a&&(l=l.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,l)}return t}function f(e){for(var a=1;a\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Error Icon to display when the input is invalid."))),(0,r.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"excludeDates"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of ISO 8601 string representation of the dates to disable in the picker."))),(0,r.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"filterDate"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A function that gets called for each date in the picker to evaluate which date should be disabled.\nA return value of true will be enabled and false will be disabled."))),(0,r.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"help"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Help element to display with the input."))),(0,r.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"hideRequired"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not to hide the required indicator on the label."))),(0,r.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"includeDates"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of ISO 8601 string representation of the dates to enable in the picker. All Other dates will be disabled."))),(0,r.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"inputAttributes"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Custom input attributes to apply to the date input. Use the name prop to set the name for the input.\nDo not set the name in inputAttribute as it will be ignored."))),(0,r.mdx)(i.X2,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,r.mdx)("em",{parentName:"p"},"(usage note: ",(0,r.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,r.mdx)(i.X2,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"isInline"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the field is an inline field."))),(0,r.mdx)(i.X2,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"isInvalid"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,r.mdx)(i.X2,{key:"ROW14",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"isLabelHidden"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the label is visible. Use this props to hide a label while still creating it on the DOM for accessibility."))),(0,r.mdx)(i.X2,{key:"ROW15",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"label"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The label of the form control children."))),(0,r.mdx)(i.X2,{key:"ROW16",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"labelAttrs"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Attributes to attach to the label."))),(0,r.mdx)(i.X2,{key:"ROW17",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"maxDate"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the maximum date that can be selected. The value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or before ",(0,r.mdx)("inlineCode",{parentName:"p"},"12/31/2100"),"."))),(0,r.mdx)(i.X2,{key:"ROW18",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"minDate"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the minimum date that can be selected. The value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or after ",(0,r.mdx)("inlineCode",{parentName:"p"},"01/01/1900")))),(0,r.mdx)(i.X2,{key:"ROW19",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"name"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Name of the date input. The name should be unique."))),(0,r.mdx)(i.X2,{key:"ROW20",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onBlur"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function triggered when the date picker component loses focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component.\nThe first parameter is the event. The second parameter is the metadata to describe the current state of the input value at the time when the onBlur callback is triggered."))),(0,r.mdx)(i.X2,{key:"ROW21",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a valid date is selected or entered.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChange callback is triggered."))),(0,r.mdx)(i.X2,{key:"ROW22",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onChangeRaw"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a change is made in the date input.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChangeRaw callback is triggered."))),(0,r.mdx)(i.X2,{key:"ROW23",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onClickOutside"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("strong",{parentName:"p"},"Deprecated"),", A callback function to execute when clicking outside of the picker to dismiss it. Resolves to ",(0,r.mdx)("inlineCode",{parentName:"p"},"onRequestClose"),"."))),(0,r.mdx)(i.X2,{key:"ROW24",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onFocus"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function triggered when the date picker component receives focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component."))),(0,r.mdx)(i.X2,{key:"ROW25",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when picker is dismissed. onRequestClose(event)"))),(0,r.mdx)(i.X2,{key:"ROW26",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onSelect"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a date is selected from within the picker."))),(0,r.mdx)(i.X2,{key:"ROW27",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"required"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the date field is required."))),(0,r.mdx)(i.X2,{key:"ROW28",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"maxWidth"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Set the max-width of a field using ",(0,r.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,r.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,r.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,r.mdx)(i.X2,{key:"ROW29",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"selectedDate"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the initial value to show in the date input.\nThis prop name is derived from react-datepicker but is analogous to value in a form input field."))),(0,r.mdx)(i.X2,{key:"ROW30",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"showOptional"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not to append the 'optional' label to a non-required field label."))),(0,r.mdx)(i.X2,{key:"ROW31",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"value"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The date value. This prop should only be used for a controlled date picker field.\nWhen this prop is set a handler is needed for both the ",(0,r.mdx)("inlineCode",{parentName:"p"},"onChange")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"onChangeRaw")," props to manage the date value.\nIf both ",(0,r.mdx)("inlineCode",{parentName:"p"},"selectedDate")," and this prop are set, then ",(0,r.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect.\nThe value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format or the all-numeric date format based on the locale.")))))}s.isMDXComponent=!0;var c=t(77266),x=["components"],f={};function y(e){var a=e.components,t=(0,d.Z)(e,x);return(0,r.mdx)("wrapper",(0,l.Z)({},f,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport DatePickerField from 'terra-date-picker/lib/DatePickerField';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerFieldExample = () => {\n const [date, setDate] = useState('');\n const [invalid, setInValid] = useState(false);\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n setInValid(false);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue && metadata.inputValue.length === 10) {\n setDate(null);\n setInValid(true);\n }\n };\n\n return (\n
\n
\n Selected ISO Date:\n {date}\n
\n Enter valid date}\n />\n
\n );\n};\n\nexport default DatePickerFieldExample;\n\n")))}y.isMDXComponent=!0;var h=t(49271),g=t(55336),T=function(e){var a=e.title,t=e.description,l=e.isExpanded;return n.createElement(h.Z,{title:a||"Date Picker Field",description:t,example:n.createElement(c.Z,null),exampleCssSrc:n.createElement(g.Z,null),exampleSrc:n.createElement(y,null),isExpanded:l})},C=["components"],v={},N="wrapper";function b(e){var a=e.components,t=(0,d.Z)(e,C);return(0,r.mdx)(N,(0,l.Z)({},v,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(m.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-date-picker-field"},"Terra Date Picker Field"),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker"},"terra-date-picker")," component that is wrapped inside a\n",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field")," component."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(T,{title:"Date Picker Field",mdxType:"DatePickerFieldExample"}),(0,r.mdx)("h2",{id:"date-picker-field-props-table"},"Date Picker field props table"),(0,r.mdx)(s,{mdxType:"DatePickerFieldPropsTable"}))}b.isMDXComponent=!0},55336:function(e,a,t){t.d(a,{Z:function(){return p}});var l=t(87462),d=t(44925),n=(t(67294),t(81254)),r=["components"],m={},i="wrapper";function p(e){var a=e.components,t=(0,d.Z)(e,r);return(0,n.mdx)(i,(0,l.Z)({},m,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}p.isMDXComponent=!0},4932:function(e,a,t){t.d(a,{C:function(){return n}});var l=t(67294),d=t(22863),n=function(e){var a=e.url;return l.createElement(d.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.93.0",url:a})}},64233:function(e,a,t){var l=t(64836);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var d=l(t(10434)),n=l(t(38416)),r=l(t(70215)),m=l(t(67294)),i=l(t(45697)),p=l(t(47717)),o=t(25387),u=l(t(51331)),s=l(t(28411)),c=["datePickerId","disabled","inputAttributes","error","errorIcon","excludeDates","filterDate","help","hideRequired","isIncomplete","isInvalid","isInline","isLabelHidden","includeDates","intl","label","labelAttrs","maxDate","minDate","maxWidth","name","onBlur","onChange","onChangeRaw","onClickOutside","onFocus","onRequestClose","onSelect","required","selectedDate","showOptional","value"];function x(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);a&&(l=l.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,l)}return t}function f(e){for(var a=1;a"))))),(0,n.mdx)("h2",{id:"6510---march-9-2021"},"6.51.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,n.mdx)("h2",{id:"6500---february-9-2021"},"6.50.0 - (February 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6490---january-26-2021"},"6.49.0 - (January 26, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6480---january-5-2021"},"6.48.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"6470---december-8-2020"},"6.47.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"intlShape")," import"),(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"6460---november-24-2020"},"6.46.0 - (November 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6450---november-10-2020"},"6.45.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,n.mdx)("h2",{id:"6440---october-20-2020"},"6.44.0 - (October 20, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated snapshots with right-padding fixes in terra-menu")))),(0,n.mdx)("h2",{id:"6430---october-13-2020"},"6.43.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6420---august-18-2020"},"6.42.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,n.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices and removed wdio tests for hover."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"6410---august-11-2020"},"6.41.0 - (August 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6400---august-4-2020"},"6.40.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format"),(0,n.mdx)("li",{parentName:"ul"},"Update jest due to change in theme")))),(0,n.mdx)("h2",{id:"6390---july-14-2020"},"6.39.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump\\")))),(0,n.mdx)("h2",{id:"6380---june-16-2020"},"6.38.0 - (June 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update jest snapshot due to terra-icon theme context changes.")))),(0,n.mdx)("h2",{id:"6370---june-9-2020"},"6.37.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6360---june-2-2020"},"6.36.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6350---may-26-2020"},"6.35.0 - (May 26, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed lowlight and clinical theme interference issue.")))),(0,n.mdx)("h2",{id:"6340---may-19-2020"},"6.34.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6330---april-28-2020"},"6.33.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"6320---april-6-2020"},"6.32.0 - (April 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6310---march-31-2020"},"6.31.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"6300---march-10-2020"},"6.30.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,n.mdx)("h2",{id:"6290---march-3-2020"},"6.29.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6280---february-25-2020"},"6.28.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6270---february-18-2020"},"6.27.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"6260---february-4-2020"},"6.26.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6250---january-28-2020"},"6.25.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"6240---january-17-2020"},"6.24.0 - (January 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Overflow issue with icon-only tabs."),(0,n.mdx)("li",{parentName:"ul"},"Reset cache and handle visibility of tabs added/removed post initial mount."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced uncontrolled ",(0,n.mdx)("inlineCode",{parentName:"li"},"")," with controlled ",(0,n.mdx)("inlineCode",{parentName:"li"},""),".")))),(0,n.mdx)("h2",{id:"6230---january-7-2020"},"6.23.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6220---december-16-2019"},"6.22.0 - (December 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"responsiveTo")," prop to provide ability to consumers to decide whether or not tabs need to completely\ncollapse into a menu on smaller viewports."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed axe violation for missing roles."),(0,n.mdx)("li",{parentName:"ul"},"Center-align text label in the single dropdown tab when all tabs completely collapse into a menu.")))),(0,n.mdx)("h2",{id:"6210---december-10-2019"},"6.21.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,n.mdx)("h2",{id:"6190---november-20-2019"},"6.19.0 - (November 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"6180---november-7-2019"},"6.18.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"6170---october-30-2019"},"6.17.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed accessibility issue in the tabs component.")))),(0,n.mdx)("h2",{id:"6160---october-21-2019"},"6.16.0 - (October 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"6150---october-16-2019"},"6.15.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"6140---october-3-2019"},"6.14.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"6130---september-26-2019"},"6.13.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed the inconsistent failures of responsive tabs on Travis CI.")))),(0,n.mdx)("h2",{id:"6120---september-19-2019"},"6.12.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,n.mdx)("h2",{id:"6110---september-6-2019"},"6.11.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1"))))),(0,n.mdx)("h2",{id:"6100---august-21-2019"},"6.10.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax")))),(0,n.mdx)("h2",{id:"690---august-14-2019"},"6.9.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed tabs overflowing issue."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's ",(0,n.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," rather than old React Context API."),(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"680---july-30-2019"},"6.8.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,n.mdx)("h2",{id:"371---july-23-2019"},"3.7.1 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,n.mdx)("h2",{id:"670---july-23-2019"},"6.7.0 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"660---july-16-2019"},"6.6.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"650---july-10-2019"},"6.5.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"640---july-2-2019"},"6.4.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added themeable variable --terra-tabs-font-weight"),(0,n.mdx)("li",{parentName:"ul"},"Added themeable variable --terra-tabs-structural-active-font-weight"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"630---june-19-2019"},"6.3.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-responsive-element v5"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles and implemented the same styles using external css."),(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes")))),(0,n.mdx)("h2",{id:"620---june-12-2019"},"6.2.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"box-shadow theme variable for in-active tab: --terra-tabs-structural-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"z-index theme variable for active tab: --terra-tabs-structural-active-z-index"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,n.mdx)("h2",{id:"610---may-21-2019"},"6.1.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"600---may-13-2019"},"6.0.0 - (May 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Consume latest major version bump of terra-menu")))),(0,n.mdx)("h2",{id:"5100---may-7-2019"},"5.10.0 - (May 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"590---april-24-2019"},"5.9.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"580---april-16-2019"},"5.8.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"570---april-9-2019"},"5.7.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"560---april-2-2019"},"5.6.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"550---march-26-2019"},"5.5.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"540---march-20-2019"},"5.4.0 - (March 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,n.mdx)("h2",{id:"530---march-12-2019"},"5.3.0 - (March 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,n.mdx)("h2",{id:"520---march-5-2019"},"5.2.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"510---february-26-2019"},"5.1.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,n.mdx)("h2",{id:"500---february-13-2019"},"5.0.0 - (February 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Major dependency version bump of terra-menu")))),(0,n.mdx)("h2",{id:"450---february-5-2019"},"4.5.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate package to terra-framework repository")))),(0,n.mdx)("h2",{id:"440---january-27-2019"},"4.4.0 - (January 27, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"430---january-26-2019"},"4.3.0 - (January 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"420---january-22-2019"},"4.2.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"410---january-22-2019"},"4.1.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"400---january-8-2019"},"4.0.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bottom border styles collapsed tab edge case")))),(0,n.mdx)("h2",{id:"3310---january-2-2019"},"3.31.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint Errors")))),(0,n.mdx)("h2",{id:"3301---november-20-2018"},"3.30.1 - (November 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"3300---november-19-2018"},"3.30.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3290---november-13-2018"},"3.29.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Prevent left and right arrow key events from shifting tab focus indication while inside of tab popup menu"),(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3280---november-13-2018"},"3.28.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3270---november-9-2018"},"3.27.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3260---october-24-2018"},"3.26.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3250---october-16-2018"},"3.25.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3240---october-8-2018"},"3.24.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3230---october-2-2018"},"3.23.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3220---september-25-2018"},"3.22.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3211---september-6-2018"},"3.21.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"3210---september-5-2018"},"3.21.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"3200---september-4-2018"},"3.20.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3190---august-30-2018"},"3.19.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3180---august-29-2018"},"3.18.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3170---august-21-2018"},"3.17.0 - (August 21, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3160---august-8-2018"},"3.16.0 - (August 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,n.mdx)("h2",{id:"3150---august-1-2018"},"3.15.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3140---july-25-2018"},"3.14.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,n.mdx)("h2",{id:"3130---july-19-2018"},"3.13.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"3120---july-17-2018"},"3.12.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed usage of CSS ",(0,n.mdx)("inlineCode",{parentName:"li"},"initial")," value because Internet Explorer does not support it")))),(0,n.mdx)("h2",{id:"3110---july-10-2018"},"3.11.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3100---july-3-2018"},"3.10.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---june-28-2018"},"3.9.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Corrected the 'resize observer loop limit reached' error with animation frames.")))),(0,n.mdx)("h2",{id:"380---june-22-2018"},"3.8.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"370---june-19-2018"},"3.7.0 - (June 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed classNames on Tab Panes not displaying when rendering Tab Panes in Tabs component")))),(0,n.mdx)("h2",{id:"360---june-13-2018"},"3.6.0 - (June 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"350---june-12-2018"},"3.5.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,n.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,n.mdx)("h2",{id:"340---may-30-2018"},"3.4.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"330---may-25-2018"},"3.3.0 - (May 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"320---may-23-2018"},"3.2.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"New variables for theming")))),(0,n.mdx)("h2",{id:"310---may-16-2018"},"3.1.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"300---may-9-2018"},"3.0.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Major Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-menu v3.0.0")))),(0,n.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,n.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,n.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"120---february-1-2018"},"1.2.0 - (February 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---january-18-2018"},"1.1.0 - (January 18, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"100---january-5-2018"},"1.0.0 - (January 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},63718:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.11.1",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{Z:function(){return d}})}}]);
\ No newline at end of file
diff --git a/pull/1885/47782-a9f1c56a0cade8f89a5a.css b/pull/1885/47782-ff343233467b60d660d9.css
similarity index 100%
rename from pull/1885/47782-a9f1c56a0cade8f89a5a.css
rename to pull/1885/47782-ff343233467b60d660d9.css
diff --git a/pull/1885/47782-ff343233467b60d660d9.js b/pull/1885/47782-ff343233467b60d660d9.js
new file mode 100644
index 00000000000..00b0c5cf264
--- /dev/null
+++ b/pull/1885/47782-ff343233467b60d660d9.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[47782],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),i=d(l(17422)),t=r.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:t("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:t("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;a.Z=x},47782:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(87462),m=l(44925),n=(l(67294),l(81254)),r=l(63718),i=["components"],t={},u="wrapper";function p(e){var a=e.components,l=(0,m.Z)(e,i);return(0,n.mdx)(u,(0,d.Z)({},t,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"7112---november-9-2023"},"7.11.2 - (November 9, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed issue to prefer ",(0,n.mdx)("inlineCode",{parentName:"li"},"customDisplay")," prop over ",(0,n.mdx)("inlineCode",{parentName:"li"},"label")," prop."),(0,n.mdx)("li",{parentName:"ul"},"Fixes issue where tab label fails to get updated due to\nhaving the same key before and after tab label update.")))),(0,n.mdx)("h2",{id:"7111---october-25-2023"},"7.11.1 - (October 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed the dropdown options are being cut off on smaller viewports."),(0,n.mdx)("li",{parentName:"ul"},"Fixed keyboard navigation after mouse click for draggable tabs."),(0,n.mdx)("li",{parentName:"ul"},"Fixed screen reader response when active tabs are closed.")))),(0,n.mdx)("h2",{id:"7110---october-20-2023"},"7.11.0 - (October 20, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added Vertical orientation for ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-tabs"),"."))),(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed additional screen reader phrase and fixed delete tab hint.")))),(0,n.mdx)("h2",{id:"7100---october-11-2023"},"7.10.0 - (October 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"790---october-3-2023"},"7.9.0 - (October 3, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Additional padding of 10px on the left and right of tab content body is removed for framework styles."),(0,n.mdx)("li",{parentName:"ul"},"Box shadow container style removed for framework variant tabs."),(0,n.mdx)("li",{parentName:"ul"},"Fixes large tab content display with scrollable view."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed Axe core violations for close button added on\nterra-tabs on both face-up tab and hidden tab."),(0,n.mdx)("li",{parentName:"ul"},"Fixed issue in screen reader instruction for hidden tabs where add tab instruction is announced even in absence of add button.")))),(0,n.mdx)("h2",{id:"780---september-21-2023"},"7.8.0 - (September 21, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated code for tab active indicator issue.")))),(0,n.mdx)("h2",{id:"770---september-19-2023"},"7.7.0 - (September 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added prop to support the focus traverse within the tab content."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed tab active indicator issue.")))),(0,n.mdx)("h2",{id:"760---september-5-2023"},"7.6.0 - (September 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"isClosable")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"onTabClose")," props to support close functionality in tabs."),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"onSelectAddButton")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"ariaLabelAddTab")," props to support Add functionality in tabs.")))),(0,n.mdx)("h2",{id:"750---august-31-2023"},"7.5.0 - (August 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added support for programmatic activation of tabs."),(0,n.mdx)("li",{parentName:"ul"},"Removed additional focus border for tab.")))),(0,n.mdx)("h2",{id:"740---august-10-2023"},"7.4.0 - (August 10, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added drag and drop to tab menu and internationalization support for the same."),(0,n.mdx)("li",{parentName:"ul"},"Updated styles for tab content panel.")))),(0,n.mdx)("h2",{id:"731---august-4-2023"},"7.3.1 - (August 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"730---august-2-2023"},"7.3.0 - (August 2, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"720---august-2-2023"},"7.2.0 - (August 2, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added ",(0,n.mdx)("inlineCode",{parentName:"p"},"isDraggable")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"onTabOrderChange")," props to support drag and drop feature in tabs.")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Locked ",(0,n.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,n.mdx)("inlineCode",{parentName:"li"},"3.4.0")," for consistency across Terra packages.")))),(0,n.mdx)("h2",{id:"710---july-31-2023"},"7.1.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"700---july-25-2023"},"7.0.0 - (July 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"responsiveTo")," prop as common tabs is responsive to parent\ncontainer & window"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added Common tabs component under terra-tabs"),(0,n.mdx)("li",{parentName:"ul"},"Introduced ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant")," prop to switch between framework and workspace styles"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated framework tabs to consume common tabs "),(0,n.mdx)("li",{parentName:"ul"},"Updated styles to accommodate both framework and workspace styles")))),(0,n.mdx)("h2",{id:"6720---july-19-2023"},"6.72.0 - (July 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Locked ",(0,n.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,n.mdx)("inlineCode",{parentName:"li"},"7.0.3")," for consistency across Terra packages.")))),(0,n.mdx)("h2",{id:"6710---july-4-2023"},"6.71.0 - (July 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6700---june-12-2023"},"6.70.0 - (June 12, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Locked ",(0,n.mdx)("inlineCode",{parentName:"li"},"uuid")," version to ",(0,n.mdx)("inlineCode",{parentName:"li"},"8.2.0"),".")))),(0,n.mdx)("h2",{id:"6690---june-5-2023"},"6.69.0 - (June 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"uuid")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v8")," for consistency with other components.")))),(0,n.mdx)("h2",{id:"6680---may-11-2023"},"6.68.0 - (May 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6670---april-27-2023"},"6.67.0 - (April 27, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6661---april-12-2023"},"6.66.1 - (April 12, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed screen reader announcing incorrect tab count."),(0,n.mdx)("li",{parentName:"ul"},"Allow screen reader to announce hidden tabs count."),(0,n.mdx)("li",{parentName:"ul"},"Fixed keyboard navigation of tabs menu.")))),(0,n.mdx)("h2",{id:"6660---march-29-2023"},"6.66.0 - (March 29, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6650---march-1-2023"},"6.65.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to terra-menu changes")))),(0,n.mdx)("h2",{id:"6640---february-14-2023"},"6.64.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"6630---february-7-2023"},"6.63.0 - (February 7, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed console warning ",(0,n.mdx)("inlineCode",{parentName:"li"},"React does not recognize the "),"showIcon",(0,n.mdx)("inlineCode",{parentName:"li"}," prop on a DOM element"),".")))),(0,n.mdx)("h2",{id:"6620---february-1-2023"},"6.62.0 - (February 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Allow for icons to be shown in tabs when collapsed")))),(0,n.mdx)("h2",{id:"6610---march-15-2022"},"6.61.0 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,n.mdx)("h2",{id:"6600---november-16-2021"},"6.60.0 - (November 16, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6590---november-9-2021"},"6.59.0 - (November 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6580---october-14-2021"},"6.58.0 - (October 14, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6570---october-12-2021"},"6.57.0 - (October 12, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6560---september-20-2021"},"6.56.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,n.mdx)("h2",{id:"6550---july-21-2021"},"6.55.0 - (July 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,n.mdx)("h2",{id:"6540---june-8-2021"},"6.54.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,n.mdx)("h2",{id:"6530---may-4-2021"},"6.53.0 - (May 4, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6520---april-6-2021"},"6.52.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ability to generate id for tab items through ",(0,n.mdx)("inlineCode",{parentName:"li"},""))))),(0,n.mdx)("h2",{id:"6510---march-9-2021"},"6.51.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,n.mdx)("h2",{id:"6500---february-9-2021"},"6.50.0 - (February 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6490---january-26-2021"},"6.49.0 - (January 26, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6480---january-5-2021"},"6.48.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"6470---december-8-2020"},"6.47.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"intlShape")," import"),(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"6460---november-24-2020"},"6.46.0 - (November 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6450---november-10-2020"},"6.45.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,n.mdx)("h2",{id:"6440---october-20-2020"},"6.44.0 - (October 20, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated snapshots with right-padding fixes in terra-menu")))),(0,n.mdx)("h2",{id:"6430---october-13-2020"},"6.43.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6420---august-18-2020"},"6.42.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,n.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices and removed wdio tests for hover."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"6410---august-11-2020"},"6.41.0 - (August 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6400---august-4-2020"},"6.40.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format"),(0,n.mdx)("li",{parentName:"ul"},"Update jest due to change in theme")))),(0,n.mdx)("h2",{id:"6390---july-14-2020"},"6.39.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump\\")))),(0,n.mdx)("h2",{id:"6380---june-16-2020"},"6.38.0 - (June 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update jest snapshot due to terra-icon theme context changes.")))),(0,n.mdx)("h2",{id:"6370---june-9-2020"},"6.37.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6360---june-2-2020"},"6.36.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6350---may-26-2020"},"6.35.0 - (May 26, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed lowlight and clinical theme interference issue.")))),(0,n.mdx)("h2",{id:"6340---may-19-2020"},"6.34.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6330---april-28-2020"},"6.33.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"6320---april-6-2020"},"6.32.0 - (April 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6310---march-31-2020"},"6.31.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"6300---march-10-2020"},"6.30.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,n.mdx)("h2",{id:"6290---march-3-2020"},"6.29.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6280---february-25-2020"},"6.28.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6270---february-18-2020"},"6.27.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"6260---february-4-2020"},"6.26.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6250---january-28-2020"},"6.25.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"6240---january-17-2020"},"6.24.0 - (January 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Overflow issue with icon-only tabs."),(0,n.mdx)("li",{parentName:"ul"},"Reset cache and handle visibility of tabs added/removed post initial mount."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced uncontrolled ",(0,n.mdx)("inlineCode",{parentName:"li"},"")," with controlled ",(0,n.mdx)("inlineCode",{parentName:"li"},""),".")))),(0,n.mdx)("h2",{id:"6230---january-7-2020"},"6.23.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"6220---december-16-2019"},"6.22.0 - (December 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"responsiveTo")," prop to provide ability to consumers to decide whether or not tabs need to completely\ncollapse into a menu on smaller viewports."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed axe violation for missing roles."),(0,n.mdx)("li",{parentName:"ul"},"Center-align text label in the single dropdown tab when all tabs completely collapse into a menu.")))),(0,n.mdx)("h2",{id:"6210---december-10-2019"},"6.21.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,n.mdx)("h2",{id:"6190---november-20-2019"},"6.19.0 - (November 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"6180---november-7-2019"},"6.18.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"6170---october-30-2019"},"6.17.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed accessibility issue in the tabs component.")))),(0,n.mdx)("h2",{id:"6160---october-21-2019"},"6.16.0 - (October 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"6150---october-16-2019"},"6.15.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"6140---october-3-2019"},"6.14.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"6130---september-26-2019"},"6.13.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed the inconsistent failures of responsive tabs on Travis CI.")))),(0,n.mdx)("h2",{id:"6120---september-19-2019"},"6.12.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,n.mdx)("h2",{id:"6110---september-6-2019"},"6.11.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1"))))),(0,n.mdx)("h2",{id:"6100---august-21-2019"},"6.10.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax")))),(0,n.mdx)("h2",{id:"690---august-14-2019"},"6.9.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed tabs overflowing issue."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's ",(0,n.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," rather than old React Context API."),(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"680---july-30-2019"},"6.8.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,n.mdx)("h2",{id:"371---july-23-2019"},"3.7.1 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,n.mdx)("h2",{id:"670---july-23-2019"},"6.7.0 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"660---july-16-2019"},"6.6.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"650---july-10-2019"},"6.5.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"640---july-2-2019"},"6.4.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added themeable variable --terra-tabs-font-weight"),(0,n.mdx)("li",{parentName:"ul"},"Added themeable variable --terra-tabs-structural-active-font-weight"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"630---june-19-2019"},"6.3.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-responsive-element v5"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles and implemented the same styles using external css."),(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes")))),(0,n.mdx)("h2",{id:"620---june-12-2019"},"6.2.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"box-shadow theme variable for in-active tab: --terra-tabs-structural-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"z-index theme variable for active tab: --terra-tabs-structural-active-z-index"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,n.mdx)("h2",{id:"610---may-21-2019"},"6.1.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"600---may-13-2019"},"6.0.0 - (May 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Consume latest major version bump of terra-menu")))),(0,n.mdx)("h2",{id:"5100---may-7-2019"},"5.10.0 - (May 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"590---april-24-2019"},"5.9.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"580---april-16-2019"},"5.8.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"570---april-9-2019"},"5.7.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"560---april-2-2019"},"5.6.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"550---march-26-2019"},"5.5.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"540---march-20-2019"},"5.4.0 - (March 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,n.mdx)("h2",{id:"530---march-12-2019"},"5.3.0 - (March 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,n.mdx)("h2",{id:"520---march-5-2019"},"5.2.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"510---february-26-2019"},"5.1.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,n.mdx)("h2",{id:"500---february-13-2019"},"5.0.0 - (February 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Major dependency version bump of terra-menu")))),(0,n.mdx)("h2",{id:"450---february-5-2019"},"4.5.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate package to terra-framework repository")))),(0,n.mdx)("h2",{id:"440---january-27-2019"},"4.4.0 - (January 27, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"430---january-26-2019"},"4.3.0 - (January 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"420---january-22-2019"},"4.2.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"410---january-22-2019"},"4.1.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"400---january-8-2019"},"4.0.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bottom border styles collapsed tab edge case")))),(0,n.mdx)("h2",{id:"3310---january-2-2019"},"3.31.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint Errors")))),(0,n.mdx)("h2",{id:"3301---november-20-2018"},"3.30.1 - (November 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"3300---november-19-2018"},"3.30.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3290---november-13-2018"},"3.29.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Prevent left and right arrow key events from shifting tab focus indication while inside of tab popup menu"),(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3280---november-13-2018"},"3.28.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3270---november-9-2018"},"3.27.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3260---october-24-2018"},"3.26.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3250---october-16-2018"},"3.25.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3240---october-8-2018"},"3.24.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3230---october-2-2018"},"3.23.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3220---september-25-2018"},"3.22.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3211---september-6-2018"},"3.21.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"3210---september-5-2018"},"3.21.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"3200---september-4-2018"},"3.20.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3190---august-30-2018"},"3.19.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3180---august-29-2018"},"3.18.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3170---august-21-2018"},"3.17.0 - (August 21, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3160---august-8-2018"},"3.16.0 - (August 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,n.mdx)("h2",{id:"3150---august-1-2018"},"3.15.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3140---july-25-2018"},"3.14.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,n.mdx)("h2",{id:"3130---july-19-2018"},"3.13.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"3120---july-17-2018"},"3.12.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed usage of CSS ",(0,n.mdx)("inlineCode",{parentName:"li"},"initial")," value because Internet Explorer does not support it")))),(0,n.mdx)("h2",{id:"3110---july-10-2018"},"3.11.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3100---july-3-2018"},"3.10.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---june-28-2018"},"3.9.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Corrected the 'resize observer loop limit reached' error with animation frames.")))),(0,n.mdx)("h2",{id:"380---june-22-2018"},"3.8.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"370---june-19-2018"},"3.7.0 - (June 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed classNames on Tab Panes not displaying when rendering Tab Panes in Tabs component")))),(0,n.mdx)("h2",{id:"360---june-13-2018"},"3.6.0 - (June 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"350---june-12-2018"},"3.5.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,n.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,n.mdx)("h2",{id:"340---may-30-2018"},"3.4.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"330---may-25-2018"},"3.3.0 - (May 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"320---may-23-2018"},"3.2.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"New variables for theming")))),(0,n.mdx)("h2",{id:"310---may-16-2018"},"3.1.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"300---may-9-2018"},"3.0.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Major Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-menu v3.0.0")))),(0,n.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,n.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,n.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"120---february-1-2018"},"1.2.0 - (February 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---january-18-2018"},"1.1.0 - (January 18, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"100---january-5-2018"},"1.0.0 - (January 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},63718:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.11.2",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{Z:function(){return d}})}}]);
\ No newline at end of file
diff --git a/pull/1885/48408-27abd21fbbeaa648e295.css b/pull/1885/48408-3afe2ad4e04c0e83e4a7.css
similarity index 100%
rename from pull/1885/48408-27abd21fbbeaa648e295.css
rename to pull/1885/48408-3afe2ad4e04c0e83e4a7.css
diff --git a/pull/1885/48408-27abd21fbbeaa648e295.js b/pull/1885/48408-3afe2ad4e04c0e83e4a7.js
similarity index 100%
rename from pull/1885/48408-27abd21fbbeaa648e295.js
rename to pull/1885/48408-3afe2ad4e04c0e83e4a7.js
diff --git a/pull/1885/48885-e507993f6c0043829e60.css b/pull/1885/48885-fd634efd845f9fa43f70.css
similarity index 100%
rename from pull/1885/48885-e507993f6c0043829e60.css
rename to pull/1885/48885-fd634efd845f9fa43f70.css
diff --git a/pull/1885/48885-e507993f6c0043829e60.js b/pull/1885/48885-fd634efd845f9fa43f70.js
similarity index 99%
rename from pull/1885/48885-e507993f6c0043829e60.js
rename to pull/1885/48885-fd634efd845f9fa43f70.js
index 38e31b9e014..f72bcf34801 100644
--- a/pull/1885/48885-e507993f6c0043829e60.js
+++ b/pull/1885/48885-fd634efd845f9fa43f70.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[48885],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),i=a(n(45697)),r=a(n(47166)),o=a(n(17422)),d=r.default.bind(o.default),u={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},m=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,r=l.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},l.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:d("badge-version")},"v".concat(i))),o=t?l.default.createElement("a",{className:d("badge"),href:t},l.default.createElement("span",{className:d("badge-name")},"github"),l.default.createElement("span",{className:d("badge-version")},"source")):void 0;return l.default.createElement("div",{className:d("badge-container")},r,o)};m.propTypes=u;var s=m;t.Z=s},49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var i=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}a.default=e,n&&n.set(e,a);return a}(n(67294)),o=a(n(45697)),d=a(n(47166)),u=n(21538),m=a(n(33864)),s=a(n(23399)),c=n(51051),p=a(n(53560));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=d.default.bind(p.default),g={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,o=e.description,d=e.isExpanded,p=(0,r.useState)(d),h=(0,i.default)(p,2),g=h[0],v=h[1],C=(0,r.useState)(!1),N=(0,i.default)(C,2),_=N[0],w=N[1],T=r.default.useContext(u.ThemeContext),E=void 0!==a,y=function(){w(!_),g&&v(!g)},k=function(){v(!g),_&&w(!_)},S=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:f("template",T.className)},r.default.createElement("div",{className:f("header")},l&&r.default.createElement("h2",{className:f("title")},l)),r.default.createElement("div",{className:f("content")},o&&r.default.createElement("div",{className:f("description")},o),t),r.default.createElement("div",{className:f("footer")},n?r.default.createElement("div",{className:f("button-container")},E&&r.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":_}),onClick:y,onKeyDown:function(e){return S(e,y)},onBlur:b,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(m.default,{className:f("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(s.default,{className:f("chevron")})),r.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":g}),onClick:k,onKeyDown:function(e){return S(e,k)},onBlur:b,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(m.default,{className:f("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(s.default,{className:f("chevron")}))):null,r.default.createElement("div",null,_&&r.default.createElement("div",{className:f("css")},a),g&&r.default.createElement("div",{className:f("code")},n))))};v.propTypes=g,v.defaultProps={isExpanded:!1};var C=v;t.Z=C},42791:function(e,t,n){n.r(t),n.d(t,{default:function(){return b}});var a=n(87462),l=n(44925),i=n(67294),r=n(81254),o=n(10362),d=n(41836),u=["components"],m={};function s(e){var t=e.components,n=(0,l.Z)(e,u);return(0,r.mdx)("wrapper",(0,a.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DateTimePicker from 'terra-date-time-picker';\nimport DateTimeUtils from 'terra-date-time-picker/lib/DateTimeUtils';\n\nconst DateTimePickerEvents = () => {\n const [blurCount, setBlurCount] = useState(0);\n const [focusCount, setFocusCount] = useState(0);\n const [onRequestCloseCount, setonRequestCloseCount] = useState(0);\n const [changeValue, setChangeValue] = useState('');\n const [changeRawValue, setChangeRawValue] = useState('');\n const [selectValue, setSelectValue] = useState('');\n\n const handleBlur = () => {\n setBlurCount(blurCount + 1);\n };\n\n const handleFocus = () => {\n setFocusCount(focusCount + 1);\n };\n\n const handleChange = (event, value) => {\n setChangeValue(value);\n };\n\n const handleChangeRaw = (event, value) => {\n setChangeRawValue(value);\n };\n\n const handleSelect = (event, value) => {\n setSelectValue(value);\n };\n\n const handleOnRequestClose = () => {\n setonRequestCloseCount(onRequestCloseCount + 1);\n };\n\n return (\n
\n );\n};\n\nexport default DateTimePickerEvents;\n\n")))}s.isMDXComponent=!0;var c=n(49271),p=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(c.Z,{title:t||"Date Time Picker Events",description:n,example:i.createElement(d.Z,null),exampleSrc:i.createElement(s,null),isExpanded:a})},h=["components"],f={},g="wrapper";function b(e){var t=e.components,n=(0,l.Z)(e,h);return(0,r.mdx)(g,(0,a.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-date-time-picker"},"Terra Date Time Picker"),(0,r.mdx)("h2",{id:"events"},"Events"),(0,r.mdx)("p",null,"terra-date-time-picker has several callback events that are slightly different in behavior from the native counterparts."),(0,r.mdx)("h3",{id:"onblur"},"onBlur"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback prop is triggered only when the entire component loses focus. If the focus is moved from the date input to the time input, the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," event will not be triggered since the focus is still within the DateTime Picker component. The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," event would be triggered when the focus is moved to any element that is not a child node of the DateTime Picker."),(0,r.mdx)("li",{parentName:"ul"},"There are two paramters in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback prop. The first parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"event")," object representing the blur event. The second parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the component loses focus.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,r.mdx)("h3",{id:"onchange"},"onChange"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop is triggered only when both a valid date and time that conform to the format is entered directly in the date and time inputs or selected from the date picker. The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop would not be triggered if the entered or selected date meets one of the following criteria.")),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"An exlcuded date in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"excludeDates")," prop."),(0,r.mdx)("li",{parentName:"ul"},"A date that is filtered by the ",(0,r.mdx)("inlineCode",{parentName:"li"},"filterDate")," prop."),(0,r.mdx)("li",{parentName:"ul"},"Not an included date in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"includeDates")," prop."),(0,r.mdx)("li",{parentName:"ul"},"Not within the range of the ",(0,r.mdx)("inlineCode",{parentName:"li"},"minDate")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"maxDate")," props.")),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop. The first parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"date and time")," value. The third parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," callback is triggered.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,r.mdx)("h3",{id:"onchangeraw"},"onChangeRaw"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback prop is triggered whenever any key is entered in the date input. If the entered value happens to be a valid date and time, both the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," events will be triggered. The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," event would be triggered first followed by the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," event."),(0,r.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback prop. The first parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is ",(0,r.mdx)("inlineCode",{parentName:"li"},"either the date or time")," value, which ever was changed. The third parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback is triggered.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,r.mdx)("h3",{id:"onrequestclose"},"onRequestClose"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onRequestClose")," callback prop is triggered when dismissing the datepicker.")),(0,r.mdx)("h3",{id:"onfocus"},"onFocus"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onFocus")," callback prop is triggered when the component initially gains focus. If the focus is moved from the date input to the time input, the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onFocus")," event will not be triggered since the focus is still within the DateTime Picker component. Similar to the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," event, the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onFocus")," event does not get triggered when the focus is moved from one child node of the DateTime Picker component to another child node of the same DateTime Picker component.")),(0,r.mdx)("h3",{id:"onselect"},"onSelect"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onSelect")," callback prop is triggered when a date is selected from the date picker. Once a date is selected, the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," event will be triggered first (if the newly selected is different from the previous date) followed by the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onSelect")," event.")),(0,r.mdx)("h2",{id:"event-trigger-order"},"Event Trigger Order"),(0,r.mdx)("p",null,"When these actions are taken, the events are triggered in the following order."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Manual date entry ",(0,r.mdx)("ol",{parentName:"li"},(0,r.mdx)("li",{parentName:"ol"},"onChangeRaw"),(0,r.mdx)("li",{parentName:"ol"},"onChange (if the entered date and time are valid.)"))),(0,r.mdx)("li",{parentName:"ul"},"Selection from the picker",(0,r.mdx)("ol",{parentName:"li"},(0,r.mdx)("li",{parentName:"ol"},"onSelect"),(0,r.mdx)("li",{parentName:"ol"},"onChange (if the existing time is valid which now forms a complete date time value.)")))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(p,{title:"Date Picker Event Triggers",mdxType:"DateTimePickerEvents"}))}b.isMDXComponent=!0},10362:function(e,t,n){n.d(t,{C:function(){return i}});var a=n(67294),l=n(22863),i=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.98.0",url:t})}},41836:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var i=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(67294)),o=a(n(44887)),d=a(n(77947));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)}t.Z=function(){var e=(0,r.useState)(0),t=(0,i.default)(e,2),n=t[0],a=t[1],l=(0,r.useState)(0),u=(0,i.default)(l,2),m=u[0],s=u[1],c=(0,r.useState)(0),p=(0,i.default)(c,2),h=p[0],f=p[1],g=(0,r.useState)(""),b=(0,i.default)(g,2),x=b[0],v=b[1],C=(0,r.useState)(""),N=(0,i.default)(C,2),_=N[0],w=N[1],T=(0,r.useState)(""),E=(0,i.default)(T,2),y=E[0],k=E[1];return r.default.createElement("div",null,r.default.createElement("p",null,"onFocus Trigger Count:"," ",r.default.createElement("span",{id:"onFocus-count"},m),r.default.createElement("br",null),r.default.createElement("br",null),"onBlur Trigger Count:"," ",r.default.createElement("span",{id:"onBlur-count"},n),r.default.createElement("br",null),r.default.createElement("br",null),"onRequestClose Trigger Count:"," ",r.default.createElement("span",{id:"onRequestClose-count"},h),r.default.createElement("br",null),r.default.createElement("br",null),"onChangeRaw Triggered:"," ",r.default.createElement("span",{id:"onChangeRaw"},_),r.default.createElement("br",null),r.default.createElement("br",null),"onChange Triggered:"," ",r.default.createElement("span",{id:"onChange"},x),r.default.createElement("br",null),r.default.createElement("br",null),"onSelect Triggered:"," ",r.default.createElement("span",{id:"onSelect"},y)),r.default.createElement(o.default,{name:"date-time-picker-events",onBlur:function(){a(n+1)},onFocus:function(){s(m+1)},onChange:function(e,t){v(t)},onChangeRaw:function(e,t){w(t)},onSelect:function(e,t){k(t)},onRequestClose:function(){f(h+1)},timeVariant:d.default.FORMAT_12_HOUR,showSeconds:!0}))}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),l=i(n(99139));function i(e){return e&&e.__esModule?e:{default:e}}function r(){return r=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 i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{Z:function(){return a}})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[48885],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),i=a(n(45697)),r=a(n(47166)),o=a(n(17422)),d=r.default.bind(o.default),u={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},m=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,r=l.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},l.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:d("badge-version")},"v".concat(i))),o=t?l.default.createElement("a",{className:d("badge"),href:t},l.default.createElement("span",{className:d("badge-name")},"github"),l.default.createElement("span",{className:d("badge-version")},"source")):void 0;return l.default.createElement("div",{className:d("badge-container")},r,o)};m.propTypes=u;var s=m;t.Z=s},49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var i=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}a.default=e,n&&n.set(e,a);return a}(n(67294)),o=a(n(45697)),d=a(n(47166)),u=n(21538),m=a(n(33864)),s=a(n(23399)),c=n(51051),p=a(n(53560));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=d.default.bind(p.default),g={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,o=e.description,d=e.isExpanded,p=(0,r.useState)(d),h=(0,i.default)(p,2),g=h[0],v=h[1],C=(0,r.useState)(!1),N=(0,i.default)(C,2),_=N[0],w=N[1],T=r.default.useContext(u.ThemeContext),E=void 0!==a,y=function(){w(!_),g&&v(!g)},k=function(){v(!g),_&&w(!_)},S=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:f("template",T.className)},r.default.createElement("div",{className:f("header")},l&&r.default.createElement("h2",{className:f("title")},l)),r.default.createElement("div",{className:f("content")},o&&r.default.createElement("div",{className:f("description")},o),t),r.default.createElement("div",{className:f("footer")},n?r.default.createElement("div",{className:f("button-container")},E&&r.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":_}),onClick:y,onKeyDown:function(e){return S(e,y)},onBlur:b,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(m.default,{className:f("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(s.default,{className:f("chevron")})),r.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":g}),onClick:k,onKeyDown:function(e){return S(e,k)},onBlur:b,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(m.default,{className:f("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(s.default,{className:f("chevron")}))):null,r.default.createElement("div",null,_&&r.default.createElement("div",{className:f("css")},a),g&&r.default.createElement("div",{className:f("code")},n))))};v.propTypes=g,v.defaultProps={isExpanded:!1};var C=v;t.Z=C},42791:function(e,t,n){n.r(t),n.d(t,{default:function(){return b}});var a=n(87462),l=n(44925),i=n(67294),r=n(81254),o=n(10362),d=n(41836),u=["components"],m={};function s(e){var t=e.components,n=(0,l.Z)(e,u);return(0,r.mdx)("wrapper",(0,a.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DateTimePicker from 'terra-date-time-picker';\nimport DateTimeUtils from 'terra-date-time-picker/lib/DateTimeUtils';\n\nconst DateTimePickerEvents = () => {\n const [blurCount, setBlurCount] = useState(0);\n const [focusCount, setFocusCount] = useState(0);\n const [onRequestCloseCount, setonRequestCloseCount] = useState(0);\n const [changeValue, setChangeValue] = useState('');\n const [changeRawValue, setChangeRawValue] = useState('');\n const [selectValue, setSelectValue] = useState('');\n\n const handleBlur = () => {\n setBlurCount(blurCount + 1);\n };\n\n const handleFocus = () => {\n setFocusCount(focusCount + 1);\n };\n\n const handleChange = (event, value) => {\n setChangeValue(value);\n };\n\n const handleChangeRaw = (event, value) => {\n setChangeRawValue(value);\n };\n\n const handleSelect = (event, value) => {\n setSelectValue(value);\n };\n\n const handleOnRequestClose = () => {\n setonRequestCloseCount(onRequestCloseCount + 1);\n };\n\n return (\n
\n );\n};\n\nexport default DateTimePickerEvents;\n\n")))}s.isMDXComponent=!0;var c=n(49271),p=function(e){var t=e.title,n=e.description,a=e.isExpanded;return i.createElement(c.Z,{title:t||"Date Time Picker Events",description:n,example:i.createElement(d.Z,null),exampleSrc:i.createElement(s,null),isExpanded:a})},h=["components"],f={},g="wrapper";function b(e){var t=e.components,n=(0,l.Z)(e,h);return(0,r.mdx)(g,(0,a.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-date-time-picker"},"Terra Date Time Picker"),(0,r.mdx)("h2",{id:"events"},"Events"),(0,r.mdx)("p",null,"terra-date-time-picker has several callback events that are slightly different in behavior from the native counterparts."),(0,r.mdx)("h3",{id:"onblur"},"onBlur"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback prop is triggered only when the entire component loses focus. If the focus is moved from the date input to the time input, the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," event will not be triggered since the focus is still within the DateTime Picker component. The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," event would be triggered when the focus is moved to any element that is not a child node of the DateTime Picker."),(0,r.mdx)("li",{parentName:"ul"},"There are two paramters in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback prop. The first parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"event")," object representing the blur event. The second parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the component loses focus.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,r.mdx)("h3",{id:"onchange"},"onChange"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop is triggered only when both a valid date and time that conform to the format is entered directly in the date and time inputs or selected from the date picker. The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop would not be triggered if the entered or selected date meets one of the following criteria.")),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"An exlcuded date in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"excludeDates")," prop."),(0,r.mdx)("li",{parentName:"ul"},"A date that is filtered by the ",(0,r.mdx)("inlineCode",{parentName:"li"},"filterDate")," prop."),(0,r.mdx)("li",{parentName:"ul"},"Not an included date in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"includeDates")," prop."),(0,r.mdx)("li",{parentName:"ul"},"Not within the range of the ",(0,r.mdx)("inlineCode",{parentName:"li"},"minDate")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"maxDate")," props.")),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop. The first parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"date and time")," value. The third parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," callback is triggered.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,r.mdx)("h3",{id:"onchangeraw"},"onChangeRaw"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback prop is triggered whenever any key is entered in the date input. If the entered value happens to be a valid date and time, both the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," events will be triggered. The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," event would be triggered first followed by the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," event."),(0,r.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback prop. The first parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is ",(0,r.mdx)("inlineCode",{parentName:"li"},"either the date or time")," value, which ever was changed. The third parameter is the ",(0,r.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback is triggered.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,r.mdx)("h3",{id:"onrequestclose"},"onRequestClose"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onRequestClose")," callback prop is triggered when dismissing the datepicker.")),(0,r.mdx)("h3",{id:"onfocus"},"onFocus"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onFocus")," callback prop is triggered when the component initially gains focus. If the focus is moved from the date input to the time input, the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onFocus")," event will not be triggered since the focus is still within the DateTime Picker component. Similar to the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onBlur")," event, the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onFocus")," event does not get triggered when the focus is moved from one child node of the DateTime Picker component to another child node of the same DateTime Picker component.")),(0,r.mdx)("h3",{id:"onselect"},"onSelect"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The ",(0,r.mdx)("inlineCode",{parentName:"li"},"onSelect")," callback prop is triggered when a date is selected from the date picker. Once a date is selected, the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onChange")," event will be triggered first (if the newly selected is different from the previous date) followed by the ",(0,r.mdx)("inlineCode",{parentName:"li"},"onSelect")," event.")),(0,r.mdx)("h2",{id:"event-trigger-order"},"Event Trigger Order"),(0,r.mdx)("p",null,"When these actions are taken, the events are triggered in the following order."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Manual date entry ",(0,r.mdx)("ol",{parentName:"li"},(0,r.mdx)("li",{parentName:"ol"},"onChangeRaw"),(0,r.mdx)("li",{parentName:"ol"},"onChange (if the entered date and time are valid.)"))),(0,r.mdx)("li",{parentName:"ul"},"Selection from the picker",(0,r.mdx)("ol",{parentName:"li"},(0,r.mdx)("li",{parentName:"ol"},"onSelect"),(0,r.mdx)("li",{parentName:"ol"},"onChange (if the existing time is valid which now forms a complete date time value.)")))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(p,{title:"Date Picker Event Triggers",mdxType:"DateTimePickerEvents"}))}b.isMDXComponent=!0},10362:function(e,t,n){n.d(t,{C:function(){return i}});var a=n(67294),l=n(22863),i=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.99.0",url:t})}},41836:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var i=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(67294)),o=a(n(44887)),d=a(n(77947));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)}t.Z=function(){var e=(0,r.useState)(0),t=(0,i.default)(e,2),n=t[0],a=t[1],l=(0,r.useState)(0),u=(0,i.default)(l,2),m=u[0],s=u[1],c=(0,r.useState)(0),p=(0,i.default)(c,2),h=p[0],f=p[1],g=(0,r.useState)(""),b=(0,i.default)(g,2),x=b[0],v=b[1],C=(0,r.useState)(""),N=(0,i.default)(C,2),_=N[0],w=N[1],T=(0,r.useState)(""),E=(0,i.default)(T,2),y=E[0],k=E[1];return r.default.createElement("div",null,r.default.createElement("p",null,"onFocus Trigger Count:"," ",r.default.createElement("span",{id:"onFocus-count"},m),r.default.createElement("br",null),r.default.createElement("br",null),"onBlur Trigger Count:"," ",r.default.createElement("span",{id:"onBlur-count"},n),r.default.createElement("br",null),r.default.createElement("br",null),"onRequestClose Trigger Count:"," ",r.default.createElement("span",{id:"onRequestClose-count"},h),r.default.createElement("br",null),r.default.createElement("br",null),"onChangeRaw Triggered:"," ",r.default.createElement("span",{id:"onChangeRaw"},_),r.default.createElement("br",null),r.default.createElement("br",null),"onChange Triggered:"," ",r.default.createElement("span",{id:"onChange"},x),r.default.createElement("br",null),r.default.createElement("br",null),"onSelect Triggered:"," ",r.default.createElement("span",{id:"onSelect"},y)),r.default.createElement(o.default,{name:"date-time-picker-events",onBlur:function(){a(n+1)},onFocus:function(){s(m+1)},onChange:function(e,t){v(t)},onChangeRaw:function(e,t){w(t)},onSelect:function(e,t){k(t)},onRequestClose:function(){f(h+1)},timeVariant:d.default.FORMAT_12_HOUR,showSeconds:!0}))}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),l=i(n(99139));function i(e){return e&&e.__esModule?e:{default:e}}function r(){return r=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 i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{Z:function(){return a}})}}]);
\ No newline at end of file
diff --git a/pull/1885/49135-079c5899217e14f9c356.css b/pull/1885/49135-a4124b4f8ad7741265bc.css
similarity index 100%
rename from pull/1885/49135-079c5899217e14f9c356.css
rename to pull/1885/49135-a4124b4f8ad7741265bc.css
diff --git a/pull/1885/49135-079c5899217e14f9c356.js b/pull/1885/49135-a4124b4f8ad7741265bc.js
similarity index 99%
rename from pull/1885/49135-079c5899217e14f9c356.js
rename to pull/1885/49135-a4124b4f8ad7741265bc.js
index d0299df1d70..07684be4b63 100644
--- a/pull/1885/49135-079c5899217e14f9c356.js
+++ b/pull/1885/49135-a4124b4f8ad7741265bc.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[49135],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(45697)),d=n(a(47166)),m=n(a(17422)),o=d.default.bind(m.default),i={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,a=e.name,n=e.url,l=e.version,d=r.default.createElement("a",{className:o("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(l)},r.default.createElement("span",{className:o("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:o("badge-version")},"v".concat(l))),m=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,m)};u.propTypes=i;var p=u;t.Z=p},49271:function(e,t,a){var n=a(64836),r=a(18698);t.Z=void 0;var l=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var a=f(t);if(a&&a.has(e))return a.get(e);var n={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=l?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}n.default=e,a&&a.set(e,n);return n}(a(67294)),m=n(a(45697)),o=n(a(47166)),i=a(21538),u=n(a(33864)),p=n(a(23399)),s=a(51051),c=n(a(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(f=function(e){return e?a:t})(e)}var x=o.default.bind(c.default),v={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},D=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,r=e.title,m=e.description,o=e.isExpanded,c=(0,d.useState)(o),f=(0,l.default)(c,2),v=f[0],D=f[1],C=(0,d.useState)(!1),h=(0,l.default)(C,2),_=h[0],b=h[1],E=d.default.useContext(i.ThemeContext),N=void 0!==n,T=function(){b(!_),v&&D(!v)},w=function(){D(!v),_&&b(!_)},F=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:x("template",E.className)},d.default.createElement("div",{className:x("header")},r&&d.default.createElement("h2",{className:x("title")},r)),d.default.createElement("div",{className:x("content")},m&&d.default.createElement("div",{className:x("description")},m),t),d.default.createElement("div",{className:x("footer")},a?d.default.createElement("div",{className:x("button-container")},N&&d.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":_}),onClick:T,onKeyDown:function(e){return F(e,T)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(u.default,{className:x("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(p.default,{className:x("chevron")})),d.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":v}),onClick:w,onKeyDown:function(e){return F(e,w)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(u.default,{className:x("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(p.default,{className:x("chevron")}))):null,d.default.createElement("div",null,_&&d.default.createElement("div",{className:x("css")},n),v&&d.default.createElement("div",{className:x("code")},a))))};D.propTypes=v,D.defaultProps={isExpanded:!1};var C=D;t.Z=C},49135:function(e,t,a){a.r(t),a.d(t,{default:function(){return $}});var n=a(87462),r=a(44925),l=a(67294),d=a(81254),m=a(4932),o=a(78530),i=["components"],u={},p="wrapper";function s(e){var t=e.components,a=(0,r.Z)(e,i);return(0,d.mdx)(p,(0,n.Z)({},u,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(o.ZP,{mdxType:"PropsTable"},(0,d.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"excludeDates"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An array of ISO 8601 string representation of the dates to disable in the picker. The values must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format."))),(0,d.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"filterDate"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A function that gets called for each date in the picker to evaluate which date should be disabled.\nA return value of true will be enabled and false will be disabled."))),(0,d.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"includeDates"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An array of ISO 8601 string representation of the dates to enable in the picker. All Other dates will be disabled. The values must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format."))),(0,d.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"maxDate"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2100-12-31'\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An ISO 8601 string representation of the maximum date that can be selected. The value must be in the YYYY-MM-DD format. Must be on or before 12/31/2100"))),(0,d.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"minDate"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1900-01-01'\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An ISO 8601 string representation of the minimum date that can be selected. The value must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be oon or after 01/01/1900"))),(0,d.mdx)(o.X2,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"onChange"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"A callback function to execute when a valid date is selected or entered.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the selected date value formatted based on the locale at the time when the onChange callback is triggered."))),(0,d.mdx)(o.X2,{key:"ROW7",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"selectedDate"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"An ISO 8601 string representation of the default value to show in the calendar-filter.\nThe value must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format and value should be valid date which is not part of exluded date values OR out of range date values.\ndefaults to current date if not provided."))),(0,d.mdx)(o.X2,{key:"ROW8",mdxType:"Row"},(0,d.mdx)(o.O,{mdxType:"PropNameCell"},"value"),(0,d.mdx)(o.Di,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The date value. This prop should only be used for a controlled calendar-filter.\nWhen this prop is set a handler is needed for ",(0,d.mdx)("inlineCode",{parentName:"p"},"onSelect")," props to manage the date value.\nIf both ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," and this prop are set, then ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect.\nThe value must be in the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format or the all-numeric date format based on the locale.")))))}s.isMDXComponent=!0;var c=a(62625),f=["components"],x={};function v(e){var t=e.components,a=(0,r.Z)(e,f);return(0,d.mdx)("wrapper",(0,n.Z)({},x,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterDefault = () => (\n
\n
Opens to current date if no selected date is provided.
\n \n
\n);\n\nexport default CalendarFilterDefault;\n\n")))}v.isMDXComponent=!0;var y=a(49271),g=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Default",description:a,example:l.createElement(c.Z,null),exampleSrc:l.createElement(v,null),isExpanded:n})},D=a(40333),C=["components"],h={};function _(e){var t=e.components,a=(0,r.Z)(e,C);return(0,d.mdx)("wrapper",(0,n.Z)({},h,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterExcludeDates = () => (\n \n);\n\nexport default CalendarFilterExcludeDates;\n\n")))}_.isMDXComponent=!0;var b=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Exclude Dates",description:a,example:l.createElement(D.Z,null),exampleSrc:l.createElement(_,null),isExpanded:n})},E=a(82138),N=["components"],T={};function w(e){var t=e.components,a=(0,r.Z)(e,N);return(0,d.mdx)("wrapper",(0,n.Z)({},T,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterIncludeDates = () => (\n \n);\n\nexport default CalendarFilterIncludeDates;\n\n")))}w.isMDXComponent=!0;var F=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Include Dates",description:a,example:l.createElement(E.Z,null),exampleSrc:l.createElement(w,null),isExpanded:n})},M=a(38533),k=["components"],O={};function Z(e){var t=e.components,a=(0,r.Z)(e,k);return(0,d.mdx)("wrapper",(0,n.Z)({},O,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterFilterDates = () => {\n // Callback for filterDate. Returns true if day is not weekend (saturday / sunday)\n const isWeekday = (dateValue) => {\n const momentDate = moment(dateValue);\n\n if (momentDate && momentDate.isValid()) {\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n return true;\n };\n\n return (\n \n );\n};\n\nexport default CalendarFilterFilterDates;\n\n")))}Z.isMDXComponent=!0;var S=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Filter Dates",description:a,example:l.createElement(M.Z,null),exampleSrc:l.createElement(Z,null),isExpanded:n})},j=a(89177),P=["components"],R={};function Y(e){var t=e.components,a=(0,r.Z)(e,P);return(0,d.mdx)("wrapper",(0,n.Z)({},R,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterMinMax = () => (\n \n);\n\nexport default CalendarFilterMinMax;\n\n")))}Y.isMDXComponent=!0;var X=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Min Max",description:a,example:l.createElement(j.Z,null),exampleSrc:l.createElement(Y,null),isExpanded:n})},W=a(84825),I=["components"],q={};function V(e){var t=e.components,a=(0,r.Z)(e,I);return(0,d.mdx)("wrapper",(0,n.Z)({},q,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\nimport classNames from 'classnames/bind';\nimport styles from '../DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst CalendarFilterDefaultDate = () => {\n const defaultDate = moment().add(2, 'days').format('YYYY-MM-DD');\n\n return (\n
\n
\n Default Selected Date:\n {defaultDate}\n
\n \n
\n );\n};\n\nexport default CalendarFilterDefaultDate;\n\n")))}V.isMDXComponent=!0;var A=a(55336),L=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Default Date",description:a,example:l.createElement(W.Z,null),exampleCssSrc:l.createElement(A.Z,null),exampleSrc:l.createElement(V,null),isExpanded:n})},z=a(60899),B=["components"],G={};function K(e){var t=e.components,a=(0,r.Z)(e,B);return(0,d.mdx)("wrapper",(0,n.Z)({},G,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport PropTypes from 'prop-types';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst propTypes = {\n /**\n * The date value used for a controlled component.\n */\n value: PropTypes.string,\n};\n\nconst defaultProps = {\n value: undefined,\n};\n\nconst CalendarFilterControlledExample = ({\n value,\n}) => {\n const [date, setDate] = useState(value);\n const [iso, setIso] = useState('');\n const [formattedDate, setFormattedDate] = useState('');\n\n const handleOnDateChange = (event, selectedDate, formatteddate) => {\n setDate(selectedDate);\n setIso(selectedDate);\n setFormattedDate(formatteddate);\n };\n\n return (\n
\n );\n};\n\nCalendarFilterControlledExample.propTypes = propTypes;\nCalendarFilterControlledExample.defaultProps = defaultProps;\n\nconst CalendarFilterControlled = () => (\n \n);\n\nexport default CalendarFilterControlled;\n\n")))}K.isMDXComponent=!0;var U=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Controlled",description:a,example:l.createElement(z.Z,null),exampleSrc:l.createElement(K,null),isExpanded:n})},J=["components"],H={},Q="wrapper";function $(e){var t=e.components,a=(0,r.Z)(e,J);return(0,d.mdx)(Q,(0,n.Z)({},H,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"calendar-filter"},"Calendar Filter"),(0,d.mdx)("p",null,"CalendarFilter is a sub-component of ",(0,d.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/master/packages/terra-date-picker"},"terra-date-picker")," component which renders a faceup calendar for selecting a date."),(0,d.mdx)("p",null,"Unlike the DatePicker which is used to pick a day to return to submit to a form, the CalendarFilter would be useful in applications where the calendar is intended to be used as an interactive filter that changes some alternate dependent UI item. An example of this is a scheduling application where a selecting a day in the CalendarFilter can lead to displaying a list of appointments."),(0,d.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Install with ",(0,d.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,d.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,d.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,d.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,d.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,d.mdx)("h2",{id:"usage"},"Usage"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-js"},"import CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n")),(0,d.mdx)("h2",{id:"component-features"},"Component Features"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,d.mdx)("h2",{id:"examples"},"Examples"),(0,d.mdx)(g,{title:"Calendar Filter with no default date provided",mdxType:"CalendarFilterDefault"}),(0,d.mdx)(L,{title:"Calendar Filter with default selected date",mdxType:"CalendarFilterDefaultDate"}),(0,d.mdx)(b,{title:"Calendar Filter with Exclude Dates",mdxType:"CalendarFilterExcludeDates"}),(0,d.mdx)(F,{title:"Calendar Filter with Include Dates",mdxType:"CalendarFilterIncludeDates"}),(0,d.mdx)(S,{title:"Calendar Filter with Filter Dates",mdxType:"CalendarFilterFilterDates"}),(0,d.mdx)(X,{title:"Calendar Filter with Min Max Selection Options",mdxType:"CalendarFilterMinMax"}),(0,d.mdx)(U,{title:"Controlled Calendar Filter",mdxType:"CalendarFilterControlled"}),(0,d.mdx)("h2",{id:"calendar-filter-props-table"},"Calendar Filter props table"),(0,d.mdx)(s,{mdxType:"CalendarFilterPropsTable"}))}$.isMDXComponent=!0},55336:function(e,t,a){a.d(t,{Z:function(){return i}});var n=a(87462),r=a(44925),l=(a(67294),a(81254)),d=["components"],m={},o="wrapper";function i(e){var t=e.components,a=(0,r.Z)(e,d);return(0,l.mdx)(o,(0,n.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}i.isMDXComponent=!0},4932:function(e,t,a){a.d(t,{C:function(){return l}});var n=a(67294),r=a(22863),l=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.92.0",url:t})}},72643:function(e,t,a){var n=a(64836),r=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(10434)),d=n(a(70215)),m=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=f(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=l?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),o=n(a(45697)),i=n(a(47166)),u=n(a(47341)),p=n(a(28411)),s=n(a(80404)),c=["excludeDates","filterDate","includeDates","maxDate","minDate","onChange","selectedDate","value"];function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(f=function(e){return e?a:t})(e)}var x=i.default.bind(s.default),v={excludeDates:o.default.arrayOf(o.default.string),filterDate:o.default.func,includeDates:o.default.arrayOf(o.default.string),maxDate:o.default.string,minDate:o.default.string,onChange:o.default.func,selectedDate:o.default.string,value:o.default.string},y={excludeDates:void 0,filterDate:void 0,includeDates:void 0,maxDate:"2100-12-31",minDate:"1900-01-01",onChange:void 0,selectedDate:void 0},g=function(e){var t=e.excludeDates,a=e.filterDate,n=e.includeDates,r=e.maxDate,o=e.minDate,i=e.onChange,s=e.selectedDate,f=e.value,v=(0,d.default)(e,c),y=(0,m.useContext)(u.default);return m.default.createElement(p.default,(0,l.default)({},v,{name:"terra-calendar-filter",isInline:!0,selectedDate:s,value:f,onChange:function(e,t,a){if(i){var n=a.inputValue;i(e,t,n)}},excludeDates:t,filterDate:a,includeDates:n,maxDate:r,minDate:o,calendarClassName:x("calendar-filter",y.className)}))};g.propTypes=v,g.defaultProps=y;t.default=g},60899:function(e,t,a){var n=a(64836),r=a(18698);t.Z=void 0;var l=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=l?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),o=n(a(45697)),i=n(a(72643));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var p={value:o.default.string},s={value:void 0},c=function(e){var t=e.value,a=(0,d.useState)(t),n=(0,l.default)(a,2),r=n[0],m=n[1],o=(0,d.useState)(""),u=(0,l.default)(o,2),p=u[0],s=u[1],c=(0,d.useState)(""),f=(0,l.default)(c,2),x=f[0],v=f[1];return d.default.createElement("div",null,d.default.createElement("h3",null,"Selected Value:"," ",d.default.createElement("span",{id:"selected-date"},r),d.default.createElement("br",null),d.default.createElement("br",null),"ISO String:"," ",d.default.createElement("span",{id:"iso"},p),d.default.createElement("br",null),d.default.createElement("br",null),"Formatted Value:"," ",d.default.createElement("span",{id:"formatted-date"},x)),d.default.createElement(i.default,{onChange:function(e,t,a){m(t),s(t),v(a)},value:r}))};c.propTypes=p,c.defaultProps=s;t.Z=function(){return d.default.createElement(c,{value:(0,m.default)().format("YYYY-MM-DD")})}},62625:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(72643));t.Z=function(){return r.default.createElement("div",null,r.default.createElement("p",null,"Opens to current date if no selected date is provided."),r.default.createElement(l.default,{id:"default"}))}},84825:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643)),m=n(a(47166)),o=n(a(22529)),i=m.default.bind(o.default);t.Z=function(){var e=(0,l.default)().add(2,"days").format("YYYY-MM-DD");return r.default.createElement("div",null,r.default.createElement("p",null,"Default Selected Date:",r.default.createElement("span",{className:i("date-wrapper")},e)),r.default.createElement(d.default,{id:"default",selectedDate:e}))}},40333:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643));t.Z=function(){return r.default.createElement(d.default,{id:"default",excludeDates:[(0,l.default)().subtract(1,"days").format(),(0,l.default)().add(1,"days").format()]})}},38533:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643));t.Z=function(){return r.default.createElement(d.default,{id:"filter-dates",filterDate:function(e){var t=(0,l.default)(e);if(t&&t.isValid()){var a=t.day();return 0!==a&&6!==a}return!0}})}},82138:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643));t.Z=function(){return r.default.createElement(d.default,{id:"default",includeDates:[(0,l.default)().format(),(0,l.default)().subtract(1,"days").format(),(0,l.default)().add(1,"days").format()]})}},89177:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643));t.Z=function(){return r.default.createElement(d.default,{id:"default",minDate:(0,l.default)().format(),maxDate:(0,l.default)().add(6,"days").format()})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},80404:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"CalendarFilter-module__clinical-lowlight-theme___ypjZz","orion-fusion-theme":"CalendarFilter-module__orion-fusion-theme___aZ6J6","calendar-filter":"CalendarFilter-module__calendar-filter___i4i03"}},22529:function(e,t,a){a.r(t),t.default={"date-wrapper":"DatePickerExampleCommon-module__date-wrapper___8UjLh"}},33864:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(67294)),r=l(a(99139));function l(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t (\n
\n
Opens to current date if no selected date is provided.
\n \n
\n);\n\nexport default CalendarFilterDefault;\n\n")))}v.isMDXComponent=!0;var y=a(49271),g=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Default",description:a,example:l.createElement(c.Z,null),exampleSrc:l.createElement(v,null),isExpanded:n})},D=a(40333),C=["components"],h={};function _(e){var t=e.components,a=(0,r.Z)(e,C);return(0,d.mdx)("wrapper",(0,n.Z)({},h,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterExcludeDates = () => (\n \n);\n\nexport default CalendarFilterExcludeDates;\n\n")))}_.isMDXComponent=!0;var b=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Exclude Dates",description:a,example:l.createElement(D.Z,null),exampleSrc:l.createElement(_,null),isExpanded:n})},E=a(82138),N=["components"],T={};function w(e){var t=e.components,a=(0,r.Z)(e,N);return(0,d.mdx)("wrapper",(0,n.Z)({},T,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterIncludeDates = () => (\n \n);\n\nexport default CalendarFilterIncludeDates;\n\n")))}w.isMDXComponent=!0;var F=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Include Dates",description:a,example:l.createElement(E.Z,null),exampleSrc:l.createElement(w,null),isExpanded:n})},M=a(38533),k=["components"],O={};function Z(e){var t=e.components,a=(0,r.Z)(e,k);return(0,d.mdx)("wrapper",(0,n.Z)({},O,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterFilterDates = () => {\n // Callback for filterDate. Returns true if day is not weekend (saturday / sunday)\n const isWeekday = (dateValue) => {\n const momentDate = moment(dateValue);\n\n if (momentDate && momentDate.isValid()) {\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n return true;\n };\n\n return (\n \n );\n};\n\nexport default CalendarFilterFilterDates;\n\n")))}Z.isMDXComponent=!0;var S=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Filter Dates",description:a,example:l.createElement(M.Z,null),exampleSrc:l.createElement(Z,null),isExpanded:n})},j=a(89177),P=["components"],R={};function Y(e){var t=e.components,a=(0,r.Z)(e,P);return(0,d.mdx)("wrapper",(0,n.Z)({},R,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterMinMax = () => (\n \n);\n\nexport default CalendarFilterMinMax;\n\n")))}Y.isMDXComponent=!0;var X=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Min Max",description:a,example:l.createElement(j.Z,null),exampleSrc:l.createElement(Y,null),isExpanded:n})},W=a(84825),I=["components"],q={};function V(e){var t=e.components,a=(0,r.Z)(e,I);return(0,d.mdx)("wrapper",(0,n.Z)({},q,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\nimport classNames from 'classnames/bind';\nimport styles from '../DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst CalendarFilterDefaultDate = () => {\n const defaultDate = moment().add(2, 'days').format('YYYY-MM-DD');\n\n return (\n
\n
\n Default Selected Date:\n {defaultDate}\n
\n \n
\n );\n};\n\nexport default CalendarFilterDefaultDate;\n\n")))}V.isMDXComponent=!0;var A=a(55336),L=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Default Date",description:a,example:l.createElement(W.Z,null),exampleCssSrc:l.createElement(A.Z,null),exampleSrc:l.createElement(V,null),isExpanded:n})},z=a(60899),B=["components"],G={};function K(e){var t=e.components,a=(0,r.Z)(e,B);return(0,d.mdx)("wrapper",(0,n.Z)({},G,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport PropTypes from 'prop-types';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst propTypes = {\n /**\n * The date value used for a controlled component.\n */\n value: PropTypes.string,\n};\n\nconst defaultProps = {\n value: undefined,\n};\n\nconst CalendarFilterControlledExample = ({\n value,\n}) => {\n const [date, setDate] = useState(value);\n const [iso, setIso] = useState('');\n const [formattedDate, setFormattedDate] = useState('');\n\n const handleOnDateChange = (event, selectedDate, formatteddate) => {\n setDate(selectedDate);\n setIso(selectedDate);\n setFormattedDate(formatteddate);\n };\n\n return (\n
\n );\n};\n\nCalendarFilterControlledExample.propTypes = propTypes;\nCalendarFilterControlledExample.defaultProps = defaultProps;\n\nconst CalendarFilterControlled = () => (\n \n);\n\nexport default CalendarFilterControlled;\n\n")))}K.isMDXComponent=!0;var U=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(y.Z,{title:t||"Calendar Filter Controlled",description:a,example:l.createElement(z.Z,null),exampleSrc:l.createElement(K,null),isExpanded:n})},J=["components"],H={},Q="wrapper";function $(e){var t=e.components,a=(0,r.Z)(e,J);return(0,d.mdx)(Q,(0,n.Z)({},H,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"calendar-filter"},"Calendar Filter"),(0,d.mdx)("p",null,"CalendarFilter is a sub-component of ",(0,d.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/master/packages/terra-date-picker"},"terra-date-picker")," component which renders a faceup calendar for selecting a date."),(0,d.mdx)("p",null,"Unlike the DatePicker which is used to pick a day to return to submit to a form, the CalendarFilter would be useful in applications where the calendar is intended to be used as an interactive filter that changes some alternate dependent UI item. An example of this is a scheduling application where a selecting a day in the CalendarFilter can lead to displaying a list of appointments."),(0,d.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Install with ",(0,d.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,d.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,d.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,d.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,d.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,d.mdx)("h2",{id:"usage"},"Usage"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-js"},"import CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n")),(0,d.mdx)("h2",{id:"component-features"},"Component Features"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,d.mdx)("h2",{id:"examples"},"Examples"),(0,d.mdx)(g,{title:"Calendar Filter with no default date provided",mdxType:"CalendarFilterDefault"}),(0,d.mdx)(L,{title:"Calendar Filter with default selected date",mdxType:"CalendarFilterDefaultDate"}),(0,d.mdx)(b,{title:"Calendar Filter with Exclude Dates",mdxType:"CalendarFilterExcludeDates"}),(0,d.mdx)(F,{title:"Calendar Filter with Include Dates",mdxType:"CalendarFilterIncludeDates"}),(0,d.mdx)(S,{title:"Calendar Filter with Filter Dates",mdxType:"CalendarFilterFilterDates"}),(0,d.mdx)(X,{title:"Calendar Filter with Min Max Selection Options",mdxType:"CalendarFilterMinMax"}),(0,d.mdx)(U,{title:"Controlled Calendar Filter",mdxType:"CalendarFilterControlled"}),(0,d.mdx)("h2",{id:"calendar-filter-props-table"},"Calendar Filter props table"),(0,d.mdx)(s,{mdxType:"CalendarFilterPropsTable"}))}$.isMDXComponent=!0},55336:function(e,t,a){a.d(t,{Z:function(){return i}});var n=a(87462),r=a(44925),l=(a(67294),a(81254)),d=["components"],m={},o="wrapper";function i(e){var t=e.components,a=(0,r.Z)(e,d);return(0,l.mdx)(o,(0,n.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}i.isMDXComponent=!0},4932:function(e,t,a){a.d(t,{C:function(){return l}});var n=a(67294),r=a(22863),l=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.93.0",url:t})}},72643:function(e,t,a){var n=a(64836),r=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(10434)),d=n(a(70215)),m=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=f(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=l?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),o=n(a(45697)),i=n(a(47166)),u=n(a(47341)),p=n(a(28411)),s=n(a(80404)),c=["excludeDates","filterDate","includeDates","maxDate","minDate","onChange","selectedDate","value"];function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(f=function(e){return e?a:t})(e)}var x=i.default.bind(s.default),v={excludeDates:o.default.arrayOf(o.default.string),filterDate:o.default.func,includeDates:o.default.arrayOf(o.default.string),maxDate:o.default.string,minDate:o.default.string,onChange:o.default.func,selectedDate:o.default.string,value:o.default.string},y={excludeDates:void 0,filterDate:void 0,includeDates:void 0,maxDate:"2100-12-31",minDate:"1900-01-01",onChange:void 0,selectedDate:void 0},g=function(e){var t=e.excludeDates,a=e.filterDate,n=e.includeDates,r=e.maxDate,o=e.minDate,i=e.onChange,s=e.selectedDate,f=e.value,v=(0,d.default)(e,c),y=(0,m.useContext)(u.default);return m.default.createElement(p.default,(0,l.default)({},v,{name:"terra-calendar-filter",isInline:!0,selectedDate:s,value:f,onChange:function(e,t,a){if(i){var n=a.inputValue;i(e,t,n)}},excludeDates:t,filterDate:a,includeDates:n,maxDate:r,minDate:o,calendarClassName:x("calendar-filter",y.className)}))};g.propTypes=v,g.defaultProps=y;t.default=g},60899:function(e,t,a){var n=a(64836),r=a(18698);t.Z=void 0;var l=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=l?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),o=n(a(45697)),i=n(a(72643));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var p={value:o.default.string},s={value:void 0},c=function(e){var t=e.value,a=(0,d.useState)(t),n=(0,l.default)(a,2),r=n[0],m=n[1],o=(0,d.useState)(""),u=(0,l.default)(o,2),p=u[0],s=u[1],c=(0,d.useState)(""),f=(0,l.default)(c,2),x=f[0],v=f[1];return d.default.createElement("div",null,d.default.createElement("h3",null,"Selected Value:"," ",d.default.createElement("span",{id:"selected-date"},r),d.default.createElement("br",null),d.default.createElement("br",null),"ISO String:"," ",d.default.createElement("span",{id:"iso"},p),d.default.createElement("br",null),d.default.createElement("br",null),"Formatted Value:"," ",d.default.createElement("span",{id:"formatted-date"},x)),d.default.createElement(i.default,{onChange:function(e,t,a){m(t),s(t),v(a)},value:r}))};c.propTypes=p,c.defaultProps=s;t.Z=function(){return d.default.createElement(c,{value:(0,m.default)().format("YYYY-MM-DD")})}},62625:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(72643));t.Z=function(){return r.default.createElement("div",null,r.default.createElement("p",null,"Opens to current date if no selected date is provided."),r.default.createElement(l.default,{id:"default"}))}},84825:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643)),m=n(a(47166)),o=n(a(22529)),i=m.default.bind(o.default);t.Z=function(){var e=(0,l.default)().add(2,"days").format("YYYY-MM-DD");return r.default.createElement("div",null,r.default.createElement("p",null,"Default Selected Date:",r.default.createElement("span",{className:i("date-wrapper")},e)),r.default.createElement(d.default,{id:"default",selectedDate:e}))}},40333:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643));t.Z=function(){return r.default.createElement(d.default,{id:"default",excludeDates:[(0,l.default)().subtract(1,"days").format(),(0,l.default)().add(1,"days").format()]})}},38533:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643));t.Z=function(){return r.default.createElement(d.default,{id:"filter-dates",filterDate:function(e){var t=(0,l.default)(e);if(t&&t.isValid()){var a=t.day();return 0!==a&&6!==a}return!0}})}},82138:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643));t.Z=function(){return r.default.createElement(d.default,{id:"default",includeDates:[(0,l.default)().format(),(0,l.default)().subtract(1,"days").format(),(0,l.default)().add(1,"days").format()]})}},89177:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(80008)),d=n(a(72643));t.Z=function(){return r.default.createElement(d.default,{id:"default",minDate:(0,l.default)().format(),maxDate:(0,l.default)().add(6,"days").format()})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},80404:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"CalendarFilter-module__clinical-lowlight-theme___ypjZz","orion-fusion-theme":"CalendarFilter-module__orion-fusion-theme___aZ6J6","calendar-filter":"CalendarFilter-module__calendar-filter___i4i03"}},22529:function(e,t,a){a.r(t),t.default={"date-wrapper":"DatePickerExampleCommon-module__date-wrapper___8UjLh"}},33864:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(67294)),r=l(a(99139));function l(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||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}n.d(a,{Z:function(){return r}})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[49229],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),o=r(n(45697)),u=r(n(47166)),c=r(n(17422)),l=u.default.bind(c.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(e){var a=e.src,n=e.name,r=e.url,o=e.version,u=t.default.createElement("a",{className:l("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},t.default.createElement("span",{className:l("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:l("badge-version")},"v".concat(o))),c=a?t.default.createElement("a",{className:l("badge"),href:a},t.default.createElement("span",{className:l("badge-name")},"github"),t.default.createElement("span",{className:l("badge-version")},"source")):void 0;return t.default.createElement("div",{className:l("badge-container")},u,c)};i.propTypes=s;var d=i;a.Z=d},49229:function(e,a,n){n.r(a),n.d(a,{default:function(){return i}});var r=n(87462),t=n(44925),o=(n(67294),n(81254)),u=n(61701),c=["components"],l={},s="wrapper";function i(e){var a=e.components,n=(0,t.Z)(e,c);return(0,o.mdx)(s,(0,r.Z)({},l,n,{components:a,mdxType:"MDXLayout"}),(0,o.mdx)(u.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-table-upgrade-guide"},"Terra Table Upgrade Guide"),(0,o.mdx)("h2",{id:"changes-from-4x-to-50"},"Changes from 4.x to 5.0"),(0,o.mdx)("p",null,"Terra table will no longer support grid-like (focus, keyboard navigation, etc) functionality and now behaves more like a native, accessible table. See the Docs for new functionality."))}i.isMDXComponent=!0},61701:function(e,a,n){n.d(a,{C:function(){return o}});var r=n(67294),t=n(22863),o=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.1.1-alpha.1",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,n){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}n.d(a,{Z:function(){return r}})}}]);
\ No newline at end of file
diff --git a/pull/1885/52955-79ade286b4d13e717b1a.css b/pull/1885/49485-2bd8e3940281f4481691.css
similarity index 87%
rename from pull/1885/52955-79ade286b4d13e717b1a.css
rename to pull/1885/49485-2bd8e3940281f4481691.css
index f84a36839a9..7458c97d86f 100644
--- a/pull/1885/52955-79ade286b4d13e717b1a.css
+++ b/pull/1885/49485-2bd8e3940281f4481691.css
@@ -1,11 +1,11 @@
-.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%}
.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer}
.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto}
.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
-.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
+.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:right}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l.ColumnHeaderCell-module__hidden___Tu-Xs{color:rgba(0,0,0,0)}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
+.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%}
.DataGrid-module__data-grid-container___4LJj1{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none}
.FlowsheetDataGrid-module__flowsheet-data-grid-container___O1y8B{height:100%;width:100%}
diff --git a/pull/1885/49485-2bd8e3940281f4481691.js b/pull/1885/49485-2bd8e3940281f4481691.js
new file mode 100644
index 00000000000..fb4d28a7ce8
--- /dev/null
+++ b/pull/1885/49485-2bd8e3940281f4481691.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[49485],{40144:function(e,t,n){var r=n(64836),o=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(861)),i=r(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(67294)),c=n(55730);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)}t.default=function(){var e=[{id:"Column-0",displayName:"Vitals",isSelectable:!1},{id:"Column-1",displayName:"March 16"},{id:"Column-2",displayName:"March 17"},{id:"Column-3",displayName:"March 18"}],t=[{id:"1",cells:[{content:"Heart Rate Monitored (bpm)"},{content:"68"},{content:"66"},{content:"67"}]},{id:"2",cells:[{content:"Temperature Oral (degC)"},{content:"36.7"},{content:"36.9"},{content:"37"}]},{id:"3",cells:[{content:"Cardiac Index (L/min/m2)"},{content:"2.25"},{content:"2.28"},{content:null}]},{id:"4",cells:[{content:"ICP (mmHg)"},{content:null},{content:"11"},{content:"12"}]},{id:"5",cells:[{content:"CPP (mmHg)"},{content:"63"},{content:null},{content:"48"}]}],n=(0,l.useState)(t),r=(0,i.default)(n,2),o=r[0],u=r[1],s=(0,l.useCallback)((function(t,n){if(t&&n){for(var r=o.findIndex((function(e){return e.id===t})),i=e.findIndex((function(e){return e.id===n})),l=!1,c=(0,a.default)(o),s=0;s=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function O(e,t){for(var n=0;n=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}r.d(a,{Z:function(){return n}})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[51717],{22863:function(e,a,r){var n=r(64836);a.Z=void 0;var t=n(r(67294)),o=n(r(45697)),u=n(r(47166)),l=n(r(17422)),i=u.default.bind(l.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},d=function(e){var a=e.src,r=e.name,n=e.url,o=e.version,u=t.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},t.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(o))),l=a?t.default.createElement("a",{className:i("badge"),href:a},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},u,l)};d.propTypes=s;var c=d;a.Z=c},51717:function(e,a,r){r.r(a),r.d(a,{default:function(){return d}});var n=r(87462),t=r(44925),o=(r(67294),r(81254)),u=r(33431),l=["components"],i={},s="wrapper";function d(e){var a=e.components,r=(0,t.Z)(e,l);return(0,o.mdx)(s,(0,n.Z)({},i,r,{components:a,mdxType:"MDXLayout"}),(0,o.mdx)(u.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-collapsible-menu-view-upgrade-guide"},"Terra Collapsible Menu View Upgrade Guide"),(0,o.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,o.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,o.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"terra-button"),(0,o.mdx)("li",{parentName:"ul"},"terra-button-group"),(0,o.mdx)("li",{parentName:"ul"},"terra-doc-template"),(0,o.mdx)("li",{parentName:"ul"},"terra-list"),(0,o.mdx)("li",{parentName:"ul"},"terra-menu")))}d.isMDXComponent=!0},33431:function(e,a,r){r.d(a,{C:function(){return o}});var n=r(67294),t=r(22863),o=function(e){var a=e.url;return n.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-collapsible-menu-view",name:"terra-collapsible-menu-view",version:"6.84.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,r){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}r.d(a,{Z:function(){return n}})}}]);
\ No newline at end of file
diff --git a/pull/1885/5180-ff37d30121239ecf8a66.js b/pull/1885/5180-b7ed68676f18680307e4.js
similarity index 100%
rename from pull/1885/5180-ff37d30121239ecf8a66.js
rename to pull/1885/5180-b7ed68676f18680307e4.js
diff --git a/pull/1885/52170-5bf2b1ba8d7479bca56f.css b/pull/1885/52170-5e3dafa79e22f2273e75.css
similarity index 100%
rename from pull/1885/52170-5bf2b1ba8d7479bca56f.css
rename to pull/1885/52170-5e3dafa79e22f2273e75.css
diff --git a/pull/1885/52170-5bf2b1ba8d7479bca56f.js b/pull/1885/52170-5e3dafa79e22f2273e75.js
similarity index 100%
rename from pull/1885/52170-5bf2b1ba8d7479bca56f.js
rename to pull/1885/52170-5e3dafa79e22f2273e75.js
diff --git a/pull/1885/5242-670d338d5a4af2d9466d.css b/pull/1885/5242-17ce8c201698f17209c3.css
similarity index 100%
rename from pull/1885/5242-670d338d5a4af2d9466d.css
rename to pull/1885/5242-17ce8c201698f17209c3.css
diff --git a/pull/1885/5242-670d338d5a4af2d9466d.js b/pull/1885/5242-17ce8c201698f17209c3.js
similarity index 100%
rename from pull/1885/5242-670d338d5a4af2d9466d.js
rename to pull/1885/5242-17ce8c201698f17209c3.js
diff --git a/pull/1885/52576-e0b17682650457fd6324.css b/pull/1885/52576-4967a5f35b396c488596.css
similarity index 100%
rename from pull/1885/52576-e0b17682650457fd6324.css
rename to pull/1885/52576-4967a5f35b396c488596.css
diff --git a/pull/1885/52576-e0b17682650457fd6324.js b/pull/1885/52576-4967a5f35b396c488596.js
similarity index 99%
rename from pull/1885/52576-e0b17682650457fd6324.js
rename to pull/1885/52576-4967a5f35b396c488596.js
index 74ca1660ffd..a95a4f9d53e 100644
--- a/pull/1885/52576-e0b17682650457fd6324.js
+++ b/pull/1885/52576-4967a5f35b396c488596.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[52576],{22863:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=r(n(45697)),d=r(n(47166)),i=r(n(17422)),l=d.default.bind(i.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},m=function(e){var t=e.src,n=e.name,r=e.url,o=e.version,d=a.default.createElement("a",{className:l("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},a.default.createElement("span",{className:l("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:l("badge-version")},"v".concat(o))),i=t?a.default.createElement("a",{className:l("badge"),href:t},a.default.createElement("span",{className:l("badge-name")},"github"),a.default.createElement("span",{className:l("badge-version")},"source")):void 0;return a.default.createElement("div",{className:l("badge-container")},d,i)};m.propTypes=s;var u=m;t.Z=u},52576:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});var r=n(87462),a=n(44925),o=(n(67294),n(81254)),d=n(4932),i=["components"],l={},s="wrapper";function m(e){var t=e.components,n=(0,a.Z)(e,i);return(0,o.mdx)(s,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(d.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-date-picker-upgrade-guide"},"Terra Date Picker Upgrade Guide"),(0,o.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,o.mdx)("h3",{id:"removed-props"},"Removed props"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"releaseFocus")),(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"requestFocus"))),(0,o.mdx)("h3",{id:"new-props"},"New props"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Added ",(0,o.mdx)("inlineCode",{parentName:"li"},"onBlur")),(0,o.mdx)("li",{parentName:"ul"},"Added ",(0,o.mdx)("inlineCode",{parentName:"li"},"onFocus"))),(0,o.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onBlur")," and ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," props previously could be passed down as custom props. These props have now become first-class props. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop used to be triggered when focus is moved from the date input to the calendar button or vise versa. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop will still be triggered if the date picker component did not have focus and now just gained focus. However, if the focus is then moved from the date input to the calendar button or vise versa, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the date picker container. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,o.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from the date input to the calendar button. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire date picker component."),(0,o.mdx)("h3",{id:"changes-to-filterdate"},"Changes to filterDate"),(0,o.mdx)("p",null,"The parameter in the ",(0,o.mdx)("inlineCode",{parentName:"p"},"filterDate")," callback has changed from a moment date object to an ISO string representation of the date. The reason for this change is to keep consistency with other callbacks."),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport DatePicker from 'terra-date-picker';\n\nclass Default extends React.Component {\n constructor() {\n super();\n this.handleFilterDate = this.handleFilterDate.bind(this);\n }\n\n handleFilterDate(date) {\n+ const momentDate = moment(date)\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n render() {\n return (\n \n );\n }\n}\n\nexport default Default;\n")),(0,o.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,o.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,o.mdx)("h4",{id:"added"},"Added"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-input-focus-border-color"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border-bottom-right-radius"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border-top-right-radius"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-box-shadow"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-color"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-focus-border-color"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-focus-box-shadow")))}m.isMDXComponent=!0},4932:function(e,t,n){n.d(t,{C:function(){return o}});var r=n(67294),a=n(22863),o=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.92.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,t,n){function r(){return r=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}n.d(t,{Z:function(){return r}})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[52576],{22863:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=r(n(45697)),d=r(n(47166)),i=r(n(17422)),l=d.default.bind(i.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},m=function(e){var t=e.src,n=e.name,r=e.url,o=e.version,d=a.default.createElement("a",{className:l("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},a.default.createElement("span",{className:l("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:l("badge-version")},"v".concat(o))),i=t?a.default.createElement("a",{className:l("badge"),href:t},a.default.createElement("span",{className:l("badge-name")},"github"),a.default.createElement("span",{className:l("badge-version")},"source")):void 0;return a.default.createElement("div",{className:l("badge-container")},d,i)};m.propTypes=s;var u=m;t.Z=u},52576:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});var r=n(87462),a=n(44925),o=(n(67294),n(81254)),d=n(4932),i=["components"],l={},s="wrapper";function m(e){var t=e.components,n=(0,a.Z)(e,i);return(0,o.mdx)(s,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(d.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-date-picker-upgrade-guide"},"Terra Date Picker Upgrade Guide"),(0,o.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,o.mdx)("h3",{id:"removed-props"},"Removed props"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"releaseFocus")),(0,o.mdx)("li",{parentName:"ul"},"Removed ",(0,o.mdx)("inlineCode",{parentName:"li"},"requestFocus"))),(0,o.mdx)("h3",{id:"new-props"},"New props"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Added ",(0,o.mdx)("inlineCode",{parentName:"li"},"onBlur")),(0,o.mdx)("li",{parentName:"ul"},"Added ",(0,o.mdx)("inlineCode",{parentName:"li"},"onFocus"))),(0,o.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onBlur")," and ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," props previously could be passed down as custom props. These props have now become first-class props. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop used to be triggered when focus is moved from the date input to the calendar button or vise versa. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop will still be triggered if the date picker component did not have focus and now just gained focus. However, if the focus is then moved from the date input to the calendar button or vise versa, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the date picker container. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,o.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,o.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from the date input to the calendar button. The ",(0,o.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire date picker component."),(0,o.mdx)("h3",{id:"changes-to-filterdate"},"Changes to filterDate"),(0,o.mdx)("p",null,"The parameter in the ",(0,o.mdx)("inlineCode",{parentName:"p"},"filterDate")," callback has changed from a moment date object to an ISO string representation of the date. The reason for this change is to keep consistency with other callbacks."),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport DatePicker from 'terra-date-picker';\n\nclass Default extends React.Component {\n constructor() {\n super();\n this.handleFilterDate = this.handleFilterDate.bind(this);\n }\n\n handleFilterDate(date) {\n+ const momentDate = moment(date)\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n render() {\n return (\n \n );\n }\n}\n\nexport default Default;\n")),(0,o.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,o.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,o.mdx)("h4",{id:"added"},"Added"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-input-focus-border-color"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border-bottom-right-radius"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border-top-right-radius"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-box-shadow"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-color"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-focus-border-color"),(0,o.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-focus-box-shadow")))}m.isMDXComponent=!0},4932:function(e,t,n){n.d(t,{C:function(){return o}});var r=n(67294),a=n(22863),o=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.93.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,t,n){function r(){return r=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}n.d(t,{Z:function(){return r}})}}]);
\ No newline at end of file
diff --git a/pull/1885/68581-a3e59f7d976402d48d12.css b/pull/1885/52955-455fe2912618c6b63ae8.css
similarity index 87%
rename from pull/1885/68581-a3e59f7d976402d48d12.css
rename to pull/1885/52955-455fe2912618c6b63ae8.css
index f84a36839a9..7458c97d86f 100644
--- a/pull/1885/68581-a3e59f7d976402d48d12.css
+++ b/pull/1885/52955-455fe2912618c6b63ae8.css
@@ -1,11 +1,11 @@
-.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%}
.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer}
.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto}
.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
-.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
+.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:right}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l.ColumnHeaderCell-module__hidden___Tu-Xs{color:rgba(0,0,0,0)}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
+.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%}
.DataGrid-module__data-grid-container___4LJj1{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none}
.FlowsheetDataGrid-module__flowsheet-data-grid-container___O1y8B{height:100%;width:100%}
diff --git a/pull/1885/52955-79ade286b4d13e717b1a.js b/pull/1885/52955-455fe2912618c6b63ae8.js
similarity index 100%
rename from pull/1885/52955-79ade286b4d13e717b1a.js
rename to pull/1885/52955-455fe2912618c6b63ae8.js
diff --git a/pull/1885/55186-f39032760d83e6bedaff.css b/pull/1885/55186-aeb5bb94b64ab803a5aa.css
similarity index 100%
rename from pull/1885/55186-f39032760d83e6bedaff.css
rename to pull/1885/55186-aeb5bb94b64ab803a5aa.css
diff --git a/pull/1885/55186-f39032760d83e6bedaff.js b/pull/1885/55186-aeb5bb94b64ab803a5aa.js
similarity index 100%
rename from pull/1885/55186-f39032760d83e6bedaff.js
rename to pull/1885/55186-aeb5bb94b64ab803a5aa.js
diff --git a/pull/1885/55216-a4fbf29aede74db3a4a2.css b/pull/1885/55216-1e44d28026a7403cee24.css
similarity index 100%
rename from pull/1885/55216-a4fbf29aede74db3a4a2.css
rename to pull/1885/55216-1e44d28026a7403cee24.css
diff --git a/pull/1885/55216-1e44d28026a7403cee24.js b/pull/1885/55216-1e44d28026a7403cee24.js
new file mode 100644
index 00000000000..c662a27b481
--- /dev/null
+++ b/pull/1885/55216-1e44d28026a7403cee24.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[55216],{22863:function(e,n,a){var r=a(64836);n.Z=void 0;var t=r(a(67294)),d=r(a(45697)),l=r(a(47166)),o=r(a(17422)),m=l.default.bind(o.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},i=function(e){var n=e.src,a=e.name,r=e.url,d=e.version,l=t.default.createElement("a",{className:m("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},t.default.createElement("span",{className:m("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:m("badge-version")},"v".concat(d))),o=n?t.default.createElement("a",{className:m("badge"),href:n},t.default.createElement("span",{className:m("badge-name")},"github"),t.default.createElement("span",{className:m("badge-version")},"source")):void 0;return t.default.createElement("div",{className:m("badge-container")},l,o)};i.propTypes=u;var s=i;n.Z=s},55216:function(e,n,a){a.r(n),a.d(n,{default:function(){return f}});var r=a(87462),t=a(44925),d=(a(67294),a(81254)),l=a(45811),o=["components"],m={},u="wrapper";function i(e){var n=e.components,a=(0,t.Z)(e,o);return(0,d.mdx)(u,(0,r.Z)({},m,a,{components:n,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fix",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed wrapping issue for min/max labels on slider.")))),(0,d.mdx)("h2",{id:"110---november-9-2023"},"1.1.0 - (November 9, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added translations for Terra Slider component.")))),(0,d.mdx)("h2",{id:"101---october-25-2023"},"1.0.1 - (October 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial working component release."),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"New Terra Slider component, documentation, examples and tests. ")))))}i.isMDXComponent=!0;var s=["components"],c={},p="wrapper";function f(e){var n=e.components,a=(0,t.Z)(e,s);return(0,d.mdx)(p,(0,r.Z)({},c,a,{components:n,mdxType:"MDXLayout"}),(0,d.mdx)(l.C,{mdxType:"Badge"}),(0,d.mdx)(i,{mdxType:"ChangeLog"}))}f.isMDXComponent=!0},45811:function(e,n,a){a.d(n,{C:function(){return d}});var r=a(67294),t=a(22863),d=function(e){var n=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slider",name:"terra-slider",version:"1.1.0",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,n,a){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}a.d(n,{Z:function(){return r}})}}]);
\ No newline at end of file
diff --git a/pull/1885/55216-a4fbf29aede74db3a4a2.js b/pull/1885/55216-a4fbf29aede74db3a4a2.js
deleted file mode 100644
index 6389a1964a1..00000000000
--- a/pull/1885/55216-a4fbf29aede74db3a4a2.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[55216],{22863:function(e,n,a){var r=a(64836);n.Z=void 0;var t=r(a(67294)),o=r(a(45697)),d=r(a(47166)),l=r(a(17422)),u=d.default.bind(l.default),m={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},s=function(e){var n=e.src,a=e.name,r=e.url,o=e.version,d=t.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},t.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:u("badge-version")},"v".concat(o))),l=n?t.default.createElement("a",{className:u("badge"),href:n},t.default.createElement("span",{className:u("badge-name")},"github"),t.default.createElement("span",{className:u("badge-version")},"source")):void 0;return t.default.createElement("div",{className:u("badge-container")},d,l)};s.propTypes=m;var c=s;n.Z=c},55216:function(e,n,a){a.r(n),a.d(n,{default:function(){return f}});var r=a(87462),t=a(44925),o=(a(67294),a(81254)),d=a(45811),l=["components"],u={},m="wrapper";function s(e){var n=e.components,a=(0,t.Z)(e,l);return(0,o.mdx)(m,(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"changelog"},"Changelog"),(0,o.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Added",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},"Added translations for Terra Slider component.")))),(0,o.mdx)("h2",{id:"101---october-25-2023"},"1.0.1 - (October 25, 2023)"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Initial working component release."),(0,o.mdx)("li",{parentName:"ul"},"Added",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},"New Terra Slider component, documentation, examples and tests. ")))))}s.isMDXComponent=!0;var c=["components"],i={},p="wrapper";function f(e){var n=e.components,a=(0,t.Z)(e,c);return(0,o.mdx)(p,(0,r.Z)({},i,a,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)(d.C,{mdxType:"Badge"}),(0,o.mdx)(s,{mdxType:"ChangeLog"}))}f.isMDXComponent=!0},45811:function(e,n,a){a.d(n,{C:function(){return o}});var r=a(67294),t=a(22863),o=function(e){var n=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slider",name:"terra-slider",version:"1.0.1",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,n,a){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}a.d(n,{Z:function(){return r}})}}]);
\ No newline at end of file
diff --git a/pull/1885/5567-3760a35a7835ef9ec3c0.css b/pull/1885/5567-3760a35a7835ef9ec3c0.css
new file mode 100644
index 00000000000..c34640470c0
--- /dev/null
+++ b/pull/1885/5567-3760a35a7835ef9ec3c0.css
@@ -0,0 +1,8 @@
+.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer}
+.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto}
+.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
+.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
+.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
+.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:right}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l.ColumnHeaderCell-module__hidden___Tu-Xs{color:rgba(0,0,0,0)}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
+.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
+.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
diff --git a/pull/1885/5567-67fc0db2fcf8c51c3fe0.js b/pull/1885/5567-3760a35a7835ef9ec3c0.js
similarity index 100%
rename from pull/1885/5567-67fc0db2fcf8c51c3fe0.js
rename to pull/1885/5567-3760a35a7835ef9ec3c0.js
diff --git a/pull/1885/5567-67fc0db2fcf8c51c3fe0.css b/pull/1885/5567-67fc0db2fcf8c51c3fe0.css
deleted file mode 100644
index 681b7acb201..00000000000
--- a/pull/1885/5567-67fc0db2fcf8c51c3fe0.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer}
-.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto}
-.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
-.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
-.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
-.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
-.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
-.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
diff --git a/pull/1885/55730-1d6f408ce03ab7b1ce9a.js b/pull/1885/55730-1d6f408ce03ab7b1ce9a.js
deleted file mode 100644
index 1a69e332551..00000000000
--- a/pull/1885/55730-1d6f408ce03ab7b1ce9a.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[55730],{85630:function(e,t,r){var n=r(64836),l=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(861)),u=n(r(38416)),o=n(r(27424)),c=C(r(67294)),i=n(r(45697)),d=r(25387),f=n(r(47166)),s=C(r(51051)),m=n(r(29270)),w=n(r(99722)),p=n(r(99254)),b=r(28409),h=n(r(56323));function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(g=function(e){return e?r:t})(e)}function C(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var r=g(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var o=a?Object.getOwnPropertyDescriptor(e,u):null;o&&(o.get||o.set)?Object.defineProperty(n,u,o):n[u]=e[u]}return n.default=e,r&&r.set(e,n),n}function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t1?R.slice(1):[],M=(0,c.useMemo)((function(){var e=c.default.createElement(c.default.Fragment,null,c.default.createElement("span",{"aria-hidden":!0},g.formatMessage({id:"Terra.flowsheetDataGrid.no-result-display"})),c.default.createElement(m.default,{text:g.formatMessage({id:"Terra.flowsheetDataGrid.no-result"})})),t=(0,a.default)(l);return t.forEach((function(r,n){var l=(0,a.default)(r.cells);l.forEach((function(t,r){var n;l[r].isSelectable=!1!==t.isSelectable,null!==(n=t.content)&&""!==n&&"--"!==n||0===r||(l[r].content=e)})),t[n].cells=l})),t}),[g,l]);(0,c.useEffect)((function(){var e=(0,a.default)(v.current),t=[];l.forEach((function(e){e.cells.forEach((function(r,n){r.isSelected&&t.push({rowId:e.id,columnId:u[n].id})}))})),v.current=[].concat(t),v.current.length||(C.current=null),e.length>0&&0===v.current.length?I(g.formatMessage({id:"Terra.flowsheetDataGrid.no-cells-selected"})):v.current.length&&I(g.formatMessage({id:"Terra.flowsheetDataGrid.cells-selected"},{cellCount:v.current.length}))}),[g,l,u,I]);var D=(0,c.useCallback)((function(){b&&b()}),[b]),H=(0,c.useCallback)((function(e,t){for(var r=l.findIndex((function(e){return e.id===C.current.rowId})),n=u.findIndex((function(e){return e.id===C.current.columnId})),a=Math.min(r,e-1),o=Math.max(r,e-1),c=Math.min(n,t),i=Math.max(n,t),d=[],f=a;f<=o;f+=1)for(var s=l[f].id,m=c;m<=i;m+=1){var w=u[m].id;d.push({rowId:s,columnId:w})}h&&h(d)}),[l,u,h]),x=(0,c.useCallback)((function(e){e.isCellSelectable&&0!==e.columnIndex&&(e.isShiftPressed&&null!==C.current?H(e.rowIndex,e.columnIndex):p&&(C.current={rowId:e.rowId,columnId:e.columnId},p(e.rowId,e.columnId)))}),[p,H]),T=(0,c.useCallback)((function(e,t,r){if(!(t<=0)||_.current){_.current||(_.current=!0,null===C.current&&(C.current={rowId:l[e-1].id,columnId:u[t].id}));var n=e,a=t;switch(r){case s.KEY_UP:n-=1;break;case s.KEY_DOWN:n+=1;break;case s.KEY_LEFT:a-=1;break;case s.KEY_RIGHT:a+=1}n<=0?n=1:n>l.length&&(n=l.length),a<=0?a=1:a>=u.length&&(a=u.length-1),H(n,a)}}),[l,u,H]);return c.default.createElement("div",{className:O("flowsheet-data-grid-container"),onKeyUp:function(e){if(e.keyCode===s.KEY_SHIFT)_.current&&(_.current=!1,C.current=null)}},c.default.createElement(w.default,{id:t,ariaLabel:n,ariaLabelledBy:r,rows:M,rowHeight:f,rowHeaderIndex:0,pinnedColumns:P,overflowColumns:E,defaultColumnWidth:i,columnHeaderHeight:d,onCellSelect:x,onClearSelection:D,onCellRangeSelect:T}),c.default.createElement(m.default,{"aria-live":"polite",text:j}))}k.propTypes=S,k.defaultProps={defaultColumnWidth:200,columnHeaderHeight:"2.5rem",rowHeight:"2.5rem",rows:[],columns:[]};t.default=(0,d.injectIntl)(k)},51415:function(e,t,r){var n=r(64836),l=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(861)),u=n(r(38416)),o=n(r(27424)),c=y(r(67294)),i=n(r(45697)),d=r(25387),f=n(r(47166)),s=y(r(51051)),m=n(r(29270)),w=n(r(99254)),p=r(28409),b=n(r(98834)),h=n(r(29877)),g=n(r(99722)),C=n(r(86843));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(v=function(e){return e?r:t})(e)}function y(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var r=v(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var o=a?Object.getOwnPropertyDescriptor(e,u):null;o&&(o.get||o.set)?Object.defineProperty(n,u,o):n[u]=e[u]}return n.default=e,r&&r.set(e,n),n}function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t0&&0===H.current.length)G(E.formatMessage({id:"Terra.worklistDataGrid.all-rows-unselected"}));else if(H.current.length===u.length)G(E.formatMessage({id:"Terra.worklistDataGrid.all-rows-selected"}));else{var t=H.current.filter((function(t){return!e.includes(t)})),r=e.filter((function(e){return!H.current.includes(e)})),n="";if(1===t.length){var l=u.findIndex((function(e){return e.id===t[0]})),o=u[l].ariaLabel||l+2;n=E.formatMessage({id:"Terra.worklistDataGrid.row-selection-template"},{row:o})}else t.length>1&&(n=E.formatMessage({id:"Terra.worklistDataGrid.multiple-rows-selected"},{rowCount:t.length}));if(1===r.length){var c=u.findIndex((function(e){return e.id===r[0]})),i=u[c].ariaLabel||c+2;n+=E.formatMessage({id:"Terra.worklistDataGrid.row-selection-cleared-template"},{row:i})}else r.length>1&&(n+=E.formatMessage({id:"Terra.worklistDataGrid.multiple-rows-unselected"},{rowCount:r.length}));n&&G(n)}}),[E,u]);var V=(0,c.useCallback)((function(){P?(z.current={},u.some((function(e){return e.isSelected}))?j&&j():_&&_()):I&&I()}),[P,I,j,_,u]),X=(0,c.useCallback)((function(e){var t=[];return z.current.end?(z.current.start>z.current.end?e>z.current.end&&(t=u.slice(z.current.end-1,Math.min(e,z.current.start)-1).map((function(e){return{id:e.id,selected:!1}}))):z.current.start1?P.slice(1):[],x=function(e){return null===e||""===e||"--"===e},T=(0,c.useMemo)((function(){var e=c.default.createElement(c.default.Fragment,null,c.default.createElement("span",{"aria-hidden":!0},y.formatMessage({id:"Terra.flowsheetDataGrid.no-result-display"})),c.default.createElement(m.default,{text:y.formatMessage({id:"Terra.flowsheetDataGrid.no-result"})})),t=(0,a.default)(l);return t.forEach((function(r,n){var l=(0,a.default)(r.cells);l.forEach((function(t,r){l[r].isSelectable=!0,x(t.content)&&0!==r&&(l[r].content=e)})),t[n].cells=l})),t}),[y,l]),G=(0,c.useMemo)((function(){if(!o)return null;var e=c.default.createElement(c.default.Fragment,null,c.default.createElement("span",{"aria-hidden":!0},y.formatMessage({id:"Terra.flowsheetDataGrid.no-result-display"})),c.default.createElement(m.default,{text:y.formatMessage({id:"Terra.flowsheetDataGrid.no-result"})})),t=(0,a.default)(o);return t.forEach((function(r,n){var l=(0,a.default)(r.rows);l.forEach((function(t,r){var n=(0,a.default)(t.cells);n.forEach((function(t,r){n[r].isSelectable=!1!==t.isSelectable,x(t.content)&&0!==r&&(n[r].content=e)})),l[r].cells=n})),t[n].rows=l})),t}),[y,o]);(0,c.useEffect)((function(){var e=(0,a.default)(E.current),t=[];l.forEach((function(e){e.cells.forEach((function(r,n){r.isSelected&&t.push({rowId:e.id,columnId:i[n].id})}))})),E.current=[].concat(t),E.current.length||(k.current=null),e.length>0&&0===E.current.length?_(y.formatMessage({id:"Terra.flowsheetDataGrid.no-cells-selected"})):E.current.length&&_(y.formatMessage({id:"Terra.flowsheetDataGrid.cells-selected"},{cellCount:E.current.length}))}),[y,l,i,_]);var W=(0,c.useCallback)((function(e,t){for(var r=l.findIndex((function(e){return e.id===k.current.rowId})),n=i.findIndex((function(e){return e.id===k.current.columnId})),a=Math.min(r,e-1),o=Math.max(r,e-1),u=Math.min(n,t),c=Math.max(n,t),d=[],s=a;s<=o;s+=1)for(var f=l[s].id,m=u;m<=c;m+=1){var w=i[m].id;d.push({rowId:f,columnId:w})}C&&C(d)}),[l,i,C]),L=(0,c.useCallback)((function(e){0!==e.columnIndex&&(e.isShiftPressed&&null!==k.current?W(e.rowIndex,e.columnIndex):p&&(k.current={rowId:e.rowId,columnId:e.columnId},p(e.rowId,e.columnId)))}),[p,W]),K=(0,c.useCallback)((function(e,t,r){if(!(t<=0)||M.current){M.current||(M.current=!0,null===k.current&&(k.current={rowId:l[e-1].id,columnId:i[t].id}));var n=e,a=t;switch(r){case f.KEY_UP:n-=1;break;case f.KEY_DOWN:n+=1;break;case f.KEY_LEFT:a-=1;break;case f.KEY_RIGHT:a+=1}n<=0?n=1:n>l.length&&(n=l.length),a<=0?a=1:a>=i.length&&(a=i.length-1),W(n,a)}}),[l,i,W]);return c.default.createElement("div",{className:S("flowsheet-data-grid-container"),onKeyUp:function(e){if(e.keyCode===f.KEY_SHIFT)M.current&&(M.current=!1,k.current=null)}},c.default.createElement(h.default,{id:t,ariaLabel:n,ariaLabelledBy:r,rows:T,sections:G,rowHeight:w,rowHeaderIndex:0,pinnedColumns:H,overflowColumns:D,defaultColumnWidth:d,columnHeaderHeight:s,onCellSelect:L,onSectionSelect:b,onClearSelection:g,onCellRangeSelect:K,hasVisibleColumnHeaders:O}),c.default.createElement(m.default,{"aria-live":"polite",text:R}))}O.propTypes=y,O.defaultProps={defaultColumnWidth:200,columnHeaderHeight:"2.5rem",rowHeight:"2.5rem",rows:[],columns:[],hasVisibleColumnHeaders:!0};t.default=(0,d.injectIntl)(O)},51415:function(e,t,r){var n=r(64836),l=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(861)),o=n(r(38416)),u=n(r(27424)),c=C(r(67294)),i=n(r(45697)),d=r(25387),s=n(r(47166)),f=C(r(51051)),m=n(r(29270)),w=r(12810),h=n(r(29877)),p=n(r(99722)),b=n(r(86843));function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(g=function(e){return e?r:t})(e)}function C(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var r=g(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}function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t0&&0===D.current.length)W(M.formatMessage({id:"Terra.worklistDataGrid.all-rows-unselected"}));else if(D.current.length===o.length)W(M.formatMessage({id:"Terra.worklistDataGrid.all-rows-selected"}));else{var t=D.current.filter((function(t){return!e.includes(t)})),r=e.filter((function(e){return!D.current.includes(e)})),n="";if(1===t.length){var l=o.findIndex((function(e){return e.id===t[0]})),u=o[l].ariaLabel||l+2;n=M.formatMessage({id:"Terra.worklistDataGrid.row-selection-template"},{row:u})}else t.length>1&&(n=M.formatMessage({id:"Terra.worklistDataGrid.multiple-rows-selected"},{rowCount:t.length}));if(1===r.length){var c=o.findIndex((function(e){return e.id===r[0]})),i=o[c].ariaLabel||c+2;n+=M.formatMessage({id:"Terra.worklistDataGrid.row-selection-cleared-template"},{row:i})}else r.length>1&&(n+=M.formatMessage({id:"Terra.worklistDataGrid.multiple-rows-unselected"},{rowCount:r.length}));n&&W(n)}}),[M,o]);var Q=(0,c.useCallback)((function(){_?(z.current={},o.some((function(e){return e.isSelected}))?E&&E():j&&j()):I&&I()}),[_,I,E,j,o]),X=(0,c.useCallback)((function(e){var t=[];return z.current.end?(z.current.start>z.current.end?e>z.current.end&&(t=o.slice(z.current.end-1,Math.min(e,z.current.start)-1).map((function(e){return{id:e.id,selected:!1}}))):z.current.start=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{Z:function(){return d}})}}]);
\ No newline at end of file
diff --git a/pull/1885/57122-bd5ec7f772a8ec2d3dfa.js b/pull/1885/57122-bd5ec7f772a8ec2d3dfa.js
deleted file mode 100644
index 28274b7eef2..00000000000
--- a/pull/1885/57122-bd5ec7f772a8ec2d3dfa.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[57122],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),u=d(l(17422)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=a?m.default.createElement("a",{className:i("badge"),href:a},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;var x=p;a.Z=x},57122:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(87462),m=l(44925),n=(l(67294),l(81254)),r=l(43275),u=["components"],i={},t="wrapper";function p(e){var a=e.components,l=(0,m.Z)(e,u);return(0,n.mdx)(t,(0,d.Z)({},i,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3940---october-11-2023"},"3.94.0 - (October 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3930---october-3-2023"},"3.93.0 - (October 3, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3920---september-19-2023"},"3.92.0 - (September 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3910---september-5-2023"},"3.91.0 - (September 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3900---august-31-2023"},"3.90.0 - (August 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3891---august-4-2023"},"3.89.1 - (August 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3890---august-2-2023"},"3.89.0 - (August 2, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3880---july-31-2023"},"3.88.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3870---july-25-2023"},"3.87.0 - (July 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3860---july-19-2023"},"3.86.0 - (July 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3850---july-4-2023"},"3.85.0 - (July 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3840---june-12-2023"},"3.84.0 - (June 12, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3830---june-5-2023"},"3.83.0 - (June 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3820---may-11-2023"},"3.82.0 - (May 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3810---april-27-2023"},"3.81.0 - (April 27, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3800---march-29-2023"},"3.80.0 - (March 29, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest snapshots.")))),(0,n.mdx)("h2",{id:"3790---march-1-2023"},"3.79.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest snapshot for terra-button changes")))),(0,n.mdx)("h2",{id:"3780---february-14-2023"},"3.78.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"3770---february-7-2023"},"3.77.0 - (February 7, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3760---december-13-2022"},"3.76.0 - (December 13, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3750---july-27-2022"},"3.75.0 - (July 27, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3745---may-3-2022"},"3.74.5 - (May 3, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Additional terra-dialog-modal deprecation notices")))),(0,n.mdx)("h2",{id:"3744---march-29-2022"},"3.74.4 - (March 29, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3743---march-15-2022"},"3.74.3 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3742---february-2-2022"},"3.74.2 - (February 2, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3741---january-4-2022"},"3.74.1 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3740---november-16-2021"},"3.74.0 - (November 16, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3730---november-9-2021"},"3.73.0 - (November 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated tests due to rounding differences in terra-abstract-modal")))),(0,n.mdx)("h2",{id:"3721---november-3-2021"},"3.72.1 - (November 3, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3720---november-2-2021"},"3.72.0 - (November 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3710---october-14-2021"},"3.71.0 - (October 14, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3700---october-12-2021"},"3.70.0 - (October 12, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3690---september-20-2021"},"3.69.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,n.mdx)("h2",{id:"3680---july-21-2021"},"3.68.0 - (July 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3670---july-20-2021"},"3.67.0 - (July 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3660---july-13-2021"},"3.66.0 - (July 13, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3650---june-15-2021"},"3.65.0 - (June 15, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Mark package as deprecated.")))),(0,n.mdx)("h2",{id:"3640---june-8-2021"},"3.64.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3630---june-1-2021"},"3.63.0 - (June 1, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3620---may-4-2021"},"3.62.0 - (May 4, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3610---april-6-2021"},"3.61.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"3600---march-9-2021"},"3.60.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3590---february-9-2021"},"3.59.0 - (February 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3580---february-2-2021"},"3.58.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3570---january-26-2021"},"3.57.0 - (January 26, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update failing jest tests."),(0,n.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,n.mdx)("h2",{id:"3560---january-5-2021"},"3.56.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"3550---december-8-2020"},"3.55.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3540---november-24-2020"},"3.54.0 - (November 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"3530---november-10-2020"},"3.53.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added Test for closing select inside a modal using escape.")))),(0,n.mdx)("h2",{id:"3520---october-20-2020"},"3.52.0 - (October 20, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3510---october-13-2020"},"3.51.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3500---october-6-2020"},"3.50.0 - (October 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3490---september-29-2020"},"3.49.0 - (September 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3480---september-16-2020"},"3.48.0 - (September 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3470---september-10-2020"},"3.47.0 - (September 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3460---august-27-2020"},"3.46.0 - (August 27, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bump terra-notification-dialog version from ^3 to ^4")))),(0,n.mdx)("h2",{id:"3450---august-18-2020"},"3.45.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3440---august-11-2020"},"3.44.0 - (August 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3430---august-4-2020"},"3.43.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"3420---july-28-2020"},"3.42.0 - (July 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3410---july-14-2020"},"3.41.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,n.mdx)("h2",{id:"3400---june-16-2020"},"3.40.0 - (June 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated terra-form-select to V6")))),(0,n.mdx)("h2",{id:"3390---june-9-2020"},"3.39.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3380---june-2-2020"},"3.38.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"3370---may-19-2020"},"3.37.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3360---april-28-2020"},"3.36.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"),(0,n.mdx)("li",{parentName:"ul"},"Regenerate wdio fusion screenshots due to bottom border style changes in terra-action-header.")))),(0,n.mdx)("h2",{id:"3350---april-14-2020"},"3.35.0 - (April 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3340---april-6-2020"},"3.34.0 - (April 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3330---march-31-2020"},"3.33.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"3320---march-24-2020"},"3.32.0 - (March 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3310---march-10-2020"},"3.31.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3300---march-3-2020"},"3.30.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"3290---february-25-2020"},"3.29.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3280---february-18-2020"},"3.28.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,n.mdx)("h2",{id:"3270---february-4-2020"},"3.27.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3260---january-28-2020"},"3.26.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"3250---january-7-2020"},"3.25.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added new WDIO screenshots")))),(0,n.mdx)("h2",{id:"3240---december-16-2019"},"3.24.0 - (December 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3230---december-10-2019"},"3.23.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,n.mdx)("h2",{id:"3220---november-26-2019"},"3.22.0 - (November 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3210---november-20-2019"},"3.21.0 - (November 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3200---november-18-2019"},"3.20.0 - (November 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3190---november-7-2019"},"3.19.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"3180---october-30-2019"},"3.18.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"rootSelector")," prop to help prevent focus from shifting outside of the DialogModal when it is opened.")))),(0,n.mdx)("h2",{id:"3170---october-21-2019"},"3.17.0 - (October 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3160---october-16-2019"},"3.16.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"closeOnOutsideClick")," prop to differentiate close on outside click from close by escape key.")))),(0,n.mdx)("h2",{id:"3150---october-3-2019"},"3.15.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3140---september-26-2019"},"3.14.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3130---september-19-2019"},"3.13.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,n.mdx)("h2",{id:"3120---september-6-2019"},"3.12.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed missing documentation for props")))),(0,n.mdx)("h2",{id:"3110---august-21-2019"},"3.11.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3100---august-14-2019"},"3.10.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"390---july-30-2019"},"3.9.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,n.mdx)("h2",{id:"381---july-23-2019"},"3.8.1 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,n.mdx)("h2",{id:"380---july-23-2019"},"3.8.0 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"When the dialog modal is open on touch devices, it will now focus on the first interactive DOM element within it. This enables focus to be shifted into the modal correctly when using VoiceOver on iOS.")))),(0,n.mdx)("h2",{id:"370---july-16-2019"},"3.7.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"360---july-10-2019"},"3.6.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"350---july-2-2019"},"3.5.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"340---june-19-2019"},"3.4.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"330---june-12-2019"},"3.3.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes")))),(0,n.mdx)("h2",{id:"320---may-21-2019"},"3.2.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"310---may-15-2019"},"3.1.0 - (May 15, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"300---may-13-2019"},"3.0.0 - (May 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated z-index for dialog modal to ",(0,n.mdx)("inlineCode",{parentName:"li"},"7000")),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"isFocused")," prop"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed test dependency on terra-disclosure-manager"),(0,n.mdx)("li",{parentName:"ul"},"Removed test dependency on terra-modal-manager"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added test dependency on terra-form-select and example using terra-form-select in dialog modal"),(0,n.mdx)("li",{parentName:"ul"},"Added test dependency on terra-date-picker and example using terra-date-picker in dialog modal"),(0,n.mdx)("li",{parentName:"ul"},"Added test dependency on terra-popup and example using terra-popup in dialog modal"),(0,n.mdx)("li",{parentName:"ul"},"Added test dependency on terra-notification-dialog and example using terra-notification-dialog in dialog modal")))),(0,n.mdx)("h2",{id:"2110---may-7-2019"},"2.11.0 - (May 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added new width 560px"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshot and WDIO screenshots")))),(0,n.mdx)("h2",{id:"2100---april-24-2019"},"2.10.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"290---april-16-2019"},"2.9.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"280---april-2-2019"},"2.8.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"270---march-26-2019"},"2.7.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"260---march-20-2019"},"2.6.0 - (March 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Doc site 'modal on modal' example heading level changed to correct Section 508 error")))),(0,n.mdx)("h2",{id:"250---march-12-2019"},"2.5.0 - (March 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"240---march-5-2019"},"2.4.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"230---february-26-2019"},"2.3.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"220---february-13-2019"},"2.2.0 - (February 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"200---january-25-2019"},"2.0.0 - (January 25, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,n.mdx)("h2",{id:"1140---january-5-2019"},"1.14.0 - (January 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"1130---january-2-2019"},"1.13.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated dev site examples not have duplicate ids.")))),(0,n.mdx)("h2",{id:"1120---december-5-2018"},"1.12.0 - (December 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"1110---december-3-2018"},"1.11.0 - (December 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"1100---november-15-2018"},"1.10.0 - (November 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update"),(0,n.mdx)("li",{parentName:"ul"},"Restructured theme tests into a separate file"),(0,n.mdx)("li",{parentName:"ul"},"Updated examples to consume terra-disclosure-manager v3.x"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed dependency on terra-app-delegate package.")))),(0,n.mdx)("h2",{id:"190---october-16-2018"},"1.9.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"180---october-8-2018"},"1.8.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,n.mdx)("h2",{id:"170---september-25-2018"},"1.7.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"160---september-5-2018"},"1.6.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"150---august-30-2018"},"1.5.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,n.mdx)("h2",{id:"140---august-14-2018"},"1.4.0 - (August 14, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,n.mdx)("h2",{id:"130---july-26-2018"},"1.3.0 - (July 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"120---july-25-2018"},"1.2.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fix webpack issue due to referencing src in the docs examples and tests instead of a relative path which would end up hitting lib which has been transpiled."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"110---july-3-2018"},"1.1.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"100---june-29-2018"},"1.0.0 - (June 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},43275:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-dialog-modal",name:"terra-dialog-modal",version:"3.94.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,l){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}l.d(a,{Z:function(){return d}})}}]);
\ No newline at end of file
diff --git a/pull/1885/57460-c0c517f5b4ada1226563.css b/pull/1885/57460-81e7a877b836674cbd55.css
similarity index 100%
rename from pull/1885/57460-c0c517f5b4ada1226563.css
rename to pull/1885/57460-81e7a877b836674cbd55.css
diff --git a/pull/1885/57460-c0c517f5b4ada1226563.js b/pull/1885/57460-81e7a877b836674cbd55.js
similarity index 99%
rename from pull/1885/57460-c0c517f5b4ada1226563.js
rename to pull/1885/57460-81e7a877b836674cbd55.js
index a4eecb7f3d2..6a53aca5eb3 100644
--- a/pull/1885/57460-c0c517f5b4ada1226563.js
+++ b/pull/1885/57460-81e7a877b836674cbd55.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[57460],{43235:function(e,t,a){a.r(t),a.d(t,{default:function(){return j}});var n=a(87462),l=a(44925),o=a(67294),i=a(81254),r=a(43275),d=a(34261),s=a(78530),u=["components"],m={},p="wrapper";function c(e){var t=e.components,a=(0,l.Z)(e,u);return(0,i.mdx)(p,(0,n.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(s.ZP,{mdxType:"PropsTable"},(0,i.mdx)(s.X2,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Aria Label of the dialog modal."))),(0,i.mdx)(s.X2,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"header"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Header of the dialog modal."))),(0,i.mdx)(s.X2,{key:"ROW3",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"footer"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Footer of the dialog modal."))),(0,i.mdx)(s.X2,{key:"ROW4",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"children"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Contents of the dialog modal."))),(0,i.mdx)(s.X2,{key:"ROW5",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,i.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Callback function indicating a close condition was met."))),(0,i.mdx)(s.X2,{key:"ROW6",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"isOpen"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Toggle to show dialog modal or not."))),(0,i.mdx)(s.X2,{key:"ROW7",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"width"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 320\n 640\n 960\n 1120\n 1280\n 1600\n],\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1120'\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Width of the dialog modal. Allows one of ",(0,i.mdx)("inlineCode",{parentName:"p"},"320"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"640"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"960"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"1120"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"1280"),", or ",(0,i.mdx)("inlineCode",{parentName:"p"},"1600"),"."),(0,i.mdx)("p",null,(0,i.mdx)("em",{parentName:"p"},"(Uses same sizes as terra-modal-manager: tiny:320, small:640, medium:960, default:1120, large:1280, huge:1600)")))),(0,i.mdx)(s.X2,{key:"ROW8",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"closeOnOutsideClick"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"DO NOT USE THIS PROP")),(0,i.mdx)("p",null,"This prop was added in error, but has not been removed due to passivity concerns."),(0,i.mdx)("p",null,"Modals & Dialogs must be closed by clicking a ui element to prevent accidental clicks and to force an intentional decision by the user to close the dialog."),(0,i.mdx)("p",null,"If set to true, the modal will close when a mouse click is triggered outside the modal."))),(0,i.mdx)(s.X2,{key:"ROW9",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"rootSelector"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"'#root'\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Used to select the root mount DOM node. This is used to help prevent focus from shifting outside of the DialogModal when it is opened.")))))}c.isMDXComponent=!0;var h=a(11101),f=["components"],x={};function g(e){var t=e.components,a=(0,l.Z)(e,f);return(0,i.mdx)("wrapper",(0,n.Z)({},x,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport ActionHeader from 'terra-action-header';\nimport ActionFooter from 'terra-action-footer';\nimport DialogModal from 'terra-dialog-modal';\n\nclass DefaultDialogModal extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n const paraOne = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',\n 'Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.',\n 'Integer congue feugiat ultricies.',\n ' Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.',\n 'Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.',\n ' Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.',\n 'Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.',\n 'Nam vehicula, arcu vitae egestas porttitor,',\n 'turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.'];\n return (\n
\n }\n footer={}\n >\n
{paraOne}
\n \n \n
\n );\n }\n}\n\nexport default DefaultDialogModal;\n\n")))}g.isMDXComponent=!0;var v=a(49271),C=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(v.Z,{title:t||"Default Dialog Modal",description:a,example:o.createElement(h.Z,null),exampleSrc:o.createElement(g,null),isExpanded:n})},y=a(22233),M=["components"],D={};function N(e){var t=e.components,a=(0,l.Z)(e,M);return(0,i.mdx)("wrapper",(0,n.Z)({},D,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport ActionHeader from 'terra-action-header';\nimport ActionFooter from 'terra-action-footer';\nimport DialogModal from 'terra-dialog-modal';\n\nclass DialogModalWithLongText extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n const text = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',\n 'Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.',\n 'Integer congue feugiat ultricies.',\n ' Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.',\n 'Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.',\n ' Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.',\n 'Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.',\n 'Nam vehicula, arcu vitae egestas porttitor,',\n 'turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.'];\n return (\n
\n }\n footer={}\n width=\"960\"\n >\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n \n \n
\n );\n }\n}\n\nexport default DialogModalWithLongText;\n\n")))}N.isMDXComponent=!0;var _=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(v.Z,{title:t||"Dialog Modal With Long Text",description:a,example:o.createElement(y.Z,null),exampleSrc:o.createElement(N,null),isExpanded:n})},T=a(68531),O=["components"],b={};function w(e){var t=e.components,a=(0,l.Z)(e,O);return(0,i.mdx)("wrapper",(0,n.Z)({},b,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport classNames from 'classnames/bind';\nimport DialogModal from 'terra-dialog-modal';\nimport styles from './DialogModalWithCustomHeaderAndCustomFooter.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DialogModalWithCustomHeaderAndCustomFooter extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n const text = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',\n 'Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.',\n 'Integer congue feugiat ultricies.',\n ' Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.',\n 'Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.',\n ' Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.',\n 'Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.',\n 'Nam vehicula, arcu vitae egestas porttitor,',\n 'turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.'];\n return (\n
\n \n Custom Header\n \n
\n)}\n footer={
Custom Footer
}\n >\n
{text}
\n \n \n \n );\n }\n}\n\nexport default DialogModalWithCustomHeaderAndCustomFooter;\n\n")))}w.isMDXComponent=!0;var R=["components"],E={};function q(e){var t=e.components,a=(0,l.Z)(e,R);return(0,i.mdx)("wrapper",(0,n.Z)({},E,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .header,\n .footer {\n border: 2px dashed #4e832b;\n color: #4e832b;\n height: 38px;\n line-height: 2;\n padding: 2px 2px 2px 5px;\n }\n\n .close-button {\n float: right;\n margin-left: 10px;\n }\n}\n\n")))}q.isMDXComponent=!0;var k=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(v.Z,{title:t||"Dialog Modal With Custom Header And Custom Footer",description:a,example:o.createElement(T.Z,null),exampleCssSrc:o.createElement(q,null),exampleSrc:o.createElement(w,null),isExpanded:n})},S=["components"],L={},W="wrapper";function j(e){var t=e.components,a=(0,l.Z)(e,S);return(0,i.mdx)(W,(0,n.Z)({},L,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(r.C,{mdxType:"Badge"}),(0,i.mdx)("p",null,(0,i.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-dialog-modal#readme"},(0,i.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,i.mdx)("h1",{id:"terra-dialog-modal"},"Terra Dialog Modal"),(0,i.mdx)(d.Notice,{variant:"deprecation",mdxType:"Notice"},(0,i.mdx)("p",null,"The terra-dialog-modal has been deprecated and is no longer recommended for use. Use ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/components/modal-manager"},"ModalManager")," from ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/application"},"terra-application")," for an alternative modal implementation. The terra-dialog-modal package has been deprecated because duplicates functionality found in the modal manager package.")),(0,i.mdx)("p",null,"The Dialog Modal allows for disclosing modals with dynamic heights. The components is placed at an 7000 z-index. The dialog modal should not be disclosed from the terra-modal-manager component. If you need to display another modal while using the modal manager, use the modal stacking functionality provided in terra-modal-manager or the terra-notification-dialog."),(0,i.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Install with ",(0,i.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"npm install terra-dialog-modal"))))),(0,i.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,i.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,i.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react"),(0,i.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,i.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,i.mdx)("h2",{id:"component-features"},"Component Features"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(C,{title:"Default Dialog Modal",mdxType:"DefaultDialogModal"}),(0,i.mdx)(_,{title:"Dialog Modal With Long Text",mdxType:"DialogModalWithLongText"}),(0,i.mdx)(k,{title:"Dialog Modal With Custom Header and Custom Footer",mdxType:"DialogModalWithCustomHeaderAndCustomFooter"}),(0,i.mdx)("h2",{id:"dialog-modal-props-table"},"Dialog Modal Props table"),(0,i.mdx)(c,{mdxType:"DialogModalPropsTable"}))}j.isMDXComponent=!0},43275:function(e,t,a){a.d(t,{C:function(){return o}});var n=a(67294),l=a(22863),o=function(e){var t=e.url;return n.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-dialog-modal",name:"terra-dialog-modal",version:"3.94.0",url:t})}},28616:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(10434)),o=n(a(70215)),i=n(a(67294)),r=n(a(31501)),d=n(a(45697)),s=n(a(94184)),u=n(a(47166)),m=n(a(47341)),p=n(a(35167)),c=["header","footer","children","onRequestClose","isOpen","ariaLabel","width","closeOnOutsideClick","rootSelector"],h=u.default.bind(p.default),f={320:320,640:640,960:960,1120:1120,1280:1280,1600:1600},x={ariaLabel:d.default.string.isRequired,header:d.default.element.isRequired,footer:d.default.element.isRequired,children:d.default.node,onRequestClose:d.default.func.isRequired,isOpen:d.default.bool,width:d.default.oneOf(Object.keys(f)),closeOnOutsideClick:d.default.bool,rootSelector:d.default.string},g=function(e){var t=e.header,a=e.footer,n=e.children,d=e.onRequestClose,u=e.isOpen,p=e.ariaLabel,x=e.width,g=e.closeOnOutsideClick,v=e.rootSelector,C=(0,o.default)(e,c),y=i.default.useContext(m.default);if(!u)return null;var M=["dialog-modal-wrapper",y.className];return x in f?M.push("width-".concat(f[x])):M.push("width-1120"),i.default.createElement(r.default,{ariaLabel:p,role:"dialog",classNameModal:h(M),isOpen:u,onRequestClose:d,zIndex:"7000",closeOnOutsideClick:g,rootSelector:v},i.default.createElement("div",(0,l.default)({},C,{className:(0,s.default)(h("dialog-modal-inner-wrapper"),C.className)}),i.default.createElement("div",{className:h("dialog-modal-container")},i.default.createElement("div",null,t),i.default.createElement("div",{className:h("dialog-modal-body")},n),i.default.createElement("div",null,a))))};g.propTypes=x,g.defaultProps={children:null,isOpen:!1,width:"1120",closeOnOutsideClick:!1,rootSelector:"#root"};t.default=g},11101:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(56690)),o=n(a(89728)),i=n(a(66115)),r=n(a(61655)),d=n(a(94993)),s=n(a(73808)),u=n(a(67294)),m=n(a(55281)),p=n(a(17092)),c=n(a(60377)),h=n(a(28616));function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=(0,s.default)(e);if(t){var l=(0,s.default)(this).constructor;a=Reflect.construct(n,arguments,l)}else a=n.apply(this,arguments);return(0,d.default)(this,a)}}var x=function(e){(0,r.default)(a,e);var t=f(a);function a(){var e;return(0,l.default)(this,a),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,i.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,i.default)(e)),e}return(0,o.default)(a,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){var e=["Lorem ipsum dolor sit amet, consectetur adipiscing elit. ","Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.","Integer congue feugiat ultricies."," Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.","Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi."," Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.","Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.","Nam vehicula, arcu vitae egestas porttitor,","turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit."];return u.default.createElement("div",null,u.default.createElement(h.default,{ariaLabel:"Default Dialog Modal",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,header:u.default.createElement(p.default,{title:"Action Header used here",onClose:this.handleCloseModal}),footer:u.default.createElement(c.default,{start:"Action Footer used here"})},u.default.createElement("p",null,e)),u.default.createElement(m.default,{text:"Trigger Dialog Modal",onClick:this.handleOpenModal}))}}]),a}(u.default.Component);t.Z=x},68531:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(56690)),o=n(a(89728)),i=n(a(66115)),r=n(a(61655)),d=n(a(94993)),s=n(a(73808)),u=n(a(67294)),m=n(a(55281)),p=n(a(47166)),c=n(a(28616)),h=n(a(46564));function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=(0,s.default)(e);if(t){var l=(0,s.default)(this).constructor;a=Reflect.construct(n,arguments,l)}else a=n.apply(this,arguments);return(0,d.default)(this,a)}}var x=p.default.bind(h.default),g=function(e){(0,r.default)(a,e);var t=f(a);function a(){var e;return(0,l.default)(this,a),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,i.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,i.default)(e)),e}return(0,o.default)(a,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){var e=["Lorem ipsum dolor sit amet, consectetur adipiscing elit. ","Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.","Integer congue feugiat ultricies."," Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.","Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi."," Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.","Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.","Nam vehicula, arcu vitae egestas porttitor,","turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit."];return u.default.createElement("div",null,u.default.createElement(c.default,{ariaLabel:"Dialog Modal",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,header:u.default.createElement("div",{className:x("header")},"Custom Header",u.default.createElement(m.default,{id:"close-dialog-modal",text:"Close",className:x("close-button"),onClick:this.handleCloseModal})),footer:u.default.createElement("div",{className:x("footer")},"Custom Footer")},u.default.createElement("p",null,e)),u.default.createElement(m.default,{text:"Trigger Dialog Modal",onClick:this.handleOpenModal}))}}]),a}(u.default.Component);t.Z=g},22233:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(56690)),o=n(a(89728)),i=n(a(66115)),r=n(a(61655)),d=n(a(94993)),s=n(a(73808)),u=n(a(67294)),m=n(a(55281)),p=n(a(17092)),c=n(a(60377)),h=n(a(28616));function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=(0,s.default)(e);if(t){var l=(0,s.default)(this).constructor;a=Reflect.construct(n,arguments,l)}else a=n.apply(this,arguments);return(0,d.default)(this,a)}}var x=function(e){(0,r.default)(a,e);var t=f(a);function a(){var e;return(0,l.default)(this,a),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,i.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,i.default)(e)),e}return(0,o.default)(a,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){var e=["Lorem ipsum dolor sit amet, consectetur adipiscing elit. ","Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.","Integer congue feugiat ultricies."," Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.","Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi."," Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.","Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.","Nam vehicula, arcu vitae egestas porttitor,","turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit."];return u.default.createElement("div",null,u.default.createElement(h.default,{ariaLabel:"Dialog Modal With Long Text",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,header:u.default.createElement(p.default,{title:"Action Header used here",onClose:this.handleCloseModal}),footer:u.default.createElement(c.default,{start:"Action Footer used here"}),width:"960"},u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e)),u.default.createElement(m.default,{text:"Trigger Dialog Modal",onClick:this.handleOpenModal}))}}]),a}(u.default.Component);t.Z=x},35167:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"DialogModal-module__clinical-lowlight-theme___31DwG","orion-fusion-theme":"DialogModal-module__orion-fusion-theme___YBuu1","dialog-modal-wrapper":"DialogModal-module__dialog-modal-wrapper___R77-C","width-320":"DialogModal-module__width-320___l19d7","width-480":"DialogModal-module__width-480___SOAMl","width-560":"DialogModal-module__width-560___nY+us","width-640":"DialogModal-module__width-640___L7vK3","width-800":"DialogModal-module__width-800___txGZ4","width-960":"DialogModal-module__width-960___9FyAv","width-1120":"DialogModal-module__width-1120___9yYPn","width-1280":"DialogModal-module__width-1280___r1qux","width-1440":"DialogModal-module__width-1440___SsgFL","width-1600":"DialogModal-module__width-1600___1jMR1","width-1760":"DialogModal-module__width-1760___3X0JY","width-1920":"DialogModal-module__width-1920___qAoIQ","dialog-modal-inner-wrapper":"DialogModal-module__dialog-modal-inner-wrapper___xIeq4","dialog-modal-container":"DialogModal-module__dialog-modal-container___lDtDv","dialog-modal-header":"DialogModal-module__dialog-modal-header___TpTo4","dialog-modal-footer":"DialogModal-module__dialog-modal-footer___H1FtR","dialog-modal-body":"DialogModal-module__dialog-modal-body___rr9ng"}},46564:function(e,t,a){a.r(t),t.default={header:"DialogModalWithCustomHeaderAndCustomFooter-module__header___xsSAT",footer:"DialogModalWithCustomHeaderAndCustomFooter-module__footer___-kyF7","close-button":"DialogModalWithCustomHeaderAndCustomFooter-module__close-button___HH+oy"}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[57460],{43235:function(e,t,a){a.r(t),a.d(t,{default:function(){return j}});var n=a(87462),l=a(44925),o=a(67294),i=a(81254),r=a(43275),d=a(34261),s=a(78530),u=["components"],m={},p="wrapper";function c(e){var t=e.components,a=(0,l.Z)(e,u);return(0,i.mdx)(p,(0,n.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(s.ZP,{mdxType:"PropsTable"},(0,i.mdx)(s.X2,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Aria Label of the dialog modal."))),(0,i.mdx)(s.X2,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"header"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Header of the dialog modal."))),(0,i.mdx)(s.X2,{key:"ROW3",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"footer"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Footer of the dialog modal."))),(0,i.mdx)(s.X2,{key:"ROW4",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"children"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Contents of the dialog modal."))),(0,i.mdx)(s.X2,{key:"ROW5",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,i.mdx)(s.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Callback function indicating a close condition was met."))),(0,i.mdx)(s.X2,{key:"ROW6",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"isOpen"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Toggle to show dialog modal or not."))),(0,i.mdx)(s.X2,{key:"ROW7",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"width"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 320\n 640\n 960\n 1120\n 1280\n 1600\n],\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1120'\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Width of the dialog modal. Allows one of ",(0,i.mdx)("inlineCode",{parentName:"p"},"320"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"640"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"960"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"1120"),", ",(0,i.mdx)("inlineCode",{parentName:"p"},"1280"),", or ",(0,i.mdx)("inlineCode",{parentName:"p"},"1600"),"."),(0,i.mdx)("p",null,(0,i.mdx)("em",{parentName:"p"},"(Uses same sizes as terra-modal-manager: tiny:320, small:640, medium:960, default:1120, large:1280, huge:1600)")))),(0,i.mdx)(s.X2,{key:"ROW8",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"closeOnOutsideClick"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"DO NOT USE THIS PROP")),(0,i.mdx)("p",null,"This prop was added in error, but has not been removed due to passivity concerns."),(0,i.mdx)("p",null,"Modals & Dialogs must be closed by clicking a ui element to prevent accidental clicks and to force an intentional decision by the user to close the dialog."),(0,i.mdx)("p",null,"If set to true, the modal will close when a mouse click is triggered outside the modal."))),(0,i.mdx)(s.X2,{key:"ROW9",mdxType:"Row"},(0,i.mdx)(s.O,{mdxType:"PropNameCell"},"rootSelector"),(0,i.mdx)(s.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,i.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"'#root'\n"))),(0,i.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"Used to select the root mount DOM node. This is used to help prevent focus from shifting outside of the DialogModal when it is opened.")))))}c.isMDXComponent=!0;var h=a(11101),f=["components"],x={};function g(e){var t=e.components,a=(0,l.Z)(e,f);return(0,i.mdx)("wrapper",(0,n.Z)({},x,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport ActionHeader from 'terra-action-header';\nimport ActionFooter from 'terra-action-footer';\nimport DialogModal from 'terra-dialog-modal';\n\nclass DefaultDialogModal extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n const paraOne = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',\n 'Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.',\n 'Integer congue feugiat ultricies.',\n ' Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.',\n 'Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.',\n ' Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.',\n 'Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.',\n 'Nam vehicula, arcu vitae egestas porttitor,',\n 'turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.'];\n return (\n
\n }\n footer={}\n >\n
{paraOne}
\n \n \n
\n );\n }\n}\n\nexport default DefaultDialogModal;\n\n")))}g.isMDXComponent=!0;var v=a(49271),C=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(v.Z,{title:t||"Default Dialog Modal",description:a,example:o.createElement(h.Z,null),exampleSrc:o.createElement(g,null),isExpanded:n})},y=a(22233),M=["components"],D={};function N(e){var t=e.components,a=(0,l.Z)(e,M);return(0,i.mdx)("wrapper",(0,n.Z)({},D,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport ActionHeader from 'terra-action-header';\nimport ActionFooter from 'terra-action-footer';\nimport DialogModal from 'terra-dialog-modal';\n\nclass DialogModalWithLongText extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n const text = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',\n 'Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.',\n 'Integer congue feugiat ultricies.',\n ' Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.',\n 'Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.',\n ' Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.',\n 'Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.',\n 'Nam vehicula, arcu vitae egestas porttitor,',\n 'turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.'];\n return (\n
\n }\n footer={}\n width=\"960\"\n >\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n
{text}
\n \n \n
\n );\n }\n}\n\nexport default DialogModalWithLongText;\n\n")))}N.isMDXComponent=!0;var _=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(v.Z,{title:t||"Dialog Modal With Long Text",description:a,example:o.createElement(y.Z,null),exampleSrc:o.createElement(N,null),isExpanded:n})},T=a(68531),O=["components"],b={};function w(e){var t=e.components,a=(0,l.Z)(e,O);return(0,i.mdx)("wrapper",(0,n.Z)({},b,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport classNames from 'classnames/bind';\nimport DialogModal from 'terra-dialog-modal';\nimport styles from './DialogModalWithCustomHeaderAndCustomFooter.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DialogModalWithCustomHeaderAndCustomFooter extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n const text = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',\n 'Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.',\n 'Integer congue feugiat ultricies.',\n ' Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.',\n 'Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.',\n ' Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.',\n 'Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.',\n 'Nam vehicula, arcu vitae egestas porttitor,',\n 'turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.'];\n return (\n
\n \n Custom Header\n \n
\n)}\n footer={
Custom Footer
}\n >\n
{text}
\n \n \n \n );\n }\n}\n\nexport default DialogModalWithCustomHeaderAndCustomFooter;\n\n")))}w.isMDXComponent=!0;var R=["components"],E={};function q(e){var t=e.components,a=(0,l.Z)(e,R);return(0,i.mdx)("wrapper",(0,n.Z)({},E,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .header,\n .footer {\n border: 2px dashed #4e832b;\n color: #4e832b;\n height: 38px;\n line-height: 2;\n padding: 2px 2px 2px 5px;\n }\n\n .close-button {\n float: right;\n margin-left: 10px;\n }\n}\n\n")))}q.isMDXComponent=!0;var k=function(e){var t=e.title,a=e.description,n=e.isExpanded;return o.createElement(v.Z,{title:t||"Dialog Modal With Custom Header And Custom Footer",description:a,example:o.createElement(T.Z,null),exampleCssSrc:o.createElement(q,null),exampleSrc:o.createElement(w,null),isExpanded:n})},S=["components"],L={},W="wrapper";function j(e){var t=e.components,a=(0,l.Z)(e,S);return(0,i.mdx)(W,(0,n.Z)({},L,a,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(r.C,{mdxType:"Badge"}),(0,i.mdx)("p",null,(0,i.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-dialog-modal#readme"},(0,i.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,i.mdx)("h1",{id:"terra-dialog-modal"},"Terra Dialog Modal"),(0,i.mdx)(d.Notice,{variant:"deprecation",mdxType:"Notice"},(0,i.mdx)("p",null,"The terra-dialog-modal has been deprecated and is no longer recommended for use. Use ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/components/modal-manager"},"ModalManager")," from ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/application"},"terra-application")," for an alternative modal implementation. The terra-dialog-modal package has been deprecated because duplicates functionality found in the modal manager package.")),(0,i.mdx)("p",null,"The Dialog Modal allows for disclosing modals with dynamic heights. The components is placed at an 7000 z-index. The dialog modal should not be disclosed from the terra-modal-manager component. If you need to display another modal while using the modal manager, use the modal stacking functionality provided in terra-modal-manager or the terra-notification-dialog."),(0,i.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Install with ",(0,i.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"npm install terra-dialog-modal"))))),(0,i.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,i.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,i.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react"),(0,i.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,i.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,i.mdx)("h2",{id:"component-features"},"Component Features"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(C,{title:"Default Dialog Modal",mdxType:"DefaultDialogModal"}),(0,i.mdx)(_,{title:"Dialog Modal With Long Text",mdxType:"DialogModalWithLongText"}),(0,i.mdx)(k,{title:"Dialog Modal With Custom Header and Custom Footer",mdxType:"DialogModalWithCustomHeaderAndCustomFooter"}),(0,i.mdx)("h2",{id:"dialog-modal-props-table"},"Dialog Modal Props table"),(0,i.mdx)(c,{mdxType:"DialogModalPropsTable"}))}j.isMDXComponent=!0},43275:function(e,t,a){a.d(t,{C:function(){return o}});var n=a(67294),l=a(22863),o=function(e){var t=e.url;return n.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-dialog-modal",name:"terra-dialog-modal",version:"3.95.0",url:t})}},28616:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(10434)),o=n(a(70215)),i=n(a(67294)),r=n(a(31501)),d=n(a(45697)),s=n(a(94184)),u=n(a(47166)),m=n(a(47341)),p=n(a(35167)),c=["header","footer","children","onRequestClose","isOpen","ariaLabel","width","closeOnOutsideClick","rootSelector"],h=u.default.bind(p.default),f={320:320,640:640,960:960,1120:1120,1280:1280,1600:1600},x={ariaLabel:d.default.string.isRequired,header:d.default.element.isRequired,footer:d.default.element.isRequired,children:d.default.node,onRequestClose:d.default.func.isRequired,isOpen:d.default.bool,width:d.default.oneOf(Object.keys(f)),closeOnOutsideClick:d.default.bool,rootSelector:d.default.string},g=function(e){var t=e.header,a=e.footer,n=e.children,d=e.onRequestClose,u=e.isOpen,p=e.ariaLabel,x=e.width,g=e.closeOnOutsideClick,v=e.rootSelector,C=(0,o.default)(e,c),y=i.default.useContext(m.default);if(!u)return null;var M=["dialog-modal-wrapper",y.className];return x in f?M.push("width-".concat(f[x])):M.push("width-1120"),i.default.createElement(r.default,{ariaLabel:p,role:"dialog",classNameModal:h(M),isOpen:u,onRequestClose:d,zIndex:"7000",closeOnOutsideClick:g,rootSelector:v},i.default.createElement("div",(0,l.default)({},C,{className:(0,s.default)(h("dialog-modal-inner-wrapper"),C.className)}),i.default.createElement("div",{className:h("dialog-modal-container")},i.default.createElement("div",null,t),i.default.createElement("div",{className:h("dialog-modal-body")},n),i.default.createElement("div",null,a))))};g.propTypes=x,g.defaultProps={children:null,isOpen:!1,width:"1120",closeOnOutsideClick:!1,rootSelector:"#root"};t.default=g},11101:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(56690)),o=n(a(89728)),i=n(a(66115)),r=n(a(61655)),d=n(a(94993)),s=n(a(73808)),u=n(a(67294)),m=n(a(55281)),p=n(a(17092)),c=n(a(60377)),h=n(a(28616));function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=(0,s.default)(e);if(t){var l=(0,s.default)(this).constructor;a=Reflect.construct(n,arguments,l)}else a=n.apply(this,arguments);return(0,d.default)(this,a)}}var x=function(e){(0,r.default)(a,e);var t=f(a);function a(){var e;return(0,l.default)(this,a),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,i.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,i.default)(e)),e}return(0,o.default)(a,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){var e=["Lorem ipsum dolor sit amet, consectetur adipiscing elit. ","Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.","Integer congue feugiat ultricies."," Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.","Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi."," Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.","Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.","Nam vehicula, arcu vitae egestas porttitor,","turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit."];return u.default.createElement("div",null,u.default.createElement(h.default,{ariaLabel:"Default Dialog Modal",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,header:u.default.createElement(p.default,{title:"Action Header used here",onClose:this.handleCloseModal}),footer:u.default.createElement(c.default,{start:"Action Footer used here"})},u.default.createElement("p",null,e)),u.default.createElement(m.default,{text:"Trigger Dialog Modal",onClick:this.handleOpenModal}))}}]),a}(u.default.Component);t.Z=x},68531:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(56690)),o=n(a(89728)),i=n(a(66115)),r=n(a(61655)),d=n(a(94993)),s=n(a(73808)),u=n(a(67294)),m=n(a(55281)),p=n(a(47166)),c=n(a(28616)),h=n(a(46564));function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=(0,s.default)(e);if(t){var l=(0,s.default)(this).constructor;a=Reflect.construct(n,arguments,l)}else a=n.apply(this,arguments);return(0,d.default)(this,a)}}var x=p.default.bind(h.default),g=function(e){(0,r.default)(a,e);var t=f(a);function a(){var e;return(0,l.default)(this,a),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,i.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,i.default)(e)),e}return(0,o.default)(a,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){var e=["Lorem ipsum dolor sit amet, consectetur adipiscing elit. ","Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.","Integer congue feugiat ultricies."," Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.","Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi."," Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.","Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.","Nam vehicula, arcu vitae egestas porttitor,","turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit."];return u.default.createElement("div",null,u.default.createElement(c.default,{ariaLabel:"Dialog Modal",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,header:u.default.createElement("div",{className:x("header")},"Custom Header",u.default.createElement(m.default,{id:"close-dialog-modal",text:"Close",className:x("close-button"),onClick:this.handleCloseModal})),footer:u.default.createElement("div",{className:x("footer")},"Custom Footer")},u.default.createElement("p",null,e)),u.default.createElement(m.default,{text:"Trigger Dialog Modal",onClick:this.handleOpenModal}))}}]),a}(u.default.Component);t.Z=g},22233:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(56690)),o=n(a(89728)),i=n(a(66115)),r=n(a(61655)),d=n(a(94993)),s=n(a(73808)),u=n(a(67294)),m=n(a(55281)),p=n(a(17092)),c=n(a(60377)),h=n(a(28616));function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=(0,s.default)(e);if(t){var l=(0,s.default)(this).constructor;a=Reflect.construct(n,arguments,l)}else a=n.apply(this,arguments);return(0,d.default)(this,a)}}var x=function(e){(0,r.default)(a,e);var t=f(a);function a(){var e;return(0,l.default)(this,a),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,i.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,i.default)(e)),e}return(0,o.default)(a,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){var e=["Lorem ipsum dolor sit amet, consectetur adipiscing elit. ","Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.","Integer congue feugiat ultricies."," Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.","Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi."," Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.","Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.","Nam vehicula, arcu vitae egestas porttitor,","turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit."];return u.default.createElement("div",null,u.default.createElement(h.default,{ariaLabel:"Dialog Modal With Long Text",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,header:u.default.createElement(p.default,{title:"Action Header used here",onClose:this.handleCloseModal}),footer:u.default.createElement(c.default,{start:"Action Footer used here"}),width:"960"},u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e),u.default.createElement("p",null,e)),u.default.createElement(m.default,{text:"Trigger Dialog Modal",onClick:this.handleOpenModal}))}}]),a}(u.default.Component);t.Z=x},35167:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"DialogModal-module__clinical-lowlight-theme___31DwG","orion-fusion-theme":"DialogModal-module__orion-fusion-theme___YBuu1","dialog-modal-wrapper":"DialogModal-module__dialog-modal-wrapper___R77-C","width-320":"DialogModal-module__width-320___l19d7","width-480":"DialogModal-module__width-480___SOAMl","width-560":"DialogModal-module__width-560___nY+us","width-640":"DialogModal-module__width-640___L7vK3","width-800":"DialogModal-module__width-800___txGZ4","width-960":"DialogModal-module__width-960___9FyAv","width-1120":"DialogModal-module__width-1120___9yYPn","width-1280":"DialogModal-module__width-1280___r1qux","width-1440":"DialogModal-module__width-1440___SsgFL","width-1600":"DialogModal-module__width-1600___1jMR1","width-1760":"DialogModal-module__width-1760___3X0JY","width-1920":"DialogModal-module__width-1920___qAoIQ","dialog-modal-inner-wrapper":"DialogModal-module__dialog-modal-inner-wrapper___xIeq4","dialog-modal-container":"DialogModal-module__dialog-modal-container___lDtDv","dialog-modal-header":"DialogModal-module__dialog-modal-header___TpTo4","dialog-modal-footer":"DialogModal-module__dialog-modal-footer___H1FtR","dialog-modal-body":"DialogModal-module__dialog-modal-body___rr9ng"}},46564:function(e,t,a){a.r(t),t.default={header:"DialogModalWithCustomHeaderAndCustomFooter-module__header___xsSAT",footer:"DialogModalWithCustomHeaderAndCustomFooter-module__footer___-kyF7","close-button":"DialogModalWithCustomHeaderAndCustomFooter-module__close-button___HH+oy"}}}]);
\ No newline at end of file
diff --git a/pull/1885/57636-39a2d71b961c1dea84be.css b/pull/1885/57636-39a2d71b961c1dea84be.css
new file mode 100644
index 00000000000..f375b621be5
--- /dev/null
+++ b/pull/1885/57636-39a2d71b961c1dea84be.css
@@ -0,0 +1,9 @@
+.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer}
+.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto}
+.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
+.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
+.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
+.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:right}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l.ColumnHeaderCell-module__hidden___Tu-Xs{color:rgba(0,0,0,0)}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
+.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
+.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
+.DataGrid-module__data-grid-container___4LJj1{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none}
diff --git a/pull/1885/57636-edbfc6835e8dd388510c.js b/pull/1885/57636-39a2d71b961c1dea84be.js
similarity index 100%
rename from pull/1885/57636-edbfc6835e8dd388510c.js
rename to pull/1885/57636-39a2d71b961c1dea84be.js
diff --git a/pull/1885/57636-edbfc6835e8dd388510c.css b/pull/1885/57636-edbfc6835e8dd388510c.css
deleted file mode 100644
index 367fb72d1b3..00000000000
--- a/pull/1885/57636-edbfc6835e8dd388510c.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer}
-.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto}
-.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
-.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
-.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
-.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
-.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
-.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
-.DataGrid-module__data-grid-container___4LJj1{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none}
diff --git a/pull/1885/59361-58a6ba80318fd636a784.css b/pull/1885/59361-58a6ba80318fd636a784.css
new file mode 100644
index 00000000000..e21a0227f87
--- /dev/null
+++ b/pull/1885/59361-58a6ba80318fd636a784.css
@@ -0,0 +1 @@
+.Slider-module__orion-fusion-theme___8lFzi{--terra-slider-label-color: #1c1f21;--terra-slider-range-label-font-size: 0.714rem;--terra-slider-track-selected-range: #26a2e5;--terra-slider-track-unselected-range: #d3d4d5;--terra-slider-track-selected-range-hover: #0092e0;--terra-slider-track-unselected-range-hover: #bcbfc0;--terra-slider-thumb-background: #26a2e5;--terra-slider-thumb-border-color: #26a2e5;--terra-slider-thumb-hover-background: #0092e0;--terra-slider-thumb-active-background: #007cc3}.Slider-module__clinical-lowlight-theme___ou4Xa{--terra-slider-label-color: #b3b5b6;--terra-slider-track-selected-range: #004c76;--terra-slider-track-unselected-range: #6f7477;--terra-slider-track-selected-range-hover: #003f61;--terra-slider-track-unselected-range-hover: #595f62;--terra-slider-thumb-background: #004c76;--terra-slider-thumb-border-color: #003f61;--terra-slider-thumb-hover-background: #003f61;--terra-slider-thumb-active-background: #013a5a;--terra-slider-thumb-focus-outline: 0.143rem dashed #fff}.Slider-module__slider___p5WX-{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;min-height:3.143rem}.Slider-module__label___9ub6Z{color:#1c1f21;color:var(--terra-slider-label-color, #1c1f21);font-weight:700;font-weight:var(--terra-slider-label-font-weight, 700);white-space:initial}[dir=ltr] .Slider-module__label___9ub6Z{margin-right:0.5rem;margin-right:var(--terra-slider-label-margin-right, 0.5rem);text-align:left}[dir=rtl] .Slider-module__label___9ub6Z{margin-left:0.5rem;margin-left:var(--terra-slider-label-margin-right, 0.5rem);text-align:right}.Slider-module__slider-label___fdXlu{color:#6f7477;color:var(--terra-slider-sub-label-color, #6f7477);font-size:0.857rem;font-size:var(--terra-slider-sub-label-font-size, 0.857rem);font-weight:400;font-weight:var(--terra-slider-sub-label-font-weight, 400);white-space:initial}[dir=ltr] .Slider-module__slider-label___fdXlu{text-align:left}[dir=rtl] .Slider-module__slider-label___fdXlu{text-align:right}[dir=ltr] .Slider-module__slider-min-label___zedNZ{margin-right:0.5rem;margin-right:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=rtl] .Slider-module__slider-min-label___zedNZ{margin-left:0.5rem;margin-left:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=ltr] .Slider-module__slider-max-label___6gGpy{margin-left:0.5rem;margin-left:var(--terra-slider-max-label-margin-left, 0.5rem)}[dir=rtl] .Slider-module__slider-max-label___6gGpy{margin-right:0.5rem;margin-right:var(--terra-slider-max-label-margin-left, 0.5rem)}.Slider-module__input-range___9Lrsz{-webkit-appearance:none;min-height:3.143rem;min-height:var(--terra-slider-input-range-min-height, 3.143rem);min-width:17.143rem;min-width:var(--terra-slider-input-range-min-width, 17.143rem)}[dir] .Slider-module__input-range___9Lrsz{background-color:rgba(0,0,0,0);cursor:pointer}[dir=ltr] .Slider-module__input-range___9Lrsz{margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-left, 0.5rem);margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-right, 0.5rem)}[dir=rtl] .Slider-module__input-range___9Lrsz{margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-left, 0.5rem);margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-right, 0.5rem)}.Slider-module__input-range___9Lrsz:disabled{opacity:30%;opacity:var(--terra-slider-input-range-disabled-opacity, 30%)}[dir] .Slider-module__input-range___9Lrsz:disabled{cursor:default}.Slider-module__input-range___9Lrsz:focus{outline:none}.Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-webkit-slider-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-webkit-slider-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-webkit-slider-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-runnable-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-runnable-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-webkit-slider-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___9Lrsz::-ms-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-ms-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-ms-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-ms-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-ms-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-ms-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-ms-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-ms-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-ms-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-ms-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___9Lrsz::-moz-range-track{-moz-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-moz-range-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-moz-range-thumb{-moz-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-moz-range-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-moz-range-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-moz-range-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-moz-range-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-moz-range-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-moz-range-track{-moz-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-moz-range-thumb{-moz-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}
diff --git a/pull/1885/59361-a2a5c25525be6613633a.js b/pull/1885/59361-58a6ba80318fd636a784.js
similarity index 100%
rename from pull/1885/59361-a2a5c25525be6613633a.js
rename to pull/1885/59361-58a6ba80318fd636a784.js
diff --git a/pull/1885/59361-a2a5c25525be6613633a.css b/pull/1885/59361-a2a5c25525be6613633a.css
deleted file mode 100644
index 7fc77867777..00000000000
--- a/pull/1885/59361-a2a5c25525be6613633a.css
+++ /dev/null
@@ -1 +0,0 @@
-.Slider-module__orion-fusion-theme___8lFzi{--terra-slider-label-color: #1c1f21;--terra-slider-range-label-font-size: 0.714rem;--terra-slider-track-selected-range: #26a2e5;--terra-slider-track-unselected-range: #d3d4d5;--terra-slider-track-selected-range-hover: #0092e0;--terra-slider-track-unselected-range-hover: #bcbfc0;--terra-slider-thumb-background: #26a2e5;--terra-slider-thumb-border-color: #26a2e5;--terra-slider-thumb-hover-background: #0092e0;--terra-slider-thumb-active-background: #007cc3}.Slider-module__clinical-lowlight-theme___ou4Xa{--terra-slider-label-color: #b3b5b6;--terra-slider-track-selected-range: #004c76;--terra-slider-track-unselected-range: #6f7477;--terra-slider-track-selected-range-hover: #003f61;--terra-slider-track-unselected-range-hover: #595f62;--terra-slider-thumb-background: #004c76;--terra-slider-thumb-border-color: #003f61;--terra-slider-thumb-hover-background: #003f61;--terra-slider-thumb-active-background: #013a5a;--terra-slider-thumb-focus-outline: 0.143rem dashed #fff}.Slider-module__slider___p5WX-{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;min-height:3.143rem}.Slider-module__label___9ub6Z{color:#1c1f21;color:var(--terra-slider-label-color, #1c1f21);font-weight:700;font-weight:var(--terra-slider-label-font-weight, 700);white-space:initial;width:20%}[dir] .Slider-module__label___9ub6Z{text-align:center}[dir=ltr] .Slider-module__label___9ub6Z{margin-right:0.5rem;margin-right:var(--terra-slider-label-margin-right, 0.5rem)}[dir=rtl] .Slider-module__label___9ub6Z{margin-left:0.5rem;margin-left:var(--terra-slider-label-margin-right, 0.5rem)}.Slider-module__slider-label___fdXlu{color:#6f7477;color:var(--terra-slider-sub-label-color, #6f7477);font-size:0.857rem;font-size:var(--terra-slider-sub-label-font-size, 0.857rem);font-weight:400;font-weight:var(--terra-slider-sub-label-font-weight, 400);white-space:initial}[dir=ltr] .Slider-module__slider-label___fdXlu{text-align:left}[dir=rtl] .Slider-module__slider-label___fdXlu{text-align:right}[dir=ltr] .Slider-module__slider-min-label___zedNZ{margin-right:0.5rem;margin-right:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=rtl] .Slider-module__slider-min-label___zedNZ{margin-left:0.5rem;margin-left:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=ltr] .Slider-module__slider-max-label___6gGpy{margin-left:0.5rem;margin-left:var(--terra-slider-max-label-margin-left, 0.5rem)}[dir=rtl] .Slider-module__slider-max-label___6gGpy{margin-right:0.5rem;margin-right:var(--terra-slider-max-label-margin-left, 0.5rem)}.Slider-module__input-range___9Lrsz{-webkit-appearance:none;min-height:3.143rem;min-height:var(--terra-slider-input-range-min-height, 3.143rem);min-width:17.143rem;min-width:var(--terra-slider-input-range-min-width, 17.143rem);width:70%;width:var(--terra-slider-input-range-width, 70%)}[dir] .Slider-module__input-range___9Lrsz{background-color:rgba(0,0,0,0);cursor:pointer}[dir=ltr] .Slider-module__input-range___9Lrsz{margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-left, 0.5rem);margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-right, 0.5rem)}[dir=rtl] .Slider-module__input-range___9Lrsz{margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-left, 0.5rem);margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-right, 0.5rem)}.Slider-module__input-range___9Lrsz:disabled{opacity:30%;opacity:var(--terra-slider-input-range-disabled-opacity, 30%)}[dir] .Slider-module__input-range___9Lrsz:disabled{cursor:default}.Slider-module__input-range___9Lrsz:focus{outline:none}.Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-webkit-slider-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-webkit-slider-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-webkit-slider-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-runnable-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-webkit-slider-runnable-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-webkit-slider-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___9Lrsz::-ms-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-ms-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-ms-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-ms-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-ms-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-ms-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-ms-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-ms-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-ms-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-ms-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___9Lrsz::-moz-range-track{-moz-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___9Lrsz::-moz-range-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___9Lrsz::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz::-moz-range-thumb{-moz-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___9Lrsz::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___9Lrsz:focus::-moz-range-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___9Lrsz:hover::-moz-range-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___9Lrsz:active::-moz-range-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___9Lrsz:hover::-moz-range-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:hover::-moz-range-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___9Lrsz:disabled::-moz-range-track{-moz-appearance:none}[dir=ltr] .Slider-module__input-range___9Lrsz:disabled::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___9Lrsz:disabled::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___9Lrsz:disabled::-moz-range-thumb{-moz-appearance:none}[dir] .Slider-module__input-range___9Lrsz:disabled::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}
diff --git a/pull/1885/59912-3b73f22daaa3576bcaac.css b/pull/1885/59912-d7753583f1093e443b11.css
similarity index 100%
rename from pull/1885/59912-3b73f22daaa3576bcaac.css
rename to pull/1885/59912-d7753583f1093e443b11.css
diff --git a/pull/1885/59912-3b73f22daaa3576bcaac.js b/pull/1885/59912-d7753583f1093e443b11.js
similarity index 100%
rename from pull/1885/59912-3b73f22daaa3576bcaac.js
rename to pull/1885/59912-d7753583f1093e443b11.js
diff --git a/pull/1885/60514-cdc01e07bfd1ee7d2f9a.js b/pull/1885/60514-d20adc1852648e8f4051.js
similarity index 100%
rename from pull/1885/60514-cdc01e07bfd1ee7d2f9a.js
rename to pull/1885/60514-d20adc1852648e8f4051.js
diff --git a/pull/1885/63953-2d25299cea8a2fbb745d.css b/pull/1885/63953-2d25299cea8a2fbb745d.css
new file mode 100644
index 00000000000..b10d322c3ce
--- /dev/null
+++ b/pull/1885/63953-2d25299cea8a2fbb745d.css
@@ -0,0 +1,12 @@
+.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer}
+.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto}
+.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
+.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
+.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
+.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:right}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l.ColumnHeaderCell-module__hidden___Tu-Xs{color:rgba(0,0,0,0)}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
+.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
+.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
+.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%}
+.DataGrid-module__data-grid-container___4LJj1{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none}
+.FlowsheetDataGrid-module__flowsheet-data-grid-container___O1y8B{height:100%;width:100%}
+.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)}
diff --git a/pull/1885/63953-e6f8a0642ed70297800b.js b/pull/1885/63953-2d25299cea8a2fbb745d.js
similarity index 100%
rename from pull/1885/63953-e6f8a0642ed70297800b.js
rename to pull/1885/63953-2d25299cea8a2fbb745d.js
diff --git a/pull/1885/63953-e6f8a0642ed70297800b.css b/pull/1885/63953-e6f8a0642ed70297800b.css
deleted file mode 100644
index be1ed2268d5..00000000000
--- a/pull/1885/63953-e6f8a0642ed70297800b.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%}
-.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer}
-.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto}
-.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
-.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
-.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
-.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
-.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
-.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
-.DataGrid-module__data-grid-container___4LJj1{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none}
-.FlowsheetDataGrid-module__flowsheet-data-grid-container___O1y8B{height:100%;width:100%}
-.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)}
diff --git a/pull/1885/65222-c31d3f4159cf17b71b8f.js b/pull/1885/65222-c31d3f4159cf17b71b8f.js
deleted file mode 100644
index e132ee572a2..00000000000
--- a/pull/1885/65222-c31d3f4159cf17b71b8f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[65222],{22863:function(e,l,a){var d=a(64836);l.Z=void 0;var m=d(a(67294)),n=d(a(45697)),r=d(a(47166)),i=d(a(17422)),t=r.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var l=e.src,a=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:t("badge"),href:d||"https://www.npmjs.org/package/".concat(a,"/v/").concat(n)},m.default.createElement("span",{className:t("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(n))),i=l?m.default.createElement("a",{className:t("badge"),href:l},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;l.Z=x},65222:function(e,l,a){a.r(l),a.d(l,{default:function(){return s}});var d=a(87462),m=a(44925),n=(a(67294),a(81254)),r=a(61701),i=["components"],t={},u="wrapper";function p(e){var l=e.components,a=(0,m.Z)(e,i);return(0,n.mdx)(u,(0,d.Z)({},t,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added row selection mode to the table component."),(0,n.mdx)("li",{parentName:"ul"},"Added ability for consumers to specify a custom screen reader message for masked cells."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed the column header background color for the Orion Fusion theme."),(0,n.mdx)("li",{parentName:"ul"},"Fixed issue where column header cell was receiving tab focus instead of the button for table role."),(0,n.mdx)("li",{parentName:"ul"},"Fixed column header left border style."),(0,n.mdx)("li",{parentName:"ul"},"Fixed resize handle being communicated when non-header cell is focused."),(0,n.mdx)("li",{parentName:"ul"},"Fixed resize handle not communicating aria values when focused in non-grid contexts.")))),(0,n.mdx)("h2",{id:"511-alpha0---october-25-2023"},"5.1.1-alpha.0 - (October 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"510-alpha0---october-20-2023"},"5.1.0-alpha.0 - (October 20, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added the ability to toggle zebra striping for table rows."),(0,n.mdx)("li",{parentName:"ul"},"Added sections support to the table component."))),(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated the table component so that the cell dive-in logic would not execute when not in the grid context."),(0,n.mdx)("li",{parentName:"ul"},"Updated the table component to allow consumers to control the visibility of column headers in the table."),(0,n.mdx)("li",{parentName:"ul"},"Modified the table component so that it can receive focus when scrollable.")))),(0,n.mdx)("h2",{id:"500-alpha0---october-17-2023"},"5.0.0-alpha.0 - (October 17, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Redesigned the table component to meet accessibility guidelines. See Docs for details of the new API.")))),(0,n.mdx)("h2",{id:"4360---august-1-2023"},"4.36.0 - (August 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4350---july-13-2023"},"4.35.0 - (July 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4341---june-28-2023"},"4.34.1 - (June 28, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4340---february-15-2023"},"4.34.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"4330---december-7-2022"},"4.33.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4320---july-14-2022"},"4.32.0 - (July 14, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed fusion theme colors and caret icon size to match similar components")))),(0,n.mdx)("h2",{id:"4312---july-5-2022"},"4.31.2 - (July 5, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4311---february-24-2022"},"4.31.1 - (February 24, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4310---february-2-2022"},"4.31.0 - (February 2, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,n.mdx)("h2",{id:"4301---january-4-2022"},"4.30.1 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4300---november-2-2021"},"4.30.0 - (November 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4290---september-21-2021"},"4.29.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"4280---august-25-2021"},"4.28.0 - (August 25, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4270---july-6-2021"},"4.27.0 - (July 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4260---june-22-2021"},"4.26.0 - (June 22, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4250---june-8-2021"},"4.25.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,n.mdx)("h2",{id:"4240---april-6-2021"},"4.24.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Upgrade to terra-functional-testing"),(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"4230---march-9-2021"},"4.23.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"focus-outline")," colors for lowlight.")))),(0,n.mdx)("h2",{id:"4220---march-2-2021"},"4.22.0 - (March 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed errors in the Clinical Low Light theme")))),(0,n.mdx)("h2",{id:"4210---february-2-2021"},"4.21.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed missing id mapping for header cells")))),(0,n.mdx)("h2",{id:"4200---january-5-2021"},"4.20.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4190---december-8-2020"},"4.19.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Update wdio tests to remove deprecated Terra.it helpers")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed broken hyperlinks in Table documentation"))))),(0,n.mdx)("h2",{id:"4180---november-17-2020"},"4.18.0 - (November 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4170---october-13-2020"},"4.17.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced references to terra-doc-template with terra-docs")))),(0,n.mdx)("h2",{id:"4160---september-16-2020"},"4.16.0 - (September 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated guides with realistic data.")))),(0,n.mdx)("h2",{id:"4150---august-18-2020"},"4.15.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed jaws to announce state change for Rows and Header checkbox."),(0,n.mdx)("li",{parentName:"ul"},"Fix click interactions on Header check mark when disabled."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,n.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices.")))),(0,n.mdx)("h2",{id:"4140---august-4-2020"},"4.14.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4130---july-29-2020"},"4.13.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"4120---july-21-2020"},"4.12.0 - (July 21, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Align column and rows for selectable tables.")))),(0,n.mdx)("h2",{id:"4110---july-14-2020"},"4.11.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Corrected themeable variable duplicates and missing variables.")))),(0,n.mdx)("h2",{id:"4100---july-7-2020"},"4.10.0 - (July 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Rows and Header checkbox when disabled are now accessible for screenreaders to read out accordingly.")))),(0,n.mdx)("h2",{id:"490---june-23-2020"},"4.9.0 - (June 23, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"480---june-9-2020"},"4.8.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"470---april-28-2020"},"4.7.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"460---april-22-2020"},"4.6.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"overflow: hidden")," style to cell."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,n.mdx)("h2",{id:"450---march-17-2020"},"4.5.0 - (March 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed refCallBack not working for table rows.")))),(0,n.mdx)("h2",{id:"440---march-10-2020"},"4.4.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,n.mdx)("h2",{id:"430---march-3-2020"},"4.3.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"420---february-18-2020"},"4.2.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"410---february-4-2020"},"4.1.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"400---january-17-2020"},"4.0.0 - (January 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"terra-table now only provides controlled variants."),(0,n.mdx)("li",{parentName:"ul"},"Removed Component ",(0,n.mdx)("inlineCode",{parentName:"li"},"SingleSelectTableRows")," - No longer supported this uncontrolled variant of table."),(0,n.mdx)("li",{parentName:"ul"},"Removed Component ",(0,n.mdx)("inlineCode",{parentName:"li"},"MultiSelectTableRows")," - No longer supported this uncontrolled variant of table."),(0,n.mdx)("li",{parentName:"ul"},"Removed Component ",(0,n.mdx)("inlineCode",{parentName:"li"},"SelectableTableRows")," - Selection by index is no longer provided."),(0,n.mdx)("li",{parentName:"ul"},"Removed Component ",(0,n.mdx)("inlineCode",{parentName:"li"},"TableRows")," - body element now provided by default within the table.")))),(0,n.mdx)("h2",{id:"3300---january-7-2020"},"3.30.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,n.mdx)("h2",{id:"3290---december-3-2019"},"3.29.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,n.mdx)("h2",{id:"3280---october-30-2019"},"3.28.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3270---october-3-2019"},"3.27.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3260---september-19-2019"},"3.26.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,n.mdx)("h2",{id:"3250---september-6-2019"},"3.25.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"3240---september-3-2019"},"3.24.0 - (September 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,n.mdx)("h2",{id:"3230---august-21-2019"},"3.23.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"3220---august-14-2019"},"3.22.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"3210---july-30-2019"},"3.21.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3200---july-24-2019"},"3.20.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3190---july-16-2019"},"3.19.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"3180----july-11-2019"},"3.18.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")),(0,n.mdx)("li",{parentName:"ul"},"Increased subheader css specificity")))),(0,n.mdx)("h2",{id:"3170---june-28-2019"},"3.17.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added themeable variable --terra-table-subheader-border-bottom"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"3160---june-18-2019"},"3.16.0 - (June 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"3150---june-11-2019"},"3.15.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,n.mdx)("h2",{id:"3140---may-22-2019"},"3.14.0 - (May 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Revert update to allow VoiceOver to read selectable table rows."),(0,n.mdx)("li",{parentName:"ul"},"Revert update to allow row selection with Voice Over + space.")))),(0,n.mdx)("h2",{id:"3130---may-21-2019"},"3.13.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added missing en-US and en-AU table translations"),(0,n.mdx)("li",{parentName:"ul"},"Updated to allow VoiceOver to read selectable table rows."),(0,n.mdx)("li",{parentName:"ul"},"Updated to allow row selection with Voice Over + space.")))),(0,n.mdx)("h2",{id:"3120---may-9-2019"},"3.12.0 - (May 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Exclude subheader from zebra row styles.")))),(0,n.mdx)("h2",{id:"3110---may-1-2019"},"3.11.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3100---april-16-2019"},"3.10.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---april-9-2019"},"3.9.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"380---march-26-2019"},"3.8.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,n.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added stylelint-enable to Table.module.scss")))),(0,n.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,n.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Split focus and hover styles to separate blocks"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Table header (th) styles"),(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,n.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Exports for table header cell minimum width and sort added."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"SingleSelectableRows documentation")))),(0,n.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2200---august-8-2018"},"2.20.0 - (August 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation pages for TableRows, SelectableTableRows, and SingleSelectableRows"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Changed background color to transparent")))),(0,n.mdx)("h2",{id:"2190---august-1-2018"},"2.19.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2180---july-19-2018"},"2.18.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"2170---july-17-2018"},"2.17.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"2160---july-10-2018"},"2.16.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2150---june-28-2018"},"2.15.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"2140---june-22-2018"},"2.14.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"2130---june-12-2018"},"2.13.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Convert nightwatch tests to wdio."),(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,n.mdx)("h2",{id:"2120---may-30-2018"},"2.12.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"2110---may-25-2018"},"2.11.0 - (May 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed issue with setting onClick handler on TableHeaderCell")))),(0,n.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,n.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,n.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"1200---february-1-2018"},"1.20.0 - (February 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved table sort indicator")))),(0,n.mdx)("h2",{id:"1190---january-18-2018"},"1.19.0 - (January 18, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1180---january-5-2018"},"1.18.0 - (January 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1170---november-28-2017"},"1.17.0 - (November 28, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1160---november-16-2017"},"1.16.0 - (November 16, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"MultiSelectableRows component")))),(0,n.mdx)("h2",{id:"1150---november-7-2017"},"1.15.0 - (November 7, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1140---october-24-2017"},"1.14.0 - (October 24, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1130---october-6-2017"},"1.13.0 - (October 6, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"SelectableTableRows component"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Refactor Single Selectable Rows typecheck"),(0,n.mdx)("li",{parentName:"ul"},"Refactor nightwatch tests"),(0,n.mdx)("li",{parentName:"ul"},"Updated SingleSelectableRows to utilize the SelectableTableRows component"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Initial Single Select Table render to accept an isSelected Row")))),(0,n.mdx)("h2",{id:"1120---september-26-2017"},"1.12.0 - (September 26, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,n.mdx)("h2",{id:"1110---september-19-2017"},"1.11.0 - (September 19, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1100---september-12-2017"},"1.10.0 - (September 12, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update selection styles")))),(0,n.mdx)("h2",{id:"190---september-7-2017"},"1.9.0 - (September 7, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"180---september-5-2017"},"1.8.0 - (September 5, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,n.mdx)("h2",{id:"170---august-31-2017"},"1.7.0 - (August 31, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---august-15-2017"},"1.6.0 - (August 15, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"150---august-8-2017"},"1.5.0 - (August 8, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change data-class to be name spaced")))),(0,n.mdx)("h2",{id:"140---august-1-2017"},"1.4.0 - (August 1, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed typo which dropped custom class names on TableCell component")))),(0,n.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules")))),(0,n.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added preventDefault to SingleSelect table row"),(0,n.mdx)("li",{parentName:"ul"},"Added missing props-tables"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,n.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var l=e.components,a=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},61701:function(e,l,a){a.d(l,{C:function(){return n}});var d=a(67294),m=a(22863),n=function(e){var l=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.1.1-alpha.0",url:l})}},17422:function(e,l,a){a.r(l),l.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,l,a){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[a]=e[a]);return m}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(m[a]=e[a])}return m}a.d(l,{Z:function(){return d}})}}]);
\ No newline at end of file
diff --git a/pull/1885/65222-c31d3f4159cf17b71b8f.css b/pull/1885/65222-c7f54d4dd23887d2475b.css
similarity index 100%
rename from pull/1885/65222-c31d3f4159cf17b71b8f.css
rename to pull/1885/65222-c7f54d4dd23887d2475b.css
diff --git a/pull/1885/65222-c7f54d4dd23887d2475b.js b/pull/1885/65222-c7f54d4dd23887d2475b.js
new file mode 100644
index 00000000000..a1d8ba8a00c
--- /dev/null
+++ b/pull/1885/65222-c7f54d4dd23887d2475b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[65222],{22863:function(e,l,a){var d=a(64836);l.Z=void 0;var m=d(a(67294)),n=d(a(45697)),r=d(a(47166)),i=d(a(17422)),t=r.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var l=e.src,a=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:t("badge"),href:d||"https://www.npmjs.org/package/".concat(a,"/v/").concat(n)},m.default.createElement("span",{className:t("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(n))),i=l?m.default.createElement("a",{className:t("badge"),href:l},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;l.Z=x},65222:function(e,l,a){a.r(l),a.d(l,{default:function(){return s}});var d=a(87462),m=a(44925),n=(a(67294),a(81254)),r=a(61701),i=["components"],t={},u="wrapper";function p(e){var l=e.components,a=(0,m.Z)(e,i);return(0,n.mdx)(u,(0,d.Z)({},t,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed ",(0,n.mdx)("inlineCode",{parentName:"li"},"hasColumnHeaders")," prop to ",(0,n.mdx)("inlineCode",{parentName:"li"},"hasVisibleColumnHeaders"),"."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added navigation via Home and End Keys."),(0,n.mdx)("li",{parentName:"ul"},"Added title attribute to column header cells to enable tooltips."),(0,n.mdx)("li",{parentName:"ul"},"Exported shapes for reusability."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed tab index issues in the column header cells."),(0,n.mdx)("li",{parentName:"ul"},"Fixed screenreader issue due to space in the headers attribute.")))),(0,n.mdx)("h2",{id:"511-alpha1---november-9-2023"},"5.1.1-alpha.1 - (November 9, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added row selection mode to the table component."),(0,n.mdx)("li",{parentName:"ul"},"Added ability for consumers to specify a custom screen reader message for masked cells."),(0,n.mdx)("li",{parentName:"ul"},"Added sections support to the table component."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed the column header background color for the Orion Fusion theme."),(0,n.mdx)("li",{parentName:"ul"},"Fixed issue where column header cell was receiving tab focus instead of the button for table role."),(0,n.mdx)("li",{parentName:"ul"},"Fixed column header left border style."),(0,n.mdx)("li",{parentName:"ul"},"Fixed resize handle being communicated when non-header cell is focused."),(0,n.mdx)("li",{parentName:"ul"},"Fixed resize handle not communicating aria values when focused in non-grid contexts.")))),(0,n.mdx)("h2",{id:"511-alpha0---october-25-2023"},"5.1.1-alpha.0 - (October 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"510-alpha0---october-20-2023"},"5.1.0-alpha.0 - (October 20, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added the ability to toggle zebra striping for table rows."))),(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated the table component so that the cell dive-in logic would not execute when not in the grid context."),(0,n.mdx)("li",{parentName:"ul"},"Updated the table component to allow consumers to control the visibility of column headers in the table."),(0,n.mdx)("li",{parentName:"ul"},"Modified the table component so that it can receive focus when scrollable.")))),(0,n.mdx)("h2",{id:"500-alpha0---october-17-2023"},"5.0.0-alpha.0 - (October 17, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Redesigned the table component to meet accessibility guidelines. See Docs for details of the new API.")))),(0,n.mdx)("h2",{id:"4360---august-1-2023"},"4.36.0 - (August 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4350---july-13-2023"},"4.35.0 - (July 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4341---june-28-2023"},"4.34.1 - (June 28, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4340---february-15-2023"},"4.34.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"4330---december-7-2022"},"4.33.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4320---july-14-2022"},"4.32.0 - (July 14, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed fusion theme colors and caret icon size to match similar components")))),(0,n.mdx)("h2",{id:"4312---july-5-2022"},"4.31.2 - (July 5, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4311---february-24-2022"},"4.31.1 - (February 24, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4310---february-2-2022"},"4.31.0 - (February 2, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,n.mdx)("h2",{id:"4301---january-4-2022"},"4.30.1 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4300---november-2-2021"},"4.30.0 - (November 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4290---september-21-2021"},"4.29.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"4280---august-25-2021"},"4.28.0 - (August 25, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4270---july-6-2021"},"4.27.0 - (July 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4260---june-22-2021"},"4.26.0 - (June 22, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4250---june-8-2021"},"4.25.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,n.mdx)("h2",{id:"4240---april-6-2021"},"4.24.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Upgrade to terra-functional-testing"),(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"4230---march-9-2021"},"4.23.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"focus-outline")," colors for lowlight.")))),(0,n.mdx)("h2",{id:"4220---march-2-2021"},"4.22.0 - (March 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed errors in the Clinical Low Light theme")))),(0,n.mdx)("h2",{id:"4210---february-2-2021"},"4.21.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed missing id mapping for header cells")))),(0,n.mdx)("h2",{id:"4200---january-5-2021"},"4.20.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4190---december-8-2020"},"4.19.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Update wdio tests to remove deprecated Terra.it helpers")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed broken hyperlinks in Table documentation"))))),(0,n.mdx)("h2",{id:"4180---november-17-2020"},"4.18.0 - (November 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4170---october-13-2020"},"4.17.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced references to terra-doc-template with terra-docs")))),(0,n.mdx)("h2",{id:"4160---september-16-2020"},"4.16.0 - (September 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated guides with realistic data.")))),(0,n.mdx)("h2",{id:"4150---august-18-2020"},"4.15.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed jaws to announce state change for Rows and Header checkbox."),(0,n.mdx)("li",{parentName:"ul"},"Fix click interactions on Header check mark when disabled."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,n.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices.")))),(0,n.mdx)("h2",{id:"4140---august-4-2020"},"4.14.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4130---july-29-2020"},"4.13.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"4120---july-21-2020"},"4.12.0 - (July 21, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Align column and rows for selectable tables.")))),(0,n.mdx)("h2",{id:"4110---july-14-2020"},"4.11.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Corrected themeable variable duplicates and missing variables.")))),(0,n.mdx)("h2",{id:"4100---july-7-2020"},"4.10.0 - (July 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Rows and Header checkbox when disabled are now accessible for screenreaders to read out accordingly.")))),(0,n.mdx)("h2",{id:"490---june-23-2020"},"4.9.0 - (June 23, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"480---june-9-2020"},"4.8.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"470---april-28-2020"},"4.7.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"460---april-22-2020"},"4.6.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"overflow: hidden")," style to cell."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,n.mdx)("h2",{id:"450---march-17-2020"},"4.5.0 - (March 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed refCallBack not working for table rows.")))),(0,n.mdx)("h2",{id:"440---march-10-2020"},"4.4.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,n.mdx)("h2",{id:"430---march-3-2020"},"4.3.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"420---february-18-2020"},"4.2.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"410---february-4-2020"},"4.1.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"400---january-17-2020"},"4.0.0 - (January 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"terra-table now only provides controlled variants."),(0,n.mdx)("li",{parentName:"ul"},"Removed Component ",(0,n.mdx)("inlineCode",{parentName:"li"},"SingleSelectTableRows")," - No longer supported this uncontrolled variant of table."),(0,n.mdx)("li",{parentName:"ul"},"Removed Component ",(0,n.mdx)("inlineCode",{parentName:"li"},"MultiSelectTableRows")," - No longer supported this uncontrolled variant of table."),(0,n.mdx)("li",{parentName:"ul"},"Removed Component ",(0,n.mdx)("inlineCode",{parentName:"li"},"SelectableTableRows")," - Selection by index is no longer provided."),(0,n.mdx)("li",{parentName:"ul"},"Removed Component ",(0,n.mdx)("inlineCode",{parentName:"li"},"TableRows")," - body element now provided by default within the table.")))),(0,n.mdx)("h2",{id:"3300---january-7-2020"},"3.30.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,n.mdx)("h2",{id:"3290---december-3-2019"},"3.29.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,n.mdx)("h2",{id:"3280---october-30-2019"},"3.28.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3270---october-3-2019"},"3.27.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3260---september-19-2019"},"3.26.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,n.mdx)("h2",{id:"3250---september-6-2019"},"3.25.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"3240---september-3-2019"},"3.24.0 - (September 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,n.mdx)("h2",{id:"3230---august-21-2019"},"3.23.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"3220---august-14-2019"},"3.22.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"3210---july-30-2019"},"3.21.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3200---july-24-2019"},"3.20.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3190---july-16-2019"},"3.19.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"3180----july-11-2019"},"3.18.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")),(0,n.mdx)("li",{parentName:"ul"},"Increased subheader css specificity")))),(0,n.mdx)("h2",{id:"3170---june-28-2019"},"3.17.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added themeable variable --terra-table-subheader-border-bottom"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"3160---june-18-2019"},"3.16.0 - (June 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"3150---june-11-2019"},"3.15.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,n.mdx)("h2",{id:"3140---may-22-2019"},"3.14.0 - (May 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Revert update to allow VoiceOver to read selectable table rows."),(0,n.mdx)("li",{parentName:"ul"},"Revert update to allow row selection with Voice Over + space.")))),(0,n.mdx)("h2",{id:"3130---may-21-2019"},"3.13.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added missing en-US and en-AU table translations"),(0,n.mdx)("li",{parentName:"ul"},"Updated to allow VoiceOver to read selectable table rows."),(0,n.mdx)("li",{parentName:"ul"},"Updated to allow row selection with Voice Over + space.")))),(0,n.mdx)("h2",{id:"3120---may-9-2019"},"3.12.0 - (May 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Exclude subheader from zebra row styles.")))),(0,n.mdx)("h2",{id:"3110---may-1-2019"},"3.11.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3100---april-16-2019"},"3.10.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---april-9-2019"},"3.9.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"380---march-26-2019"},"3.8.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,n.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added stylelint-enable to Table.module.scss")))),(0,n.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,n.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Split focus and hover styles to separate blocks"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Table header (th) styles"),(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,n.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Exports for table header cell minimum width and sort added."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"SingleSelectableRows documentation")))),(0,n.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2200---august-8-2018"},"2.20.0 - (August 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation pages for TableRows, SelectableTableRows, and SingleSelectableRows"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Changed background color to transparent")))),(0,n.mdx)("h2",{id:"2190---august-1-2018"},"2.19.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2180---july-19-2018"},"2.18.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"2170---july-17-2018"},"2.17.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"2160---july-10-2018"},"2.16.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2150---june-28-2018"},"2.15.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"2140---june-22-2018"},"2.14.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"2130---june-12-2018"},"2.13.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Convert nightwatch tests to wdio."),(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,n.mdx)("h2",{id:"2120---may-30-2018"},"2.12.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"2110---may-25-2018"},"2.11.0 - (May 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed issue with setting onClick handler on TableHeaderCell")))),(0,n.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,n.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,n.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"1200---february-1-2018"},"1.20.0 - (February 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved table sort indicator")))),(0,n.mdx)("h2",{id:"1190---january-18-2018"},"1.19.0 - (January 18, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1180---january-5-2018"},"1.18.0 - (January 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1170---november-28-2017"},"1.17.0 - (November 28, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1160---november-16-2017"},"1.16.0 - (November 16, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"MultiSelectableRows component")))),(0,n.mdx)("h2",{id:"1150---november-7-2017"},"1.15.0 - (November 7, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1140---october-24-2017"},"1.14.0 - (October 24, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1130---october-6-2017"},"1.13.0 - (October 6, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"SelectableTableRows component"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Refactor Single Selectable Rows typecheck"),(0,n.mdx)("li",{parentName:"ul"},"Refactor nightwatch tests"),(0,n.mdx)("li",{parentName:"ul"},"Updated SingleSelectableRows to utilize the SelectableTableRows component"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Initial Single Select Table render to accept an isSelected Row")))),(0,n.mdx)("h2",{id:"1120---september-26-2017"},"1.12.0 - (September 26, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,n.mdx)("h2",{id:"1110---september-19-2017"},"1.11.0 - (September 19, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1100---september-12-2017"},"1.10.0 - (September 12, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update selection styles")))),(0,n.mdx)("h2",{id:"190---september-7-2017"},"1.9.0 - (September 7, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"180---september-5-2017"},"1.8.0 - (September 5, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,n.mdx)("h2",{id:"170---august-31-2017"},"1.7.0 - (August 31, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---august-15-2017"},"1.6.0 - (August 15, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"150---august-8-2017"},"1.5.0 - (August 8, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change data-class to be name spaced")))),(0,n.mdx)("h2",{id:"140---august-1-2017"},"1.4.0 - (August 1, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed typo which dropped custom class names on TableCell component")))),(0,n.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules")))),(0,n.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added preventDefault to SingleSelect table row"),(0,n.mdx)("li",{parentName:"ul"},"Added missing props-tables"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,n.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var l=e.components,a=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},61701:function(e,l,a){a.d(l,{C:function(){return n}});var d=a(67294),m=a(22863),n=function(e){var l=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.1.1-alpha.1",url:l})}},17422:function(e,l,a){a.r(l),l.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,l,a){function d(){return d=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[a]=e[a]);return m}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(m[a]=e[a])}return m}a.d(l,{Z:function(){return d}})}}]);
\ No newline at end of file
diff --git a/pull/1885/65670-e0f197d1213952a5ad88.css b/pull/1885/65670-252958fd3e1e3b326d1b.css
similarity index 90%
rename from pull/1885/65670-e0f197d1213952a5ad88.css
rename to pull/1885/65670-252958fd3e1e3b326d1b.css
index 31cfc06fcb9..4f624dae091 100644
--- a/pull/1885/65670-e0f197d1213952a5ad88.css
+++ b/pull/1885/65670-252958fd3e1e3b326d1b.css
@@ -4,7 +4,7 @@
.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)}
.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
-.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
+.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-left: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:right}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l.ColumnHeaderCell-module__hidden___Tu-Xs{color:rgba(0,0,0,0)}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)}
.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)}
diff --git a/pull/1885/65670-e0f197d1213952a5ad88.js b/pull/1885/65670-252958fd3e1e3b326d1b.js
similarity index 99%
rename from pull/1885/65670-e0f197d1213952a5ad88.js
rename to pull/1885/65670-252958fd3e1e3b326d1b.js
index 2217c0532a0..fc153df0238 100644
--- a/pull/1885/65670-e0f197d1213952a5ad88.js
+++ b/pull/1885/65670-252958fd3e1e3b326d1b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[65670,24006,47209],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),o=a(n(45697)),l=a(n(47166)),i=a(n(17422)),c=l.default.bind(i.default),u={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},s=function(e){var t=e.src,n=e.name,a=e.url,o=e.version,l=r.default.createElement("a",{className:c("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},r.default.createElement("span",{className:c("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:c("badge-version")},"v".concat(o))),i=t?r.default.createElement("a",{className:c("badge"),href:t},r.default.createElement("span",{className:c("badge-name")},"github"),r.default.createElement("span",{className:c("badge-version")},"source")):void 0;return r.default.createElement("div",{className:c("badge-container")},l,i)};s.propTypes=u;var d=s;t.Z=d},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var o=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=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 i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),c=a(n(47166)),u=n(21538),s=a(n(33864)),d=a(n(23399)),p=n(51051),f=a(n(53560));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)}var _=c.default.bind(f.default),y={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,c=e.isExpanded,f=(0,l.useState)(c),m=(0,o.default)(f,2),y=m[0],g=m[1],h=(0,l.useState)(!1),w=(0,o.default)(h,2),O=w[0],E=w[1],x=l.default.useContext(u.ThemeContext),N=void 0!==a,C=function(){E(!O),y&&g(!y)},P=function(){g(!y),O&&E(!O)},j=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:_("template",x.className)},l.default.createElement("div",{className:_("header")},r&&l.default.createElement("h2",{className:_("title")},r)),l.default.createElement("div",{className:_("content")},i&&l.default.createElement("div",{className:_("description")},i),t),l.default.createElement("div",{className:_("footer")},n?l.default.createElement("div",{className:_("button-container")},N&&l.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":O}),onClick:C,onKeyDown:function(e){return j(e,C)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(s.default,{className:_("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(d.default,{className:_("chevron")})),l.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":y}),onClick:P,onKeyDown:function(e){return j(e,P)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(s.default,{className:_("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(d.default,{className:_("chevron")}))):null,l.default.createElement("div",null,O&&l.default.createElement("div",{className:_("css")},a),y&&l.default.createElement("div",{className:_("code")},n))))};g.propTypes=y,g.defaultProps={isExpanded:!1};var h=g;t.Z=h},93062:function(e,t,n){n.r(t),n.d(t,{default:function(){return y}});var a=n(87462),r=n(44925),o=n(67294),l=n(81254),i=(n(61701),n(5874)),c=["components"],u={};function s(e){var t=e.components,n=(0,r.Z)(e,c);return(0,l.mdx)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst PinnedColumnsTable = () => (\n